.ann{display:block;background:var(--ink-900);color:#fff;font-size:var(--fs-xs);position:relative;z-index:40}
.ann__inner{display:flex;align-items:center;justify-content:center;min-height:38px;gap:var(--s4);position:relative}
.ann__stage{position:relative;flex:1;display:grid;place-items:center;min-height:38px}
.ann__item{grid-area:1/1;display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(5px);
  transition:opacity 520ms var(--ease-out),transform 520ms var(--ease-out);
  pointer-events:none;text-align:center;letter-spacing:.01em;color:var(--ink-200)}
.ann__item.is-on{opacity:1;transform:none}
.ann__item .icon{color:var(--vermilion-500);flex:0 0 auto}
.ann__close{position:absolute;right:0;color:var(--ink-400);padding:8px;border-radius:50%;
  transition:color var(--d-ui) var(--ease-out),background-color var(--d-ui) var(--ease-out)}
.ann__close:hover{color:#fff;background:rgba(255,255,255,.08)}
@media (max-width:600px){.ann__close{display:none}.ann__item{font-size:11px}}