@layer arche.base;@layer arche.components{.arche-toaster{z-index:var(--arche-z-index-toast);width:min(24rem, calc(100vw - 2 * var(--arche-spacing-6)));border-radius:var(--arche-radius-lg);pointer-events:none;position:fixed;inset-block-end:calc(var(--arche-spacing-6) + env(safe-area-inset-bottom,0px));inset-inline-end:calc(var(--arche-spacing-6) + env(safe-area-inset-right,0px))}.arche-toaster__list{gap:var(--arche-spacing-3);pointer-events:auto;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.arche-toaster__list:empty{pointer-events:none}.arche-toaster__announcer{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.arche-toast{align-items:start;gap:var(--arche-spacing-3);padding:.875rem var(--arche-spacing-3) .875rem var(--arche-spacing-4);font:var(--arche-typography-body);color:var(--arche-color-text);background:var(--arche-color-surface-overlay);border-radius:var(--arche-radius-lg);box-shadow:var(--arche-elevation-overlay);animation:arche-toast-enter var(--arche-duration-base) var(--arche-easing-standard);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.arche-toast__icon{color:var(--arche-color-text-muted);margin-top:.1rem}.arche-toast[data-variant=info]>.arche-toast__icon{color:var(--arche-color-info)}.arche-toast[data-variant=success]>.arche-toast__icon{color:var(--arche-color-success)}.arche-toast[data-variant=warning]>.arche-toast__icon{color:var(--arche-color-warning)}.arche-toast[data-variant=danger]>.arche-toast__icon{color:var(--arche-color-danger)}.arche-toast__content{gap:.125rem;min-width:0;display:grid}.arche-toast__title{font-weight:var(--arche-font-weight-semibold);color:var(--arche-color-text-strong);margin:0}.arche-toast__description{color:var(--arche-color-text-muted);margin:0}.arche-toast__actions{gap:var(--arche-spacing-3);flex-wrap:wrap;padding-block-start:var(--arche-spacing-1);display:flex}.arche-toast__dismiss{margin-block:-.25rem}@keyframes arche-toast-enter{0%{opacity:0;translate:0 .5rem}}@keyframes arche-toast-enter-top{0%{opacity:0;translate:0 -.5rem}}@media (width<40rem){.arche-toaster{inset-block:calc(var(--arche-spacing-4) + env(safe-area-inset-top,0px)) auto;inset-inline:var(--arche-spacing-4);width:auto}.arche-toaster__list{flex-direction:column-reverse}.arche-toast{animation-name:arche-toast-enter-top}}@media (prefers-reduced-motion:reduce){.arche-toast{animation:none}}@media (forced-colors:active){.arche-toast{border:1px solid canvastext}}}