@layer properties,theme,base;@layer components{.hw-toasts{z-index:1000;flex-direction:column;gap:.5rem;width:min(26rem,100vw - 2rem);display:flex;position:fixed;top:1rem;right:1rem}.hw-toast{--_hw-ground:var(--background,var(--color-white));--_hw-text:var(--foreground,var(--color-ink));--_hw-line:var(--border,var(--color-border));--_hw-tone:var(--color-teal-dark);--_hw-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");box-sizing:border-box;border:var(--hw-hairline,1px) solid var(--_hw-line);border-radius:var(--hw-corner-sm,var(--radius-sm));color:var(--_hw-text);background:var(--_hw-ground);box-shadow:var(--shadow-overlay);font-size:var(--hw-form-small,var(--type-small-size));font-weight:500;line-height:var(--type-small-line-height);overflow-wrap:anywhere;transition:opacity var(--motion-fast);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:0 .5rem;padding:.625rem .5rem .625rem .75rem;display:grid}.hw-toast:before{background:var(--_hw-tone);content:"";width:1.25em;height:1lh;mask:var(--_hw-icon) center / 1.125em no-repeat}.hw-toast[data-tone=success]{--_hw-tone:color-mix(in srgb, var(--color-green-dark) 70%, var(--color-ink));--_hw-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}.hw-toast[data-tone=warning]{--_hw-tone:color-mix(in srgb, var(--color-amber-dark) 70%, var(--color-ink));--_hw-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.7 18-8-14a2 2 0 0 0-3.5 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3Z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E")}.hw-toast[data-tone=error]{--_hw-tone:color-mix(in srgb, var(--color-red) 70%, var(--color-ink));--_hw-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4M12 16h.01'/%3E%3C/svg%3E");border-color:color-mix(in srgb, var(--_hw-tone) 70%, transparent);background:color-mix(in srgb, var(--_hw-tone) 7%, var(--_hw-ground))}.hw-toast-action{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;grid-column:2;justify-self:start;margin-top:.25rem;padding:0;font-weight:600;text-decoration:underline}.hw-toast-close{width:1.5em;height:1lh;color:inherit;font:inherit;cursor:pointer;opacity:.7;background:currentColor;border:0;grid-area:1/3;padding:0;position:relative;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") 50%/1em no-repeat}.hw-toast-close:before{content:"";position:absolute;inset:-.75rem}.hw-toast-close:hover{opacity:1}@media (prefers-reduced-motion:no-preference){.hw-toast{animation:hw-toast-in var(--motion-fast)}}@keyframes hw-toast-in{0%{opacity:0;translate:0 -.5rem}}@media (width<=40rem){.hw-toasts:not([data-place=top]){top:auto;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom) + var(--hw-toast-offset,0px));flex-direction:column-reverse}}@scope([data-theme=dark]) to ([data-theme=light]){.hw-toast{--_hw-ground:var(--background,color-mix(in srgb, white 7%, var(--color-night)));--_hw-text:var(--foreground,var(--color-night-ink));--_hw-line:var(--border,#ffffff26);--_hw-tone:var(--color-teal-night)}.hw-toast[data-tone=success]{--_hw-tone:var(--color-green)}.hw-toast[data-tone=warning]{--_hw-tone:var(--color-amber)}.hw-toast[data-tone=error]{--_hw-tone:var(--color-red-night)}}}@layer utilities;