body.gps-page .gallery-main:before{display:none!important;content:none!important}body.gps-page .gallery-thumbs-wrap{position:relative;margin-top:var(--space-3);--thumb-size:100px}body.gps-page .gallery-thumbs{display:flex!important;grid-template-columns:none!important;gap:var(--space-2);overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:2px;-webkit-overflow-scrolling:touch}body.gps-page .gallery-thumbs::-webkit-scrollbar{display:none}body.gps-page .gallery-thumb{flex:0 0 var(--thumb-size)!important;width:var(--thumb-size);height:var(--thumb-size);aspect-ratio:1/1;scroll-snap-align:start}body.gps-page .gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000026,0 0 0 1px #0000000f;display:flex;align-items:center;justify-content:center;color:var(--color-text);opacity:0;pointer-events:none;transition:opacity .25s,background .25s;padding:0;cursor:pointer;border:none}body.gps-page .gallery-nav svg{width:18px;height:18px}body.gps-page .gallery-nav:hover{background:var(--brand-teal);color:#fff}body.gps-page .gallery-nav-prev{left:-6px}body.gps-page .gallery-nav-next{right:-6px}body.gps-page .gallery-thumbs-wrap.has-overflow .gallery-nav{opacity:1;pointer-events:auto}body.gps-page .gallery-thumbs-wrap.has-overflow.at-start .gallery-nav-prev,body.gps-page .gallery-thumbs-wrap.has-overflow.at-end .gallery-nav-next{opacity:0;pointer-events:none}body.gps-page .gallery-thumbs-wrap.has-overflow:before,body.gps-page .gallery-thumbs-wrap.has-overflow:after{content:"";position:absolute;top:0;bottom:0;width:32px;pointer-events:none;z-index:2;transition:opacity .25s}body.gps-page .gallery-thumbs-wrap.has-overflow:before{left:0;background:linear-gradient(90deg,var(--color-bg) 0%,transparent 100%)}body.gps-page .gallery-thumbs-wrap.has-overflow:after{right:0;background:linear-gradient(-90deg,var(--color-bg) 0%,transparent 100%)}body.gps-page .gallery-thumbs-wrap.has-overflow.at-start:before{opacity:0}body.gps-page .gallery-thumbs-wrap.has-overflow.at-end:after{opacity:0}@media(max-width:640px){body.gps-page .gallery-thumbs-wrap{--thumb-size:80px}body.gps-page .gallery-nav{width:32px;height:32px}body.gps-page .gallery-nav svg{width:16px;height:16px}body.gps-page .gallery-nav-prev{left:-4px}body.gps-page .gallery-nav-next{right:-4px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/gps-gallery-swipe.css.map */