.dt-gallery{aspect-ratio:1;display:none;grid-template-columns:1fr;gap:4px;width:100%;position:relative}.dt-gallery:has(.gallery-thumbs){grid-template-columns:164px auto}.dt-gallery:not(.image-tall) .panzoom-element{background-color:#f5f5f5}.dt-gallery:not(.image-tall) img{mix-blend-mode:multiply}.dt-gallery.image-tall,.dt-gallery.image-tall .main-gallery .main-image{aspect-ratio:4/5}.badge-wrapper{position:absolute;top:12px;right:12px;z-index:10}.badge-wrapper .badge-inner-wrapper{display:flex;gap:4px;align-items:center;padding:4px}.badge-wrapper .badge-inner-wrapper .badge{padding:4px 8px;background-color:#000;color:#fff;font-family:var(--font-heading);text-transform:uppercase;font-size:12px;border-radius:4px}.gallery-thumbs{max-height:100%;overflow:auto;padding-right:40px;margin-right:-40px;display:none}.thumb-list{display:flex;flex-direction:column;gap:4px;padding:4px;list-style-type:none}.thumbnail{background-position:center;background-size:cover;background-repeat:no-repeat;display:block;outline-offset:1px;width:100%;height:max-content;padding:0}.thumbail.active img{border-color:currentColor}.thumbnail-img{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid transparent;object-position:center;object-fit:contain;width:100%;height:auto;display:block}.main-gallery{background-position:center;background-size:cover;background-repeat:no-repeat;height:max-content;overflow:hidden;width:100%}.main-gallery .main-image{aspect-ratio:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);object-position:center;object-fit:contain;width:100%}.panzoom-element{display:block;height:100%;width:100%;position:relative}.panzoom-actions{display:hidden;position:absolute;height:100%;width:100%}.panzoom-actions button{position:absolute;z-index:10;top:50%}.panzoom-actions button .icon{width:40px;height:40px}.panzoom-actions button.back .icon{transform:rotate(90deg)}.panzoom-actions button.back{padding-left:20px}.panzoom-actions button.next{padding-right:20px;right:0}.panzoom-actions button.next .icon{transform:rotate(-90deg)}.mb-gallery{position:relative;overflow:hidden;margin-right:-18px;padding-right:18px;display:block;min-height:245px}.mb-gallery:not(:has(.gallery-row.single)),.gallery-row:not(.single){aspect-ratio:378/245}.gallery-row{position:relative;overflow:hidden;margin-right:-18px;padding-right:18px;display:block;min-height:245px}.mb-gallery:not(.image-tall) panzoom-element,.mb-gallery:not(.image-tall):has(.gallery-row.single){background-color:#f5f5f5}.mb-gallery:not(.image-tall):has(.gallery-row.single){margin-right:0}.mb-gallery:not(.image-tall) img{mix-blend-mode:multiply}.mb-gallery .badge-wrapper{top:8px;left:8px}.gallery-row.single{padding-bottom:17px}.dt-gallery .navigation{align-items:center;display:flex;justify-content:center}.dt-gallery .navigation .back,.dt-gallery .navigation .next{width:44px;height:44px;background:none;border:0;cursor:pointer}.dt-gallery .navigation .back:disabled,.dt-gallery .navigation .next:disabled{opacity:0}.dt-gallery .navigation .back .icon{transform:rotate(90deg)}.dt-gallery .navigation .next .icon{transform:rotate(-90deg)}.dt-gallery .swiper-pagination-bullets{align-items:center;display:flex;gap:12px}.dt-gallery .swiper-pagination-bullets:not(:has(.swiper-pagination-bullet:nth-child(2))){display:none}.dt-gallery .swiper-pagination-bullet{width:12px;height:12px;display:block;border-radius:100%;border:1px solid #000}.dt-gallery .swiper-pagination-bullet-active{background-color:#000}.dt-gallery .navigation .icon{width:100%}.gallery-row swiper-container{width:100%}.gallery-row swiper-container::part(scrollbar){position:static!important;margin:16px auto}.mb-gallery .panzoom-element{transition:.2s ease-in-out;min-width:80%}.mb-gallery .panzoom-element .image{width:100%;height:100%;object-position:center;object-fit:contain;display:block;border-radius:4px;aspect-ratio:164/204}@media(min-width:768px){.panzoom-actions{display:block}.dt-gallery{display:grid}.mb-gallery{display:none}.gallery-thumbs{display:block}}
/*# sourceMappingURL=/cdn/shop/t/306/assets/product-gallery.css.map?v=50571009058947429021732032510 */