@layer domino.reset,domino.tokens,domino.foundations;@layer domino.components{@layer icon{@layer elements{.dom-icon{flex-shrink:0}:host(.dom-icon){flex-shrink:0}}@layer modifiers{[data-size="12"]:-webkit-any(.dom-icon,:host(.dom-icon)){width:var(--space-3);height:var(--space-3)}[data-size="12"]:-moz-any(.dom-icon,:host(.dom-icon)){width:var(--space-3);height:var(--space-3)}[data-size="12"]:is(.dom-icon,:host(.dom-icon)){width:var(--space-3);height:var(--space-3)}[data-size="14"]:-webkit-any(.dom-icon,:host(.dom-icon)){width:var(--space-3-5);height:var(--space-3-5)}[data-size="14"]:-moz-any(.dom-icon,:host(.dom-icon)){width:var(--space-3-5);height:var(--space-3-5)}[data-size="14"]:is(.dom-icon,:host(.dom-icon)){width:var(--space-3-5);height:var(--space-3-5)}[data-size="16"]:-webkit-any(.dom-icon,:host(.dom-icon)){width:var(--space-4);height:var(--space-4)}[data-size="16"]:-moz-any(.dom-icon,:host(.dom-icon)){width:var(--space-4);height:var(--space-4)}[data-size="16"]:is(.dom-icon,:host(.dom-icon)){width:var(--space-4);height:var(--space-4)}[data-size="20"]:-webkit-any(.dom-icon,:host(.dom-icon)){width:var(--space-5);height:var(--space-5)}[data-size="20"]:-moz-any(.dom-icon,:host(.dom-icon)){width:var(--space-5);height:var(--space-5)}[data-size="20"]:is(.dom-icon,:host(.dom-icon)){width:var(--space-5);height:var(--space-5)}[data-size="24"]:-webkit-any(.dom-icon,:host(.dom-icon)){width:var(--space-6);height:var(--space-6)}[data-size="24"]:-moz-any(.dom-icon,:host(.dom-icon)){width:var(--space-6);height:var(--space-6)}[data-size="24"]:is(.dom-icon,:host(.dom-icon)){width:var(--space-6);height:var(--space-6)}[data-size="32"]:-webkit-any(.dom-icon,:host(.dom-icon)){width:var(--space-8);height:var(--space-8)}[data-size="32"]:-moz-any(.dom-icon,:host(.dom-icon)){width:var(--space-8);height:var(--space-8)}[data-size="32"]:is(.dom-icon,:host(.dom-icon)){width:var(--space-8);height:var(--space-8)}[data-variant=primary]:-webkit-any(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-tertiary-default);color:var(--icon-primary-default)}[data-variant=primary]:-moz-any(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-tertiary-default);color:var(--icon-primary-default)}[data-variant=primary]:is(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-tertiary-default);color:var(--icon-primary-default)}[data-variant=secondary]:-webkit-any(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-tertiary-default);color:var(--icon-secondary-default)}[data-variant=secondary]:-moz-any(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-tertiary-default);color:var(--icon-secondary-default)}[data-variant=secondary]:is(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-tertiary-default);color:var(--icon-secondary-default)}[data-variant=tertiary]:-webkit-any(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-tertiary-default);color:var(--icon-tertiary-default)}[data-variant=tertiary]:-moz-any(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-tertiary-default);color:var(--icon-tertiary-default)}[data-variant=tertiary]:is(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-tertiary-default);color:var(--icon-tertiary-default)}[data-variant=brand]:-webkit-any(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-duotone-brand-default);color:var(--icon-brand-default)}[data-variant=brand]:-moz-any(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-duotone-brand-default);color:var(--icon-brand-default)}[data-variant=brand]:is(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-duotone-brand-default);color:var(--icon-brand-default)}[data-variant=success]:-webkit-any(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-duotone-success-default);color:var(--icon-success-default)}[data-variant=success]:-moz-any(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-duotone-success-default);color:var(--icon-success-default)}[data-variant=success]:is(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-duotone-success-default);color:var(--icon-success-default)}[data-variant=warning]:-webkit-any(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-duotone-warning-default);color:var(--icon-warning-default)}[data-variant=warning]:-moz-any(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-duotone-warning-default);color:var(--icon-warning-default)}[data-variant=warning]:is(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-duotone-warning-default);color:var(--icon-warning-default)}[data-variant=error]:-webkit-any(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-duotone-error-default);color:var(--icon-error-default)}[data-variant=error]:-moz-any(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-duotone-error-default);color:var(--icon-error-default)}[data-variant=error]:is(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-duotone-error-default);color:var(--icon-error-default)}[data-variant=disabled]:-webkit-any(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-disabled-default);color:var(--icon-disabled-default)}[data-variant=disabled]:-moz-any(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-disabled-default);color:var(--icon-disabled-default)}[data-variant=disabled]:is(.dom-icon,:host(.dom-icon)){--dom-icon-color-2:var(--icon-disabled-default);color:var(--icon-disabled-default)}[data-duotone]:-webkit-any(.dom-icon,:host(.dom-icon)) [data-color=color-2]{color:var(--dom-icon-color-2,currentColor)}[data-duotone]:-moz-any(.dom-icon,:host(.dom-icon)) [data-color=color-2]{color:var(--dom-icon-color-2,currentColor)}[data-duotone]:is(.dom-icon,:host(.dom-icon)) [data-color=color-2]{color:var(--dom-icon-color-2,currentColor)}}}@layer checkbox{@layer elements{.dom-checkbox{--checkbox-gap:var(--space-2);--checkbox-motion-duration:.15s;--checkbox-surface:var(--surface-primary-default);--checkbox-surface-checked:var(--surface-brand-default);--checkbox-ring:var(--outline-primary-default);--checkbox-ring-checked:var(--palette-brand-200);--checkbox-ring-width:var(--space-0-5);--checkbox-content:currentColor;--checkbox-content-checked:var(--icon-fixed-white);--checkbox-label-color:var(--type-primary-default);--checkbox-label-font-size:var(--font-size-13);--checkbox-label-line-height:var(--line-height-18);color:var(--checkbox-content);background-color:var(--checkbox-surface);cursor:pointer;box-shadow:inset 0 0 0 var(--checkbox-ring-width)var(--checkbox-ring);transition:all .15s;transition:var(--checkbox-motion-duration)ease;justify-content:center;align-items:center;display:inline-flex;position:relative}:host(.dom-checkbox){--checkbox-gap:var(--space-2);--checkbox-motion-duration:.15s;--checkbox-surface:var(--surface-primary-default);--checkbox-surface-checked:var(--surface-brand-default);--checkbox-ring:var(--outline-primary-default);--checkbox-ring-checked:var(--palette-brand-200);--checkbox-ring-width:var(--space-0-5);--checkbox-content:currentColor;--checkbox-content-checked:var(--icon-fixed-white);--checkbox-label-color:var(--type-primary-default);--checkbox-label-font-size:var(--font-size-13);--checkbox-label-line-height:var(--line-height-18);color:var(--checkbox-content);background-color:var(--checkbox-surface);cursor:pointer;box-shadow:inset 0 0 0 var(--checkbox-ring-width)var(--checkbox-ring);transition:all .15s;transition:var(--checkbox-motion-duration)ease;justify-content:center;align-items:center;display:inline-flex;position:relative}:-webkit-any(.dom-checkbox,:host(.dom-checkbox)) .dom-checkbox__indicator{justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}:-moz-any(.dom-checkbox,:host(.dom-checkbox)) .dom-checkbox__indicator{justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}:is(.dom-checkbox,:host(.dom-checkbox)) .dom-checkbox__indicator{justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}}@layer modifiers{[data-size=sm]:-webkit-any(.dom-checkbox,:host(.dom-checkbox)){width:var(--space-4);height:var(--space-4);border-radius:var(--border-radius-sm)}[data-size=sm]:-moz-any(.dom-checkbox,:host(.dom-checkbox)){width:var(--space-4);height:var(--space-4);border-radius:var(--border-radius-sm)}[data-size=sm]:is(.dom-checkbox,:host(.dom-checkbox)){width:var(--space-4);height:var(--space-4);border-radius:var(--border-radius-sm)}[data-size=md]:-webkit-any(.dom-checkbox,:host(.dom-checkbox)){width:var(--space-5);height:var(--space-5);border-radius:var(--border-radius-sm)}[data-size=md]:-moz-any(.dom-checkbox,:host(.dom-checkbox)){width:var(--space-5);height:var(--space-5);border-radius:var(--border-radius-sm)}[data-size=md]:is(.dom-checkbox,:host(.dom-checkbox)){width:var(--space-5);height:var(--space-5);border-radius:var(--border-radius-sm)}[data-size=lg]:-webkit-any(.dom-checkbox,:host(.dom-checkbox)){width:var(--space-6);height:var(--space-6);border-radius:var(--border-radius-md)}[data-size=lg]:-moz-any(.dom-checkbox,:host(.dom-checkbox)){width:var(--space-6);height:var(--space-6);border-radius:var(--border-radius-md)}[data-size=lg]:is(.dom-checkbox,:host(.dom-checkbox)){width:var(--space-6);height:var(--space-6);border-radius:var(--border-radius-md)}}@layer states{[data-readonly]:-webkit-any(.dom-checkbox,:host(.dom-checkbox)):not([data-disabled]){cursor:default;pointer-events:none}[data-readonly]:-moz-any(.dom-checkbox,:host(.dom-checkbox)):not([data-disabled]){cursor:default;pointer-events:none}[data-readonly]:is(.dom-checkbox,:host(.dom-checkbox)):not([data-disabled]){cursor:default;pointer-events:none}[data-disabled]:-webkit-any(.dom-checkbox,:host(.dom-checkbox)){cursor:not-allowed;opacity:.5}[data-disabled]:-moz-any(.dom-checkbox,:host(.dom-checkbox)){cursor:not-allowed;opacity:.5}[data-disabled]:is(.dom-checkbox,:host(.dom-checkbox)){cursor:not-allowed;opacity:.5}[data-checked]:-webkit-any(.dom-checkbox,:host(.dom-checkbox)){background-color:var(--checkbox-surface-checked);box-shadow:inset 0 0 0 var(--checkbox-ring-width)var(--checkbox-ring-checked);color:var(--checkbox-content-checked)}[data-checked]:-moz-any(.dom-checkbox,:host(.dom-checkbox)){background-color:var(--checkbox-surface-checked);box-shadow:inset 0 0 0 var(--checkbox-ring-width)var(--checkbox-ring-checked);color:var(--checkbox-content-checked)}[data-checked]:is(.dom-checkbox,:host(.dom-checkbox)){background-color:var(--checkbox-surface-checked);box-shadow:inset 0 0 0 var(--checkbox-ring-width)var(--checkbox-ring-checked);color:var(--checkbox-content-checked)}[data-indeterminate]:-webkit-any(.dom-checkbox,:host(.dom-checkbox)){background-color:var(--checkbox-surface-checked);box-shadow:inset 0 0 0 var(--checkbox-ring-width)var(--checkbox-ring-checked);color:var(--checkbox-content-checked)}[data-indeterminate]:-moz-any(.dom-checkbox,:host(.dom-checkbox)){background-color:var(--checkbox-surface-checked);box-shadow:inset 0 0 0 var(--checkbox-ring-width)var(--checkbox-ring-checked);color:var(--checkbox-content-checked)}[data-indeterminate]:is(.dom-checkbox,:host(.dom-checkbox)){background-color:var(--checkbox-surface-checked);box-shadow:inset 0 0 0 var(--checkbox-ring-width)var(--checkbox-ring-checked);color:var(--checkbox-content-checked)}:-webkit-any(.dom-checkbox,:host(.dom-checkbox)):focus-visible{outline:var(--space-0-5)solid var(--surface-brand-default);outline-offset:var(--space-0-5)}:-moz-any(.dom-checkbox,:host(.dom-checkbox)):focus-visible{outline:var(--space-0-5)solid var(--surface-brand-default);outline-offset:var(--space-0-5)}:is(.dom-checkbox,:host(.dom-checkbox)):focus-visible{outline:var(--space-0-5)solid var(--surface-brand-default);outline-offset:var(--space-0-5)}[data-unchecked]:-webkit-any(:-webkit-any(.dom-checkbox,:host(.dom-checkbox)) .dom-checkbox__indicator){visibility:hidden}[data-unchecked]:-moz-any(:-moz-any(.dom-checkbox,:host(.dom-checkbox)) .dom-checkbox__indicator){visibility:hidden}[data-unchecked]:is(:is(.dom-checkbox,:host(.dom-checkbox)) .dom-checkbox__indicator){visibility:hidden}}}@layer switch{@layer elements{.dom-switch{--switch-motion-duration:.15s;--switch-thumb-offset:var(--space-0-5);--switch-track-bg:var(--surface-tertiary-default);--switch-track-bg-hover:var(--surface-tertiary-hover);--switch-track-bg-checked:var(--surface-brand-default);--switch-track-bg-checked-hover:var(--surface-brand-hover);--switch-thumb-bg:var(--surface-fixed-white);--switch-focus-ring:var(--surface-brand-default);cursor:pointer;border-radius:var(--border-radius-full);background-color:var(--switch-track-bg);transition:background-color .15s;transition:background-color var(--switch-motion-duration)ease;flex-shrink:0;align-items:center;display:inline-flex;position:relative}:host(.dom-switch){--switch-motion-duration:.15s;--switch-thumb-offset:var(--space-0-5);--switch-track-bg:var(--surface-tertiary-default);--switch-track-bg-hover:var(--surface-tertiary-hover);--switch-track-bg-checked:var(--surface-brand-default);--switch-track-bg-checked-hover:var(--surface-brand-hover);--switch-thumb-bg:var(--surface-fixed-white);--switch-focus-ring:var(--surface-brand-default);cursor:pointer;border-radius:var(--border-radius-full);background-color:var(--switch-track-bg);transition:background-color .15s;transition:background-color var(--switch-motion-duration)ease;flex-shrink:0;align-items:center;display:inline-flex;position:relative}:-webkit-any(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{pointer-events:none;border-radius:var(--border-radius-full);background-color:var(--switch-thumb-bg);translate:var(--switch-thumb-offset)0;transition:translate var(--switch-motion-duration)ease-in-out;display:block;box-shadow:0 1px 2px rgba(0,0,0,.05)}:-moz-any(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{pointer-events:none;border-radius:var(--border-radius-full);background-color:var(--switch-thumb-bg);translate:var(--switch-thumb-offset)0;transition:translate var(--switch-motion-duration)ease-in-out;display:block;box-shadow:0 1px 2px rgba(0,0,0,.05)}:is(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{pointer-events:none;border-radius:var(--border-radius-full);background-color:var(--switch-thumb-bg);translate:var(--switch-thumb-offset)0;transition:translate var(--switch-motion-duration)ease-in-out;display:block;box-shadow:0 1px 2px rgba(0,0,0,.05)}}@layer modifiers{[data-size=sm]:-webkit-any(.dom-switch,:host(.dom-switch)){width:var(--space-7);height:var(--space-4)}[data-size=sm]:-moz-any(.dom-switch,:host(.dom-switch)){width:var(--space-7);height:var(--space-4)}[data-size=sm]:is(.dom-switch,:host(.dom-switch)){width:var(--space-7);height:var(--space-4)}[data-size=sm]:-webkit-any(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{width:var(--space-3);height:var(--space-3)}[data-size=sm]:-moz-any(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{width:var(--space-3);height:var(--space-3)}[data-size=sm]:is(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{width:var(--space-3);height:var(--space-3)}[data-size=sm][data-checked]:-webkit-any(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{translate:var(--space-3-5)0}[data-size=sm][data-checked]:-moz-any(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{translate:var(--space-3-5)0}[data-size=sm][data-checked]:is(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{translate:var(--space-3-5)0}[data-size=md]:-webkit-any(.dom-switch,:host(.dom-switch)){width:var(--space-9);height:var(--space-5)}[data-size=md]:-moz-any(.dom-switch,:host(.dom-switch)){width:var(--space-9);height:var(--space-5)}[data-size=md]:is(.dom-switch,:host(.dom-switch)){width:var(--space-9);height:var(--space-5)}[data-size=md]:-webkit-any(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{width:var(--space-4);height:var(--space-4)}[data-size=md]:-moz-any(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{width:var(--space-4);height:var(--space-4)}[data-size=md]:is(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{width:var(--space-4);height:var(--space-4)}[data-size=md][data-checked]:-webkit-any(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{translate:var(--space-4-5)0}[data-size=md][data-checked]:-moz-any(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{translate:var(--space-4-5)0}[data-size=md][data-checked]:is(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{translate:var(--space-4-5)0}[data-size=lg]:-webkit-any(.dom-switch,:host(.dom-switch)){width:var(--space-11);height:var(--space-6)}[data-size=lg]:-moz-any(.dom-switch,:host(.dom-switch)){width:var(--space-11);height:var(--space-6)}[data-size=lg]:is(.dom-switch,:host(.dom-switch)){width:var(--space-11);height:var(--space-6)}[data-size=lg]:-webkit-any(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{width:var(--space-5);height:var(--space-5)}[data-size=lg]:-moz-any(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{width:var(--space-5);height:var(--space-5)}[data-size=lg]:is(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{width:var(--space-5);height:var(--space-5)}[data-size=lg][data-checked]:-webkit-any(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{translate:calc(var(--space-11) - var(--space-5) - var(--switch-thumb-offset))0}[data-size=lg][data-checked]:-moz-any(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{translate:calc(var(--space-11) - var(--space-5) - var(--switch-thumb-offset))0}[data-size=lg][data-checked]:is(.dom-switch,:host(.dom-switch)) .dom-switch__thumb{translate:calc(var(--space-11) - var(--space-5) - var(--switch-thumb-offset))0}}@layer states{:-webkit-any(.dom-switch,:host(.dom-switch)):hover{background-color:var(--switch-track-bg-hover)}:-moz-any(.dom-switch,:host(.dom-switch)):hover{background-color:var(--switch-track-bg-hover)}:is(.dom-switch,:host(.dom-switch)):hover{background-color:var(--switch-track-bg-hover)}[data-checked]:-webkit-any(.dom-switch,:host(.dom-switch)){background-color:var(--switch-track-bg-checked)}[data-checked]:-moz-any(.dom-switch,:host(.dom-switch)){background-color:var(--switch-track-bg-checked)}[data-checked]:is(.dom-switch,:host(.dom-switch)){background-color:var(--switch-track-bg-checked)}[data-checked]:-webkit-any(.dom-switch,:host(.dom-switch)):hover{background-color:var(--switch-track-bg-checked-hover)}[data-checked]:-moz-any(.dom-switch,:host(.dom-switch)):hover{background-color:var(--switch-track-bg-checked-hover)}[data-checked]:is(.dom-switch,:host(.dom-switch)):hover{background-color:var(--switch-track-bg-checked-hover)}[data-disabled]:-webkit-any(.dom-switch,:host(.dom-switch)){cursor:not-allowed;opacity:.5}[data-disabled]:-moz-any(.dom-switch,:host(.dom-switch)){cursor:not-allowed;opacity:.5}[data-disabled]:is(.dom-switch,:host(.dom-switch)){cursor:not-allowed;opacity:.5}:-webkit-any(.dom-switch,:host(.dom-switch)):focus-visible{outline:var(--space-0-5)solid var(--switch-focus-ring);outline-offset:var(--space-0-5)}:-moz-any(.dom-switch,:host(.dom-switch)):focus-visible{outline:var(--space-0-5)solid var(--switch-focus-ring);outline-offset:var(--space-0-5)}:is(.dom-switch,:host(.dom-switch)):focus-visible{outline:var(--space-0-5)solid var(--switch-focus-ring);outline-offset:var(--space-0-5)}}}@layer input{@layer elements{.dom-input{--input-motion-duration:.15s;--input-radius:var(--border-radius-md);--input-surface:var(--surface-secondary-default);--input-content:var(--type-primary-default);--input-placeholder:var(--type-tertiary-default);--input-ring-focus:var(--outline-brand-default);--input-ring-invalid:var(--outline-error-default);--input-ring-width:var(--space-px);min-width:0;color:var(--input-content);background-color:var(--input-surface);border-radius:var(--input-radius);transition:box-shadow .15s ease-out;transition:box-shadow var(--input-motion-duration)ease-out;align-items:center;display:flex}:host(.dom-input){--input-motion-duration:.15s;--input-radius:var(--border-radius-md);--input-surface:var(--surface-secondary-default);--input-content:var(--type-primary-default);--input-placeholder:var(--type-tertiary-default);--input-ring-focus:var(--outline-brand-default);--input-ring-invalid:var(--outline-error-default);--input-ring-width:var(--space-px);min-width:0;color:var(--input-content);background-color:var(--input-surface);border-radius:var(--input-radius);transition:box-shadow .15s ease-out;transition:box-shadow var(--input-motion-duration)ease-out;align-items:center;display:flex}:-webkit-any(.dom-input,:host(.dom-input)) .dom-input__control{all:unset;width:100%;min-width:0;color:inherit;font:inherit;background:0 0;flex:auto}:-moz-any(.dom-input,:host(.dom-input)) .dom-input__control{all:unset;width:100%;min-width:0;color:inherit;font:inherit;background:0 0;flex:auto}:is(.dom-input,:host(.dom-input)) .dom-input__control{all:unset;width:100%;min-width:0;color:inherit;font:inherit;background:0 0;flex:auto}:is(.dom-input,:host(.dom-input)) .dom-input__control::-moz-placeholder{color:var(--input-placeholder)}:-webkit-any(.dom-input,:host(.dom-input)) .dom-input__control::-webkit-input-placeholder{color:var(--input-placeholder)}:-moz-any(.dom-input,:host(.dom-input)) .dom-input__control::placeholder{color:var(--input-placeholder)}:is(.dom-input,:host(.dom-input)) .dom-input__control::-ms-input-placeholder{color:var(--input-placeholder)}:is(.dom-input,:host(.dom-input)) .dom-input__control::placeholder{color:var(--input-placeholder)}:-webkit-any(.dom-input,:host(.dom-input)) .dom-input__adornment{color:var(--input-placeholder);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}:-moz-any(.dom-input,:host(.dom-input)) .dom-input__adornment{color:var(--input-placeholder);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}:is(.dom-input,:host(.dom-input)) .dom-input__adornment{color:var(--input-placeholder);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}}@layer modifiers{[data-size=sm]:-webkit-any(.dom-input,:host(.dom-input)){--input-gap:var(--space-1-5);--input-height:var(--space-7);--input-padding-block:var(--space-1);--input-padding-inline:var(--space-2-5);--input-font-size:var(--font-size-13);--input-line-height:var(--line-height-20)}[data-size=sm]:-moz-any(.dom-input,:host(.dom-input)){--input-gap:var(--space-1-5);--input-height:var(--space-7);--input-padding-block:var(--space-1);--input-padding-inline:var(--space-2-5);--input-font-size:var(--font-size-13);--input-line-height:var(--line-height-20)}[data-size=sm]:is(.dom-input,:host(.dom-input)){--input-gap:var(--space-1-5);--input-height:var(--space-7);--input-padding-block:var(--space-1);--input-padding-inline:var(--space-2-5);--input-font-size:var(--font-size-13);--input-line-height:var(--line-height-20)}[data-size=md]:-webkit-any(.dom-input,:host(.dom-input)){--input-gap:var(--space-2);--input-height:var(--space-9);--input-padding-block:var(--space-2);--input-padding-inline:var(--space-3);--input-font-size:var(--font-size-13);--input-line-height:var(--line-height-20)}[data-size=md]:-moz-any(.dom-input,:host(.dom-input)){--input-gap:var(--space-2);--input-height:var(--space-9);--input-padding-block:var(--space-2);--input-padding-inline:var(--space-3);--input-font-size:var(--font-size-13);--input-line-height:var(--line-height-20)}[data-size=md]:is(.dom-input,:host(.dom-input)){--input-gap:var(--space-2);--input-height:var(--space-9);--input-padding-block:var(--space-2);--input-padding-inline:var(--space-3);--input-font-size:var(--font-size-13);--input-line-height:var(--line-height-20)}[data-size=lg]:-webkit-any(.dom-input,:host(.dom-input)){--input-gap:var(--space-2);--input-height:var(--space-11);--input-padding-block:var(--space-2);--input-padding-inline:var(--space-3-5);--input-font-size:var(--font-size-18);--input-line-height:var(--line-height-28)}[data-size=lg]:-moz-any(.dom-input,:host(.dom-input)){--input-gap:var(--space-2);--input-height:var(--space-11);--input-padding-block:var(--space-2);--input-padding-inline:var(--space-3-5);--input-font-size:var(--font-size-18);--input-line-height:var(--line-height-28)}[data-size=lg]:is(.dom-input,:host(.dom-input)){--input-gap:var(--space-2);--input-height:var(--space-11);--input-padding-block:var(--space-2);--input-padding-inline:var(--space-3-5);--input-font-size:var(--font-size-18);--input-line-height:var(--line-height-28)}[data-size]:-webkit-any(.dom-input,:host(.dom-input)){gap:var(--input-gap);height:var(--input-height);padding-top:var(--input-padding-block);padding-bottom:var(--input-padding-block);padding-left:var(--input-padding-inline);padding-right:var(--input-padding-inline);font-size:var(--input-font-size);line-height:var(--input-line-height)}[data-size]:-moz-any(.dom-input,:host(.dom-input)){gap:var(--input-gap);height:var(--input-height);padding-top:var(--input-padding-block);padding-bottom:var(--input-padding-block);padding-left:var(--input-padding-inline);padding-right:var(--input-padding-inline);font-size:var(--input-font-size);line-height:var(--input-line-height)}[data-size]:is(.dom-input,:host(.dom-input)){gap:var(--input-gap);height:var(--input-height);padding-top:var(--input-padding-block);padding-bottom:var(--input-padding-block);padding-left:var(--input-padding-inline);padding-right:var(--input-padding-inline);font-size:var(--input-font-size);line-height:var(--input-line-height)}:-webkit-any(.dom-input,:host(.dom-input)):has(.dom-input__adornment:first-child :-webkit-any(button,a)){padding-left:var(--space-2)}:-moz-any(.dom-input,:host(.dom-input)):has(.dom-input__adornment:first-child :-moz-any(button,a)){padding-left:var(--space-2)}:is(.dom-input,:host(.dom-input)):has(.dom-input__adornment:first-child :is(button,a)){padding-left:var(--space-2)}:-webkit-any(.dom-input,:host(.dom-input)):has(.dom-input__adornment:last-child :-webkit-any(button,a)){padding-right:var(--space-2)}:-moz-any(.dom-input,:host(.dom-input)):has(.dom-input__adornment:last-child :-moz-any(button,a)){padding-right:var(--space-2)}:is(.dom-input,:host(.dom-input)):has(.dom-input__adornment:last-child :is(button,a)){padding-right:var(--space-2)}}@layer states{:-webkit-any(.dom-input,:host(.dom-input)):focus-within{box-shadow:inset 0 0 0 var(--input-ring-width)var(--input-ring-focus)}:-moz-any(.dom-input,:host(.dom-input)):focus-within{box-shadow:inset 0 0 0 var(--input-ring-width)var(--input-ring-focus)}:is(.dom-input,:host(.dom-input)):focus-within{box-shadow:inset 0 0 0 var(--input-ring-width)var(--input-ring-focus)}[data-invalid]:-webkit-any(.dom-input,:host(.dom-input)){box-shadow:inset 0 0 0 var(--input-ring-width)var(--input-ring-invalid)}[data-invalid]:-moz-any(.dom-input,:host(.dom-input)){box-shadow:inset 0 0 0 var(--input-ring-width)var(--input-ring-invalid)}[data-invalid]:is(.dom-input,:host(.dom-input)){box-shadow:inset 0 0 0 var(--input-ring-width)var(--input-ring-invalid)}:-webkit-any(.dom-input,:host(.dom-input)):has(.dom-input__control[data-invalid]){box-shadow:inset 0 0 0 var(--input-ring-width)var(--input-ring-invalid)}:-moz-any(.dom-input,:host(.dom-input)):has(.dom-input__control[data-invalid]){box-shadow:inset 0 0 0 var(--input-ring-width)var(--input-ring-invalid)}:is(.dom-input,:host(.dom-input)):has(.dom-input__control[data-invalid]){box-shadow:inset 0 0 0 var(--input-ring-width)var(--input-ring-invalid)}[data-disabled]:-webkit-any(.dom-input,:host(.dom-input)){--input-surface:var(--surface-primary-default);cursor:not-allowed}[data-disabled]:-moz-any(.dom-input,:host(.dom-input)){--input-surface:var(--surface-primary-default);cursor:not-allowed}[data-disabled]:is(.dom-input,:host(.dom-input)){--input-surface:var(--surface-primary-default);cursor:not-allowed}:-webkit-any(.dom-input,:host(.dom-input)):has(.dom-input__control[data-disabled]){--input-surface:var(--surface-primary-default);cursor:not-allowed}:-moz-any(.dom-input,:host(.dom-input)):has(.dom-input__control[data-disabled]){--input-surface:var(--surface-primary-default);cursor:not-allowed}:is(.dom-input,:host(.dom-input)):has(.dom-input__control[data-disabled]){--input-surface:var(--surface-primary-default);cursor:not-allowed}}}@layer separator{@layer elements{.dom-separator{--sep-color:var(--surface-secondary-default);--sep-thickness:var(--space-px);--sep-radius:var(--border-radius-none);--sep-motion-duration:.15s;background-color:var(--sep-color);border-radius:var(--sep-radius);transition:background-color .15s ease-out;transition:background-color var(--sep-motion-duration)ease-out;flex-shrink:0;display:block}:host(.dom-separator){--sep-color:var(--surface-secondary-default);--sep-thickness:var(--space-px);--sep-radius:var(--border-radius-none);--sep-motion-duration:.15s;background-color:var(--sep-color);border-radius:var(--sep-radius);transition:background-color .15s ease-out;transition:background-color var(--sep-motion-duration)ease-out;flex-shrink:0;display:block}@media (prefers-reduced-motion:reduce){.dom-separator{transition:none}:host(.dom-separator){transition:none}}}@layer modifiers{[data-orientation=horizontal]:-webkit-any(.dom-separator,:host(.dom-separator)){width:auto;height:var(--sep-thickness)}[data-orientation=horizontal]:-moz-any(.dom-separator,:host(.dom-separator)){width:auto;height:var(--sep-thickness)}[data-orientation=horizontal]:is(.dom-separator,:host(.dom-separator)){width:auto;height:var(--sep-thickness)}[data-orientation=vertical]:-webkit-any(.dom-separator,:host(.dom-separator)){--sep-thickness:var(--space-0-5);--sep-radius:var(--border-radius-sm);width:var(--sep-thickness);height:var(--space-4)}[data-orientation=vertical]:-moz-any(.dom-separator,:host(.dom-separator)){--sep-thickness:var(--space-0-5);--sep-radius:var(--border-radius-sm);width:var(--sep-thickness);height:var(--space-4)}[data-orientation=vertical]:is(.dom-separator,:host(.dom-separator)){--sep-thickness:var(--space-0-5);--sep-radius:var(--border-radius-sm);width:var(--sep-thickness);height:var(--space-4)}}}@layer pill{@layer elements{.dom-pill{--pill-surface:var(--surface-brand-default);--pill-content:var(--type-fixed-white);border-radius:var(--border-radius-full);font-weight:var(--font-weight-medium);color:var(--pill-content);background-color:var(--pill-surface);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}:host(.dom-pill){--pill-surface:var(--surface-brand-default);--pill-content:var(--type-fixed-white);border-radius:var(--border-radius-full);font-weight:var(--font-weight-medium);color:var(--pill-content);background-color:var(--pill-surface);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}}@layer modifiers{[data-variant=primary]:-webkit-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-brand-default);--pill-content:var(--type-fixed-white)}[data-variant=primary]:-moz-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-brand-default);--pill-content:var(--type-fixed-white)}[data-variant=primary]:is(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-brand-default);--pill-content:var(--type-fixed-white)}[data-variant=secondary]:-webkit-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-secondary-default);--pill-content:var(--type-primary-default)}[data-variant=secondary]:-moz-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-secondary-default);--pill-content:var(--type-primary-default)}[data-variant=secondary]:is(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-secondary-default);--pill-content:var(--type-primary-default)}[data-variant=success]:-webkit-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-success-default);--pill-content:var(--type-fixed-white)}[data-variant=success]:-moz-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-success-default);--pill-content:var(--type-fixed-white)}[data-variant=success]:is(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-success-default);--pill-content:var(--type-fixed-white)}[data-variant=warning]:-webkit-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-warning-default);--pill-content:var(--type-fixed-black)}[data-variant=warning]:-moz-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-warning-default);--pill-content:var(--type-fixed-black)}[data-variant=warning]:is(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-warning-default);--pill-content:var(--type-fixed-black)}[data-variant=danger]:-webkit-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-error-default);--pill-content:var(--type-fixed-white)}[data-variant=danger]:-moz-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-error-default);--pill-content:var(--type-fixed-white)}[data-variant=danger]:is(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-error-default);--pill-content:var(--type-fixed-white)}[data-variant=info]:-webkit-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-info-default);--pill-content:var(--type-fixed-white)}[data-variant=info]:-moz-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-info-default);--pill-content:var(--type-fixed-white)}[data-variant=info]:is(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-info-default);--pill-content:var(--type-fixed-white)}[data-variant=soft-primary]:-webkit-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-brand-soft-default);--pill-content:var(--type-brand-default)}[data-variant=soft-primary]:-moz-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-brand-soft-default);--pill-content:var(--type-brand-default)}[data-variant=soft-primary]:is(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-brand-soft-default);--pill-content:var(--type-brand-default)}[data-variant=soft-success]:-webkit-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-success-soft-default);--pill-content:var(--type-success-default)}[data-variant=soft-success]:-moz-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-success-soft-default);--pill-content:var(--type-success-default)}[data-variant=soft-success]:is(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-success-soft-default);--pill-content:var(--type-success-default)}[data-variant=soft-warning]:-webkit-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-warning-soft-default);--pill-content:var(--type-warning-default)}[data-variant=soft-warning]:-moz-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-warning-soft-default);--pill-content:var(--type-warning-default)}[data-variant=soft-warning]:is(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-warning-soft-default);--pill-content:var(--type-warning-default)}[data-variant=soft-danger]:-webkit-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-error-soft-default);--pill-content:var(--type-error-default)}[data-variant=soft-danger]:-moz-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-error-soft-default);--pill-content:var(--type-error-default)}[data-variant=soft-danger]:is(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-error-soft-default);--pill-content:var(--type-error-default)}[data-variant=soft-info]:-webkit-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-info-soft-default);--pill-content:var(--type-info-default)}[data-variant=soft-info]:-moz-any(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-info-soft-default);--pill-content:var(--type-info-default)}[data-variant=soft-info]:is(.dom-pill,:host(.dom-pill)){--pill-surface:var(--surface-info-soft-default);--pill-content:var(--type-info-default)}[data-size=xs]:-webkit-any(.dom-pill,:host(.dom-pill)){padding-top:var(--space-0-5);padding-bottom:var(--space-0-5);padding-left:var(--space-1-5);padding-right:var(--space-1-5);font-size:var(--font-size-12);line-height:var(--line-height-16)}[data-size=xs]:-moz-any(.dom-pill,:host(.dom-pill)){padding-top:var(--space-0-5);padding-bottom:var(--space-0-5);padding-left:var(--space-1-5);padding-right:var(--space-1-5);font-size:var(--font-size-12);line-height:var(--line-height-16)}[data-size=xs]:is(.dom-pill,:host(.dom-pill)){padding-top:var(--space-0-5);padding-bottom:var(--space-0-5);padding-left:var(--space-1-5);padding-right:var(--space-1-5);font-size:var(--font-size-12);line-height:var(--line-height-16)}[data-size=sm]:-webkit-any(.dom-pill,:host(.dom-pill)){padding-top:var(--space-1);padding-bottom:var(--space-1);padding-left:var(--space-2);padding-right:var(--space-2);font-size:var(--font-size-12);line-height:var(--line-height-16)}[data-size=sm]:-moz-any(.dom-pill,:host(.dom-pill)){padding-top:var(--space-1);padding-bottom:var(--space-1);padding-left:var(--space-2);padding-right:var(--space-2);font-size:var(--font-size-12);line-height:var(--line-height-16)}[data-size=sm]:is(.dom-pill,:host(.dom-pill)){padding-top:var(--space-1);padding-bottom:var(--space-1);padding-left:var(--space-2);padding-right:var(--space-2);font-size:var(--font-size-12);line-height:var(--line-height-16)}[data-size=md]:-webkit-any(.dom-pill,:host(.dom-pill)){padding-top:var(--space-1-5);padding-bottom:var(--space-1-5);padding-left:var(--space-2-5);padding-right:var(--space-2-5);font-size:var(--font-size-14);line-height:var(--line-height-20)}[data-size=md]:-moz-any(.dom-pill,:host(.dom-pill)){padding-top:var(--space-1-5);padding-bottom:var(--space-1-5);padding-left:var(--space-2-5);padding-right:var(--space-2-5);font-size:var(--font-size-14);line-height:var(--line-height-20)}[data-size=md]:is(.dom-pill,:host(.dom-pill)){padding-top:var(--space-1-5);padding-bottom:var(--space-1-5);padding-left:var(--space-2-5);padding-right:var(--space-2-5);font-size:var(--font-size-14);line-height:var(--line-height-20)}[data-size=lg]:-webkit-any(.dom-pill,:host(.dom-pill)){padding-top:var(--space-2);padding-bottom:var(--space-2);padding-left:var(--space-3);padding-right:var(--space-3);font-size:var(--font-size-14);line-height:var(--line-height-20)}[data-size=lg]:-moz-any(.dom-pill,:host(.dom-pill)){padding-top:var(--space-2);padding-bottom:var(--space-2);padding-left:var(--space-3);padding-right:var(--space-3);font-size:var(--font-size-14);line-height:var(--line-height-20)}[data-size=lg]:is(.dom-pill,:host(.dom-pill)){padding-top:var(--space-2);padding-bottom:var(--space-2);padding-left:var(--space-3);padding-right:var(--space-3);font-size:var(--font-size-14);line-height:var(--line-height-20)}}}@layer tooltip{@layer elements{.dom-tooltip{--tooltip-surface:var(--type-fixed-black);--tooltip-content:var(--type-fixed-white);--tooltip-radius:var(--border-radius-md);--tooltip-padding-block:var(--space-1-5);--tooltip-padding-inline:var(--space-2-5);--tooltip-motion-duration:.15s;--tooltip-motion-easing:cubic-bezier(.165,.84,.44,1);z-index:50;border-radius:var(--tooltip-radius);padding-top:var(--tooltip-padding-block);padding-bottom:var(--tooltip-padding-block);padding-left:var(--tooltip-padding-inline);padding-right:var(--tooltip-padding-inline);background-color:var(--tooltip-surface);color:var(--tooltip-content);font-size:var(--font-size-13);line-height:var(--line-height-18);box-shadow:0 4px 6px -1px color-mix(in srgb,var(--tooltip-surface)10%,transparent),0 2px 4px -2px color-mix(in srgb,var(--tooltip-surface)10%,transparent);animation:.15s cubic-bezier(.165,.84,.44,1) tooltip-in;animation:tooltip-in var(--tooltip-motion-duration)var(--tooltip-motion-easing)}:host(.dom-tooltip){--tooltip-surface:var(--type-fixed-black);--tooltip-content:var(--type-fixed-white);--tooltip-radius:var(--border-radius-md);--tooltip-padding-block:var(--space-1-5);--tooltip-padding-inline:var(--space-2-5);--tooltip-motion-duration:.15s;--tooltip-motion-easing:cubic-bezier(.165,.84,.44,1);z-index:50;border-radius:var(--tooltip-radius);padding-top:var(--tooltip-padding-block);padding-bottom:var(--tooltip-padding-block);padding-left:var(--tooltip-padding-inline);padding-right:var(--tooltip-padding-inline);background-color:var(--tooltip-surface);color:var(--tooltip-content);font-size:var(--font-size-13);line-height:var(--line-height-18);box-shadow:0 4px 6px -1px color-mix(in srgb,var(--tooltip-surface)10%,transparent),0 2px 4px -2px color-mix(in srgb,var(--tooltip-surface)10%,transparent);animation:.15s cubic-bezier(.165,.84,.44,1) tooltip-in;animation:tooltip-in var(--tooltip-motion-duration)var(--tooltip-motion-easing)}.dom-tooltip__arrow{fill:var(--tooltip-surface)}:host(.dom-tooltip__arrow){fill:var(--tooltip-surface)}}@layer modifiers{[data-ending-style]:-webkit-any(.dom-tooltip,:host(.dom-tooltip)){animation:none}[data-ending-style]:-moz-any(.dom-tooltip,:host(.dom-tooltip)){animation:none}[data-ending-style]:is(.dom-tooltip,:host(.dom-tooltip)){animation:none}}@media (prefers-reduced-motion:reduce){.dom-tooltip{animation:none}:host(.dom-tooltip){animation:none}}}@layer chip{@layer elements{.dom-chip{--chip-motion-duration:.15s;--chip-radius:var(--border-radius-md);--chip-surface:var(--surface-brand-default);--chip-content:var(--type-fixed-white);--chip-padding-block:var(--space-1-5);--chip-padding-inline-start:var(--space-2-5);--chip-padding-inline-end:var(--space-2-5);--chip-gap:var(--space-1-5);--chip-font-size:var(--font-size-14);--chip-line-height:var(--line-height-20);--chip-dismiss-opacity:.6;--chip-dismiss-opacity-hover:1;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-width:0;font-weight:var(--font-weight-medium);color:var(--chip-content);background-color:var(--chip-surface);border-radius:var(--chip-radius);font-size:var(--chip-font-size);line-height:var(--chip-line-height);padding-top:var(--chip-padding-block);padding-bottom:var(--chip-padding-block);padding-left:var(--chip-padding-inline-start);padding-right:var(--chip-padding-inline-end);align-items:center;gap:var(--chip-gap);transition:all .15s ease-out;transition:var(--chip-motion-duration)ease-out;display:inline-flex;overflow:hidden}:host(.dom-chip){--chip-motion-duration:.15s;--chip-radius:var(--border-radius-md);--chip-surface:var(--surface-brand-default);--chip-content:var(--type-fixed-white);--chip-padding-block:var(--space-1-5);--chip-padding-inline-start:var(--space-2-5);--chip-padding-inline-end:var(--space-2-5);--chip-gap:var(--space-1-5);--chip-font-size:var(--font-size-14);--chip-line-height:var(--line-height-20);--chip-dismiss-opacity:.6;--chip-dismiss-opacity-hover:1;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-width:0;font-weight:var(--font-weight-medium);color:var(--chip-content);background-color:var(--chip-surface);border-radius:var(--chip-radius);font-size:var(--chip-font-size);line-height:var(--chip-line-height);padding-top:var(--chip-padding-block);padding-bottom:var(--chip-padding-block);padding-left:var(--chip-padding-inline-start);padding-right:var(--chip-padding-inline-end);align-items:center;gap:var(--chip-gap);transition:all .15s ease-out;transition:var(--chip-motion-duration)ease-out;display:inline-flex;overflow:hidden}[data-dismissible]:-webkit-any(.dom-chip,:host(.dom-chip)){position:relative}[data-dismissible]:-moz-any(.dom-chip,:host(.dom-chip)){position:relative}[data-dismissible]:is(.dom-chip,:host(.dom-chip)){position:relative}:-webkit-any(.dom-chip,:host(.dom-chip)) .dom-chip__trigger{all:unset;cursor:inherit;text-overflow:ellipsis;white-space:nowrap;align-items:center;min-width:0;display:inline-flex;overflow:hidden}:-moz-any(.dom-chip,:host(.dom-chip)) .dom-chip__trigger{all:unset;cursor:inherit;text-overflow:ellipsis;white-space:nowrap;align-items:center;min-width:0;display:inline-flex;overflow:hidden}:is(.dom-chip,:host(.dom-chip)) .dom-chip__trigger{all:unset;cursor:inherit;text-overflow:ellipsis;white-space:nowrap;align-items:center;min-width:0;display:inline-flex;overflow:hidden}:-webkit-any(.dom-chip,:host(.dom-chip)) .dom-chip__trigger:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0}:-moz-any(.dom-chip,:host(.dom-chip)) .dom-chip__trigger:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0}:is(.dom-chip,:host(.dom-chip)) .dom-chip__trigger:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0}:-webkit-any(.dom-chip,:host(.dom-chip)) .dom-chip__dismiss{z-index:1;border-radius:var(--border-radius-full);cursor:pointer;opacity:var(--chip-dismiss-opacity);transition:opacity var(--chip-motion-duration)ease-out;justify-content:center;align-items:center;display:inline-flex;position:relative}:-moz-any(.dom-chip,:host(.dom-chip)) .dom-chip__dismiss{z-index:1;border-radius:var(--border-radius-full);cursor:pointer;opacity:var(--chip-dismiss-opacity);transition:opacity var(--chip-motion-duration)ease-out;justify-content:center;align-items:center;display:inline-flex;position:relative}:is(.dom-chip,:host(.dom-chip)) .dom-chip__dismiss{z-index:1;border-radius:var(--border-radius-full);cursor:pointer;opacity:var(--chip-dismiss-opacity);transition:opacity var(--chip-motion-duration)ease-out;justify-content:center;align-items:center;display:inline-flex;position:relative}:-webkit-any(.dom-chip,:host(.dom-chip)) .dom-chip__dismiss:hover{opacity:var(--chip-dismiss-opacity-hover)}:-moz-any(.dom-chip,:host(.dom-chip)) .dom-chip__dismiss:hover{opacity:var(--chip-dismiss-opacity-hover)}:is(.dom-chip,:host(.dom-chip)) .dom-chip__dismiss:hover{opacity:var(--chip-dismiss-opacity-hover)}}@layer modifiers{[data-variant=primary]:-webkit-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-brand-default);--chip-content:var(--type-fixed-white)}[data-variant=primary]:-moz-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-brand-default);--chip-content:var(--type-fixed-white)}[data-variant=primary]:is(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-brand-default);--chip-content:var(--type-fixed-white)}[data-variant=secondary]:-webkit-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-secondary-default);--chip-content:var(--type-primary-default)}[data-variant=secondary]:-moz-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-secondary-default);--chip-content:var(--type-primary-default)}[data-variant=secondary]:is(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-secondary-default);--chip-content:var(--type-primary-default)}[data-variant=success]:-webkit-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-success-default);--chip-content:var(--type-fixed-white)}[data-variant=success]:-moz-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-success-default);--chip-content:var(--type-fixed-white)}[data-variant=success]:is(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-success-default);--chip-content:var(--type-fixed-white)}[data-variant=warning]:-webkit-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-warning-default);--chip-content:var(--type-fixed-black)}[data-variant=warning]:-moz-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-warning-default);--chip-content:var(--type-fixed-black)}[data-variant=warning]:is(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-warning-default);--chip-content:var(--type-fixed-black)}[data-variant=danger]:-webkit-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-error-default);--chip-content:var(--type-fixed-white)}[data-variant=danger]:-moz-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-error-default);--chip-content:var(--type-fixed-white)}[data-variant=danger]:is(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-error-default);--chip-content:var(--type-fixed-white)}[data-variant=info]:-webkit-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-info-default);--chip-content:var(--type-fixed-white)}[data-variant=info]:-moz-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-info-default);--chip-content:var(--type-fixed-white)}[data-variant=info]:is(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-info-default);--chip-content:var(--type-fixed-white)}[data-variant=soft-primary]:-webkit-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-brand-soft-default);--chip-content:var(--type-brand-default)}[data-variant=soft-primary]:-moz-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-brand-soft-default);--chip-content:var(--type-brand-default)}[data-variant=soft-primary]:is(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-brand-soft-default);--chip-content:var(--type-brand-default)}[data-variant=soft-success]:-webkit-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-success-soft-default);--chip-content:var(--type-success-default)}[data-variant=soft-success]:-moz-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-success-soft-default);--chip-content:var(--type-success-default)}[data-variant=soft-success]:is(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-success-soft-default);--chip-content:var(--type-success-default)}[data-variant=soft-warning]:-webkit-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-warning-soft-default);--chip-content:var(--type-warning-default)}[data-variant=soft-warning]:-moz-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-warning-soft-default);--chip-content:var(--type-warning-default)}[data-variant=soft-warning]:is(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-warning-soft-default);--chip-content:var(--type-warning-default)}[data-variant=soft-danger]:-webkit-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-error-soft-default);--chip-content:var(--type-error-default)}[data-variant=soft-danger]:-moz-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-error-soft-default);--chip-content:var(--type-error-default)}[data-variant=soft-danger]:is(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-error-soft-default);--chip-content:var(--type-error-default)}[data-variant=soft-info]:-webkit-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-info-soft-default);--chip-content:var(--type-info-default)}[data-variant=soft-info]:-moz-any(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-info-soft-default);--chip-content:var(--type-info-default)}[data-variant=soft-info]:is(.dom-chip,:host(.dom-chip)){--chip-surface:var(--surface-info-soft-default);--chip-content:var(--type-info-default)}[data-size=xs]:-webkit-any(.dom-chip,:host(.dom-chip)){--chip-padding-block:var(--space-0-5);--chip-padding-inline-start:var(--space-1-5);--chip-padding-inline-end:var(--space-1-5);--chip-gap:var(--space-1);--chip-font-size:var(--font-size-12);--chip-line-height:var(--line-height-16)}[data-size=xs]:-moz-any(.dom-chip,:host(.dom-chip)){--chip-padding-block:var(--space-0-5);--chip-padding-inline-start:var(--space-1-5);--chip-padding-inline-end:var(--space-1-5);--chip-gap:var(--space-1);--chip-font-size:var(--font-size-12);--chip-line-height:var(--line-height-16)}[data-size=xs]:is(.dom-chip,:host(.dom-chip)){--chip-padding-block:var(--space-0-5);--chip-padding-inline-start:var(--space-1-5);--chip-padding-inline-end:var(--space-1-5);--chip-gap:var(--space-1);--chip-font-size:var(--font-size-12);--chip-line-height:var(--line-height-16)}[data-size=sm]:-webkit-any(.dom-chip,:host(.dom-chip)){--chip-padding-block:var(--space-1);--chip-padding-inline-start:var(--space-2);--chip-padding-inline-end:var(--space-2);--chip-gap:var(--space-1);--chip-font-size:var(--font-size-12);--chip-line-height:var(--line-height-16)}[data-size=sm]:-moz-any(.dom-chip,:host(.dom-chip)){--chip-padding-block:var(--space-1);--chip-padding-inline-start:var(--space-2);--chip-padding-inline-end:var(--space-2);--chip-gap:var(--space-1);--chip-font-size:var(--font-size-12);--chip-line-height:var(--line-height-16)}[data-size=sm]:is(.dom-chip,:host(.dom-chip)){--chip-padding-block:var(--space-1);--chip-padding-inline-start:var(--space-2);--chip-padding-inline-end:var(--space-2);--chip-gap:var(--space-1);--chip-font-size:var(--font-size-12);--chip-line-height:var(--line-height-16)}[data-size=md]:-webkit-any(.dom-chip,:host(.dom-chip)){--chip-padding-block:var(--space-1-5);--chip-padding-inline-start:var(--space-2-5);--chip-padding-inline-end:var(--space-2-5);--chip-gap:var(--space-1-5);--chip-font-size:var(--font-size-14);--chip-line-height:var(--line-height-20)}[data-size=md]:-moz-any(.dom-chip,:host(.dom-chip)){--chip-padding-block:var(--space-1-5);--chip-padding-inline-start:var(--space-2-5);--chip-padding-inline-end:var(--space-2-5);--chip-gap:var(--space-1-5);--chip-font-size:var(--font-size-14);--chip-line-height:var(--line-height-20)}[data-size=md]:is(.dom-chip,:host(.dom-chip)){--chip-padding-block:var(--space-1-5);--chip-padding-inline-start:var(--space-2-5);--chip-padding-inline-end:var(--space-2-5);--chip-gap:var(--space-1-5);--chip-font-size:var(--font-size-14);--chip-line-height:var(--line-height-20)}[data-size=lg]:-webkit-any(.dom-chip,:host(.dom-chip)){--chip-padding-block:var(--space-2);--chip-padding-inline-start:var(--space-3);--chip-padding-inline-end:var(--space-3);--chip-gap:var(--space-2);--chip-font-size:var(--font-size-14);--chip-line-height:var(--line-height-20)}[data-size=lg]:-moz-any(.dom-chip,:host(.dom-chip)){--chip-padding-block:var(--space-2);--chip-padding-inline-start:var(--space-3);--chip-padding-inline-end:var(--space-3);--chip-gap:var(--space-2);--chip-font-size:var(--font-size-14);--chip-line-height:var(--line-height-20)}[data-size=lg]:is(.dom-chip,:host(.dom-chip)){--chip-padding-block:var(--space-2);--chip-padding-inline-start:var(--space-3);--chip-padding-inline-end:var(--space-3);--chip-gap:var(--space-2);--chip-font-size:var(--font-size-14);--chip-line-height:var(--line-height-20)}[data-dismissible][data-size=xs]:-webkit-any(.dom-chip,:host(.dom-chip)){--chip-padding-inline-end:var(--space-1)}[data-dismissible][data-size=xs]:-moz-any(.dom-chip,:host(.dom-chip)){--chip-padding-inline-end:var(--space-1)}[data-dismissible][data-size=xs]:is(.dom-chip,:host(.dom-chip)){--chip-padding-inline-end:var(--space-1)}[data-dismissible][data-size=sm]:-webkit-any(.dom-chip,:host(.dom-chip)){--chip-padding-inline-end:var(--space-1-5)}[data-dismissible][data-size=sm]:-moz-any(.dom-chip,:host(.dom-chip)){--chip-padding-inline-end:var(--space-1-5)}[data-dismissible][data-size=sm]:is(.dom-chip,:host(.dom-chip)){--chip-padding-inline-end:var(--space-1-5)}[data-dismissible][data-size=md]:-webkit-any(.dom-chip,:host(.dom-chip)){--chip-padding-inline-end:var(--space-2)}[data-dismissible][data-size=md]:-moz-any(.dom-chip,:host(.dom-chip)){--chip-padding-inline-end:var(--space-2)}[data-dismissible][data-size=md]:is(.dom-chip,:host(.dom-chip)){--chip-padding-inline-end:var(--space-2)}[data-dismissible][data-size=lg]:-webkit-any(.dom-chip,:host(.dom-chip)){--chip-padding-inline-end:var(--space-2-5)}[data-dismissible][data-size=lg]:-moz-any(.dom-chip,:host(.dom-chip)){--chip-padding-inline-end:var(--space-2-5)}[data-dismissible][data-size=lg]:is(.dom-chip,:host(.dom-chip)){--chip-padding-inline-end:var(--space-2-5)}}@layer states{:-webkit-any(.dom-chip,:host(.dom-chip)):focus-visible{outline:var(--space-0-5)solid var(--surface-brand-default);outline-offset:var(--space-0-5)}:-moz-any(.dom-chip,:host(.dom-chip)):focus-visible{outline:var(--space-0-5)solid var(--surface-brand-default);outline-offset:var(--space-0-5)}:is(.dom-chip,:host(.dom-chip)):focus-visible{outline:var(--space-0-5)solid var(--surface-brand-default);outline-offset:var(--space-0-5)}:-webkit-any(.dom-chip,:host(.dom-chip)):has(:focus-visible){outline:var(--space-0-5)solid var(--surface-brand-default);outline-offset:var(--space-0-5)}:-moz-any(.dom-chip,:host(.dom-chip)):has(:focus-visible){outline:var(--space-0-5)solid var(--surface-brand-default);outline-offset:var(--space-0-5)}:is(.dom-chip,:host(.dom-chip)):has(:focus-visible){outline:var(--space-0-5)solid var(--surface-brand-default);outline-offset:var(--space-0-5)}:-webkit-any(.dom-chip,:host(.dom-chip)):-webkit-any(:disabled,[disabled]){cursor:not-allowed;opacity:.5}:-moz-any(.dom-chip,:host(.dom-chip)):-moz-any(:disabled,[disabled]){cursor:not-allowed;opacity:.5}:is(.dom-chip,:host(.dom-chip)):is(:disabled,[disabled]){cursor:not-allowed;opacity:.5}[data-disabled]:-webkit-any(.dom-chip,:host(.dom-chip)){cursor:not-allowed;opacity:.5}[data-disabled]:-moz-any(.dom-chip,:host(.dom-chip)){cursor:not-allowed;opacity:.5}[data-disabled]:is(.dom-chip,:host(.dom-chip)){cursor:not-allowed;opacity:.5}:-webkit-any(:-webkit-any(.dom-chip,:host(.dom-chip)):-webkit-any(:disabled,[disabled]),[data-disabled]:-webkit-any(.dom-chip,:host(.dom-chip))) .dom-chip__dismiss{pointer-events:none;cursor:default}:-moz-any(:-moz-any(.dom-chip,:host(.dom-chip)):-moz-any(:disabled,[disabled]),[data-disabled]:-moz-any(.dom-chip,:host(.dom-chip))) .dom-chip__dismiss{pointer-events:none;cursor:default}:is(:is(.dom-chip,:host(.dom-chip)):is(:disabled,[disabled]),[data-disabled]:is(.dom-chip,:host(.dom-chip))) .dom-chip__dismiss{pointer-events:none;cursor:default}}}@layer button-group{@layer elements{.dom-button-group{--btn-group-radius:var(--border-radius-md);--btn-group-separator:var(--outline-tertiary-active);width:-moz-max-content;border-radius:var(--btn-group-radius);align-self:start;align-items:stretch;width:max-content;display:inline-flex;position:relative;overflow:hidden}:host(.dom-button-group){--btn-group-radius:var(--border-radius-md);--btn-group-separator:var(--outline-tertiary-active);width:-moz-max-content;border-radius:var(--btn-group-radius);align-self:start;align-items:stretch;width:max-content;display:inline-flex;position:relative;overflow:hidden}}@layer modifiers{[data-size=xs]:-webkit-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant])){--btn-group-radius:var(--border-radius-sm)}[data-size=xs]:-moz-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant])){--btn-group-radius:var(--border-radius-sm)}[data-size=xs]:is(.dom-button-group[data-variant],:host(.dom-button-group[data-variant])){--btn-group-radius:var(--border-radius-sm)}[data-size=sm]:-webkit-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant])){--btn-group-radius:var(--border-radius-sm)}[data-size=sm]:-moz-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant])){--btn-group-radius:var(--border-radius-sm)}[data-size=sm]:is(.dom-button-group[data-variant],:host(.dom-button-group[data-variant])){--btn-group-radius:var(--border-radius-sm)}[data-size=md]:-webkit-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant])){--btn-group-radius:var(--border-radius-md)}[data-size=md]:-moz-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant])){--btn-group-radius:var(--border-radius-md)}[data-size=md]:is(.dom-button-group[data-variant],:host(.dom-button-group[data-variant])){--btn-group-radius:var(--border-radius-md)}[data-size=lg]:-webkit-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant])){--btn-group-radius:var(--border-radius-md)}[data-size=lg]:-moz-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant])){--btn-group-radius:var(--border-radius-md)}[data-size=lg]:is(.dom-button-group[data-variant],:host(.dom-button-group[data-variant])){--btn-group-radius:var(--border-radius-md)}[data-size=xl]:-webkit-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant])){--btn-group-radius:var(--border-radius-md)}[data-size=xl]:-moz-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant])){--btn-group-radius:var(--border-radius-md)}[data-size=xl]:is(.dom-button-group[data-variant],:host(.dom-button-group[data-variant])){--btn-group-radius:var(--border-radius-md)}:-webkit-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant]))>:-webkit-any(.dom-button,.dom-icon-button){border-radius:0;flex:none}:-moz-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant]))>:-moz-any(.dom-button,.dom-icon-button){border-radius:0;flex:none}:is(.dom-button-group[data-variant],:host(.dom-button-group[data-variant]))>:is(.dom-button,.dom-icon-button){border-radius:0;flex:none}:-webkit-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant]))>:-webkit-any(.dom-button,.dom-icon-button):first-child{border-top-left-radius:var(--btn-group-radius);border-bottom-left-radius:var(--btn-group-radius)}:-moz-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant]))>:-moz-any(.dom-button,.dom-icon-button):first-child{border-top-left-radius:var(--btn-group-radius);border-bottom-left-radius:var(--btn-group-radius)}:is(.dom-button-group[data-variant],:host(.dom-button-group[data-variant]))>:is(.dom-button,.dom-icon-button):first-child{border-top-left-radius:var(--btn-group-radius);border-bottom-left-radius:var(--btn-group-radius)}:-webkit-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant]))>:-webkit-any(.dom-button,.dom-icon-button):last-child{border-top-right-radius:var(--btn-group-radius);border-bottom-right-radius:var(--btn-group-radius)}:-moz-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant]))>:-moz-any(.dom-button,.dom-icon-button):last-child{border-top-right-radius:var(--btn-group-radius);border-bottom-right-radius:var(--btn-group-radius)}:is(.dom-button-group[data-variant],:host(.dom-button-group[data-variant]))>:is(.dom-button,.dom-icon-button):last-child{border-top-right-radius:var(--btn-group-radius);border-bottom-right-radius:var(--btn-group-radius)}:-webkit-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant]))>:-webkit-any(.dom-button,.dom-icon-button):not(:last-child):before{content:"";width:var(--space-px);background-color:var(--btn-group-separator);z-index:1;position:absolute;top:0;bottom:0;right:0}:-moz-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant]))>:-moz-any(.dom-button,.dom-icon-button):not(:last-child):before{content:"";width:var(--space-px);background-color:var(--btn-group-separator);z-index:1;position:absolute;top:0;bottom:0;right:0}:is(.dom-button-group[data-variant],:host(.dom-button-group[data-variant]))>:is(.dom-button,.dom-icon-button):not(:last-child):before{content:"";width:var(--space-px);background-color:var(--btn-group-separator);z-index:1;position:absolute;top:0;bottom:0;right:0}[data-variant=outline]:-webkit-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant])){--btn-group-separator:var(--outline-brand-default);box-shadow:inset 0 0 0 var(--space-px)var(--outline-brand-default)}[data-variant=outline]:-moz-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant])){--btn-group-separator:var(--outline-brand-default);box-shadow:inset 0 0 0 var(--space-px)var(--outline-brand-default)}[data-variant=outline]:is(.dom-button-group[data-variant],:host(.dom-button-group[data-variant])){--btn-group-separator:var(--outline-brand-default);box-shadow:inset 0 0 0 var(--space-px)var(--outline-brand-default)}[data-variant=outline]:-webkit-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant]))>[data-variant=outline]:-webkit-any(.dom-button,.dom-icon-button){--btn-outline:none;--btn-outline-hover:none;--btn-outline-active:none;--btn-outline-disabled:none}[data-variant=outline]:-moz-any(.dom-button-group[data-variant],:host(.dom-button-group[data-variant]))>[data-variant=outline]:-moz-any(.dom-button,.dom-icon-button){--btn-outline:none;--btn-outline-hover:none;--btn-outline-active:none;--btn-outline-disabled:none}[data-variant=outline]:is(.dom-button-group[data-variant],:host(.dom-button-group[data-variant]))>[data-variant=outline]:is(.dom-button,.dom-icon-button){--btn-outline:none;--btn-outline-hover:none;--btn-outline-active:none;--btn-outline-disabled:none}}@layer states{[data-variant=outline]:-webkit-any(.dom-button-group,:host(.dom-button-group)):has(:disabled){--btn-group-separator:var(--outline-disabled-default);box-shadow:inset 0 0 0 var(--space-px)var(--outline-disabled-default)}[data-variant=outline]:-moz-any(.dom-button-group,:host(.dom-button-group)):has(:disabled){--btn-group-separator:var(--outline-disabled-default);box-shadow:inset 0 0 0 var(--space-px)var(--outline-disabled-default)}[data-variant=outline]:is(.dom-button-group,:host(.dom-button-group)):has(:disabled){--btn-group-separator:var(--outline-disabled-default);box-shadow:inset 0 0 0 var(--space-px)var(--outline-disabled-default)}}}@layer toggle-group{@layer elements{.dom-toggle-group{align-items:center;gap:var(--space-1-5);display:inline-flex}:host(.dom-toggle-group){align-items:center;gap:var(--space-1-5);display:inline-flex}}@layer modifiers{:-webkit-any(.dom-toggle-group[data-size],:host(.dom-toggle-group[data-size]))>.dom-button{font-weight:var(--font-weight-medium);white-space:nowrap}:-moz-any(.dom-toggle-group[data-size],:host(.dom-toggle-group[data-size]))>.dom-button{font-weight:var(--font-weight-medium);white-space:nowrap}:is(.dom-toggle-group[data-size],:host(.dom-toggle-group[data-size]))>.dom-button{font-weight:var(--font-weight-medium);white-space:nowrap}}}@layer field{@layer elements{.dom-field{--field-gap:var(--space-1-5);--field-label-color:var(--type-primary-default);--field-label-required-indicator:"*";--field-label-required-color:var(--type-tertiary-default);gap:var(--field-gap);flex-direction:column;display:flex}:host(.dom-field){--field-gap:var(--space-1-5);--field-label-color:var(--type-primary-default);--field-label-required-indicator:"*";--field-label-required-color:var(--type-tertiary-default);gap:var(--field-gap);flex-direction:column;display:flex}:-webkit-any(.dom-field,:host(.dom-field)) .dom-field__label{align-items:center;gap:var(--space-1);color:var(--field-label-color);font-size:var(--font-size-13);line-height:var(--line-height-18);font-weight:var(--font-weight-medium);margin:0;display:inline-flex}:-moz-any(.dom-field,:host(.dom-field)) .dom-field__label{align-items:center;gap:var(--space-1);color:var(--field-label-color);font-size:var(--font-size-13);line-height:var(--line-height-18);font-weight:var(--font-weight-medium);margin:0;display:inline-flex}:is(.dom-field,:host(.dom-field)) .dom-field__label{align-items:center;gap:var(--space-1);color:var(--field-label-color);font-size:var(--font-size-13);line-height:var(--line-height-18);font-weight:var(--font-weight-medium);margin:0;display:inline-flex}:-webkit-any(.dom-field,:host(.dom-field)) .dom-field__description{color:var(--type-tertiary-default);font-size:var(--font-size-12);line-height:var(--line-height-18);margin:0}:-moz-any(.dom-field,:host(.dom-field)) .dom-field__description{color:var(--type-tertiary-default);font-size:var(--font-size-12);line-height:var(--line-height-18);margin:0}:is(.dom-field,:host(.dom-field)) .dom-field__description{color:var(--type-tertiary-default);font-size:var(--font-size-12);line-height:var(--line-height-18);margin:0}:-webkit-any(.dom-field,:host(.dom-field)) .dom-field__error{color:var(--type-error-default);font-size:var(--font-size-12);line-height:var(--line-height-18);margin:0}:-moz-any(.dom-field,:host(.dom-field)) .dom-field__error{color:var(--type-error-default);font-size:var(--font-size-12);line-height:var(--line-height-18);margin:0}:is(.dom-field,:host(.dom-field)) .dom-field__error{color:var(--type-error-default);font-size:var(--font-size-12);line-height:var(--line-height-18);margin:0}}@layer modifiers{[data-orientation=horizontal]:-webkit-any(.dom-field,:host(.dom-field)){--field-gap:var(--space-2);flex-direction:row;align-items:center}[data-orientation=horizontal]:-moz-any(.dom-field,:host(.dom-field)){--field-gap:var(--space-2);flex-direction:row;align-items:center}[data-orientation=horizontal]:is(.dom-field,:host(.dom-field)){--field-gap:var(--space-2);flex-direction:row;align-items:center}:-webkit-any(.dom-field,:host(.dom-field)) .dom-field__label[data-required]:after{content:var(--field-label-required-indicator);color:var(--field-label-required-color)}:-moz-any(.dom-field,:host(.dom-field)) .dom-field__label[data-required]:after{content:var(--field-label-required-indicator);color:var(--field-label-required-color)}:is(.dom-field,:host(.dom-field)) .dom-field__label[data-required]:after{content:var(--field-label-required-indicator);color:var(--field-label-required-color)}}@layer states{[data-disabled]:-webkit-any(.dom-field,:host(.dom-field)) .dom-field__label{--field-label-color:var(--type-disabled-default)}[data-disabled]:-moz-any(.dom-field,:host(.dom-field)) .dom-field__label{--field-label-color:var(--type-disabled-default)}[data-disabled]:is(.dom-field,:host(.dom-field)) .dom-field__label{--field-label-color:var(--type-disabled-default)}[data-invalid]:-webkit-any(.dom-field,:host(.dom-field)) .dom-field__label{--field-label-color:var(--type-error-default)}[data-invalid]:-moz-any(.dom-field,:host(.dom-field)) .dom-field__label{--field-label-color:var(--type-error-default)}[data-invalid]:is(.dom-field,:host(.dom-field)) .dom-field__label{--field-label-color:var(--type-error-default)}}}}@layer domino.components.button.elements{.dom-button{--btn-surface:transparent;--btn-surface-hover:var(--btn-surface);--btn-surface-active:var(--btn-surface);--btn-surface-disabled:var(--surface-disabled-default);--btn-content:currentColor;--btn-content-hover:var(--btn-content);--btn-content-active:var(--btn-content);--btn-content-disabled:var(--type-disabled-default);--btn-outline:none;--btn-outline-hover:var(--btn-outline);--btn-outline-active:var(--btn-outline);--btn-outline-disabled:none;--btn-line-height:var(--line-height-14);--btn-motion-duration:.15s;cursor:pointer;color:var(--btn-content);background-color:transparent;background-color:var(--btn-surface);font-size:var(--btn-font-size,var(--font-size-13));font-weight:var(--font-weight-medium);line-height:var(--btn-line-height);transition:all .15s ease-out;transition:var(--btn-motion-duration)ease-out;box-shadow:none;box-shadow:var(--btn-outline);justify-content:center;align-items:center;display:inline-flex;position:relative}:host(.dom-button){--btn-surface:transparent;--btn-surface-hover:var(--btn-surface);--btn-surface-active:var(--btn-surface);--btn-surface-disabled:var(--surface-disabled-default);--btn-content:currentColor;--btn-content-hover:var(--btn-content);--btn-content-active:var(--btn-content);--btn-content-disabled:var(--type-disabled-default);--btn-outline:none;--btn-outline-hover:var(--btn-outline);--btn-outline-active:var(--btn-outline);--btn-outline-disabled:none;--btn-line-height:var(--line-height-14);--btn-motion-duration:.15s;cursor:pointer;color:var(--btn-content);background-color:transparent;background-color:var(--btn-surface);font-size:var(--btn-font-size,var(--font-size-13));font-weight:var(--font-weight-medium);line-height:var(--btn-line-height);transition:all .15s ease-out;transition:var(--btn-motion-duration)ease-out;box-shadow:none;box-shadow:var(--btn-outline);justify-content:center;align-items:center;display:inline-flex;position:relative}}@layer domino.components.button.modifiers{[data-variant=primary]:-webkit-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-white);--btn-surface:var(--surface-brand-default);--btn-surface-hover:var(--surface-brand-hover);--btn-surface-active:var(--surface-brand-active)}[data-variant=primary]:-moz-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-white);--btn-surface:var(--surface-brand-default);--btn-surface-hover:var(--surface-brand-hover);--btn-surface-active:var(--surface-brand-active)}[data-variant=primary]:is(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-white);--btn-surface:var(--surface-brand-default);--btn-surface-hover:var(--surface-brand-hover);--btn-surface-active:var(--surface-brand-active)}[data-variant=secondary]:-webkit-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-primary-default);--btn-surface:var(--surface-secondary-default);--btn-surface-hover:var(--surface-secondary-hover);--btn-surface-active:var(--surface-secondary-active)}[data-variant=secondary]:-moz-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-primary-default);--btn-surface:var(--surface-secondary-default);--btn-surface-hover:var(--surface-secondary-hover);--btn-surface-active:var(--surface-secondary-active)}[data-variant=secondary]:is(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-primary-default);--btn-surface:var(--surface-secondary-default);--btn-surface-hover:var(--surface-secondary-hover);--btn-surface-active:var(--surface-secondary-active)}[data-variant=outline]:-webkit-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-brand-default);--btn-content-hover:var(--type-brand-hover);--btn-content-active:var(--type-brand-active);--btn-content-disabled:var(--type-disabled-default);--btn-outline:inset 0 0 0 var(--space-px)var(--outline-brand-default);--btn-outline-hover:inset 0 0 0 var(--space-px)var(--outline-brand-hover);--btn-outline-active:inset 0 0 0 var(--space-px)var(--outline-brand-active);--btn-outline-disabled:inset 0 0 0 var(--space-px)var(--outline-disabled-default)}[data-variant=outline]:-moz-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-brand-default);--btn-content-hover:var(--type-brand-hover);--btn-content-active:var(--type-brand-active);--btn-content-disabled:var(--type-disabled-default);--btn-outline:inset 0 0 0 var(--space-px)var(--outline-brand-default);--btn-outline-hover:inset 0 0 0 var(--space-px)var(--outline-brand-hover);--btn-outline-active:inset 0 0 0 var(--space-px)var(--outline-brand-active);--btn-outline-disabled:inset 0 0 0 var(--space-px)var(--outline-disabled-default)}[data-variant=outline]:is(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-brand-default);--btn-content-hover:var(--type-brand-hover);--btn-content-active:var(--type-brand-active);--btn-content-disabled:var(--type-disabled-default);--btn-outline:inset 0 0 0 var(--space-px)var(--outline-brand-default);--btn-outline-hover:inset 0 0 0 var(--space-px)var(--outline-brand-hover);--btn-outline-active:inset 0 0 0 var(--space-px)var(--outline-brand-active);--btn-outline-disabled:inset 0 0 0 var(--space-px)var(--outline-disabled-default)}[data-variant=ghost]:-webkit-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-primary-default);--btn-surface-hover:var(--surface-secondary-default);--btn-surface-active:var(--surface-secondary-hover);--btn-content-disabled:var(--type-disabled-default);--btn-surface-disabled:transparent}[data-variant=ghost]:-moz-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-primary-default);--btn-surface-hover:var(--surface-secondary-default);--btn-surface-active:var(--surface-secondary-hover);--btn-content-disabled:var(--type-disabled-default);--btn-surface-disabled:transparent}[data-variant=ghost]:is(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-primary-default);--btn-surface-hover:var(--surface-secondary-default);--btn-surface-active:var(--surface-secondary-hover);--btn-content-disabled:var(--type-disabled-default);--btn-surface-disabled:transparent}[data-variant=link]:-webkit-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-brand-default);--btn-content-hover:var(--type-brand-hover);--btn-content-active:var(--type-brand-active);--btn-content-disabled:var(--type-disabled-default);--btn-surface-disabled:transparent}[data-variant=link]:-moz-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-brand-default);--btn-content-hover:var(--type-brand-hover);--btn-content-active:var(--type-brand-active);--btn-content-disabled:var(--type-disabled-default);--btn-surface-disabled:transparent}[data-variant=link]:is(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-brand-default);--btn-content-hover:var(--type-brand-hover);--btn-content-active:var(--type-brand-active);--btn-content-disabled:var(--type-disabled-default);--btn-surface-disabled:transparent}[data-variant=warning]:-webkit-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-black);--btn-surface:var(--surface-warning-default);--btn-surface-hover:var(--surface-warning-hover);--btn-surface-active:var(--surface-warning-active)}[data-variant=warning]:-moz-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-black);--btn-surface:var(--surface-warning-default);--btn-surface-hover:var(--surface-warning-hover);--btn-surface-active:var(--surface-warning-active)}[data-variant=warning]:is(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-black);--btn-surface:var(--surface-warning-default);--btn-surface-hover:var(--surface-warning-hover);--btn-surface-active:var(--surface-warning-active)}[data-variant=danger]:-webkit-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-white);--btn-surface:var(--surface-error-default);--btn-surface-hover:var(--surface-error-hover);--btn-surface-active:var(--surface-error-active)}[data-variant=danger]:-moz-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-white);--btn-surface:var(--surface-error-default);--btn-surface-hover:var(--surface-error-hover);--btn-surface-active:var(--surface-error-active)}[data-variant=danger]:is(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-white);--btn-surface:var(--surface-error-default);--btn-surface-hover:var(--surface-error-hover);--btn-surface-active:var(--surface-error-active)}[data-variant=success]:-webkit-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-white);--btn-surface:var(--surface-success-default);--btn-surface-hover:var(--surface-success-hover);--btn-surface-active:var(--surface-success-active)}[data-variant=success]:-moz-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-white);--btn-surface:var(--surface-success-default);--btn-surface-hover:var(--surface-success-hover);--btn-surface-active:var(--surface-success-active)}[data-variant=success]:is(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-white);--btn-surface:var(--surface-success-default);--btn-surface-hover:var(--surface-success-hover);--btn-surface-active:var(--surface-success-active)}[data-size=xs]:-webkit-any(.dom-button,:host(.dom-button)){--btn-h:var(--space-5);--btn-padding-inline:var(--space-2-5);--btn-radius:var(--border-radius-sm);--btn-gap:var(--space-1-5)}[data-size=xs]:-moz-any(.dom-button,:host(.dom-button)){--btn-h:var(--space-5);--btn-padding-inline:var(--space-2-5);--btn-radius:var(--border-radius-sm);--btn-gap:var(--space-1-5)}[data-size=xs]:is(.dom-button,:host(.dom-button)){--btn-h:var(--space-5);--btn-padding-inline:var(--space-2-5);--btn-radius:var(--border-radius-sm);--btn-gap:var(--space-1-5)}[data-size=sm]:-webkit-any(.dom-button,:host(.dom-button)){--btn-h:var(--space-6);--btn-padding-inline:var(--space-2-5);--btn-radius:var(--border-radius-sm);--btn-gap:var(--space-1-5)}[data-size=sm]:-moz-any(.dom-button,:host(.dom-button)){--btn-h:var(--space-6);--btn-padding-inline:var(--space-2-5);--btn-radius:var(--border-radius-sm);--btn-gap:var(--space-1-5)}[data-size=sm]:is(.dom-button,:host(.dom-button)){--btn-h:var(--space-6);--btn-padding-inline:var(--space-2-5);--btn-radius:var(--border-radius-sm);--btn-gap:var(--space-1-5)}[data-size=md]:-webkit-any(.dom-button,:host(.dom-button)){--btn-h:var(--space-7);--btn-padding-inline:var(--space-2-5);--btn-radius:var(--border-radius-md);--btn-gap:var(--space-1-5)}[data-size=md]:-moz-any(.dom-button,:host(.dom-button)){--btn-h:var(--space-7);--btn-padding-inline:var(--space-2-5);--btn-radius:var(--border-radius-md);--btn-gap:var(--space-1-5)}[data-size=md]:is(.dom-button,:host(.dom-button)){--btn-h:var(--space-7);--btn-padding-inline:var(--space-2-5);--btn-radius:var(--border-radius-md);--btn-gap:var(--space-1-5)}[data-size=lg]:-webkit-any(.dom-button,:host(.dom-button)){--btn-h:var(--space-8);--btn-padding-inline:var(--space-3-5);--btn-radius:var(--border-radius-md);--btn-gap:var(--space-2)}[data-size=lg]:-moz-any(.dom-button,:host(.dom-button)){--btn-h:var(--space-8);--btn-padding-inline:var(--space-3-5);--btn-radius:var(--border-radius-md);--btn-gap:var(--space-2)}[data-size=lg]:is(.dom-button,:host(.dom-button)){--btn-h:var(--space-8);--btn-padding-inline:var(--space-3-5);--btn-radius:var(--border-radius-md);--btn-gap:var(--space-2)}[data-size=xl]:-webkit-any(.dom-button,:host(.dom-button)){--btn-h:var(--space-9);--btn-padding-inline:var(--space-3-5);--btn-radius:var(--border-radius-md);--btn-gap:var(--space-2);--btn-font-size:var(--font-size-18);--btn-line-height:var(--line-height-20)}[data-size=xl]:-moz-any(.dom-button,:host(.dom-button)){--btn-h:var(--space-9);--btn-padding-inline:var(--space-3-5);--btn-radius:var(--border-radius-md);--btn-gap:var(--space-2);--btn-font-size:var(--font-size-18);--btn-line-height:var(--line-height-20)}[data-size=xl]:is(.dom-button,:host(.dom-button)){--btn-h:var(--space-9);--btn-padding-inline:var(--space-3-5);--btn-radius:var(--border-radius-md);--btn-gap:var(--space-2);--btn-font-size:var(--font-size-18);--btn-line-height:var(--line-height-20)}[data-size]:-webkit-any(.dom-button,:host(.dom-button)){height:var(--btn-h);padding-left:var(--btn-padding-inline);padding-right:var(--btn-padding-inline);border-radius:var(--btn-radius);gap:var(--btn-gap)}[data-size]:-moz-any(.dom-button,:host(.dom-button)){height:var(--btn-h);padding-left:var(--btn-padding-inline);padding-right:var(--btn-padding-inline);border-radius:var(--btn-radius);gap:var(--btn-gap)}[data-size]:is(.dom-button,:host(.dom-button)){height:var(--btn-h);padding-left:var(--btn-padding-inline);padding-right:var(--btn-padding-inline);border-radius:var(--btn-radius);gap:var(--btn-gap)}[data-variant=link]:-webkit-any(.dom-button,:host(.dom-button)){--btn-padding-inline:0;height:auto}[data-variant=link]:-moz-any(.dom-button,:host(.dom-button)){--btn-padding-inline:0;height:auto}[data-variant=link]:is(.dom-button,:host(.dom-button)){--btn-padding-inline:0;height:auto}}@layer domino.components.button.states{:-webkit-any(.dom-button,:host(.dom-button)):focus-visible{outline:var(--space-0-5)solid var(--surface-brand-default);outline-offset:var(--space-0-5)}:-moz-any(.dom-button,:host(.dom-button)):focus-visible{outline:var(--space-0-5)solid var(--surface-brand-default);outline-offset:var(--space-0-5)}:is(.dom-button,:host(.dom-button)):focus-visible{outline:var(--space-0-5)solid var(--surface-brand-default);outline-offset:var(--space-0-5)}[data-variant=link]:-webkit-any(.dom-button,:host(.dom-button)):focus-visible{outline-offset:var(--space-1)}[data-variant=link]:-moz-any(.dom-button,:host(.dom-button)):focus-visible{outline-offset:var(--space-1)}[data-variant=link]:is(.dom-button,:host(.dom-button)):focus-visible{outline-offset:var(--space-1)}:-webkit-any(.dom-button,:host(.dom-button)):hover{background-color:var(--btn-surface-hover);color:var(--btn-content-hover);box-shadow:var(--btn-outline-hover)}:-moz-any(.dom-button,:host(.dom-button)):hover{background-color:var(--btn-surface-hover);color:var(--btn-content-hover);box-shadow:var(--btn-outline-hover)}:is(.dom-button,:host(.dom-button)):hover{background-color:var(--btn-surface-hover);color:var(--btn-content-hover);box-shadow:var(--btn-outline-hover)}:-webkit-any(.dom-button,:host(.dom-button)):active{background-color:var(--btn-surface-active);color:var(--btn-content-active);box-shadow:var(--btn-outline-active)}:-moz-any(.dom-button,:host(.dom-button)):active{background-color:var(--btn-surface-active);color:var(--btn-content-active);box-shadow:var(--btn-outline-active)}:is(.dom-button,:host(.dom-button)):active{background-color:var(--btn-surface-active);color:var(--btn-content-active);box-shadow:var(--btn-outline-active)}:-webkit-any(.dom-button,:host(.dom-button)):-webkit-any(:disabled,[disabled]){cursor:not-allowed;background-color:var(--btn-surface-disabled);color:var(--btn-content-disabled);box-shadow:var(--btn-outline-disabled)}:-moz-any(.dom-button,:host(.dom-button)):-moz-any(:disabled,[disabled]){cursor:not-allowed;background-color:var(--btn-surface-disabled);color:var(--btn-content-disabled);box-shadow:var(--btn-outline-disabled)}:is(.dom-button,:host(.dom-button)):is(:disabled,[disabled]){cursor:not-allowed;background-color:var(--btn-surface-disabled);color:var(--btn-content-disabled);box-shadow:var(--btn-outline-disabled)}[data-loading=true]:-webkit-any(.dom-button,:host(.dom-button)){--btn-spinner-color:var(--btn-content-disabled);color:transparent}[data-loading=true]:-moz-any(.dom-button,:host(.dom-button)){--btn-spinner-color:var(--btn-content-disabled);color:transparent}[data-loading=true]:is(.dom-button,:host(.dom-button)){--btn-spinner-color:var(--btn-content-disabled);color:transparent}[data-loading=true]:-webkit-any(.dom-button,:host(.dom-button)):after{content:"";border-radius:var(--border-radius-full);border:var(--space-0-5)solid var(--btn-spinner-color);border-top-color:transparent;width:1em;height:1em;animation:1s linear infinite dom-button-spin;position:absolute;top:50%;left:50%;translate:-50% -50%}[data-loading=true]:-moz-any(.dom-button,:host(.dom-button)):after{content:"";border-radius:var(--border-radius-full);border:var(--space-0-5)solid var(--btn-spinner-color);border-top-color:transparent;width:1em;height:1em;animation:1s linear infinite dom-button-spin;position:absolute;top:50%;left:50%;translate:-50% -50%}[data-loading=true]:is(.dom-button,:host(.dom-button)):after{content:"";border-radius:var(--border-radius-full);border:var(--space-0-5)solid var(--btn-spinner-color);border-top-color:transparent;width:1em;height:1em;animation:1s linear infinite dom-button-spin;position:absolute;top:50%;left:50%;translate:-50% -50%}}@keyframes dom-button-spin{to{transform:rotate(360deg)}}@layer domino.components.icon-button.elements{.dom-icon-button{--btn-surface:transparent;--btn-surface-hover:var(--btn-surface);--btn-surface-active:var(--btn-surface);--btn-surface-disabled:var(--surface-disabled-default);--btn-content:currentColor;--btn-content-hover:var(--btn-content);--btn-content-active:var(--btn-content);--btn-content-disabled:var(--type-disabled-default);--btn-outline:none;--btn-outline-hover:var(--btn-outline);--btn-outline-active:var(--btn-outline);--btn-outline-disabled:none;--btn-motion-duration:.15s;cursor:pointer;color:var(--btn-content);background-color:transparent;background-color:var(--btn-surface);transition:all .15s ease-out;transition:var(--btn-motion-duration)ease-out;box-shadow:none;box-shadow:var(--btn-outline);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}:host(.dom-icon-button){--btn-surface:transparent;--btn-surface-hover:var(--btn-surface);--btn-surface-active:var(--btn-surface);--btn-surface-disabled:var(--surface-disabled-default);--btn-content:currentColor;--btn-content-hover:var(--btn-content);--btn-content-active:var(--btn-content);--btn-content-disabled:var(--type-disabled-default);--btn-outline:none;--btn-outline-hover:var(--btn-outline);--btn-outline-active:var(--btn-outline);--btn-outline-disabled:none;--btn-motion-duration:.15s;cursor:pointer;color:var(--btn-content);background-color:transparent;background-color:var(--btn-surface);transition:all .15s ease-out;transition:var(--btn-motion-duration)ease-out;box-shadow:none;box-shadow:var(--btn-outline);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}}@layer domino.components.icon-button.modifiers{[data-variant=primary]:-webkit-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-white);--btn-surface:var(--surface-brand-default);--btn-surface-hover:var(--surface-brand-hover);--btn-surface-active:var(--surface-brand-active)}[data-variant=primary]:-moz-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-white);--btn-surface:var(--surface-brand-default);--btn-surface-hover:var(--surface-brand-hover);--btn-surface-active:var(--surface-brand-active)}[data-variant=primary]:is(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-white);--btn-surface:var(--surface-brand-default);--btn-surface-hover:var(--surface-brand-hover);--btn-surface-active:var(--surface-brand-active)}[data-variant=secondary]:-webkit-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-primary-default);--btn-surface:var(--surface-secondary-default);--btn-surface-hover:var(--surface-secondary-hover);--btn-surface-active:var(--surface-secondary-active)}[data-variant=secondary]:-moz-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-primary-default);--btn-surface:var(--surface-secondary-default);--btn-surface-hover:var(--surface-secondary-hover);--btn-surface-active:var(--surface-secondary-active)}[data-variant=secondary]:is(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-primary-default);--btn-surface:var(--surface-secondary-default);--btn-surface-hover:var(--surface-secondary-hover);--btn-surface-active:var(--surface-secondary-active)}[data-variant=outline]:-webkit-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-brand-default);--btn-content-hover:var(--type-brand-hover);--btn-content-active:var(--type-brand-active);--btn-content-disabled:var(--type-disabled-default);--btn-outline:inset 0 0 0 var(--space-px)var(--outline-brand-default);--btn-outline-hover:inset 0 0 0 var(--space-px)var(--outline-brand-hover);--btn-outline-active:inset 0 0 0 var(--space-px)var(--outline-brand-active);--btn-outline-disabled:inset 0 0 0 var(--space-px)var(--outline-disabled-default)}[data-variant=outline]:-moz-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-brand-default);--btn-content-hover:var(--type-brand-hover);--btn-content-active:var(--type-brand-active);--btn-content-disabled:var(--type-disabled-default);--btn-outline:inset 0 0 0 var(--space-px)var(--outline-brand-default);--btn-outline-hover:inset 0 0 0 var(--space-px)var(--outline-brand-hover);--btn-outline-active:inset 0 0 0 var(--space-px)var(--outline-brand-active);--btn-outline-disabled:inset 0 0 0 var(--space-px)var(--outline-disabled-default)}[data-variant=outline]:is(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-brand-default);--btn-content-hover:var(--type-brand-hover);--btn-content-active:var(--type-brand-active);--btn-content-disabled:var(--type-disabled-default);--btn-outline:inset 0 0 0 var(--space-px)var(--outline-brand-default);--btn-outline-hover:inset 0 0 0 var(--space-px)var(--outline-brand-hover);--btn-outline-active:inset 0 0 0 var(--space-px)var(--outline-brand-active);--btn-outline-disabled:inset 0 0 0 var(--space-px)var(--outline-disabled-default)}[data-variant=ghost]:-webkit-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-primary-default);--btn-surface-hover:var(--surface-secondary-default);--btn-surface-active:var(--surface-secondary-hover);--btn-content-disabled:var(--type-disabled-default);--btn-surface-disabled:transparent}[data-variant=ghost]:-moz-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-primary-default);--btn-surface-hover:var(--surface-secondary-default);--btn-surface-active:var(--surface-secondary-hover);--btn-content-disabled:var(--type-disabled-default);--btn-surface-disabled:transparent}[data-variant=ghost]:is(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-primary-default);--btn-surface-hover:var(--surface-secondary-default);--btn-surface-active:var(--surface-secondary-hover);--btn-content-disabled:var(--type-disabled-default);--btn-surface-disabled:transparent}[data-variant=link]:-webkit-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-brand-default);--btn-content-hover:var(--type-brand-hover);--btn-content-active:var(--type-brand-active);--btn-content-disabled:var(--type-disabled-default);--btn-surface-disabled:transparent}[data-variant=link]:-moz-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-brand-default);--btn-content-hover:var(--type-brand-hover);--btn-content-active:var(--type-brand-active);--btn-content-disabled:var(--type-disabled-default);--btn-surface-disabled:transparent}[data-variant=link]:is(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-brand-default);--btn-content-hover:var(--type-brand-hover);--btn-content-active:var(--type-brand-active);--btn-content-disabled:var(--type-disabled-default);--btn-surface-disabled:transparent}[data-variant=warning]:-webkit-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-black);--btn-surface:var(--surface-warning-default);--btn-surface-hover:var(--surface-warning-hover);--btn-surface-active:var(--surface-warning-active)}[data-variant=warning]:-moz-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-black);--btn-surface:var(--surface-warning-default);--btn-surface-hover:var(--surface-warning-hover);--btn-surface-active:var(--surface-warning-active)}[data-variant=warning]:is(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-black);--btn-surface:var(--surface-warning-default);--btn-surface-hover:var(--surface-warning-hover);--btn-surface-active:var(--surface-warning-active)}[data-variant=danger]:-webkit-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-white);--btn-surface:var(--surface-error-default);--btn-surface-hover:var(--surface-error-hover);--btn-surface-active:var(--surface-error-active)}[data-variant=danger]:-moz-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-white);--btn-surface:var(--surface-error-default);--btn-surface-hover:var(--surface-error-hover);--btn-surface-active:var(--surface-error-active)}[data-variant=danger]:is(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-white);--btn-surface:var(--surface-error-default);--btn-surface-hover:var(--surface-error-hover);--btn-surface-active:var(--surface-error-active)}[data-variant=success]:-webkit-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-white);--btn-surface:var(--surface-success-default);--btn-surface-hover:var(--surface-success-hover);--btn-surface-active:var(--surface-success-active)}[data-variant=success]:-moz-any(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-white);--btn-surface:var(--surface-success-default);--btn-surface-hover:var(--surface-success-hover);--btn-surface-active:var(--surface-success-active)}[data-variant=success]:is(.dom-button,:host(.dom-button),.dom-icon-button,:host(.dom-icon-button)){--btn-content:var(--type-fixed-white);--btn-surface:var(--surface-success-default);--btn-surface-hover:var(--surface-success-hover);--btn-surface-active:var(--surface-success-active)}[data-size=xs]:-webkit-any(.dom-icon-button,:host(.dom-icon-button)){--btn-size:var(--space-5);--btn-padding:var(--space-1);--btn-radius:var(--border-radius-sm)}[data-size=xs]:-moz-any(.dom-icon-button,:host(.dom-icon-button)){--btn-size:var(--space-5);--btn-padding:var(--space-1);--btn-radius:var(--border-radius-sm)}[data-size=xs]:is(.dom-icon-button,:host(.dom-icon-button)){--btn-size:var(--space-5);--btn-padding:var(--space-1);--btn-radius:var(--border-radius-sm)}[data-size=sm]:-webkit-any(.dom-icon-button,:host(.dom-icon-button)){--btn-size:var(--space-6);--btn-padding:var(--space-1);--btn-radius:var(--border-radius-sm)}[data-size=sm]:-moz-any(.dom-icon-button,:host(.dom-icon-button)){--btn-size:var(--space-6);--btn-padding:var(--space-1);--btn-radius:var(--border-radius-sm)}[data-size=sm]:is(.dom-icon-button,:host(.dom-icon-button)){--btn-size:var(--space-6);--btn-padding:var(--space-1);--btn-radius:var(--border-radius-sm)}[data-size=md]:-webkit-any(.dom-icon-button,:host(.dom-icon-button)){--btn-size:var(--space-7);--btn-padding:var(--space-1-5);--btn-radius:var(--border-radius-md)}[data-size=md]:-moz-any(.dom-icon-button,:host(.dom-icon-button)){--btn-size:var(--space-7);--btn-padding:var(--space-1-5);--btn-radius:var(--border-radius-md)}[data-size=md]:is(.dom-icon-button,:host(.dom-icon-button)){--btn-size:var(--space-7);--btn-padding:var(--space-1-5);--btn-radius:var(--border-radius-md)}[data-size=lg]:-webkit-any(.dom-icon-button,:host(.dom-icon-button)){--btn-size:var(--space-8);--btn-padding:var(--space-2);--btn-radius:var(--border-radius-md)}[data-size=lg]:-moz-any(.dom-icon-button,:host(.dom-icon-button)){--btn-size:var(--space-8);--btn-padding:var(--space-2);--btn-radius:var(--border-radius-md)}[data-size=lg]:is(.dom-icon-button,:host(.dom-icon-button)){--btn-size:var(--space-8);--btn-padding:var(--space-2);--btn-radius:var(--border-radius-md)}[data-size=xl]:-webkit-any(.dom-icon-button,:host(.dom-icon-button)){--btn-size:var(--space-9);--btn-padding:var(--space-2-5);--btn-radius:var(--border-radius-md)}[data-size=xl]:-moz-any(.dom-icon-button,:host(.dom-icon-button)){--btn-size:var(--space-9);--btn-padding:var(--space-2-5);--btn-radius:var(--border-radius-md)}[data-size=xl]:is(.dom-icon-button,:host(.dom-icon-button)){--btn-size:var(--space-9);--btn-padding:var(--space-2-5);--btn-radius:var(--border-radius-md)}[data-size]:-webkit-any(.dom-icon-button,:host(.dom-icon-button)){width:var(--btn-size);height:var(--btn-size);padding:var(--btn-padding);border-radius:var(--btn-radius)}[data-size]:-moz-any(.dom-icon-button,:host(.dom-icon-button)){width:var(--btn-size);height:var(--btn-size);padding:var(--btn-padding);border-radius:var(--btn-radius)}[data-size]:is(.dom-icon-button,:host(.dom-icon-button)){width:var(--btn-size);height:var(--btn-size);padding:var(--btn-padding);border-radius:var(--btn-radius)}}@layer domino.components.icon-button.states{:-webkit-any(.dom-icon-button,:host(.dom-icon-button)):focus-visible{outline:var(--space-0-5)solid var(--surface-brand-default);outline-offset:var(--space-0-5)}:-moz-any(.dom-icon-button,:host(.dom-icon-button)):focus-visible{outline:var(--space-0-5)solid var(--surface-brand-default);outline-offset:var(--space-0-5)}:is(.dom-icon-button,:host(.dom-icon-button)):focus-visible{outline:var(--space-0-5)solid var(--surface-brand-default);outline-offset:var(--space-0-5)}:-webkit-any(.dom-icon-button,:host(.dom-icon-button)):hover{background-color:var(--btn-surface-hover);color:var(--btn-content-hover);box-shadow:var(--btn-outline-hover)}:-moz-any(.dom-icon-button,:host(.dom-icon-button)):hover{background-color:var(--btn-surface-hover);color:var(--btn-content-hover);box-shadow:var(--btn-outline-hover)}:is(.dom-icon-button,:host(.dom-icon-button)):hover{background-color:var(--btn-surface-hover);color:var(--btn-content-hover);box-shadow:var(--btn-outline-hover)}:-webkit-any(.dom-icon-button,:host(.dom-icon-button)):active{background-color:var(--btn-surface-active);color:var(--btn-content-active);box-shadow:var(--btn-outline-active)}:-moz-any(.dom-icon-button,:host(.dom-icon-button)):active{background-color:var(--btn-surface-active);color:var(--btn-content-active);box-shadow:var(--btn-outline-active)}:is(.dom-icon-button,:host(.dom-icon-button)):active{background-color:var(--btn-surface-active);color:var(--btn-content-active);box-shadow:var(--btn-outline-active)}:-webkit-any(.dom-icon-button,:host(.dom-icon-button)):-webkit-any(:disabled,[disabled]){cursor:not-allowed;background-color:var(--btn-surface-disabled);color:var(--btn-content-disabled);box-shadow:var(--btn-outline-disabled)}:-moz-any(.dom-icon-button,:host(.dom-icon-button)):-moz-any(:disabled,[disabled]){cursor:not-allowed;background-color:var(--btn-surface-disabled);color:var(--btn-content-disabled);box-shadow:var(--btn-outline-disabled)}:is(.dom-icon-button,:host(.dom-icon-button)):is(:disabled,[disabled]){cursor:not-allowed;background-color:var(--btn-surface-disabled);color:var(--btn-content-disabled);box-shadow:var(--btn-outline-disabled)}[data-loading=true]:-webkit-any(.dom-icon-button,:host(.dom-icon-button)){--btn-spinner-color:var(--btn-content-disabled);color:transparent}[data-loading=true]:-moz-any(.dom-icon-button,:host(.dom-icon-button)){--btn-spinner-color:var(--btn-content-disabled);color:transparent}[data-loading=true]:is(.dom-icon-button,:host(.dom-icon-button)){--btn-spinner-color:var(--btn-content-disabled);color:transparent}[data-loading=true]:-webkit-any(.dom-icon-button,:host(.dom-icon-button))>*{visibility:hidden}[data-loading=true]:-moz-any(.dom-icon-button,:host(.dom-icon-button))>*{visibility:hidden}[data-loading=true]:is(.dom-icon-button,:host(.dom-icon-button))>*{visibility:hidden}[data-loading=true]:-webkit-any(.dom-icon-button,:host(.dom-icon-button)):after{content:"";border-radius:var(--border-radius-full);border:var(--space-0-5)solid var(--btn-spinner-color);border-top-color:transparent;width:1em;height:1em;animation:1s linear infinite dom-icon-button-spin;position:absolute;top:50%;left:50%;translate:-50% -50%}[data-loading=true]:-moz-any(.dom-icon-button,:host(.dom-icon-button)):after{content:"";border-radius:var(--border-radius-full);border:var(--space-0-5)solid var(--btn-spinner-color);border-top-color:transparent;width:1em;height:1em;animation:1s linear infinite dom-icon-button-spin;position:absolute;top:50%;left:50%;translate:-50% -50%}[data-loading=true]:is(.dom-icon-button,:host(.dom-icon-button)):after{content:"";border-radius:var(--border-radius-full);border:var(--space-0-5)solid var(--btn-spinner-color);border-top-color:transparent;width:1em;height:1em;animation:1s linear infinite dom-icon-button-spin;position:absolute;top:50%;left:50%;translate:-50% -50%}}@keyframes dom-icon-button-spin{to{transform:rotate(360deg)}}@keyframes tooltip-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}