@airtame/ui/dist/airtame-ui-components.css

Airtame UI library composed of the basic elements and tools to get the Airtame look and feel.

:root{--easing: cubic-bezier(0.65, 0.05, 0.36, 1);--easing-smooth: cubic-bezier(0.9, 0, 0.3, 1);--easing-bounce: cubic-bezier(0.68, -0.55, 0.27, 1.55);--ease-in-out: cubic-bezier(0.6, 0, 0.4, 1);--animation-time-short: 0.15s;--animation-time-medium: 0.2s;--animation-time-long: 0.45s}:root{--border-radius-100: 0.125rem;--border-radius-200: 0.25rem;--border-radius-300: 0.375rem;--border-radius-400: 0.5rem;--border-radius-round: 50%;--border-radius-pill: 50vh}:root{--elevation-transition-100: box-shadow var(--animation-time-short) var(--easing-smooth);--elevation-transition-200: box-shadow var(--animation-time-medium) var(--easing-smooth);--elevation-transition-300: box-shadow var(--animation-time-long) var(--easing-smooth);--layer-0: 0;--layer-100: 100;--layer-200: 200;--layer-300: 300;--layer-400: 400;--layer-500: 500;--layer-600: 600;--layer-700: 700;--layer-800: 800;--layer-900: 900;--layer-1000: 1000;--elevation-0: none;--elevation-0-inverted: none;--elevation-100:0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 1px rgba(0, 0, 0, 0.03), 0 2px 6px rgba(0, 0, 0, 0.05);--elevation-100-inverted:0 -0.0625rem 0 rgba(0, 0, 0, 0.05), 0 -0.125rem 0.0625rem rgba(0, 0, 0, 0.03), 0 -0.125rem 0.375rem rgba(0, 0, 0, 0.05);--elevation-200:0 1px 2px rgba(0, 0, 0, 0.04), 0 2px 2px rgba(0, 0, 0, 0.04), 0 6px 8px rgba(0, 0, 0, 0.1);--elevation-200-inverted:0 -0.0625rem 0.125rem rgba(0, 0, 0, 0.04), 0 -0.125rem 0.125rem rgba(0, 0, 0, 0.04), 0 -0.375rem 0.5rem rgba(0, 0, 0, 0.1);--elevation-300:0 2px 2px rgba(0, 0, 0, 0.06), 0 4px 6px rgba(0, 0, 0, 0.08), 0 10px 14px rgba(0, 0, 0, 0.14);--elevation-300-inverted:0 -0.125rem 0.125rem rgba(0, 0, 0, 0.06), 0 -0.25rem 0.375rem rgba(0, 0, 0, 0.08), 0 -0.625rem 0.875rem rgba(0, 0, 0, 0.14);--elevation-400:0 3px 4px rgba(0, 0, 0, 0.1), 0 6px 8px rgba(0, 0, 0, 0.1), 0 16px 22px rgba(0, 0, 0, 0.16);--elevation-400-inverted:0 -0.1875rem 0.25rem rgba(0, 0, 0, 0.1), 0 -0.375rem 0.5rem rgba(0, 0, 0, 0.1), 0 -1rem 1.375rem rgba(0, 0, 0, 0.16);--elevation-500:0 4px 6px rgba(0, 0, 0, 0.12), 0 10px 14px rgba(0, 0, 0, 0.12), 0 22px 28px rgba(0, 0, 0, 0.18);--elevation-500-inverted:0 -0.25rem 0.375rem rgba(0, 0, 0, 0.12), 0 -0.625rem 0.875rem rgba(0, 0, 0, 0.12), 0 -1.375rem 1.75rem rgba(0, 0, 0, 0.18);--elevation-600:0 6px 10px rgba(0, 0, 0, 0.14), 0 14px 16px rgba(0, 0, 0, 0.14), 0 26px 36px rgba(0, 0, 0, 0.2);--elevation-600-inverted:0 -0.375rem 0.625rem rgba(0, 0, 0, 0.14), 0 -0.875rem 1rem rgba(0, 0, 0, 0.14), 0 -1.625rem 2.25rem rgba(0, 0, 0, 0.2);--elevation-700:0 8px 12px rgba(0, 0, 0, 0.18), 0 16px 18px rgba(0, 0, 0, 0.12), 0 30px 46px rgba(0, 0, 0, 0.2);--elevation-700-inverted:0 -0.5rem 0.75rem rgba(0, 0, 0, 0.18), 0 -1rem 1.125rem rgba(0, 0, 0, 0.12), 0 -1.875rem 2.875rem rgba(0, 0, 0, 0.2);--elevation-800:0 12px 16px rgba(0, 0, 0, 0.18), 0 18px 22px rgba(0, 0, 0, 0.14), 0 36px 56px rgba(0, 0, 0, 0.24);--elevation-800-inverted:0 -0.75rem 1rem rgba(0, 0, 0, 0.18), 0 -1.125rem 1.375rem rgba(0, 0, 0, 0.14), 0 -2.25rem 3.5rem rgba(0, 0, 0, 0.24);--elevation-900:0 16px 20px rgba(0, 0, 0, 0.2), 0 20px 28px rgba(0, 0, 0, 0.14), 0 40px 64px rgba(0, 0, 0, 0.28);--elevation-900-inverted:0 -1rem 1.25rem rgba(0, 0, 0, 0.2), 0 -1.25rem 1.75rem rgba(0, 0, 0, 0.14), 0 -2.5rem 4rem rgba(0, 0, 0, 0.28);--elevation-1000:0 20px 26px rgba(0, 0, 0, 0.2), 0 32px 42px rgba(0, 0, 0, 0.2), 0 64px 96px rgba(0, 0, 0, 0.3);--elevation-1000-inverted:0 -1.25rem 1.625rem rgba(0, 0, 0, 0.2), 0 -2rem 2.625rem rgba(0, 0, 0, 0.2), 0 -4rem 6rem rgba(0, 0, 0, 0.3)}:root{--color-white: #fff;--rgb-white: 255, 255, 255;--color-black: #000;--rgb-black: 0, 0, 0;--color-gray-50: #f7f7f8;--rgb-gray-50: 247, 247, 248;--color-gray-100: #f0f0f2;--rgb-gray-100: 240, 240, 242;--color-gray-200: #dde0e6;--rgb-gray-200: 221, 224, 230;--color-gray-300: #c5cad3;--rgb-gray-300: 197, 202, 211;--color-gray-400: #8f99b3;--rgb-gray-400: 143, 153, 179;--color-gray-500: #5c647a;--rgb-gray-500: 92, 100, 122;--color-gray-600: #475066;--rgb-gray-600: 71, 80, 102;--color-gray-700: #3b4154;--rgb-gray-700: 59, 65, 84;--color-gray-800: #252c3f;--rgb-gray-800: 37, 44, 63;--color-gray-900: #1f2433;--rgb-gray-900: 31, 36, 51;--color-gray-1000: #181c28;--rgb-gray-1000: 24, 28, 40;--color-blue-50: #d6e4ff;--rgb-blue-50: 214, 228, 255;--color-blue-100: #a8c6ff;--rgb-blue-100: 168, 198, 255;--color-blue-200: #77a6ff;--rgb-blue-200: 119, 166, 255;--color-blue-300: #4787ff;--rgb-blue-300: 71, 135, 255;--color-blue-400: #1f6dff;--rgb-blue-400: 31, 109, 255;--color-blue-500: #005aff;--rgb-blue-500: 0, 90, 255;--color-blue-600: #0047cc;--rgb-blue-600: 0, 71, 204;--color-blue-700: #003599;--rgb-blue-700: 0, 53, 153;--color-blue-800: #001561;--rgb-blue-800: 0, 21, 97;--color-green-50: #d9f2df;--rgb-green-50: 217, 242, 223;--color-green-100: #bcebc8;--rgb-green-100: 188, 235, 200;--color-green-200: #9ce3ae;--rgb-green-200: 156, 227, 174;--color-green-300: #85db9b;--rgb-green-300: 133, 219, 155;--color-green-400: #65cd80;--rgb-green-400: 101, 205, 128;--color-green-500: #42bd61;--rgb-green-500: 66, 189, 97;--color-green-600: #33994d;--rgb-green-600: 51, 153, 77;--color-green-700: #257439;--rgb-green-700: 37, 116, 57;--color-green-800: #1a5b2b;--rgb-green-800: 26, 91, 43;--color-purple-50: #f1ebff;--rgb-purple-50: 241, 235, 255;--color-purple-100: #e1d3fd;--rgb-purple-100: 225, 211, 253;--color-purple-200: #d2bdff;--rgb-purple-200: 210, 189, 255;--color-purple-300: #c1a3ff;--rgb-purple-300: 193, 163, 255;--color-purple-400: #ac85ff;--rgb-purple-400: 172, 133, 255;--color-purple-500: #905ff7;--rgb-purple-500: 144, 95, 247;--color-purple-600: #7645de;--rgb-purple-600: 118, 69, 222;--color-purple-700: #5a36a6;--rgb-purple-700: 90, 54, 166;--color-purple-800: #482c81;--rgb-purple-800: 72, 44, 129;--color-red-50: #ffedeb;--rgb-red-50: 255, 237, 235;--color-red-100: #ffd6d1;--rgb-red-100: 255, 214, 209;--color-red-200: #ffbab3;--rgb-red-200: 255, 186, 179;--color-red-300: #fe8f8b;--rgb-red-300: 254, 143, 139;--color-red-400: #fa7a75;--rgb-red-400: 250, 122, 117;--color-red-500: #e95749;--rgb-red-500: 233, 87, 73;--color-red-600: #c23b29;--rgb-red-600: 194, 59, 41;--color-red-700: #902618;--rgb-red-700: 144, 38, 24;--color-red-800: #6a2206;--rgb-red-800: 106, 34, 6;--color-yellow-50: #fff7e6;--rgb-yellow-50: 255, 247, 230;--color-yellow-100: #fff0cc;--rgb-yellow-100: 255, 240, 204;--color-yellow-200: #ffe7ad;--rgb-yellow-200: 255, 231, 173;--color-yellow-300: #ffdf94;--rgb-yellow-300: 255, 223, 148;--color-yellow-400: #ffd36b;--rgb-yellow-400: 255, 211, 107;--color-yellow-500: #ffc233;--rgb-yellow-500: 255, 194, 51;--color-yellow-600: #e6a400;--rgb-yellow-600: 230, 164, 0;--color-yellow-700: #b37a00;--rgb-yellow-700: 179, 122, 0;--color-yellow-800: #89580b;--rgb-yellow-800: 137, 88, 11}:root{--airtame-scrollbar-thumb-width: 6px;--airtame-scrollbar-track-width: 12px}:root{--space-1: 0.0625rem;--space-2: 0.125rem;--space-4: 0.25rem;--space-6: 0.375rem;--space-8: 0.5rem;--space-12: 0.75rem;--space-16: 1rem;--space-18: 1.125rem;--space-24: 1.5rem;--space-32: 2rem;--space-40: 2.5rem;--space-48: 3rem;--space-56: 3.5rem;--space-64: 4rem;--space-72: 4.5rem;--space-80: 5rem;--space-88: 5.5rem;--space-96: 6rem;--space-104: 6.5rem;--space-112: 7rem;--space-120: 7.5rem;--space-128: 8rem}:root{--font-family: "Barlow", sans-serif;--font-weight-regular: 300;--font-weight-medium: 400;--font-weight-semibold: 500;--font-weight-bold: 600;--baseline-correction: calc(7em / 80);--font-size-h1000: 5rem;--font-line-height-h1000: 1;--font-size-h900: 4rem;--font-line-height-h900: 1.1;--font-size-h600: 2.5rem;--font-line-height-h600: 1;--font-size-h500: 2rem;--font-line-height-h500: 1.25;--font-size-h400: 1.5rem;--font-line-height-h400: 1.25;--font-size-h300: 1.25rem;--font-line-height-h300: 1.25;--font-size-h200: 1rem;--font-line-height-h200: 1.2;--font-size-h100: 0.875rem;--font-line-height-h100: 1.15;--font-size-p400: 1.5rem;--font-line-height-p300: 1.4;--font-size-p200: 1rem;--font-line-height-p200: 1.4;--font-size-p100: 0.875rem;--font-line-height-p100: 1.4;--font-size-p50: 0.625rem;--font-line-height-p50: 1.4;--font-size-overline: 0.75rem;--font-line-height-overline: 1.4;--font-size-link: inherit;--font-line-height-link: inherit;--font-size-label-200: 1rem;--font-line-height-label-200: 1.2;--font-size-label-100: 0.875rem;--font-line-height-label-100: 1.2;--font-size-meta: 0.875rem;--font-line-height-meta: 1;--font-size-badge-100: 0.75rem;--font-line-height-badge-100: calc(23 / 12);--font-size-badge-50: 0.5625rem;--font-line-height-badge-50: calc(17 / 9);--font-size-button-200: 1rem;--font-line-height-button-200: 1;--font-size-button-100: 0.875rem;--font-line-height-button-100: 1;--font-size-button-50: 0.75rem;--font-line-height-button-50: 1;--font-size-input-200: 1rem;--font-line-height-input-200: 1;--font-size-input-100: 0.875rem;--font-line-height-input-100: 1;--font-size-input-50: 0.75rem;--font-line-height-input-50: 1;--font-size-textarea: 0.875rem;--font-line-height-textarea: 1.2}[data-theme].airtame-badge{--airtame-badge-text-color: var(--color-white);--airtame-badge-text-color-light-gray: var(--color-gray-700);--airtame-badge-text-color-yellow: var(--color-gray-1000);--airtame-badge-text-color-white: var(--color-gray-500);--airtame-badge-base-color-blue: var(--color-blue-500);--airtame-badge-base-color-green: var(--color-green-500);--airtame-badge-base-color-light-gray: var(--color-gray-300);--airtame-badge-base-color-dark-gray: var(--color-gray-400);--airtame-badge-base-color-purple: var(--color-purple-500);--airtame-badge-base-color-red: var(--color-red-500);--airtame-badge-base-color-yellow: var(--color-yellow-500);--airtame-badge-base-color-secondary-dark: var(--color-gray-500);--airtame-badge-base-color-white: var(--color-white);--airtame-badge-base-color-blue-hover: var(--color-blue-300);--airtame-badge-base-color-green-hover: var(--color-green-300);--airtame-badge-base-color-light-gray-hover: var(--color-gray-200);--airtame-badge-base-color-dark-gray-hover: var(--color-gray-300);--airtame-badge-base-color-purple-hover: var(--color-purple-300);--airtame-badge-base-color-red-hover: var(--color-red-300);--airtame-badge-base-color-yellow-hover: var(--color-yellow-300);--airtame-badge-base-color-secondary-dark-hover: var(--color-gray-400);--airtame-badge-base-color-white-hover: var(--color-gray-50)}[data-theme].airtame-banner{--airtame-banner-background-color: var(--color-gray-50);--airtame-banner-background-color-informative: var(--color-blue-50);--airtame-banner-background-color-positive: var(--color-green-50);--airtame-banner-background-color-warning: var(--color-yellow-50);--airtame-banner-background-color-error: var(--color-red-50);--airtame-banner-icon-color-informative: var(--color-blue-500);--airtame-banner-icon-color-positive: var(--color-green-500);--airtame-banner-icon-color-warning: var(--color-yellow-500);--airtame-banner-icon-color-error: var(--color-red-500);--airtame-banner-close-icon-color-hover: var(--color-gray-600)}[data-theme].airtame-button{--airtame-button-focus-border-color-primary: var(--color-blue-300);--airtame-button-focus-border-color-secondary: var(--color-blue-300);--airtame-button-focus-border-color-danger: var(--color-red-600);--airtame-button-focus-outline-color-primary: var(--color-blue-100);--airtame-button-focus-outline-color-secondary: var(--color-blue-100);--airtame-button-focus-outline-color-danger: var(--color-red-100);--airtame-button-background-color-primary: var(--color-blue-500);--airtame-button-background-color-secondary: var(--color-gray-200);--airtame-button-background-color-danger: var(--color-red-500);--airtame-button-background-color-hover-primary: var(--color-blue-300);--airtame-button-background-color-hover-secondary: var(--color-gray-100);--airtame-button-background-color-hover-danger: var(--color-red-300);--airtame-button-background-color-disabled-primary: var(--color-blue-200);--airtame-button-background-color-disabled-secondary: var(--color-gray-100);--airtame-button-background-color-disabled-danger: var(--color-red-300);--airtame-button-text-color-primary: var(--color-white);--airtame-button-text-color-secondary: var(--color-black);--airtame-button-text-color-danger: var(--color-white);--airtame-button-text-color-disabled-primary: var(--color-blue-100);--airtame-button-text-color-disabled-secondary: var(--color-gray-300);--airtame-button-text-color-disabled-danger: var(--color-red-100)}[data-theme].airtame-card{--airtame-card-border-color: var(--color-gray-200);--airtame-card-separator-color: var(--color-gray-200);--airtame-card-background-color: var(--color-gray-50);--airtame-card-color: var(--color-gray-1000)}[data-theme].airtame-dialog{--airtame-dialog-header-icon-color-warning: var(--color-yellow-500);--airtame-dialog-header-icon-color-informative: var(--color-blue-500);--airtame-dialog-header-icon-color-positive: var(--color-green-500);--airtame-dialog-header-icon-color-error: var(--color-red-500)}[data-theme].airtame-form-field{--airtame-form-field-border-color: var(--color-gray-300);--airtame-form-field-border-color-invalid: var(--color-red-300);--airtame-form-field-border-color-disabled: var(--color-gray-200);--airtame-form-field-border-color-on: var(--color-green-600);--airtame-form-field-outline-color: var(--color-gray-500);--airtame-form-field-outline-color-on: var(--color-green-100);--airtame-form-field-focus-border-color: var(--color-blue-400);--airtame-form-field-focus-border-color-invalid: var(--airtame-form-field-border-color-invalid);--airtame-form-field-focus-outline-color: var(--color-blue-100);--airtame-form-field-focus-outline-color-invalid: var(--color-red-100);--airtame-form-field-background-color: var(--color-gray-50);--airtame-form-field-background-color-disabled: var(--color-gray-100);--airtame-form-field-background-color-on: var(--color-green-500);--airtame-form-field-label-color: var(--color-black);--airtame-form-field-label-color-disabled: var(--color-gray-300);--airtame-form-field-input-color: var(--color-black);--airtame-form-field-input-color-disabled: var(--color-gray-300);--airtame-form-field-input-color-placeholder: var(--color-gray-400);--airtame-form-field-toggle-color: var(--airtame-form-field-input-color);--airtame-form-field-toggle-background-color: var(--airtame-form-field-background-color);--airtame-form-field-toggle-border-color: var(--airtame-form-field-border-color);--airtame-form-field-toggle-focus-border-color: var(--airtame-form-field-focus-border-color);--airtame-form-field-hint-color: var(--color-gray-500);--airtame-form-field-hint-color-disabled: var(--color-gray-300);--airtame-form-field-error-color: var(--color-red-500)}[data-theme]{--airtame-color: var(--color-black);--airtame-background-color: var(--color-white);--airtame-font-family: var(--font-family)}[data-theme].airtame-header{--airtame-header-background-color: var(--color-white);--airtame-header-border-color: var(--color-gray-200)}[data-theme].airtame-info-message{--airtame-info-message-variant-color: var(--color-gray-50);--airtame-info-message-informative-icon-color: var(--color-blue-500);--airtame-info-message-positive-icon-color: var(--color-green-500);--airtame-info-message-warning-icon-color: var(--color-yellow-500);--airtame-info-message-error-icon-color: var(--color-red-500);--airtame-info-message-close-icon-color-hover: var(--color-gray-600)}[data-theme].airtame-modal{--airtame-modal-overlay-background-color: rgb(var(--rgb-black), 0.3);--airtame-modal-color: var(--airtame-color);--airtame-modal-header-separator-color: var(--color-gray-200);--airtame-modal-footer-background-color: var(--color-gray-50)}[data-theme]{--airtame-scrollbar-track-color: transparent;--airtame-scrollbar-thumb-color: rgb(var(--rgb-black), 0.2);--airtame-scrollbar-thumb-color-hover: rgb(var(--rgb-black), 0.4);--airtame-scrollbar-thumb-color-active: rgb(var(--rgb-black), 0.6)}[data-theme].airtame-sign-in-button{--airtame-sign-in-button-background-color: var(--color-white);--airtame-sign-in-button-background-color-hover: var(--color-gray-50);--airtame-sign-in-button-background-color-disabled: var(--color-gray-100);--airtame-sign-in-button-text-color: var(--color-gray-1000);--airtame-sign-in-button-text-color-disabled: var(--color-gray-300);--airtame-sign-in-button-border-color: var(--color-gray-300);--airtame-sign-in-button-border-color-focus: var(--color-blue-300);--airtame-sign-in-button-outline-color-focus: var(--color-blue-100)}[data-theme].airtame-tab-bar{--airtame-tab-bar-background-color: var(--color-gray-50);--airtame-tab-background-color: transparent;--airtame-tab-background-color-selected: var(--color-gray-200);--airtame-tab-background-color-hover: var(--color-gray-100);--airtame-tab-background-color-selected-hover: var(--color-gray-100);--airtame-tab-border-color-focus: var(--color-blue-300);--airtame-tab-color: var(--color-black);--airtame-tab-color-disabled: var(--color-gray-300);--airtame-tab-outline-color-focus: var(--color-blue-100)}[data-theme].airtame-toast{--airtame-toast-background-color-default: var(--color-gray-50);--airtame-toast-background-color-informative: var(--color-blue-50);--airtame-toast-background-color-warning: var(--color-yellow-50);--airtame-toast-background-color-success: var(--color-green-50);--airtame-toast-background-color-error: var(--color-red-50);--airtame-toast-icon-color-default: var(--color-blue-500);--airtame-toast-icon-color-informative: var(--color-blue-500);--airtame-toast-icon-color-warning: var(--color-yellow-500);--airtame-toast-icon-color-success: var(--color-green-500);--airtame-toast-icon-color-error: var(--color-red-500)}[data-theme].airtame-tooltip{--airtame-tooltip-text-color: var(--color-white);--airtame-tooltip-background-color: var(--color-gray-1000)}[data-theme].airtame-vertical-list{--airtame-vertical-list-background-color: var(--color-white);--airtame-vertical-list-item-background-color: unset;--airtame-vertical-list-item-background-color-hover: var(--color-gray-200);--airtame-vertical-list-item-background-color-highlighted: var(--color-gray-500);--airtame-vertical-list-item-background-color-highlighted-hover: var(--color-gray-400);--airtame-vertical-list-item-color: var(--color-black);--airtame-vertical-list-item-color-highlighted: var(--color-white);--airtame-vertical-list-item-color-disabled: var(--color-gray-300);--airtame-vertical-list-heading-color: var(--airtame-vertical-list-item-color)}[data-theme=dark].airtame-banner{--airtame-banner-background-color: var(--color-gray-700);--airtame-banner-background-color-informative: var(--color-blue-500);--airtame-banner-background-color-positive: var(--color-green-700);--airtame-banner-background-color-warning: var(--color-yellow-700);--airtame-banner-background-color-error: var(--color-red-700);--airtame-banner-icon-color-informative: var(--airtame-color);--airtame-banner-icon-color-positive: var(--airtame-color);--airtame-banner-icon-color-warning: var(--airtame-color);--airtame-banner-icon-color-error: var(--airtame-color);--airtame-banner-close-icon-color-hover: var(--color-gray-200)}[data-theme=dark].airtame-button{--airtame-button-focus-border-color-secondary: var(--color-gray-600);--airtame-button-focus-outline-color-secondary: var(--color-gray-200);--airtame-button-background-color-secondary: var(--color-gray-500);--airtame-button-background-color-hover-secondary: var(--color-gray-400);--airtame-button-background-color-disabled-secondary: var(--color-gray-300);--airtame-button-text-color-secondary: var(--color-white);--airtame-button-text-color-disabled-secondary: var(--color-gray-100)}[data-theme=dark].airtame-card{--airtame-card-border-color: transparent;--airtame-card-separator-color: var(--color-gray-500);--airtame-card-background-color: var(--color-gray-600);--airtame-card-color: var(--color-white)}[data-theme=dark].airtame-dialog{--airtame-dialog-header-icon-color-warning: var(--color-yellow-300);--airtame-dialog-header-icon-color-informative: var(--color-blue-300);--airtame-dialog-header-icon-color-positive: var(--color-green-300);--airtame-dialog-header-icon-color-error: var(--color-red-300)}[data-theme=dark].airtame-form-field{--airtame-form-field-border-color: var(--color-gray-500);--airtame-form-field-border-color-invalid: var(--color-red-400);--airtame-form-field-border-color-disabled: var(--color-gray-1000);--airtame-form-field-outline-color: var(--color-gray-400);--airtame-form-field-focus-border-color: var(--airtame-form-field-border-color);--airtame-form-field-focus-border-color-error: var(--airtame-form-field-border-color-error);--airtame-form-field-focus-outline-color: var(--airtame-form-field-outline-color);--airtame-form-field-focus-outline-color-invalid: var(--airtame-form-field-focus-outline-color);--airtame-form-field-background-color: var(--color-gray-1000);--airtame-form-field-background-color-disabled: var(--color-gray-800);--airtame-form-field-label-color: var(--color-white);--airtame-form-field-label-color-disabled: var(--color-gray-400);--airtame-form-field-input-color: var(--color-white);--airtame-form-field-input-color-disabled: var(--color-gray-400);--airtame-form-field-input-color-placeholder: var(--color-gray-400);--airtame-form-field-toggle-color: var(--color-white);--airtame-form-field-toggle-background-color: var(--color-gray-600);--airtame-form-field-toggle-border-color: var(--color-gray-1000);--airtame-form-field-toggle-focus-border-color: var(--airtame-form-field-toggle-border-color);--airtame-form-field-hint-color: var(--color-gray-300);--airtame-form-field-hint-color-disabled: var(--color-gray-400);--airtame-form-field-error-color: var(--color-red-200)}[data-theme=dark]{--airtame-color: var(--color-white);--airtame-background-color: var(--color-gray-800)}[data-theme=dark].airtame-header{--airtame-header-background-color: var(--color-gray-800);--airtame-header-border-color: transparent}[data-theme=dark].airtame-info-message{--airtame-info-message-variant-color: var(--color-gray-700);--airtame-info-message-informative-icon-color: var(--color-blue-300);--airtame-info-message-positive-icon-color: var(--color-green-300);--airtame-info-message-warning-icon-color: var(--color-yellow-300);--airtame-info-message-error-icon-color: var(--color-red-300);--airtame-info-message-close-icon-color-hover: var(--color-gray-200)}[data-theme=dark].airtame-modal{--airtame-modal-background-color: var(--color-gray-800);--airtame-modal-overlay-background-color: rgb(var(--rgb-black), 0.3);--airtame-modal-color: var(--airtame-color);--airtame-modal-header-separator-color: var(--color-gray-600);--airtame-modal-footer-background-color: var(--color-gray-700)}[data-theme=dark]{--airtame-scrollbar-track-color: transparent;--airtame-scrollbar-thumb-color: rgb(var(--rgb-white), 0.2);--airtame-scrollbar-thumb-color-hover: rgb(var(--rgb-white), 0.4);--airtame-scrollbar-thumb-color-active: rgb(var(--rgb-white), 0.6)}[data-theme=dark].airtame-sign-in-button{--airtame-sign-in-button-border-color: transparent}[data-theme=dark].airtame-tab-bar{--airtame-tab-bar-background-color: var(--color-gray-1000);--airtame-tab-background-color-selected: var(--color-gray-500);--airtame-tab-background-color-hover: var(--color-gray-700);--airtame-tab-background-color-selected-hover: var(--color-gray-400);--airtame-tab-border-color-focus: var(--color-gray-500);--airtame-tab-color: var(--color-white);--airtame-tab-color-disabled: var(--color-gray-400);--airtame-tab-outline-color-focus: var(--color-gray-200)}[data-theme=dark].airtame-toast{--airtame-toast-background-color-default: var(--color-gray-700);--airtame-toast-background-color-informative: var(--color-blue-500);--airtame-toast-background-color-warning: var(--color-yellow-700);--airtame-toast-background-color-success: var(--color-green-700);--airtame-toast-background-color-error: var(--color-red-700);--airtame-toast-icon-color-default: var(--color-white);--airtame-toast-icon-color-informative: var(--color-white);--airtame-toast-icon-color-warning: var(--color-white);--airtame-toast-icon-color-success: var(--color-white);--airtame-toast-icon-color-error: var(--color-white)}[data-theme=dark].airtame-tooltip{--airtame-tooltip-text-color: var(--color-gray-1000);--airtame-tooltip-background-color: var(--color-white)}[data-theme=dark].airtame-vertical-list{--airtame-vertical-list-background-color: var(--color-gray-1000);--airtame-vertical-list-item-background-color-hover: var(--color-gray-700);--airtame-vertical-list-item-color: var(--color-white);--airtame-vertical-list-item-color-highlighted: var(--color-white);--airtame-vertical-list-item-color-disabled: var(--color-gray-400);--airtame-vertical-list-heading-color: var(--color-gray-400)}.airtame-vertical-list,.airtame-tooltip,.airtame-toast,.airtame-modal,.airtame-loading-indicator,.airtame-header,.airtame-form-field,.airtame-card,.airtame-badge,.airtame-info-message,.airtame-banner,.airtame-tab,.airtame-sign-in-button,.airtame-button{font-family:var(--font-family);text-rendering:optimizelegibility}.airtame-vertical-list *,.airtame-tooltip *,.airtame-toast *,.airtame-modal *,.airtame-loading-indicator *,.airtame-header *,.airtame-form-field *,.airtame-card *,.airtame-badge *,.airtame-info-message *,.airtame-banner *,.airtame-tab *,.airtame-sign-in-button *,.airtame-button *{font:inherit}.airtame-vertical-list,.airtame-tooltip,.airtame-toast,.airtame-modal,.airtame-loading-indicator,.airtame-header,.airtame-form-field,.airtame-card,.airtame-badge,.airtame-info-message,.airtame-banner,.airtame-tab,.airtame-sign-in-button,.airtame-button,.airtame-vertical-list *,.airtame-tooltip *,.airtame-toast *,.airtame-modal *,.airtame-loading-indicator *,.airtame-header *,.airtame-form-field *,.airtame-card *,.airtame-badge *,.airtame-info-message *,.airtame-banner *,.airtame-tab *,.airtame-sign-in-button *,.airtame-button *{box-sizing:border-box;margin:0;padding:0;vertical-align:baseline;border:0;font-size:100%}.airtame-tab,.airtame-sign-in-button,.airtame-button{--button-base-height: var(--space-32);--button-base-gap: var(--space-16);--button-base-icon-gap: calc((var(--button-base-height) - 2 * var(--button-base-gap) - var(--button-base-font-size)) / 2);--button-base-font-size: var(--font-size-button-100);--button-base-box-shadow: none;--button-base-border-radius: var(--border-radius-200);--button-base-cursor: pointer;position:relative;display:inline-flex;gap:var(--button-base-gap);overflow:hidden;height:var(--button-base-height);padding:0 var(--button-base-gap) var(--baseline-correction) var(--button-base-gap);cursor:var(--button-base-cursor);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color var(--animation-time-short) var(--easing-smooth),box-shadow var(--animation-time-short) var(--easing-smooth);white-space:nowrap;color:var(--button-base-text-color);border-radius:var(--button-base-border-radius);outline:none;background-color:var(--button-base-background-color);box-shadow:var(--button-base-box-shadow);font-size:var(--button-base-font-size);font-weight:var(--font-weight-semibold);-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;justify-content:center;vertical-align:top}.airtame-tab:hover,.airtame-sign-in-button:hover,.airtame-button:hover{--button-base-background-color: var(--button-base-background-color-hover)}.airtame-tab:focus,.airtame-sign-in-button:focus,.airtame-button:focus{--button-base-box-shadow: var(--button-base-box-shadow-focus, none)}.airtame-tab:disabled,.airtame-sign-in-button:disabled,.airtame-button:disabled{--button-base-background-color: var(--button-base-background-color-disabled);--button-base-text-color: var(--button-base-text-color-disabled);--button-base-cursor: not-allowed}.airtame-tab--small,.airtame-button--small{--button-base-font-size: var(--font-size-button-50);--button-base-height: var(--space-24);--button-base-gap: var(--space-8)}.airtame-tab--large,.airtame-sign-in-button--large,.airtame-button--large{--button-base-font-size: var(--font-size-button-200);--button-base-height: var(--space-40);--button-base-gap: var(--space-16)}.airtame-tab>svg,.airtame-sign-in-button>svg,.airtame-button>svg{flex:none;margin-top:var(--baseline-correction);transform:translate(0, 0)}.airtame-tab>svg:only-child,.airtame-sign-in-button>svg:only-child,.airtame-button>svg:only-child{margin-right:var(--button-base-icon-gap);margin-left:var(--button-base-icon-gap)}.airtame-tab>:not(svg),.airtame-sign-in-button>:not(svg),.airtame-button>:not(svg){flex:1;overflow:hidden;text-overflow:ellipsis}.airtame-sign-in-button__loading-overlay,.airtame-button__loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:none;background-color:inherit;border-radius:inherit;box-shadow:inherit;align-items:center;justify-content:center}.airtame-sign-in-button__loading-overlay .airtame-loading-indicator,.airtame-button__loading-overlay .airtame-loading-indicator{width:1em}.airtame-radio-button,.airtame-checkbox{--choice-base-box-shadow: var(--form-field-box-shadow);--choice-base-mark-visibility: hidden;--choice-base-border-radius: var(--border-radius-100);--choice-base-mark-size: 0.8125rem}.airtame-radio-button__input,.airtame-checkbox__input{display:inline-flex;width:var(--space-16);height:var(--space-16);cursor:var(--form-field-cursor);transition:var(--form-field-transition);border-radius:var(--choice-base-border-radius);background-color:var(--form-field-background-color);box-shadow:var(--choice-base-box-shadow);align-items:center;justify-content:center}input:focus+.airtame-radio-button__input,input:focus+.airtame-checkbox__input{--choice-base-box-shadow: var(--form-field-focus-box-shadow)}input:checked+.airtame-radio-button__input,input:checked+.airtame-checkbox__input{--choice-base-mark-visibility: visible}.airtame-radio-button__mark,.airtame-checkbox__mark{visibility:var(--choice-base-mark-visibility);color:var(--form-field-input-color);font-size:var(--choice-base-mark-size);stroke-width:2}.airtame-textarea,.airtame-select,.airtame-input{--input-base-height: var(--space-32);--input-base-font-size: var(--font-size-input-100);--input-base-line-height: var(--font-line-height-input-100);--input-base-text-indent: var(--space-12);--input-base-icon-color: var(--form-field-input-color);--input-base-icon-size: var(--space-16);--input-base-icon-margin: var(--space-8);--input-base-icon-top: var(--space-8);--input-base-icon-left: unset;--input-base-icon-right: unset;--input-base-indent-left: var(--input-base-text-indent);--input-base-indent-right: var(--input-base-text-indent);--input-base-padding: 0 var(--input-base-indent-right) var(--baseline-correction) var(--input-base-indent-left)}.airtame-select--small,.airtame-input--small{--input-base-height: var(--space-24);--input-base-font-size: var(--font-size-input-50);--input-base-line-height: var(--font-line-height-input-50);--input-base-text-indent: var(--space-8);--input-base-icon-size: var(--space-12);--input-base-icon-margin: var(--space-6);--input-base-icon-top: var(--space-4)}.airtame-select--large,.airtame-input--large{--input-base-height: var(--space-40);--input-base-font-size: var(--font-size-input-200);--input-base-line-height: var(--font-line-height-input-200);--input-base-text-indent: var(--space-16);--input-base-icon-size: var(--space-16);--input-base-icon-margin: var(--space-12);--input-base-icon-top: var(--space-12)}.airtame-input--with-icon-left{--input-base-indent-left: calc( var(--input-base-text-indent) + var(--input-base-icon-size) + var(--input-base-icon-margin) );--input-base-icon-left: var(--input-base-text-indent)}.airtame-select,.airtame-input--with-icon-right{--input-base-indent-right: calc( var(--input-base-text-indent) + var(--input-base-icon-size) + var(--input-base-icon-margin) );--input-base-icon-right: var(--input-base-text-indent)}.airtame-textarea__input,.airtame-select__input,.airtame-input__input{width:100%;height:var(--input-base-height);padding:var(--input-base-padding);transition-timing-function:var(--easing-smooth);transition-duration:var(--animation-time-short);transition-property:background-color,box-shadow;text-overflow:ellipsis;color:var(--form-field-input-color);border-radius:var(--border-radius-200);outline:none;background-color:var(--form-field-background-color);box-shadow:var(--form-field-box-shadow);font-size:var(--input-base-font-size);font-weight:var(--form-field-input-font-weight);line-height:var(--input-base-line-height)}.airtame-select__hidden:focus+.airtame-select__input,.airtame-textarea__input:focus,.airtame-select__input:focus,.airtame-input__input:focus{border-color:var(--form-field-focus-border-color);box-shadow:var(--form-field-focus-box-shadow)}.airtame-textarea__input::-moz-placeholder, .airtame-select__input::-moz-placeholder, .airtame-input__input::-moz-placeholder{color:var(--form-field-placeholder-color)}.airtame-textarea__input::placeholder,.airtame-select__input::placeholder,.airtame-input__input::placeholder{color:var(--form-field-placeholder-color)}.airtame-select__icon,.airtame-input__icon{position:absolute;z-index:0;top:var(--input-base-icon-top);right:var(--input-base-icon-right);left:var(--input-base-icon-left);width:var(--input-base-icon-size);color:var(--input-base-icon-color)}.airtame-input__input:-moz-placeholder-shown+.airtame-select__icon, .airtame-input__input:-moz-placeholder-shown+.airtame-input__icon{--input-base-icon-color: var(--form-field-placeholder-color)}.airtame-input__input:placeholder-shown+.airtame-select__icon,.airtame-input__input:placeholder-shown+.airtame-input__icon{--input-base-icon-color: var(--form-field-placeholder-color)}.airtame-info-message,.airtame-banner{--message-base-gap: var(--space-16);--message-base-padding: var(--message-base-gap);--message-base-line-height: 1.2;--message-base-font-size: var(--font-size-p200);--message-base-icon-size: var(--space-24);--message-base-close-icon-size: var(--space-16);--message-base-container-grid-column-start: 1;--message-base-container-grid-column-end: 4;padding:var(--message-base-padding);display:grid;grid-template-columns:var(--message-base-icon-size) 1fr var(--message-base-close-icon-size);gap:var(--message-base-gap);color:var(--message-base-color);background-color:var(--message-base-background-color);line-height:var(--message-base-line-height);font-size:var(--message-base-font-size);min-height:calc(max(var(--message-base-font-size)*var(--message-base-line-height),var(--message-base-icon-size)) + var(--message-base-padding)*2)}.airtame-info-message--has-icon,.airtame-banner--has-icon{--message-base-container-grid-column-start: 2}.airtame-info-message--closeable,.airtame-banner--closeable{--message-base-container-grid-column-end: 3}.airtame-info-message--size-small,.airtame-banner--size-small{--message-base-gap: var(--space-8);--message-base-font-size: var(--font-size-overline);--message-base-icon-size: var(--space-16);--message-base-close-icon-size: var(--space-12)}.airtame-info-message__container,.airtame-banner__container{grid-column:var(--message-base-container-grid-column-start)/var(--message-base-container-grid-column-end);gap:var(--message-base-gap);margin-top:calc((var(--message-base-icon-size) - var(--message-base-font-size)*var(--message-base-line-height))/2 - var(--baseline-correction))}.airtame-info-message__icon,.airtame-banner__icon{font-size:var(--message-base-icon-size);color:var(--message-base-icon-color);height:1em}.airtame-info-message__close-icon,.airtame-banner__close-icon{cursor:pointer;font-size:var(--message-base-close-icon-size);color:var(--message-base-close-icon-color);width:var(--message-base-icon-size);height:var(--message-base-icon-size);display:flex;align-items:center;justify-content:center;transform:translateX(calc((var(--message-base-close-icon-size) - var(--message-base-icon-size)) / 2))}.airtame-info-message__close-icon:hover,.airtame-banner__close-icon:hover{--message-base-close-icon-color: var(--message-base-close-icon-color-hover)}.airtame-info-message-content,.airtame-banner__container{display:flex;flex-direction:column;gap:var(--message-base-gap);font-weight:var(--font-weight-medium)}.airtame-switch__replaced,.airtame-select__replaced,.airtame-radio-button__replaced,.airtame-checkbox__replaced{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:0}.airtame-switch,.airtame-slider{--slider-base-knob-growth: 1.25;--slider-base-knob-size: var(--space-16);--slider-base-background-color: var(--airtame-form-field-toggle-background-color)}.airtame-switch__input,.airtame-slider__input{height:var(--slider-base-track-height);border-radius:var(--border-radius-pill);box-shadow:var(--form-field-border-style) var(--airtame-form-field-toggle-border-color);background-color:var(--slider-base-background-color);transition:var(--form-field-transition)}input:focus+.airtame-switch__input,.airtame-slider__input:focus{box-shadow:var(--form-field-border-style) var(--airtame-form-field-toggle-focus-border-color),var(--form-field-focus-outline-style) var(--airtame-form-field-focus-outline-color)}input[disabled]+.airtame-switch__input,.airtame-slider__input[disabled]{--slider-base-knob-growth: 1;cursor:not-allowed;opacity:.4}.airtame-switch__replaced,.airtame-slider__input,.airtame-select__replaced,.airtame-radio-button__replaced,.airtame-checkbox__replaced{cursor:pointer}.airtame-switch__replaced:disabled,.airtame-slider__input:disabled,.airtame-select__replaced:disabled,.airtame-radio-button__replaced:disabled,.airtame-checkbox__replaced:disabled{cursor:not-allowed}.airtame-badge{--badge-text-color: var(--airtame-badge-text-color);--badge-background-color: var(--badge-base-color);--badge-outline-color: var(--badge-base-color);--badge-outline: none;--badge-height: var(--space-24);--badge-line-height: var(--font-line-height-badge-100);--badge-font-size: var(--font-size-badge-100);--badge-padding: var(--space-12);display:inline-flex;gap:.5em;height:var(--badge-height);padding:0 var(--badge-padding) var(--baseline-correction) var(--badge-padding);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;white-space:nowrap;color:var(--badge-text-color);border-radius:var(--border-radius-pill);background-color:var(--badge-background-color);font-size:var(--badge-font-size);font-weight:var(--font-weight-semibold);line-height:var(--badge-line-height);align-items:center;box-shadow:var(--badge-outline)}.airtame-badge>svg{margin-bottom:calc(-1*var(--baseline-correction));transform:translate(0, 0)}.airtame-badge>svg:only-child{margin-right:calc((var(--badge-height) - 2*var(--badge-padding) - var(--badge-font-size))/2);margin-left:calc((var(--badge-height) - 2*var(--badge-padding) - var(--badge-font-size))/2)}.airtame-badge--small{--badge-height: var(--space-18);--badge-font-size: var(--font-size-badge-50);--badge-line-height: var(--font-line-height-badge-50);--badge-padding: var(--space-8)}.airtame-badge--blue{--badge-base-color: var(--airtame-badge-base-color-blue);--badge-base-color-hover: var(--airtame-badge-base-color-blue-hover)}.airtame-badge--green{--badge-base-color: var(--airtame-badge-base-color-green);--badge-base-color-hover: var(--airtame-badge-base-color-green-hover)}.airtame-badge--light-gray{--badge-base-color: var(--airtame-badge-base-color-light-gray);--badge-base-color-hover: var(--airtame-badge-base-color-light-gray-hover);--badge-text-color: var(--airtame-badge-text-color-light-gray)}.airtame-badge--dark-gray{--badge-base-color: var(--airtame-badge-base-color-dark-gray);--badge-base-color-hover: var(--airtame-badge-base-color-dark-gray-hover)}.airtame-badge--purple{--badge-base-color: var(--airtame-badge-base-color-purple);--badge-base-color-hover: var(--airtame-badge-base-color-purple-hover)}.airtame-badge--red{--badge-base-color: var(--airtame-badge-base-color-red);--badge-base-color-hover: var(--airtame-badge-base-color-red-hover)}.airtame-badge--yellow{--badge-base-color: var(--airtame-badge-base-color-yellow);--badge-base-color-hover: var(--airtame-badge-base-color-yellow-hover);--badge-text-color: var(--airtame-badge-text-color-yellow)}.airtame-badge--secondary-dark{--badge-base-color: var(--airtame-badge-base-color-secondary-dark);--badge-base-color-hover: var(--airtame-badge-base-color-secondary-dark-hover)}.airtame-badge--white{--badge-base-color: var(--airtame-badge-base-color-white);--badge-base-color-hover: var(--airtame-badge-base-color-white-hover);--badge-text-color: var(--airtame-badge-text-color-white)}.airtame-badge--transparent{--badge-background-color: transparent;--badge-text-color: inherit}.airtame-badge--outlined{--badge-background-color: transparent;--badge-background-color-hover: transparent;--badge-text-color: var(--badge-base-color);--badge-outline: inset 0 0 0 var(--space-1) var(--badge-outline-color)}.airtame-badge--outlined.airtame-badge--light-gray{--badge-text-color: var(--airtame-badge-text-color-light-gray)}.airtame-badge--hoverable:hover{--badge-base-color: var(--badge-base-color-hover)}.airtame-banner{--message-base-color: var(--airtame-color);--message-base-background-color: var(--airtame-banner-background-color);--message-base-icon-color: var(--airtame-color);--message-base-close-icon-color: var(--airtame-color);--message-base-close-icon-color-hover: var(--airtame-banner-close-icon-color-hover)}.airtame-banner--variant-informative{--message-base-background-color: var(--airtame-banner-background-color-informative);--message-base-icon-color: var(--airtame-banner-icon-color-informative)}.airtame-banner--variant-positive{--message-base-background-color: var(--airtame-banner-background-color-positive);--message-base-icon-color: var(--airtame-banner-icon-color-positive)}.airtame-banner--variant-warning{--message-base-background-color: var(--airtame-banner-background-color-warning);--message-base-icon-color: var(--airtame-banner-icon-color-warning)}.airtame-banner--variant-error{--message-base-background-color: var(--airtame-banner-background-color-error);--message-base-icon-color: var(--airtame-banner-icon-color-error)}.airtame-button{--button-base-background-color: var(--airtame-button-background-color-primary);--button-base-background-color-hover: var(--airtame-button-background-color-hover-primary);--button-base-background-color-disabled: var(--airtame-button-background-color-disabled-primary);--button-base-text-color: var(--airtame-button-text-color-primary);--button-base-text-color-disabled: var(--airtame-button-text-color-disabled-primary);--button-base-border-color-focus: var(--airtame-button-focus-border-color-primary);--button-base-outline-color-focus: var(--airtame-button-focus-outline-color-primary);--button-base-box-shadow-focus: inset 0 0 0 0.0625rem var(--button-base-border-color-focus), 0 0 0 0.3125rem var(--button-base-outline-color-focus)}.airtame-button--secondary{--button-base-background-color: var(--airtame-button-background-color-secondary);--button-base-background-color-hover: var(--airtame-button-background-color-hover-secondary);--button-base-background-color-disabled: var( --airtame-button-background-color-disabled-secondary );--button-base-text-color: var(--airtame-button-text-color-secondary);--button-base-text-color-disabled: var(--airtame-button-text-color-disabled-secondary);--button-base-border-color-focus: var(--airtame-button-focus-border-color-secondary);--button-base-outline-color-focus: var(--airtame-button-focus-outline-color-secondary)}.airtame-button--danger{--button-base-background-color: var(--airtame-button-background-color-danger);--button-base-background-color-hover: var(--airtame-button-background-color-hover-danger);--button-base-background-color-disabled: var(--airtame-button-background-color-disabled-danger);--button-base-text-color: var(--airtame-button-text-color-danger);--button-base-text-color-disabled: var(--airtame-button-text-color-disabled-danger);--button-base-border-color-focus: var(--airtame-button-focus-border-color-danger);--button-base-outline-color-focus: var(--airtame-button-focus-outline-color-danger)}.airtame-card{--card-padding-horizontal: var(--space-24);--card-padding-vertical: var(--space-16);--card-border-width: 0.0625rem;border:var(--card-border-width) solid var(--airtame-card-border-color);border-radius:var(--border-radius-400);background-color:var(--airtame-card-background-color);color:var(--airtame-card-color)}.airtame-card--variant-elevated{box-shadow:var(--elevation-500)}.airtame-card__header{padding:var(--card-padding-vertical) var(--card-padding-horizontal);white-space:nowrap}.airtame-card__header-title{font-size:1.125rem;font-weight:var(--font-weight-bold);line-height:1.2222222222;overflow:hidden;text-overflow:ellipsis}.airtame-card__header-subtitle{font-size:.9375rem;font-weight:var(--font-weight-semibold);line-height:1.2666666667;overflow:hidden;text-overflow:ellipsis}.airtame-card__content{padding:var(--card-padding-horizontal)}.airtame-card__header+.airtame-card__content{border-top:var(--card-border-width) solid var(--airtame-card-separator-color)}.airtame-dialog{--modal-z-index: var(--layer-400);--modal-padding: var(--modal-padding-vertical) var(--modal-padding-horizontal) 0;--dialog-footer-background-color: var(--airtame-modal-footer-background-color);--modal-header-icon-size: 1.5rem}.airtame-dialog--legacy{--modal-padding-vertical: var(--space-24);--modal-padding-horizontal: var(--space-32);--modal-padding: var(--modal-padding-vertical) var(--modal-padding-horizontal) 0}.airtame-dialog--legacy .airtame-dialog__footer{display:flex;justify-content:flex-end;align-items:center;margin:var(--modal-padding-vertical) calc(-1*var(--modal-padding-horizontal)) 0;padding:var(--modal-padding-vertical) var(--modal-padding-horizontal);gap:var(--space-8);background-color:var(--dialog-footer-background-color)}.airtame-dialog__header-title{display:flex;align-items:center}.airtame-dialog__header-icon{flex:0 0 var(--modal-header-icon-size);align-self:flex-start;width:var(--modal-header-icon-size);height:var(--modal-header-icon-size);display:flex;margin-right:var(--space-16);color:var(--dialog-header-icon-color, --color-black)}.airtame-dialog--variant-warning{--dialog-header-icon-color: var(--airtame-dialog-header-icon-color-warning)}.airtame-dialog--variant-informative{--dialog-header-icon-color: var(--airtame-dialog-header-icon-color-informative)}.airtame-dialog--variant-positive{--dialog-header-icon-color: var(--airtame-dialog-header-icon-color-positive)}.airtame-dialog--variant-error{--dialog-header-icon-color: var(--airtame-dialog-header-icon-color-error)}.airtame-dialog--fullscreen.airtame-dialog{--modal-width: 100%;--modal-min-width: 100%;--modal-max-width: 100%;--modal-min-height: 100%;--modal-max-height: 100%}.airtame-elevation-0{z-index:var(--layer-0);box-shadow:var(--elevation-0)}.airtame-elevation-100{z-index:var(--layer-100);box-shadow:var(--elevation-100)}.airtame-elevation-200{z-index:var(--layer-200);box-shadow:var(--elevation-200)}.airtame-elevation-300{z-index:var(--layer-300);box-shadow:var(--elevation-300)}.airtame-elevation-400{z-index:var(--layer-400);box-shadow:var(--elevation-400)}.airtame-elevation-500{z-index:var(--layer-500);box-shadow:var(--elevation-500)}.airtame-elevation-600{z-index:var(--layer-600);box-shadow:var(--elevation-600)}.airtame-elevation-700{z-index:var(--layer-700);box-shadow:var(--elevation-700)}.airtame-elevation-800{z-index:var(--layer-800);box-shadow:var(--elevation-800)}.airtame-elevation-900{z-index:var(--layer-900);box-shadow:var(--elevation-900)}.airtame-elevation-1000{z-index:var(--layer-1000);box-shadow:var(--elevation-1000)}.airtame-form-field{--form-field-label-color: var(--airtame-form-field-label-color);--form-field-border-color: var(--airtame-form-field-border-color);--form-field-background-color: var(--airtame-form-field-background-color);--form-field-input-color: var(--airtame-form-field-input-color);--form-field-focus-border-color: var(--airtame-form-field-focus-border-color);--form-field-focus-outline-color: var(--airtame-form-field-focus-outline-color);--form-field-placeholder-color: var(--airtame-form-field-input-color-placeholder);--form-field-error-color: var(--airtame-form-field-error-color);--form-field-hint-color: var(--airtame-form-field-hint-color);--form-field-transition: background-color 0.15s cubic-bezier(0.9, 0, 0.3, 1), box-shadow 0.15s cubic-bezier(0.9, 0, 0.3, 1);--form-field-border-style: inset 0 0 0 0.0625rem;--form-field-focus-outline-style: 0 0 0 0.25rem;--form-field-box-shadow: var(--form-field-border-style) var(--form-field-border-color);--form-field-focus-box-shadow: var(--form-field-border-style) var(--form-field-focus-border-color), var(--form-field-focus-outline-style) var(--form-field-focus-outline-color);--form-field-input-font-weight: var(--font-weight-medium);--form-field-input-font-size: var(--font-size-input-100);--form-field-input-line-height: var(--font-line-height-input-100);--form-field-input-border-radius: var(--border-radius-200);--form-field-input-flex: initial;--form-field-display: flex;--form-field-flex-direction: column;--form-field-flex-alignment: stretch;--form-field-label-margin: 0 0 var(--space-8);display:var(--form-field-display);flex-direction:var(--form-field-flex-direction);align-items:var(--form-field-flex-alignment)}.airtame-form-field--label-left{--form-field-display: inline-flex;--form-field-flex-direction: row;--form-field-flex-alignment: center;--form-field-label-margin: 0 var(--space-12) 0 0}.airtame-form-field--label-right{--form-field-display: inline-flex;--form-field-flex-direction: row-reverse;--form-field-flex-alignment: center;--form-field-label-margin: 0 0 0 var(--space-12)}.airtame-form-field--label-top{--form-field-input-flex: 1}.airtame-form-field--disabled{--form-field-border-color: var(--airtame-form-field-border-color-disabled);--form-field-background-color: var(--airtame-form-field-background-color-disabled);--form-field-label-color: var(--airtame-form-field-label-color-disabled);--form-field-input-color: var(--airtame-form-field-input-color-disabled);--form-field-hint-color: var(--airtame-form-fiel