@atlassian/aui/dist/aui/aui-prototyping-browserfocus.css

Atlassian User Interface library

:root{color-scheme:light;--aui-shadow1:#091e4221;--aui-shadow2:#091e4240;--aui-blanket:#172b4d73;--aui-body-text:#172b4d;--aui-lesser-body-text:#5e6c84;--aui-lesser-header-text:#6b778c;--aui-body-background:#f4f5f7;--aui-page-background:#fff;--aui-page-border:#dfe1e6;--aui-border:#dfe1e6;--aui-border-strong:#7a869a;--aui-focus:#2684ff;--aui-link-color:#0052cc;--aui-link-decoration:none;--aui-link-hover-color:#0065ff;--aui-link-active-color:#0747a6;--aui-link-hover-decoration:underline;--aui-link-visited-color:#403294;--aui-itemheading-text:#5e6c84;--aui-item-bg:#0000;--aui-item-text:#42526e;--aui-item-focus-bg:#091e4214;--aui-item-focus-text:#42526e;--aui-item-active-text:#0052cc;--aui-item-active-bg:#deebff;--aui-item-selected-bg:var(--aui-item-focus-bg);--aui-item-selected-text:var(--aui-item-focus-text);--aui-item-disabled-bg:#0000;--aui-item-disabled-text:#7a869a;--aui-tooltip-bg-color:#172b4d;--aui-tooltip-border-color:#172b4d;--aui-tooltip-content-text-color:#fff;--aui-tooltip-title-text-color:#fff;--aui-help-color:#5243aa;--aui-badge-bg-color:#091e4221;--aui-badge-text-color:#172b4d;--aui-badge-primary-bg-color:#0052cc;--aui-badge-primary-text-color:#fff;--aui-badge-added-bg-color:#e3fcef;--aui-badge-added-text-color:#064;--aui-badge-removed-bg-color:#ffebe6;--aui-badge-removed-text-color:#bf2600;--aui-badge-important-bg-color:#de350b;--aui-badge-important-text-color:#fff;--aui-badge-on-blue-text-color:#fff;--aui-badge-on-blue-bg-color:#ffffff40;--aui-avatar-outline:#fff;--aui-avatar-text:#7a869a;--aui-lozenge-bg-color:#42526e;--aui-lozenge-text-color:#fff;--aui-lozenge-subtle-bg-color:#dfe1e6;--aui-lozenge-subtle-text-color:#42526e;--aui-lozenge-success-bg-color:#00875a;--aui-lozenge-success-text-color:#fff;--aui-lozenge-success-subtle-bg-color:#e3fcef;--aui-lozenge-success-subtle-text-color:#064;--aui-lozenge-current-bg-color:#0052cc;--aui-lozenge-current-text-color:#fff;--aui-lozenge-current-subtle-bg-color:#deebff;--aui-lozenge-current-subtle-text-color:#0747a6;--aui-lozenge-moved-bg-color:#ff991f;--aui-lozenge-moved-text-color:#172b4d;--aui-lozenge-moved-subtle-bg-color:#fff0b3;--aui-lozenge-moved-subtle-text-color:#172b4d;--aui-lozenge-error-bg-color:#bf2600;--aui-lozenge-error-text-color:#fff;--aui-lozenge-error-subtle-bg-color:#ffebe6;--aui-lozenge-error-subtle-text-color:#bf2600;--aui-lozenge-new-bg-color:#5243aa;--aui-lozenge-new-text-color:#fff;--aui-lozenge-new-subtle-bg-color:#eae6ff;--aui-lozenge-new-subtle-text-color:#403294;--aui-message-info-bg-color:#deebff;--aui-message-info-icon-color:#0052cc;--aui-message-info-text-color:#344563;--aui-message-success-bg-color:#e3fcef;--aui-message-success-icon-color:#00875a;--aui-message-success-text-color:#344563;--aui-message-warning-bg-color:#fffae6;--aui-message-warning-icon-color:#ff991f;--aui-message-warning-text-color:#344563;--aui-message-error-bg-color:#ffebe6;--aui-message-error-icon-color:#de350b;--aui-message-error-text-color:#344563;--aui-message-change-bg-color:#eae6ff;--aui-message-change-icon-color:#5243aa;--aui-message-change-text-color:#344563;--aui-banner-error-bg-color:#de350b;--aui-banner-error-text-color:#fff;--aui-banner-warning-bg-color:#ffab00;--aui-banner-warning-text-color:#253858;--aui-banner-announcement-bg-color:#42526e;--aui-banner-announcement-text-color:#fff;--aui-flag-bg-color:var(--aui-dropdown-bg-color);--aui-flag-info-color:#0052cc;--aui-flag-success-color:#36b37e;--aui-flag-warning-color:#ffab00;--aui-flag-error-color:#ff5630;--aui-button-default-bg-color:#091e4214;--aui-button-default-text-color:#344563;--aui-button-default-hover-bg-color:#091e4221;--aui-button-default-active-bg-color:#deebff;--aui-button-default-active-text-color:#0052cc;--aui-button-default-selected-bg-color:#344563;--aui-button-default-selected-text-color:#fff;--aui-button-default-disabled-bg-color:#091e420a;--aui-button-default-disabled-text-color:#a5adba;--aui-button-primary-bg-color:#0052cc;--aui-button-primary-text-color:#fff;--aui-button-primary-hover-bg-color:#0065ff;--aui-button-primary-active-bg-color:#0052cc;--aui-button-primary-active-text-color:#fff;--aui-button-primary-disabled-bg-color:var(--aui-button-default-disabled-bg-color);--aui-button-primary-disabled-text-color:var(--aui-button-default-disabled-text-color);--aui-button-warning-bg-color:#ffab00;--aui-button-warning-text-color:#172b4d;--aui-button-warning-hover-bg-color:#ff8b00;--aui-button-warning-active-bg-color:#cc6f00;--aui-button-warning-active-text-color:#172b4d;--aui-button-warning-selected-bg-color:#ff8b00;--aui-button-warning-selected-text-color:#172b4d;--aui-button-danger-bg-color:#bf2600;--aui-button-danger-text-color:#fff;--aui-button-danger-hover-bg-color:#8c1c00;--aui-button-danger-active-bg-color:#591200;--aui-button-danger-active-text-color:#fff;--aui-button-danger-selected-bg-color:#8c1c00;--aui-button-danger-selected-text-color:#fff;--aui-button-light-bg-color:#fff;--aui-button-subtle-text-color:#344563;--aui-label-text-color:inherit;--aui-label-link-color:inherit;--aui-label-bg-color:#f4f5f7;--aui-label-hover-bg-color:#f4f5f7;--aui-label-close-hover-bg-color:#ffebe6;--aui-label-close-hover-text-color:#bf2600;--aui-form-placeholder-text-color:#5e6c84;--aui-form-placeholder-disabled-text-color:#a5adba;--aui-form-label-text-color:#6b778c;--aui-form-error-text-color:#de350b;--aui-form-description-text-color:#6b778c;--aui-form-disabled-field-bg-color:#f4f5f7;--aui-form-disabled-field-text-color:#97a0af;--aui-form-disabled-field-label-color:#97a0af;--aui-form-field-border-color:#dfe1e6;--aui-form-field-hover-border-color:#dfe1e6;--aui-form-field-default-text-color:#172b4d;--aui-form-field-default-bg-color:#fafbfc;--aui-form-field-hover-text-color:var(--aui-form-field-default-text-color);--aui-form-field-hover-bg-color:#ebecf1;--aui-form-field-focus-bg-color:#fff;--aui-form-select-bg-color:#ebecf1;--aui-form-select-border-color:#ebecf1;--aui-form-select-hover-bg-color:#dfe1e6;--aui-form-checkbox-radio-active-bg-color:#deebff;--aui-form-optgroup-text-color:#7a869a;--aui-form-optgroup-bg-color:#f4f5f7;--aui-form-option-bg-color:#fff;--aui-form-pre-bg-color:#f4f5f7;--aui-form-field-autofilled-bg-color:#eae6ff;--aui-form-field-autofilled-border-color:#6554c0;--aui-form-field-autofilled-text-color:#403294;--aui-form-glyph-disabled-icon-color:#a5adba;--aui-form-glyph-disabled-fill-color:#091e420a;--aui-form-glyph-icon-color:#fff;--aui-form-glyph-fill-color:#0052cc;--aui-form-checkbox-active-bg-color:#deebff;--aui-form-checkbox-active-border-color:#deebff;--aui-form-checkbox-active-icon-color:#0052cc;--aui-form-radio-unchecked-bg-color:#f4f5f7;--aui-form-radio-unchecked-border-color:#6b778c;--aui-toggle-default-bg-color:#6b778c;--aui-toggle-default-bg-hover-color:#a5adba;--aui-toggle-button-color:#fff;--aui-toggle-on-color:#00875a;--aui-toggle-on-hover-color:#36b37e;--aui-toggle-disabled-overlay-color:#ffffff80;--aui-toggle-tick-color:#fff;--aui-toggle-cross-color:#fff;--aui-form-notification-info-color:#97a0af;--aui-form-notification-error-color:var(--aui-message-error-icon-color);--aui-form-notification-success-color:var(--aui-message-success-icon-color);--aui-progressbar-color:#42526e;--aui-progressbar-track-color:#091e4221;--aui-spinner-color:#42526e;--aui-nav-pagination-text-color:#172b4d;--aui-nav-pagination-active-text-color:#97a0af;--aui-appheader-bg-color:#0747a6;--aui-appheader-text-color:#deebff;--aui-appheader-item-focus-bg-color:#091e427a;--aui-appheader-item-focus-text-color:#deebff;--aui-appheader-item-active-bg-color:#091e427a;--aui-appheader-item-active-text-color:#deebff;--aui-appheader-quicksearch-bg-color:#091e427a;--aui-appheader-quicksearch-border-color:#0000;--aui-appheader-quicksearch-text-color:#deebff;--aui-appheader-quicksearch-placeholder-text-color:#97a0af;--aui-appheader-quicksearch-hover-bg-color:var(--aui-appheader-quicksearch-bg-color);--aui-appheader-quicksearch-focus-bg-color:var(--aui-appheader-quicksearch-bg-color);--aui-appheader-quicksearch-focus-text-color:#deebff;--aui-sidebar-icon-color:#505f79;--aui-sidebar-toggle-icon-color:#505f79;--aui-sidebar-bg-color:#f4f5f7;--aui-sidebar-dropdown-arrow-color:#505f79;--aui-sidebar-tooltip-bg-color:#091e42f2;--aui-sidebar-badge-bg-color:#c1c7d0;--aui-sidebar-badge-text-color:inherit;--aui-tabs-tab-border-color:#ebecf1;--aui-tabs-tab-text-color:#42526e;--aui-tabs-tab-hover-text-color:#4c9aff;--aui-tabs-tab-active-border-color:#0052cc;--aui-tabs-tab-active-text-color:#0052cc;--aui-progress-tracker-current-step-color:#0065ff;--aui-progress-tracker-current-step-text-color:var(--aui-progress-tracker-visited-step-text-color);--aui-progress-tracker-visited-step-text-color:#172b4d;--aui-progress-tracker-visited-step-hover-text-color:#0052cc;--aui-progress-tracker-visited-step-active-text-color:#0747a6;--aui-progress-tracker-future-step-color:#a5adba;--aui-progress-tracker-future-step-text-color:#5e6c84;--aui-table-row-bg-color:#0000;--aui-table-row-text-color:#172b4d;--aui-table-header-bg-color:#0000;--aui-table-heading-text-color:#6b778c;--aui-table-border-color:#dfe1e6;--aui-table-caption-bg-color:#f4f5f7;--aui-table-caption-text-color:#7a869a;--aui-table-list-row-hover-color:#091e4214;--aui-table-list-row-subtle-color:#b3bac5;--aui-table-sortable-hover-bg-color:#091e4214;--aui-table-sortable-active-bg-color:#deebff;--aui-table-sortable-active-border-color:#0747a6;--aui-table-sortable-active-text-color:#0747a6;--aui-table-sortable-selected-bg-color:#0000;--aui-table-sortable-selected-border-color:#7a869a;--aui-table-sortable-selected-text-color:#505f79;--aui-restfultable-row-focused-border-color:#b3bac5;--aui-restfultable-row-create-border-color:#dfe1e6;--aui-restfultable-row-editable-hover-bg-color:var(--aui-form-field-hover-bg-color);--aui-restfultable-error-text-color:var(--aui-form-notification-error-color);--aui-restfultable-header-row-bg-color:#fff;--aui-restfultable-header-row-text-color:#6b778c;--aui-restfultable-row-moving-bg-color:#f4f5f7;--aui-restfultable-editable-em-text-color:#97a0af;--aui-restfultable-row-active-bg-color:#f4f5f7;--aui-restfultable-row-hover-bg-color:#f4f5f7;--aui-dropdown-bg-color:#fff;--aui-dropdown-border-color:#dfe1e6;--aui-select2-placeholder-text-color:#7a869a;--aui-select2-chosen-bg-color:#fff;--aui-select2-chosen-text-color:#172b4d;--aui-select2-chosen-hover-bg-color:#fff;--aui-select2-chosen-hover-text-color:#172b4d;--aui-select2-active-chosen-bg-color:#dfe1e6;--aui-select2-active-chosen-text-color:#172b4d;--aui-select2-field-default-bg-color:var(--aui-form-select-bg-color);--aui-select2-field-border-color:var(--aui-form-select-border-color);--aui-select2-field-hover-bg-color:var(--aui-form-select-hover-bg-color);--aui-select2-drop-bg-color:var(--aui-dropdown-bg-color);--aui-dialog-bg-color:#fff;--aui-dialog-border-color:#ebecf1;--aui-dialog-header-bg-color:var(--aui-dialog-bg-color);--aui-dialog-header-warning-bg-color:#de350b;--aui-dialog-header-warning-text-color:#fff;--aui-dialog-button-hover-border-color:#97a0af;--aui-dialog-footer-hint-text-color:#505f79;--aui-inline-dialog-bg-color:var(--aui-dropdown-bg-color);--aui-inline-dialog-border-color:var(--aui-dropdown-border-color);--aui-datepicker-panel-bg-color:#fff;--aui-datepicker-panel-divider-color:#dfe1e6;--aui-datepicker-heading-bg-color:#f4f5f7;--aui-datepicker-heading-text-color:#344563;--aui-datepicker-heading-weekdays-text-color:#5e6c84;--aui-datepicker-option-bg-color:#0000;--aui-datepicker-option-text-color:#0052cc;--aui-datepicker-option-focus-bg-color:#f4f5f7;--aui-datepicker-option-focus-text-color:#0052cc;--aui-datepicker-option-selected-bg-color:#0052cc;--aui-datepicker-option-selected-text-color:#fff;--aui-datepicker-option-unselectable-bg-color:#f4f5f7;--aui-datepicker-option-unselectable-text-color:#7a869a;--aui-datepicker-disabled-text-color:#7a869a;--aui-datepicker-hint-text-color:#505f79}html:not(html:not([data-theme]),html[data-color-mode=light][data-theme~="light:original"],html[data-color-mode=dark][data-theme~="dark:original"]){--aui-shadow1:#0000;--aui-shadow2:#0000;--aui-blanket:var(--ds-blanket,#172b4d73);--aui-body-text:var(--ds-text,#172b4d);--aui-lesser-body-text:var(--ds-text-subtlest,#5e6c84);--aui-lesser-header-text:var(--ds-text-subtlest,#6b778c);--aui-body-background:var(--ds-surface,#f4f5f7);--aui-page-background:var(--ds-surface,#fff);--aui-page-border:var(--ds-border,#dfe1e6);--aui-border:var(--ds-border,#dfe1e6);--aui-border-strong:var(--ds-border-accent-gray,#7a869a);--aui-focus:var(--ds-border-focused,#2684ff);--aui-link-color:var(--ds-link,#0052cc);--aui-link-decoration:none;--aui-link-hover-color:var(--ds-link,#0065ff);--aui-link-active-color:var(--ds-link-pressed,#0747a6);--aui-link-hover-decoration:underline;--aui-link-visited-color:var(--ds-link-pressed,#403294);--aui-itemheading-text:var(--ds-text-subtle,#5e6c84);--aui-item-bg:#0000;--aui-item-text:var(--ds-text-subtle,#42526e);--aui-item-focus-bg:var(--ds-background-neutral-subtle-hovered,#091e4214);--aui-item-focus-text:var(--ds-text-subtle,#42526e);--aui-item-active-text:var(--ds-text-subtle,#0052cc);--aui-item-active-bg:var(--ds-background-selected,#deebff);--aui-item-selected-bg:var(--ds-background-selected);--aui-item-selected-text:var(--ds-text-selected);--aui-item-disabled-bg:#0000;--aui-item-disabled-text:var(--ds-text-disabled,#7a869a);--aui-tooltip-bg-color:var(--ds-background-neutral-bold,#172b4d);--aui-tooltip-border-color:var(--ds-background-neutral-bold,#172b4d);--aui-tooltip-content-text-color:var(--ds-text-inverse,#fff);--aui-tooltip-title-text-color:var(--ds-text-inverse,#fff);--aui-help-color:var(--ds-border-discovery,#5243aa);--aui-badge-bg-color:var(--ds-background-accent-gray-subtler,#091e4221);--aui-badge-text-color:var(--ds-text-accent-gray,#172b4d);--aui-badge-primary-bg-color:var(--ds-background-information-bold,#0052cc);--aui-badge-primary-text-color:var(--ds-text-inverse,#fff);--aui-badge-added-bg-color:var(--ds-background-accent-green-subtlest,#e3fcef);--aui-badge-added-text-color:var(--ds-text-accent-green,#064);--aui-badge-removed-bg-color:var(--ds-background-accent-red-subtlest,#ffebe6);--aui-badge-removed-text-color:var(--ds-text-accent-red,#bf2600);--aui-badge-important-bg-color:var(--ds-background-accent-red-bolder,#de350b);--aui-badge-important-text-color:var(--ds-text-inverse,#fff);--aui-badge-on-blue-text-color:var(--ds-text-inverse,#fff);--aui-badge-on-blue-bg-color:var(--ds-background-accent-blue-subtler,#ffffff40);--aui-avatar-outline:var(--ds-border-inverse,#fff);--aui-avatar-text:var(--ds-text-inverse,#7a869a);--aui-lozenge-bg-color:var(--ds-background-neutral-bold,#42526e);--aui-lozenge-text-color:var(--ds-text-inverse,#fff);--aui-lozenge-subtle-bg-color:var(--ds-background-neutral,#dfe1e6);--aui-lozenge-subtle-text-color:var(--ds-text-subtle,#42526e);--aui-lozenge-success-bg-color:var(--ds-background-success-bold,#00875a);--aui-lozenge-success-text-color:var(--ds-text-inverse,#fff);--aui-lozenge-success-subtle-bg-color:var(--ds-background-success,#e3fcef);--aui-lozenge-success-subtle-text-color:var(--ds-text-success,#064);--aui-lozenge-current-bg-color:var(--ds-background-information-bold,#0052cc);--aui-lozenge-current-text-color:var(--ds-text-inverse,#fff);--aui-lozenge-current-subtle-bg-color:var(--ds-background-information,#deebff);--aui-lozenge-current-subtle-text-color:var(--ds-text-information,#0747a6);--aui-lozenge-moved-bg-color:var(--ds-background-warning-bold,#ff991f);--aui-lozenge-moved-text-color:var(--ds-text-warning-inverse,#172b4d);--aui-lozenge-moved-subtle-bg-color:var(--ds-background-warning,#fff0b3);--aui-lozenge-moved-subtle-text-color:var(--ds-text-warning,#172b4d);--aui-lozenge-error-bg-color:var(--ds-background-danger-bold,#bf2600);--aui-lozenge-error-text-color:var(--ds-text-inverse,#fff);--aui-lozenge-error-subtle-bg-color:var(--ds-background-danger,#ffebe6);--aui-lozenge-error-subtle-text-color:var(--ds-text-danger,#bf2600);--aui-lozenge-new-bg-color:var(--ds-background-discovery-bold,#5243aa);--aui-lozenge-new-text-color:var(--ds-text-inverse,#fff);--aui-lozenge-new-subtle-bg-color:var(--ds-background-discovery,#eae6ff);--aui-lozenge-new-subtle-text-color:var(--ds-text-discovery,#403294);--aui-message-info-bg-color:var(--ds-background-information,#deebff);--aui-message-info-icon-color:var(--ds-icon-information,#0052cc);--aui-message-info-text-color:var(--ds-text,#344563);--aui-message-success-bg-color:var(--ds-background-success,#e3fcef);--aui-message-success-icon-color:var(--ds-icon-success,#00875a);--aui-message-success-text-color:var(--ds-text,#344563);--aui-message-warning-bg-color:var(--ds-background-warning,#fffae6);--aui-message-warning-icon-color:var(--ds-icon-warning,#ff991f);--aui-message-warning-text-color:var(--ds-text,#344563);--aui-message-error-bg-color:var(--ds-background-danger,#ffebe6);--aui-message-error-icon-color:var(--ds-icon-danger,#de350b);--aui-message-error-text-color:var(--ds-text,#344563);--aui-message-change-bg-color:var(--ds-background-discovery,#eae6ff);--aui-message-change-icon-color:var(--ds-icon-discovery,#5243aa);--aui-message-change-text-color:var(--ds-text,#344563);--aui-banner-error-bg-color:var(--ds-background-danger-bold,#de350b);--aui-banner-error-text-color:var(--ds-text-inverse,#fff);--aui-banner-warning-bg-color:var(--ds-background-warning-bold,#ffab00);--aui-banner-warning-text-color:var(--ds-text-warning-inverse,#253858);--aui-banner-announcement-bg-color:var(--ds-background-neutral-bold,#42526e);--aui-banner-announcement-text-color:var(--ds-text-inverse,#fff);--aui-flag-bg-color:var(--ds-surface-overlay);--aui-flag-info-color:var(--ds-icon-information,#0052cc);--aui-flag-success-color:var(--ds-icon-success,#36b37e);--aui-flag-warning-color:var(--ds-icon-warning,#ffab00);--aui-flag-error-color:var(--ds-icon-danger,#ff5630);--aui-button-default-bg-color:var(--ds-background-neutral,#091e4214);--aui-button-default-text-color:var(--ds-text,#344563);--aui-button-default-hover-bg-color:var(--ds-background-neutral-hovered,#091e4221);--aui-button-default-active-bg-color:var(--ds-background-neutral-pressed,#deebff);--aui-button-default-active-text-color:var(--ds-text,#0052cc);--aui-button-default-selected-bg-color:var(--ds-background-selected,#344563);--aui-button-default-selected-text-color:var(--ds-text-selected,#fff);--aui-button-default-disabled-bg-color:var(--ds-background-disabled,#091e420a);--aui-button-default-disabled-text-color:var(--ds-text-disabled,#a5adba);--aui-button-primary-bg-color:var(--ds-background-brand-bold,#0052cc);--aui-button-primary-text-color:var(--ds-text-inverse,#fff);--aui-button-primary-hover-bg-color:var(--ds-background-brand-bold-hovered,#0065ff);--aui-button-primary-active-bg-color:var(--ds-background-selected-bold-pressed,#0052cc);--aui-button-primary-active-text-color:var(--ds-text-inverse,#fff);--aui-button-primary-disabled-bg-color:var(--aui-button-default-disabled-bg-color);--aui-button-primary-disabled-text-color:var(--aui-button-default-disabled-text-color);--aui-button-warning-bg-color:var(--ds-background-warning-bold,#ffab00);--aui-button-warning-text-color:var(--ds-text-warning-inverse,#172b4d);--aui-button-warning-hover-bg-color:var(--ds-background-warning-bold-hovered,#ff8b00);--aui-button-warning-active-bg-color:var(--ds-background-warning-bold-pressed,#cc6f00);--aui-button-warning-active-text-color:var(--ds-text-warning-inverse,#172b4d);--aui-button-warning-selected-bg-color:var(--ds-background-warning-bold-hovered,#172b4d);--aui-button-warning-selected-text-color:var(--ds-text-warning-inverse,#172b4d);--aui-button-danger-bg-color:var(--ds-background-danger-bold,#bf2600);--aui-button-danger-text-color:var(--ds-text-inverse,#fff);--aui-button-danger-hover-bg-color:var(--ds-background-danger-bold-hovered,#8c1c00);--aui-button-danger-active-bg-color:var(--ds-background-danger-bold-pressed,#591200);--aui-button-danger-active-text-color:var(--ds-text-inverse,#fff);--aui-button-danger-selected-bg-color:var(--ds-background-danger-bold-hovered,#8c1c00);--aui-button-danger-selected-text-color:var(--ds-text-inverse,#fff);--aui-button-light-bg-color:var(--ds-background-input,#fff);--aui-button-subtle-text-color:var(--ds-text,#344563);--aui-label-text-color:var(--ds-text);--aui-label-link-color:var(--ds-link);--aui-label-bg-color:var(--ds-background-neutral,#f4f5f7);--aui-label-hover-bg-color:var(--ds-background-neutral,#f4f5f7);--aui-label-close-hover-bg-color:var(--ds-background-danger,#ffebe6);--aui-label-close-hover-text-color:var(--ds-text-danger,#bf2600);--aui-form-placeholder-text-color:var(--ds-text-subtlest,#5e6c84);--aui-form-placeholder-disabled-text-color:var(--ds-text-disabled,#a5adba);--aui-form-label-text-color:var(--ds-text-subtle,#6b778c);--aui-form-error-text-color:var(--ds-text-danger,#de350b);--aui-form-description-text-color:var(--ds-text-subtlest,#6b778c);--aui-form-disabled-field-bg-color:var(--ds-background-disabled,#f4f5f7);--aui-form-disabled-field-text-color:var(--ds-text-disabled,#97a0af);--aui-form-disabled-field-label-color:var(--ds-text-disabled,#97a0af);--aui-form-field-border-color:var(--ds-border-input,#dfe1e6);--aui-form-field-hover-border-color:var(--ds-border-input,#dfe1e6);--aui-form-field-default-text-color:var(--ds-text,#172b4d);--aui-form-field-default-bg-color:var(--ds-background-input,#fafbfc);--aui-form-field-hover-text-color:var(--ds-text);--aui-form-field-hover-bg-color:var(--ds-background-input-hovered,#ebecf1);--aui-form-field-focus-bg-color:var(--ds-background-input,#fff);--aui-form-select-bg-color:var(--ds-background-input,#ebecf1);--aui-form-select-border-color:var(--ds-border-input,#ebecf1);--aui-form-select-hover-bg-color:var(--ds-background-input-hovered,#dfe1e6);--aui-form-checkbox-radio-active-bg-color:var(--ds-background-accent-blue-subtler,#deebff);--aui-form-optgroup-text-color:var(--ds-text-subtlest,#7a869a);--aui-form-optgroup-bg-color:var(--ds-background-neutral,#f4f5f7);--aui-form-option-bg-color:var(--ds-background-input,#fff);--aui-form-pre-bg-color:var(--ds-background-neutral,#f4f5f7);--aui-form-field-autofilled-bg-color:var(--ds-background-discovery,#eae6ff);--aui-form-field-autofilled-border-color:var(--ds-border-discovery,#6554c0);--aui-form-field-autofilled-text-color:var(--ds-text-discovery,#403294);--aui-form-glyph-disabled-icon-color:var(--ds-icon-disabled,#a5adba);--aui-form-glyph-disabled-fill-color:var(--ds-background-disabled,#091e420a);--aui-form-glyph-icon-color:var(--ds-icon-inverse,#fff);--aui-form-glyph-fill-color:var(--ds-icon-accent-blue,#0052cc);--aui-form-checkbox-active-bg-color:var(--ds-background-accent-blue-subtler,#deebff);--aui-form-checkbox-active-border-color:var(--ds-border-accent-blue,#deebff);--aui-form-checkbox-active-icon-color:var(--ds-icon-information,#0052cc);--aui-form-radio-unchecked-bg-color:var(--ds-background-input,#fafbfc);--aui-form-radio-unchecked-border-color:var(--ds-border-bold,#7a869a);--aui-toggle-default-bg-color:var(--ds-background-neutral-bold,#6b778c);--aui-toggle-default-bg-hover-color:var(--ds-background-neutral-bold-hovered,#a5adba);--aui-toggle-button-color:var(--ds-icon-inverse,#fff);--aui-toggle-on-color:var(--ds-background-success-bold,#00875a);--aui-toggle-on-hover-color:var(--ds-background-success-bold-hovered,#36b37e);--aui-toggle-disabled-overlay-color:var(--ds-background-neutral-subtle,#ffffff80);--aui-toggle-tick-color:var(--ds-icon-inverse,#fff);--aui-toggle-cross-color:var(--ds-icon-inverse,#fff);--aui-form-notification-info-color:var(--ds-icon-subtle,#97a0af);--aui-form-notification-error-color:var(--aui-message-error-icon-color);--aui-form-notification-success-color:var(--aui-message-success-icon-color);--aui-progressbar-color:var(--ds-background-neutral-bold,#42526e);--aui-progressbar-track-color:var(--ds-background-neutral,#091e4221);--aui-spinner-color:var(--ds-icon-subtle,#42526e);--aui-nav-pagination-text-color:var(--ds-text,#172b4d);--aui-nav-pagination-active-text-color:var(--ds-text-subtlest,#97a0af);--aui-appheader-bg-color:var(--ds-surface,#0747a6);--aui-appheader-text-color:var(--ds-text,#deebff);--aui-appheader-item-focus-bg-color:var(--ds-background-neutral-hovered,#091e427a);--aui-appheader-item-focus-text-color:var(--ds-text,#deebff);--aui-appheader-item-active-bg-color:var(--ds-background-neutral-subtle-pressed,#091e427a);--aui-appheader-item-active-text-color:var(--ds-text,#deebff);--aui-appheader-quicksearch-bg-color:var(--ds-background-input,#091e427a);--aui-appheader-quicksearch-border-color:var(--ds-border-input);--aui-appheader-quicksearch-text-color:var(--ds-text-subtlest,#deebff);--aui-appheader-quicksearch-placeholder-text-color:var(--ds-text,#97a0af);--aui-appheader-quicksearch-hover-bg-color:var(--ds-background-input-hovered);--aui-appheader-quicksearch-focus-bg-color:var(--aui-appheader-quicksearch-bg-color);--aui-appheader-quicksearch-focus-text-color:var(--ds-text-subtlest,#deebff);--aui-sidebar-icon-color:var(--ds-icon,#505f79);--aui-sidebar-toggle-icon-color:var(--ds-icon,#505f79);--aui-sidebar-bg-color:var(--ds-surface-sunken,#f4f5f7);--aui-sidebar-dropdown-arrow-color:var(--ds-icon,#505f79);--aui-sidebar-tooltip-bg-color:var(--ds-icon,#091e42f2);--aui-sidebar-badge-bg-color:var(--ds-background-accent-gray-subtler,#c1c7d0);--aui-sidebar-badge-text-color:var(--ds-text);--aui-tabs-tab-border-color:var(--ds-border,#ebecf1);--aui-tabs-tab-text-color:var(--ds-text-subtle,#42526e);--aui-tabs-tab-hover-text-color:var(--ds-text-selected,#4c9aff);--aui-tabs-tab-active-border-color:var(--ds-border-accent-blue,#0052cc);--aui-tabs-tab-active-text-color:var(--ds-text-selected,#0052cc);--aui-progress-tracker-current-step-color:var(--ds-background-brand-bold,#0065ff);--aui-progress-tracker-current-step-text-color:var(--aui-progress-tracker-visited-step-text-color);--aui-progress-tracker-visited-step-text-color:var(--ds-text,#172b4d);--aui-progress-tracker-visited-step-hover-text-color:var(--ds-link,#0052cc);--aui-progress-tracker-visited-step-active-text-color:var(--ds-link,#0747a6);--aui-progress-tracker-future-step-color:var(--ds-icon-subtle,#a5adba);--aui-progress-tracker-future-step-text-color:var(--ds-text-subtle,#5e6c84);--aui-table-row-bg-color:var(--ds-background-neutral-subtle);--aui-table-row-text-color:var(--ds-text,#172b4d);--aui-table-header-bg-color:var(--ds-background-neutral-subtle);--aui-table-heading-text-color:var(--ds-text-subtle,#6b778c);--aui-table-border-color:var(--ds-border,#dfe1e6);--aui-table-caption-bg-color:var(--ds-background-accent-gray-subtlest,#f4f5f7);--aui-table-caption-text-color:var(--ds-text-subtle,#7a869a);--aui-table-list-row-hover-color:var(--ds-background-neutral-subtle-hovered,#091e4214);--aui-table-list-row-subtle-color:var(--ds-background-neutral-subtle-hovered,#b3bac5);--aui-table-sortable-hover-bg-color:var(--ds-background-neutral-subtle-hovered,#091e4214);--aui-table-sortable-active-bg-color:var(--ds-background-accent-blue-subtler,#deebff);--aui-table-sortable-active-border-color:var(--ds-border-accent-blue,#0747a6);--aui-table-sortable-active-text-color:var(--ds-text-accent-blue,#0747a6);--aui-table-sortable-selected-bg-color:var(--ds-background-neutral-subtle);--aui-table-sortable-selected-border-color:var(--ds-border-accent-gray,#7a869a);--aui-table-sortable-selected-text-color:var(--ds-text,#505f79);--aui-restfultable-row-focused-border-color:var(--ds-border,#b3bac5);--aui-restfultable-row-create-border-color:var(--ds-border-disabled,#dfe1e6);--aui-restfultable-row-editable-hover-bg-color:var(--aui-form-field-hover-bg-color);--aui-restfultable-error-text-color:var(--aui-form-notification-error-color);--aui-restfultable-header-row-bg-color:var(--ds-surface,#fff);--aui-restfultable-header-row-text-color:var(--ds-text-subtlest,#6b778c);--aui-restfultable-row-moving-bg-color:var(--ds-surface-raised,#f4f5f7);--aui-restfultable-editable-em-text-color:var(--ds-text-subtlest,#97a0af);--aui-restfultable-row-active-bg-color:var(--ds-background-neutral-subtle-pressed,#f4f5f7);--aui-restfultable-row-hover-bg-color:var(--ds-background-input-hovered,#f4f5f7);--aui-dropdown-bg-color:var(--ds-surface-overlay,#fff);--aui-dropdown-border-color:var(--ds-border,#dfe1e6);--aui-select2-placeholder-text-color:var(--ds-text-subtlest,#7a869a);--aui-select2-chosen-bg-color:var(--ds-background-neutral,#fff);--aui-select2-chosen-text-color:var(--ds-text,#172b4d);--aui-select2-chosen-hover-bg-color:var(--ds-background-neutral-hovered,#fff);--aui-select2-chosen-hover-text-color:var(--ds-text,#172b4d);--aui-select2-active-chosen-bg-color:var(--ds-background-neutral,#dfe1e6);--aui-select2-active-chosen-text-color:var(--ds-text,#172b4d);--aui-select2-field-default-bg-color:var(--ds-background-input);--aui-select2-field-border-color:var(--ds-border-input);--aui-select2-field-hover-bg-color:var(--ds-background-input-hovered);--aui-select2-drop-bg-color:var(--ds-surface-overlay);--aui-dialog-bg-color:var(--ds-surface-overlay,#fff);--aui-dialog-border-color:var(--ds-border,#ebecf1);--aui-dialog-header-bg-color:var(--aui-dialog-bg-color);--aui-dialog-header-warning-bg-color:var(--ds-background-danger-bold,#de350b);--aui-dialog-header-warning-text-color:var(--ds-text-inverse,#fff);--aui-dialog-button-hover-border-color:var(--ds-border,#97a0af);--aui-dialog-footer-hint-text-color:var(--ds-text-subtlest,#505f79);--aui-inline-dialog-bg-color:var(--aui-dropdown-bg-color);--aui-inline-dialog-border-color:var(--aui-dropdown-border-color);--aui-datepicker-panel-bg-color:var(--ds-background-input,#fff);--aui-datepicker-panel-divider-color:var(--ds-border,#dfe1e6);--aui-datepicker-heading-bg-color:var(--ds-background-information,#f4f5f7);--aui-datepicker-heading-text-color:var(--ds-text,#344563);--aui-datepicker-heading-weekdays-text-color:var(--ds-text-subtle,#5e6c84);--aui-datepicker-option-bg-color:var(--ds-background-neutral-subtle);--aui-datepicker-option-text-color:var(--ds-text-selected,#0052cc);--aui-datepicker-option-focus-bg-color:var(--ds-background-neutral-subtle-hovered,#f4f5f7);--aui-datepicker-option-focus-text-color:var(--ds-text-accent-blue,#0052cc);--aui-datepicker-option-selected-bg-color:var(--ds-background-selected-bold,#0052cc);--aui-datepicker-option-selected-text-color:var(--ds-text-inverse,#fff);--aui-datepicker-option-unselectable-bg-color:var(--ds-background-disabled,#f4f5f7);--aui-datepicker-option-unselectable-text-color:var(--ds-text-disabled,#7a869a);--aui-datepicker-disabled-text-color:var(--ds-text-disabled,#7a869a);--aui-datepicker-hint-text-color:var(--ds-text-subtlest,#505f79)}@supports (color:rgb(from white r g b)){html:not(html:not([data-theme]),html[data-color-mode=light][data-theme~="light:original"],html[data-color-mode=dark][data-theme~="dark:original"]){--auix--ds-text--atl-theme-header-bg-color-s:oklch(from var(--atl-theme-header-bg-color) calc(min(max(0, l - 0.6) * 100, 1)*(var(--auix--ds-text-l1) - var(--auix--ds-text-l2)) + var(--auix--ds-text-l2)) calc(min(max(0, l - 0.6) * 100, 1)*(var(--auix--ds-text-c1) - var(--auix--ds-text-c2)) + var(--auix--ds-text-c2)) calc(min(max(0, l - 0.6) * 100, 1)*(var(--auix--ds-text-h1) - var(--auix--ds-text-h2)) + var(--auix--ds-text-h2))/calc(min(max(0, l - 0.6) * 100, 1)*(var(--auix--ds-text-a1) - var(--auix--ds-text-a2)) + var(--auix--ds-text-a2)));--auix--ds-background-neutral-hovered--atl-theme-header-bg-color-s:oklch(from var(--atl-theme-header-bg-color) calc(min(max(0, l - 0.6) * 100, 1)*(var(--auix--ds-background-neutral-hovered-l1) - var(--auix--ds-background-neutral-hovered-l2)) + var(--auix--ds-background-neutral-hovered-l2)) calc(min(max(0, l - 0.6) * 100, 1)*(var(--auix--ds-background-neutral-hovered-c1) - var(--auix--ds-background-neutral-hovered-c2)) + var(--auix--ds-background-neutral-hovered-c2)) calc(min(max(0, l - 0.6) * 100, 1)*(var(--auix--ds-background-neutral-hovered-h1) - var(--auix--ds-background-neutral-hovered-h2)) + var(--auix--ds-background-neutral-hovered-h2))/calc(min(max(0, l - 0.6) * 100, 1)*(var(--auix--ds-background-neutral-hovered-a1) - var(--auix--ds-background-neutral-hovered-a2)) + var(--auix--ds-background-neutral-hovered-a2)));--auix--ds-background-neutral-subtle-pressed--atl-theme-header-bg-color-s:oklch(from var(--atl-theme-header-bg-color) calc(min(max(0, l - 0.6) * 100, 1)*(var(--auix--ds-background-neutral-subtle-pressed-l1) - var(--auix--ds-background-neutral-subtle-pressed-l2)) + var(--auix--ds-background-neutral-subtle-pressed-l2)) calc(min(max(0, l - 0.6) * 100, 1)*(var(--auix--ds-background-neutral-subtle-pressed-c1) - var(--auix--ds-background-neutral-subtle-pressed-c2)) + var(--auix--ds-background-neutral-subtle-pressed-c2)) calc(min(max(0, l - 0.6) * 100, 1)*(var(--auix--ds-background-neutral-subtle-pressed-h1) - var(--auix--ds-background-neutral-subtle-pressed-h2)) + var(--auix--ds-background-neutral-subtle-pressed-h2))/calc(min(max(0, l - 0.6) * 100, 1)*(var(--auix--ds-background-neutral-subtle-pressed-a1) - var(--auix--ds-background-neutral-subtle-pressed-a2)) + var(--auix--ds-background-neutral-subtle-pressed-a2)));--auix--ds-text-inverse--atl-theme-header-primary-button-bg-color-s:oklch(from var(--atl-theme-header-primary-button-bg-color) calc(min(max(0, l - 0.6) * 100, 1)*(var(--auix--ds-text-inverse-l1) - var(--auix--ds-text-inverse-l2)) + var(--auix--ds-text-inverse-l2)) calc(min(max(0, l - 0.6) * 100, 1)*(var(--auix--ds-text-inverse-c1) - var(--auix--ds-text-inverse-c2)) + var(--auix--ds-text-inverse-c2)) calc(min(max(0, l - 0.6) * 100, 1)*(var(--auix--ds-text-inverse-h1) - var(--auix--ds-text-inverse-h2)) + var(--auix--ds-text-inverse-h2))/calc(min(max(0, l - 0.6) * 100, 1)*(var(--auix--ds-text-inverse-a1) - var(--auix--ds-text-inverse-a2)) + var(--auix--ds-text-inverse-a2)));--auix--ds-icon--atl-theme-header-bg-color-s:oklch(from var(--atl-theme-header-bg-color) calc(min(max(0, l - 0.6) * 100, 1)*(var(--auix--ds-icon-l1) - var(--auix--ds-icon-l2)) + var(--auix--ds-icon-l2)) calc(min(max(0, l - 0.6) * 100, 1)*(var(--auix--ds-icon-c1) - var(--auix--ds-icon-c2)) + var(--auix--ds-icon-c2)) calc(min(max(0, l - 0.6) * 100, 1)*(var(--auix--ds-icon-h1) - var(--auix--ds-icon-h2)) + var(--auix--ds-icon-h2))/calc(min(max(0, l - 0.6) * 100, 1)*(var(--auix--ds-icon-a1) - var(--auix--ds-icon-a2)) + var(--auix--ds-icon-a2)));--atl-theme-header-bg-color-tinted-contrasting:oklch(from var(--atl-theme-header-bg-color) calc(min(max(0, l - 0.6) * 100, 1) * ((l - 0.6) - (l + 0.7)) + (l + 0.7)) c h);--atl-theme-header-primary-button-bg-color-tinted-slight:oklch(from var(--atl-theme-header-primary-button-bg-color) calc(min(max(0, l - 0.6) * 100, 1) * ((l - 0.2) - (l + 0.2)) + (l + 0.2)) c h)}}body,div,fieldset,form,h1,h2,h3,h4,h5,h6,html,img,p,pre{margin:0;padding:0}dl,ol,ul{margin:0}fieldset,img{border:0}details,main,summary{display:block}progress{vertical-align:initial}audio:not([controls]){display:none;height:0}button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;font-family:inherit}@media (min--moz-device-pixel-ratio:0){img{font-size:0}img:-moz-broken{font-size:inherit}}[hidden]{display:none!important}.aui-browser-focus button::-moz-focus-inner,.aui-browser-focus input::-moz-focus-inner{border:0}.aui-browser-focus :focus{outline-color:var(--aui-focus);outline-offset:1px;outline-style:solid;outline-width:2px;-moz-outline-radius:3px;outline-radius:3px}html:not(.aui-no-focusvisible) .aui-browser-focus :focus:not(:focus-visible){outline:unset;outline-offset:unset}html:not(.aui-no-focusvisible) .aui-browser-focus :focus-visible{box-shadow:0 0 0 2px var(--aui-focus);outline-style:none}
/*# sourceMappingURL=aui-prototyping-browserfocus.css.map*/