@media screen and (min-width: 750px){.floating-thumbnails-wrapper{position:absolute;left:0;top:0;height:100%;pointer-events:none;z-index:10}.floating-thumbnails{position:sticky;top:12rem;z-index:2;display:flex;flex-direction:column;gap:0;max-height:70vh;overflow-y:auto;padding:.1rem;background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:7.5px;box-shadow:0 12px 40px #00000014;border:1px solid rgba(255,255,255,.3);transition:all .4s cubic-bezier(.4,0,.2,1);margin-left:1.5rem;pointer-events:auto}.floating-thumbnails:hover{background:#fffffffa;box-shadow:0 12px 40px #00000026}.floating-thumbnail{width:60px;height:60px;border-radius:7.5px;overflow:hidden;cursor:pointer;position:relative!important;border:1.5px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f8f8f8;box-shadow:0 2px 8px #0000000f}.floating-thumbnail:hover{border-color:#56392066;box-shadow:0 4px 16px #0000001f}.floating-thumbnail.active{border-color:#563920;border-width:1.5px;box-shadow:0 4px 16px #0000001f}.floating-thumbnail .thumbnail-image{width:100%!important;height:100%!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;transition:transform .3s ease;display:block!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;border-radius:7.5px}.floating-thumbnail .badge{position:absolute;top:4px;right:4px;width:16px;height:16px;background:rgba(var(--color-foreground),.9);border-radius:7.5px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:7px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.floating-thumbnail .badge svg{width:8px;height:8px}.floating-thumbnails::-webkit-scrollbar{width:4px}.floating-thumbnails::-webkit-scrollbar-track{background:transparent}.floating-thumbnails::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.2);border-radius:2px}.floating-thumbnails::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.4)}.floating-thumbnails:before,.floating-thumbnails:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:20px;height:20px;background:linear-gradient(to bottom,rgba(255,255,255,.9),transparent);border-radius:50%;opacity:0;transition:opacity .3s ease;pointer-events:none}.floating-thumbnails:before{top:0}.floating-thumbnails:after{bottom:0;background:linear-gradient(to top,rgba(255,255,255,.9),transparent)}.floating-thumbnails.can-scroll-up:before{opacity:1}.floating-thumbnails.can-scroll-down:after{opacity:1}.floating-thumbnails{animation:slideInLeft .6s cubic-bezier(.4,0,.2,1)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@media screen and (max-width: 1200px){.floating-thumbnails{margin-left:1rem;gap:0;padding:.1rem}.floating-thumbnails-wrapper{left:0}.floating-thumbnail{width:55px;height:55px}.floating-thumbnail .badge{width:15px;height:15px;top:3px;right:3px;border-radius:7.5px}.floating-thumbnail .badge svg{width:7px;height:7px}}@media screen and (max-width: 1100px){.floating-thumbnails{margin-left:.75rem;gap:0;padding:.1rem}.floating-thumbnails-wrapper{left:0}.floating-thumbnail{width:50px;height:50px}.floating-thumbnail .badge{width:14px;height:14px;top:2px;right:2px;border-radius:7.5px}.floating-thumbnail .badge svg{width:6px;height:6px}}@media screen and (max-width: 1024px){.floating-thumbnails{display:none}}}@media screen and (max-width: 749px){.floating-thumbnails,.floating-thumbnails-wrapper{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/floating-thumbnails.css.map */