.sg{--sg-radius: 2rem;--sg-accent: #4759f5;--sg-stage-bg: #ffffff;width:100%;max-width:100%;margin-inline:auto}.sg__stage{position:relative;aspect-ratio:1400 / 926;border-radius:var(--sg-radius);overflow:hidden;background:var(--sg-stage-bg);border:1px solid rgba(0,0,0,.06);touch-action:pan-y;outline:none}.sg__track{display:flex;height:100%;will-change:transform;transition:transform .4s cubic-bezier(.22,.61,.36,1)}.sg.is-dragging .sg__track{transition:none}.sg__slide{flex:0 0 100%;width:100%;height:100%;margin:0;display:block;padding:0;box-sizing:border-box}.sg__img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sg__nav{position:absolute;top:50%;transform:translateY(-50%);width:4.4rem;height:4.4rem;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#ffffffb3;color:#1e1e1e;cursor:pointer;opacity:.85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s,opacity .2s,transform .2s;z-index:2}.sg__nav:hover{background:#fffffff2;opacity:1;transform:translateY(-50%) scale(1.07)}.sg__nav:active{transform:translateY(-50%) scale(.96)}.sg__nav--prev{left:1.2rem}.sg__nav--next{right:1.2rem}.sg__nav[disabled]{opacity:0;pointer-events:none}.sg__counter{position:absolute;right:1.2rem;bottom:1.2rem;background:#111111b8;color:#fff;font-size:1.2rem;font-weight:600;letter-spacing:.02em;padding:.4rem 1rem;border-radius:10rem;z-index:2;pointer-events:none}.sg__dots{display:flex;justify-content:center;align-items:center;gap:.6rem;margin-top:1.4rem}.sg__dot{width:.8rem;height:.8rem;padding:0;border:0;border-radius:50%;background:#d4d4d8;cursor:pointer;transition:background .25s,width .25s}.sg__dot:hover{background:#a9a9b3}.sg__dot.is-active{background:var(--sg-accent);width:2.2rem;border-radius:10rem}.sg__thumbs{display:flex;gap:1rem;margin-top:1.6rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.4rem;scroll-snap-type:x proximity}.sg__thumbs::-webkit-scrollbar{display:none}.sg__thumb{flex:0 0 auto;width:7.2rem;height:7.2rem;padding:0;border:2px solid transparent;border-radius:1rem;overflow:hidden;background:var(--sg-stage-bg);cursor:pointer;scroll-snap-align:start;opacity:.6;transition:border-color .2s,opacity .2s,transform .15s}.sg__thumb img{width:100%;height:100%;object-fit:cover;display:block}.sg__thumb:hover{opacity:1;transform:translateY(-1px)}.sg__thumb.is-active{border-color:var(--sg-accent);opacity:1}@media(max-width:768px){.sg{max-width:100%}.sg__nav{width:3.8rem;height:3.8rem}.sg__thumb{width:6rem;height:6rem}}@media(hover:none)and (pointer:coarse){.sg__nav{display:none}}@media(prefers-reduced-motion:reduce){.sg__track{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/supplement-gallery.css.map */