@antadesign/anta 0.3.34 → 0.3.35

package/dist/jsx-runtime.d.ts

@@ -14,35 +14,51 @@ type UseRef = <T>(initial: T) => {
 type UseLayoutEffect = (effect: () => void | (() => void), deps?: unknown[]) => void;
 type UseSyncExternalStore = <T>(subscribe: (onChange: () => void) => () => void, getSnapshot: () => T, getServerSnapshot?: () => T) => T;
 declare let _Fragment: ComponentType;
+/** Renderer hooks used by Anta wrappers. Pass the runtime's hooks object to
+ * `configure()`. Only hooks used by the rendered components need to be present. */
+export interface RendererHooks {
+    useState?: UseState;
+    useId?: UseId;
+    useMemo?: UseMemo;
+    useRef?: UseRef;
+    useLayoutEffect?: UseLayoutEffect;
+    useSyncExternalStore?: UseSyncExternalStore;
+}
+/** Renderer behavior configured before mounting components. */
+export interface RendererOptions {
+    /** Enable the browser event-prop workaround when hydrating server-rendered
+     * HTML. Handlers attach after the first browser commit. Omit or pass `false`
+     * for immediate forwarding without listener hooks or an extra mount render.
+     * Server and worker projections without `window` always forward immediately.
+     * @defaultValue false */
+    hydratingEvents?: boolean;
+}
+/** @internal Read the hydration option without exposing mutable configuration. */
+export declare function hydratingEventsEnabled(): boolean;
 /**
- * Swap the underlying JSX factory (and, optionally, the hooks) used by all anta
- * components.
+ * Configure the JSX factory, fragment, and hooks before rendering Anta components.
+ * Client-rendered React and Preact with React compatibility aliases need no setup.
  *
- * Not needed for React or Preact-with-compat — those work automatically. Call this
- * before rendering any anta components when using Preact without compat aliasing,
- * or a custom JSX runtime. Pass `hooks` when your runtime's hooks don't resolve via
- * the `react` specifier (the stateful wrappers — `RadioGroup`, `Calendar`,
- * `InputDate` — need `useState` / `useId` / `useMemo`); omit it and they default
- * to whatever `react` resolves to.
+ * Pass your runtime's hooks object as a whole. It replaces the previous object;
+ * omitted hooks never fall back to another renderer. A missing hook reports an
+ * error when a component uses it. Omitting the object restores React's hooks.
+ * Configure the same package entry in each process or thread that renders JSX.
+ * Set `options.hydratingEvents` to `true` in the browser entry before hydrating
+ * server-rendered HTML. Client-only apps and worker renderers forward event
+ * subscriptions immediately by default, including workers with a `window` shim.
+ * Each call resets the option to `false` when omitted. Configure before mounting;
+ * keep the option unchanged for a mounted tree.
  *
- * @example Preact without compat
+ * @example Custom renderer
  * ```ts
  * import { configure } from '@antadesign/anta'
  * import { h, Fragment } from 'preact'
- * import { useState, useId, useMemo } from 'preact/hooks'
- * configure(h, Fragment, { useState, useId, useMemo })
+ * import * as hooks from 'preact/hooks'
+ * configure(h, Fragment, hooks)
  * ```
  */
-export declare function configure(jsx: JsxFunction, Fragment?: ComponentType, hooks?: {
-    useState?: UseState;
-    useId?: UseId;
-    useMemo?: UseMemo;
-    useRef?: UseRef;
-    useLayoutEffect?: UseLayoutEffect;
-    useSyncExternalStore?: UseSyncExternalStore;
-}): void;
-/** Hooks indirection so wrappers depend on the configured renderer, not a hard
- *  `import … from 'react'`. Call these exactly like the React hooks. */
+export declare function configure(jsx: JsxFunction, Fragment?: ComponentType, hooks?: RendererHooks, options?: RendererOptions): void;
+/** Hooks delegate to the object supplied to `configure()`, or React by default. */
 export declare function useState<S>(initial: S | (() => S)): [S, (next: S | ((prev: S) => S)) => void];
 export declare function useId(): string;
 export declare function useMemo<T>(factory: () => T, deps: unknown[]): T;
@@ -50,11 +66,14 @@ export declare function useRef<T>(initial: T): {
     current: T;
 };
 export declare function useLayoutEffect(effect: () => void | (() => void), deps?: unknown[]): void;
+/** @internal Optional browser cleanup for presets that also support runtimes
+ * without lifecycle hooks. Configure hooks before mounting and keep them stable. */
+export declare function useOptionalClientLayoutEffect(effect: () => void | (() => void), deps?: unknown[]): void;
 export declare function useSyncExternalStore<T>(subscribe: (onChange: () => void) => () => void, getSnapshot: () => T, getServerSnapshot?: () => T): T;
 export declare function jsx(type: ComponentType, props: Record<string, unknown> | null, key?: string | number): unknown;
 export declare function jsxs(type: ComponentType, props: Record<string, unknown> | null, key?: string | number): unknown;
 export { _Fragment as Fragment };
-import type { AAvatarAttributes, AProgressAttributes, ALoaderAttributes, ATextAttributes, ABoxAttributes, ACaptureAttributes, APanelAttributes, ATitleAttributes, ATagAttributes, AExpanderAttributes, AIconAttributes, AButtonAttributes, ACopyAttributes, ACheckboxAttributes, ASwitchAttributes, ATooltipAttributes, AInputAttributes, ASliderAttributes, AInputTimeAttributes, ACalendarAttributes, ARadioAttributes, ARadioGroupAttributes, AMenuAttributes, AMenuItemAttributes, AMenuGroupAttributes, ATabsAttributes, ATabAttributes, ATabpanelAttributes, ADialogAttributes, ACardAttributes, ABannerAttributes, AToasterAttributes, AToastAttributes, BaseAttributes } from './general_types';
+import type { AAvatarAttributes, AProgressAttributes, ALoaderAttributes, ATextAttributes, ATextContentAttributes, ABoxAttributes, ACaptureAttributes, APanelAttributes, ATitleAttributes, ATagAttributes, AExpanderAttributes, AExpanderSummaryAttributes, AExpanderIndicatorAttributes, AIconAttributes, AButtonAttributes, ACopyAttributes, ACheckboxAttributes, ASwitchAttributes, ATooltipAttributes, AInputAttributes, ASliderAttributes, AInputTimeAttributes, ACalendarAttributes, ARadioAttributes, ARadioGroupAttributes, AMenuAttributes, AMenuItemAttributes, AMenuGroupAttributes, ATabsAttributes, ATabAttributes, ATabpanelAttributes, ADialogAttributes, ACardAttributes, ABannerAttributes, AToasterAttributes, AToastAttributes, BaseAttributes } from './general_types';
 export declare namespace JSX {
     interface IntrinsicElements extends React.JSX.IntrinsicElements, AntaIntrinsicElements {
     }
@@ -70,6 +89,7 @@ export interface AntaIntrinsicElements {
     'a-progress-text': BaseAttributes;
     'a-progress-hint': BaseAttributes;
     'a-text': ATextAttributes;
+    'a-text-content': ATextContentAttributes;
     'a-box': ABoxAttributes;
     'a-capture': ACaptureAttributes;
     'a-panel': APanelAttributes;
@@ -78,7 +98,10 @@ export interface AntaIntrinsicElements {
     'a-tag-label': BaseAttributes;
     'a-tag-value': BaseAttributes;
     'a-expander': AExpanderAttributes;
-    'a-expander-summary': BaseAttributes;
+    'a-expander-summary': AExpanderSummaryAttributes;
+    'a-expander-title': BaseAttributes;
+    'a-expander-actions': BaseAttributes;
+    'a-expander-indicator': AExpanderIndicatorAttributes;
     'a-expander-details': BaseAttributes;
     'a-icon': AIconAttributes;
     'a-button': AButtonAttributes;
@@ -94,8 +117,18 @@ export interface AntaIntrinsicElements {
     'a-switch-hint': BaseAttributes;
     'a-tooltip': ATooltipAttributes;
     'a-input': AInputAttributes;
+    'a-input-label': BaseAttributes;
+    'a-input-leading': BaseAttributes;
+    'a-input-clear': BaseAttributes;
+    'a-input-trailing': BaseAttributes;
+    'a-input-hint': BaseAttributes;
     'a-slider': ASliderAttributes;
     'a-input-time': AInputTimeAttributes;
+    'a-input-time-label': BaseAttributes;
+    'a-input-time-leading': BaseAttributes;
+    'a-input-time-clear': BaseAttributes;
+    'a-input-time-trailing': BaseAttributes;
+    'a-input-time-hint': BaseAttributes;
     'a-calendar': ACalendarAttributes;
     'a-radio': ARadioAttributes;
     'a-radio-group': ARadioGroupAttributes;
@@ -126,6 +159,7 @@ export interface AntaIntrinsicElements {
         open?: boolean | '';
     };
     'a-select-faceted-summary': BaseAttributes;
+    'a-select-faceted-text': BaseAttributes;
     'a-menu-group': AMenuGroupAttributes;
     'a-menu-group-label': BaseAttributes;
     'a-tabs': ATabsAttributes;
@@ -137,11 +171,24 @@ export interface AntaIntrinsicElements {
     'a-step-desc': BaseAttributes;
     'a-step-hint': BaseAttributes;
     'a-dialog': ADialogAttributes;
+    'a-dialog-close': BaseAttributes;
+    'a-dialog-footer': BaseAttributes;
     'a-card': ACardAttributes;
+    'a-card-layout': BaseAttributes;
     'a-card-icon-chip': BaseAttributes;
+    'a-card-footer': BaseAttributes;
+    'a-card-media': BaseAttributes;
+    'a-card-content': BaseAttributes;
+    'a-card-header': BaseAttributes;
+    'a-card-icon': BaseAttributes;
+    'a-card-title': BaseAttributes;
+    'a-card-body': BaseAttributes;
     'a-input-date-time-container': BaseAttributes;
     'a-banner': ABannerAttributes;
     'a-banner-message': BaseAttributes;
+    'a-banner-content': BaseAttributes;
+    'a-banner-actions': BaseAttributes;
+    'a-banner-close': BaseAttributes;
     'a-toaster': AToasterAttributes;
     'a-toast': AToastAttributes;
 }

package/dist/jsx-runtime.js

@@ -1,39 +1,44 @@
 import React from "react";
 let _jsx = React.createElement;
 let _Fragment = React.Fragment;
-let _useState = React.useState;
-let _useId = React.useId;
-let _useMemo = React.useMemo;
-let _useRef = React.useRef;
-let _useLayoutEffect = React.useLayoutEffect;
-let _useSyncExternalStore = React.useSyncExternalStore;
-function configure(jsx2, Fragment, hooks) {
+let _hooks = React;
+let _hydratingEvents = false;
+function hydratingEventsEnabled() {
+  return _hydratingEvents;
+}
+function configure(jsx2, Fragment, hooks = React, options = {}) {
   _jsx = jsx2;
   if (Fragment !== void 0) _Fragment = Fragment;
-  if (hooks?.useState) _useState = hooks.useState;
-  if (hooks?.useId) _useId = hooks.useId;
-  if (hooks?.useMemo) _useMemo = hooks.useMemo;
-  if (hooks?.useRef) _useRef = hooks.useRef;
-  if (hooks?.useLayoutEffect) _useLayoutEffect = hooks.useLayoutEffect;
-  if (hooks?.useSyncExternalStore) _useSyncExternalStore = hooks.useSyncExternalStore;
+  _hooks = hooks;
+  _hydratingEvents = options.hydratingEvents === true;
+}
+function rendererHook(name) {
+  const hook = _hooks[name];
+  if (typeof hook !== "function") {
+    throw new Error(`Anta: the configured renderer is missing ${name}. Pass its hooks object to configure().`);
+  }
+  return hook;
 }
 function useState(initial) {
-  return _useState(initial);
+  return rendererHook("useState")(initial);
 }
 function useId() {
-  return _useId();
+  return rendererHook("useId")();
 }
 function useMemo(factory, deps) {
-  return _useMemo(factory, deps);
+  return rendererHook("useMemo")(factory, deps);
 }
 function useRef(initial) {
-  return _useRef(initial);
+  return rendererHook("useRef")(initial);
 }
 function useLayoutEffect(effect, deps) {
-  return _useLayoutEffect(effect, deps);
+  return rendererHook("useLayoutEffect")(effect, deps);
+}
+function useOptionalClientLayoutEffect(effect, deps) {
+  if (typeof window !== "undefined") _hooks.useLayoutEffect?.(effect, deps);
 }
 function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-  return _useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+  return rendererHook("useSyncExternalStore")(subscribe, getSnapshot, getServerSnapshot);
 }
 function jsx(type, props, key) {
   const { children, ...rest } = props ?? {};
@@ -54,11 +59,13 @@ function jsxs(type, props, key) {
 export {
   _Fragment as Fragment,
   configure,
+  hydratingEventsEnabled,
   jsx,
   jsxs,
   useId,
   useLayoutEffect,
   useMemo,
+  useOptionalClientLayoutEffect,
   useRef,
   useState,
   useSyncExternalStore

package/dist/native-event-props.d.ts

@@ -0,0 +1,2 @@
+/** @internal Forward native event props without reading or referencing the DOM. */
+export declare function useNativeEventProps<T extends object>(events: T): Partial<T>;

package/dist/native-event-props.js

@@ -0,0 +1,10 @@
+import { hydratingEventsEnabled, useLayoutEffect, useState } from "./jsx-runtime";
+function useNativeEventProps(events) {
+  if (!hydratingEventsEnabled() || typeof window === "undefined") return events;
+  const [listening, setListening] = useState(false);
+  useLayoutEffect(() => setListening(true), []);
+  return listening ? events : {};
+}
+export {
+  useNativeEventProps
+};

package/dist/reset.css

@@ -1 +1 @@
-@layer base,anta,components,utilities;@layer anta.reset,anta.components,anta.theme;@layer anta.reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;font-variation-settings:inherit}:focus-visible{outline:1px solid var(--focus-ring);outline-offset:2px}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}html{color:var(--text-2);font-family:var(--sans-serif);line-height:calc(22 / 15);-webkit-tap-highlight-color:transparent}body{background:var(--bg-2)}h1,h2,h3,h4,h5,h6{color:var(--text-1);font-weight:584.62;letter-spacing:0}h1{font-size:28px;line-height:32px;margin-block:0 16px}h2{font-size:24px;line-height:28px;margin-block:32px 12px}h3{font-size:20px;line-height:24px;margin-block:24px 12px}h4{font-size:17px;line-height:20px;margin-block:20px 8px}h5{font-size:15px;line-height:20px;margin-block:16px 8px}h6{font-size:13px;line-height:16px;margin-block:16px 4px}b,strong{font-weight:600}dfn{font-style:normal;text-decoration:underline dotted;text-underline-offset:3px;text-decoration-color:color-mix(in oklch,currentColor 50%,transparent)}mark{color:color-mix(in oklch,black 90%,transparent);background-color:light-dark(hsl(55 100% 61.85%),hsl(55 100% 35%));border-radius:2px}del{color:var(--text-2-critical);text-decoration:line-through}ins{color:var(--text-2-success);text-decoration:none}var,dt{font-style:italic;font-weight:600}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}small,figcaption{font-size:calc(13em / 15)}figcaption{color:var(--text-3)}hr{border:0;border-block-start:1px solid var(--border-4)}code{font-family:var(--monospace);font-size:.933em;line-height:1em;color:inherit;background:light-dark(color-mix(in oklch,currentColor 6%,transparent),color-mix(in oklch,currentColor 10%,transparent));border:none;padding:.25em .4ch .2em;border-radius:3px}pre{padding:10px 1rem 6px;border:1px solid var(--border-5);border-radius:6px;background:var(--bg-3);color:var(--text-1);font-family:var(--monospace);font-size:13px;font-weight:440;line-height:20px;overflow-x:auto}pre code{background:none;padding:0;font:inherit;font-variation-settings:inherit}code,samp,pre{letter-spacing:0}p,ul,ol,blockquote,dl,pre,figure{margin-block-end:1rem}:is(p,ul,ol,blockquote,dl,pre,figure):last-child{margin-block-end:0}ul,ol{padding-left:3ch}:is(ul,ol)>li{margin-bottom:.5em}:is(ul,ol)>li::marker{color:var(--text-5)}blockquote{border-left:3px solid var(--text-5);padding-left:calc(2ch - 3px)}menu{list-style:none;padding:0;margin:0}menu>li{margin:0}a:not(:where([role=button])),a:not(:where([role=button])):link,a:not(:where([role=button])):visited{color:var(--link-color);text-decoration:underline;text-decoration-style:solid;text-decoration-color:color-mix(in srgb,currentColor 75%,transparent);text-decoration-thickness:.5px;text-underline-offset:3px}@media(hover:hover)and (pointer:fine){a:not(:where([role=button])):hover{color:var(--link-color-hover);text-decoration-thickness:1px}}a:not(:where([role=button])):active{text-decoration-color:color-mix(in srgb,currentColor 75%,transparent)}::selection{background:light-dark(color-mix(in oklch,var(--focus-ring) 20%,transparent),color-mix(in oklch,var(--focus-ring) 30%,transparent))}table{border-collapse:collapse;font-variant-numeric:lining-nums tabular-nums}caption{text-align:left;color:var(--text-3);padding-left:10px;margin-bottom:.25em}th,td{padding:5px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border-4)}thead th{font-weight:600}tfoot tr:last-child>:is(th,td),table:not(:has(tfoot)) tbody tr:last-child>:is(th,td){border-bottom:none}table[data-bordered]{border-collapse:separate;border-spacing:0;border:1px solid var(--border-4);border-radius:3px}table[data-bordered] :is(th,td){border-right:1px solid var(--border-4)}table[data-bordered] tr>:is(th,td):last-child{border-right:0}}
+@layer base,anta,components,utilities;@layer anta.reset,anta.components,anta.theme;@layer anta.reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;font-variation-settings:inherit}:focus-visible{outline:1px solid var(--focus-ring);outline-offset:2px}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}html{color:var(--text-2);font-family:var(--sans-serif);line-height:calc(22 / 15);-webkit-tap-highlight-color:transparent}body{background:var(--bg-2)}h1,h2,h3,h4,h5,h6{color:var(--text-1);font-weight:584.62;letter-spacing:0}h1{font-size:28px;line-height:32px;margin-block:0 16px}h2{font-size:24px;line-height:28px;margin-block:32px 12px}h3{font-size:20px;line-height:24px;margin-block:24px 12px}h4{font-size:17px;line-height:22px;margin-block:20px 8px}h5{font-size:15px;line-height:20px;margin-block:16px 8px}h6{font-size:13px;line-height:16px;margin-block:16px 4px}b,strong{font-weight:600}dfn{font-style:normal;text-decoration:underline dotted;text-underline-offset:3px;text-decoration-color:color-mix(in oklch,currentColor 50%,transparent)}mark{color:color-mix(in oklch,black 90%,transparent);background-color:light-dark(hsl(55 100% 61.85%),hsl(55 100% 35%));border-radius:2px}del{color:var(--text-2-critical);text-decoration:line-through}ins{color:var(--text-2-success);text-decoration:none}var,dt{font-style:italic;font-weight:600}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}small,figcaption{font-size:calc(13em / 15)}figcaption{color:var(--text-3)}hr{border:0;border-block-start:1px solid var(--border-4)}code{font-family:var(--monospace);font-size:.933em;line-height:1em;color:inherit;background:light-dark(color-mix(in oklch,currentColor 6%,transparent),color-mix(in oklch,currentColor 10%,transparent));border:none;padding:.25em .4ch .2em;border-radius:3px}pre{padding:10px 1rem 6px;border:1px solid var(--border-5);border-radius:6px;background:var(--bg-3);color:var(--text-1);font-family:var(--monospace);font-size:13px;font-weight:440;line-height:20px;overflow-x:auto}pre code{background:none;padding:0;font:inherit;font-variation-settings:inherit}code,samp,pre{letter-spacing:0}p,ul,ol,blockquote,dl,pre,figure{margin-block-end:1rem}:is(p,ul,ol,blockquote,dl,pre,figure):last-child{margin-block-end:0}ul,ol{padding-left:3ch}:is(ul,ol)>li{margin-bottom:.5em}:is(ul,ol)>li::marker{color:var(--text-5)}blockquote{border-left:3px solid var(--text-5);padding-left:calc(2ch - 3px)}menu{list-style:none;padding:0;margin:0}menu>li{margin:0}a:not(:where([role=button])),a:not(:where([role=button])):link,a:not(:where([role=button])):visited{color:var(--link-color);text-decoration:underline;text-decoration-style:solid;text-decoration-color:color-mix(in srgb,currentColor 75%,transparent);text-decoration-thickness:.5px;text-underline-offset:3px}@media(hover:hover)and (pointer:fine){a:not(:where([role=button])):hover{color:var(--link-color-hover);text-decoration-thickness:1px}}a:not(:where([role=button])):active{text-decoration-color:color-mix(in srgb,currentColor 75%,transparent)}::selection{background:light-dark(color-mix(in oklch,var(--focus-ring) 20%,transparent),color-mix(in oklch,var(--focus-ring) 30%,transparent))}table{border-collapse:collapse;font-variant-numeric:lining-nums tabular-nums}caption{text-align:left;color:var(--text-3);padding-left:10px;margin-bottom:.25em}th,td{padding:5px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border-4)}thead th{font-weight:600}tfoot tr:last-child>:is(th,td),table:not(:has(tfoot)) tbody tr:last-child>:is(th,td){border-bottom:none}table[data-bordered]{border-collapse:separate;border-spacing:0;border:1px solid var(--border-4);border-radius:3px}table[data-bordered] :is(th,td){border-right:1px solid var(--border-4)}table[data-bordered] tr>:is(th,td):last-child{border-right:0}}

package/dist/theme-antithesis.css

@@ -1 +1,10 @@
-@layer base,anta,components,utilities;@layer anta.reset,anta.components,anta.theme;:root,.light{--anta-seed-brand: #cc4636;--anta-seed-neutral: #65605b;--anta-seed-critical: #c92c46}:root,.light{--bg-1: #ffffff;--bg-2: #fdfaf8;--bg-3: #faf7f5;--bg-4: #f3f0ee;--bg-5: #eeeae7;--bg-2-brand: #fff6f5;--bg-3-brand: #fff2f0;--bg-4-brand: #ffedeb;--bg-5-brand: #ffe5e0;--bg-2-success: #f7fcf9;--bg-3-success: #ecf9f0;--bg-4-success: #e2f5e8;--bg-5-success: #d9f2e0;--bg-2-critical: #fefbfb;--bg-3-critical: #fdf2f4;--bg-4-critical: #fcebee;--bg-5-critical: #fae5e9;--bg-2-warning: #fefbf6;--bg-3-warning: #fcf4e8;--bg-4-warning: #fbeeda;--bg-5-warning: #f9e7cd;--bg-2-info: #fbfcfe;--bg-3-info: #f2f7fd;--bg-4-info: #e9f3fb;--bg-5-info: #e1eefa;--text-1: #080707;--text-2: #312d2b;--text-3: #665f5b;--text-4: #89817c;--text-5: #a39994;--text-1-brand: #701600;--text-2-brand: #912a0d;--text-3-brand: #912a0dcc;--text-4-brand: #912a0d99;--text-5-brand: #912a0d66;--text-1-success: #004415;--text-2-success: #1f5c31;--text-3-success: #1f5c31cc;--text-4-success: #1f5c3199;--text-5-success: #1f5c3166;--text-1-critical: #8d0017;--text-2-critical: #a01c32;--text-3-critical: #a01c32cc;--text-4-critical: #a01c3299;--text-5-critical: #a01c3266;--text-1-warning: #7f410b;--text-2-warning: #995200;--text-3-warning: #995200cc;--text-4-warning: #99520099;--text-5-warning: #99520066;--text-1-info: #00396b;--text-2-info: #175082;--text-3-info: #175082cc;--text-4-info: #175082b2;--text-5-info: #17508280;--border-1: #99908b;--border-2: #c2b8b2;--border-3: #d8cfca;--border-4: #e4ddd8;--border-5: #eeeae7;--border-1-brand: #ee6d53;--border-2-brand: #fea192;--border-3-brand: #ffc1b8;--border-4-brand: #ffd3cc;--border-5-brand: #ffe5e0;--border-1-success: #44c169;--border-2-success: #88d7a0;--border-3-success: #b3e5c2;--border-4-success: #c6ecd1;--border-5-success: #d9f2e0;--border-1-critical: #e56c80;--border-2-critical: #efa4b0;--border-3-critical: #f4c2cb;--border-4-critical: #f7d4da;--border-5-critical: #fae5e9;--border-1-warning: #d88118;--border-2-warning: #edb25a;--border-3-warning: #f3cc91;--border-4-warning: #f6dbb1;--border-5-warning: #f9e7cd;--border-1-info: #56a1e1;--border-2-info: #93c5ec;--border-3-info: #bad6f3;--border-4-info: #cfe3f7;--border-5-info: #e1eefa}.dark{--bg-1: #0b0409;--bg-2: #170812;--bg-3: #1e0b18;--bg-4: #250e1e;--bg-5: #2c1124;--bg-2-brand: #160803;--bg-3-brand: #1f0c04;--bg-4-brand: #290e05;--bg-5-brand: #321106;--bg-2-success: #041008;--bg-3-success: #05140a;--bg-4-success: #061b0e;--bg-5-success: #081f0f;--bg-2-critical: #190408;--bg-3-critical: #1f0509;--bg-4-critical: #2c070d;--bg-5-critical: #330910;--bg-2-warning: #120a03;--bg-3-warning: #160d04;--bg-4-warning: #201305;--bg-5-warning: #241506;--bg-2-info: #040d18;--bg-3-info: #04111f;--bg-4-info: #051727;--bg-5-info: #071b2c;--text-1: #eeeae7;--text-2: #c0b7bd;--text-3: #a398a0;--text-4: #7c6e78;--text-5: #6b5b66;--text-1-brand: #ffb3a7;--text-2-brand: #f88d7d;--text-3-brand: #f88d7dcc;--text-4-brand: #f88d7d99;--text-5-brand: #f88d7d66;--text-1-success: #9ddeb1;--text-2-success: #74cd8e;--text-3-success: #74cd8ecc;--text-4-success: #74cd8e99;--text-5-success: #74cd8e66;--text-1-critical: #ffabb9;--text-2-critical: #e78e9d;--text-3-critical: #e78e9dcc;--text-4-critical: #e78e9d99;--text-5-critical: #e78e9d66;--text-1-warning: #f0bf75;--text-2-warning: #e1a452;--text-3-warning: #e1a452cc;--text-4-warning: #e1a45299;--text-5-warning: #e1a45266;--text-1-info: #99d0ff;--text-2-info: #7db6e8;--text-3-info: #7db6e8cc;--text-4-info: #7db6e899;--text-5-info: #7db6e866;--border-1: #725769;--border-2: #533c4b;--border-3: #442e3d;--border-4: #2a1824;--border-5: #250e1e;--border-1-brand: #d03711;--border-2-brand: #912a0d;--border-3-brand: #6d240d;--border-4-brand: #3e1609;--border-5-brand: #321106;--border-1-success: #2a7e43;--border-2-success: #1f5c31;--border-3-success: #174525;--border-4-success: #0d2b16;--border-5-success: #081f0f;--border-1-critical: #c92c46;--border-2-critical: #a01c32;--border-3-critical: #761928;--border-4-critical: #471019;--border-5-critical: #330910;--border-1-warning: #995200;--border-2-warning: #6a3b0c;--border-3-warning: #4f2d0d;--border-4-warning: #311d0a;--border-5-warning: #241506;--border-1-info: #1f6eb2;--border-2-info: #175082;--border-3-info: #133e62;--border-4-info: #0d273e;--border-5-info: #071b2c}:root,.light{--fill-1: #665f5b;--fill-1-hover: #56504d;--fill-1-active: #494441;--fill-1-brand: #d03711;--fill-1-brand-hover: #af2e0e;--fill-1-brand-active: #912a0d;--fill-1-info: #1f6eb2;--fill-1-info-hover: #1a5b93;--fill-1-info-active: #175082;--fill-1-success: #2a7e43;--fill-1-success-hover: #226737;--fill-1-success-active: #1f5c31;--fill-1-warning: #c37416;--fill-1-warning-hover: #ae6613;--fill-1-warning-active: #995200;--fill-1-critical: #c92c46;--fill-1-critical-hover: #b02038;--fill-1-critical-active: #a01c32;--fill-2: color-mix(in oklch, #8b6b59 10%, transparent);--fill-2-hover: color-mix(in oklch, #8b6b59 15%, transparent);--fill-2-active: color-mix(in oklch, #8b6b59 20%, transparent);--fill-2-brand: color-mix(in oklch, #e94520 10%, transparent);--fill-2-brand-hover: color-mix(in oklch, #e94520 15%, transparent);--fill-2-brand-active: color-mix(in oklch, #e94520 20%, transparent);--fill-2-info: color-mix(in oklch, #2686d9 10%, transparent);--fill-2-info-hover: color-mix(in oklch, #2686d9 15%, transparent);--fill-2-info-active: color-mix(in oklch, #2686d9 20%, transparent);--fill-2-success: color-mix(in oklch, #329550 10%, transparent);--fill-2-success-hover: color-mix(in oklch, #329550 15%, transparent);--fill-2-success-active: color-mix(in oklch, #329550 20%, transparent);--fill-2-warning: color-mix(in oklch, #ae6613 10%, transparent);--fill-2-warning-hover: color-mix(in oklch, #ae6613 15%, transparent);--fill-2-warning-active: color-mix(in oklch, #ae6613 20%, transparent);--fill-2-critical: color-mix(in oklch, #de455e 10%, transparent);--fill-2-critical-hover: color-mix(in oklch, #de455e 15%, transparent);--fill-2-critical-active: color-mix(in oklch, #de455e 20%, transparent);--fill-3: color-mix(in oklch, #8b6b59 5%, transparent);--fill-3-hover: color-mix(in oklch, #8b6b59 10%, transparent);--fill-3-active: color-mix(in oklch, #8b6b59 15%, transparent);--fill-3-brand: color-mix(in oklch, #e94520 5%, transparent);--fill-3-brand-hover: color-mix(in oklch, #e94520 10%, transparent);--fill-3-brand-active: color-mix(in oklch, #e94520 15%, transparent);--fill-3-info: color-mix(in oklch, #2686d9 5%, transparent);--fill-3-info-hover: color-mix(in oklch, #2686d9 10%, transparent);--fill-3-info-active: color-mix(in oklch, #2686d9 15%, transparent);--fill-3-success: color-mix(in oklch, #329550 5%, transparent);--fill-3-success-hover: color-mix(in oklch, #329550 10%, transparent);--fill-3-success-active: color-mix(in oklch, #329550 15%, transparent);--fill-3-warning: color-mix(in oklch, #ae6613 5%, transparent);--fill-3-warning-hover: color-mix(in oklch, #ae6613 10%, transparent);--fill-3-warning-active: color-mix(in oklch, #ae6613 15%, transparent);--fill-3-critical: color-mix(in oklch, #de455e 5%, transparent);--fill-3-critical-hover: color-mix(in oklch, #de455e 10%, transparent);--fill-3-critical-active: color-mix(in oklch, #de455e 15%, transparent);--fill-1-disabled: color-mix(in oklch, #79716d 50%, transparent);--fill-disabled: color-mix(in oklch, #79716d 10%, transparent);--stroke-1: #d8cfca;--stroke-1-hover: #c2b8b2;--stroke-1-active: #a39994;--stroke-1-brand: #fea192;--stroke-1-brand-hover: #f07866;--stroke-1-brand-active: #ee6d53;--stroke-1-info: #93c5ec;--stroke-1-info-hover: #69ace5;--stroke-1-info-active: #56a1e1;--stroke-1-success: #88d7a0;--stroke-1-success-hover: #5bc87b;--stroke-1-success-active: #44c169;--stroke-1-warning: #edb25a;--stroke-1-warning-hover: #e09127;--stroke-1-warning-active: #d88118;--stroke-1-critical: #efa4b0;--stroke-1-critical-hover: #e87f91;--stroke-1-critical-active: #e56c80;--stroke-2: color-mix(in oklch, #79716d 15%, transparent);--stroke-2-brand: color-mix(in oklch, #e94520 15%, transparent);--stroke-2-info: color-mix(in oklch, #2686d9 15%, transparent);--stroke-2-success: color-mix(in oklch, #329550 15%, transparent);--stroke-2-warning: color-mix(in oklch, #ae6613 15%, transparent);--stroke-2-critical: color-mix(in oklch, #de455e 15%, transparent);--stroke-disabled: color-mix(in oklch, #79716d 10%, transparent);--label-1: #56504d;--label-1-hover: #494441;--label-1-brand: #d03711;--label-1-brand-hover: #af2e0e;--label-1-info: #1f6eb2;--label-1-info-hover: #1a5b93;--label-1-success: #2a7e43;--label-1-success-hover: #226737;--label-1-warning: #995200;--label-1-warning-hover: #7f410b;--label-1-critical: #c92c46;--label-1-critical-hover: #b02038;--label-2: #665f5b;--label-2-hover: #56504d;--label-2-active: #494441;--label-2-brand: #d03711;--label-2-brand-hover: #af2e0e;--label-2-brand-active: #912a0d;--label-2-info: #1f6eb2;--label-2-info-hover: #1a5b93;--label-2-info-active: #175082;--label-2-success: #2a7e43;--label-2-success-hover: #226737;--label-2-success-active: #1f5c31;--label-2-warning: #995200;--label-2-warning-hover: #7f410b;--label-2-warning-active: #6a3b0c;--label-2-critical: #c92c46;--label-2-critical-hover: #b02038;--label-2-critical-active: #a01c32;--label-disabled: #b3a9a3;--label-on-fill: #ffffff;--label-on-fill-critical: #ffffff;--label-on-fill-disabled: #b3a9a3;--focus-ring: #b24393;--focus-halo: color-mix(in oklch, #ffffff 70%, transparent)}.dark{--fill-1: #c0b7bd;--fill-1-hover: #cbc5c9;--fill-1-active: #d5cfd3;--fill-1-brand: #fea192;--fill-1-brand-hover: #ffb3a7;--fill-1-brand-active: #ffc1b8;--fill-1-info: #93c5ec;--fill-1-info-hover: #a6cdef;--fill-1-info-active: #bad6f3;--fill-1-success: #88d7a0;--fill-1-success-hover: #9ddeb1;--fill-1-success-active: #b3e5c2;--fill-1-warning: #edb25a;--fill-1-warning-hover: #ffbd59;--fill-1-warning-active: #ffca7a;--fill-1-critical: #c92c46;--fill-1-critical-hover: #b02038;--fill-1-critical-active: #a01c32;--fill-2: color-mix(in oklch, #a398a0 17%, transparent);--fill-2-hover: color-mix(in oklch, #a398a0 25%, transparent);--fill-2-active: color-mix(in oklch, #a398a0 30%, transparent);--fill-2-brand: color-mix(in oklch, #e94520 25%, transparent);--fill-2-brand-hover: color-mix(in oklch, #e94520 30%, transparent);--fill-2-brand-active: color-mix(in oklch, #e94520 35%, transparent);--fill-2-info: color-mix(in oklch, #2686d9 25%, transparent);--fill-2-info-hover: color-mix(in oklch, #2686d9 30%, transparent);--fill-2-info-active: color-mix(in oklch, #2686d9 35%, transparent);--fill-2-success: color-mix(in oklch, #329550 25%, transparent);--fill-2-success-hover: color-mix(in oklch, #329550 30%, transparent);--fill-2-success-active: color-mix(in oklch, #329550 35%, transparent);--fill-2-warning: color-mix(in oklch, #ae6613 30%, transparent);--fill-2-warning-hover: color-mix(in oklch, #ae6613 30%, transparent);--fill-2-warning-active: color-mix(in oklch, #ae6613 35%, transparent);--fill-2-critical: color-mix(in oklch, #de455e 25%, transparent);--fill-2-critical-hover: color-mix(in oklch, #de455e 30%, transparent);--fill-2-critical-active: color-mix(in oklch, #de455e 35%, transparent);--fill-3: color-mix(in oklch, #a398a0 10%, transparent);--fill-3-hover: color-mix(in oklch, #a398a0 15%, transparent);--fill-3-active: color-mix(in oklch, #a398a0 20%, transparent);--fill-3-brand: color-mix(in oklch, #e94520 10%, transparent);--fill-3-brand-hover: color-mix(in oklch, #e94520 15%, transparent);--fill-3-brand-active: color-mix(in oklch, #e94520 20%, transparent);--fill-3-info: color-mix(in oklch, #2686d9 10%, transparent);--fill-3-info-hover: color-mix(in oklch, #2686d9 15%, transparent);--fill-3-info-active: color-mix(in oklch, #2686d9 20%, transparent);--fill-3-success: color-mix(in oklch, #329550 10%, transparent);--fill-3-success-hover: color-mix(in oklch, #329550 15%, transparent);--fill-3-success-active: color-mix(in oklch, #329550 20%, transparent);--fill-3-warning: color-mix(in oklch, #ae6613 10%, transparent);--fill-3-warning-hover: color-mix(in oklch, #ae6613 15%, transparent);--fill-3-warning-active: color-mix(in oklch, #ae6613 20%, transparent);--fill-3-critical: color-mix(in oklch, #de455e 10%, transparent);--fill-3-critical-hover: color-mix(in oklch, #de455e 15%, transparent);--fill-3-critical-active: color-mix(in oklch, #de455e 20%, transparent);--fill-1-disabled: color-mix(in oklch, #a398a0 50%, transparent);--fill-disabled: color-mix(in oklch, #a398a0 10%, transparent);--stroke-1: #533c4b;--stroke-1-hover: #6b5b66;--stroke-1-active: #7c6e78;--stroke-1-brand: #912a0d;--stroke-1-brand-hover: #d03711;--stroke-1-brand-active: #e94520;--stroke-1-info: #175082;--stroke-1-info-hover: #1f6eb2;--stroke-1-info-active: #2686d9;--stroke-1-success: #1f5c31;--stroke-1-success-hover: #2a7e43;--stroke-1-success-active: #329550;--stroke-1-warning: #6a3b0c;--stroke-1-warning-hover: #995200;--stroke-1-warning-active: #ae6613;--stroke-1-critical: #a01c32;--stroke-1-critical-hover: #c92c46;--stroke-1-critical-active: #de455e;--stroke-2: color-mix(in oklch, #a39994 15%, transparent);--stroke-2-brand: color-mix(in oklch, #e94520 25%, transparent);--stroke-2-info: color-mix(in oklch, #2686d9 25%, transparent);--stroke-2-success: color-mix(in oklch, #329550 25%, transparent);--stroke-2-warning: color-mix(in oklch, #ae6613 25%, transparent);--stroke-2-critical: color-mix(in oklch, #de455e 25%, transparent);--stroke-disabled: color-mix(in oklch, #a398a0 12%, transparent);--label-1: #cbc5c9;--label-1-hover: #d5cfd3;--label-1-brand: #ffb3a7;--label-1-brand-hover: #ffc1b8;--label-1-info: #99d0ff;--label-1-info-hover: #bad6f3;--label-1-success: #68ff95;--label-1-success-hover: #b3e5c2;--label-1-warning: #ffbd59;--label-1-warning-hover: #f3cc91;--label-1-critical: #ffabb9;--label-1-critical-hover: #f4c2cb;--label-2: #b1a8ae;--label-2-hover: #c0b7bd;--label-2-active: #cbc5c9;--label-2-brand: #fea192;--label-2-brand-hover: #ffb3a7;--label-2-brand-active: #ffc1b8;--label-2-info: #93c5ec;--label-2-info-hover: #a6cdef;--label-2-info-active: #bad6f3;--label-2-success: #88d7a0;--label-2-success-hover: #9ddeb1;--label-2-success-active: #b3e5c2;--label-2-warning: #edb25a;--label-2-warning-hover: #f0bf75;--label-2-warning-active: #f3cc91;--label-2-critical: #ff9cad;--label-2-critical-hover: #ffabb9;--label-2-critical-active: #f4c2cb;--label-disabled: #6b5b66;--label-on-fill: #000000;--label-on-fill-critical: #ffffff;--label-on-fill-disabled: #7c6e78;--focus-ring: #e17cc2;--focus-halo: color-mix(in oklch, #000000 70%, transparent)}@layer anta.theme{a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]),a-tab{font-stretch:88%}a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]){letter-spacing:.05ch}a-input{--_input-adornment-font-stretch: 88%}a-tag{letter-spacing:.02ch}a-tag[allcaps]{letter-spacing:.08ch}:is(h1,h2,h3,a-title[level="1"],a-title[level="2"],a-title[level="3"]){font-family:var(--serif)}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit],[type=checkbox],[type=radio]),a-tab,a-menu-item,a[data-anta-menu-item],details[data-anta]>summary):focus-visible,:is(a-checkbox,a-radio,a-switch):focus-visible:before,a-radio-group:focus-visible a-radio:state(selected):before{outline:2px solid var(--focus-ring);outline-offset:calc(-2px * var(--focus-ring-inset, 0));animation:focus-ring-pulse .6s cubic-bezier(.2,0,0,1);@media(prefers-reduced-motion:reduce){animation:none}}a-tab{--focus-ring-inset: 1}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit])):not([round]){--_radius: 999px}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit])){--_padding-x-text: round(.8em, 1px);--button-fg-primary-rest: var(--label-on-fill);--bg-primary-disabled: var(--fill-disabled);--fg-disabled-primary: var(--label-on-fill-disabled);--bg-secondary-disabled: var(--fill-disabled);--fg-disabled: var(--label-disabled);&[priority=primary]:focus-visible{box-shadow:inset 0 0 0 1px var(--focus-halo)}}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit])):not([priority=primary],[priority=tertiary],[priority=quaternary]){--button-fg: var(--button-fg-secondary-rest);box-shadow:inset 0 0 2px -1px currentColor;@media(hover:hover)and (pointer:fine){&:hover{--button-fg: var(--button-fg-secondary-hover)}}&:active,&[selected]{--button-fg: var(--button-fg-secondary-hover)}&[selected]{box-shadow:inset 0 0 0 1px color-mix(in oklch,currentColor 50%,transparent)}&[disabled]{box-shadow:inset 0 0 2px -1px var(--label-1)}}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]))[priority=quaternary][paddingless][selected]{box-shadow:0 0 0 1px color-mix(in oklch,currentColor 50%,transparent)}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit])):is(:not([tone]),[tone=""],[tone=neutral]){--button-bg-primary-rest: var(--fill-1);--button-bg-primary-hover: var(--fill-1-hover);--button-bg-primary-active: var(--fill-1-active);--button-fg-secondary-rest: var(--label-1);--button-fg-secondary-hover: var(--label-1-hover);--button-bg-secondary-rest: var(--fill-2);--button-bg-secondary-hover: var(--fill-2-hover);--button-bg-secondary-active: var(--fill-2-active);--button-fg-tertiary-rest: var(--label-2);--button-fg-tertiary-hover: var(--label-2-hover);--button-bg-tertiary-hover: var(--fill-3);--button-bg-tertiary-active: var(--fill-3-hover);--button-fg-quaternary-rest: light-dark(var(--label-2), color-mix(in oklch, var(--label-2) 90%, transparent));--button-fg-quaternary-hover: var(--label-2-active)}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]))[tone=brand]{--button-bg-primary-rest: var(--fill-1-brand);--button-bg-primary-hover: var(--fill-1-brand-hover);--button-bg-primary-active: var(--fill-1-brand-active);--button-fg-secondary-rest: var(--label-1-brand);--button-fg-secondary-hover: var(--label-1-brand-hover);--button-bg-secondary-rest: var(--fill-2-brand);--button-bg-secondary-hover: var(--fill-2-brand-hover);--button-bg-secondary-active: var(--fill-2-brand-active);--button-fg-tertiary-rest: var(--label-2-brand);--button-fg-tertiary-hover: var(--label-2-brand-hover);--button-bg-tertiary-hover: var(--fill-3-brand);--button-bg-tertiary-active: var(--fill-3-brand-hover);--button-fg-quaternary-rest: light-dark(var(--label-2-brand), color-mix(in oklch, var(--label-2-brand) 90%, transparent));--button-fg-quaternary-hover: var(--label-2-brand-active)}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]))[tone=info]{--button-bg-primary-rest: var(--fill-1-info);--button-bg-primary-hover: var(--fill-1-info-hover);--button-bg-primary-active: var(--fill-1-info-active);--button-fg-secondary-rest: var(--label-1-info);--button-fg-secondary-hover: var(--label-1-info-hover);--button-bg-secondary-rest: var(--fill-2-info);--button-bg-secondary-hover: var(--fill-2-info-hover);--button-bg-secondary-active: var(--fill-2-info-active);--button-fg-tertiary-rest: var(--label-2-info);--button-fg-tertiary-hover: var(--label-2-info-hover);--button-bg-tertiary-hover: var(--fill-3-info);--button-bg-tertiary-active: var(--fill-3-info-hover);--button-fg-quaternary-rest: light-dark(var(--label-2-info), color-mix(in oklch, var(--label-2-info) 90%, transparent));--button-fg-quaternary-hover: var(--label-2-info-active)}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]))[tone=success]{--button-bg-primary-rest: var(--fill-1-success);--button-bg-primary-hover: var(--fill-1-success-hover);--button-bg-primary-active: var(--fill-1-success-active);--button-fg-secondary-rest: var(--label-1-success);--button-fg-secondary-hover: var(--label-1-success-hover);--button-bg-secondary-rest: var(--fill-2-success);--button-bg-secondary-hover: var(--fill-2-success-hover);--button-bg-secondary-active: var(--fill-2-success-active);--button-fg-tertiary-rest: var(--label-2-success);--button-fg-tertiary-hover: var(--label-2-success-hover);--button-bg-tertiary-hover: var(--fill-3-success);--button-bg-tertiary-active: var(--fill-3-success-hover);--button-fg-quaternary-rest: light-dark(var(--label-2-success), color-mix(in oklch, var(--label-2-success) 90%, transparent));--button-fg-quaternary-hover: var(--label-2-success-active)}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]))[tone=warning]{--button-bg-primary-rest: var(--fill-1-warning);--button-bg-primary-hover: var(--fill-1-warning-hover);--button-bg-primary-active: var(--fill-1-warning-active);--button-fg-secondary-rest: var(--label-1-warning);--button-fg-secondary-hover: var(--label-1-warning-hover);--button-bg-secondary-rest: var(--fill-2-warning);--button-bg-secondary-hover: var(--fill-2-warning-hover);--button-bg-secondary-active: var(--fill-2-warning-active);--button-fg-tertiary-rest: var(--label-2-warning);--button-fg-tertiary-hover: var(--label-2-warning-hover);--button-bg-tertiary-hover: var(--fill-3-warning);--button-bg-tertiary-active: var(--fill-3-warning-hover);--button-fg-quaternary-rest: light-dark(var(--label-2-warning), color-mix(in oklch, var(--label-2-warning) 90%, transparent));--button-fg-quaternary-hover: var(--label-2-warning-active)}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]))[tone=critical]{--button-fg-primary-rest: var(--label-on-fill-critical);--button-bg-primary-rest: var(--fill-1-critical);--button-bg-primary-hover: var(--fill-1-critical-hover);--button-bg-primary-active: var(--fill-1-critical-active);--button-fg-secondary-rest: var(--label-1-critical);--button-fg-secondary-hover: var(--label-1-critical-hover);--button-bg-secondary-rest: var(--fill-2-critical);--button-bg-secondary-hover: var(--fill-2-critical-hover);--button-bg-secondary-active: var(--fill-2-critical-active);--button-fg-tertiary-rest: var(--label-2-critical);--button-fg-tertiary-hover: var(--label-2-critical-hover);--button-bg-tertiary-hover: var(--fill-3-critical);--button-bg-tertiary-active: var(--fill-3-critical-hover);--button-fg-quaternary-rest: light-dark(var(--label-2-critical), color-mix(in oklch, var(--label-2-critical) 90%, transparent));--button-fg-quaternary-hover: var(--label-2-critical-active)}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]))[tone]:not([tone=""],[tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]){--button-bg-primary-rest: light-dark(oklch(from var(--_src) .51 .17 h), oklch(from var(--_src) .8 .1 h));--button-bg-primary-hover: light-dark(oklch(from var(--_src) .46 .17 h), oklch(from var(--_src) .84 .095 h));--button-bg-primary-active: light-dark(oklch(from var(--_src) .41 .17 h), oklch(from var(--_src) .87 .075 h));--button-fg-secondary-rest: light-dark(oklch(from var(--_src) .46 .17 h), oklch(from var(--_src) .835 .1 h));--button-fg-secondary-hover: light-dark(oklch(from var(--_src) .4 .17 h), oklch(from var(--_src) .865 .07 h));--button-fg-tertiary-rest: light-dark(oklch(from var(--_src) .46 .17 h), oklch(from var(--_src) .8 .11 h));--button-fg-tertiary-hover: light-dark(oklch(from var(--_src) .4 .17 h), oklch(from var(--_src) .83 .09 h));--button-fg-quaternary-rest: light-dark(oklch(from var(--_src) .46 .17 h / .85), oklch(from var(--_src) .76 .115 h));--button-fg-quaternary-hover: light-dark(oklch(from var(--_src) .38 .17 h), oklch(from var(--_src) .835 .09 h))}:is(a-checkbox,input[data-anta][type=checkbox]){--checkbox-icon: var(--label-on-fill);--checkbox-icon-disabled: var(--label-on-fill-disabled);--checkbox-bg-disabled: var(--fill-disabled);--checkbox-border-disabled: var(--stroke-disabled)}a-checkbox{--checkbox-label-color: var(--text-1);--checkbox-hint-color: var(--text-4);--checkbox-mask-size: 12px;--checkbox-mask-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='square'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");--checkbox-mask-indeterminate: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='square'%3E%3Cpath d='M21 12H3'/%3E%3C/svg%3E");&[size=small]{--checkbox-mask-size: 10px;--checkbox-mask-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.84' stroke-linecap='square'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");--checkbox-mask-indeterminate: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.84' stroke-linecap='square'%3E%3Cpath d='M21 12H3'/%3E%3C/svg%3E")}&[size=large]{--checkbox-gap: 10px;--checkbox-mask-size: 14px;--checkbox-mask-check: 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.74' stroke-linecap='square'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");--checkbox-mask-indeterminate: 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.74' stroke-linecap='square'%3E%3Cpath d='M21 12H3'/%3E%3C/svg%3E")}&:not([round]):before{border-radius:1px}}:is(a-checkbox,input[data-anta][type=checkbox]):is(:not([tone]),[tone=""],[tone=neutral],[tone-scope=selected]){--checkbox-bg: var(--bg-1);--checkbox-border-neutral: var(--stroke-1);--checkbox-border: var(--checkbox-border-neutral);--checkbox-border-hover: var(--stroke-1-hover);--checkbox-border-active: var(--stroke-1-active)}:is(a-checkbox,input[data-anta][type=checkbox]):is(:not([tone]),[tone=""],[tone=neutral]){--checkbox-bg-selected: var(--fill-1);--checkbox-bg-selected-hover: var(--fill-1-hover);--checkbox-bg-selected-active: var(--fill-1-active)}:is(a-checkbox,input[data-anta][type=checkbox])[tone=brand]{--checkbox-bg-selected: var(--fill-1-brand);--checkbox-bg-selected-hover: var(--fill-1-brand-hover);--checkbox-bg-selected-active: var(--fill-1-brand-active);&:not([tone-scope=selected]){--checkbox-bg: var(--bg-2-brand);--checkbox-border: var(--stroke-1-brand);--checkbox-border-hover: var(--stroke-1-brand-hover);--checkbox-border-active: var(--stroke-1-brand-active)}}:is(a-checkbox,input[data-anta][type=checkbox])[tone=info]{--checkbox-bg-selected: var(--fill-1-info);--checkbox-bg-selected-hover: var(--fill-1-info-hover);--checkbox-bg-selected-active: var(--fill-1-info-active);&:not([tone-scope=selected]){--checkbox-bg: var(--bg-2-info);--checkbox-border: var(--stroke-1-info);--checkbox-border-hover: var(--stroke-1-info-hover);--checkbox-border-active: var(--stroke-1-info-active)}}:is(a-checkbox,input[data-anta][type=checkbox])[tone=success]{--checkbox-bg-selected: var(--fill-1-success);--checkbox-bg-selected-hover: var(--fill-1-success-hover);--checkbox-bg-selected-active: var(--fill-1-success-active);&:not([tone-scope=selected]){--checkbox-bg: var(--bg-2-success);--checkbox-border: var(--stroke-1-success);--checkbox-border-hover: var(--stroke-1-success-hover);--checkbox-border-active: var(--stroke-1-success-active)}}:is(a-checkbox,input[data-anta][type=checkbox])[tone=warning]{--checkbox-bg-selected: var(--fill-1-warning);--checkbox-bg-selected-hover: var(--fill-1-warning-hover);--checkbox-bg-selected-active: var(--fill-1-warning-active);&:not([tone-scope=selected]){--checkbox-bg: var(--bg-2-warning);--checkbox-border: var(--stroke-1-warning);--checkbox-border-hover: var(--stroke-1-warning-hover);--checkbox-border-active: var(--stroke-1-warning-active)}}:is(a-checkbox,input[data-anta][type=checkbox])[tone=critical]{--checkbox-icon: var(--label-on-fill-critical);--checkbox-bg-selected: var(--fill-1-critical);--checkbox-bg-selected-hover: var(--fill-1-critical-hover);--checkbox-bg-selected-active: var(--fill-1-critical-active);&:not([tone-scope=selected]){--checkbox-bg: var(--bg-2-critical);--checkbox-border: var(--stroke-1-critical);--checkbox-border-hover: var(--stroke-1-critical-hover);--checkbox-border-active: var(--stroke-1-critical-active)}}:is(a-checkbox,input[data-anta][type=checkbox])[tone]:not([tone=""],[tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]){--checkbox-bg-selected: light-dark(oklch(from var(--checkbox-tone-source) .5 c h), oklch(from var(--checkbox-tone-source) .8 .1 h));--checkbox-bg-selected-hover: light-dark(oklch(from var(--checkbox-tone-source) .45 c h), oklch(from var(--checkbox-tone-source) .84 .095 h));--checkbox-bg-selected-active: light-dark(oklch(from var(--checkbox-tone-source) .4 c h), oklch(from var(--checkbox-tone-source) .87 .075 h));--_checkbox-off-bg-selected: light-dark(oklch(from var(--checkbox-tone-source) .5 c h), oklch(from var(--checkbox-tone-source) .45 c h))}a-checkbox:after{clip-path:inset(0 100% 0 0)}a-checkbox:is(:state(checked),:state(indeterminate)):after{clip-path:inset(0)}@media(prefers-reduced-motion:no-preference){a-checkbox:is(:hover,:focus-visible):is(:state(checked),:state(indeterminate)):after{transition:clip-path .3s cubic-bezier(.45,.05,.55,.95)}}a-checkbox:is(:state(checked),:state(indeterminate)):focus-visible:before,input[data-anta][type=checkbox]:is(:checked,:indeterminate):focus-visible{border-width:0;box-shadow:inset 0 0 0 1px var(--focus-halo)}label:has(>input[data-anta][type=checkbox]){color:var(--text-1)}label:has(>input[data-anta][type=checkbox][size=large]){gap:10px}label:has(>input[data-anta][type=checkbox]:disabled){color:var(--text-4)}input[data-anta][type=checkbox]:not([round]){--checkbox-round: 1px}input[data-anta][type=checkbox]:disabled{border-color:var(--checkbox-border-disabled);background-color:var(--checkbox-bg-disabled)}input[data-anta][type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='square'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E")}input[data-anta][type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='square'%3E%3Cpath d='M21 12H3'/%3E%3C/svg%3E")}.dark input[data-anta][type=checkbox]:not([tone=critical]):checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='square'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E")}.dark input[data-anta][type=checkbox]:not([tone=critical]):indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='square'%3E%3Cpath d='M21 12H3'/%3E%3C/svg%3E")}input[data-anta][type=checkbox]:disabled:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b3a9a3' stroke-width='3.2' stroke-linecap='square'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E")}input[data-anta][type=checkbox]:disabled:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b3a9a3' stroke-width='3.2' stroke-linecap='square'%3E%3Cpath d='M21 12H3'/%3E%3C/svg%3E")}.dark input[data-anta][type=checkbox]:disabled:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c6e78' stroke-width='3.2' stroke-linecap='square'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E")}.dark input[data-anta][type=checkbox]:disabled:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c6e78' stroke-width='3.2' stroke-linecap='square'%3E%3Cpath d='M21 12H3'/%3E%3C/svg%3E")}:is(a-radio,input[data-anta][type=radio]){--radio-bg: var(--bg-1);--radio-border-neutral: var(--stroke-1);--radio-border: var(--radio-border-neutral);--radio-border-hover: var(--stroke-1-hover);--radio-border-active: var(--stroke-1-active);--radio-bg-selected: var(--fill-1);--radio-bg-selected-hover: var(--fill-1-hover);--radio-bg-selected-active: var(--fill-1-active);--radio-dot: var(--label-on-fill);--radio-dot-disabled: var(--label-on-fill-disabled);--radio-bg-disabled: var(--fill-disabled);--radio-border-disabled: var(--stroke-disabled)}:is(a-radio[tone=brand],a-radio-group[tone=brand] a-radio:not([tone]),input[data-anta][type=radio][tone=brand]){--radio-bg-selected: var(--fill-1-brand);--radio-bg-selected-hover: var(--fill-1-brand-hover);--radio-bg-selected-active: var(--fill-1-brand-active);--_radio-tint-bg: var(--bg-2-brand);--_radio-tint-border: var(--stroke-1-brand);--_radio-tint-border-hover: var(--stroke-1-brand-hover);--_radio-tint-border-active: var(--stroke-1-brand-active)}:is(a-radio[tone=info],a-radio-group[tone=info] a-radio:not([tone]),input[data-anta][type=radio][tone=info]){--radio-bg-selected: var(--fill-1-info);--radio-bg-selected-hover: var(--fill-1-info-hover);--radio-bg-selected-active: var(--fill-1-info-active);--_radio-tint-bg: var(--bg-2-info);--_radio-tint-border: var(--stroke-1-info);--_radio-tint-border-hover: var(--stroke-1-info-hover);--_radio-tint-border-active: var(--stroke-1-info-active)}:is(a-radio[tone=success],a-radio-group[tone=success] a-radio:not([tone]),input[data-anta][type=radio][tone=success]){--radio-bg-selected: var(--fill-1-success);--radio-bg-selected-hover: var(--fill-1-success-hover);--radio-bg-selected-active: var(--fill-1-success-active);--_radio-tint-bg: var(--bg-2-success);--_radio-tint-border: var(--stroke-1-success);--_radio-tint-border-hover: var(--stroke-1-success-hover);--_radio-tint-border-active: var(--stroke-1-success-active)}:is(a-radio[tone=warning],a-radio-group[tone=warning] a-radio:not([tone]),input[data-anta][type=radio][tone=warning]){--radio-bg-selected: var(--fill-1-warning);--radio-bg-selected-hover: var(--fill-1-warning-hover);--radio-bg-selected-active: var(--fill-1-warning-active);--_radio-tint-bg: var(--bg-2-warning);--_radio-tint-border: var(--stroke-1-warning);--_radio-tint-border-hover: var(--stroke-1-warning-hover);--_radio-tint-border-active: var(--stroke-1-warning-active)}:is(a-radio[tone=critical],a-radio-group[tone=critical] a-radio:not([tone]),input[data-anta][type=radio][tone=critical]){--radio-dot: var(--label-on-fill-critical);--radio-bg-selected: var(--fill-1-critical);--radio-bg-selected-hover: var(--fill-1-critical-hover);--radio-bg-selected-active: var(--fill-1-critical-active);--_radio-tint-bg: var(--bg-2-critical);--_radio-tint-border: var(--stroke-1-critical);--_radio-tint-border-hover: var(--stroke-1-critical-hover);--_radio-tint-border-active: var(--stroke-1-critical-active)}a-radio[tone]:not([tone=""],[tone=neutral],[tone-scope=selected]),a-radio-group[tone]:not([tone=""],[tone=neutral],[tone-scope=selected]) a-radio:not([tone],[tone-scope=selected]),a-radio-group[tone]:not([tone=""],[tone=neutral])[tone-scope=selected] a-radio[tone-scope=all]:not([tone]),input[data-anta][type=radio][tone]:not([tone=""],[tone=neutral],[tone-scope=selected]){--radio-bg: var(--_radio-tint-bg);--radio-border: var(--_radio-tint-border);--radio-border-hover: var(--_radio-tint-border-hover);--radio-border-active: var(--_radio-tint-border-active)}:is(a-radio[tone]:not([tone=""],[tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]),a-radio-group[tone]:not([tone=""],[tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]) a-radio:not([tone]),input[data-anta][type=radio][tone]:not([tone=""],[tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical])){--radio-bg-selected: light-dark(oklch(from var(--radio-tone-source) .5 c h), oklch(from var(--radio-tone-source) .8 .1 h));--radio-bg-selected-hover: light-dark(oklch(from var(--radio-tone-source) .45 c h), oklch(from var(--radio-tone-source) .84 .095 h));--radio-bg-selected-active: light-dark(oklch(from var(--radio-tone-source) .4 c h), oklch(from var(--radio-tone-source) .87 .075 h));--_radio-off-bg-selected: light-dark(oklch(from var(--radio-tone-source) .5 c h), oklch(from var(--radio-tone-source) .45 c h));--_radio-tint-bg: light-dark(oklch(from var(--radio-off-tone-source) .99 calc(c*.03) h), oklch(from var(--radio-off-tone-source) .15 calc(c*.18) h));--_radio-tint-border: light-dark(oklch(from var(--_radio-border-base) calc(l + .17) c h), var(--_radio-border-base));--_radio-tint-border-hover: oklch(from var(--_radio-border-base) calc(l + .1) c h);--_radio-tint-border-active: light-dark(var(--_radio-border-base), oklch(from var(--_radio-border-base) calc(l + .17) c h))}input[data-anta][type=radio]:disabled{border-color:var(--radio-border-disabled);background-color:var(--radio-bg-disabled)}input[data-anta][type=radio]:disabled:checked{border-color:var(--radio-border-disabled);background:radial-gradient(circle,var(--radio-dot-disabled) 0 var(--radio-dot-core),var(--radio-bg-disabled) var(--radio-dot-edge))}a-radio:state(selected):focus-visible:before,a-radio-group:focus-visible a-radio:state(selected):before,input[data-anta][type=radio]:checked:focus-visible,a-switch:state(checked):focus-visible:before{border-width:0;box-shadow:inset 0 0 0 1px var(--focus-halo)}a-input:not([round])::part(field),a-input:not([round]):not(:defined):after{border-radius:0}a-input{--_input-focus-width: 2px;--_input-focus-offset: -2px}a-input:not([status]:not([status=neutral]),[tone]:not([tone=""]),:disabled){--input-border: var(--stroke-1-hover);--input-border-width: 1px;&:not([priority=tertiary]){--input-rest-border: var(--stroke-1)}}a-input:disabled{--input-border: var(--stroke-disabled);--input-border-width: 1px;&:not([priority=tertiary]){--input-rest-border: var(--stroke-disabled)}&:not([priority=secondary],[priority=tertiary]){--input-bg: var(--fill-disabled)}}:is(input[data-anta]:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=button],[type=reset],[type=submit],[type=image],[type=hidden]),textarea[data-anta],select[data-anta]):not([round]){--native-field-round: 0px}a-tag{border-radius:1px}}@keyframes focus-ring-pulse{0%{outline-width:0;outline-offset:0;outline-color:color-mix(in oklch,var(--focus-ring) 60%,transparent)}30%{outline-width:4px;outline-offset:calc(-4px * var(--focus-ring-inset, 0));outline-color:color-mix(in oklch,var(--focus-ring) 60%,transparent)}}
+/*!
+ * Antithesis theme
+ * Copyright (c) 2026 Antithesis Operations LLC.
+ * SPDX-License-Identifier: LicenseRef-Antithesis-Theme
+ * Free for noncommercial use. Commercial use requires prior written permission.
+ * Separately licensed; the Anta MIT license does not apply to this theme.
+ * See theme-antithesis-license.md in the package root for the full terms:
+ * https://github.com/antithesishq/anta/blob/main/theme-antithesis-license.md
+ * Permission requests: https://antithesis.com/company/contact/
+ */@layer base,anta,components,utilities;@layer anta.reset,anta.components,anta.theme;:root,.light{--anta-seed-brand: #cc4636;--anta-seed-neutral: #65605b;--anta-seed-critical: #c92c46}:root,.light{--bg-1: #ffffff;--bg-2: #fdfaf8;--bg-3: #faf7f5;--bg-4: #f3f0ee;--bg-5: #eeeae7;--bg-2-brand: #fff6f5;--bg-3-brand: #fff2f0;--bg-4-brand: #ffedeb;--bg-5-brand: #ffe5e0;--bg-2-success: #f7fcf9;--bg-3-success: #ecf9f0;--bg-4-success: #e2f5e8;--bg-5-success: #d9f2e0;--bg-2-critical: #fefbfb;--bg-3-critical: #fdf2f4;--bg-4-critical: #fcebee;--bg-5-critical: #fae5e9;--bg-2-warning: #fefbf6;--bg-3-warning: #fcf4e8;--bg-4-warning: #fbeeda;--bg-5-warning: #f9e7cd;--bg-2-info: #fbfcfe;--bg-3-info: #f2f7fd;--bg-4-info: #e9f3fb;--bg-5-info: #e1eefa;--text-1: #080707;--text-2: #312d2b;--text-3: #665f5b;--text-4: #79716d;--text-5: #99908b;--text-1-brand: #701600;--text-2-brand: #912a0d;--text-3-brand: #912a0dcc;--text-4-brand: #912a0dbd;--text-5-brand: #912a0d91;--text-1-success: #004415;--text-2-success: #1f5c31;--text-3-success: #1f5c31cc;--text-4-success: #1f5c31c7;--text-5-success: #1f5c3199;--text-1-critical: #8d0017;--text-2-critical: #a01c32;--text-3-critical: #a01c32cc;--text-4-critical: #a01c32bd;--text-5-critical: #a01c328f;--text-1-warning: #632800;--text-2-warning: #833e00;--text-3-warning: #833e00d9;--text-4-warning: #833e00c4;--text-5-warning: #833e0099;--text-1-info: #00396b;--text-2-info: #175082;--text-3-info: #175082cc;--text-4-info: #175082c2;--text-5-info: #17508296;--border-1: #99908b;--border-2: #c2b8b2;--border-3: #d8cfca;--border-4: #e4ddd8;--border-5: #eeeae7;--border-1-brand: #ee6d53;--border-2-brand: #fea192;--border-3-brand: #ffc1b8;--border-4-brand: #ffd3cc;--border-5-brand: #ffe5e0;--border-1-success: #44c169;--border-2-success: #88d7a0;--border-3-success: #b3e5c2;--border-4-success: #c6ecd1;--border-5-success: #d9f2e0;--border-1-critical: #e56c80;--border-2-critical: #efa4b0;--border-3-critical: #f4c2cb;--border-4-critical: #f7d4da;--border-5-critical: #fae5e9;--border-1-warning: #d88118;--border-2-warning: #edb25a;--border-3-warning: #f3cc91;--border-4-warning: #f6dbb1;--border-5-warning: #f9e7cd;--border-1-info: #56a1e1;--border-2-info: #93c5ec;--border-3-info: #bad6f3;--border-4-info: #cfe3f7;--border-5-info: #e1eefa}.dark{--bg-1: #0b0409;--bg-2: #170812;--bg-3: #1e0b18;--bg-4: #250e1e;--bg-5: #2c1124;--bg-2-brand: #160803;--bg-3-brand: #1f0c04;--bg-4-brand: #290e05;--bg-5-brand: #321106;--bg-2-success: #041008;--bg-3-success: #05140a;--bg-4-success: #061b0e;--bg-5-success: #081f0f;--bg-2-critical: #190408;--bg-3-critical: #1f0509;--bg-4-critical: #2c070d;--bg-5-critical: #330910;--bg-2-warning: #120a03;--bg-3-warning: #160d04;--bg-4-warning: #201305;--bg-5-warning: #241506;--bg-2-info: #040d18;--bg-3-info: #04111f;--bg-4-info: #051727;--bg-5-info: #071b2c;--text-1: #eeeae7;--text-2: #c0b7bd;--text-3: #a398a0;--text-4: #8c7e88;--text-5: #7c6e78;--text-1-brand: #ffb3a7;--text-2-brand: #f88d7d;--text-3-brand: #f88d7dcc;--text-4-brand: #f88d7db0;--text-5-brand: #f88d7d85;--text-1-success: #9ddeb1;--text-2-success: #74cd8e;--text-3-success: #74cd8ecc;--text-4-success: #74cd8ea1;--text-5-success: #74cd8e7a;--text-1-critical: #ffabb9;--text-2-critical: #e78e9d;--text-3-critical: #e78e9dcc;--text-4-critical: #e78e9db3;--text-5-critical: #e78e9d8a;--text-1-warning: #f0bf75;--text-2-warning: #e1a452;--text-3-warning: #e1a452cc;--text-4-warning: #e1a452ab;--text-5-warning: #e1a45282;--text-1-info: #99d0ff;--text-2-info: #7db6e8;--text-3-info: #7db6e8cc;--text-4-info: #7db6e8ab;--text-5-info: #7db6e882;--border-1: #725769;--border-2: #533c4b;--border-3: #442e3d;--border-4: #2a1824;--border-5: #250e1e;--border-1-brand: #d03711;--border-2-brand: #912a0d;--border-3-brand: #6d240d;--border-4-brand: #3e1609;--border-5-brand: #321106;--border-1-success: #2a7e43;--border-2-success: #1f5c31;--border-3-success: #174525;--border-4-success: #0d2b16;--border-5-success: #081f0f;--border-1-critical: #c92c46;--border-2-critical: #a01c32;--border-3-critical: #761928;--border-4-critical: #471019;--border-5-critical: #330910;--border-1-warning: #995200;--border-2-warning: #6a3b0c;--border-3-warning: #4f2d0d;--border-4-warning: #311d0a;--border-5-warning: #241506;--border-1-info: #1f6eb2;--border-2-info: #175082;--border-3-info: #133e62;--border-4-info: #0d273e;--border-5-info: #071b2c}:root,.light{--fill-1: #665f5b;--fill-1-hover: #56504d;--fill-1-active: #494441;--fill-1-brand: #d03711;--fill-1-brand-hover: #af2e0e;--fill-1-brand-active: #912a0d;--fill-1-info: #1f6eb2;--fill-1-info-hover: #1a5b93;--fill-1-info-active: #175082;--fill-1-success: #2a7e43;--fill-1-success-hover: #226737;--fill-1-success-active: #1f5c31;--fill-1-warning: #c37416;--fill-1-warning-hover: #ae6613;--fill-1-warning-active: #995200;--fill-1-critical: #c92c46;--fill-1-critical-hover: #b02038;--fill-1-critical-active: #a01c32;--fill-2: color-mix(in oklch, #8b6b59 10%, transparent);--fill-2-hover: color-mix(in oklch, #8b6b59 15%, transparent);--fill-2-active: color-mix(in oklch, #8b6b59 20%, transparent);--fill-2-brand: color-mix(in oklch, #e94520 10%, transparent);--fill-2-brand-hover: color-mix(in oklch, #e94520 15%, transparent);--fill-2-brand-active: color-mix(in oklch, #e94520 20%, transparent);--fill-2-info: color-mix(in oklch, #2686d9 10%, transparent);--fill-2-info-hover: color-mix(in oklch, #2686d9 15%, transparent);--fill-2-info-active: color-mix(in oklch, #2686d9 20%, transparent);--fill-2-success: color-mix(in oklch, #329550 10%, transparent);--fill-2-success-hover: color-mix(in oklch, #329550 15%, transparent);--fill-2-success-active: color-mix(in oklch, #329550 20%, transparent);--fill-2-warning: color-mix(in oklch, #ae6613 10%, transparent);--fill-2-warning-hover: color-mix(in oklch, #ae6613 15%, transparent);--fill-2-warning-active: color-mix(in oklch, #ae6613 20%, transparent);--fill-2-critical: color-mix(in oklch, #de455e 10%, transparent);--fill-2-critical-hover: color-mix(in oklch, #de455e 15%, transparent);--fill-2-critical-active: color-mix(in oklch, #de455e 20%, transparent);--fill-3: color-mix(in oklch, #8b6b59 5%, transparent);--fill-3-hover: color-mix(in oklch, #8b6b59 10%, transparent);--fill-3-active: color-mix(in oklch, #8b6b59 15%, transparent);--fill-3-brand: color-mix(in oklch, #e94520 5%, transparent);--fill-3-brand-hover: color-mix(in oklch, #e94520 10%, transparent);--fill-3-brand-active: color-mix(in oklch, #e94520 15%, transparent);--fill-3-info: color-mix(in oklch, #2686d9 5%, transparent);--fill-3-info-hover: color-mix(in oklch, #2686d9 10%, transparent);--fill-3-info-active: color-mix(in oklch, #2686d9 15%, transparent);--fill-3-success: color-mix(in oklch, #329550 5%, transparent);--fill-3-success-hover: color-mix(in oklch, #329550 10%, transparent);--fill-3-success-active: color-mix(in oklch, #329550 15%, transparent);--fill-3-warning: color-mix(in oklch, #ae6613 5%, transparent);--fill-3-warning-hover: color-mix(in oklch, #ae6613 10%, transparent);--fill-3-warning-active: color-mix(in oklch, #ae6613 15%, transparent);--fill-3-critical: color-mix(in oklch, #de455e 5%, transparent);--fill-3-critical-hover: color-mix(in oklch, #de455e 10%, transparent);--fill-3-critical-active: color-mix(in oklch, #de455e 15%, transparent);--fill-1-disabled: color-mix(in oklch, #79716d 50%, transparent);--fill-disabled: color-mix(in oklch, #79716d 10%, transparent);--stroke-1: #d8cfca;--stroke-1-hover: #c2b8b2;--stroke-1-active: #a39994;--stroke-1-brand: #fea192;--stroke-1-brand-hover: #f07866;--stroke-1-brand-active: #ee6d53;--stroke-1-info: #93c5ec;--stroke-1-info-hover: #69ace5;--stroke-1-info-active: #56a1e1;--stroke-1-success: #88d7a0;--stroke-1-success-hover: #5bc87b;--stroke-1-success-active: #44c169;--stroke-1-warning: #edb25a;--stroke-1-warning-hover: #e09127;--stroke-1-warning-active: #d88118;--stroke-1-critical: #efa4b0;--stroke-1-critical-hover: #e87f91;--stroke-1-critical-active: #e56c80;--stroke-2: color-mix(in oklch, #79716d 15%, transparent);--stroke-2-brand: color-mix(in oklch, #e94520 15%, transparent);--stroke-2-info: color-mix(in oklch, #2686d9 15%, transparent);--stroke-2-success: color-mix(in oklch, #329550 15%, transparent);--stroke-2-warning: color-mix(in oklch, #ae6613 15%, transparent);--stroke-2-critical: color-mix(in oklch, #de455e 15%, transparent);--stroke-disabled: color-mix(in oklch, #79716d 10%, transparent);--label-1: #56504d;--label-1-hover: #494441;--label-1-brand: #d03711;--label-1-brand-hover: #af2e0e;--label-1-info: #1f6eb2;--label-1-info-hover: #1a5b93;--label-1-success: #2a7e43;--label-1-success-hover: #226737;--label-1-warning: #995200;--label-1-warning-hover: #7f410b;--label-1-critical: #c92c46;--label-1-critical-hover: #b02038;--label-2: #665f5b;--label-2-hover: #56504d;--label-2-active: #494441;--label-2-brand: #d03711;--label-2-brand-hover: #af2e0e;--label-2-brand-active: #912a0d;--label-2-info: #1f6eb2;--label-2-info-hover: #1a5b93;--label-2-info-active: #175082;--label-2-success: #2a7e43;--label-2-success-hover: #226737;--label-2-success-active: #1f5c31;--label-2-warning: #995200;--label-2-warning-hover: #7f410b;--label-2-warning-active: #6a3b0c;--label-2-critical: #c92c46;--label-2-critical-hover: #b02038;--label-2-critical-active: #a01c32;--label-disabled: #b3a9a3;--label-on-fill: #ffffff;--label-on-fill-critical: #ffffff;--label-on-fill-disabled: #b3a9a3;--focus-ring: #b24393;--focus-halo: color-mix(in oklch, #ffffff 70%, transparent)}.dark{--fill-1: #c0b7bd;--fill-1-hover: #cbc5c9;--fill-1-active: #d5cfd3;--fill-1-brand: #fea192;--fill-1-brand-hover: #ffb3a7;--fill-1-brand-active: #ffc1b8;--fill-1-info: #93c5ec;--fill-1-info-hover: #a6cdef;--fill-1-info-active: #bad6f3;--fill-1-success: #88d7a0;--fill-1-success-hover: #9ddeb1;--fill-1-success-active: #b3e5c2;--fill-1-warning: #edb25a;--fill-1-warning-hover: #ffbd59;--fill-1-warning-active: #ffca7a;--fill-1-critical: #c92c46;--fill-1-critical-hover: #b02038;--fill-1-critical-active: #a01c32;--fill-2: color-mix(in oklch, #a398a0 17%, transparent);--fill-2-hover: color-mix(in oklch, #a398a0 25%, transparent);--fill-2-active: color-mix(in oklch, #a398a0 30%, transparent);--fill-2-brand: color-mix(in oklch, #e94520 25%, transparent);--fill-2-brand-hover: color-mix(in oklch, #e94520 30%, transparent);--fill-2-brand-active: color-mix(in oklch, #e94520 35%, transparent);--fill-2-info: color-mix(in oklch, #2686d9 25%, transparent);--fill-2-info-hover: color-mix(in oklch, #2686d9 30%, transparent);--fill-2-info-active: color-mix(in oklch, #2686d9 35%, transparent);--fill-2-success: color-mix(in oklch, #329550 25%, transparent);--fill-2-success-hover: color-mix(in oklch, #329550 30%, transparent);--fill-2-success-active: color-mix(in oklch, #329550 35%, transparent);--fill-2-warning: color-mix(in oklch, #ae6613 30%, transparent);--fill-2-warning-hover: color-mix(in oklch, #ae6613 30%, transparent);--fill-2-warning-active: color-mix(in oklch, #ae6613 35%, transparent);--fill-2-critical: color-mix(in oklch, #de455e 25%, transparent);--fill-2-critical-hover: color-mix(in oklch, #de455e 30%, transparent);--fill-2-critical-active: color-mix(in oklch, #de455e 35%, transparent);--fill-3: color-mix(in oklch, #a398a0 10%, transparent);--fill-3-hover: color-mix(in oklch, #a398a0 15%, transparent);--fill-3-active: color-mix(in oklch, #a398a0 20%, transparent);--fill-3-brand: color-mix(in oklch, #e94520 10%, transparent);--fill-3-brand-hover: color-mix(in oklch, #e94520 15%, transparent);--fill-3-brand-active: color-mix(in oklch, #e94520 20%, transparent);--fill-3-info: color-mix(in oklch, #2686d9 10%, transparent);--fill-3-info-hover: color-mix(in oklch, #2686d9 15%, transparent);--fill-3-info-active: color-mix(in oklch, #2686d9 20%, transparent);--fill-3-success: color-mix(in oklch, #329550 10%, transparent);--fill-3-success-hover: color-mix(in oklch, #329550 15%, transparent);--fill-3-success-active: color-mix(in oklch, #329550 20%, transparent);--fill-3-warning: color-mix(in oklch, #ae6613 10%, transparent);--fill-3-warning-hover: color-mix(in oklch, #ae6613 15%, transparent);--fill-3-warning-active: color-mix(in oklch, #ae6613 20%, transparent);--fill-3-critical: color-mix(in oklch, #de455e 10%, transparent);--fill-3-critical-hover: color-mix(in oklch, #de455e 15%, transparent);--fill-3-critical-active: color-mix(in oklch, #de455e 20%, transparent);--fill-1-disabled: color-mix(in oklch, #a398a0 50%, transparent);--fill-disabled: color-mix(in oklch, #a398a0 10%, transparent);--stroke-1: #533c4b;--stroke-1-hover: #6b5b66;--stroke-1-active: #7c6e78;--stroke-1-brand: #912a0d;--stroke-1-brand-hover: #d03711;--stroke-1-brand-active: #e94520;--stroke-1-info: #175082;--stroke-1-info-hover: #1f6eb2;--stroke-1-info-active: #2686d9;--stroke-1-success: #1f5c31;--stroke-1-success-hover: #2a7e43;--stroke-1-success-active: #329550;--stroke-1-warning: #6a3b0c;--stroke-1-warning-hover: #995200;--stroke-1-warning-active: #ae6613;--stroke-1-critical: #a01c32;--stroke-1-critical-hover: #c92c46;--stroke-1-critical-active: #de455e;--stroke-2: color-mix(in oklch, #a39994 15%, transparent);--stroke-2-brand: color-mix(in oklch, #e94520 25%, transparent);--stroke-2-info: color-mix(in oklch, #2686d9 25%, transparent);--stroke-2-success: color-mix(in oklch, #329550 25%, transparent);--stroke-2-warning: color-mix(in oklch, #ae6613 25%, transparent);--stroke-2-critical: color-mix(in oklch, #de455e 25%, transparent);--stroke-disabled: color-mix(in oklch, #a398a0 12%, transparent);--label-1: #cbc5c9;--label-1-hover: #d5cfd3;--label-1-brand: #ffb3a7;--label-1-brand-hover: #ffc1b8;--label-1-info: #99d0ff;--label-1-info-hover: #bad6f3;--label-1-success: #68ff95;--label-1-success-hover: #b3e5c2;--label-1-warning: #ffbd59;--label-1-warning-hover: #f3cc91;--label-1-critical: #ffabb9;--label-1-critical-hover: #f4c2cb;--label-2: #b1a8ae;--label-2-hover: #c0b7bd;--label-2-active: #cbc5c9;--label-2-brand: #fea192;--label-2-brand-hover: #ffb3a7;--label-2-brand-active: #ffc1b8;--label-2-info: #93c5ec;--label-2-info-hover: #a6cdef;--label-2-info-active: #bad6f3;--label-2-success: #88d7a0;--label-2-success-hover: #9ddeb1;--label-2-success-active: #b3e5c2;--label-2-warning: #edb25a;--label-2-warning-hover: #f0bf75;--label-2-warning-active: #f3cc91;--label-2-critical: #ff9cad;--label-2-critical-hover: #ffabb9;--label-2-critical-active: #f4c2cb;--label-disabled: #6b5b66;--label-on-fill: #000000;--label-on-fill-critical: #ffffff;--label-on-fill-disabled: #7c6e78;--focus-ring: #e17cc2;--focus-halo: color-mix(in oklch, #000000 70%, transparent)}@layer anta.theme{a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]),a-tab{font-stretch:88%}a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]),a-tab{letter-spacing:.05ch}a-input{--_input-adornment-font-stretch: 88%}a-tag{letter-spacing:.02ch}a-tag[allcaps]{letter-spacing:.08ch}:is(h1,h2,h3),a-title:is([level="1"],[level="2"],[level="3"]):not([font]),a-title[font=serif]{font-family:var(--serif);font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:is(h1,h2,h3,h4,h5,h6),a-title{letter-spacing:-.1px}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit],[type=checkbox],[type=radio]),a-tab,a-menu-item,a[data-anta-menu-item],details[data-anta]>summary):focus-visible,a-expander::part(summary):focus-visible,a-card>a:focus-visible,:is(a-checkbox,a-radio,a-switch):focus-visible:before,a-radio-group:focus-visible a-radio:state(selected):before{outline:2px solid var(--focus-ring);outline-offset:calc(-2px * var(--focus-ring-inset, 0));animation:focus-ring-pulse .6s cubic-bezier(.2,0,0,1);@media(prefers-reduced-motion:reduce){animation:none}}a-tab{--focus-ring-inset: 1}a-card>a{--focus-ring-inset: 1}a-card>a:focus-visible{box-shadow:none}a-expander:not([round])::part(summary){border-radius:1px}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit])):not([round]){--_radius: 999px}a-tabs:not([round],[data-steps]){--tab-radius: calc(var(--tab-height) / 2)}a-tabs:not([round],[data-steps],[priority=secondary],[priority=tertiary]){border-radius:var(--tab-radius)}a-tabs:not([data-steps])>a-tab{--tab-padding-x: round(.8em, 1px)}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit])){--_padding-x-text: round(.8em, 1px);--button-fg-primary-rest: var(--label-on-fill);--bg-primary-disabled: var(--fill-disabled);--fg-disabled-primary: var(--label-on-fill-disabled);--bg-secondary-disabled: var(--fill-disabled);--fg-disabled: var(--label-disabled);&[priority=primary]:focus-visible{box-shadow:inset 0 0 0 1px var(--focus-halo)}}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit])):not([priority=primary],[priority=tertiary],[priority=quaternary]){--button-fg: var(--button-fg-secondary-rest);box-shadow:inset 0 0 2px -1px currentColor;@media(hover:hover)and (pointer:fine){&:hover{--button-fg: var(--button-fg-secondary-hover)}}&:active,&[selected]{--button-fg: var(--button-fg-secondary-hover)}&[selected]{box-shadow:inset 0 0 0 1px color-mix(in oklch,currentColor 50%,transparent)}&[disabled]{box-shadow:inset 0 0 2px -1px var(--label-1)}}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]))[priority=quaternary][paddingless][selected]{box-shadow:0 0 0 1px color-mix(in oklch,currentColor 50%,transparent)}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit])):is(:not([tone]),[tone=""],[tone=neutral]){--button-bg-primary-rest: var(--fill-1);--button-bg-primary-hover: var(--fill-1-hover);--button-bg-primary-active: var(--fill-1-active);--button-fg-secondary-rest: var(--label-1);--button-fg-secondary-hover: var(--label-1-hover);--button-bg-secondary-rest: var(--fill-2);--button-bg-secondary-hover: var(--fill-2-hover);--button-bg-secondary-active: var(--fill-2-active);--button-fg-tertiary-rest: var(--label-2);--button-fg-tertiary-hover: var(--label-2-hover);--button-bg-tertiary-hover: var(--fill-3);--button-bg-tertiary-active: var(--fill-3-hover);--button-fg-quaternary-rest: light-dark(var(--label-2), color-mix(in oklch, var(--label-2) 90%, transparent));--button-fg-quaternary-hover: var(--label-2-active)}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]))[tone=brand]{--button-bg-primary-rest: var(--fill-1-brand);--button-bg-primary-hover: var(--fill-1-brand-hover);--button-bg-primary-active: var(--fill-1-brand-active);--button-fg-secondary-rest: var(--label-1-brand);--button-fg-secondary-hover: var(--label-1-brand-hover);--button-bg-secondary-rest: var(--fill-2-brand);--button-bg-secondary-hover: var(--fill-2-brand-hover);--button-bg-secondary-active: var(--fill-2-brand-active);--button-fg-tertiary-rest: var(--label-2-brand);--button-fg-tertiary-hover: var(--label-2-brand-hover);--button-bg-tertiary-hover: var(--fill-3-brand);--button-bg-tertiary-active: var(--fill-3-brand-hover);--button-fg-quaternary-rest: light-dark(var(--label-2-brand), color-mix(in oklch, var(--label-2-brand) 90%, transparent));--button-fg-quaternary-hover: var(--label-2-brand-active)}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]))[tone=info]{--button-bg-primary-rest: var(--fill-1-info);--button-bg-primary-hover: var(--fill-1-info-hover);--button-bg-primary-active: var(--fill-1-info-active);--button-fg-secondary-rest: var(--label-1-info);--button-fg-secondary-hover: var(--label-1-info-hover);--button-bg-secondary-rest: var(--fill-2-info);--button-bg-secondary-hover: var(--fill-2-info-hover);--button-bg-secondary-active: var(--fill-2-info-active);--button-fg-tertiary-rest: var(--label-2-info);--button-fg-tertiary-hover: var(--label-2-info-hover);--button-bg-tertiary-hover: var(--fill-3-info);--button-bg-tertiary-active: var(--fill-3-info-hover);--button-fg-quaternary-rest: light-dark(var(--label-2-info), color-mix(in oklch, var(--label-2-info) 90%, transparent));--button-fg-quaternary-hover: var(--label-2-info-active)}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]))[tone=success]{--button-bg-primary-rest: var(--fill-1-success);--button-bg-primary-hover: var(--fill-1-success-hover);--button-bg-primary-active: var(--fill-1-success-active);--button-fg-secondary-rest: var(--label-1-success);--button-fg-secondary-hover: var(--label-1-success-hover);--button-bg-secondary-rest: var(--fill-2-success);--button-bg-secondary-hover: var(--fill-2-success-hover);--button-bg-secondary-active: var(--fill-2-success-active);--button-fg-tertiary-rest: var(--label-2-success);--button-fg-tertiary-hover: var(--label-2-success-hover);--button-bg-tertiary-hover: var(--fill-3-success);--button-bg-tertiary-active: var(--fill-3-success-hover);--button-fg-quaternary-rest: light-dark(var(--label-2-success), color-mix(in oklch, var(--label-2-success) 90%, transparent));--button-fg-quaternary-hover: var(--label-2-success-active)}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]))[tone=warning]{--button-bg-primary-rest: var(--fill-1-warning);--button-bg-primary-hover: var(--fill-1-warning-hover);--button-bg-primary-active: var(--fill-1-warning-active);--button-fg-secondary-rest: var(--label-1-warning);--button-fg-secondary-hover: var(--label-1-warning-hover);--button-bg-secondary-rest: var(--fill-2-warning);--button-bg-secondary-hover: var(--fill-2-warning-hover);--button-bg-secondary-active: var(--fill-2-warning-active);--button-fg-tertiary-rest: var(--label-2-warning);--button-fg-tertiary-hover: var(--label-2-warning-hover);--button-bg-tertiary-hover: var(--fill-3-warning);--button-bg-tertiary-active: var(--fill-3-warning-hover);--button-fg-quaternary-rest: light-dark(var(--label-2-warning), color-mix(in oklch, var(--label-2-warning) 90%, transparent));--button-fg-quaternary-hover: var(--label-2-warning-active)}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]))[tone=critical]{--button-fg-primary-rest: var(--label-on-fill-critical);--button-bg-primary-rest: var(--fill-1-critical);--button-bg-primary-hover: var(--fill-1-critical-hover);--button-bg-primary-active: var(--fill-1-critical-active);--button-fg-secondary-rest: var(--label-1-critical);--button-fg-secondary-hover: var(--label-1-critical-hover);--button-bg-secondary-rest: var(--fill-2-critical);--button-bg-secondary-hover: var(--fill-2-critical-hover);--button-bg-secondary-active: var(--fill-2-critical-active);--button-fg-tertiary-rest: var(--label-2-critical);--button-fg-tertiary-hover: var(--label-2-critical-hover);--button-bg-tertiary-hover: var(--fill-3-critical);--button-bg-tertiary-active: var(--fill-3-critical-hover);--button-fg-quaternary-rest: light-dark(var(--label-2-critical), color-mix(in oklch, var(--label-2-critical) 90%, transparent));--button-fg-quaternary-hover: var(--label-2-critical-active)}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]))[tone]:not([tone=""],[tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]){--button-bg-primary-rest: light-dark(oklch(from var(--_src) .51 .17 h), oklch(from var(--_src) .8 .1 h));--button-bg-primary-hover: light-dark(oklch(from var(--_src) .46 .17 h), oklch(from var(--_src) .84 .095 h));--button-bg-primary-active: light-dark(oklch(from var(--_src) .41 .17 h), oklch(from var(--_src) .87 .075 h));--button-fg-secondary-rest: light-dark(oklch(from var(--_src) .46 .17 h), oklch(from var(--_src) .835 .1 h));--button-fg-secondary-hover: light-dark(oklch(from var(--_src) .4 .17 h), oklch(from var(--_src) .865 .07 h));--button-fg-tertiary-rest: light-dark(oklch(from var(--_src) .46 .17 h), oklch(from var(--_src) .8 .11 h));--button-fg-tertiary-hover: light-dark(oklch(from var(--_src) .4 .17 h), oklch(from var(--_src) .83 .09 h));--button-fg-quaternary-rest: light-dark(oklch(from var(--_src) .46 .17 h / .85), oklch(from var(--_src) .76 .115 h));--button-fg-quaternary-hover: light-dark(oklch(from var(--_src) .38 .17 h), oklch(from var(--_src) .835 .09 h))}:is(a-checkbox,input[data-anta][type=checkbox]){--checkbox-icon: var(--label-on-fill);--checkbox-icon-disabled: var(--label-on-fill-disabled);--checkbox-bg-disabled: var(--fill-disabled);--checkbox-border-disabled: var(--stroke-disabled)}a-checkbox{--checkbox-label-color: var(--text-1);--checkbox-hint-color: var(--text-4);--checkbox-mask-size: 14px;--checkbox-mask-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.26' stroke-linecap='square'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");--checkbox-mask-indeterminate: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.26' stroke-linecap='square'%3E%3Cpath d='M21 12H3'/%3E%3C/svg%3E");&[size=small]{--checkbox-mask-size: 12px;--checkbox-mask-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='square'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");--checkbox-mask-indeterminate: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='square'%3E%3Cpath d='M21 12H3'/%3E%3C/svg%3E")}&[size=large]{--checkbox-gap: 10px;--checkbox-mask-size: 16px;--checkbox-mask-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='square'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");--checkbox-mask-indeterminate: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='square'%3E%3Cpath d='M21 12H3'/%3E%3C/svg%3E")}&:not([round]):before{border-radius:1px}}:is(a-checkbox,input[data-anta][type=checkbox]):is(:not([tone]),[tone=""],[tone=neutral],[tone-scope=selected]){--checkbox-bg: var(--bg-1);--checkbox-border-neutral: var(--stroke-1);--checkbox-border: var(--checkbox-border-neutral);--checkbox-border-hover: var(--stroke-1-hover);--checkbox-border-active: var(--stroke-1-active)}:is(a-checkbox,input[data-anta][type=checkbox]):is(:not([tone]),[tone=""],[tone=neutral]){--checkbox-bg-selected: var(--fill-1);--checkbox-bg-selected-hover: var(--fill-1-hover);--checkbox-bg-selected-active: var(--fill-1-active)}:is(a-checkbox,input[data-anta][type=checkbox])[tone=brand]{--checkbox-bg-selected: var(--fill-1-brand);--checkbox-bg-selected-hover: var(--fill-1-brand-hover);--checkbox-bg-selected-active: var(--fill-1-brand-active);&:not([tone-scope=selected]){--checkbox-bg: var(--bg-2-brand);--checkbox-border: var(--stroke-1-brand);--checkbox-border-hover: var(--stroke-1-brand-hover);--checkbox-border-active: var(--stroke-1-brand-active)}}:is(a-checkbox,input[data-anta][type=checkbox])[tone=info]{--checkbox-bg-selected: var(--fill-1-info);--checkbox-bg-selected-hover: var(--fill-1-info-hover);--checkbox-bg-selected-active: var(--fill-1-info-active);&:not([tone-scope=selected]){--checkbox-bg: var(--bg-2-info);--checkbox-border: var(--stroke-1-info);--checkbox-border-hover: var(--stroke-1-info-hover);--checkbox-border-active: var(--stroke-1-info-active)}}:is(a-checkbox,input[data-anta][type=checkbox])[tone=success]{--checkbox-bg-selected: var(--fill-1-success);--checkbox-bg-selected-hover: var(--fill-1-success-hover);--checkbox-bg-selected-active: var(--fill-1-success-active);&:not([tone-scope=selected]){--checkbox-bg: var(--bg-2-success);--checkbox-border: var(--stroke-1-success);--checkbox-border-hover: var(--stroke-1-success-hover);--checkbox-border-active: var(--stroke-1-success-active)}}:is(a-checkbox,input[data-anta][type=checkbox])[tone=warning]{--checkbox-bg-selected: var(--fill-1-warning);--checkbox-bg-selected-hover: var(--fill-1-warning-hover);--checkbox-bg-selected-active: var(--fill-1-warning-active);&:not([tone-scope=selected]){--checkbox-bg: var(--bg-2-warning);--checkbox-border: var(--stroke-1-warning);--checkbox-border-hover: var(--stroke-1-warning-hover);--checkbox-border-active: var(--stroke-1-warning-active)}}:is(a-checkbox,input[data-anta][type=checkbox])[tone=critical]{--checkbox-icon: var(--label-on-fill-critical);--checkbox-bg-selected: var(--fill-1-critical);--checkbox-bg-selected-hover: var(--fill-1-critical-hover);--checkbox-bg-selected-active: var(--fill-1-critical-active);&:not([tone-scope=selected]){--checkbox-bg: var(--bg-2-critical);--checkbox-border: var(--stroke-1-critical);--checkbox-border-hover: var(--stroke-1-critical-hover);--checkbox-border-active: var(--stroke-1-critical-active)}}:is(a-checkbox,input[data-anta][type=checkbox])[tone]:not([tone=""],[tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]){--checkbox-bg-selected: light-dark(oklch(from var(--checkbox-tone-source) .5 c h), oklch(from var(--checkbox-tone-source) .8 .1 h));--checkbox-bg-selected-hover: light-dark(oklch(from var(--checkbox-tone-source) .45 c h), oklch(from var(--checkbox-tone-source) .84 .095 h));--checkbox-bg-selected-active: light-dark(oklch(from var(--checkbox-tone-source) .4 c h), oklch(from var(--checkbox-tone-source) .87 .075 h));--_checkbox-off-bg-selected: light-dark(oklch(from var(--checkbox-tone-source) .5 c h), oklch(from var(--checkbox-tone-source) .45 c h))}a-checkbox:after{clip-path:inset(0 100% 0 0)}a-checkbox:is(:state(checked),:state(indeterminate)):after{clip-path:inset(0)}@media(prefers-reduced-motion:no-preference){a-checkbox:is(:hover,:focus-visible):is(:state(checked),:state(indeterminate)):after{transition:clip-path .3s cubic-bezier(.45,.05,.55,.95)}}a-checkbox:is(:state(checked),:state(indeterminate)):focus-visible:before,input[data-anta][type=checkbox]:is(:checked,:indeterminate):focus-visible{border-width:0;box-shadow:inset 0 0 0 1px var(--focus-halo)}label:has(>input[data-anta][type=checkbox]){color:var(--text-1)}label:has(>input[data-anta][type=checkbox][size=large]){gap:10px}label:has(>input[data-anta][type=checkbox]:disabled){color:var(--text-4)}input[data-anta][type=checkbox]:not([round]){--checkbox-round: 1px}input[data-anta][type=checkbox]{--checkbox-mask-size: 14px}input[data-anta][type=checkbox][size=small]{--checkbox-mask-size: 12px}input[data-anta][type=checkbox][size=large]{--checkbox-mask-size: 16px}input[data-anta][type=checkbox]:disabled{border-color:var(--checkbox-border-disabled);background-color:var(--checkbox-bg-disabled)}input[data-anta][type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.26' stroke-linecap='square'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E")}input[data-anta][type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.26' stroke-linecap='square'%3E%3Cpath d='M21 12H3'/%3E%3C/svg%3E")}.dark input[data-anta][type=checkbox]:not([tone=critical]):checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.26' stroke-linecap='square'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E")}.dark input[data-anta][type=checkbox]:not([tone=critical]):indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.26' stroke-linecap='square'%3E%3Cpath d='M21 12H3'/%3E%3C/svg%3E")}input[data-anta][type=checkbox]:disabled:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b3a9a3' stroke-width='3.26' stroke-linecap='square'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E")}input[data-anta][type=checkbox]:disabled:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b3a9a3' stroke-width='3.26' stroke-linecap='square'%3E%3Cpath d='M21 12H3'/%3E%3C/svg%3E")}.dark input[data-anta][type=checkbox]:disabled:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c6e78' stroke-width='3.26' stroke-linecap='square'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E")}.dark input[data-anta][type=checkbox]:disabled:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c6e78' stroke-width='3.26' stroke-linecap='square'%3E%3Cpath d='M21 12H3'/%3E%3C/svg%3E")}:is(a-radio,input[data-anta][type=radio]){--radio-bg: var(--bg-1);--radio-border-neutral: var(--stroke-1);--radio-border: var(--radio-border-neutral);--radio-border-hover: var(--stroke-1-hover);--radio-border-active: var(--stroke-1-active);--radio-bg-selected: var(--fill-1);--radio-bg-selected-hover: var(--fill-1-hover);--radio-bg-selected-active: var(--fill-1-active);--radio-dot: var(--label-on-fill);--radio-dot-disabled: var(--label-on-fill-disabled);--radio-bg-disabled: var(--fill-disabled);--radio-border-disabled: var(--stroke-disabled)}:is(a-radio[tone=brand],a-radio-group[tone=brand] a-radio:not([tone]),input[data-anta][type=radio][tone=brand]){--radio-bg-selected: var(--fill-1-brand);--radio-bg-selected-hover: var(--fill-1-brand-hover);--radio-bg-selected-active: var(--fill-1-brand-active);--_radio-tint-bg: var(--bg-2-brand);--_radio-tint-border: var(--stroke-1-brand);--_radio-tint-border-hover: var(--stroke-1-brand-hover);--_radio-tint-border-active: var(--stroke-1-brand-active)}:is(a-radio[tone=info],a-radio-group[tone=info] a-radio:not([tone]),input[data-anta][type=radio][tone=info]){--radio-bg-selected: var(--fill-1-info);--radio-bg-selected-hover: var(--fill-1-info-hover);--radio-bg-selected-active: var(--fill-1-info-active);--_radio-tint-bg: var(--bg-2-info);--_radio-tint-border: var(--stroke-1-info);--_radio-tint-border-hover: var(--stroke-1-info-hover);--_radio-tint-border-active: var(--stroke-1-info-active)}:is(a-radio[tone=success],a-radio-group[tone=success] a-radio:not([tone]),input[data-anta][type=radio][tone=success]){--radio-bg-selected: var(--fill-1-success);--radio-bg-selected-hover: var(--fill-1-success-hover);--radio-bg-selected-active: var(--fill-1-success-active);--_radio-tint-bg: var(--bg-2-success);--_radio-tint-border: var(--stroke-1-success);--_radio-tint-border-hover: var(--stroke-1-success-hover);--_radio-tint-border-active: var(--stroke-1-success-active)}:is(a-radio[tone=warning],a-radio-group[tone=warning] a-radio:not([tone]),input[data-anta][type=radio][tone=warning]){--radio-bg-selected: var(--fill-1-warning);--radio-bg-selected-hover: var(--fill-1-warning-hover);--radio-bg-selected-active: var(--fill-1-warning-active);--_radio-tint-bg: var(--bg-2-warning);--_radio-tint-border: var(--stroke-1-warning);--_radio-tint-border-hover: var(--stroke-1-warning-hover);--_radio-tint-border-active: var(--stroke-1-warning-active)}:is(a-radio[tone=critical],a-radio-group[tone=critical] a-radio:not([tone]),input[data-anta][type=radio][tone=critical]){--radio-dot: var(--label-on-fill-critical);--radio-bg-selected: var(--fill-1-critical);--radio-bg-selected-hover: var(--fill-1-critical-hover);--radio-bg-selected-active: var(--fill-1-critical-active);--_radio-tint-bg: var(--bg-2-critical);--_radio-tint-border: var(--stroke-1-critical);--_radio-tint-border-hover: var(--stroke-1-critical-hover);--_radio-tint-border-active: var(--stroke-1-critical-active)}a-radio[tone]:not([tone=""],[tone=neutral],[tone-scope=selected]),a-radio-group[tone]:not([tone=""],[tone=neutral],[tone-scope=selected]) a-radio:not([tone],[tone-scope=selected]),a-radio-group[tone]:not([tone=""],[tone=neutral])[tone-scope=selected] a-radio[tone-scope=all]:not([tone]),input[data-anta][type=radio][tone]:not([tone=""],[tone=neutral],[tone-scope=selected]){--radio-bg: var(--_radio-tint-bg);--radio-border: var(--_radio-tint-border);--radio-border-hover: var(--_radio-tint-border-hover);--radio-border-active: var(--_radio-tint-border-active)}:is(a-radio[tone]:not([tone=""],[tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]),a-radio-group[tone]:not([tone=""],[tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]) a-radio:not([tone]),input[data-anta][type=radio][tone]:not([tone=""],[tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical])){--radio-bg-selected: light-dark(oklch(from var(--radio-tone-source) .5 c h), oklch(from var(--radio-tone-source) .8 .1 h));--radio-bg-selected-hover: light-dark(oklch(from var(--radio-tone-source) .45 c h), oklch(from var(--radio-tone-source) .84 .095 h));--radio-bg-selected-active: light-dark(oklch(from var(--radio-tone-source) .4 c h), oklch(from var(--radio-tone-source) .87 .075 h));--_radio-off-bg-selected: light-dark(oklch(from var(--radio-tone-source) .5 c h), oklch(from var(--radio-tone-source) .45 c h));--_radio-tint-bg: light-dark(oklch(from var(--radio-off-tone-source) .99 calc(c*.03) h), oklch(from var(--radio-off-tone-source) .15 calc(c*.18) h));--_radio-tint-border: light-dark(oklch(from var(--_radio-border-base) calc(l + .17) c h), var(--_radio-border-base));--_radio-tint-border-hover: oklch(from var(--_radio-border-base) calc(l + .1) c h);--_radio-tint-border-active: light-dark(var(--_radio-border-base), oklch(from var(--_radio-border-base) calc(l + .17) c h))}input[data-anta][type=radio]:disabled{border-color:var(--radio-border-disabled);background-color:var(--radio-bg-disabled)}input[data-anta][type=radio]:disabled:checked{border-color:var(--radio-border-disabled);background:radial-gradient(circle,var(--radio-dot-disabled) 0 var(--radio-dot-core),var(--radio-bg-disabled) var(--radio-dot-edge))}a-switch{--switch-thumb: var(--label-on-fill);--switch-thumb-shadow: 0 1px 2px color-mix(in oklch, #000000 25%, transparent);--switch-track-disabled: var(--fill-disabled);--switch-track-disabled-border: var(--stroke-disabled);--switch-track-on-disabled: var(--fill-disabled);--switch-track-on-disabled-border: var(--stroke-disabled);--switch-thumb-off-disabled: var(--label-on-fill-disabled);--switch-thumb-on-disabled: var(--label-on-fill-disabled);--switch-thumb-shadow-disabled: none}a-switch:is(:not([tone]),[tone=""],[tone=neutral],[tone-scope=selected]){--switch-track-off-stroke-neutral: var(--stroke-1);--switch-track-off-stroke-hover: var(--stroke-1-hover);--switch-track-off-stroke-active: var(--stroke-1-active)}a-switch:is(:not([tone]),[tone=""],[tone=neutral]){--switch-track-on: var(--fill-1);--switch-track-on-hover: var(--fill-1-hover);--switch-track-on-active: var(--fill-1-active)}a-switch[tone=brand]{--switch-track-on: var(--fill-1-brand);--switch-track-on-hover: var(--fill-1-brand-hover);--switch-track-on-active: var(--fill-1-brand-active);&:not([tone-scope=selected]){--switch-track-off-stroke: var(--stroke-1-brand);--switch-track-off-stroke-hover: var(--stroke-1-brand-hover);--switch-track-off-stroke-active: var(--stroke-1-brand-active);--switch-thumb-off: var(--switch-track-off-stroke)}}a-switch[tone=info]{--switch-track-on: var(--fill-1-info);--switch-track-on-hover: var(--fill-1-info-hover);--switch-track-on-active: var(--fill-1-info-active);&:not([tone-scope=selected]){--switch-track-off-stroke: var(--stroke-1-info);--switch-track-off-stroke-hover: var(--stroke-1-info-hover);--switch-track-off-stroke-active: var(--stroke-1-info-active);--switch-thumb-off: var(--switch-track-off-stroke)}}a-switch[tone=success]{--switch-track-on: var(--fill-1-success);--switch-track-on-hover: var(--fill-1-success-hover);--switch-track-on-active: var(--fill-1-success-active);&:not([tone-scope=selected]){--switch-track-off-stroke: var(--stroke-1-success);--switch-track-off-stroke-hover: var(--stroke-1-success-hover);--switch-track-off-stroke-active: var(--stroke-1-success-active);--switch-thumb-off: var(--switch-track-off-stroke)}}a-switch[tone=warning]{--switch-track-on: var(--fill-1-warning);--switch-track-on-hover: var(--fill-1-warning-hover);--switch-track-on-active: var(--fill-1-warning-active);&:not([tone-scope=selected]){--switch-track-off-stroke: var(--stroke-1-warning);--switch-track-off-stroke-hover: var(--stroke-1-warning-hover);--switch-track-off-stroke-active: var(--stroke-1-warning-active);--switch-thumb-off: var(--switch-track-off-stroke)}}a-switch[tone=critical]{--switch-thumb: var(--label-on-fill-critical);--switch-track-on: var(--fill-1-critical);--switch-track-on-hover: var(--fill-1-critical-hover);--switch-track-on-active: var(--fill-1-critical-active);&:not([tone-scope=selected]){--switch-track-off-stroke: var(--stroke-1-critical);--switch-track-off-stroke-hover: var(--stroke-1-critical-hover);--switch-track-off-stroke-active: var(--stroke-1-critical-active);--switch-thumb-off: var(--switch-track-off-stroke)}}a-switch[tone]:not([tone=""],[tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]){--switch-track-on: light-dark(oklch(from var(--switch-tone-source) .5 c h), oklch(from var(--switch-tone-source) .8 .1 h));--switch-track-on-hover: light-dark(oklch(from var(--switch-tone-source) .45 c h), oklch(from var(--switch-tone-source) .84 .095 h));--switch-track-on-active: light-dark(oklch(from var(--switch-tone-source) .4 c h), oklch(from var(--switch-tone-source) .87 .075 h))}a-radio:state(selected):focus-visible:before,a-radio-group:focus-visible a-radio:state(selected):before,input[data-anta][type=radio]:checked:focus-visible,a-switch:state(checked):focus-visible:before{border-width:0;box-shadow:inset 0 0 0 1px var(--focus-halo)}:is(a-slider,input[data-anta][type=range]):not([thumb-fill]){--anta-slider-thumb-border-width: 2px}a-slider:focus-visible::part(control),a-slider::part(thumb):focus-visible,input[data-anta][type=range]:focus-visible{outline-width:2px;animation:focus-ring-pulse .6s cubic-bezier(.2,0,0,1);@media(prefers-reduced-motion:reduce){animation:none}}a-slider::part(control),input[data-anta][type=range]{border-radius:1px}:is(a-slider,input[data-anta][type=range]):is(:not([tone]),[tone=""],[tone=neutral]){--slider-interactive-rest: light-dark(color-mix(in oklch, var(--border-2) 50%, var(--border-1)), var(--fill-1));--slider-fill-hover: light-dark(var(--border-1), var(--fill-1-hover))}:is(a-slider,input[data-anta][type=range])[tone=brand]{--slider-interactive-rest: light-dark(color-mix(in oklch, var(--border-2-brand) 50%, var(--border-1-brand)), var(--fill-1-brand));--slider-fill-hover: light-dark(var(--border-1-brand), var(--fill-1-brand-hover))}:is(a-slider,input[data-anta][type=range])[tone=info]{--slider-interactive-rest: light-dark(color-mix(in oklch, var(--border-2-info) 50%, var(--border-1-info)), var(--fill-1-info));--slider-fill-hover: light-dark(var(--border-1-info), var(--fill-1-info-hover))}:is(a-slider,input[data-anta][type=range])[tone=success]{--slider-interactive-rest: light-dark(color-mix(in oklch, var(--border-2-success) 50%, var(--border-1-success)), var(--fill-1-success));--slider-fill-hover: light-dark(var(--border-1-success), var(--fill-1-success-hover))}:is(a-slider,input[data-anta][type=range])[tone=warning]{--slider-interactive-rest: light-dark(color-mix(in oklch, var(--border-2-warning) 50%, var(--border-1-warning)), var(--fill-1-warning));--slider-fill-hover: light-dark(var(--border-1-warning), var(--fill-1-warning-hover))}:is(a-slider,input[data-anta][type=range])[tone=critical]{--slider-interactive-rest: light-dark(color-mix(in oklch, var(--border-2-critical) 50%, var(--border-1-critical)), var(--fill-1-critical));--slider-fill-hover: light-dark(var(--border-1-critical), var(--fill-1-critical-hover))}:is(a-slider,input[data-anta][type=range])[tone]:not([tone=""],[tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]){--slider-interactive-rest: light-dark(color-mix(in oklch, var(--slider-tone-source) 65%, var(--border-2)), oklch(from var(--slider-tone-source) .8 .1 h));--slider-fill-hover: light-dark(color-mix(in oklch, var(--slider-tone-source) 80%, var(--border-1)), oklch(from var(--slider-tone-source) .84 .095 h))}:is(a-slider,input[data-anta][type=range]):is(:not([thumb-tone]),[thumb-tone=""]){--slider-thumb-interactive-rest: var(--slider-interactive-rest);--slider-thumb-border-active: var(--slider-fill-hover)}:is(a-slider,input[data-anta][type=range])[thumb-tone=neutral]{--slider-thumb-interactive-rest: light-dark(color-mix(in oklch, var(--border-2) 50%, var(--border-1)), var(--fill-1));--slider-thumb-border-active: light-dark(var(--border-1), var(--fill-1-hover))}:is(a-slider,input[data-anta][type=range])[thumb-tone=brand]{--slider-thumb-interactive-rest: light-dark(color-mix(in oklch, var(--border-2-brand) 50%, var(--border-1-brand)), var(--fill-1-brand));--slider-thumb-border-active: light-dark(var(--border-1-brand), var(--fill-1-brand-hover))}:is(a-slider,input[data-anta][type=range])[thumb-tone=info]{--slider-thumb-interactive-rest: light-dark(color-mix(in oklch, var(--border-2-info) 50%, var(--border-1-info)), var(--fill-1-info));--slider-thumb-border-active: light-dark(var(--border-1-info), var(--fill-1-info-hover))}:is(a-slider,input[data-anta][type=range])[thumb-tone=success]{--slider-thumb-interactive-rest: light-dark(color-mix(in oklch, var(--border-2-success) 50%, var(--border-1-success)), var(--fill-1-success));--slider-thumb-border-active: light-dark(var(--border-1-success), var(--fill-1-success-hover))}:is(a-slider,input[data-anta][type=range])[thumb-tone=warning]{--slider-thumb-interactive-rest: light-dark(color-mix(in oklch, var(--border-2-warning) 50%, var(--border-1-warning)), var(--fill-1-warning));--slider-thumb-border-active: light-dark(var(--border-1-warning), var(--fill-1-warning-hover))}:is(a-slider,input[data-anta][type=range])[thumb-tone=critical]{--slider-thumb-interactive-rest: light-dark(color-mix(in oklch, var(--border-2-critical) 50%, var(--border-1-critical)), var(--fill-1-critical));--slider-thumb-border-active: light-dark(var(--border-1-critical), var(--fill-1-critical-hover))}:is(a-slider,input[data-anta][type=range])[thumb-tone]:not([thumb-tone=""],[thumb-tone=neutral],[thumb-tone=brand],[thumb-tone=info],[thumb-tone=success],[thumb-tone=warning],[thumb-tone=critical]){--slider-thumb-interactive-rest: light-dark(color-mix(in oklch, var(--slider-thumb-tone-source) 65%, var(--border-2)), oklch(from var(--slider-thumb-tone-source) .8 .1 h));--slider-thumb-border-active: light-dark(color-mix(in oklch, var(--slider-thumb-tone-source) 80%, var(--border-1)), oklch(from var(--slider-thumb-tone-source) .84 .095 h))}input[data-anta][type=range]{--slider-tone-source: var(--anta-native-range-tone-source, transparent);--slider-thumb-tone-source: var(--anta-native-range-thumb-tone-source, transparent);--anta-native-range-interactive-rest: var(--slider-interactive-rest);--anta-native-range-fill-hover: var(--slider-fill-hover);--anta-native-range-thumb-interactive-rest: var(--slider-thumb-interactive-rest);--anta-native-range-thumb-border-active: var(--slider-thumb-border-active)}a-input:not([round])::part(field),a-input:not([round]):not(:defined):after{border-radius:0}a-input{--_input-focus-width: 2px;--_input-focus-offset: -1px}a-input:not([readonly]):focus::part(field),a-input[readonly]:state(kb-focus)::part(field){--focus-ring-pulse-width: 3px;animation:focus-ring-pulse .6s cubic-bezier(.2,0,0,1);@media(prefers-reduced-motion:reduce){animation:none}}a-input:not([status]:not([status=neutral]),[tone]:not([tone=""]),:disabled){--input-border: var(--stroke-1-hover);--input-border-width: 1px;&:not([priority=tertiary]){--input-rest-border: var(--stroke-1)}}a-input[status=brand]:not(:disabled){--input-border: light-dark( var(--stroke-1-brand-active), oklch(from var(--stroke-1-brand-active) .6 calc(c*.75) h) )}a-input[status=info]:not(:disabled){--input-border: var(--stroke-1-info-active)}a-input[status=success]:not(:disabled){--input-border: var(--stroke-1-success-active)}a-input[status=warning]:not(:disabled){--input-border: var(--stroke-1-warning-active)}a-input[status=critical]:not(:disabled){--input-border: light-dark(#ff4a68, var(--stroke-1-critical-active))}a-input[status]:not([status=neutral],:disabled){--input-hint: light-dark( oklch(from var(--input-border) .53 c h), oklch(from var(--input-border) .72 c h) )}a-input:disabled{--input-border: var(--stroke-disabled);--input-border-width: 1px;&:not([priority=tertiary]){--input-rest-border: var(--stroke-disabled)}&:not([priority=secondary],[priority=tertiary]){--input-bg: var(--fill-disabled)}}a-input-time:not([round])::part(field),a-input-time:not([round]):not(:defined):after{border-radius:0}a-input-time:not([status]:not([status=neutral]),[tone]:not([tone=""]),:disabled){--input-time-border: var(--stroke-1);--input-time-border-hover: var(--stroke-1-hover)}a-input-time:not([tone]:not([tone=""]))::part(field),a-input-time:not([tone]:not([tone=""])):not(:defined):after{box-shadow:inset 0 0 0 1px var(--input-time-border)}@media(hover:hover)and (pointer:fine){a-input-time:not([tone]:not([tone=""]),:disabled)::part(field):hover{box-shadow:inset 0 0 0 1px var(--input-time-border-hover)}}a-input-time:not([tone]:not([tone=""])):focus-within::part(field){box-shadow:inset 0 0 0 1px var(--input-time-border-hover)}a-input-time:focus-within::part(field){--focus-ring-pulse-width: 3px;outline:2px solid var(--focus-ring);outline-offset:-1px;animation:focus-ring-pulse .6s cubic-bezier(.2,0,0,1);@media(prefers-reduced-motion:reduce){animation:none}}a-input-time[status=brand]:not(:disabled){--input-time-border: light-dark( var(--stroke-1-brand-active), oklch(from var(--stroke-1-brand-active) .6 calc(c*.75) h) )}a-input-time[status=info]:not(:disabled){--input-time-border: var(--stroke-1-info-active)}a-input-time[status=success]:not(:disabled){--input-time-border: var(--stroke-1-success-active)}a-input-time[status=warning]:not(:disabled){--input-time-border: var(--stroke-1-warning-active)}a-input-time[status=critical]:not(:disabled){--input-time-border: light-dark(#ff4a68, var(--stroke-1-critical-active))}a-input-time[status]:not([status=neutral],:disabled){--input-time-hint: light-dark( oklch(from var(--input-time-border) .53 c h), oklch(from var(--input-time-border) .72 c h) )}a-input-time:disabled{--input-time-border: var(--stroke-disabled);--input-time-bg: var(--fill-disabled)}:is(input[data-anta]:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=button],[type=reset],[type=submit],[type=image],[type=hidden]),textarea[data-anta],select[data-anta]):not([round]){--native-field-round: 0px}a-tag{border-radius:3px}a-tag[priority=primary]:is(:not([tone]),[tone=""],[tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning]){--tag-text: var(--label-on-fill)}a-tag[priority=primary]:is(:not([tone]),[tone=""],[tone=neutral]){--tag-bg: var(--fill-1)}a-tag[priority=primary][tone=brand]{--tag-bg: var(--fill-1-brand)}a-tag[priority=primary][tone=info]{--tag-bg: var(--fill-1-info)}a-tag[priority=primary][tone=success]{--tag-bg: var(--fill-1-success)}a-tag[priority=primary][tone=warning]{--tag-bg: light-dark(var(--fill-1-warning-active), var(--fill-1-warning))}a-tag[priority=primary][tone=critical]{--tag-bg: var(--fill-1-critical);--tag-text: var(--label-on-fill-critical)}a-tag:is(:not([tone]),[tone=""],[tone=neutral]):not([priority=primary]){--tag-text: light-dark(var(--text-2), var(--text-3))}a-tag[tone=brand]:not([priority=primary]){--tag-text: light-dark(var(--text-2-brand), var(--text-3-brand))}a-tag[tone=info]:not([priority=primary]){--tag-text: light-dark(var(--text-2-info), var(--text-3-info))}a-tag[tone=success]:not([priority=primary]){--tag-text: light-dark(var(--text-2-success), var(--text-3-success))}a-tag[tone=warning]:not([priority=primary]){--tag-text: light-dark(var(--text-2-warning), var(--text-3-warning))}a-tag[tone=critical]:not([priority=primary]){--tag-text: light-dark(var(--text-2-critical), var(--text-3-critical))}:where(a-progress,progress[data-anta]):is(:not([tone]),[tone=""],[tone=neutral]){--progress-indicator-bg: light-dark(var(--bg-5), #311228);--progress-border-color: light-dark(var(--border-4), #3f1b35)}a-card:not([round]){--card-radius: 1px}a-expander:not([round]){border-radius:1px}details[data-anta]:not([round]){--native-expander-round: 1px}a-dialog:not([round]){--dialog-radius: 1px}a-menu:not([round],a-menu[round] a-menu){--menu-radius: 2px}:is(a-menu-item,a[data-anta-menu-item]):is(:not([tone]),[tone=""],[tone=neutral]){--menu-item-color: var(--text-1);--menu-item-hover-bg: var(--fill-3-hover);--menu-item-selected-bg: var(--fill-3-active);--menu-item-active-bg: var(--fill-3-active)}:is(a-menu-item,a[data-anta-menu-item])[tone=brand]{--menu-item-hover-bg: var(--fill-3-brand-hover);--menu-item-selected-bg: var(--fill-3-brand-active);--menu-item-active-bg: var(--fill-3-brand-active)}:is(a-menu-item,a[data-anta-menu-item])[tone=info]{--menu-item-hover-bg: var(--fill-3-info-hover);--menu-item-selected-bg: var(--fill-3-info-active);--menu-item-active-bg: var(--fill-3-info-active)}:is(a-menu-item,a[data-anta-menu-item])[tone=success]{--menu-item-hover-bg: var(--fill-3-success-hover);--menu-item-selected-bg: var(--fill-3-success-active);--menu-item-active-bg: var(--fill-3-success-active)}:is(a-menu-item,a[data-anta-menu-item])[tone=warning]{--menu-item-hover-bg: var(--fill-3-warning-hover);--menu-item-selected-bg: var(--fill-3-warning-active);--menu-item-active-bg: var(--fill-3-warning-active)}:is(a-menu-item,a[data-anta-menu-item])[tone=critical]{--menu-item-hover-bg: var(--fill-3-critical-hover);--menu-item-selected-bg: var(--fill-3-critical-active);--menu-item-active-bg: var(--fill-3-critical-active)}:is(a-menu-item[disabled],a[data-anta-menu-item][aria-disabled=true]){--menu-item-color: var(--text-4);--menu-item-icon-color: var(--text-4);--menu-item-hint-color: var(--text-4)}}@layer anta.reset{:root :focus-visible:not([data-anta]){outline-width:2px;animation:focus-ring-pulse .6s cubic-bezier(.2,0,0,1);@media(prefers-reduced-motion:reduce){animation:none}}}@keyframes focus-ring-pulse{0%{outline-width:0;outline-offset:0;outline-color:color-mix(in oklch,var(--focus-ring) 60%,transparent)}30%{outline-width:var(--focus-ring-pulse-width, 4px);outline-offset:calc(-1 * var(--focus-ring-pulse-width, 4px) * var(--focus-ring-inset, 0));outline-color:color-mix(in oklch,var(--focus-ring) 60%,transparent)}}