body.teeinblue-enabled .tee-gallery-content{height:auto!important}body.teeinblue-enabled .tee-slider{border-radius:var(--radius-md, 8px)}body.teeinblue-enabled .tee-slider__button{top:auto!important;bottom:12px;left:auto!important;width:44px!important;height:44px!important;min-height:44px!important;padding:var(--spacing-10, 10px)!important;border:0!important;border-radius:var(--radius-full, 999px)!important;background:var(--color-bg, #fff)!important;box-shadow:0 4px 14px #150a041a;color:var(--color-onbase-primary, #312b36)!important;opacity:1;transform:none;transition:background .2s ease}body.teeinblue-enabled .tee-slider__button--prev{right:62px}body.teeinblue-enabled .tee-slider__button--next{right:12px}body.teeinblue-enabled .tee-slider__button:hover{background:linear-gradient(var(--color-container-alpha-100, #1a003308),var(--color-container-alpha-100, #1a003308)),var(--color-bg, #fff)!important}body.teeinblue-enabled .tee-slider__button svg{width:16px;height:16px;fill:currentColor!important}body.teeinblue-enabled .tee-thumbnails__button{display:none!important}body.teeinblue-enabled .tee-thumbnails__track{gap:10px;transform:none!important;scrollbar-width:none}body.teeinblue-enabled .tee-thumbnails__track::-webkit-scrollbar{display:none}body.teeinblue-enabled .tee-thumbnail{display:block;flex-shrink:0;margin:0;border:2px solid transparent;border-radius:var(--radius-10, 10px);opacity:.6;cursor:pointer;transition:opacity .2s ease-in,border-color .2s ease-in}body.teeinblue-enabled .tee-thumbnail:before,body.teeinblue-enabled .tee-thumbnail:after{content:none}body.teeinblue-enabled .tee-thumbnail--active{border-color:var(--color-border-highest, #d4d0d3);opacity:1;transition:opacity .2s ease-out,border-color .2s ease-out}body.teeinblue-enabled .tee-thumbnail .tee-mockup-item{display:block;position:absolute;top:0;right:0;bottom:0;left:0}body.teeinblue-enabled .tee-thumbnail .tee-mockup{position:absolute;top:0;left:0;transform:scale(var(--joye-tee-thumb-scale, 1));transform-origin:0 0}@media screen and (min-width:769px){body.teeinblue-enabled .tee-gallery-content{--joye-tee-thumb: 80px;width:calc(100% - var(--joye-tee-thumb) - 8px)!important;margin-left:calc(var(--joye-tee-thumb) + 8px)}body.teeinblue-enabled .tee-thumbnails{position:absolute;top:0;bottom:0;left:calc(-1 * var(--joye-tee-thumb) - 8px);width:var(--joye-tee-thumb)!important;height:auto!important;margin:0}body.teeinblue-enabled .tee-thumbnails__track{position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column;overflow-x:hidden;overflow-y:auto}body.teeinblue-enabled .tee-thumbnail{width:var(--joye-tee-thumb)!important;height:var(--joye-tee-thumb)!important}}@media screen and (min-width:769px)and (max-width:1024px){body.teeinblue-enabled .tee-gallery-content{--joye-tee-thumb: 60px}body.teeinblue-enabled .tee-thumbnails__track{gap:6px}}@media screen and (min-width:1025px){body.teeinblue-enabled .tee-slider__button{display:none}body.teeinblue-enabled .tee-slider:hover .tee-slider__button,body.teeinblue-enabled .tee-slider__button:focus-visible{display:flex}}@media screen and (max-width:768px){body.teeinblue-enabled .tee-thumbnails{width:100%!important;margin-top:6px}body.teeinblue-enabled .tee-thumbnails__track{gap:6px;overflow-x:auto;overflow-y:hidden}body.teeinblue-enabled .tee-thumbnail{width:40px!important;height:40px!important}body.teeinblue-enabled .tee-slider{border-radius:0}body.teeinblue-enabled .tee-slider__button{display:none!important}}@media screen and (max-width:767px){body.teeinblue-enabled .tee-thumbnails__track{padding:0 var(--spacing-12, 12px)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/joye-teeinblue-gallery.css.map */