.fw-card{background:color-mix(in oklab, var(--background) 58%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--border) 50%, transparent), inset 0 1px 0 #ffffff8c;transition:background-color .26s ease-out, box-shadow .36s var(--glass-ease);border-radius:1.4rem;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.fw-card{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--border) 50%, transparent), inset 0 1px 0 lab(100% 0 0/.55)}}.fw-card:hover{background:color-mix(in oklab, var(--background) 74%, transparent)}.fw-card[data-active]{background:color-mix(in oklab, var(--destructive) 4%, color-mix(in oklab, var(--background) 76%, transparent));box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--destructive) 34%, transparent), inset 0 1px 0 #fff9, 0 .9rem 1.75rem -1.3rem color-mix(in oklch, var(--destructive) 42%, transparent)}@supports (color:lab(0% 0 0)){.fw-card[data-active]{box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--destructive) 34%, transparent), inset 0 1px 0 lab(100% 0 0/.6), 0 .9rem 1.75rem -1.3rem color-mix(in oklch, var(--destructive) 42%, transparent)}}.fw-card[data-open]{background:color-mix(in oklab, var(--background) 86%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--border) 60%, transparent), inset 0 1px 0 #ffffffb3, 0 1.25rem 2.5rem -1.6rem color-mix(in oklch, var(--foreground) 32%, transparent)}@supports (color:lab(0% 0 0)){.fw-card[data-open]{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--border) 60%, transparent), inset 0 1px 0 lab(100% 0 0/.7), 0 1.25rem 2.5rem -1.6rem color-mix(in oklch, var(--foreground) 32%, transparent)}}.fw-card[data-open][data-active]{box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--destructive) 34%, transparent), inset 0 1px 0 #ffffffb3, 0 1.25rem 2.5rem -1.6rem color-mix(in oklch, var(--destructive) 45%, transparent)}@supports (color:lab(0% 0 0)){.fw-card[data-open][data-active]{box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--destructive) 34%, transparent), inset 0 1px 0 lab(100% 0 0/.7), 0 1.25rem 2.5rem -1.6rem color-mix(in oklch, var(--destructive) 45%, transparent)}}.fw-head{transition:background-color .18s ease-out}.fw-head:active{background:color-mix(in oklab, var(--foreground) 3%, transparent)}.fw-head-inner{transition:scale .32s var(--glass-ease-pop)}.fw-head:active .fw-head-inner{transition-duration:90ms;scale:.985}.fw-chevron{width:1.75rem;height:1.75rem;color:var(--muted-foreground);background:color-mix(in oklab, var(--foreground) 4%, transparent);transition:rotate .42s var(--glass-ease), background-color .26s ease-out, color .26s ease-out;border-radius:999px;flex-shrink:0;place-items:center;display:grid}.fw-card[data-open] .fw-chevron{color:var(--destructive);background:color-mix(in oklab, var(--destructive) 10%, transparent);rotate:180deg}.fw-check{background:var(--destructive);width:.95rem;height:.95rem;color:var(--destructive-foreground);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.fw-reveal{opacity:0;transition:grid-template-rows .24s var(--glass-ease-in), opacity .16s ease-in;grid-template-rows:0fr;display:grid}.fw-card[data-open] .fw-reveal{opacity:1;transition:grid-template-rows .46s var(--glass-ease), opacity .28s ease-out;grid-template-rows:1fr}.fw-reveal>*{min-height:0;overflow:hidden}.fw-body{border-top:1px solid var(--glass-hairline);margin:0 .75rem;padding:.75rem 0 .8rem}@media (prefers-reduced-motion:no-preference){.fw-card[data-open] .fw-body>*{animation:fw-rise .52s var(--glass-ease) backwards}.fw-card[data-open] .fw-body>:first-child{animation-delay:60ms}.fw-card[data-open] .fw-body>:nth-child(2){animation-delay:.11s}.fw-card[data-open] .fw-body>:nth-child(3){animation-delay:.16s}.fw-card[data-open] .fw-body>:nth-child(4){animation-delay:.21s}.fw-card[data-open] .fw-body>:nth-child(n+5){animation-delay:.25s}}@keyframes fw-rise{0%{opacity:0;translate:0 .5rem}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.fw-card,.fw-chevron,.fw-head-inner{transition:none}.fw-reveal,.fw-card[data-open] .fw-reveal{transition:opacity .15s linear}}
