.fan-cards{--fan-cards-card-width: 18.75rem;--fan-cards-card-height: 12.5rem;--fan-cards-ease-out: cubic-bezier(.22, 1, .36, 1);--fan-cards-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-5);width:100%}.fan-cards__header{display:flex;flex-direction:column;gap:var(--spacing-4);max-width:45rem;padding-top:var(--spacing-5);text-align:center}.fan-cards__heading{margin:0;color:var(--ds-color-primary-900);font-size:var(--ds-font-size-2xl);font-weight:var(--ds-font-weight-black);line-height:var(--ds-line-height-l);letter-spacing:-.02em}.fan-cards__intro{margin:0;color:var(--ds-color-grey-20);font-size:var(--ds-font-size-sm);line-height:var(--ds-line-height-s)}.fan-cards__stage{position:relative;display:grid;justify-items:center;width:100%;max-width:72.5rem}.fan-cards__card{--fan-cards-rotation: -3deg;position:relative;z-index:1;width:min(var(--fan-cards-card-width),100%);margin-bottom:-1rem;cursor:pointer;transform:rotate(var(--fan-cards-rotation))}.fan-cards__card:nth-child(2){--fan-cards-rotation: 2deg}.fan-cards__card:nth-child(3){--fan-cards-rotation: -1deg}.fan-cards__card:nth-child(4){--fan-cards-rotation: 3deg}.fan-cards__card:last-child{margin-bottom:0}.fan-cards__card-inner{display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-4);height:100%;min-height:var(--fan-cards-card-height);padding:1.75rem;background:var(--ds-color-primary-200);border-radius:var(--rounded-li);box-shadow:var(--boxShadowNonBlurredDown);transition:transform .2s var(--fan-cards-ease-bounce)}.fan-cards__card:nth-child(2) .fan-cards__card-inner,.fan-cards__card:nth-child(4) .fan-cards__card-inner{background:var(--ds-color-cta-100)}.fan-cards__card:nth-child(3) .fan-cards__card-inner{background:var(--ds-color-primary-50)}.fan-cards__top{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4)}.fan-cards__icon{--icon-size: 1.5rem;display:inline-flex;color:var(--ds-color-primary-800)}.fan-cards__toggle{--icon-size: 1.125rem;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2rem;height:2rem;margin-left:auto;padding:0;color:var(--ds-color-primary-800);cursor:pointer;background:var(--ds-color-white);border:0;border-radius:var(--rounded-full);box-shadow:var(--boxShadowNonBlurredDown);transition:transform .45s var(--fan-cards-ease-out)}.fan-cards__toggle:focus-visible{outline:2px solid var(--ds-color-primary-900);outline-offset:2px}.fan-cards__bottom{display:flex;flex-direction:column;gap:var(--spacing-3)}.fan-cards__label{display:flex}.fan-cards__title{margin:0;color:var(--ds-color-grey-20);font-size:var(--ds-font-size-s);font-weight:var(--ds-font-weight-bold);line-height:var(--ds-line-height-s)}.fan-cards__detail{display:grid;grid-template-rows:0fr;margin-top:0;color:var(--ds-color-grey-20);font-size:var(--ds-font-size-s);line-height:var(--ds-line-height-s);opacity:0;transition:grid-template-rows .55s var(--fan-cards-ease-out),opacity .55s var(--fan-cards-ease-out) .08s,margin-top .55s var(--fan-cards-ease-out)}.fan-cards__detail-inner{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-1);min-height:0;overflow:hidden}.fan-cards__detail p{margin:0}.fan-cards__card.fan-cards__card--expanded{z-index:40;transform:rotate(0)}.fan-cards__card--expanded .fan-cards__toggle{transform:rotate(180deg)}.fan-cards__card--expanded .fan-cards__detail{grid-template-rows:1fr;margin-top:var(--spacing-1);opacity:1}@media(min-width:813px){.fan-cards{gap:var(--spacing-8)}.fan-cards__stage{display:block;height:22.375rem}.fan-cards__card{position:absolute;width:var(--fan-cards-card-width);margin-bottom:0}.fan-cards__card:nth-child(1){--fan-cards-rotation: -8deg;top:4.375rem;left:0;z-index:1}.fan-cards__card:nth-child(2){--fan-cards-rotation: -5deg;top:0;left:18%;z-index:2}.fan-cards__card:nth-child(3){--fan-cards-rotation: 3deg;top:5.9375rem;left:36%;z-index:3}.fan-cards__card:nth-child(4){--fan-cards-rotation: 5deg;top:1.25rem;left:54%;z-index:4}.fan-cards__card:nth-child(5){--fan-cards-rotation: 8deg;top:4.6875rem;left:72%;z-index:5}.fan-cards__card:hover{z-index:30}.fan-cards__card:hover .fan-cards__card-inner{transform:scale(1.05) translateY(-.375rem)}.fan-cards__card:active .fan-cards__card-inner{transform:scale(.98)}.fan-cards__card.fan-cards__card--expanded{z-index:40;transform:rotate(0) scale(1.06) translateY(-.75rem)}.fan-cards__card--expanded:where(:hover,:active) .fan-cards__card-inner{transform:none}}@media(prefers-reduced-motion:reduce){.fan-cards__card-inner,.fan-cards__toggle,.fan-cards__detail{transition:none}.fan-cards__card:hover .fan-cards__card-inner,.fan-cards__card:active .fan-cards__card-inner{transform:none}}