@property --genui-glow-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.genui-collapse{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--v5-dur-reveal-close) var(--v5-ease-reveal),opacity calc(var(--v5-dur-reveal-close) * .7) var(--v5-ease-reveal)}.genui-collapse[data-open=true]{grid-template-rows:1fr;opacity:1}.genui-collapse[data-still=true]{transition:none}.genui-shell{position:relative;width:100%;perspective:2400px;transition:max-width var(--v5-dur-panel) var(--v5-ease-move),width var(--v5-dur-panel) var(--v5-ease-move),margin-inline var(--v5-dur-panel) var(--v5-ease-move)}.genui-shell[data-width=narrow]{max-width:var(--genui-width,100%)}.genui-shell[data-width=extended]{width:var(--genui-width,100%);margin-inline:calc((100% - var(--genui-width, 100%)) / 2)}.genui-shell[data-still=true]{transition:none}.genui-card{position:relative;transform-style:preserve-3d;transition:transform var(--v5-dur-reveal-flip) var(--v5-ease-reveal),opacity var(--v5-dur-enter) linear}.genui-card[data-animates-height=true]{transition:transform var(--v5-dur-reveal-flip) var(--v5-ease-reveal),height var(--v5-dur-reveal-flip) var(--v5-ease-reveal),opacity var(--v5-dur-enter) linear}.genui-shell[data-step=content] .genui-card,.genui-shell[data-step=none] .genui-card,.genui-shell[data-still=true] .genui-card{transition:none}.genui-face{position:absolute;inset-inline:0;top:50%;transform:translateY(-50%);backface-visibility:hidden;transition:opacity var(--v5-dur-reveal-flip) var(--v5-ease-reveal)}.genui-face[data-settled=true]{position:relative;top:auto;transform:none}.genui-shell[data-front=skeleton] .genui-face[data-face=content]{transform:translateY(-50%) rotateX(180deg)}.genui-surface{overflow:hidden;background:var(--v5-surface);border:1px solid var(--v5-border);border-radius:var(--v5-radius-3xl)}.genui-surface[data-face=skeleton]{background:radial-gradient(ellipse 60% 55% at 50% 50%,var(--v5-surface-2),transparent 70%),var(--v5-surface)}.genui-shade{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:var(--v5-scrim);opacity:1;transition:opacity var(--v5-dur-reveal-flip) var(--v5-ease-reveal)}.genui-face[data-active=true] .genui-shade{opacity:0}.genui-beam-track{position:absolute;inset-inline:0;top:50%;z-index:var(--v5-z-raised);display:flex;justify-content:center;transform:translateY(-50%);pointer-events:none}.genui-beam{width:6px;height:6px;border-radius:9999px;opacity:0;transform:scale(0);background:linear-gradient(90deg,transparent 0,color-mix(in oklch,var(--v5-accent) 35%,transparent) 12%,var(--v5-foreground) 50%,color-mix(in oklch,var(--v5-accent) 35%,transparent) 88%,transparent 100%);box-shadow:0 0 8px 1px color-mix(in oklch,var(--v5-accent) 35%,transparent),0 0 24px 4px color-mix(in oklch,var(--v5-accent) 20%,transparent);transition:width var(--v5-dur-reveal-beam) var(--v5-ease-reveal),height calc(var(--v5-dur-reveal-beam) * .6) var(--v5-ease-reveal),transform var(--v5-dur-reveal-dot) var(--v5-ease-out),opacity calc(var(--v5-dur-reveal-flip) * .45) var(--v5-ease-out)}.genui-shell[data-beam=dot] .genui-beam{opacity:1;transform:scale(1)}.genui-shell[data-beam=line] .genui-beam{width:100%;height:2px;opacity:1;transform:scale(1)}.genui-shell[data-step=fold] .genui-beam{transition-delay:0s,0s,0s,calc(var(--v5-dur-reveal-flip) * .6)}.genui-shell[data-step=collapse] .genui-beam{transition-delay:0s,calc(var(--v5-dur-reveal-beam) * .5),0s,0s}.genui-glow-frame{position:absolute;inset:-1.5rem;pointer-events:none;opacity:0;transition:opacity var(--v5-dur-reveal-flip) var(--v5-ease-reveal)}.genui-shell[data-glow=on] .genui-glow-frame{opacity:1}.genui-glow{position:absolute;inset:1.5rem;border-radius:var(--v5-radius-3xl);filter:blur(40px);background:conic-gradient(from var(--genui-glow-angle),transparent 0deg,color-mix(in oklch,var(--v5-accent) 55%,transparent) 70deg,transparent 150deg,transparent 210deg,color-mix(in oklch,var(--v5-link) 35%,transparent) 280deg,transparent 1turn);animation:genui-glow-spin var(--v5-dur-glow-loop) linear infinite;animation-play-state:paused}.genui-shell[data-glow=on] .genui-glow{animation-play-state:running}.genui-shell[data-tab-hidden=true] .genui-glow{animation-play-state:paused}@keyframes genui-glow-spin{to{--genui-glow-angle:360deg}}.genui-pill{display:grid;background:color-mix(in oklch,var(--v5-surface-2) 90%,transparent);opacity:0;filter:blur(3px);transition:opacity var(--v5-dur-reveal-flip) var(--v5-ease-out),filter var(--v5-dur-reveal-flip) var(--v5-ease-out)}.genui-pill[data-shown=true]{opacity:1;filter:blur(0)}.genui-pill-label{grid-area:1/1;opacity:0;filter:blur(3px);transform:translateY(4px);transition:opacity var(--v5-dur-enter) var(--v5-ease-out),filter var(--v5-dur-enter) var(--v5-ease-out),transform var(--v5-dur-enter) var(--v5-ease-out)}.genui-pill-label[data-active=true]{opacity:1;filter:blur(0);transform:translateY(0)}.genui-pill-label[data-past=true]{transform:translateY(-4px)}.genui-shell[data-rows=enter] [data-genui-row]{animation:genui-row-in var(--v5-dur-enter) var(--v5-ease-out) both;animation-delay:var(--genui-row-delay,0s)}@keyframes genui-row-in{0%{opacity:0;transform:translateY(4px)}}.genui-failure{animation:genui-fade var(--v5-dur-reveal-close) var(--v5-ease-reveal) both}.genui-shell[data-still=true] .genui-failure{animation:none}@keyframes genui-fade{0%{opacity:0}}.genui-shell[data-reduced=true] .genui-face{opacity:0}.genui-shell[data-reduced=true] .genui-face[data-active=true]{opacity:1}.genui-shell[data-reduced=true] .genui-beam-track,.genui-shell[data-reduced=true] .genui-glow-frame,.genui-shell[data-reduced=true] .genui-shade{display:none}.genui-shell[data-reduced=true] .genui-pill,.genui-shell[data-reduced=true] .genui-pill-label{filter:none;transform:none}.genui-shell[data-reduced=true][data-rows=enter] [data-genui-row]{animation-name:genui-fade;animation-delay:0s}@media (prefers-reduced-motion:reduce){.genui-glow{animation:none}}