@layer reset,base;@layer components{.hw-toaster{inset:var(--hw-space-4) var(--hw-space-4) auto;color:inherit;block-size:auto;inline-size:auto;z-index:var(--hw-z-toast);pointer-events:none;background:0 0;border:0;justify-items:center;margin:0;padding:0;display:grid;position:fixed;overflow:visible}.hw-toaster[popover]:not(:popover-open){display:grid}.hw-toaster__region{gap:var(--hw-space-2);justify-items:center;inline-size:100%;display:grid}.hw-toaster__region+.hw-toaster__region>.hw-toast:first-of-type{margin-block-start:var(--hw-space-2)}.hw-toast{--hw-toast-c:var(--hw-info);pointer-events:auto;align-items:start;gap:var(--hw-space-3);inline-size:100%;max-inline-size:480px;padding:var(--hw-space-3) var(--hw-space-4);border-radius:var(--hw-radius-md);background:var(--hw-bg-elevated);color:var(--hw-ink);box-shadow:var(--hw-shadow-2);border:1px solid var(--hw-line);border-inline-start:4px solid var(--hw-toast-c);animation:hw-rise var(--hw-motion-slow) var(--hw-ease) both;grid-template-columns:auto minmax(0,1fr) auto;padding-inline-end:var(--hw-space-2);display:grid}.hw-toast--success{--hw-toast-c:var(--hw-success)}.hw-toast--warning{--hw-toast-c:var(--hw-warning)}.hw-toast--error{--hw-toast-c:var(--hw-danger)}.hw-toast--neutral{--hw-toast-c:var(--hw-ink-2)}.hw-toast__icon{color:var(--hw-toast-c);padding-block-start:var(--hw-space-1)}.hw-toast__content{gap:var(--hw-space-1);padding-block:var(--hw-space-1);display:grid}.hw-toast__text{font-weight:var(--hw-weight-semibold)}.hw-toast__helper{color:var(--hw-ink-2);font-size:var(--hw-text-sm)}.hw-toast__actions{gap:var(--hw-space-1) var(--hw-space-4);flex-wrap:wrap;display:flex}.hw-toast__action{color:var(--hw-brand-text);font-weight:var(--hw-weight-semibold);min-block-size:var(--hw-touch);cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;padding-inline:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.hw-toast__action:hover{text-decoration-color:currentColor}.hw-toast__close{inline-size:var(--hw-touch);block-size:var(--hw-touch);border-radius:var(--hw-radius-sm);color:var(--hw-ink-3);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.hw-toast__close:hover{background:var(--hw-bg-muted);color:var(--hw-ink)}@media (width<=599px){.hw-toast__actions{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.hw-toast{animation:none}}}@layer utilities;
