@layer kcdust{.kcdust-card{border-radius:var(--kcdust-radius-lg);flex-direction:column;flex:none;display:flex;overflow:hidden}.kcdust-card:not(.kcdust-surface){background-color:var(--kcdust-color-bg-elevated);border:var(--kcdust-border-width-sm) solid var(--kcdust-color-border);box-shadow:var(--kcdust-shadow-sm)}.kcdust-card.kcdust-surface{--kcdust-surface-fill:var(--kcdust-color-content);box-shadow:var(--kcdust-shadow-md)}.kcdust-card.kcdust-surface[data-surface=sheen]{--kcdust-grad-top:.02;--kcdust-grad-bot:-.02}.kcdust-card[data-elev=flat]{box-shadow:none}.kcdust-card[data-elev=raised]{box-shadow:var(--kcdust-shadow-md)}.kcdust-card[data-elev=floating]{box-shadow:var(--kcdust-shadow-lg)}.kcdust-card.kcdust-surface:not([role=button]):active,.kcdust-card>.kcdust-card-header.kcdust-surface:active,.kcdust-card>.kcdust-card-footer.kcdust-surface:active{--kcdust-grad-shift:0;translate:none}@media (hover:hover){:where(html:not([data-hover=off])) .kcdust-card.kcdust-surface:not([role=button]):hover,:where(html:not([data-hover=off])) .kcdust-card>.kcdust-card-header.kcdust-surface:hover,:where(html:not([data-hover=off])) .kcdust-card>.kcdust-card-footer.kcdust-surface:hover{--kcdust-grad-shift:0}}.kcdust-card.kcdust-surface[role=button]:active,.kcdust-card.kcdust-surface[role=button][aria-pressed=true]{--kcdust-grad-top:var(--kcdust-inset-top,-.045);--kcdust-grad-bot:var(--kcdust-inset-bot,.04)}.kcdust-card>.kcdust-card-header.kcdust-surface,.kcdust-card>.kcdust-card-footer.kcdust-surface{background:var(--kcdust-surface-paint);--kcdust-grad-top:.02;--kcdust-grad-bot:-.02;border:0}.kcdust-card[data-header=washed]>.kcdust-card-header.kcdust-surface{--kcdust-surface-fill:var(--kcdust-surface-wash-1)}.kcdust-card[data-footer=washed]>.kcdust-card-footer.kcdust-surface{--kcdust-surface-fill:var(--kcdust-surface-wash-2)}.kcdust-card[data-header=plain]>.kcdust-card-header.kcdust-surface,.kcdust-card[data-footer=plain]>.kcdust-card-footer.kcdust-surface{background:0 0}.kcdust-card[data-header=tinted]>.kcdust-card-header.kcdust-surface,.kcdust-card[data-footer=tinted]>.kcdust-card-footer.kcdust-surface{--kcdust-surface-fill:color-mix(in oklch, var(--kcdust-color-content) 88%, var(--kcdust-color-accent))}.kcdust-card-header:after,.kcdust-card-footer:before{content:"";left:var(--kcdust-space-4);right:var(--kcdust-space-4);background:linear-gradient(90deg, transparent, var(--kcdust-color-border-strong), transparent);height:1px;position:absolute}.kcdust-card-header:after{bottom:0}.kcdust-card-footer:before{top:0}.kcdust-card[data-sep=full]>.kcdust-card-header:after,.kcdust-card[data-sep=full]>.kcdust-card-footer:before{background:var(--kcdust-color-border);left:0;right:0}.kcdust-card-header{gap:var(--kcdust-space-1);padding:var(--kcdust-space-5) var(--kcdust-space-5) var(--kcdust-space-3);flex-direction:column;display:flex;position:relative}.kcdust-card-header:has(.kcdust-card-header__help){justify-content:space-between;align-items:flex-start;gap:var(--kcdust-space-3);flex-direction:row}.kcdust-card-header__main{gap:var(--kcdust-space-1);flex-direction:column;flex:1;min-width:0;display:flex}.kcdust-card-header__help{border:1px solid var(--kcdust-color-border);width:1.6rem;height:1.6rem;color:var(--kcdust-color-fg-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.kcdust-card-header__help:active{color:var(--kcdust-color-fg);border-color:var(--kcdust-color-border-strong)}@media (hover:hover){:where(html:not([data-hover=off])) .kcdust-card-header__help:hover{color:var(--kcdust-color-fg);border-color:var(--kcdust-color-border-strong)}}.kcdust-card-title{font-size:var(--kcdust-text-xl);color:var(--kcdust-color-fg);margin:0;font-weight:600;line-height:1.25}.kcdust-card-description{font-size:var(--kcdust-text-sm);color:var(--kcdust-color-fg-muted);margin:0;line-height:1.4}.kcdust-card-content{padding:var(--kcdust-space-5)}.kcdust-card-footer{align-items:center;gap:var(--kcdust-space-3);padding:var(--kcdust-space-3) var(--kcdust-space-5);display:flex;position:relative}.kcdust-card:not(.kcdust-surface)>.kcdust-card-footer{background:color-mix(in srgb, var(--kcdust-color-fg) 5%, transparent)}}