@layer mado-ui{:where(.mado-ui-panel,.mado-ui-panel-header,.mado-ui-panel-heading,.mado-ui-panel-title,.mado-ui-panel-description,.mado-ui-panel-actions,.mado-ui-panel-content,.mado-ui-panel-footer){box-sizing:border-box}:where(.mado-ui-panel){gap:var(--mado-ui-panel-gap,var(--mado-ui-space-4,1rem));min-inline-size:0;max-inline-size:100%;padding:var(--mado-ui-panel-padding,clamp(var(--mado-ui-space-4,1rem), 3vw, var(--mado-ui-space-5,1.5rem)));border:1px solid var(--mado-ui-panel-border,var(--mado-ui-color-border,oklch(90% .006 264.5)));border-radius:var(--mado-ui-panel-radius,var(--mado-ui-radius-md,.75rem));background:var(--mado-ui-panel-background,var(--mado-ui-color-surface,oklch(100% 0 0)));color:var(--mado-ui-panel-color,var(--mado-ui-color-text,oklch(20.5% .006 285.9)));box-shadow:var(--mado-ui-panel-shadow,0 1px 2px oklch(20.5% .006 285.9/.05));display:grid}:where(.mado-ui-panel-header){justify-content:space-between;align-items:flex-start;gap:var(--mado-ui-panel-header-gap,var(--mado-ui-space-3,.75rem));flex-wrap:wrap;min-inline-size:0;display:flex}:where(.mado-ui-panel-heading){gap:var(--mado-ui-space-1,.25rem);flex:16rem;min-inline-size:0;display:grid}:where(.mado-ui-panel-title){color:inherit;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:1rem;font-weight:600;line-height:1.4}:where(.mado-ui-panel-description){color:var(--mado-ui-color-text-muted,oklch(46% .014 264.4));overflow-wrap:anywhere;margin:0;font-size:.875rem;line-height:1.55}:where(.mado-ui-panel-actions){align-items:center;gap:var(--mado-ui-panel-actions-gap,var(--mado-ui-space-2,.5rem));overflow-wrap:anywhere;flex-wrap:wrap;min-inline-size:0;max-inline-size:100%;margin-inline-start:auto;display:flex}:where(.mado-ui-panel-actions>*){min-inline-size:0;max-inline-size:100%}:where(.mado-ui-panel-content){overflow-wrap:anywhere;min-inline-size:0;line-height:1.6}:where(.mado-ui-panel-footer){align-items:center;justify-content:var(--mado-ui-panel-footer-justify,flex-start);gap:var(--mado-ui-panel-footer-gap,var(--mado-ui-space-2,.5rem));overflow-wrap:anywhere;flex-wrap:wrap;min-inline-size:0;display:flex}:where(.mado-ui-panel-footer>*){min-inline-size:0;max-inline-size:100%}@media (forced-colors:active){:where(.mado-ui-panel){--mado-ui-panel-background:Canvas;--mado-ui-panel-color:CanvasText;--mado-ui-panel-border:CanvasText;--mado-ui-panel-shadow:none}:where(.mado-ui-panel-description){color:canvastext}}}