.\#slideshow-thumbnails.\@layout-type\:slideshow{position:relative;overflow:auto;scroll-behavior:smooth}.\#slideshow-thumbnails.\@layout-type\:slideshow::-webkit-scrollbar{width:.5rem}.\#slideshow-thumbnails.\@layout-type\:slideshow::-webkit-scrollbar-track{margin-top:.1rem}.\#slideshow-thumbnails.\@layout-type\:slideshow::-webkit-scrollbar-thumb{background-color:var(--color-g-bg-d15);border-radius:999rem}.\#slideshow-thumbnails.\@layout-type\:slideshow .\#slideshow-thumbnails-inner{width:100%;position:absolute;display:flex;flex-direction:column;gap:1rem}.\#slideshow-thumbnails.\@layout-type\:grid .\#slideshow-thumbnails-inner{margin-top:1rem}.\#slideshow-thumbnails-item{position:relative;transition:var(--transition-base);cursor:pointer;border:2px solid transparent;border-radius:var(--border-radius-inner);overflow:hidden;opacity:.64}.\#slideshow-thumbnails-item.\!active{border-color:var(--color-g-accent);opacity:1;box-shadow:var(--color-g-text-alpha-10) 0 1rem 2rem -1.5rem,var(--color-g-text-alpha-30) 0 .5rem 2rem -1rem}.\#slideshow-thumbnails-item-icon{position:absolute;bottom:3px;right:3px;background:var(--color-g-fg);border-radius:.4rem;padding:.25rem;z-index:2}.\#slideshow-thumbnails-item-icon .\#icon{--size: 1rem}.\#product .\#slideshow-thumbnails-item.\!active{box-shadow:none}.swiper-thumbnail-wrapper.bottom-wrapper .\#slideshow-thumbnails.\@layout-type\:grid{box-sizing:content-box;overflow:auto;max-width:100%;width:100%;padding:0 20px;display:block;position:relative;scroll-behavior:smooth}.swiper-thumbnail-wrapper.bottom-wrapper .\#slideshow-thumbnails.\@layout-type\:grid .\#slideshow-thumbnails-item{display:inline-block;width:135px;border-radius:20px}.swiper-thumbnail-wrapper.bottom-wrapper .\#slideshow-thumbnails.\@layout-type\:grid .\#grid{display:inline-block;position:relative;white-space:nowrap}.swiper-thumbnail-wrapper.bottom-wrapper .\#slideshow-thumbnails.\@layout-type\:grid::-webkit-scrollbar{width:.5em;display:none}.swiper-thumbnail-wrapper{display:flex;align-items:center}.swiper-thumbnail-wrapper .left-arrow svg{transform:rotate(180deg)}.swiper-thumbnail-wrapper .custom-arrows{cursor:pointer}.swiper-thumbnail-wrapper.bottom-wrapper .\#slideshow-thumbnails.\@layout-type\:grid{padding:0}@media screen and (max-width: 1280px){.swiper-thumbnail-wrapper.bottom-wrapper .\#slideshow-thumbnails.\@layout-type\:grid .\#slideshow-thumbnails-item{width:100px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/slideshow-thumbnails.css.map */