.grid-fill{grid-template-columns:repeat(auto-fill, minmax(min(var(--grid-min), 100%), 1fr))}.card{--card-bg:var(--color-paper);--card-border:var(--color-paper-border);--card-fg:var(--color-fg);--n:var(--pixel-notch);--card-clip:polygon(var(--n) 0, calc(100% - var(--n)) 0, calc(100% - var(--n)) var(--n), 100% var(--n), 100% calc(100% - var(--n)), calc(100% - var(--n)) calc(100% - var(--n)), calc(100% - var(--n)) 100%, var(--n) 100%, var(--n) calc(100% - var(--n)), 0 calc(100% - var(--n)), 0 var(--n), var(--n) var(--n));padding:var(--border-w);clip-path:var(--card-clip);background-color:var(--card-border);color:var(--card-fg);display:flow-root;position:relative;container-type:inline-size}.card[data-tone=dark]{--card-bg:var(--color-ink);--card-border:var(--color-ink-border);--card-fg:var(--color-fg-on-dark)}.card-inner{height:100%;clip-path:var(--card-clip);background-color:var(--card-bg)}.card[data-interactive]{transition:background-color .15s ease-out}@media (hover:hover){.card[data-interactive]:hover,.card[data-interactive]:focus-within{background-color:var(--accent)}}.btn{isolation:isolate;position:relative}@media (hover:hover){.btn[data-variant=outline]:hover,.btn[data-variant=ghost]:hover{background-color:color-mix(in oklch, currentColor 12%, transparent)}.btn[data-variant=gradient]:after{content:"";z-index:-1;background-color:var(--color-fg-on-dark);opacity:0;transition:opacity .15s ease-out;position:absolute;inset:0}.btn[data-variant=gradient]:hover:after{opacity:.15}}.btn[data-chipped]{clip-path:var(--chip-shape)}.btn[data-chipped][data-variant=outline]{--btn-surface:var(--surface);background-color:#0000;border-color:#0000}.btn[data-chipped][data-variant=outline]:before,.btn[data-chipped][data-variant=outline]:after{content:"";z-index:-1;position:absolute;inset:0}.btn[data-chipped][data-variant=outline]:before{clip-path:var(--chip-shape);background-color:currentColor}.btn[data-chipped][data-variant=outline]:after{background-color:var(--btn-surface);clip-path:var(--chip-shape-inner);transition:background-color .15s ease-out}@media (hover:hover){.btn[data-chipped][data-variant=outline]:hover{background-color:#0000}.btn[data-chipped][data-variant=outline]:hover:after{background-color:color-mix(in oklch, currentColor 12%, var(--btn-surface))}}.cover[data-overlay]:after{content:"";background:linear-gradient(to top, color-mix(in oklch, var(--color-ink) 85%, transparent) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}.cover>div{z-index:1}