@layer components{.announcement-bar{width:100%}.announcement-bar .alert{border-radius:0;justify-content:center;align-items:center;width:100%;min-height:72px;padding:.75rem 1.5rem}@media (min-width:640px){.announcement-bar .alert{padding:.75rem 3rem}}.announcement-bar--amber-caution .alert{background:#fff5d8;border:none;border-left:3px solid #c98a00}.announcement-bar--amber-caution .alert__title{color:#4d3500}.announcement-bar--amber-caution .alert__description{color:#7a5400}.announcement-bar--amber-caution .alert__indicator{color:#c98a00}[data-theme=wsk-dark] .announcement-bar--amber-caution .alert{background:#2a210a;border-left-color:#f5b942}[data-theme=wsk-dark] .announcement-bar--amber-caution .alert__title{color:#ffe6a8}[data-theme=wsk-dark] .announcement-bar--amber-caution .alert__description{color:#f6d896}[data-theme=wsk-dark] .announcement-bar--amber-caution .alert__indicator{color:#f5b942}.announcement-bar--cyan-brand .alert{background:linear-gradient(90deg,#cdf3ff,#c2effe);border:none}.announcement-bar--cyan-brand .alert__title{color:#002633}.announcement-bar--cyan-brand .alert__description{color:#003543}.announcement-bar--cyan-brand .alert__indicator{color:#006e87}[data-theme=wsk-dark] .announcement-bar--cyan-brand .alert{background:linear-gradient(90deg,#00d1ff21,#00d1ff14)}[data-theme=wsk-dark] .announcement-bar--cyan-brand .alert__title{color:#e1f7ff}[data-theme=wsk-dark] .announcement-bar--cyan-brand .alert__description{color:#b6ecff}[data-theme=wsk-dark] .announcement-bar--cyan-brand .alert__indicator{color:#00d4ff}.announcement-bar--inverse .alert{background:#15192a;border:none}.announcement-bar--inverse .alert__title{color:#fff}.announcement-bar--inverse .alert__description{color:#ffffffc7}.announcement-bar--inverse .alert__indicator{color:#f5b942}[data-theme=wsk-dark] .announcement-bar--inverse .alert{background:#eaf1ff}[data-theme=wsk-dark] .announcement-bar--inverse .alert__title{color:#0e1322}[data-theme=wsk-dark] .announcement-bar--inverse .alert__description{color:#2a3552}[data-theme=wsk-dark] .announcement-bar--inverse .alert__indicator{color:#b8860b}.announcement-bar--elevated-surface .alert{background:#fff;border:none;border-left:3px solid #f5b942}.announcement-bar--elevated-surface .alert__title{color:#15192a}.announcement-bar--elevated-surface .alert__description{color:#4d5d73}.announcement-bar--elevated-surface .alert__indicator{color:#f5b942}[data-theme=wsk-dark] .announcement-bar--elevated-surface .alert{background:#222b4a;border-left-color:#f5b942}[data-theme=wsk-dark] .announcement-bar--elevated-surface .alert__title{color:#fff}[data-theme=wsk-dark] .announcement-bar--elevated-surface .alert__description{color:#c9d2ec}[data-theme=wsk-dark] .announcement-bar--elevated-surface .alert__indicator{color:#f5b942}.announcement-bar--terminal .alert{background:#1a2240;border:none}.announcement-bar--terminal .alert__title{color:#fff;font-family:var(--mono);font-size:12px}.announcement-bar--terminal .alert__description{color:#ffffffb8;font-family:var(--mono);font-size:12px}[data-theme=wsk-dark] .announcement-bar--terminal .alert{background:#06091a}[data-theme=wsk-dark] .announcement-bar--terminal .alert__title{color:#fff}[data-theme=wsk-dark] .announcement-bar--terminal .alert__description{color:#8a93b4}.announcement-bar__beta-tag{font-family:var(--mono);color:#00d4ff;white-space:nowrap;background:#00d1ff2e;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}[data-theme=wsk-dark] .announcement-bar__beta-tag{background:#00d1ff24}}
@layer components{.status-tick{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:inline-flex}.status-tick--success{background:color-mix(in oklch, var(--success) 15%, transparent);color:var(--success)}.status-tick--warning{background:color-mix(in oklch, var(--caution) 15%, transparent);color:var(--caution)}.status-tick--danger{background:color-mix(in oklch, var(--danger) 15%, transparent);color:var(--danger)}.status-tick--accent{background:color-mix(in oklch, var(--accent) 15%, transparent);color:var(--accent)}.status-tick--default{background:color-mix(in oklch, var(--foreground) 10%, transparent);color:var(--muted)}}