.spb__thumbs{margin-block-start:12px}.spb__thumbs[hidden]{display:none}.spb__thumbgroup{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.spb__thumbgroup[hidden]{display:none}.spb__thumb{width:72px;height:72px;padding:0;display:block;overflow:hidden;border:1px solid rgb(var(--color-foreground-rgb, 26 26 26) / .14);border-radius:10px;background:transparent;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.spb__thumb img{width:100%;height:100%;object-fit:contain;display:block}.spb__thumb:hover{border-color:rgb(var(--color-foreground-rgb, 26 26 26) / .38)}.spb__thumb.is-on{border-color:var(--color-foreground, #1a1a1a);box-shadow:inset 0 0 0 1px var(--color-foreground, #1a1a1a)}.spb__thumb:focus-visible{outline:2px solid var(--color-foreground, #1a1a1a);outline-offset:3px}.spb__stage{position:relative}.spb__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:none;color:var(--color-foreground, #1a1a1a);opacity:.68;cursor:pointer;transition:opacity .15s ease}.spb__arrow:hover{opacity:1}.spb__arrow svg{width:22px;height:22px;display:block}.spb__arrow[hidden]{display:none}.spb__arrow--prev{inset-inline-start:0}.spb__arrow--next{inset-inline-end:0}.spb__arrow:focus-visible{outline:2px solid var(--color-foreground, #1a1a1a);outline-offset:2px;opacity:1}.spb__railwrap{display:none}@media screen and (max-width:749px){.spb__media.is-railed .spb__zoom-open,.spb__media.is-railed .spb__thumbs,.spb__media.is-railed .spb__arrow{display:none}.spb__railwrap{display:block;position:relative}.spb__rail{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.spb__rail::-webkit-scrollbar{display:none}.spb__slide{flex:0 0 100%;width:100%;margin:0;padding:0;border:0;background:none;scroll-snap-align:center;cursor:zoom-in}.spb__slide img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}.spb__count{position:absolute;inset-inline:0;bottom:14px;margin-inline:auto;width:fit-content;padding:6px 16px;border-radius:999px;font-size:14px;line-height:1.2;color:var(--color-foreground, #1a1a1a);background:rgb(var(--color-background-rgb, 255 255 255) / .82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.spb__count[hidden]{display:none}}@media(prefers-reduced-motion:reduce){.spb__thumb,.spb__arrow{transition:none}.spb__rail{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/108/assets/suti-buybox-gallery.css.map */