.announce{z-index:3;background:var(--color-orange);color:var(--color-ink);padding-top:env(safe-area-inset-top,0px);position:relative}.announce[data-style=info]{background:var(--color-purple);color:#fff}.announce-in{width:min(1120px,100%);padding:8px var(--gutter);justify-content:center;align-items:center;gap:8px;margin-inline:auto;display:flex}.announce-text{font:500 14px/1.45 var(--font-body);text-align:center;flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:6px 12px;margin:0;display:flex}.announce-text strong{font-weight:600}.announce-code{border-radius:var(--radius-control);min-height:32px;color:inherit;font:700 13px/1 var(--font-body);letter-spacing:.06em;cursor:pointer;background:#ffffff38;border:1.5px dashed;padding:2px 14px}.announce-code:hover{background:#ffffff5c}.announce-copied{font-size:13px;font-weight:600}.announce-ends{opacity:.85;font-size:13px}.announce-close{border-radius:var(--radius-control);width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.announce-close:hover{background:#00000014}.announce-close svg{width:18px;height:18px}.announce :focus-visible{outline:3px solid var(--color-ink);outline-offset:2px}.announce[data-style=info] :focus-visible{outline-color:#fff}.landing-head{z-index:2;position:relative}@media (max-width:480px){.announce-text{font-size:13px}}