@keyframes top-message-enter{0%{opacity:0;transform:translate(-50%,calc(-.75rem - 6px))}to{opacity:1;transform:translate(-50%)}}.top-message{align-items:center;border-radius:var(--radius-subtle);box-sizing:border-box;color:#fff;display:flex;gap:var(--space-2);left:50%;line-height:var(--line-height-normal);max-width:min(36rem,calc(100vw - (2 * var(--gutter))));padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);position:fixed;top:calc(env(safe-area-inset-top, 0px) + var(--logo-h, 96px) + var(--space-3));transform:translateX(-50%);width:max-content;z-index:var(--z-toast);box-shadow:0 8px 28px rgb(0 0 0/14%);animation:top-message-enter var(--anim-duration-normal,.35s) var(--anim-timing-ease-out,ease-out) backwards}@media (prefers-reduced-motion:reduce){.top-message{animation:none;opacity:1;transform:translateX(-50%)}}.top-message--danger{background:var(--color-accent)}.top-message--info{background:var(--color-sage-subdued)}.top-message--success{background:#3f7d4f}.top-message__icon{flex:0 0 auto;font-size:1.1rem}.top-message__body{flex:1 1 auto;min-width:0;font-size:var(--text-sm);font-weight:var(--font-weight-bold)}.top-message__close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:-4px -6px -4px 0;padding:0;border:none;border-radius:var(--radius-subtle);background:transparent;color:inherit;cursor:pointer;opacity:.88;transition:opacity var(--anim-fast),background var(--anim-fast)}.top-message__close:focus-visible,.top-message__close:hover{opacity:1;background:rgb(0 0 0/14%)}.top-message__close:focus-visible{outline:2px solid rgb(255 255 255/55%);outline-offset:2px}.top-message__close i{font-size:1rem;line-height:1}@media (max-width:600px){.top-message{align-items:center;width:calc(100vw - (2 * var(--gutter)));max-width:none}}