.card--hover-animate{--cch-dir: 1;--cch-strength: 1;--cch-shrink: .92;--cch-dur: .5s;--cch-ease: cubic-bezier(.34, 1.12, .5, 1)}.card--hover-animate .card__media{overflow:visible}.card--hover-animate:hover,.card--hover-animate:focus-within{position:relative;z-index:5}.card--hover-animate .card__media>a{display:block;overflow:visible}.cch-circle{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--cch-bg, transparent);transition:transform var(--cch-dur) var(--cch-ease)}.cch-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transition:transform var(--cch-dur) var(--cch-ease);will-change:transform}.cch-layer img{max-width:62%;max-height:62%;width:auto;height:auto;display:block;filter:drop-shadow(0 8px 14px rgb(0 0 0 / 22%))}.cch-layer--a{transform:translate(calc(-15% * var(--cch-dir)),3%) rotate(calc(-4deg * var(--cch-dir))) scale(1)}.cch-layer--b{transform:translate(calc(17% * var(--cch-dir)),5%) rotate(calc(5deg * var(--cch-dir))) scale(.92)}@media(hover:hover){.card--hover-animate:hover .cch-circle,.card--hover-animate:focus-within .cch-circle{transform:scale(var(--cch-shrink))}.card--hover-animate--tumble .cch-layer{transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.card--hover-animate--tumble:hover .cch-layer--a,.card--hover-animate--tumble:focus-within .cch-layer--a{transform:translate(calc(-23% * var(--cch-dir) * var(--cch-strength)),-8%) rotate(calc(7deg * var(--cch-dir) * var(--cch-strength))) scale(1.22)}.card--hover-animate--tumble:hover .cch-layer--b,.card--hover-animate--tumble:focus-within .cch-layer--b{transform:translate(calc(26% * var(--cch-dir) * var(--cch-strength)),5%) rotate(calc(-11deg * var(--cch-dir) * var(--cch-strength))) scale(1.12)}.card--hover-animate--fan .cch-layer{transform-origin:50% 88%}.card--hover-animate--fan:hover .cch-layer--a,.card--hover-animate--fan:focus-within .cch-layer--a{transform:translate(calc(-24% * var(--cch-dir) * var(--cch-strength)),-5%) rotate(calc(-9deg * var(--cch-dir) * var(--cch-strength))) scale(1.22)}.card--hover-animate--fan:hover .cch-layer--b,.card--hover-animate--fan:focus-within .cch-layer--b{transform:translate(calc(27% * var(--cch-dir) * var(--cch-strength)),3%) rotate(calc(10deg * var(--cch-dir) * var(--cch-strength))) scale(1.13)}}@media(prefers-reduced-motion:reduce){.cch-circle,.cch-layer{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/collection-card-hover.css.map */