.knn-widget-wrap:has(> .widget-container > .knn-announcement-widget){padding-top:var(--pt-pc,0);padding-bottom:var(--pb-pc,0)}
.knn-widget-wrap:has(> .widget-container > .knn-announcement-widget)>.widget-container,.knn-widget-wrap:has(> .widget-container > .knn-announcement-widget)>.widget-container>.knn-announcement-widget,.knn-announcement-widget .widget-content{min-width:0}
.knn-announcement{--knn-announcement-accent:#2f8cff;--knn-announcement-soft:rgba(47,140,255,.1);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;min-width:0;height:46px;padding:0 12px;border:1px solid color-mix(in srgb,var(--knn-announcement-accent) 22%,var(--knn-border-color));border-radius:6px;background:linear-gradient(90deg,var(--knn-announcement-soft),transparent 46%);box-sizing:border-box}
.knn-announcement.tone-red{--knn-announcement-accent:#f05252;--knn-announcement-soft:rgba(240,82,82,.1)}
.knn-announcement.tone-yellow{--knn-announcement-accent:#e89b19;--knn-announcement-soft:rgba(232,155,25,.12)}
.knn-announcement.tone-green{--knn-announcement-accent:#24a56a;--knn-announcement-soft:rgba(36,165,106,.1)}
.knn-announcement.tone-purple{--knn-announcement-accent:#8b66df;--knn-announcement-soft:rgba(139,102,223,.1)}
.knn-announcement-label{margin-right:12px;color:var(--knn-announcement-accent);font-size:13px;white-space:nowrap;letter-spacing:0}
.knn-announcement-viewport{height:44px;min-width:0;overflow:hidden}
.knn-announcement-track{will-change:transform}
.knn-announcement-item{display:flex;align-items:center;height:44px;min-width:0}
.knn-announcement-item>a,.knn-announcement-item>span{display:flex;align-items:center;gap:8px;min-width:0;width:100%;color:var(--knn-text-color);text-decoration:none}
.knn-announcement-item i{flex:none;color:var(--knn-announcement-accent);font-size:12px}
.knn-announcement-item b{display:block;flex:1;min-width:0;overflow:hidden;font-size:13px;font-weight:500;white-space:nowrap;letter-spacing:0}
.knn-announcement-item b>span{display:inline-block;min-width:100%;white-space:nowrap;will-change:transform}
.knn-announcement-item a:hover b{color:var(--knn-announcement-accent)}
.knn-announcement-empty{margin:0;padding:10px;color:var(--knn-text-color-grey);font-size:13px;text-align:center}
body.dark-mode .knn-announcement,body.dark-mode-auto .knn-announcement{background:linear-gradient(90deg,var(--knn-announcement-soft),rgba(255,255,255,.015) 46%);border-color:color-mix(in srgb,var(--knn-announcement-accent) 32%,#34363b)}
@media(max-width:600px){.knn-widget-wrap:has(> .widget-container > .knn-announcement-widget){padding-top:var(--pt-m,0);padding-bottom:var(--pb-m,0)}.knn-announcement{height:44px;padding:0 10px}.knn-announcement-label{margin-right:8px}.knn-announcement-viewport,.knn-announcement-item{height:42px}}
@media(prefers-reduced-motion:reduce){.knn-announcement-track{transition:none!important}}