.page-state{flex-direction:column;gap:1.5rem;max-width:46rem;display:flex}.page-state-line{color:var(--ds-ink-soft);font-size:max(var(--read-floor,0px), .875rem);line-height:1.25rem}.page-state-box{align-items:flex-start;gap:.75rem}.page-state-box svg{color:var(--ds-ink-soft)}.page-state-message{flex-direction:column;gap:.75rem;display:flex}.page-state .page-state-box>h2,.page-state .page-state-message>h2{color:var(--ds-ink);text-wrap:balance;margin:0;font-size:1.125rem;font-weight:600;line-height:1.5rem}.page-state .page-state-box>p,.page-state .page-state-message>p{max-width:62ch;color:var(--ds-ink-soft);font-size:max(var(--read-floor,0px), 1rem);margin:0;line-height:1.5rem}.page-state-box>.ds-button{margin-top:.5rem}.page-state .page-state-box>.page-state-links{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:.5rem;display:flex}.page-state .page-state-links>a{min-height:44px}
.toasts{z-index:var(--overlay-popup,1200);inset:auto 1rem calc(5.5rem + env(safe-area-inset-bottom)) 1rem;pointer-events:none;gap:.5rem;margin:0;padding:0;list-style:none;display:grid;position:fixed}@media (min-width:1024px){.toasts{width:min(26rem,100vw - 3rem);inset:auto auto 1.5rem 1.5rem}}.toast{border:1px solid var(--border);border-radius:var(--radius-card);color:var(--ink);font-size:max(var(--read-floor), .875rem);pointer-events:auto;background:#fff;align-items:flex-start;gap:.75rem;padding:.75rem .75rem .75rem 1rem;line-height:1.4;display:flex;box-shadow:0 1px 4px #00000014}.toast>svg{color:var(--forest);flex:none;margin-top:.0625rem}.toast-text{overflow-wrap:anywhere;flex:1;min-width:0}.toast-close{width:2.75rem;height:2.75rem;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:.5rem;flex:none;place-items:center;margin:-.5rem -.25rem -.5rem 0;display:grid}.toast-close:hover{background:var(--forest-faint)}@media (prefers-reduced-motion:no-preference){.toast{animation:.2s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}}}
