@layer components{.card-core{--_card-row-gap:var(--card-core-row-gap,1rem);--_card-padding:var(--card-core-inner-padding,1rem);--_card-lower-background-image:var(--card-core-lower-background-image,none);--_card-lower-background-position:var(--card-core-lower-background-position,center);--_card-lower-background-color:var(--card-core-lower-background-color,transparent);--_card-lower-background-blur:var(--card-core-lower-background-blur,16px);--_card-lower-scale:var(--card-core-lower-scale,1.1);--_card-background-image:var(--card-core-background-image,none);--_card-background-color:var(--card-core-background-color,transparent);--_card-border:var(--card-core-border,.2rem solid var(--slate-08));--_card-border-radius:var(--card-core-border-radius,.5rem);--_card-box-shadow:var(--card-core-box-shadow,.1rem .1rem .4rem oklch(from var(--slate-08) l c h/.45));display:grid;grid-auto-flow:row;gap:var(--_card-row-gap);border-radius:var(--_card-border-radius);overflow:hidden;position:relative;background-color:var(--_card-background-color,transparent);border:var(--_card-border);box-shadow:var(--_card-box-shadow)}.card-core:before{content:"";position:absolute;inset:0;background-color:var(--_card-lower-background-color);background-image:var(--_card-lower-background-image);background-position:var(--_card-lower-background-position,center);background-size:cover;background-repeat:no-repeat;filter:blur(var(--_card-lower-background-blur));scale:var(--_card-lower-scale);z-index:0}.card-core>*{position:relative;z-index:1}.card-core.no-outline{--_card-border:0 solid transparent;--_card-box-shadow:none}.card-core.solid{--_card-background-color:light-dark(var(--slate-00),var(--slate-10));--_card-border:.2rem solid var(--slate-08)}.card-core.subtle{--_card-background-color:color-mix(in oklab,light-dark(var(--slate-01),var(--slate-08)) 50%,transparent);--_card-border:.2rem solid var(--slate-08)}.card-core.soft{--_card-background-color:color-mix(in oklab,light-dark(var(--slate-01),var(--slate-08)) 20%,transparent);--_card-box-shadow-color:color-mix(in oklab,light-dark(var(--slate-02),var(--slate-08)) 80%,transparent)}.card-core.outline{--_card-background-color:transparent;--_card-border:.2rem solid var(--slate-08)}.card-core.has-dividers .card-row+.card-row{border-top:.2rem solid var(--slate-08)}}