.interactive-category-showcase{padding-top:clamp(var(--padding-top-mobile),4vw,var(--padding-top-desktop));padding-bottom:clamp(var(--padding-bottom-mobile),4vw,var(--padding-bottom-desktop));position:relative;transition:opacity .3s ease}.interactive-category-showcase:before{content:"";position:fixed;left:0;right:0;bottom:2rem;height:3px;background:linear-gradient(to right,transparent 0%,var(--color-black) 20%,var(--color-black) 80%,transparent 100%);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:100;pointer-events:none}@media screen and (max-width: 859px){{display:none}}.interactive-category-showcase.scroll-locked:before{opacity:.3;visibility:visible}.interactive-category-showcase .interactive-category-showcase__container{position:relative;max-width:100%;margin:0 auto;overflow:hidden}@media screen and (min-width: 860px){.interactive-category-showcase .interactive-category-showcase__container{padding:0}}.interactive-category-showcase .interactive-category-showcase__heading{font-weight:800;font-size:calc(var(--font-heading-scale) * 1.75rem);line-height:normal;color:var(--color-black);margin:0}@media screen and (min-width: 860px){.interactive-category-showcase .interactive-category-showcase__heading{color:var(--button-slate-grey-click);font-size:calc(var(--font-heading-scale) * 1.375rem);font-weight:400;line-height:1.25;margin-bottom:3.5625rem}}.interactive-category-showcase .interactive-category-showcase__desktop{display:none}@media screen and (min-width: 860px){.interactive-category-showcase .interactive-category-showcase__desktop{display:flex;width:100%;gap:1rem;padding:1.2rem;height:55rem;max-height:calc(100vh - calc(var(--header-height, 0px) + var(--header-offset, 0px) + 50px))}}@media screen and (min-width: 1200px){.interactive-category-showcase .interactive-category-showcase__desktop{padding:0 clamp(1.2rem,8vw,7.5rem);gap:3rem;height:clamp(43.75rem,48.5vw,60rem)}}.interactive-category-showcase .interactive-category-showcase__desktop.is-fixed{position:fixed;top:var(--sticky-offset, 0);left:0;right:0;z-index:5;width:100%}.interactive-category-showcase .interactive-category-showcase__desktop.is-abs-bottom{position:absolute;bottom:0;left:0;right:0}@media screen and (min-width: 860px){.interactive-category-showcase .interactive-category-showcase__desktop .interactive-category-showcase__left{padding:3rem 0;flex:0 0 20%;display:flex;flex-direction:column}}@media screen and (min-width: 1200px){.interactive-category-showcase .interactive-category-showcase__desktop .interactive-category-showcase__left{flex:0 0 30%}}@media screen and (min-width: 860px){.interactive-category-showcase .interactive-category-showcase__desktop .interactive-category-showcase__right{flex:1;position:relative}}.interactive-category-showcase .interactive-category-showcase__list{display:flex;flex-direction:column;gap:.375rem}.interactive-category-showcase .interactive-category-showcase__item{text-align:left;cursor:pointer;background:none;border:none;padding:0;margin:0;width:100%;transition:transform .2s ease;position:relative;overflow:hidden}.interactive-category-showcase .interactive-category-showcase__item:hover{transform:translate(.5rem)}.interactive-category-showcase .interactive-category-showcase__item.active span{color:var(--color-black)}.interactive-category-showcase .interactive-category-showcase__item .interactive-category-showcase__item-title{font-size:calc(var(--font-heading-scale) * 3rem);font-weight:800;line-height:normal;letter-spacing:0;color:var(--button-silver-grey-click);opacity:1;transition:all .3s ease;display:block}.interactive-category-showcase .interactive-category-showcase__item .interactive-category-showcase__item-title:hover{color:var(--color-black);opacity:.8}.interactive-category-showcase .interactive-category-showcase__images{position:relative;width:100%;height:100%;transform:scale(calc(1 - var(--container-scale, 0)))}.interactive-category-showcase .interactive-category-showcase__image-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:var(--z-index)}.interactive-category-showcase .interactive-category-showcase__image-container.active{z-index:var(--max-z-index)}.interactive-category-showcase .interactive-category-showcase__image-container.active .interactive-category-showcase__image-container--inner{transform:rotate(var(--rotation)) scale(1)}.interactive-category-showcase .interactive-category-showcase__image-container--inner{--size-scale: calc(1 - (var(--rotation-normalized) * .4));width:calc(100% * var(--size-scale));height:calc(100% * var(--size-scale));min-width:60%;min-height:60%;display:flex;align-items:center;justify-content:center;transform:rotate(var(--rotation)) scale(.9);transition:transform .5s cubic-bezier(.4,0,.2,1)}.interactive-category-showcase .interactive-category-showcase__image-container--inner .interactive-category-showcase__image{width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}.interactive-category-showcase .interactive-category-showcase__image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#f5f5f5}.interactive-category-showcase .interactive-category-showcase__image-placeholder svg{width:50%;height:50%;opacity:.3}.interactive-category-showcase .interactive-category-showcase__mobile{display:block;width:100%}@media screen and (min-width: 860px){.interactive-category-showcase .interactive-category-showcase__mobile{display:none}}.interactive-category-showcase .interactive-category-showcase__mobile-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.5px}.interactive-category-showcase .interactive-category-showcase__navigation{display:flex}.interactive-category-showcase .interactive-category-showcase__nav-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;cursor:pointer;transition:all .3s ease;color:var(--color-black)}.interactive-category-showcase .interactive-category-showcase__nav-btn svg{width:1.5rem;height:1.5rem}.interactive-category-showcase .interactive-category-showcase__nav-btn--next{transform:rotate(180deg)}.interactive-category-showcase .interactive-category-showcase__nav-btn.swiper-button-disabled{opacity:.3;cursor:not-allowed}.interactive-category-showcase .interactive-category-showcase__slide-link{display:block;text-decoration:none;color:inherit}.interactive-category-showcase .interactive-category-showcase__slide-image{position:relative;width:100%;height:clamp(26.0625rem,90vw,50rem);overflow:visible;display:flex;align-items:center;justify-content:center}.interactive-category-showcase .interactive-category-showcase__slide-image--inner{--rotation-normalized: calc(var(--rotation-abs, 0) / 45);--size-scale: calc(1 - (var(--rotation-normalized) * .4));width:calc(100% * var(--size-scale));height:calc(100% * var(--size-scale));min-width:60%;min-height:60%;display:flex;align-items:center;justify-content:center;transform:rotate(var(--rotation))}.interactive-category-showcase .interactive-category-showcase__slide-image--inner .interactive-category-showcase__image{width:100%;height:100%;object-fit:contain}.interactive-category-showcase .interactive-category-showcase__slide-title{width:fit-content;position:relative;margin:0 auto;font-size:clamp(calc(var(--font-heading-scale) * 1rem),3vw,calc(var(--font-heading-scale) * 1.2rem));font-weight:700;text-align:center;letter-spacing:0;line-height:1.4;color:var(--color-black)}.interactive-category-showcase .interactive-category-showcase__slide-title:before{content:"";position:absolute;bottom:0;left:0;right:0;width:100%;height:2px;background-color:var(--color-black)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/interactive-category-showcase.css.map */