.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:100dvw;max-width:100dvw;height:100dvh;max-height:100dvh;background:#fff;display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden;transition:1s;opacity:0;overflow:scroll}.popup.active{transform:translate(-50%,-50%) scale(1);opacity:1}.popup .btn-close{opacity:0;position:absolute;background:#fff;cursor:pointer;top:0;right:0;padding:var(--spacing-4);width:auto;height:auto;line-height:1;color:#333f48;box-shadow:-2px 2px 6px -3px #000000bf;-webkit-box-shadow:-2px 2px 6px -3px rgba(0,0,0,.75);-moz-box-shadow:-2px 2px 6px -3px rgba(0,0,0,.75)}.popup .btn-close svg{width:35px;height:35px}.popup .btn-arrow{opacity:0;position:absolute;top:50%;transform:translateY(-50%);padding:var(--spacing-3);border:none;background:none;cursor:pointer;line-height:1}.popup .btn-arrow.left-arrow{left:10px}.popup .btn-arrow.right-arrow{right:10px}.popup .btn-arrow.left-arrow svg,.popup .btn-arrow.right-arrow svg{width:35px;height:35px}@media screen and (min-width: 768px){.popup .btn-arrow.left-arrow svg,.popup .btn-arrow.right-arrow svg{width:50px;height:50px}}.popup .canvasZoom{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;row-gap:15px}@media screen and (min-width: 768px){.popup .canvasZoom{width:75dvw;height:75dvh}}.popup .canvasZoom.v-mobile{width:100%}@media screen and (max-width: 1150px){.popup .canvasZoom.v-mobile{width:95dvw;height:55dvh}}.popup .canvasZoom.v-mobile .zoomImage,.popup .canvasZoom .image-preview{width:100%;height:100%}.popup .canvasZoom .image-preview.v-desktop,.popup .canvasZoom .zoomImage{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;overflow:hidden}.popup .canvasZoom .zoom,.popup .canvasZoom .zoomTouch{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;column-gap:10%}.popup .canvasZoom .zoom-btn,.popup .canvasZoom .zoom-arrow,.popup .canvasZoom .zoomTouch-btn,.popup .canvasZoom .zoomTouch-arrow{line-height:1}.popup .canvasZoom .zoom-btn svg,.popup .canvasZoom .zoom-arrow svg,.popup .canvasZoom .zoomTouch-btn svg,.popup .canvasZoom .zoomTouch-arrow svg{width:30px;height:30px}.popup .canvasZoom .zoom{display:none}@media screen and (min-width: 1150px){.popup .canvasZoom .zoomTouch{display:none}}.popup .large-image{width:100%;height:100%;object-fit:contain}.popup .large-image.v-mobile{opacity:0;touch-action:none;display:block}@media screen and (min-width: 768px){.popup .large-image.v-desktop{width:100%;height:100%}}.popup .bar-bottom{position:absolute;bottom:0;left:0;width:100%;height:50px;background:#000;color:#fff;text-align:center;line-height:50px;font-weight:300}.popup .bar-bottom .text{font-size:var(--text-base)}.popup-attributes .canvasZoom .zoomImage{height:100%}@media screen and (max-width: 1000px){.popup-attributes .canvasZoom .zoomImage{height:50dvh}}.popup.active .btn-close,.popup.active .image-name,.popup.active .large-image,.popup.active .index,.popup.active .btn-arrow{opacity:1;transition:opacity .5s;transition-delay:1s}@media screen and (min-width: 768px){.popup.active .large-image{transition:inherit}}@media screen and (min-width: 1000px){.product-gallery--desktop-carousel .product-gallery__zoom{width:90%;height:90%;transform:scale(1);position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}}@media screen and (min-width: 1000px){.product-gallery--desktop-carousel .product-gallery__zoom .circle-button{display:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/attributes-gallery.css.map */