catalogue-fan{display:block;width:100%}.cat-fan{position:relative;width:100%;height:calc(var(--fan-leaf) / var(--fan-aspect, .773) * 1.12);min-height:180px}.cat-fan__leaf{position:absolute;top:50%;left:50%;width:var(--fan-leaf);display:block;background:#fff;box-shadow:0 10px 26px #00000047,0 2px 5px #00000024;transform-origin:50% 60%;transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease;--offset: calc((var(--i) - (var(--n) - 1) / 2));--angle: calc(var(--offset) * var(--fan-angle, 7deg));--slide: calc(var(--offset) * var(--fan-spread, 54px));--lift: calc(var(--offset) * var(--offset) * var(--fan-lift, 3px));transform:translate(-50%,-50%) translate(var(--slide)) translateY(var(--lift)) rotate(var(--angle));z-index:1}.cat-fan__leaf img{display:block;width:100%;height:auto}catalogue-fan:hover .cat-fan__leaf{--slide: calc(var(--offset) * var(--fan-spread, 54px) * 1.16);--angle: calc(var(--offset) * var(--fan-angle, 7deg) * 1.1)}.cat-fan__leaf:hover,.cat-fan__leaf:focus-visible{z-index:5;box-shadow:0 18px 40px #0000005c,0 3px 8px #0000002e;transform:translate(-50%,-50%) translate(var(--slide)) translateY(calc(var(--lift) - 12px)) rotate(var(--angle)) scale(1.03)}.cat-fan__leaf:focus-visible{outline:2px solid currentColor;outline-offset:3px}.cat-fan--loading{opacity:0}.cat-fan{opacity:1;transition:opacity .35s ease}@media screen and (max-width:767px){.cat-fan{height:calc(var(--fan-leaf-mobile, var(--fan-leaf)) / var(--fan-aspect, .773) * 1.14)}.cat-fan__leaf{width:var(--fan-leaf-mobile, var(--fan-leaf));--slide: calc(var(--offset) * var(--fan-spread-mobile, 34px))}catalogue-fan:hover .cat-fan__leaf{--slide: calc(var(--offset) * var(--fan-spread-mobile, 34px));--angle: calc(var(--offset) * var(--fan-angle, 7deg))}}@media(prefers-reduced-motion:reduce){.cat-fan__leaf{transition:none}catalogue-fan:hover .cat-fan__leaf{--slide: calc(var(--offset) * var(--fan-spread, 54px));--angle: calc(var(--offset) * var(--fan-angle, 7deg))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/catalogue-showcase.css.map */
