.section-accessory-pdp .gallery .main{position:relative;overflow:hidden;background:var(--novaa-bone)}.section-accessory-pdp .gallery .gslide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s var(--ease-out)}.section-accessory-pdp .gallery .gslide.is-active{opacity:1;visibility:visible;pointer-events:auto}.section-accessory-pdp .gallery .gslide img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.section-accessory-pdp .gallery .gslide[data-media-type=video],.section-accessory-pdp .gallery .gslide[data-media-type=external_video]{background:#000}.section-accessory-pdp .gallery .gslide video,.section-accessory-pdp .gallery .gslide iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#000;object-fit:contain}.section-accessory-pdp .gallery .gslide .gvideo-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#000;cursor:pointer}.section-accessory-pdp .gallery .gslide .gvideo-poster img{object-fit:contain;opacity:.85}.section-accessory-pdp .gallery .gslide.is-playing .gvideo-poster{display:none}.section-accessory-pdp .gallery .gplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;background:#ffffffeb;display:block;pointer-events:none}.section-accessory-pdp .gallery .gplay:after{content:"";position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);border-left:15px solid var(--novaa-ink);border-top:10px solid transparent;border-bottom:10px solid transparent}.section-accessory-pdp .gallery .gplay--sm{width:22px;height:22px}.section-accessory-pdp .gallery .gplay--sm:after{border-left-width:7px;border-top-width:5px;border-bottom-width:5px}.section-accessory-pdp .gallery .garrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center;background:#ffffffe0;color:var(--novaa-ink);border:1px solid rgba(20,23,26,.1);cursor:pointer;transition:background .12s var(--ease-out),transform .12s var(--ease-out)}.section-accessory-pdp .gallery .garrow svg{width:18px;height:18px}.section-accessory-pdp .gallery .garrow:hover{background:#fff}.section-accessory-pdp .gallery .garrow:focus-visible{outline:2px solid var(--novaa-ink);outline-offset:2px}.section-accessory-pdp .gallery .garrow--prev{left:10px}.section-accessory-pdp .gallery .garrow--next{right:10px}.section-accessory-pdp .gallery .gcounter{position:absolute;left:12px;bottom:12px;z-index:3;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:#fff;background:#14171a8c;padding:3px 7px}.section-accessory-pdp .gallery .main .badge-row{z-index:4}.section-accessory-pdp .gallery .main .photonote{z-index:3}.section-accessory-pdp .gallery .thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.section-accessory-pdp .gallery .thumb{aspect-ratio:1/1;position:relative;overflow:hidden;padding:0;background:var(--novaa-fog);border:1px solid transparent;cursor:pointer;transition:border-color .12s var(--ease-out)}.section-accessory-pdp .gallery .thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.section-accessory-pdp .gallery .thumb:hover{border-color:var(--novaa-taupe)}.section-accessory-pdp .gallery .thumb.is-active{border-color:var(--novaa-ink)}.section-accessory-pdp .gallery .thumb.is-video img{opacity:.78}.section-accessory-pdp .gallery .thumb:focus-visible{outline:2px solid var(--novaa-ink);outline-offset:2px}@media(max-width:899px){.section-accessory-pdp .gallery .garrow{width:34px;height:34px}.section-accessory-pdp .gallery .garrow--prev{left:6px}.section-accessory-pdp .gallery .garrow--next{right:6px}}.section-accessory-pdp .gallery .main:has(.gslide[data-media-type=video].is-active) .gcounter,.section-accessory-pdp .gallery .main:has(.gslide[data-media-type=video].is-active) .photonote,.section-accessory-pdp .gallery .main:has(.gslide[data-media-type=external_video].is-active) .gcounter,.section-accessory-pdp .gallery .main:has(.gslide[data-media-type=external_video].is-active) .photonote{display:none}
/*# sourceMappingURL=/cdn/shop/t/55/assets/pdp-accessory-gallery.css.map */
