:where(:root){--card-fan-open-dur:var(--transition-duration-large);--card-fan-open-ease:var(--ease-large);--card-fan-close-dur:var(--transition-duration-large);--card-fan-close-ease:var(--ease-large);--card-fan-scale-dur:var(--transition-duration-large);--card-fan-scale-ease:var(--ease-large);--card-fan-scale:1.08;--card-fan-spread:1;--card-fan-rotation:1;--card-fan-size:180px;--card-fan-card-width:96px;--card-fan-card-height:128px;--card-fan-focus-straighten:.75;--card-fan-focus-lift:8px;--card-fan-dim:.45}.motion-card-fan{width:var(--card-fan-size);height:var(--card-fan-size);flex-shrink:0;position:relative}.motion-card-fan-card{appearance:none;width:var(--card-fan-card-width);height:var(--card-fan-card-height);border-radius:var(--radius-lg);background:var(--card);color:var(--card-foreground);box-shadow:var(--shadow-ring-md);cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:var(--z,0);translate:var(--cx) var(--cy);rotate:var(--rot);transition:translate var(--card-fan-close-dur) var(--card-fan-close-ease), rotate var(--card-fan-close-dur) var(--card-fan-close-ease), scale var(--card-fan-scale-dur) var(--card-fan-scale-ease);will-change:translate, rotate, scale;border:0;padding:0;display:block;position:absolute;top:0;left:0;overflow:hidden;scale:1}@media (hover:hover){.motion-card-fan:hover .motion-card-fan-card,[data-card-fan-trigger]:hover .motion-card-fan[data-decorative] .motion-card-fan-card{translate:calc(var(--cx) + var(--dx)) calc(var(--cy) + var(--dy) * var(--card-fan-spread));rotate:calc(var(--rot) + var(--drot) * var(--card-fan-rotation));transition:translate var(--card-fan-open-dur) var(--card-fan-open-ease), rotate var(--card-fan-open-dur) var(--card-fan-open-ease), scale var(--card-fan-scale-dur) var(--card-fan-scale-ease)}.motion-card-fan-card:hover{scale:var(--card-fan-scale);z-index:30}.motion-card-fan .motion-card-fan-card:hover{translate:calc(var(--cx) + var(--dx)) calc(var(--cy) + var(--dy) * var(--card-fan-spread) - var(--card-fan-focus-lift));rotate:calc((var(--rot) + var(--drot) * var(--card-fan-rotation)) * (1 - var(--card-fan-focus-straighten)))}.motion-card-fan:has(.motion-card-fan-card:hover) .motion-card-fan-card:not(:hover):after{opacity:var(--card-fan-dim)}}.motion-card-fan-card:after{content:"";opacity:0;pointer-events:none;transition:opacity var(--card-fan-close-dur) var(--card-fan-close-ease);background:#000;position:absolute;inset:0}.motion-card-fan-card:focus-visible{outline:2px solid var(--ring-focus,var(--ring));outline-offset:2px;z-index:30}.motion-card-fan[data-decorative]{pointer-events:none}.motion-card-fan[data-decorative] .motion-card-fan-card{cursor:inherit}[data-card-fan-trigger]:is(:focus-visible,:has(:focus-visible)) .motion-card-fan[data-decorative] .motion-card-fan-card{translate:calc(var(--cx) + var(--dx)) calc(var(--cy) + var(--dy) * var(--card-fan-spread));rotate:calc(var(--rot) + var(--drot) * var(--card-fan-rotation));transition:translate var(--card-fan-open-dur) var(--card-fan-open-ease), rotate var(--card-fan-open-dur) var(--card-fan-open-ease), scale var(--card-fan-scale-dur) var(--card-fan-scale-ease)}.motion-card-fan[data-variant=image] .motion-card-fan-card{box-shadow:var(--shadow-md)}.motion-card-fan[data-variant=image] .motion-card-fan-card:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px oklch(0% 0 0/.1)}:where(.dark) .motion-card-fan[data-variant=image] .motion-card-fan-card:before{box-shadow:inset 0 0 0 1px oklch(100% 0 0/.1)}@media (prefers-reduced-motion:reduce){.motion-card-fan{--card-fan-open-dur:0s;--card-fan-close-dur:0s;--card-fan-scale-dur:0s}}
.door-fan{--fan-u:min(1px, calc(100cqi / 180));container-type:inline-size}