:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;--type-xs:11px;--type-sm:12px;--type-base:14px;--type-md:15px;--type-lg:16px;--type-xl:20px;--type-2xl:24px;--type-3xl:30px;--type-4xl:36px;--type-5xl:48px;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-loose:1.7;--weight-regular:400;--weight-medium:500;--weight-semi:600;--weight-bold:700;--color-bg:#fff;--color-surface:#fff;--color-surface-2:#f8fafc;--color-surface-soft:#f1f5f9;--color-border:#e2e8f0;--color-border-soft:#f1f5f9;--color-text:#0f172a;--color-text-muted:#475569;--color-text-soft:#64748b;--color-text-faint:#64748b;--shadow-xs:0 1px 2px #0f172a0f;--shadow-sm:0 1px 3px #0f172a14, 0 1px 2px #0f172a0a;--shadow-md:0 4px 6px -2px #0f172a14, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 8px 16px -4px #0f172a1a, 0 4px 6px -2px #0f172a0f;--shadow-xl:0 20px 32px -8px #0f172a29, 0 6px 12px -4px #0f172a14;--shadow-2xl:0 32px 64px -16px #0f172a3d, 0 10px 20px -6px #0f172a1f;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-pill:9999px;--ease-spring:cubic-bezier(.32, .72, 0, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--duration-instant:80ms;--duration-fast:.15s;--duration-base:.2s;--duration-slow:.3s}body.dark-mode,.dark-mode{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-2:#0f172a;--color-surface-soft:#1e293b;--color-border:#334155;--color-border-soft:#1e293b;--color-text:#f1f5f9;--color-text-muted:#cbd5e1;--color-text-soft:#94a3b8;--color-text-faint:#94a3b8}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0s;--duration-fast:0s;--duration-base:0s;--duration-slow:0s}}.s-promo-banner--tone-warn,.s-promo-banner--tone-warning{--sev-fg:#d97706;--sev-bg:#fef3c7;--sev-bar:#f59e0b}.s-promo-banner--tone-danger{--sev-fg:#dc2626;--sev-bg:#fee2e2;--sev-bar:#ef4444}.s-promo-banner--tone-info{--sev-fg:#2563eb;--sev-bg:#dbeafe;--sev-bar:#3b82f6}.s-promo-banner--tone-promo{--sev-fg:#a054e6;--sev-bg:#a054e61f;--sev-bar:#a054e6}.s-promo-banner{background:var(--darkmode-background-light,#f3f7ff);border:1px solid var(--darkmode-border-soft,#d6e0ee);color:var(--darkmode-font-color,#1a2533);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 .5rem;padding:.75rem 1.25rem;font-size:.95rem;line-height:1.35;display:flex}.s-promo-banner__content{flex:auto;align-items:center;gap:.75rem;min-width:0;display:flex}.s-promo-banner__icon{color:var(--sev-fg,#619bff);flex:none;font-size:1.2rem}.s-promo-banner__text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.s-promo-banner__title{font-weight:600}.s-promo-banner__body{opacity:.85;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal!important}@media (max-width:640px){.s-promo-banner__body{-webkit-line-clamp:2}}.s-promo-banner__actions{flex:none;align-items:center;gap:.75rem;display:flex}.s-promo-banner__dismiss{appearance:none;color:inherit;opacity:.72;cursor:pointer;background:0 0;border:0;border-radius:999px;width:1.5rem;height:1.5rem;font-size:1.2rem;line-height:1;position:relative}.s-promo-banner__dismiss:before{content:"";position:absolute;inset:-10px}.s-promo-banner__dismiss:hover{opacity:1}.s-promo-banner--storage_upsell_80,.s-promo-banner--trial_5d{color:#5a3d00;background:#fff7e6;border-color:#ffd99a}.s-promo-banner--storage_upsell_80 .s-promo-banner__icon,.s-promo-banner--trial_5d .s-promo-banner__icon{color:#c47600}.s-promo-banner--bffr,.s-promo-banner--yearly_upsell{color:#1f4a2a;background:#e8f6ec;border-color:#a4d9b4}.s-promo-banner--bffr .s-promo-banner__icon,.s-promo-banner--yearly_upsell .s-promo-banner__icon{color:#1a8038}.s-promo-banner--winback_30d{color:#6b1b2d;background:#fdebef;border-color:#f6b8c5}.s-promo-banner--winback_30d .s-promo-banner__icon{color:#b5253f}.s-promo-banner--tone-warn{color:#5a3d00;background:#fff7e6;border-color:#ffd99a}.s-promo-banner--tone-warn .s-promo-banner__icon{color:#c47600}.s-promo-banner--tone-danger{color:#6b1b2d;background:#fdebef;border-color:#f6b8c5}.s-promo-banner--tone-danger .s-promo-banner__icon{color:#b5253f}.s-promo-banner--tone-success{color:#1f4a2a;background:#e8f6ec;border-color:#a4d9b4}.s-promo-banner--tone-success .s-promo-banner__icon{color:#1a8038}.s-promo-banner--tone-info{color:#1e3a5f;background:#eff6ff;border-color:#bcd6f7}.s-promo-banner--tone-info .s-promo-banner__icon{color:#2563eb}.dark-mode .s-promo-banner--tone-warn,.dark-mode .s-promo-banner--tone-danger,.dark-mode .s-promo-banner--tone-success,.dark-mode .s-promo-banner--tone-info{background:var(--darkmode-background-light-solid,#212328);color:var(--darkmode-font-color,#e6e9ef);border-color:var(--darkmode-border-soft,#ffffff1f);border-inline-start-width:3px}.dark-mode .s-promo-banner--tone-warn{border-inline-start-color:#f0a020}.dark-mode .s-promo-banner--tone-warn .s-promo-banner__icon{color:#f0a020}.dark-mode .s-promo-banner--tone-danger{border-inline-start-color:#e23d54}.dark-mode .s-promo-banner--tone-danger .s-promo-banner__icon{color:#e23d54}.dark-mode .s-promo-banner--tone-success{border-inline-start-color:#2bb673}.dark-mode .s-promo-banner--tone-success .s-promo-banner__icon{color:#2bb673}.dark-mode .s-promo-banner--tone-info{border-inline-start-color:#3b82f6}.dark-mode .s-promo-banner--tone-info .s-promo-banner__icon{color:#3b82f6}
