media-gallery slideshow-arrows{mix-blend-mode:normal;gap:8px;padding:0 14px 14px;align-items:flex-end}media-gallery slideshow-arrows .slideshow-control.slideshow-control{opacity:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;margin:0;border-radius:50%;border:1px solid rgba(32,55,45,.1);background:#faf8f2f0;color:#20372d;box-shadow:0 6px 18px -6px #0a181173;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}media-gallery slideshow-arrows .slideshow-control .svg-wrapper,media-gallery slideshow-arrows .slideshow-control svg{width:18px;height:18px}media-gallery slideshow-arrows .slideshow-control.slideshow-control:active{transform:scale(.94)}media-gallery slideshow-arrows .slideshow-control:focus-visible{outline:2px solid #486b4e;outline-offset:2px}@media(hover:hover){media-gallery slideshow-arrows .slideshow-control.slideshow-control:hover{background:#fff;transform:scale(1.06)}}media-gallery .slideshow-controls__thumbnails-container{overflow-x:auto;scroll-snap-type:x proximity}media-gallery .slideshow-controls__thumbnails{margin-inline:0;padding:14px 2px 6px;gap:10px}media-gallery .slideshow-controls__thumbnails .slideshow-control.slideshow-control{flex:none;width:72px;min-width:72px;height:72px;aspect-ratio:1/1;border-radius:12px;overflow:hidden;opacity:.62;scroll-snap-align:start;outline:none;border:0;box-shadow:inset 0 0 0 1px #20372d1f;transition:opacity .25s ease,box-shadow .25s ease,transform .25s ease}media-gallery .slideshow-controls__thumbnails .slideshow-control.slideshow-control img{width:100%;height:100%;object-fit:cover;border-radius:0}media-gallery .slideshow-controls__thumbnails .slideshow-control.slideshow-control[aria-selected=true]{opacity:1;box-shadow:inset 0 0 0 2px #20372d,0 8px 16px -10px #0a181180}@media(hover:hover){media-gallery .slideshow-controls__thumbnails .slideshow-control.slideshow-control:hover{opacity:1}}@media(max-width:749px){media-gallery .slideshow-controls__thumbnails .slideshow-control.slideshow-control{width:64px;min-width:64px;height:64px;border-radius:10px}media-gallery slideshow-arrows{padding:0 10px 10px}media-gallery slideshow-arrows .slideshow-control.slideshow-control{width:36px;height:36px;min-width:36px;min-height:36px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/kc-gallery.css.map */