.arb-alert,.arb-toast,.arb-toast-viewport{font-family:var(--font-family-body)}.arb-alert *,.arb-alert :after,.arb-alert :before,.arb-toast *,.arb-toast :after,.arb-toast :before,.arb-toast-viewport *,.arb-toast-viewport :after,.arb-toast-viewport :before{box-sizing:border-box}.arb-alert,.arb-toast{--alert-tone-bg:var(--alert-info-bg);--alert-tone-border:var(--alert-info-border);--alert-tone-icon:var(--alert-info-icon);display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:var(--space-sm);align-items:start;border-radius:var(--alert-radius);color:var(--alert-text)}.arb-alert--success,.arb-toast--success{--alert-tone-bg:var(--alert-success-bg);--alert-tone-border:var(--alert-success-border);--alert-tone-icon:var(--alert-success-icon)}.arb-alert--warning,.arb-toast--warning{--alert-tone-bg:var(--alert-warning-bg);--alert-tone-border:var(--alert-warning-border);--alert-tone-icon:var(--alert-warning-icon)}.arb-alert--danger,.arb-toast--danger{--alert-tone-bg:var(--alert-danger-bg);--alert-tone-border:var(--alert-danger-border);--alert-tone-icon:var(--alert-danger-icon)}.arb-alert{padding:var(--space-md);border:1px solid var(--alert-tone-border);background:var(--alert-tone-bg)}.arb-alert--dismissible,.arb-toast{grid-template-columns:1.5rem minmax(0,1fr) 2.75rem}.arb-alert__icon,.arb-toast__icon{display:inline-flex;width:1.5rem;height:1.5rem;color:var(--alert-tone-icon)}.arb-alert__icon svg,.arb-toast__icon svg{width:100%;height:100%}.arb-alert__content,.arb-toast__content{display:grid;min-width:0;gap:var(--space-2xs)}.arb-alert__title,.arb-toast__title{color:var(--alert-title);font:var(--font-weight-semibold) var(--font-size-small) /var(--line-height-small) var(--font-family-body)}.arb-alert__description,.arb-toast__description{color:var(--alert-text);font:var(--font-weight-regular) var(--font-size-small) /var(--line-height-small) var(--font-family-body);overflow-wrap:anywhere}.arb-alert__description :where(p,ul,ol),.arb-toast__description :where(p,ul,ol){margin:0}.arb-alert__close,.arb-toast__close{appearance:none;display:inline-grid;width:2.75rem;height:2.75rem;margin:calc(var(--space-xs) * -1);padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--alert-close);cursor:pointer;place-items:center;touch-action:manipulation;transition:background-color .14s ease,color .14s ease}.arb-alert__close svg,.arb-toast__close svg{width:1.25rem;height:1.25rem}.arb-alert__close:focus-visible,.arb-toast__close:focus-visible{outline:2px solid var(--alert-focus);outline-offset:2px}@media (hover:hover){.arb-alert__close:hover,.arb-toast__close:hover{background:var(--alert-close-hover);color:var(--alert-title)}}.arb-alert__close:active,.arb-toast__close:active{background:var(--alert-close-active)}.arb-toast-viewport{position:fixed;z-index:var(--alert-toast-z-index);top:var(--space-lg);right:var(--space-lg);display:grid;width:min(var(--alert-toast-width),calc(100vw - 3rem));gap:var(--space-sm);pointer-events:none}.arb-toast{padding:var(--space-md);border:1px solid var(--alert-tone-border);background:var(--alert-toast-bg);box-shadow:var(--alert-toast-shadow);pointer-events:auto;animation:arb-toast-enter .22s cubic-bezier(.22,1,.36,1)}@keyframes arb-toast-enter{0%{opacity:0;transform:translateY(-.5rem)}}@media (max-width:520px){.arb-toast-viewport{top:var(--space-md);right:var(--space-md);left:var(--space-md);width:auto}}@media (prefers-reduced-motion:reduce){.arb-alert__close,.arb-toast,.arb-toast__close{transition:none;animation:none}}@media (forced-colors:active){.arb-alert,.arb-toast{border-color:CanvasText}.arb-alert__icon,.arb-toast__icon{color:CanvasText}}