.overlay-state{--ov-st:var(--color-border-strong);--ov-text:var(--color-text);--ov-line:var(--color-accent);--ov-fill:var(--color-accent-subtle);--ov-ink:var(--color-accent-text);--ov-on:var(--color-on-accent)}.overlay-state[data-state=accent]{--ov-st:var(--color-accent);--ov-text:var(--color-accent-text)}.overlay-state[data-state=info]{--ov-st:var(--color-info);--ov-text:var(--color-info-text);--ov-line:var(--color-info);--ov-fill:var(--color-info-subtle);--ov-ink:var(--color-info-text)}.overlay-state[data-state=warning]{--ov-st:var(--color-warning);--ov-text:var(--color-warning-text);--ov-line:var(--color-warning);--ov-fill:var(--color-warning-subtle);--ov-ink:var(--color-warning-text);--ov-on:var(--color-on-warning)}.overlay-state[data-state=error]{--ov-st:var(--color-danger);--ov-text:var(--color-danger-text);--ov-line:var(--color-danger);--ov-fill:var(--color-danger-subtle);--ov-ink:var(--color-danger-text)}.overlay-state[data-state=success]{--ov-st:var(--color-success);--ov-text:var(--color-success-text);--ov-line:var(--color-success);--ov-fill:var(--color-success-subtle);--ov-ink:var(--color-success-text);--ov-on:var(--color-on-success)}.overlay-state[data-state=ai]{--ov-st:var(--color-ai-text);--ov-text:var(--color-ai-text);--ov-line:var(--color-ai-text);--ov-fill:color-mix(in srgb, var(--color-ai-text) 14%, var(--color-surface));--ov-ink:var(--color-ai-text);--ov-wash-from:var(--ai-grad-from);--ov-wash-to:var(--ai-grad-to)}.overlay-state:not([data-state=default]){--wash:color-mix(in srgb, var(--ov-wash-from,var(--ov-st)) var(--wash-strong), transparent);--wash-soft:color-mix(in srgb, var(--ov-wash-to,var(--ov-st)) var(--wash-weak), transparent);--input-focus-hue:var(--ov-st);--input-border-hue:color-mix(in srgb, var(--ov-st) 40%, transparent);--field-fill:var(--field-fill-translucent);--field-fill-disabled:var(--field-fill-disabled-translucent)}.overlay-state .overlay-footer-start,.overlay-state .overlay-footer-end{--ovf-line:var(--ov-line);--ovf-fill:var(--ov-fill);--ovf-text:var(--ov-ink)}.overlay-footer-start,.overlay-footer-end{--ovf-line:var(--color-accent);--ovf-fill:var(--color-accent-subtle);--ovf-text:var(--color-accent-text)}.overlay-footer-end.overlay-footer-end button{--btn-focus-hue:var(--ovf-line)}.overlay-footer-start.overlay-footer-start button{--btn-focus-hue:var(--color-text-subtle)}.overlay-footer-end.overlay-footer-end button:not(:disabled){background:var(--ovf-fill);border-color:color-mix(in srgb, var(--ovf-line) 55%, transparent);color:var(--ovf-text)}.overlay-footer-end.overlay-footer-end button:not(:disabled):hover,.overlay-footer-end.overlay-footer-end button:not(:disabled):focus-visible{background:color-mix(in srgb, var(--ovf-line) 22%, var(--ovf-fill));border-color:var(--ovf-line);color:var(--ovf-text);filter:none}.overlay-footer-end.overlay-footer-end button:not(:disabled):focus-visible{border-color:#0000}.overlay-footer-end.overlay-footer-end button[aria-pressed=true]:not(:disabled){background:color-mix(in srgb, var(--ovf-line) 30%, var(--ovf-fill));border-color:var(--ovf-line);color:var(--ovf-text);filter:none}.overlay-footer-end.overlay-footer-end button:not(:disabled):active{background:color-mix(in srgb, var(--ovf-line) 38%, var(--ovf-fill));border-color:var(--ovf-line);color:var(--ovf-text);filter:none}.overlay-footer-end.overlay-footer-end button:disabled{background:var(--ovf-fill);border-color:color-mix(in srgb, var(--ovf-line) 55%, transparent);color:var(--ovf-text)}.overlay-footer-start.overlay-footer-start button:not(:disabled){color:var(--color-text-muted);background:0 0;border-color:#0000}.overlay-footer-start.overlay-footer-start button:not(:disabled):hover,.overlay-footer-start.overlay-footer-start button:not(:disabled):focus-visible{background:color-mix(in srgb, var(--color-text) 8%, transparent);filter:none;color:var(--color-text);border-color:#0000}.overlay-footer-start.overlay-footer-start button[aria-pressed=true]:not(:disabled){background:color-mix(in srgb, var(--color-text) 12%, transparent);color:var(--color-text);filter:none;border-color:#0000}.overlay-footer-start.overlay-footer-start button:not(:disabled):active{background:color-mix(in srgb, var(--color-text) 16%, transparent);color:var(--color-text);filter:none;border-color:#0000}.overlay-footer-start.overlay-footer-start button:disabled{color:var(--color-text-muted);background:0 0;border-color:#0000}.overlay-state[data-state=ai] .overlay-footer-end.overlay-footer-end button{--btn-focus-hue:var(--color-ai-text)}.overlay-state[data-state=ai] .overlay-footer-end.overlay-footer-end button:not(:disabled){color:var(--color-ai-text);background:linear-gradient(var(--color-surface), var(--color-surface)) padding-box, linear-gradient(90deg, var(--ai-grad-from), var(--ai-grad-to)) border-box;border-color:#0000}.overlay-state[data-state=ai] .overlay-footer-end.overlay-footer-end button:not(:disabled):hover,.overlay-state[data-state=ai] .overlay-footer-end.overlay-footer-end button:not(:disabled):focus-visible{color:var(--color-ai-text);background:linear-gradient(90deg, color-mix(in srgb, var(--ai-grad-from) 12%, var(--color-surface)), color-mix(in srgb, var(--ai-grad-to) 12%, var(--color-surface))) padding-box, linear-gradient(90deg, var(--ai-grad-from), var(--ai-grad-to)) border-box;border-color:#0000}.overlay-state[data-state=ai] .overlay-footer-end.overlay-footer-end button[aria-pressed=true]:not(:disabled){color:var(--color-ai-text);background:linear-gradient(90deg, color-mix(in srgb, var(--ai-grad-from) 16%, var(--color-surface)), color-mix(in srgb, var(--ai-grad-to) 16%, var(--color-surface))) padding-box, linear-gradient(90deg, var(--ai-grad-from), var(--ai-grad-to)) border-box;border-color:#0000}.overlay-state[data-state=ai] .overlay-footer-end.overlay-footer-end button:not(:disabled):active{color:var(--color-ai-text);background:linear-gradient(90deg, color-mix(in srgb, var(--ai-grad-from) 20%, var(--color-surface)), color-mix(in srgb, var(--ai-grad-to) 20%, var(--color-surface))) padding-box, linear-gradient(90deg, var(--ai-grad-from), var(--ai-grad-to)) border-box;border-color:#0000}@supports (mask-composite:exclude) or (-webkit-mask-composite:xor){.overlay-state[data-state=ai] .overlay-footer-end.overlay-footer-end button:focus-visible{outline:none}.overlay-state[data-state=ai] .overlay-footer-end.overlay-footer-end button:not(:disabled):focus-visible{background:linear-gradient(90deg, color-mix(in srgb, var(--ai-grad-from) 12%, var(--color-surface)), color-mix(in srgb, var(--ai-grad-to) 12%, var(--color-surface))) border-box}.overlay-state[data-state=ai] .overlay-footer-end.overlay-footer-end button:focus-visible:after{content:"";inset:calc(-1 * var(--focus-ring-width));border:var(--focus-ring-width) solid transparent;border-radius:calc(var(--radius-control) + var(--focus-ring-width));background:linear-gradient(90deg, var(--ai-grad-from), var(--ai-grad-to)) border-box;opacity:var(--focus-ring-strength);pointer-events:none;-webkit-mask-composite:xor;position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}}.overlay-state[data-state=ai] .overlay-footer-end.overlay-footer-end button:disabled{color:var(--color-ai-text);background:linear-gradient(var(--color-surface), var(--color-surface)) padding-box, linear-gradient(90deg, var(--ai-grad-from), var(--ai-grad-to)) border-box;border-color:#0000}.overlay-state[data-state=ai] .overlay-footer-start.overlay-footer-start button:not(:disabled){color:var(--color-text-muted);background:0 0;border-color:#0000}.overlay-state[data-state=ai] .overlay-footer-start.overlay-footer-start button:not(:disabled):hover,.overlay-state[data-state=ai] .overlay-footer-start.overlay-footer-start button:not(:disabled):focus-visible{background:linear-gradient(90deg, color-mix(in srgb, var(--ai-grad-from) 12%, transparent), color-mix(in srgb, var(--ai-grad-to) 12%, transparent))}.overlay-state[data-state=ai] .overlay-footer-start.overlay-footer-start button[aria-pressed=true]:not(:disabled){background:linear-gradient(90deg, color-mix(in srgb, var(--ai-grad-from) 16%, transparent), color-mix(in srgb, var(--ai-grad-to) 16%, transparent))}.overlay-state[data-state=ai] .overlay-footer-start.overlay-footer-start button:not(:disabled):active{background:linear-gradient(90deg, color-mix(in srgb, var(--ai-grad-from) 20%, transparent), color-mix(in srgb, var(--ai-grad-to) 20%, transparent))}.overlay-state[data-state=ai] .overlay-footer-start.overlay-footer-start button:disabled{color:var(--color-text-muted);background:0 0;border-color:#0000}.overlay-footer-start.overlay-footer-start button[data-footer-action]:not(:disabled){border-color:color-mix(in srgb, var(--ovf-line) 55%, transparent);color:var(--ovf-text);background:0 0}.overlay-footer-start.overlay-footer-start button[data-footer-action]:not(:disabled):hover,.overlay-footer-start.overlay-footer-start button[data-footer-action]:not(:disabled):focus-visible{background:color-mix(in srgb, var(--ovf-line) 12%, transparent);border-color:var(--ovf-line);color:var(--ovf-text)}.overlay-footer-start.overlay-footer-start button[data-footer-action]:not(:disabled):active{background:color-mix(in srgb, var(--ovf-line) 22%, transparent);border-color:var(--ovf-line);color:var(--ovf-text)}.overlay-footer-start.overlay-footer-start button[data-footer-action]{--btn-focus-hue:var(--ovf-line)}.overlay-footer-end.overlay-footer-end button[data-footer-tone=danger]{--ovf-line:var(--color-danger);--ovf-fill:transparent;--ovf-text:var(--color-danger-text)}