.ss-gallery{padding:14px;overflow:hidden}.ss-gallery__main-wrap{position:relative;background:#fff;border-radius:22px;overflow:hidden;box-shadow:inset 0 0 0 1px #34463b0f;display:flex;align-items:center;justify-content:center}.ss-gallery__main{display:block;width:100%;height:auto;max-height:680px;aspect-ratio:4/3.35;object-fit:contain;object-position:center;border-radius:22px;transition:opacity .18s ease;background:#fff}.ss-gallery__main.is-hidden{display:none}.ss-gallery__thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(94,110,85,.45) rgba(244,238,227,.75)}.ss-gallery__thumbs::-webkit-scrollbar{height:7px}.ss-gallery__thumbs::-webkit-scrollbar-track{background:#f4eee3bf;border-radius:999px}.ss-gallery__thumbs::-webkit-scrollbar-thumb{background:#5e6e5573;border-radius:999px}.ss-gallery__thumb{flex:0 0 92px;border:1.5px solid var(--ss-line-soft,#E6E0D4);background:#fff;border-radius:14px;padding:4px;cursor:pointer;scroll-snap-align:start;opacity:.72;transition:opacity .18s,border-color .18s,transform .18s,box-shadow .18s}.ss-gallery__thumb:hover{opacity:1;transform:translateY(-1px)}.ss-gallery__thumb.is-active{opacity:1;border-color:var(--ss-sage-deep,#5E6E55);box-shadow:0 5px 14px #34463b1a}.ss-gallery__thumb img{width:100%;aspect-ratio:1/1;object-fit:contain;object-position:center;border-radius:10px;display:block;background:#fff}.ss-gallery__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:38px;height:38px;border-radius:50%;border:1px solid var(--ss-line-soft,#E6E0D4);background:#ffffffdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;font-size:1.7rem;line-height:1;color:var(--ss-forest,#34463B);cursor:pointer;box-shadow:0 8px 24px #34463b1f;transition:background .18s,transform .18s}.ss-gallery__nav:hover{background:#fff;transform:translateY(-50%) scale(1.04)}.ss-gallery__nav--prev{left:12px}.ss-gallery__nav--next{right:12px}.ss-gallery:not(:has(.ss-gallery__thumb)) .ss-gallery__nav{display:none}@media(max-width:560px){.ss-gallery{padding:10px}.ss-gallery__main{aspect-ratio:4/3.7;max-height:520px}.ss-gallery__thumb{flex-basis:76px}.ss-gallery__nav{width:34px;height:34px;font-size:1.45rem}.ss-gallery__nav--prev{left:8px}.ss-gallery__nav--next{right:8px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/ss-product-gallery.css.map */