@layer properties,theme,base;@layer components{.hw-toasts{bottom:calc(1rem + env(safe-area-inset-bottom) + var(--hw-toast-offset,0px));z-index:1000;pointer-events:none;flex-direction:column-reverse;align-items:center;gap:.5rem;width:min(26rem,100vw - 2rem);display:flex;position:fixed;left:50%;translate:-50%}.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;pointer-events:auto;border:var(--hw-hairline,1px) solid var(--_hw-line);border-radius:var(--hw-corner-sm,var(--radius-sm));max-width:100%;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-text{grid-column:2}.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 var(--_hw-toast-from,.5rem)}}@media (width<=40rem){.hw-toasts{align-items:stretch}.hw-toasts[data-place=top]{--_hw-toast-from:-.5rem;flex-direction:column;top:1rem;bottom:auto}}@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)}}:is(.hw-choice,.hw-segmented,.hw-icon-button){--_hw-chosen:var(--color-teal-dark);--_hw-on-chosen:var(--color-white)}@scope([data-theme=dark]) to ([data-theme=light]){:is(.hw-choice,.hw-segmented,.hw-icon-button){--_hw-chosen:var(--color-teal-night);--_hw-on-chosen:var(--color-night)}}.hw-segmented{box-sizing:border-box;border:var(--hw-hairline,1px) solid var(--hw-segment-line,color-mix(in srgb, var(--color-ink) 70%, var(--color-bg)));border-radius:var(--hw-corner-sm,var(--radius-sm));font-size:var(--text-ui,var(--type-small-size));background:var(--color-bg);align-items:stretch;padding:.125rem;display:inline-flex}.hw-segmented>:is(a,button){border-radius:var(--hw-corner-sm,var(--radius-sm));padding:var(--hw-segment-pad,.25rem .5rem);font:inherit;letter-spacing:inherit;text-transform:inherit;white-space:nowrap;color:color-mix(in srgb, var(--color-ink) 70%, transparent);cursor:pointer;background:0 0;border:0;align-items:center;text-decoration:none;display:flex}.hw-segmented>:is(a,button)>svg{flex:none;width:1.25em;height:1lh}.hw-segmented>:is(a,button):hover{color:var(--color-ink);background:color-mix(in srgb, var(--color-ink) 7%, var(--color-bg))}.hw-segmented>:is([aria-current]:not([aria-current=false]),[aria-pressed=true],[data-active=true]),.hw-segmented>:is([aria-current]:not([aria-current=false]),[aria-pressed=true],[data-active=true]):hover{color:var(--_hw-on-chosen);background:var(--_hw-chosen)}.hw-segmented>.hw-label{align-items:center;padding:0 .25rem 0 .375rem;display:flex}@scope([data-theme=dark]) to ([data-theme=light]){.hw-segmented{border-color:var(--hw-segment-line,color-mix(in srgb, var(--color-night-ink) 40%, var(--color-night)));background:var(--color-night)}.hw-segmented>:is(a,button){color:color-mix(in srgb, var(--color-night-ink) 70%, transparent)}.hw-segmented>:is(a,button):hover{color:var(--color-night-ink);background:var(--color-night-2)}}.hw-label{font-family:var(--hw-label-family,var(--type-label-family));font-size:var(--hw-label-size,var(--type-label-size));font-weight:var(--type-label-weight);line-height:var(--type-label-line-height);letter-spacing:var(--type-label-tracking);text-transform:var(--type-label-case);color:var(--color-label-text)}.hw-label :where(button,select):not([class]){font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;background:0 0;border:0;padding:0}.hw-label button:not([class],:disabled){cursor:pointer}.hw-label button:not([class],:disabled):hover{color:var(--color-ink)}.hw-label[data-tone=muted]{color:var(--hw-muted,var(--color-muted))}.hw-label[data-tone=ink]{color:var(--color-ink)}.hw-label[data-hue=purple]{color:var(--color-purple)}.hw-label[data-hue=amber]{color:var(--color-amber-dark)}.hw-label[data-hue=green]{color:var(--color-green-dark)}.hw-label[data-hue=red]{color:var(--color-red)}:where(.hw-status,.hw-callout,.hw-card[data-variant=tint]) .hw-label[data-hue=amber]{color:color-mix(in srgb, var(--color-amber-dark) 70%, var(--color-ink))}:where(.hw-status,.hw-callout,.hw-card[data-variant=tint]) .hw-label[data-hue=green]{color:color-mix(in srgb, var(--color-green-dark) 70%, var(--color-ink))}:where(.hw-status,.hw-callout,.hw-card[data-variant=tint]) .hw-label[data-hue=red]{color:color-mix(in srgb, var(--color-red) 70%, var(--color-ink))}@scope([data-theme=dark]) to ([data-theme=light]){.hw-label button:not([class],:disabled):hover{color:var(--color-white)}.hw-label{color:var(--color-label-text-night)}.hw-label[data-tone=muted]{color:var(--color-night-muted)}.hw-label[data-tone=ink]{color:var(--color-night-ink)}.hw-label[data-hue=purple]{color:var(--color-purple-night)}.hw-label[data-hue=amber]{color:var(--color-amber)}.hw-label[data-hue=green]{color:var(--color-green)}.hw-label[data-hue=red]{color:var(--color-red-night)}}}@layer utilities;@media (width<=47.999rem){:root{--text-label:var(--text-small)}}