.mode-notice{gap:var(--space-2);width:100%;max-width:var(--container-max);padding:var(--space-2)var(--page-gutter)0;flex-direction:column;margin-left:auto;margin-right:auto;display:flex}.mode-notice__strip{align-items:flex-start;gap:var(--space-2);padding:var(--space-2)var(--space-2)var(--space-2)var(--space-4);border:1px solid var(--color-error);border-radius:var(--radius-md);background:rgba(var(--tx),.04);color:var(--txc);font-family:var(--font-manrope);font-size:13px;font-weight:500;line-height:1.4;display:flex}.mode-notice__strip--weather{border-color:var(--acc);align-items:center}.mode-notice__glyph{fill:var(--acc);flex:none}.mode-notice__body{overflow-wrap:anywhere;flex:1;min-width:0;margin:0;padding-top:6px;padding-bottom:6px}.mode-notice__title{margin:0 0 var(--space-1);font-weight:700}.mode-notice__list{margin:0;padding:0;list-style:none}.mode-notice__line{margin:0}.mode-notice__hint{margin:var(--space-1)0 0;color:var(--ink-muted)}.mode-notice__close{border-radius:var(--radius-md);width:44px;height:44px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:-6px -6px -6px 0;padding:0;display:inline-flex}.mode-notice__close:hover{color:var(--txc)}.mode-notice__close:focus-visible{color:var(--txc)}.mode-notice__close:focus-visible{outline:2px solid var(--acc);outline-offset:2px}