[class*="ws40"] button,
[class*="ws40"] dl,
[class*="ws40"] dt,
[class*="ws40"] dd,
[class*="ws40"] h1,
[class*="ws40"] h2,
[class*="ws40"] h3,
[class*="ws40"] h4,
[class*="ws40"] h5,
[class*="ws40"] h6,
[class*="ws40"] p,
[class*="ws40"] small,
[class*="ws40"] table,
[class*="ws40"] tr,
[class*="ws40"] td,
[class*="ws40"] th,
[class*="ws40"] ul,
[class*="ws40"] ol,
[class*="ws40"] li {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
text-overflow: clip !important;
font-family: inherit;
font-style: inherit;
text-transform: none;
letter-spacing: normal;
text-decoration: none;
text-shadow: none;
float: none;
list-style: none;
} [class*="ws40"] button,
[class*="ws40"] dl,
[class*="ws40"] dt,
[class*="ws40"] h1,
[class*="ws40"] h2,
[class*="ws40"] h3,
[class*="ws40"] h4,
[class*="ws40"] h5,
[class*="ws40"] h6,
[class*="ws40"] p,
[class*="ws40"] small,
[class*="ws40"] li {
white-space: normal !important;
} [class*="ws40"] button::before,  [class*="ws40"] button::after,
[class*="ws40"] dl::before,      [class*="ws40"] dl::after,
[class*="ws40"] dt::before,      [class*="ws40"] dt::after,
[class*="ws40"] dd::before,      [class*="ws40"] dd::after,
[class*="ws40"] h1::before,      [class*="ws40"] h1::after,
[class*="ws40"] h2::before,      [class*="ws40"] h2::after,
[class*="ws40"] h3::before,      [class*="ws40"] h3::after,
[class*="ws40"] h4::before,      [class*="ws40"] h4::after,
[class*="ws40"] h5::before,      [class*="ws40"] h5::after,
[class*="ws40"] h6::before,      [class*="ws40"] h6::after,
[class*="ws40"] p::before,       [class*="ws40"] p::after,
[class*="ws40"] small::before,   [class*="ws40"] small::after,
[class*="ws40"] li::before,      [class*="ws40"] li::after {
content: none !important;
} .ws40con-rain__svg .ws40con-rain__wave--a { fill: #1f6fd6 !important; }
.ws40con-rain__svg .ws40con-rain__wave--b { fill: #7fb6ee !important; }
.ws40con-rain__svg .ws40con-rain__ring    { fill: none !important; stroke: #8fc0ee !important; }
.ws40con-rain__svg .ws40con-rain__pct     { fill: #0f1c2e !important; }
.ws40con-rain__gauge.is-filled .ws40con-rain__svg .ws40con-rain__pct { fill: #fff !important; }
@supports (fill: color-mix(in srgb, red, blue)) {
.ws40con-rain__svg .ws40con-rain__wave--a { fill: var(--ws40con-blue, #1f6fd6) !important; }
.ws40con-rain__svg .ws40con-rain__wave--b { fill: color-mix(in srgb, var(--ws40con-blue, #1f6fd6) 60%, #fff) !important; }
.ws40con-rain__svg .ws40con-rain__ring    { stroke: color-mix(in srgb, var(--ws40con-blue, #1f6fd6) 40%, #fff) !important; }
.ws40con-rain__svg .ws40con-rain__pct     { fill: var(--ws40con-ink, #0f1c2e) !important; }
} [class*="ws40"] .ws40con-live__badge                              { background: rgba(255,255,255,.55) !important; color: var(--ws40con-blue, #1f6fd6) !important; border: 0 !important; opacity: 1 !important; }
[class*="ws40"] .ws40con-live__badge.is-active                    { background: rgba(255,255,255,.94) !important; color: var(--ws40con-blue, #1f6fd6) !important; }
[class*="ws40"] .ws40con-live__badge .ws40con-live__dot           { background: #9aa4b2 !important; }
[class*="ws40"] .ws40con-live__badge.is-active .ws40con-live__dot { background: #2ea043 !important; }
[class*="ws40"] .ws40con-av-status                                { background: rgba(255,255,255,.94) !important; }
[class*="ws40"] .ws40con-av-status.is-live                        { color: var(--ws40con-blue, #1f6fd6) !important; }
[class*="ws40"] .ws40con-av-status.is-live .ws40con-av-status__dot     { background: #2ea043 !important; }
[class*="ws40"] .ws40con-av-status.is-delayed                    { color: #9a6a08 !important; }
[class*="ws40"] .ws40con-av-status.is-delayed .ws40con-av-status__dot  { background: #e0aa2a !important; } [class*="ws40"] .ws40con-av__bft{ fill:#9aa0a6 !important; }
[class*="ws40"] .ws40con-av__bft[data-bft-force="0"]  { fill:#7FB3E0 !important; }
[class*="ws40"] .ws40con-av__bft[data-bft-force="1"]  { fill:#5BA84F !important; }
[class*="ws40"] .ws40con-av__bft[data-bft-force="2"]  { fill:#5FB84F !important; }
[class*="ws40"] .ws40con-av__bft[data-bft-force="3"]  { fill:#8DB52A !important; }
[class*="ws40"] .ws40con-av__bft[data-bft-force="4"]  { fill:#B6BB22 !important; }
[class*="ws40"] .ws40con-av__bft[data-bft-force="5"]  { fill:#D9BE1F !important; }
[class*="ws40"] .ws40con-av__bft[data-bft-force="6"]  { fill:#F5B731 !important; }
[class*="ws40"] .ws40con-av__bft[data-bft-force="7"]  { fill:#F59331 !important; }
[class*="ws40"] .ws40con-av__bft[data-bft-force="8"]  { fill:#F06B2A !important; }
[class*="ws40"] .ws40con-av__bft[data-bft-force="9"]  { fill:#E8492A !important; }
[class*="ws40"] .ws40con-av__bft[data-bft-force="10"] { fill:#D6322A !important; }
[class*="ws40"] .ws40con-av__bft[data-bft-force="11"] { fill:#B81E2A !important; }
[class*="ws40"] .ws40con-av__bft[data-bft-force="12"] { fill:#8B1424 !important; }
[class*="ws40"] .ws40con-av__bft-sep{ fill:#6f757c !important; }
[class*="ws40"] .ws40con-av__bft-gust{ fill:#e0433d !important; }.ws40-cbuilder {
--ws40cb-border: #dcdcde;
--ws40cb-bg: #ffffff;
--ws40cb-fg: #1d2327;
--ws40cb-muted: #5f6b7a;
--ws40cb-accent: #2271b1;
--ws40cb-accent-fg: #ffffff;
box-sizing: border-box;
width: 100%;
max-width: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
color: var(--ws40cb-fg);
}
.ws40-cbuilder * { box-sizing: border-box; }
.ws40-cbuilder__controls {
display: flex;
flex-direction: column;
gap: 14px;
padding: 16px;
background: var(--ws40cb-bg);
border: 1px solid var(--ws40cb-border);
border-radius: 10px;
margin-bottom: 16px;
}
.ws40-cbuilder__group {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 12px;
}
.ws40-cbuilder__label {
flex: 0 0 auto;
min-width: 84px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--ws40cb-muted);
}
.ws40-cbuilder__chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.ws40-cbuilder__chip {
appearance: none;
-webkit-appearance: none;
cursor: pointer;
border: 1px solid var(--ws40cb-border);
background: #f6f7f9;
color: var(--ws40cb-fg);
font-size: 13px;
line-height: 1.2;
padding: 7px 14px;
border-radius: 999px;
transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.ws40-cbuilder__chip:hover {
border-color: var(--ws40cb-accent);
}
.ws40-cbuilder__chip[aria-pressed="true"] {
background: var(--ws40cb-accent);
border-color: var(--ws40cb-accent);
color: var(--ws40cb-accent-fg);
font-weight: 600;
} .ws40-cbuilder__chip:disabled {
opacity: .45;
cursor: not-allowed;
}
.ws40-cbuilder__chip:focus-visible {
outline: 2px solid var(--ws40cb-accent);
outline-offset: 2px;
}
.ws40-cbuilder__custom {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 12px;
}
.ws40-cbuilder__custom input[type="date"] {
border: 1px solid var(--ws40cb-border);
border-radius: 6px;
padding: 6px 10px;
font-size: 13px;
color: var(--ws40cb-fg);
background: #fff;
}
.ws40-cbuilder__options {
gap: 8px 18px;
}
.ws40-cbuilder__opt {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 13px;
color: var(--ws40cb-muted);
}
.ws40-cbuilder__opt select {
border: 1px solid var(--ws40cb-border);
border-radius: 6px;
padding: 6px 28px 6px 10px;
font-size: 13px;
color: var(--ws40cb-fg);
background: #fff;
}
.ws40-cbuilder__canvas {
position: relative;
width: 100%;
height: 420px;
background: var(--ws40cb-bg);
border: 1px solid var(--ws40cb-border);
border-radius: 10px;
padding: 12px;
}
.ws40-cbuilder__rose {
width: 100%;
background: var(--ws40cb-bg);
border: 1px solid var(--ws40cb-border);
border-radius: 10px;
padding: 18px 12px;
}
.ws40-cbuilder__canvas canvas {
width: 100% !important;
height: 100% !important;
}
.ws40-cbuilder__status {
margin-top: 10px;
padding: 10px 14px;
border-radius: 8px;
font-size: 13px;
background: #fcf3d7;
border: 1px solid #e6c200;
color: #5b4a00;
}
@media (max-width: 600px) {
.ws40-cbuilder__label { min-width: 100%; }
.ws40-cbuilder__canvas { height: 320px; }
}
.ws40-cbuilder__actions {
display: flex;
justify-content: flex-end;
}
.ws40-cb-copy {
appearance: none;
-webkit-appearance: none;
cursor: pointer;
border: 1px solid var(--ws40cb-border);
background: #fff;
color: var(--ws40cb-fg);
font-size: 13px;
line-height: 1.2;
padding: 7px 16px;
border-radius: 8px;
transition: background-color .15s ease, border-color .15s ease;
}
.ws40-cb-copy:hover {
border-color: var(--ws40cb-accent);
background: #f6f7f9;
}
.ws40-cb-copy:focus-visible {
outline: 2px solid var(--ws40cb-accent);
outline-offset: 2px;
}