.interactive-fan-cards{--fan-bg-color: transparent;--fan-pink: #F7D4D4;--fan-blue: #92DAFF;--fan-white: #FFFFFF;--fan-transition-curve: cubic-bezier(.34, 1.56, .64, 1);width:100%;display:flex;flex-direction:column;align-items:center;background-color:var(--fan-bg-color);overflow-x:hidden}.fan-cards__header{width:100%;max-width:var(--page-width, 1440px);margin:0 auto;box-sizing:border-box;padding:50px 20px 0;z-index:110}.fan-cards__header-inner{padding-left:40px}.fan-cards__header-wrapper{margin-bottom:80px}.fan-cards__title{font-family:var(--font-head-family);font-weight:var(--font-header-weight);font-size:var(--font-header-size);line-height:40px;letter-spacing:-1.28408px;text-transform:capitalize;color:#000;margin:0 0 13px;word-wrap:break-word}.fan-cards__container{position:relative;width:100%;max-width:var(--page-width, 1440px);min-height:500px;padding-bottom:0}@media screen and (min-width:750px){.fan-cards__container{min-height:600px}}@media screen and (min-width:1024px){.fan-cards__container{min-height:700px}}.fan-card{box-sizing:border-box;padding:calc(.0167 * var(--page-width, 1440px));display:flex;flex-direction:column;cursor:pointer;transition:transform .6s var(--fan-transition-curve),box-shadow .4s ease,z-index .3s;will-change:transform}.fan-card__img{width:100%;border-radius:inherit;object-fit:cover;pointer-events:none;flex:1;min-height:0}.fan-card__placeholder{background:#0000000d}.fan-card__text{font-family:var(--font-body-family);padding-top:calc(.0104 * var(--page-width, 1440px));color:#000;flex-shrink:0}.fan-card__title{display:block;font-family:var(--font-head-family);font-weight:700;font-size:24px;margin-bottom:calc(.0056 * var(--page-width, 1440px));line-height:1.2}.fan-card__description{display:block;font-family:var(--font-body-family);font-weight:400;font-size:16px;line-height:1.5;opacity:.8}.fan-card--pink{background:var(--fan-pink)}.fan-card--blue{background:var(--fan-blue)}.fan-card--white{background:var(--fan-white)}@media(min-width:1024px){.fan-cards__title{white-space:nowrap}.fan-card{position:absolute}.fan-card:nth-child(1){width:calc(.2854 * var(--page-width, 1440px));height:calc(.3993 * var(--page-width, 1440px));left:calc(.125 * var(--page-width, 1440px));top:calc(.0278 * var(--page-width, 1440px));border-radius:calc(.0097 * var(--page-width, 1440px));transform:rotate(7.25deg);z-index:1}.fan-card:nth-child(2){width:calc(.3097 * var(--page-width, 1440px));height:calc(.4333 * var(--page-width, 1440px));left:calc(.336 * var(--page-width, 1440px));top:calc(.0139 * var(--page-width, 1440px));border-radius:calc(.0104 * var(--page-width, 1440px));transform:rotate(-2.01deg);z-index:3}.fan-card:nth-child(3){width:calc(.2764 * var(--page-width, 1440px));height:calc(.3868 * var(--page-width, 1440px));left:calc(.6139 * var(--page-width, 1440px));top:calc(.0556 * var(--page-width, 1440px));border-radius:calc(.009 * var(--page-width, 1440px));transform:rotate(1.55deg);z-index:2}.fan-card:hover{z-index:100!important;transform:rotate(0) translateY(-15px)!important;box-shadow:0 30px 60px #00000026}}@media(max-width:1023px){.fan-cards__header{padding:40px 20px 0;text-align:left}.fan-cards__header-inner{padding-left:0}.fan-cards__header-wrapper{margin-bottom:50px}.fan-cards__title{white-space:normal;font-size:var(--font-header-size-mobile);margin-bottom:20px}.fan-cards__container{display:flex;flex-direction:column;align-items:center;min-height:auto;padding-top:20px;padding-bottom:0}.fan-card{position:relative;width:88%;max-width:360px;min-height:500px;margin-bottom:-160px;padding:24px}.fan-card:nth-child(1){border-radius:14px;transform:rotate(-4deg) translate(-10px)}.fan-card:nth-child(2){border-radius:15px;transform:rotate(3deg) translate(10px)}.fan-card:nth-child(3){border-radius:13px;transform:rotate(-1.5deg);margin-bottom:60px}.fan-card:last-child{margin-bottom:30px!important}.fan-card__img{flex:0 0 auto;width:100%;height:320px;object-fit:cover}.fan-card__text{padding-top:15px;flex:1 1 auto;display:flex;flex-direction:column}.fan-card__title{font-size:15px;margin-bottom:8px}.fan-card__description{font-size:15px}.fan-card.is-active{z-index:10!important;transform:rotate(0) scale(1.04) translateY(-15px)!important}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/section-interactive-fan-cards.css.map */