.fan[data-v-36dcaab5]{--spread:1;position:relative}.fan-drift[data-v-36dcaab5]{position:absolute;inset:0}.fan-cover[data-v-36dcaab5]{aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;transform:translate(-50%,-50%) translateX(calc(var(--offset)*var(--step-x)*var(--spread))) translateY(calc(var(--distance)*var(--step-y))) rotate(calc(var(--offset)*var(--step-r)*var(--spread)));background:#fff;border-radius:.375rem;position:absolute;top:50%;left:50%}.fan-card[data-v-36dcaab5]{--step-x:26%;--step-y:3%;--step-r:7deg;width:9rem;height:7.5rem}.fan-card .fan-cover[data-v-36dcaab5]{width:48%;box-shadow:0 2px 6px #00000073}.fan-hero[data-v-36dcaab5]{--step-x:26%;--step-y:4%;--step-r:7deg;aspect-ratio:5/4;width:100%}.fan-hero .fan-cover[data-v-36dcaab5]{width:48%;animation:.8s cubic-bezier(.25,1,.5,1) backwards fan-settle-36dcaab5;animation-delay:calc(var(--i)*70ms);transition:transform .5s cubic-bezier(.25,1,.5,1);box-shadow:0 1px 2px #0006,0 4px 8px #00000059}.fan-hero[data-v-36dcaab5]:hover{--spread:1.12}@keyframes fan-settle-36dcaab5{0%{transform:translate(-50%,-46%)rotate(0)}}@supports (animation-timeline:view()){.fan-hero .fan-drift[data-v-36dcaab5]{animation:linear both fan-drift-36dcaab5;animation-timeline:view();animation-range:exit 0}@keyframes fan-drift-36dcaab5{to{transform:translateY(-8%)}}}@media (prefers-reduced-motion:reduce){.fan-hero .fan-cover[data-v-36dcaab5],.fan-hero .fan-drift[data-v-36dcaab5]{transition:none;animation:none}}