@layer q.tokens{:root,[data-theme]{--q-banner-fg:var(--q-fg);--q-banner-max-width:var(--q-w-max);--q-banner-py:var(--q-space-1);--q-banner-px:var(--q-gutter);--q-banner-gap:var(--q-space-1-5);--q-banner-text-min-width:200px;--q-banner-font-size:var(--q-text-md);--q-banner-leading:var(--q-leading-ui);--q-banner-title-weight:var(--q-weight-semibold);--q-banner-body-fg:var(--q-fg-body);--q-banner-info-bg:var(--q-status-info-bg);--q-banner-info-border:var(--q-status-info-border);--q-banner-success-bg:var(--q-status-success-bg);--q-banner-success-border:var(--q-status-success-border);--q-banner-warning-bg:var(--q-status-warning-bg);--q-banner-warning-border:var(--q-status-warning-border);--q-banner-error-bg:var(--q-status-error-bg);--q-banner-error-border:var(--q-status-error-border)}}@layer q.themes,q.base;@layer q.components{.q-banner{--_bg:var(--q-banner-info-bg);--_border:var(--q-banner-info-border);box-sizing:border-box;border-bottom:var(--q-hairline) solid var(--_border);background:var(--_bg);width:100%;color:var(--q-banner-fg)}.q-banner--success{--_bg:var(--q-banner-success-bg);--_border:var(--q-banner-success-border)}.q-banner--warning{--_bg:var(--q-banner-warning-bg);--_border:var(--q-banner-warning-border)}.q-banner--error{--_bg:var(--q-banner-error-bg);--_border:var(--q-banner-error-border)}.q-banner__inner{align-items:center;gap:var(--q-banner-gap);box-sizing:border-box;max-width:var(--q-banner-max-width);padding:var(--q-banner-py) var(--q-banner-px);flex-wrap:wrap;margin:0 auto;display:flex}.q-banner__text{min-width:var(--q-banner-text-min-width);font-size:var(--q-banner-font-size);line-height:var(--q-banner-leading);flex:1}.q-banner__title{font-weight:var(--q-banner-title-weight)}.q-banner__body{color:var(--q-banner-body-fg)}.q-banner__collapse{opacity:0;transition:opacity var(--q-dur-expand) var(--q-ease-soft)}.q-banner__collapse[data-open=true]{opacity:1}}@layer q.utilities;