npm - @atlassian/aui - Versions diffs - 9.13.4 → 9.13.5 - Mend

@atlassian/aui 9.13.4 → 9.13.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/dist/aui/aui-prototyping-browserfocus.css CHANGED Viewed

@@ -1,2 +1,2 @@
-: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-text-subtlest,#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}
+: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:var(--aui-button-default-text-color);--aui-avatar-background:var(--aui-button-default-bg-color);--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(--aui-button-default-text-color);--aui-avatar-background:var(--aui-button-default-bg-color);--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-text-subtlest,#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*/

package/dist/aui/aui-prototyping-browserfocus.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"aui-prototyping-browserfocus.css","mappings":"AAIA,MCEQ,kBAAmB,CAKnB,wBACA,wBACA,wBAGA,wBACA,+BACA,iCACA,8BACA,2BACA,0BACA,qBACA,4BACA,oBACA,yBACA,0BAA2B,CAC3B,+BACA,gCACA,qCAAsC,CACtC,iCAGA,+BACA,mBAA0B,CAC1B,wBACA,8BACA,8BACA,+BACA,6BACA,+CAAgD,CAChD,mDAAoD,CACpD,4BAAmC,CACnC,iCAGA,+BACA,mCACA,sCACA,oCAGA,yBAGA,+BACA,+BACA,qCACA,oCACA,mCACA,kCACA,qCACA,uCACA,uCACA,sCACA,oCACA,uCAGA,0BACA,0BAGA,+BACA,8BACA,sCACA,wCACA,uCACA,sCACA,8CACA,6CACA,uCACA,sCACA,8CACA,gDACA,qCACA,uCACA,4CACA,8CACA,qCACA,oCACA,4CACA,8CACA,mCACA,kCACA,0CACA,4CAGA,oCACA,sCACA,sCACA,uCACA,yCACA,yCACA,uCACA,yCACA,yCACA,qCACA,uCACA,uCACA,sCACA,wCACA,wCAGA,oCACA,mCACA,sCACA,wCACA,2CACA,0CAGA,gDAAiD,CACjD,8BACA,iCACA,iCACA,+BAGA,wCACA,wCACA,8CACA,6CACA,+CACA,+CACA,8CACA,iDACA,iDACA,sCACA,qCACA,4CACA,6CACA,4CACA,kFAAmF,CACnF,sFAAuF,CACvF,sCACA,wCACA,4CACA,6CACA,+CACA,+CACA,iDACA,qCACA,oCACA,2CACA,4CACA,2CACA,8CACA,6CACA,iCACA,uCAGA,8BAA+B,CAC/B,8BAA+B,CAC/B,6BACA,mCACA,yCACA,2CAGA,0CACA,mDACA,oCACA,oCACA,0CACA,2CACA,6CACA,8CACA,sCACA,4CACA,4CACA,0CACA,0EAA2E,CAC3E,wCACA,qCACA,mCACA,uCACA,yCACA,kDACA,uCACA,qCACA,gCACA,gCAGA,6CACA,iDACA,+CAGA,6CACA,+CACA,iCACA,oCAGA,4CACA,gDACA,8CACA,4CACA,gDAGA,sCACA,4CACA,+BACA,8BACA,oCACA,8CACA,6BACA,8BAGA,2CACA,uEAAwE,CACxE,2EAA4E,CAG5E,gCACA,wCAGA,4BAGA,wCACA,+CAGA,iCACA,mCACA,8CACA,8CACA,+CACA,+CACA,+CACA,8CAAqD,CACrD,+CACA,2DACA,oFAAqF,CACrF,oFAAqF,CACrF,qDAGA,iCACA,wCACA,+BACA,2CACA,yCACA,qCACA,sCAAuC,CAGvC,oCACA,kCACA,wCACA,2CACA,yCAGA,kDACA,kGAAmG,CACnG,uDACA,6DACA,8DACA,iDACA,sDAGA,8BAAqC,CACrC,mCACA,iCAAwC,CACxC,uCACA,iCACA,qCACA,uCACA,2CACA,0CACA,8CACA,6CACA,iDACA,+CACA,4CAAmD,CACnD,mDACA,iDAGA,oDACA,mDACA,mFAAoF,CACpF,4EAA6E,CAC7E,4CACA,iDACA,+CACA,kDACA,+CACA,8CAGA,6BACA,oCAGA,6CACA,mCACA,wCACA,yCACA,8CACA,6CACA,+CACA,oEAAqE,CACrE,oEAAqE,CACrE,wEAAyE,CACzE,wDAAyD,CAGzD,2BACA,kCACA,uDAAwD,CACxD,6CACA,4CACA,+CACA,4CACA,yDAA0D,CAC1D,iEAAkE,CAGlE,qCACA,6CACA,0CACA,4CACA,qDACA,sCAA6C,CAC7C,2CACA,+CACA,iDACA,kDACA,iDACA,sDACA,wDACA,6CACA,wCCnER,CF3QA,mJCsrBQ,mBAA0B,CAC1B,mBAA0B,CAC1B,0CAGA,uCACA,uDACA,yDACA,gDACA,6CACA,2CACA,sCACA,yDACA,6CACA,wCACA,0BAA2B,CAC3B,8CACA,uDACA,qCAAsC,CACtC,wDAGA,qDACA,mBAA0B,CAC1B,8CACA,0EACA,oDACA,qDACA,2DACA,oDAAqD,CACrD,gDAAiD,CACjD,4BAAmC,CACnC,yDAGA,iEACA,qEACA,6DACA,2DAGA,oDAGA,wEACA,0DACA,2EACA,2DACA,8EACA,8DACA,8EACA,iEACA,8EACA,6DACA,2DACA,gFAGA,mDACA,iDAGA,iEACA,qDACA,mEACA,8DACA,yEACA,6DACA,2EACA,oEACA,6EACA,6DACA,+EACA,2EACA,uEACA,sEACA,yEACA,qEACA,sEACA,2DACA,wEACA,oEACA,uEACA,yDACA,yEACA,qEAGA,qEACA,iEACA,qDACA,oEACA,gEACA,wDACA,oEACA,gEACA,wDACA,iEACA,6DACA,sDACA,qEACA,iEACA,uDAGA,qEACA,0DACA,wEACA,uEACA,6EACA,iEAGA,6CAA8C,CAC9C,yDACA,wDACA,wDACA,qDAGA,qEACA,uDACA,mFACA,kFACA,8DACA,6EACA,sEACA,+EACA,yEACA,sEACA,4DACA,oFACA,wFACA,mEACA,kFAAmF,CACnF,sFAAuF,CACvF,wEACA,uEACA,sFACA,uFACA,8EACA,yFACA,gFACA,sEACA,2DACA,oFACA,qFACA,kEACA,uFACA,oEACA,4DACA,sDAGA,qCAAsC,CACtC,qCAAsC,CACtC,0DACA,gEACA,qEACA,iEAGA,kEACA,2EACA,0DACA,0DACA,kEACA,yEACA,qEACA,sEACA,6DACA,mEACA,2DACA,qEACA,gDAAiD,CACjD,2EACA,gEACA,8DACA,8DACA,4EACA,2FACA,+DACA,kEACA,2DACA,6DAGA,4EACA,4EACA,wEAGA,qEACA,6EACA,wDACA,+DAGA,qFACA,6EACA,yEACA,uEACA,sEAGA,wEACA,sFACA,sDACA,gEACA,8EACA,kFACA,oDACA,qDAGA,iEACA,uEAAwE,CACxE,2EAA4E,CAG5E,kEACA,qEAGA,kDAGA,uDACA,uEAGA,mDACA,kDACA,mFACA,6DACA,2FACA,8DAEA,0EACA,+DAAgE,CAChE,uEACA,0EACA,6EAA8E,CAC9E,oFAAqF,CACrF,6EAGA,gDACA,uDACA,wDACA,0DACA,wDACA,8EACA,6CAA8C,CAG9C,qDACA,wDACA,gEACA,wEACA,iEAGA,kFACA,kGAAmG,CACnG,sEACA,4EACA,6EACA,uEACA,4EAGA,4DAA6D,CAC7D,kDACA,+DAAgE,CAChE,6DACA,kDACA,+EACA,6DACA,uFACA,kEACA,0FACA,sFACA,8EACA,0EACA,0EAA2E,CAC3E,gFACA,gEAGA,qEACA,6EACA,mFAAoF,CACpF,4EAA6E,CAC7E,8DACA,yEACA,wEACA,0EACA,2FACA,iFAGA,uDACA,qDAGA,qEACA,gEACA,uDACA,8EACA,6DACA,0EACA,8DACA,+DAAgE,CAChE,uDAAwD,CACxD,qEAAsE,CACtE,qDAAsD,CAGtD,qDACA,mDACA,uDAAwD,CACxD,8EACA,mEACA,gEACA,oEACA,yDAA0D,CAC1D,iEAAkE,CAGlE,gEACA,8DACA,2EACA,2DACA,2EACA,oEAAqE,CACrE,mEACA,2FACA,4EACA,qFACA,wEACA,oFACA,gFACA,qEACA,gECzXR,CChoBQ,2LACI,u8GA0DA,4WDglBV,CACF,CA3qBA,wDAcI,QAAS,CACT,SAovBJ,CAlvBA,SAGI,QAovBJ,CAlvBA,aAEI,QAovBJ,CA7uBA,qBAGI,aA+uBJ,CA3uBA,SACI,sBA6uBJ,CAxuBA,sBACI,YAAa,CACb,QA0uBJ,CAtuBA,+DAII,yBAA0B,CAC1B,mBAwuBJ,CEtxBI,uCFmDA,IACI,WAsuBN,CApuBE,gBACI,iBAsuBN,CACF,CAnuBA,SACI,sBAquBJ,CG9yBA,uFAMQ,QATR,CAGA,0BAcQ,+BACA,kBAAmB,CAFnB,mBAAoB,CADpB,iBAAkB,CAKlB,wBACA,kBAbR,CAmBA,6EACI,aAAc,CACd,oBAjBJ,CAqBA,iECoBY,sCCjDJ,kBFYR","sources":["webpack:///../src/less/imports/aui-theme/theme.less","webpack:///../src/less/imports/aui-theme/core/colors.less","webpack:///../src/less/aui-reset.less","webpack:///../src/less/imports/mixins/look-and-feel.less","webpack:///../src/less/imports/mixins/media-queries.less","webpack:///../src/less/aui-focus.less","webpack:///../src/less/imports/mixins/shadows.less","webpack:///../src/less/imports/mixins/focus.less"],"sourcesContent":["@import (reference) 'core-variables';\n@import (reference) 'component-variables';\n@import (reference) '../mixins/look-and-feel';\n\n:root {\n #aui-themes.light();\n}\n\n// Those selectors rely on how Design Tokens library stores information about currently activated theme:\n@theme-preference-not-set: ~'html:not([data-theme])';\n@light-mode-enabled: ~'[data-color-mode=\"light\"]';\n@dark-mode-enabled: ~'[data-color-mode=\"dark\"]';\n@original-light-theme-enabled: ~'html@{light-mode-enabled}[data-theme~=\"light:original\"]';\n@original-dark-theme-enabled: ~'html@{dark-mode-enabled}[data-theme~=\"dark:original\"]';\n@original-mode-enabled: ~'@{theme-preference-not-set}, @{original-light-theme-enabled}, @{original-dark-theme-enabled}';\n// Original is used as basis because it's just easier to understand\n@design-tokens-mode-enabled: ~'html:not(@{original-mode-enabled})';\n@design-tokens-light-theme-enabled: ~'@{design-tokens-mode-enabled}@{light-mode-enabled}';\n@design-tokens-dark-theme-enabled: ~'@{design-tokens-mode-enabled}@{dark-mode-enabled}';\n\n@{design-tokens-mode-enabled} {\n #aui-themes.design-tokens();\n\n // The L&F switched colors are dependent on color channels of the design\n // tokens, so will be available only when design tokens are loaded.\n #aui.lf-define-switched-color(\n @switch-on: --atl-theme-header-bg-color;\n @token: '--ds-text';\n );\n #aui.lf-define-switched-color(\n @switch-on: --atl-theme-header-bg-color;\n @token: '--ds-background-neutral-hovered';\n );\n #aui.lf-define-switched-color(\n @switch-on: --atl-theme-header-bg-color;\n @token: '--ds-background-neutral-subtle-pressed';\n );\n #aui.lf-define-switched-color(\n @switch-on: --atl-theme-header-primary-button-bg-color;\n @token: '--ds-text-inverse';\n );\n #aui.lf-define-switched-color(\n @switch-on: --atl-theme-header-bg-color;\n @token: '--ds-icon';\n );\n\n #aui.lf-define-tinted-color(\n @input-color: --atl-theme-header-bg-color;\n @tinting-mode: contrasting;\n );\n #aui.lf-define-tinted-color(\n @input-color: --atl-theme-header-primary-button-bg-color;\n @tinting-mode: slight;\n );\n}\n\n#aui-themes {\n // The mixins are intended to apply certain styles only when the light or\n // dark color mode is on. They support both the classic approach to the\n // themes and the new recommended design-tokens one. `data-color-mode`\n // corresponds to the value set by `setGlobalTheme` in\n // atlassian-frontend/packages/design-system/tokens\n .when-design-tokens(@rules) {\n @{design-tokens-mode-enabled} & {\n @rules();\n }\n }\n\n .when-light(@rules) {\n & {\n @rules();\n }\n\n @{design-tokens-light-theme-enabled} & {\n @rules();\n }\n }\n\n .when-dark(@rules) {\n body.aui-theme-dark & {\n @rules();\n }\n\n @{design-tokens-dark-theme-enabled} & {\n @rules();\n }\n }\n\n .switch-light-dark(@lightRules; @darkRules) {\n #aui-themes.when-light(@lightRules);\n #aui-themes.when-dark(@darkRules);\n }\n}\n","// This file is used to generate table at aui-colors.hbs; therefore its format\n// is very particular: all sections should match; every section should have a\n// header comment; order and names of variables in sections should match\n// between themes. When modifying, make sure the docs build works.\n#aui-themes {\n .light() {\n color-scheme: light;\n @import (reference) '../adg/adg-colors';\n @import (reference) '../adg/adg-neutral-light';\n\n // Shadows and backgrounds\n --aui-shadow1: @ak-color-N40A;\n --aui-shadow2: @ak-color-N50A;\n --aui-blanket: rgba(@ak-color-N800, 0.45);\n\n // Page\n --aui-body-text: @ak-color-N800;\n --aui-lesser-body-text: @ak-color-N300;\n --aui-lesser-header-text: @ak-color-N200;\n --aui-body-background: @ak-color-N20;\n --aui-page-background: @ak-color-N0;\n --aui-page-border: @ak-color-N40;\n --aui-border: @ak-color-N40;\n --aui-border-strong: @ak-color-N100;\n --aui-focus: @ak-color-B200;\n --aui-link-color: @ak-color-B400;\n --aui-link-decoration: none;\n --aui-link-hover-color: @ak-color-B300;\n --aui-link-active-color: @ak-color-B500;\n --aui-link-hover-decoration: underline;\n --aui-link-visited-color: @ak-color-P500;\n\n // \"Item\" pattern - used for navigation, buttons, dropdown options, pagination, and similar.\n --aui-itemheading-text: @ak-color-N300;\n --aui-item-bg: transparent;\n --aui-item-text: @ak-color-N500;\n --aui-item-focus-bg: @ak-color-N30A;\n --aui-item-focus-text: @ak-color-N500;\n --aui-item-active-text: @ak-color-B400;\n --aui-item-active-bg: @ak-color-B50;\n --aui-item-selected-bg: var(--aui-item-focus-bg);\n --aui-item-selected-text: var(--aui-item-focus-text);\n --aui-item-disabled-bg: transparent;\n --aui-item-disabled-text: @ak-color-N100;\n\n // Tooltips\n --aui-tooltip-bg-color: @ak-color-N800;\n --aui-tooltip-border-color: @ak-color-N800;\n --aui-tooltip-content-text-color: @ak-color-N0;\n --aui-tooltip-title-text-color: @ak-color-N0;\n\n // Help text and onboarding messaging\n --aui-help-color: @ak-color-P400;\n\n // Badges\n --aui-badge-bg-color: @ak-color-N40A;\n --aui-badge-text-color: @ak-color-N800;\n --aui-badge-primary-bg-color: @ak-color-B400;\n --aui-badge-primary-text-color: @ak-color-N0;\n --aui-badge-added-bg-color: @ak-color-G50;\n --aui-badge-added-text-color: @ak-color-G500;\n --aui-badge-removed-bg-color: @ak-color-R50;\n --aui-badge-removed-text-color: @ak-color-R500;\n --aui-badge-important-bg-color: @ak-color-R400;\n --aui-badge-important-text-color: @ak-color-N0;\n --aui-badge-on-blue-text-color: @ak-color-N0;\n --aui-badge-on-blue-bg-color: rgba(@ak-color-N0, 0.25);\n\n // Avatars\n --aui-avatar-outline: @ak-color-N0;\n --aui-avatar-text: @ak-color-N100;\n\n // Lozenges\n --aui-lozenge-bg-color: @ak-color-N500;\n --aui-lozenge-text-color: @ak-color-N0;\n --aui-lozenge-subtle-bg-color: @ak-color-N40;\n --aui-lozenge-subtle-text-color: @ak-color-N500;\n --aui-lozenge-success-bg-color: @ak-color-G400;\n --aui-lozenge-success-text-color: @ak-color-N0;\n --aui-lozenge-success-subtle-bg-color: @ak-color-G50;\n --aui-lozenge-success-subtle-text-color: @ak-color-G500;\n --aui-lozenge-current-bg-color: @ak-color-B400;\n --aui-lozenge-current-text-color: @ak-color-N0;\n --aui-lozenge-current-subtle-bg-color: @ak-color-B50;\n --aui-lozenge-current-subtle-text-color: @ak-color-B500;\n --aui-lozenge-moved-bg-color: @ak-color-Y400;\n --aui-lozenge-moved-text-color: @ak-color-N800;\n --aui-lozenge-moved-subtle-bg-color: @ak-color-Y75;\n --aui-lozenge-moved-subtle-text-color: @ak-color-N800;\n --aui-lozenge-error-bg-color: @ak-color-R500;\n --aui-lozenge-error-text-color: @ak-color-N0;\n --aui-lozenge-error-subtle-bg-color: @ak-color-R50;\n --aui-lozenge-error-subtle-text-color: @ak-color-R500;\n --aui-lozenge-new-bg-color: @ak-color-P400;\n --aui-lozenge-new-text-color: @ak-color-N0;\n --aui-lozenge-new-subtle-bg-color: @ak-color-P50;\n --aui-lozenge-new-subtle-text-color: @ak-color-P500;\n\n // Messages\n --aui-message-info-bg-color: @ak-color-B50;\n --aui-message-info-icon-color: @ak-color-B400;\n --aui-message-info-text-color: @ak-color-N600;\n --aui-message-success-bg-color: @ak-color-G50;\n --aui-message-success-icon-color: @ak-color-G400;\n --aui-message-success-text-color: @ak-color-N600;\n --aui-message-warning-bg-color: @ak-color-Y50;\n --aui-message-warning-icon-color: @ak-color-Y400;\n --aui-message-warning-text-color: @ak-color-N600;\n --aui-message-error-bg-color: @ak-color-R50;\n --aui-message-error-icon-color: @ak-color-R400;\n --aui-message-error-text-color: @ak-color-N600;\n --aui-message-change-bg-color: @ak-color-P50;\n --aui-message-change-icon-color: @ak-color-P400;\n --aui-message-change-text-color: @ak-color-N600;\n\n // Banners\n --aui-banner-error-bg-color: @ak-color-R400;\n --aui-banner-error-text-color: @ak-color-N0;\n --aui-banner-warning-bg-color: @ak-color-Y300;\n --aui-banner-warning-text-color: @ak-color-N700;\n --aui-banner-announcement-bg-color: @ak-color-N500;\n --aui-banner-announcement-text-color: @ak-color-N0;\n\n // Flags\n --aui-flag-bg-color: var(--aui-dropdown-bg-color); // see also: inline dialogs\n --aui-flag-info-color: @ak-color-B400;\n --aui-flag-success-color: @ak-color-G300;\n --aui-flag-warning-color: @ak-color-Y300;\n --aui-flag-error-color: @ak-color-R300;\n\n // Buttons\n --aui-button-default-bg-color: @ak-color-N30A;\n --aui-button-default-text-color: @ak-color-N600;\n --aui-button-default-hover-bg-color: @ak-color-N40A;\n --aui-button-default-active-bg-color: @ak-color-B50;\n --aui-button-default-active-text-color: @ak-color-B400;\n --aui-button-default-selected-bg-color: @ak-color-N600;\n --aui-button-default-selected-text-color: @ak-color-N0;\n --aui-button-default-disabled-bg-color: @ak-color-N20A;\n --aui-button-default-disabled-text-color: @ak-color-N70;\n --aui-button-primary-bg-color: @ak-color-B400;\n --aui-button-primary-text-color: @ak-color-N0;\n --aui-button-primary-hover-bg-color: @ak-color-B300;\n --aui-button-primary-active-bg-color: @ak-color-B400;\n --aui-button-primary-active-text-color: @ak-color-N0;\n --aui-button-primary-disabled-bg-color: var(--aui-button-default-disabled-bg-color);\n --aui-button-primary-disabled-text-color: var(--aui-button-default-disabled-text-color);\n --aui-button-warning-bg-color: @ak-color-Y300;\n --aui-button-warning-text-color: @ak-color-N800;\n --aui-button-warning-hover-bg-color: @ak-color-Y500;\n --aui-button-warning-active-bg-color: darken(@ak-color-Y500, 10%);\n --aui-button-warning-active-text-color: @ak-color-N800;\n --aui-button-warning-selected-bg-color: @ak-color-Y500;\n --aui-button-warning-selected-text-color: @ak-color-N800;\n --aui-button-danger-bg-color: @ak-color-R500;\n --aui-button-danger-text-color: @ak-color-N0;\n --aui-button-danger-hover-bg-color: darken(@ak-color-R500, 10%);\n --aui-button-danger-active-bg-color: darken(@ak-color-R500, 20%);\n --aui-button-danger-active-text-color: @ak-color-N0;\n --aui-button-danger-selected-bg-color: darken(@ak-color-R500, 10%);\n --aui-button-danger-selected-text-color: @ak-color-N0;\n --aui-button-light-bg-color: @ak-color-N0;\n --aui-button-subtle-text-color: @ak-color-N600;\n\n // \"Labels\" (e.g., page tags, selected values in components, etc.)\n --aui-label-text-color: inherit;\n --aui-label-link-color: inherit;\n --aui-label-bg-color: @ak-color-N20;\n --aui-label-hover-bg-color: @ak-color-N20;\n --aui-label-close-hover-bg-color: @ak-color-R50;\n --aui-label-close-hover-text-color: @ak-color-R500;\n\n // Forms\n --aui-form-placeholder-text-color: @ak-color-N300;\n --aui-form-placeholder-disabled-text-color: @ak-color-N70;\n --aui-form-label-text-color: @ak-color-N200;\n --aui-form-error-text-color: @ak-color-R400;\n --aui-form-description-text-color: @ak-color-N200;\n --aui-form-disabled-field-bg-color: @ak-color-N20;\n --aui-form-disabled-field-text-color: @ak-color-N80;\n --aui-form-disabled-field-label-color: @ak-color-N80;\n --aui-form-field-border-color: @ak-color-N40;\n --aui-form-field-hover-border-color: @ak-color-N40;\n --aui-form-field-default-text-color: @ak-color-N800;\n --aui-form-field-default-bg-color: @ak-color-N10;\n --aui-form-field-hover-text-color: var(--aui-form-field-default-text-color);\n --aui-form-field-hover-bg-color: @ak-color-N30;\n --aui-form-field-focus-bg-color: @ak-color-N0;\n --aui-form-select-bg-color: @ak-color-N30;\n --aui-form-select-border-color: @ak-color-N30;\n --aui-form-select-hover-bg-color: @ak-color-N40;\n --aui-form-checkbox-radio-active-bg-color: @ak-color-B50;\n --aui-form-optgroup-text-color: @ak-color-N100;\n --aui-form-optgroup-bg-color: @ak-color-N20;\n --aui-form-option-bg-color: @ak-color-N0;\n --aui-form-pre-bg-color: @ak-color-N20;\n\n // More form fields\n --aui-form-field-autofilled-bg-color: @ak-color-P50;\n --aui-form-field-autofilled-border-color: @ak-color-P300;\n --aui-form-field-autofilled-text-color: @ak-color-P500;\n\n // Form glyphs\n --aui-form-glyph-disabled-icon-color: @ak-color-N70;\n --aui-form-glyph-disabled-fill-color: @ak-color-N20A;\n --aui-form-glyph-icon-color: @ak-color-N0;\n --aui-form-glyph-fill-color: @ak-color-B400;\n\n // Form checkboxes and radio buttons\n --aui-form-checkbox-active-bg-color: @ak-color-B50;\n --aui-form-checkbox-active-border-color: @ak-color-B50;\n --aui-form-checkbox-active-icon-color: @ak-color-B400;\n --aui-form-radio-unchecked-bg-color: @ak-color-N20;\n --aui-form-radio-unchecked-border-color: @ak-color-N200;\n\n // Toggle\n --aui-toggle-default-bg-color: @ak-color-N200;\n --aui-toggle-default-bg-hover-color: @ak-color-N70;\n --aui-toggle-button-color: @ak-color-N0;\n --aui-toggle-on-color: @ak-color-G400;\n --aui-toggle-on-hover-color: @ak-color-G300;\n --aui-toggle-disabled-overlay-color: rgba(@ak-color-N0, 0.5);\n --aui-toggle-tick-color: @ak-color-N0;\n --aui-toggle-cross-color: @ak-color-N0;\n\n // Form notification\n --aui-form-notification-info-color: @ak-color-N80;\n --aui-form-notification-error-color: var(--aui-message-error-icon-color);\n --aui-form-notification-success-color: var(--aui-message-success-icon-color);\n\n // Progress bar\n --aui-progressbar-color: @ak-color-N500;\n --aui-progressbar-track-color: @ak-color-N40A;\n\n // Spinner\n --aui-spinner-color: @ak-color-N500;\n\n // Navigation\n --aui-nav-pagination-text-color: @ak-color-N800; // --aui-body-text\n --aui-nav-pagination-active-text-color: @ak-color-N80;\n\n // Application header\n --aui-appheader-bg-color: @ak-color-B500;\n --aui-appheader-text-color: @ak-color-B50;\n --aui-appheader-item-focus-bg-color: @ak-color-N90A;\n --aui-appheader-item-focus-text-color: @ak-color-B50;\n --aui-appheader-item-active-bg-color: @ak-color-N90A;\n --aui-appheader-item-active-text-color: @ak-color-B50;\n --aui-appheader-quicksearch-bg-color: @ak-color-N90A;\n --aui-appheader-quicksearch-border-color: transparent;\n --aui-appheader-quicksearch-text-color: @ak-color-B50;\n --aui-appheader-quicksearch-placeholder-text-color: @ak-color-N80;\n --aui-appheader-quicksearch-hover-bg-color: var(--aui-appheader-quicksearch-bg-color);\n --aui-appheader-quicksearch-focus-bg-color: var(--aui-appheader-quicksearch-bg-color);\n --aui-appheader-quicksearch-focus-text-color: @ak-color-B50;\n\n // Sidebar\n --aui-sidebar-icon-color: @ak-color-N400;\n --aui-sidebar-toggle-icon-color: @ak-color-N400;\n --aui-sidebar-bg-color: @ak-color-N20;\n --aui-sidebar-dropdown-arrow-color: @ak-color-N400;\n --aui-sidebar-tooltip-bg-color: @ak-color-N800A;\n --aui-sidebar-badge-bg-color: @ak-color-N50;\n --aui-sidebar-badge-text-color: inherit;\n\n // Tabs\n --aui-tabs-tab-border-color: @ak-color-N30; // --aui-border\n --aui-tabs-tab-text-color: @ak-color-N500;\n --aui-tabs-tab-hover-text-color: @ak-color-B100;\n --aui-tabs-tab-active-border-color: @ak-color-B400;\n --aui-tabs-tab-active-text-color: @ak-color-B400;\n\n // Multi-step wizard\n --aui-progress-tracker-current-step-color: @ak-color-B300;\n --aui-progress-tracker-current-step-text-color: var(--aui-progress-tracker-visited-step-text-color);\n --aui-progress-tracker-visited-step-text-color: @ak-color-N800;\n --aui-progress-tracker-visited-step-hover-text-color: @ak-color-B400;\n --aui-progress-tracker-visited-step-active-text-color: @ak-color-B500;\n --aui-progress-tracker-future-step-color: @ak-color-N70;\n --aui-progress-tracker-future-step-text-color: @ak-color-N300;\n\n // Tables\n --aui-table-row-bg-color: transparent;\n --aui-table-row-text-color: @ak-color-N800; // --aui-body-text\n --aui-table-header-bg-color: transparent;\n --aui-table-heading-text-color: @ak-color-N200;\n --aui-table-border-color: @ak-color-N40;\n --aui-table-caption-bg-color: @ak-color-N20;\n --aui-table-caption-text-color: @ak-color-N100;\n --aui-table-list-row-hover-color: @ak-color-N30A;\n --aui-table-list-row-subtle-color: @ak-color-N60;\n --aui-table-sortable-hover-bg-color: @ak-color-N30A;\n --aui-table-sortable-active-bg-color: @ak-color-B50;\n --aui-table-sortable-active-border-color: @ak-color-B500;\n --aui-table-sortable-active-text-color: @ak-color-B500;\n --aui-table-sortable-selected-bg-color: transparent;\n --aui-table-sortable-selected-border-color: @ak-color-N100;\n --aui-table-sortable-selected-text-color: @ak-color-N400;\n\n // Dynamic tables\n --aui-restfultable-row-focused-border-color: @ak-color-N60;\n --aui-restfultable-row-create-border-color: @ak-color-N40;\n --aui-restfultable-row-editable-hover-bg-color: var(--aui-form-field-hover-bg-color);\n --aui-restfultable-error-text-color: var(--aui-form-notification-error-color);\n --aui-restfultable-header-row-bg-color: @ak-color-N0;\n --aui-restfultable-header-row-text-color: @ak-color-N200;\n --aui-restfultable-row-moving-bg-color: @ak-color-N20;\n --aui-restfultable-editable-em-text-color: @ak-color-N80;\n --aui-restfultable-row-active-bg-color: @ak-color-N20;\n --aui-restfultable-row-hover-bg-color: @ak-color-N20;\n\n // Dropdowns\n --aui-dropdown-bg-color: @ak-color-N0;\n --aui-dropdown-border-color: @ak-color-N40; // to match the lightness of the faux border in the \"z200\" shadow\n\n // Selects\n --aui-select2-placeholder-text-color: @ak-color-N100;\n --aui-select2-chosen-bg-color: @ak-color-N0;\n --aui-select2-chosen-text-color: @ak-color-N800;\n --aui-select2-chosen-hover-bg-color: @ak-color-N0;\n --aui-select2-chosen-hover-text-color: @ak-color-N800;\n --aui-select2-active-chosen-bg-color: @ak-color-N40;\n --aui-select2-active-chosen-text-color: @ak-color-N800;\n --aui-select2-field-default-bg-color: var(--aui-form-select-bg-color);\n --aui-select2-field-border-color: var(--aui-form-select-border-color);\n --aui-select2-field-hover-bg-color: var(--aui-form-select-hover-bg-color);\n --aui-select2-drop-bg-color: var(--aui-dropdown-bg-color);\n\n // Dialogs\n --aui-dialog-bg-color: @ak-color-N0;\n --aui-dialog-border-color: @ak-color-N30;\n --aui-dialog-header-bg-color: var(--aui-dialog-bg-color);\n --aui-dialog-header-warning-bg-color: @ak-color-R400;\n --aui-dialog-header-warning-text-color: @ak-color-N0;\n --aui-dialog-button-hover-border-color: @ak-color-N80;\n --aui-dialog-footer-hint-text-color: @ak-color-N400;\n --aui-inline-dialog-bg-color: var(--aui-dropdown-bg-color); // shared this way because both inline dialogs and dropdowns need to layer well on top of modals\n --aui-inline-dialog-border-color: var(--aui-dropdown-border-color);\n\n // Date pickers\n --aui-datepicker-panel-bg-color: @ak-color-N0;\n --aui-datepicker-panel-divider-color: @ak-color-N40;\n --aui-datepicker-heading-bg-color: @ak-color-N20;\n --aui-datepicker-heading-text-color: @ak-color-N600;\n --aui-datepicker-heading-weekdays-text-color: @ak-color-N300;\n --aui-datepicker-option-bg-color: transparent;\n --aui-datepicker-option-text-color: @ak-color-B400;\n --aui-datepicker-option-focus-bg-color: @ak-color-N20;\n --aui-datepicker-option-focus-text-color: @ak-color-B400;\n --aui-datepicker-option-selected-bg-color: @ak-color-B400;\n --aui-datepicker-option-selected-text-color: @ak-color-N0;\n --aui-datepicker-option-unselectable-bg-color: @ak-color-N20;\n --aui-datepicker-option-unselectable-text-color: @ak-color-N100;\n --aui-datepicker-disabled-text-color: @ak-color-N100;\n --aui-datepicker-hint-text-color: @ak-color-N400;\n }\n\n .dark() {\n color-scheme: dark;\n @import (reference) '../adg/adg-colors';\n @import (reference) '../adg/adg-neutral-dark';\n\n // Shadows and backgrounds\n --aui-shadow1: @ak-color-N70A;\n --aui-shadow2: @ak-color-N90A;\n --aui-blanket: @ak-color-N100A;\n\n // Page\n --aui-body-text: @ak-color-N800;\n --aui-lesser-body-text: @ak-color-N200;\n --aui-lesser-header-text: @ak-color-N200;\n --aui-body-background: @ak-color-N30;\n --aui-page-background: @ak-color-N30;\n --aui-page-border: @ak-color-N30;\n --aui-border: @ak-color-N50;\n --aui-border-strong: @ak-color-N100;\n --aui-focus: @ak-color-B100;\n --aui-link-color: @ak-color-B90;\n --aui-link-decoration: none;\n --aui-link-hover-color: @ak-color-B75;\n --aui-link-active-color: @ak-color-B200;\n --aui-link-hover-decoration: underline;\n --aui-link-visited-color: @ak-color-P100;\n\n // \"Item\" pattern - used for navigation, buttons, dropdown options, pagination, and similar.\n --aui-itemheading-text: @ak-color-N300;\n --aui-item-bg: transparent;\n --aui-item-text: @ak-color-N600;\n --aui-item-focus-bg: rgba(@ak-color-N200, 0.3);\n --aui-item-focus-text: @ak-color-N600;\n --aui-item-active-text: @ak-color-B400;\n --aui-item-active-bg: @ak-color-B75;\n --aui-item-selected-bg: var(--aui-item-focus-bg);\n --aui-item-selected-text: var(--aui-item-focus-text);\n --aui-item-disabled-bg: transparent;\n --aui-item-disabled-text: @ak-color-N100;\n\n // Tooltips\n --aui-tooltip-bg-color: @ak-color-N900;\n --aui-tooltip-border-color: @ak-color-N900;\n --aui-tooltip-content-text-color: @ak-color-N40;\n --aui-tooltip-title-text-color: @ak-color-N10;\n\n // Help text and onboarding messaging\n --aui-help-color: @ak-color-P300;\n\n // Badges\n --aui-badge-bg-color: @ak-color-N70;\n --aui-badge-text-color: @ak-color-N900;\n --aui-badge-primary-bg-color: @ak-color-B100;\n --aui-badge-primary-text-color: @ak-color-N0;\n --aui-badge-added-bg-color: rgba(0, 102, 68, 0.33);\n --aui-badge-added-text-color: @ak-color-G75;\n --aui-badge-removed-bg-color: rgba(191, 38, 0, 0.33);\n --aui-badge-removed-text-color: @ak-color-R75;\n --aui-badge-important-bg-color: @ak-color-R300;\n --aui-badge-important-text-color: @ak-color-N0;\n --aui-badge-on-blue-text-color: @ak-color-N0;\n --aui-badge-on-blue-bg-color: rgba(@ak-color-N0, 0.25);\n\n // Avatars\n --aui-avatar-outline: @ak-color-N0;\n --aui-avatar-text: @ak-color-N100;\n\n // Lozenges\n --aui-lozenge-bg-color: @ak-color-N500;\n --aui-lozenge-text-color: @ak-color-N0;\n --aui-lozenge-subtle-bg-color: @ak-color-N50;\n --aui-lozenge-subtle-text-color: @ak-color-N600;\n --aui-lozenge-success-bg-color: @ak-color-G200;\n --aui-lozenge-success-text-color: @ak-color-N0;\n --aui-lozenge-success-subtle-bg-color: rgba(0, 102, 68, 0.33);\n --aui-lozenge-success-subtle-text-color: @ak-color-G75;\n --aui-lozenge-current-bg-color: @ak-color-B200;\n --aui-lozenge-current-text-color: @ak-color-N0;\n --aui-lozenge-current-subtle-bg-color: rgba(7, 71, 166, 0.33);\n --aui-lozenge-current-subtle-text-color: @ak-color-B75;\n --aui-lozenge-moved-bg-color: @ak-color-Y300;\n --aui-lozenge-moved-text-color: @ak-color-N0;\n --aui-lozenge-moved-subtle-bg-color: rgba(255, 139, 0, 0.22);\n --aui-lozenge-moved-subtle-text-color: @ak-color-Y75;\n --aui-lozenge-error-bg-color: @ak-color-R300;\n --aui-lozenge-error-text-color: @ak-color-N0;\n --aui-lozenge-error-subtle-bg-color: rgba(191, 38, 0, 0.33);\n --aui-lozenge-error-subtle-text-color: @ak-color-R75;\n --aui-lozenge-new-bg-color: @ak-color-P200;\n --aui-lozenge-new-text-color: @ak-color-N0;\n --aui-lozenge-new-subtle-bg-color: rgba(64, 50, 148, 0.33);\n --aui-lozenge-new-subtle-text-color: @ak-color-P75;\n\n // Messages\n --aui-message-info-bg-color: @ak-color-B500;\n --aui-message-info-icon-color: initial;\n --aui-message-info-text-color: @ak-color-N1K;\n --aui-message-success-bg-color: @ak-color-G500;\n --aui-message-success-icon-color: initial;\n --aui-message-success-text-color: @ak-color-N1K;\n --aui-message-warning-bg-color: @ak-color-Y400;\n --aui-message-warning-icon-color: initial;\n --aui-message-warning-text-color: @ak-color-N20;\n --aui-message-error-bg-color: @ak-color-R500;\n --aui-message-error-icon-color: initial;\n --aui-message-error-text-color: @ak-color-N1K;\n --aui-message-change-bg-color: @ak-color-P400;\n --aui-message-change-icon-color: initial;\n --aui-message-change-text-color: @ak-color-N1K;\n\n // Banners\n --aui-banner-error-bg-color: @ak-color-R400;\n --aui-banner-error-text-color: @ak-color-N2K;\n --aui-banner-warning-bg-color: @ak-color-Y300;\n --aui-banner-warning-text-color: @ak-color-N30;\n --aui-banner-announcement-bg-color: @ak-color-N70;\n --aui-banner-announcement-text-color: @ak-color-N2K;\n\n // Flags\n --aui-flag-bg-color: var(--aui-dropdown-bg-color); // see also: inline dialogs\n --aui-flag-info-color: @ak-color-B200;\n --aui-flag-success-color: @ak-color-G300;\n --aui-flag-warning-color: @ak-color-Y300;\n --aui-flag-error-color: @ak-color-R300;\n\n // Buttons\n --aui-button-default-bg-color: @ak-color-N60;\n --aui-button-default-text-color: @ak-color-N800;\n --aui-button-default-hover-bg-color: @ak-color-N90;\n --aui-button-default-active-bg-color: @ak-color-B75;\n --aui-button-default-active-text-color: @ak-color-N800;\n --aui-button-default-selected-bg-color: @ak-color-N400;\n --aui-button-default-selected-text-color: @ak-color-N800;\n --aui-button-default-disabled-bg-color: @ak-color-N70;\n --aui-button-default-disabled-text-color: @ak-color-N30;\n --aui-button-primary-bg-color: @ak-color-B100;\n --aui-button-primary-text-color: @ak-color-N30;\n --aui-button-primary-hover-bg-color: @ak-color-B75;\n --aui-button-primary-active-bg-color: @ak-color-B200;\n --aui-button-primary-active-text-color: @ak-color-N0;\n --aui-button-primary-disabled-bg-color: var(--aui-button-default-disabled-bg-color);\n --aui-button-primary-disabled-text-color: var(--aui-button-default-disabled-text-color);\n --aui-button-warning-bg-color: @ak-color-Y300;\n --aui-button-warning-text-color: @ak-color-N20;\n --aui-button-warning-hover-bg-color: @ak-color-Y200;\n --aui-button-warning-active-bg-color: @ak-color-Y100;\n --aui-button-warning-active-text-color: @ak-color-N20;\n --aui-button-warning-selected-bg-color: @ak-color-Y200;\n --aui-button-warning-selected-text-color: @ak-color-N20;\n --aui-button-danger-bg-color: @ak-color-R200;\n --aui-button-danger-text-color: @ak-color-N0;\n --aui-button-danger-hover-bg-color: @ak-color-R100;\n --aui-button-danger-active-bg-color: @ak-color-R75;\n --aui-button-danger-active-text-color: @ak-color-N0;\n --aui-button-danger-selected-bg-color: @ak-color-R100;\n --aui-button-danger-selected-text-color: @ak-color-N0;\n --aui-button-light-bg-color: transparent;\n --aui-button-subtle-text-color: @ak-color-N600;\n\n // \"Labels\" (e.g., page tags, selected values in components, etc.)\n --aui-label-text-color: @ak-color-N800;\n --aui-label-link-color: @ak-color-N800;\n --aui-label-bg-color: @ak-color-N50;\n --aui-label-hover-bg-color: @ak-color-N80;\n --aui-label-close-hover-bg-color: @ak-color-R50;\n --aui-label-close-hover-text-color: @ak-color-R500;\n\n // Forms\n --aui-form-placeholder-text-color: @ak-color-N200;\n --aui-form-placeholder-disabled-text-color: @ak-color-N70;\n --aui-form-label-text-color: @ak-color-N400;\n --aui-form-error-text-color: @ak-color-R500;\n --aui-form-description-text-color: @ak-color-N400;\n --aui-form-disabled-field-bg-color: @ak-color-N30;\n --aui-form-disabled-field-text-color: @ak-color-N80;\n --aui-form-disabled-field-label-color: @ak-color-N80;\n --aui-form-field-border-color: @ak-color-N80;\n --aui-form-field-hover-border-color: @ak-color-N80;\n --aui-form-field-default-text-color: @ak-color-N800;\n --aui-form-field-default-bg-color: @ak-color-N40;\n --aui-form-field-hover-text-color: var(--aui-form-field-default-text-color);\n --aui-form-field-hover-bg-color: @ak-color-N30;\n --aui-form-field-focus-bg-color: @ak-color-N0;\n --aui-form-select-bg-color: @ak-color-N70;\n --aui-form-select-border-color: @ak-color-N70;\n --aui-form-select-hover-bg-color: @ak-color-N40;\n --aui-form-checkbox-radio-active-bg-color: @ak-color-B100;\n --aui-form-optgroup-text-color: @ak-color-N100;\n --aui-form-optgroup-bg-color: @ak-color-N20;\n --aui-form-option-bg-color: @ak-color-N0;\n --aui-form-pre-bg-color: @ak-color-N20;\n\n // More form fields\n --aui-form-field-autofilled-bg-color: @ak-color-P500;\n --aui-form-field-autofilled-border-color: @ak-color-P100;\n --aui-form-field-autofilled-text-color: @ak-color-P75;\n\n // Form glyphs\n --aui-form-glyph-disabled-icon-color: @ak-color-N200;\n --aui-form-glyph-disabled-fill-color: @ak-color-N70;\n --aui-form-glyph-icon-color: @ak-color-N900;\n --aui-form-glyph-fill-color: @ak-color-B400;\n\n // Form checkboxes and radio buttons\n --aui-form-checkbox-active-bg-color: @ak-color-B50;\n --aui-form-checkbox-active-border-color: @ak-color-B50;\n --aui-form-checkbox-active-icon-color: @ak-color-B200;\n --aui-form-radio-unchecked-bg-color: @ak-color-N20;\n --aui-form-radio-unchecked-border-color: @ak-color-N200;\n\n // Toggle\n --aui-toggle-default-bg-color: @ak-color-N90;\n --aui-toggle-default-bg-hover-color: @ak-color-N100;\n --aui-toggle-button-color: @ak-color-N30;\n --aui-toggle-on-color: @ak-color-G300;\n --aui-toggle-on-hover-color: @ak-color-G200;\n --aui-toggle-disabled-overlay-color: rgba(@ak-color-N30, 0.5);\n --aui-toggle-tick-color: @ak-color-N30;\n --aui-toggle-cross-color: @ak-color-N30;\n\n // Form notification\n --aui-form-notification-info-color: @ak-color-N80;\n --aui-form-notification-error-color: @ak-color-R300;\n --aui-form-notification-success-color: @ak-color-G300;\n\n // Progress bar\n --aui-progressbar-color: @ak-color-N800;\n --aui-progressbar-track-color: @ak-color-N400A;\n\n // Spinner\n --aui-spinner-color: @ak-color-N800;\n\n // Navigation\n --aui-nav-pagination-text-color: @ak-color-N800; // --aui-body-text\n --aui-nav-pagination-active-text-color: @ak-color-N80;\n\n // Application header\n --aui-appheader-bg-color: @ak-color-B500;\n --aui-appheader-text-color: @ak-color-B50;\n --aui-appheader-item-focus-bg-color: @ak-color-N50A;\n --aui-appheader-item-focus-text-color: @ak-color-B50;\n --aui-appheader-item-active-bg-color: @ak-color-N90A;\n --aui-appheader-item-active-text-color: @ak-color-B50;\n --aui-appheader-quicksearch-bg-color: @ak-color-N90A;\n --aui-appheader-quicksearch-border-color: transparent;\n --aui-appheader-quicksearch-text-color: @ak-color-B50;\n --aui-appheader-quicksearch-placeholder-text-color: @ak-color-N400;\n --aui-appheader-quicksearch-hover-bg-color: var(--aui-appheader-quicksearch-bg-color);\n --aui-appheader-quicksearch-focus-bg-color: var(--aui-appheader-quicksearch-bg-color);\n --aui-appheader-quicksearch-focus-text-color: @ak-color-B50;\n\n // Sidebar\n --aui-sidebar-icon-color: @ak-color-N400;\n --aui-sidebar-toggle-icon-color: @ak-color-N400;\n --aui-sidebar-bg-color: @ak-color-N20;\n --aui-sidebar-dropdown-arrow-color: @ak-color-N400;\n --aui-sidebar-tooltip-bg-color: @ak-color-N800A;\n --aui-sidebar-badge-bg-color: rgba(@ak-color-N2K, 0.19);\n --aui-sidebar-badge-text-color: inherit;\n\n // Tabs\n --aui-tabs-tab-border-color: @ak-color-N60;\n --aui-tabs-tab-text-color: @ak-color-N400;\n --aui-tabs-tab-hover-text-color: @ak-color-B100;\n --aui-tabs-tab-active-border-color: @ak-color-B100;\n --aui-tabs-tab-active-text-color: @ak-color-B100;\n\n // Multi-step wizard\n --aui-progress-tracker-current-step-color: @ak-color-B300;\n --aui-progress-tracker-current-step-text-color: var(--aui-progress-tracker-visited-step-text-color);\n --aui-progress-tracker-visited-step-text-color: @ak-color-N800;\n --aui-progress-tracker-visited-step-hover-text-color: var(--aui-link-hover-color);\n --aui-progress-tracker-visited-step-active-text-color: var(--aui-link-active-color);\n --aui-progress-tracker-future-step-color: @ak-color-N70;\n --aui-progress-tracker-future-step-text-color: @ak-color-N300;\n\n // Tables\n --aui-table-row-bg-color: transparent;\n --aui-table-row-text-color: @ak-color-N800; // --aui-body-text\n --aui-table-header-bg-color: transparent;\n --aui-table-heading-text-color: @ak-color-N400;\n --aui-table-border-color: @ak-color-N50; // --aui-border\n --aui-table-caption-bg-color: @ak-color-N20;\n --aui-table-caption-text-color: @ak-color-N100;\n --aui-table-list-row-hover-color: @ak-color-N40;\n --aui-table-list-row-subtle-color: @ak-color-N60;\n --aui-table-sortable-hover-bg-color: @ak-color-N30A;\n --aui-table-sortable-active-bg-color: @ak-color-B50;\n --aui-table-sortable-active-border-color: @ak-color-B200;\n --aui-table-sortable-active-text-color: @ak-color-B200;\n --aui-table-sortable-selected-bg-color: transparent;\n --aui-table-sortable-selected-border-color: @ak-color-N400;\n --aui-table-sortable-selected-text-color: @ak-color-N800;\n\n // Dynamic tables\n --aui-restfultable-row-focused-border-color: @ak-color-N60;\n --aui-restfultable-row-create-border-color: @ak-color-N40;\n --aui-restfultable-row-editable-hover-bg-color: var(--aui-form-field-hover-bg-color);\n --aui-restfultable-error-text-color: var(--aui-form-notification-error-color);\n --aui-restfultable-header-row-bg-color: @ak-color-N0;\n --aui-restfultable-header-row-text-color: @ak-color-N200;\n --aui-restfultable-row-moving-bg-color: @ak-color-N20;\n --aui-restfultable-editable-em-text-color: @ak-color-N80;\n --aui-restfultable-row-active-bg-color: @ak-color-N20;\n --aui-restfultable-row-hover-bg-color: @ak-color-N20;\n\n // Dropdowns\n --aui-dropdown-bg-color: @ak-color-N50;\n --aui-dropdown-border-color: @ak-color-N70;\n\n // Selects\n --aui-select2-placeholder-text-color: @ak-color-N100;\n --aui-select2-chosen-bg-color: @ak-color-N30;\n --aui-select2-chosen-text-color: @ak-color-N800;\n --aui-select2-chosen-hover-bg-color: @ak-color-N80;\n --aui-select2-chosen-hover-text-color: @ak-color-N800;\n --aui-select2-active-chosen-bg-color: @ak-color-N80;\n --aui-select2-active-chosen-text-color: @ak-color-N800;\n --aui-select2-field-default-bg-color: var(--aui-form-select-bg-color);\n --aui-select2-field-border-color: var(--aui-form-select-border-color);\n --aui-select2-field-hover-bg-color: var(--aui-form-select-hover-bg-color);\n --aui-select2-drop-bg-color: var(--aui-dropdown-bg-color);\n\n // Dialogs\n --aui-dialog-bg-color: @ak-color-N40;\n --aui-dialog-border-color: @ak-color-N40;\n --aui-dialog-header-bg-color: var(--aui-dialog-bg-color);\n --aui-dialog-header-warning-bg-color: @ak-color-R200;\n --aui-dialog-header-warning-text-color: @ak-color-N0;\n --aui-dialog-button-hover-border-color: @ak-color-N80;\n --aui-dialog-footer-hint-text-color: @ak-color-N400;\n --aui-inline-dialog-bg-color: var(--aui-dropdown-bg-color); // needs to be slightly lighter than modals so you can see the difference\n --aui-inline-dialog-border-color: var(--aui-dropdown-border-color);\n\n // Date pickers\n --aui-datepicker-panel-bg-color: @ak-color-N50;\n --aui-datepicker-panel-divider-color: @ak-color-N50;\n --aui-datepicker-heading-bg-color: @ak-color-N50;\n --aui-datepicker-heading-text-color: @ak-color-N600;\n --aui-datepicker-heading-weekdays-text-color: @ak-color-N300;\n --aui-datepicker-option-bg-color: transparent;\n --aui-datepicker-option-text-color: @ak-color-N600;\n --aui-datepicker-option-focus-bg-color: @ak-color-N70;\n --aui-datepicker-option-focus-text-color: @ak-color-N600;\n --aui-datepicker-option-selected-bg-color: @ak-color-N0;\n --aui-datepicker-option-selected-text-color: @ak-color-B200;\n --aui-datepicker-option-unselectable-bg-color: transparent;\n --aui-datepicker-option-unselectable-text-color: @ak-color-N100;\n --aui-datepicker-disabled-text-color: @ak-color-N100;\n --aui-datepicker-hint-text-color: @ak-color-N400;\n }\n\n .design-tokens() {\n @import (reference) '../adg/adg-colors';\n @import (reference) '../adg/adg-neutral-light';\n\n // Shadows and backgrounds\n --aui-shadow1: transparent;\n --aui-shadow2: transparent;\n --aui-blanket: var(--ds-blanket, rgba(@ak-color-N800, 0.45));\n\n // Page\n --aui-body-text: var(--ds-text, @ak-color-N800);\n --aui-lesser-body-text: var(--ds-text-subtlest, @ak-color-N300);\n --aui-lesser-header-text: var(--ds-text-subtlest, @ak-color-N200);\n --aui-body-background: var(--ds-surface, @ak-color-N20);\n --aui-page-background: var(--ds-surface, @ak-color-N0);\n --aui-page-border: var(--ds-border, @ak-color-N40);\n --aui-border: var(--ds-border, @ak-color-N40);\n --aui-border-strong: var(--ds-border-accent-gray, @ak-color-N100);\n --aui-focus: var(--ds-border-focused, @ak-color-B200);\n --aui-link-color: var(--ds-link, @ak-color-B400);\n --aui-link-decoration: none;\n --aui-link-hover-color: var(--ds-link, @ak-color-B300);\n --aui-link-active-color: var(--ds-link-pressed, @ak-color-B500);\n --aui-link-hover-decoration: underline;\n --aui-link-visited-color: var(--ds-link-pressed, @ak-color-P500);\n\n // \"Item\" pattern - used for navigation, buttons, dropdown options, pagination, and similar.\n --aui-itemheading-text: var(--ds-text-subtle, @ak-color-N300);\n --aui-item-bg: transparent;\n --aui-item-text: var(--ds-text-subtle, @ak-color-N500);\n --aui-item-focus-bg: var(--ds-background-neutral-subtle-hovered, @ak-color-N30A);\n --aui-item-focus-text: var(--ds-text-subtle, @ak-color-N500);\n --aui-item-active-text: var(--ds-text-subtle, @ak-color-B400);\n --aui-item-active-bg: var(--ds-background-selected, @ak-color-B50);\n --aui-item-selected-bg: var(--ds-background-selected);\n --aui-item-selected-text: var(--ds-text-selected);\n --aui-item-disabled-bg: transparent;\n --aui-item-disabled-text: var(--ds-text-disabled, @ak-color-N100);\n\n // Tooltips\n --aui-tooltip-bg-color: var(--ds-background-neutral-bold, @ak-color-N800);\n --aui-tooltip-border-color: var(--ds-background-neutral-bold, @ak-color-N800);\n --aui-tooltip-content-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-tooltip-title-text-color: var(--ds-text-inverse, @ak-color-N0);\n\n // Help text and onboarding messaging\n --aui-help-color: var(--ds-border-discovery, @ak-color-P400);\n\n // Badges\n --aui-badge-bg-color: var(--ds-background-accent-gray-subtler, @ak-color-N40A);\n --aui-badge-text-color: var(--ds-text-accent-gray, @ak-color-N800);\n --aui-badge-primary-bg-color: var(--ds-background-information-bold, @ak-color-B400);\n --aui-badge-primary-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-badge-added-bg-color: var(--ds-background-accent-green-subtlest, @ak-color-G50);\n --aui-badge-added-text-color: var(--ds-text-accent-green, @ak-color-G500);\n --aui-badge-removed-bg-color: var(--ds-background-accent-red-subtlest, @ak-color-R50);\n --aui-badge-removed-text-color: var(--ds-text-accent-red, @ak-color-R500);\n --aui-badge-important-bg-color: var(--ds-background-accent-red-bolder, @ak-color-R400);\n --aui-badge-important-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-badge-on-blue-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-badge-on-blue-bg-color: var(--ds-background-accent-blue-subtler, rgba(@ak-color-N0, 0.25));\n\n // Avatars\n --aui-avatar-outline: var(--ds-border-inverse, @ak-color-N0);\n --aui-avatar-text: var(--ds-text-inverse, @ak-color-N100);\n\n // Lozenges\n --aui-lozenge-bg-color: var(--ds-background-neutral-bold, @ak-color-N500);\n --aui-lozenge-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-lozenge-subtle-bg-color: var(--ds-background-neutral, @ak-color-N40);\n --aui-lozenge-subtle-text-color: var(--ds-text-subtle, @ak-color-N500);\n --aui-lozenge-success-bg-color: var(--ds-background-success-bold, @ak-color-G400);\n --aui-lozenge-success-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-lozenge-success-subtle-bg-color: var(--ds-background-success, @ak-color-G50);\n --aui-lozenge-success-subtle-text-color: var(--ds-text-success, @ak-color-G500);\n --aui-lozenge-current-bg-color: var(--ds-background-information-bold, @ak-color-B400);\n --aui-lozenge-current-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-lozenge-current-subtle-bg-color: var(--ds-background-information, @ak-color-B50);\n --aui-lozenge-current-subtle-text-color: var(--ds-text-information, @ak-color-B500);\n --aui-lozenge-moved-bg-color: var(--ds-background-warning-bold, @ak-color-Y400);\n --aui-lozenge-moved-text-color: var(--ds-text-warning-inverse, @ak-color-N800);\n --aui-lozenge-moved-subtle-bg-color: var(--ds-background-warning, @ak-color-Y75);\n --aui-lozenge-moved-subtle-text-color: var(--ds-text-warning, @ak-color-N800);\n --aui-lozenge-error-bg-color: var(--ds-background-danger-bold, @ak-color-R500);\n --aui-lozenge-error-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-lozenge-error-subtle-bg-color: var(--ds-background-danger, @ak-color-R50);\n --aui-lozenge-error-subtle-text-color: var(--ds-text-danger, @ak-color-R500);\n --aui-lozenge-new-bg-color: var(--ds-background-discovery-bold, @ak-color-P400);\n --aui-lozenge-new-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-lozenge-new-subtle-bg-color: var(--ds-background-discovery, @ak-color-P50);\n --aui-lozenge-new-subtle-text-color: var(--ds-text-discovery, @ak-color-P500);\n\n // Messages\n --aui-message-info-bg-color: var(--ds-background-information, @ak-color-B50);\n --aui-message-info-icon-color: var(--ds-icon-information, @ak-color-B400);\n --aui-message-info-text-color: var(--ds-text, @ak-color-N600);\n --aui-message-success-bg-color: var(--ds-background-success, @ak-color-G50);\n --aui-message-success-icon-color: var(--ds-icon-success, @ak-color-G400);\n --aui-message-success-text-color: var(--ds-text, @ak-color-N600);\n --aui-message-warning-bg-color: var(--ds-background-warning, @ak-color-Y50);\n --aui-message-warning-icon-color: var(--ds-icon-warning, @ak-color-Y400);\n --aui-message-warning-text-color: var(--ds-text, @ak-color-N600);\n --aui-message-error-bg-color: var(--ds-background-danger, @ak-color-R50);\n --aui-message-error-icon-color: var(--ds-icon-danger, @ak-color-R400);\n --aui-message-error-text-color: var(--ds-text, @ak-color-N600);\n --aui-message-change-bg-color: var(--ds-background-discovery, @ak-color-P50);\n --aui-message-change-icon-color: var(--ds-icon-discovery, @ak-color-P400);\n --aui-message-change-text-color: var(--ds-text, @ak-color-N600);\n\n // Banners\n --aui-banner-error-bg-color: var(--ds-background-danger-bold, @ak-color-R400);\n --aui-banner-error-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-banner-warning-bg-color: var(--ds-background-warning-bold, @ak-color-Y300);\n --aui-banner-warning-text-color: var(--ds-text-warning-inverse, @ak-color-N700);\n --aui-banner-announcement-bg-color: var(--ds-background-neutral-bold, @ak-color-N500);\n --aui-banner-announcement-text-color: var(--ds-text-inverse, @ak-color-N0);\n\n // Flags\n --aui-flag-bg-color: var(--ds-surface-overlay);\n --aui-flag-info-color: var(--ds-icon-information, @ak-color-B400);\n --aui-flag-success-color: var(--ds-icon-success, @ak-color-G300);\n --aui-flag-warning-color: var(--ds-icon-warning, @ak-color-Y300);\n --aui-flag-error-color: var(--ds-icon-danger, @ak-color-R300);\n\n // Buttons\n --aui-button-default-bg-color: var(--ds-background-neutral, @ak-color-N30A);\n --aui-button-default-text-color: var(--ds-text, @ak-color-N600);\n --aui-button-default-hover-bg-color: var(--ds-background-neutral-hovered, @ak-color-N40A);\n --aui-button-default-active-bg-color: var(--ds-background-neutral-pressed, @ak-color-B50);\n --aui-button-default-active-text-color: var(--ds-text, @ak-color-B400);\n --aui-button-default-selected-bg-color: var(--ds-background-selected, @ak-color-N600);\n --aui-button-default-selected-text-color: var(--ds-text-selected, @ak-color-N0);\n --aui-button-default-disabled-bg-color: var(--ds-background-disabled, @ak-color-N20A);\n --aui-button-default-disabled-text-color: var(--ds-text-disabled, @ak-color-N70);\n --aui-button-primary-bg-color: var(--ds-background-brand-bold, @ak-color-B400);\n --aui-button-primary-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-button-primary-hover-bg-color: var(--ds-background-brand-bold-hovered, @ak-color-B300);\n --aui-button-primary-active-bg-color: var(--ds-background-selected-bold-pressed, @ak-color-B400);\n --aui-button-primary-active-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-button-primary-disabled-bg-color: var(--aui-button-default-disabled-bg-color);\n --aui-button-primary-disabled-text-color: var(--aui-button-default-disabled-text-color);\n --aui-button-warning-bg-color: var(--ds-background-warning-bold, @ak-color-Y300);\n --aui-button-warning-text-color: var(--ds-text-warning-inverse, @ak-color-N800);\n --aui-button-warning-hover-bg-color: var(--ds-background-warning-bold-hovered, @ak-color-Y500);\n --aui-button-warning-active-bg-color: var(--ds-background-warning-bold-pressed, darken(@ak-color-Y500, 10%));\n --aui-button-warning-active-text-color: var(--ds-text-warning-inverse, @ak-color-N800);\n --aui-button-warning-selected-bg-color: var(--ds-background-warning-bold-hovered, @ak-color-N800);\n --aui-button-warning-selected-text-color: var(--ds-text-warning-inverse, @ak-color-N800);\n --aui-button-danger-bg-color: var(--ds-background-danger-bold, @ak-color-R500);\n --aui-button-danger-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-button-danger-hover-bg-color: var(--ds-background-danger-bold-hovered, darken(@ak-color-R500, 10%));\n --aui-button-danger-active-bg-color: var(--ds-background-danger-bold-pressed, darken(@ak-color-R500, 20%));\n --aui-button-danger-active-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-button-danger-selected-bg-color: var(--ds-background-danger-bold-hovered, darken(@ak-color-R500, 10%));\n --aui-button-danger-selected-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-button-light-bg-color: var(--ds-background-input, @ak-color-N0);\n --aui-button-subtle-text-color: var(--ds-text, @ak-color-N600);\n\n // \"Labels\" (e.g., page tags, selected values in components, etc.)\n --aui-label-text-color: var(--ds-text);\n --aui-label-link-color: var(--ds-link);\n --aui-label-bg-color: var(--ds-background-neutral, @ak-color-N20);\n --aui-label-hover-bg-color: var(--ds-background-neutral, @ak-color-N20);\n --aui-label-close-hover-bg-color: var(--ds-background-danger, @ak-color-R50);\n --aui-label-close-hover-text-color: var(--ds-text-danger, @ak-color-R500);\n\n // Forms\n --aui-form-placeholder-text-color: var(--ds-text-subtlest, @ak-color-N300);\n --aui-form-placeholder-disabled-text-color: var(--ds-text-disabled, @ak-color-N70);\n --aui-form-label-text-color: var(--ds-text-subtle, @ak-color-N200);\n --aui-form-error-text-color: var(--ds-text-danger, @ak-color-R400);\n --aui-form-description-text-color: var(--ds-text-subtlest, @ak-color-N200);\n --aui-form-disabled-field-bg-color: var(--ds-background-disabled, @ak-color-N20);\n --aui-form-disabled-field-text-color: var(--ds-text-disabled, @ak-color-N80);\n --aui-form-disabled-field-label-color: var(--ds-text-disabled, @ak-color-N80);\n --aui-form-field-border-color: var(--ds-border-input, @ak-color-N40);\n --aui-form-field-hover-border-color: var(--ds-border-input, @ak-color-N40);\n --aui-form-field-default-text-color: var(--ds-text, @ak-color-N800);\n --aui-form-field-default-bg-color: var(--ds-background-input, @ak-color-N10);\n --aui-form-field-hover-text-color: var(--ds-text);\n --aui-form-field-hover-bg-color: var(--ds-background-input-hovered, @ak-color-N30);\n --aui-form-field-focus-bg-color: var(--ds-background-input, @ak-color-N0);\n --aui-form-select-bg-color: var(--ds-background-input, @ak-color-N30);\n --aui-form-select-border-color: var(--ds-border-input, @ak-color-N30);\n --aui-form-select-hover-bg-color: var(--ds-background-input-hovered, @ak-color-N40);\n --aui-form-checkbox-radio-active-bg-color: var(--ds-background-accent-blue-subtler, @ak-color-B50);\n --aui-form-optgroup-text-color: var(--ds-text-subtlest, @ak-color-N100);\n --aui-form-optgroup-bg-color: var(--ds-background-neutral, @ak-color-N20);\n --aui-form-option-bg-color: var(--ds-background-input, @ak-color-N0);\n --aui-form-pre-bg-color: var(--ds-background-neutral, @ak-color-N20);\n\n // More form fields\n --aui-form-field-autofilled-bg-color: var(--ds-background-discovery, @ak-color-P50);\n --aui-form-field-autofilled-border-color: var(--ds-border-discovery, @ak-color-P300);\n --aui-form-field-autofilled-text-color: var(--ds-text-discovery, @ak-color-P500);\n\n // Form glyphs\n --aui-form-glyph-disabled-icon-color: var(--ds-icon-disabled, @ak-color-N70);\n --aui-form-glyph-disabled-fill-color: var(--ds-background-disabled, @ak-color-N20A);\n --aui-form-glyph-icon-color: var(--ds-icon-inverse, @ak-color-N0);\n --aui-form-glyph-fill-color: var(--ds-icon-accent-blue, @ak-color-B400);\n\n // Form checkboxes and radio buttons\n --aui-form-checkbox-active-bg-color: var(--ds-background-accent-blue-subtler, @ak-color-B50);\n --aui-form-checkbox-active-border-color: var(--ds-border-accent-blue, @ak-color-B50);\n --aui-form-checkbox-active-icon-color: var(--ds-icon-information, @ak-color-B400);\n --aui-form-radio-unchecked-bg-color: var(--ds-background-input, @ak-color-N10);\n --aui-form-radio-unchecked-border-color: var(--ds-border-bold, @ak-color-N100);\n\n // Toggle\n --aui-toggle-default-bg-color: var(--ds-background-neutral-bold, @ak-color-N200);\n --aui-toggle-default-bg-hover-color: var(--ds-background-neutral-bold-hovered, @ak-color-N70);\n --aui-toggle-button-color: var(--ds-icon-inverse, @ak-color-N0);\n --aui-toggle-on-color: var(--ds-background-success-bold, @ak-color-G400);\n --aui-toggle-on-hover-color: var(--ds-background-success-bold-hovered, @ak-color-G300);\n --aui-toggle-disabled-overlay-color: var(--ds-background-neutral-subtle, rgba(@ak-color-N0, 0.5));\n --aui-toggle-tick-color: var(--ds-icon-inverse, @ak-color-N0);\n --aui-toggle-cross-color: var(--ds-icon-inverse, @ak-color-N0);\n\n // Form notification\n --aui-form-notification-info-color: var(--ds-icon-subtle, @ak-color-N80);\n --aui-form-notification-error-color: var(--aui-message-error-icon-color);\n --aui-form-notification-success-color: var(--aui-message-success-icon-color);\n\n // Progress bar\n --aui-progressbar-color: var(--ds-background-neutral-bold, @ak-color-N500);\n --aui-progressbar-track-color: var(--ds-background-neutral, @ak-color-N40A);\n\n // Spinner\n --aui-spinner-color: var(--ds-icon-subtle, @ak-color-N500);\n\n // Navigation\n --aui-nav-pagination-text-color: var(--ds-text, @ak-color-N800);\n --aui-nav-pagination-active-text-color: var(--ds-text-subtlest, @ak-color-N80);\n\n // Application header\n --aui-appheader-bg-color: var(--ds-surface, @ak-color-B500);\n --aui-appheader-text-color: var(--ds-text, @ak-color-B50);\n --aui-appheader-item-focus-bg-color: var(--ds-background-neutral-hovered, @ak-color-N90A);\n --aui-appheader-item-focus-text-color: var(--ds-text, @ak-color-B50);\n --aui-appheader-item-active-bg-color: var(--ds-background-neutral-subtle-pressed, @ak-color-N90A);\n --aui-appheader-item-active-text-color: var(--ds-text, @ak-color-B50);\n //--aui-appheader-quicksearch-bg-color: var(--ds-background-neutral, @ak-color-N90A);\n --aui-appheader-quicksearch-bg-color: var(--ds-background-input, @ak-color-N90A);\n --aui-appheader-quicksearch-border-color: var(--ds-border-input);\n --aui-appheader-quicksearch-text-color: var(--ds-text-subtlest, @ak-color-B50);\n --aui-appheader-quicksearch-placeholder-text-color: var(--ds-text, @ak-color-N80);\n --aui-appheader-quicksearch-hover-bg-color: var(--ds-background-input-hovered);\n --aui-appheader-quicksearch-focus-bg-color: var(--aui-appheader-quicksearch-bg-color);\n --aui-appheader-quicksearch-focus-text-color: var(--ds-text-subtlest, @ak-color-B50);\n\n // Sidebar\n --aui-sidebar-icon-color: var(--ds-icon, @ak-color-N400);\n --aui-sidebar-toggle-icon-color: var(--ds-icon, @ak-color-N400);\n --aui-sidebar-bg-color: var(--ds-surface-sunken, @ak-color-N20);\n --aui-sidebar-dropdown-arrow-color: var(--ds-icon, @ak-color-N400);\n --aui-sidebar-tooltip-bg-color: var(--ds-icon, @ak-color-N800A);\n --aui-sidebar-badge-bg-color: var(--ds-background-accent-gray-subtler, @ak-color-N50);\n --aui-sidebar-badge-text-color: var(--ds-text);\n\n // Tabs\n --aui-tabs-tab-border-color: var(--ds-border, @ak-color-N30);\n --aui-tabs-tab-text-color: var(--ds-text-subtle, @ak-color-N500);\n --aui-tabs-tab-hover-text-color: var(--ds-text-selected, @ak-color-B100);\n --aui-tabs-tab-active-border-color: var(--ds-border-accent-blue, @ak-color-B400);\n --aui-tabs-tab-active-text-color: var(--ds-text-selected, @ak-color-B400);\n\n // Multi-step wizard\n --aui-progress-tracker-current-step-color: var(--ds-background-brand-bold, @ak-color-B300);\n --aui-progress-tracker-current-step-text-color: var(--aui-progress-tracker-visited-step-text-color);\n --aui-progress-tracker-visited-step-text-color: var(--ds-text, @ak-color-N800);\n --aui-progress-tracker-visited-step-hover-text-color: var(--ds-link, @ak-color-B400);\n --aui-progress-tracker-visited-step-active-text-color: var(--ds-link, @ak-color-B500);\n --aui-progress-tracker-future-step-color: var(--ds-icon-subtle, @ak-color-N70);\n --aui-progress-tracker-future-step-text-color: var(--ds-text-subtle, @ak-color-N300);\n\n // Tables\n --aui-table-row-bg-color: var(--ds-background-neutral-subtle);\n --aui-table-row-text-color: var(--ds-text, @ak-color-N800);\n --aui-table-header-bg-color: var(--ds-background-neutral-subtle);\n --aui-table-heading-text-color: var(--ds-text-subtle, @ak-color-N200);\n --aui-table-border-color: var(--ds-border, @ak-color-N40);\n --aui-table-caption-bg-color: var(--ds-background-accent-gray-subtlest, @ak-color-N20);\n --aui-table-caption-text-color: var(--ds-text-subtle, @ak-color-N100);\n --aui-table-list-row-hover-color: var(--ds-background-neutral-subtle-hovered, @ak-color-N30A);\n --aui-table-list-row-subtle-color: var(--ds-text-subtlest, @ak-color-N60);\n --aui-table-sortable-hover-bg-color: var(--ds-background-neutral-subtle-hovered, @ak-color-N30A);\n --aui-table-sortable-active-bg-color: var(--ds-background-accent-blue-subtler, @ak-color-B50);\n --aui-table-sortable-active-border-color: var(--ds-border-accent-blue, @ak-color-B500);\n --aui-table-sortable-active-text-color: var(--ds-text-accent-blue, @ak-color-B500);\n --aui-table-sortable-selected-bg-color: var(--ds-background-neutral-subtle);\n --aui-table-sortable-selected-border-color: var(--ds-border-accent-gray, @ak-color-N100);\n --aui-table-sortable-selected-text-color: var(--ds-text, @ak-color-N400);\n\n // Dynamic tables\n --aui-restfultable-row-focused-border-color: var(--ds-border, @ak-color-N60);\n --aui-restfultable-row-create-border-color: var(--ds-border-disabled, @ak-color-N40);\n --aui-restfultable-row-editable-hover-bg-color: var(--aui-form-field-hover-bg-color);\n --aui-restfultable-error-text-color: var(--aui-form-notification-error-color);\n --aui-restfultable-header-row-bg-color: var(--ds-surface, @ak-color-N0);\n --aui-restfultable-header-row-text-color: var(--ds-text-subtlest, @ak-color-N200);\n --aui-restfultable-row-moving-bg-color: var(--ds-surface-raised, @ak-color-N20);\n --aui-restfultable-editable-em-text-color: var(--ds-text-subtlest, @ak-color-N80);\n --aui-restfultable-row-active-bg-color: var(--ds-background-neutral-subtle-pressed, @ak-color-N20);\n --aui-restfultable-row-hover-bg-color: var(--ds-background-input-hovered, @ak-color-N20);\n\n // Dropdowns\n --aui-dropdown-bg-color: var(--ds-surface-overlay, @ak-color-N0);\n --aui-dropdown-border-color: var(--ds-border, @ak-color-N40);\n\n // Selects\n --aui-select2-placeholder-text-color: var(--ds-text-subtlest, @ak-color-N100);\n --aui-select2-chosen-bg-color: var(--ds-background-neutral, @ak-color-N0);\n --aui-select2-chosen-text-color: var(--ds-text, @ak-color-N800);\n --aui-select2-chosen-hover-bg-color: var(--ds-background-neutral-hovered, @ak-color-N0);\n --aui-select2-chosen-hover-text-color: var(--ds-text, @ak-color-N800);\n --aui-select2-active-chosen-bg-color: var(--ds-background-neutral, @ak-color-N40);\n --aui-select2-active-chosen-text-color: var(--ds-text, @ak-color-N800);\n --aui-select2-field-default-bg-color: var(--ds-background-input);\n --aui-select2-field-border-color: var(--ds-border-input);\n --aui-select2-field-hover-bg-color: var(--ds-background-input-hovered);\n --aui-select2-drop-bg-color: var(--ds-surface-overlay);\n\n // Dialogs\n --aui-dialog-bg-color: var(--ds-surface-overlay, @ak-color-N0);\n --aui-dialog-border-color: var(--ds-border, @ak-color-N30);\n --aui-dialog-header-bg-color: var(--aui-dialog-bg-color);\n --aui-dialog-header-warning-bg-color: var(--ds-background-danger-bold, @ak-color-R400);\n --aui-dialog-header-warning-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-dialog-button-hover-border-color: var(--ds-border, @ak-color-N80);\n --aui-dialog-footer-hint-text-color: var(--ds-text-subtlest, @ak-color-N400);\n --aui-inline-dialog-bg-color: var(--aui-dropdown-bg-color); // shared this way because both inline dialogs and dropdowns need to layer well on top of modals\n --aui-inline-dialog-border-color: var(--aui-dropdown-border-color);\n\n // Date pickers\n --aui-datepicker-panel-bg-color: var(--ds-background-input, @ak-color-N0);\n --aui-datepicker-panel-divider-color: var(--ds-border, @ak-color-N40);\n --aui-datepicker-heading-bg-color: var(--ds-background-information, @ak-color-N20);\n --aui-datepicker-heading-text-color: var(--ds-text, @ak-color-N600);\n --aui-datepicker-heading-weekdays-text-color: var(--ds-text-subtle, @ak-color-N300);\n --aui-datepicker-option-bg-color: var(--ds-background-neutral-subtle);\n --aui-datepicker-option-text-color: var(--ds-text-selected, @ak-color-B400);\n --aui-datepicker-option-focus-bg-color: var(--ds-background-neutral-subtle-hovered, @ak-color-N20);\n --aui-datepicker-option-focus-text-color: var(--ds-text-accent-blue, @ak-color-B400);\n --aui-datepicker-option-selected-bg-color: var(--ds-background-selected-bold, @ak-color-B400);\n --aui-datepicker-option-selected-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-datepicker-option-unselectable-bg-color: var(--ds-background-disabled, @ak-color-N20);\n --aui-datepicker-option-unselectable-text-color: var(--ds-text-disabled, @ak-color-N100);\n --aui-datepicker-disabled-text-color: var(--ds-text-disabled, @ak-color-N100);\n --aui-datepicker-hint-text-color: var(--ds-text-subtlest, @ak-color-N400);\n }\n\n}\n","@import (reference) './imports/global';\n\n/*\n BASE THEME\n /\n@import './imports/aui-theme/theme.less';\n\n/\n RESET\n /\nhtml,\nbody,\np,\ndiv,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nimg,\npre,\nform,\nfieldset {\n margin: 0;\n padding: 0;\n}\nul,\nol,\ndl {\n margin: 0;\n}\nimg,\nfieldset {\n border: 0;\n}\n\n// https://github.com/necolas/normalize.css\n// Customised to remove styles for unsupported browsers\n\n// Render these elements consistently in IE.\ndetails,\nsummary,\nmain {\n display: block;\n}\n\n// Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\nprogress {\n vertical-align: baseline;\n}\n\n// Prevent modern browsers from displaying `audio` without controls.\n// Remove excess height in iOS 5 devices.\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n// Prevent iOS defaulting to push-button which ignores many styles unless a bg image is set\nbutton,\ninput[type='button'],\ninput[type='submit'],\ninput[type='reset'] {\n -webkit-appearance: button;\n font-family: inherit;\n}\n\n// Firefox-specific adjustments\n.firefox({\n img {\n font-size: 0;\n }\n img:-moz-broken {\n font-size: inherit;\n }\n});\n\n[hidden] {\n display: none !important;\n}\n","#aui {\n /\n Create an internal variable whose value is based on the @token value in light/dark themes,\n * switching based on the perceptual lightness of @switch-on.\n \n Can only be used on tokens defined in tokenNamesToExtract in extractColorChannels (called\n * at build step).\n /\n .lf-define-switched-color(\n @switch-on: --atl-theme-header-bg-color;\n @token;\n ) {\n /\n The following expression switches between two colors, whose oklch channels (l c h, and a\n for alpha) are in separate variables built on base name, based on the perceptual lightness\n of the input color.\n\n l (perceptual lightness) ranges from 0 to 1; rounding gives 0 or 1; interpolation works\n like a switch. We add 0.1 because I found it gives better contrast for some in-between\n colors (though it might be only applicable to the current values of --ds-text and might\n need adjustment in an unprobable case those values are changed):\n\n round(l + 0.1) * (var(--l2) - var(--l1)) + var(--l1)\n ^.. when 0 ..^ ^ this doesn't count ^ ^ and we get l1\n ^.. when 1 ..^ ^ we get l2, cause -l1+l1=0\n\n Safari has a limitation: it doesn't allow round() in this particular expression. So we\n mimic it with the min/max trick. `min(l-0.6,1)` transforms the lower part of the range into\n a zero; the multiply by 100 preserves zeroes, but makes any positive number (to a\n resolution of 0.01 which is good enough) into a 1 or more, which min(x,1) clamps to 1. (The\n browser logic would do the last `min` here, but we include it for clarity.)\n\n Use ~'<text>' syntax to bypass Less resolving the functions `min` and `max`.\n /\n\n @base: ~'--auix@{token}';\n @switched-color: ~'@{base}@{switch-on}-s';\n\n // Using relative colors triggers the error: `postcss-calc:: Lexical error on line 1:\n // Unrecognized text.` It's an open issue in postcss-calc, see\n // https://github.com/postcss/postcss-calc/issues/216\n @supports (color: rgb(from white r g b)) {\n @{switched-color}: ~'oklch(\n from var(@{switch-on})\n calc(min(max(0, l - 0.6) 100, 1) * (var(@{base}-l1) - var(@{base}-l2)) + var(@{base}-l2))\n calc(min(max(0, l - 0.6) * 100, 1) * (var(@{base}-c1) - var(@{base}-c2)) + var(@{base}-c2))\n calc(min(max(0, l - 0.6) * 100, 1) * (var(@{base}-h1) - var(@{base}-h2)) + var(@{base}-h2))\n /\n calc(min(max(0, l - 0.6) * 100, 1) * (var(@{base}-a1) - var(@{base}-a2)) + var(@{base}-a2))\n )';\n }\n }\n /*\n Define a variable @name that'll take its value from a lf-switched variable (must be defined\n * earlier via lf-define-switched-color), or @fallback when the lf input variable is not\n * defined.\n /\n .define-lf-variable(\n @name;\n @switch-on;\n @token;\n @fallback;\n ) {\n @base: ~'--auix@{token}';\n @switched-color: ~'@{base}@{switch-on}-s';\n\n @{name}: var(@switched-color, var(@fallback));\n }\n\n /\n Define a variable named `${@input-color}-tinted-${tinting-mode}` that'll take its value from\n * @input-color: lightened when the input color is perceptually dark; darkened when the input\n * color is perceptually light.\n \n When tinting-mode is `contrasting`, the output color is suitable to use for a text color on\n * a given background color. When `slight`, it's suitable for defining an active text color out\n * of a given text color.\n /\n .lf-define-tinted-color(\n @input-color;\n @tinting-mode: contrasting;\n ) {\n .set-tinting-values(@mode) when (@mode = contrasting) {\n @darken-by: 0.6;\n @lighten-by: 0.7;\n }\n .set-tinting-values(@mode) when (@mode = slight) {\n @darken-by: 0.2;\n @lighten-by: 0.2;\n }\n .set-tinting-values(@mode) when (default()) {\n @darken-by: 0;\n @lighten-by: 0;\n }\n\n .set-tinting-values(@tinting-mode);\n\n @switched-color: ~'@{input-color}-tinted-@{tinting-mode}';\n\n @supports (color: rgb(from white r g b)) {\n @{switched-color}: ~'oklch(\n from var(@{input-color})\n calc(min(max(0, l - 0.6) 100, 1) * ((l - @{darken-by}) - (l + @{lighten-by})) + (l + @{lighten-by}))\n c\n h\n )';\n }\n }\n}\n",".responsive-max-width(@maxWidth; @rules) {\n @media all and (max-width: @maxWidth) {\n @rules();\n }\n}\n\n.responsive-max-height(@maxHeight; @rules) {\n @media all and (max-height: @maxHeight) {\n @rules();\n }\n}\n\n.legacy-edge(@rules) {\n @supports (-ms-accelerator: true) or (-ms-ime-align: auto) {\n @rules();\n }\n}\n\n.firefox(@rules) {\n @media all and (min--moz-device-pixel-ratio: 0) {\n @rules();\n }\n}\n","@import (reference) './imports/aui-theme/core/colors';\n@import (reference) './imports/aui-theme/core/borders';\n@import (reference) './imports/mixins/focus';\n\n// Only affect focusable elements inside a parent container with this class\n// https://bitbucket.org/atlassian/aui/pull-requests/2872\n.aui-browser-focus {\n // Get rid of the outline style on <button> and <input> elements in Firefox.\n // This doesn't have to be in our general mixin, since it only affects those two elements.\n // See http://wtfhtmlcss.com/#buttons-firefox-outline.\n button::-moz-focus-inner,\n input::-moz-focus-inner {\n border: 0;\n }\n\n // Affect browser's focussed-element outline colour\n :focus {\n // NOTE: these are all separate because Legacy Edge does not respect the CSS var in the multivalued `outline` prop.\n outline-width: 2px;\n outline-style: solid;\n outline-color: @aui-focus-ring-color;\n outline-offset: 1px;\n // only affects Firefox, but... hey, maybe one day other browsers will support it, too!\n -moz-outline-radius: @aui-border-radius-small;\n outline-radius: @aui-border-radius-small;\n }\n}\n\n// Remove default focus styles for mouse users ONLY if\n// :focus-visible is supported on this platform.\nhtml:not(.aui-no-focusvisible) .aui-browser-focus :focus:not(:focus-visible) {\n outline: unset;\n outline-offset: unset;\n}\n\n// Affect the potential CSS standard pseudo-selector\nhtml:not(.aui-no-focusvisible) .aui-browser-focus :focus-visible {\n #aui.with-focus-ring();\n}\n","@import (reference) './media-queries';\n\n#aui {\n .shadow {\n // For use on cards and other things that sit flush on top of other layers.\n .z100() {\n box-shadow:\n 0 1px 1px var(--aui-shadow1),\n 0 0 1px 0 var(--aui-shadow2);\n }\n\n // For inline dialogs\n .z200() {\n .z-base(0 4px 8px -2px var(--aui-shadow2));\n #aui-themes.when-design-tokens({\n box-shadow: var(--ds-shadow-overlay, 0 4px 8px -2px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31))\n });\n }\n\n // For modal dialogs\n .z300() {\n .z-base(0 8px 16px -4px var(--aui-shadow2));\n #aui-themes.when-design-tokens({\n box-shadow: var(--ds-shadow-overlay, 0 0 0 1px rgba(9, 30, 66, 0.08), 0 2px 1px rgba(9, 30, 66, 0.08), 0 0 20px -6px rgba(9, 30, 66, 0.31));\n });\n }\n\n // For flags and notifications\n .z500() {\n .z-base(0 20px 32px -8px var(--aui-shadow2));\n #aui-themes.when-design-tokens({\n box-shadow: var(--ds-shadow-overlay, 0px 8px 12px #091e423f, 0px 0px 1px #091e424f);\n });\n }\n\n // Internal use only\n .z-base(@shadow) {\n box-shadow:\n @shadow,\n 0 0 1px var(--aui-shadow2);\n // Improve legibility of the element's \"border\" in Legacy Edge.\n .legacy-edge({\n box-shadow: @shadow,\n 0 0 1px var(--aui-shadow1),\n 1px 0 1px var(--aui-shadow1),\n -1px 0 1px var(--aui-shadow1),\n 0 -1px 1px var(--aui-shadow1);\n });\n }\n }\n\n .with-box-shadow(@color; @width: 2px; @inset: false) {\n & when (@inset = true) {\n box-shadow+: inset 0 0 0 @width @color;\n }\n & when (@inset = false) {\n box-shadow+: 0 0 0 @width @color;\n }\n }\n}\n","@import (reference) '../aui-theme/core/colors';\n@import (reference) './shadows';\n\n@aui-focus-ring-color: var(--aui-focus);\n\n#aui {\n .with-focus-ring(@width: 2px; @inset: false; @set-border-color: false) {\n outline-style: none;\n\n #aui.with-box-shadow(@aui-focus-ring-color, @width, @inset);\n\n & when (@set-border-color = true) {\n border-color: @aui-focus-ring-color;\n }\n }\n\n // Add a focus style to the element\n .focus(@rules) {\n &:focus {\n @rules();\n }\n }\n\n // Adds a focus style to the element, but only when they are activated by keyboard, not mouse.\n // Will always render a focus style if `aui-no-focusvisible` is added to the html tag.\n .focus-visible(@rules) {\n .hide-outline() {\n outline-style: none;\n outline-offset: unset;\n }\n\n html.aui-no-focusvisible &:focus {\n @rules();\n }\n\n // Remove default focus styles for mouse users ONLY if\n // :focus-visible (or its polyfill) is supported on this platform.\n // The selectors are discrete because CSS ignores an entire ruleset if one selector is invalid.\n html:not(.aui-no-focusvisible).js-focus-visible &:focus:not(.focus-visible) {\n .hide-outline();\n }\n html:not(.aui-no-focusvisible) &:focus:not(:focus-visible) {\n .hide-outline();\n }\n\n // Affect the potential CSS standard pseudo-selector\n // Its mozilla-specific implementation, and\n // a CSS class added by the WICG polyfill.\n // The selectors are discrete because CSS ignores an entire ruleset if one selector is invalid.\n html:not(.aui-no-focusvisible).js-focus-visible &.focus-visible {\n @rules();\n }\n html:not(.aui-no-focusvisible) &:focus-visible {\n @rules();\n }\n }\n}\n"],"names":[],"sourceRoot":""}
1	+ {"version":3,"file":"aui-prototyping-browserfocus.css","mappings":"AAIA,MCEQ,kBAAmB,CAKnB,wBACA,wBACA,wBAGA,wBACA,+BACA,iCACA,8BACA,2BACA,0BACA,qBACA,4BACA,oBACA,yBACA,0BAA2B,CAC3B,+BACA,gCACA,qCAAsC,CACtC,iCAGA,+BACA,mBAA0B,CAC1B,wBACA,8BACA,8BACA,+BACA,6BACA,+CAAgD,CAChD,mDAAoD,CACpD,4BAAmC,CACnC,iCAGA,+BACA,mCACA,sCACA,oCAGA,yBAGA,+BACA,+BACA,qCACA,oCACA,mCACA,kCACA,qCACA,uCACA,uCACA,sCACA,oCACA,uCAGA,0BACA,sDAAuD,CACvD,0DAA2D,CAG3D,+BACA,8BACA,sCACA,wCACA,uCACA,sCACA,8CACA,6CACA,uCACA,sCACA,8CACA,gDACA,qCACA,uCACA,4CACA,8CACA,qCACA,oCACA,4CACA,8CACA,mCACA,kCACA,0CACA,4CAGA,oCACA,sCACA,sCACA,uCACA,yCACA,yCACA,uCACA,yCACA,yCACA,qCACA,uCACA,uCACA,sCACA,wCACA,wCAGA,oCACA,mCACA,sCACA,wCACA,2CACA,0CAGA,gDAAiD,CACjD,8BACA,iCACA,iCACA,+BAGA,wCACA,wCACA,8CACA,6CACA,+CACA,+CACA,8CACA,iDACA,iDACA,sCACA,qCACA,4CACA,6CACA,4CACA,kFAAmF,CACnF,sFAAuF,CACvF,sCACA,wCACA,4CACA,6CACA,+CACA,+CACA,iDACA,qCACA,oCACA,2CACA,4CACA,2CACA,8CACA,6CACA,iCACA,uCAGA,8BAA+B,CAC/B,8BAA+B,CAC/B,6BACA,mCACA,yCACA,2CAGA,0CACA,mDACA,oCACA,oCACA,0CACA,2CACA,6CACA,8CACA,sCACA,4CACA,4CACA,0CACA,0EAA2E,CAC3E,wCACA,qCACA,mCACA,uCACA,yCACA,kDACA,uCACA,qCACA,gCACA,gCAGA,6CACA,iDACA,+CAGA,6CACA,+CACA,iCACA,oCAGA,4CACA,gDACA,8CACA,4CACA,gDAGA,sCACA,4CACA,+BACA,8BACA,oCACA,8CACA,6BACA,8BAGA,2CACA,uEAAwE,CACxE,2EAA4E,CAG5E,gCACA,wCAGA,4BAGA,wCACA,+CAGA,iCACA,mCACA,8CACA,8CACA,+CACA,+CACA,+CACA,8CAAqD,CACrD,+CACA,2DACA,oFAAqF,CACrF,oFAAqF,CACrF,qDAGA,iCACA,wCACA,+BACA,2CACA,yCACA,qCACA,sCAAuC,CAGvC,oCACA,kCACA,wCACA,2CACA,yCAGA,kDACA,kGAAmG,CACnG,uDACA,6DACA,8DACA,iDACA,sDAGA,8BAAqC,CACrC,mCACA,iCAAwC,CACxC,uCACA,iCACA,qCACA,uCACA,2CACA,0CACA,8CACA,6CACA,iDACA,+CACA,4CAAmD,CACnD,mDACA,iDAGA,oDACA,mDACA,mFAAoF,CACpF,4EAA6E,CAC7E,4CACA,iDACA,+CACA,kDACA,+CACA,8CAGA,6BACA,oCAGA,6CACA,mCACA,wCACA,yCACA,8CACA,6CACA,+CACA,oEAAqE,CACrE,oEAAqE,CACrE,wEAAyE,CACzE,wDAAyD,CAGzD,2BACA,kCACA,uDAAwD,CACxD,6CACA,4CACA,+CACA,4CACA,yDAA0D,CAC1D,iEAAkE,CAGlE,qCACA,6CACA,0CACA,4CACA,qDACA,sCAA6C,CAC7C,2CACA,+CACA,iDACA,kDACA,iDACA,sDACA,wDACA,6CACA,wCCnER,CF5QA,mJCwrBQ,mBAA0B,CAC1B,mBAA0B,CAC1B,0CAGA,uCACA,uDACA,yDACA,gDACA,6CACA,2CACA,sCACA,yDACA,6CACA,wCACA,0BAA2B,CAC3B,8CACA,uDACA,qCAAsC,CACtC,wDAGA,qDACA,mBAA0B,CAC1B,8CACA,0EACA,oDACA,qDACA,2DACA,oDAAqD,CACrD,gDAAiD,CACjD,4BAAmC,CACnC,yDAGA,iEACA,qEACA,6DACA,2DAGA,oDAGA,wEACA,0DACA,2EACA,2DACA,8EACA,8DACA,8EACA,iEACA,8EACA,6DACA,2DACA,gFAGA,mDACA,sDAAuD,CACvD,0DAA2D,CAG3D,iEACA,qDACA,mEACA,8DACA,yEACA,6DACA,2EACA,oEACA,6EACA,6DACA,+EACA,2EACA,uEACA,sEACA,yEACA,qEACA,sEACA,2DACA,wEACA,oEACA,uEACA,yDACA,yEACA,qEAGA,qEACA,iEACA,qDACA,oEACA,gEACA,wDACA,oEACA,gEACA,wDACA,iEACA,6DACA,sDACA,qEACA,iEACA,uDAGA,qEACA,0DACA,wEACA,uEACA,6EACA,iEAGA,6CAA8C,CAC9C,yDACA,wDACA,wDACA,qDAGA,qEACA,uDACA,mFACA,kFACA,8DACA,6EACA,sEACA,+EACA,yEACA,sEACA,4DACA,oFACA,wFACA,mEACA,kFAAmF,CACnF,sFAAuF,CACvF,wEACA,uEACA,sFACA,uFACA,8EACA,yFACA,gFACA,sEACA,2DACA,oFACA,qFACA,kEACA,uFACA,oEACA,4DACA,sDAGA,qCAAsC,CACtC,qCAAsC,CACtC,0DACA,gEACA,qEACA,iEAGA,kEACA,2EACA,0DACA,0DACA,kEACA,yEACA,qEACA,sEACA,6DACA,mEACA,2DACA,qEACA,gDAAiD,CACjD,2EACA,gEACA,8DACA,8DACA,4EACA,2FACA,+DACA,kEACA,2DACA,6DAGA,4EACA,4EACA,wEAGA,qEACA,6EACA,wDACA,+DAGA,qFACA,6EACA,yEACA,uEACA,sEAGA,wEACA,sFACA,sDACA,gEACA,8EACA,kFACA,oDACA,qDAGA,iEACA,uEAAwE,CACxE,2EAA4E,CAG5E,kEACA,qEAGA,kDAGA,uDACA,uEAGA,mDACA,kDACA,mFACA,6DACA,2FACA,8DAEA,0EACA,+DAAgE,CAChE,uEACA,0EACA,6EAA8E,CAC9E,oFAAqF,CACrF,6EAGA,gDACA,uDACA,wDACA,0DACA,wDACA,8EACA,6CAA8C,CAG9C,qDACA,wDACA,gEACA,wEACA,iEAGA,kFACA,kGAAmG,CACnG,sEACA,4EACA,6EACA,uEACA,4EAGA,4DAA6D,CAC7D,kDACA,+DAAgE,CAChE,6DACA,kDACA,+EACA,6DACA,uFACA,kEACA,0FACA,sFACA,8EACA,0EACA,0EAA2E,CAC3E,gFACA,gEAGA,qEACA,6EACA,mFAAoF,CACpF,4EAA6E,CAC7E,8DACA,yEACA,wEACA,0EACA,2FACA,iFAGA,uDACA,qDAGA,qEACA,gEACA,uDACA,8EACA,6DACA,0EACA,8DACA,+DAAgE,CAChE,uDAAwD,CACxD,qEAAsE,CACtE,qDAAsD,CAGtD,qDACA,mDACA,uDAAwD,CACxD,8EACA,mEACA,gEACA,oEACA,yDAA0D,CAC1D,iEAAkE,CAGlE,gEACA,8DACA,2EACA,2DACA,2EACA,oEAAqE,CACrE,mEACA,2FACA,4EACA,qFACA,wEACA,oFACA,gFACA,qEACA,gEC1XR,CCloBQ,2LACI,u8GA0DA,4WDklBV,CACF,CA7qBA,wDAcI,QAAS,CACT,SAsvBJ,CApvBA,SAGI,QAsvBJ,CApvBA,aAEI,QAsvBJ,CA/uBA,qBAGI,aAivBJ,CA7uBA,SACI,sBA+uBJ,CA1uBA,sBACI,YAAa,CACb,QA4uBJ,CAxuBA,+DAII,yBAA0B,CAC1B,mBA0uBJ,CExxBI,uCFmDA,IACI,WAwuBN,CAtuBE,gBACI,iBAwuBN,CACF,CAruBA,SACI,sBAuuBJ,CGhzBA,uFAMQ,QATR,CAGA,0BAcQ,+BACA,kBAAmB,CAFnB,mBAAoB,CADpB,iBAAkB,CAKlB,wBACA,kBAbR,CAmBA,6EACI,aAAc,CACd,oBAjBJ,CAqBA,iECoBY,sCCjDJ,kBFYR","sources":["webpack:///../src/less/imports/aui-theme/theme.less","webpack:///../src/less/imports/aui-theme/core/colors.less","webpack:///../src/less/aui-reset.less","webpack:///../src/less/imports/mixins/look-and-feel.less","webpack:///../src/less/imports/mixins/media-queries.less","webpack:///../src/less/aui-focus.less","webpack:///../src/less/imports/mixins/shadows.less","webpack:///../src/less/imports/mixins/focus.less"],"sourcesContent":["@import (reference) 'core-variables';\n@import (reference) 'component-variables';\n@import (reference) '../mixins/look-and-feel';\n\n:root {\n #aui-themes.light();\n}\n\n// Those selectors rely on how Design Tokens library stores information about currently activated theme:\n@theme-preference-not-set: ~'html:not([data-theme])';\n@light-mode-enabled: ~'[data-color-mode=\"light\"]';\n@dark-mode-enabled: ~'[data-color-mode=\"dark\"]';\n@original-light-theme-enabled: ~'html@{light-mode-enabled}[data-theme~=\"light:original\"]';\n@original-dark-theme-enabled: ~'html@{dark-mode-enabled}[data-theme~=\"dark:original\"]';\n@original-mode-enabled: ~'@{theme-preference-not-set}, @{original-light-theme-enabled}, @{original-dark-theme-enabled}';\n// Original is used as basis because it's just easier to understand\n@design-tokens-mode-enabled: ~'html:not(@{original-mode-enabled})';\n@design-tokens-light-theme-enabled: ~'@{design-tokens-mode-enabled}@{light-mode-enabled}';\n@design-tokens-dark-theme-enabled: ~'@{design-tokens-mode-enabled}@{dark-mode-enabled}';\n\n@{design-tokens-mode-enabled} {\n #aui-themes.design-tokens();\n\n // The L&F switched colors are dependent on color channels of the design\n // tokens, so will be available only when design tokens are loaded.\n #aui.lf-define-switched-color(\n @switch-on: --atl-theme-header-bg-color;\n @token: '--ds-text';\n );\n #aui.lf-define-switched-color(\n @switch-on: --atl-theme-header-bg-color;\n @token: '--ds-background-neutral-hovered';\n );\n #aui.lf-define-switched-color(\n @switch-on: --atl-theme-header-bg-color;\n @token: '--ds-background-neutral-subtle-pressed';\n );\n #aui.lf-define-switched-color(\n @switch-on: --atl-theme-header-primary-button-bg-color;\n @token: '--ds-text-inverse';\n );\n #aui.lf-define-switched-color(\n @switch-on: --atl-theme-header-bg-color;\n @token: '--ds-icon';\n );\n\n #aui.lf-define-tinted-color(\n @input-color: --atl-theme-header-bg-color;\n @tinting-mode: contrasting;\n );\n #aui.lf-define-tinted-color(\n @input-color: --atl-theme-header-primary-button-bg-color;\n @tinting-mode: slight;\n );\n}\n\n#aui-themes {\n // The mixins are intended to apply certain styles only when the light or\n // dark color mode is on. They support both the classic approach to the\n // themes and the new recommended design-tokens one. `data-color-mode`\n // corresponds to the value set by `setGlobalTheme` in\n // atlassian-frontend/packages/design-system/tokens\n .when-design-tokens(@rules) {\n @{design-tokens-mode-enabled} & {\n @rules();\n }\n }\n\n .when-light(@rules) {\n & {\n @rules();\n }\n\n @{design-tokens-light-theme-enabled} & {\n @rules();\n }\n }\n\n .when-dark(@rules) {\n body.aui-theme-dark & {\n @rules();\n }\n\n @{design-tokens-dark-theme-enabled} & {\n @rules();\n }\n }\n\n .switch-light-dark(@lightRules; @darkRules) {\n #aui-themes.when-light(@lightRules);\n #aui-themes.when-dark(@darkRules);\n }\n}\n","// This file is used to generate table at aui-colors.hbs; therefore its format\n// is very particular: all sections should match; every section should have a\n// header comment; order and names of variables in sections should match\n// between themes. When modifying, make sure the docs build works.\n#aui-themes {\n .light() {\n color-scheme: light;\n @import (reference) '../adg/adg-colors';\n @import (reference) '../adg/adg-neutral-light';\n\n // Shadows and backgrounds\n --aui-shadow1: @ak-color-N40A;\n --aui-shadow2: @ak-color-N50A;\n --aui-blanket: rgba(@ak-color-N800, 0.45);\n\n // Page\n --aui-body-text: @ak-color-N800;\n --aui-lesser-body-text: @ak-color-N300;\n --aui-lesser-header-text: @ak-color-N200;\n --aui-body-background: @ak-color-N20;\n --aui-page-background: @ak-color-N0;\n --aui-page-border: @ak-color-N40;\n --aui-border: @ak-color-N40;\n --aui-border-strong: @ak-color-N100;\n --aui-focus: @ak-color-B200;\n --aui-link-color: @ak-color-B400;\n --aui-link-decoration: none;\n --aui-link-hover-color: @ak-color-B300;\n --aui-link-active-color: @ak-color-B500;\n --aui-link-hover-decoration: underline;\n --aui-link-visited-color: @ak-color-P500;\n\n // \"Item\" pattern - used for navigation, buttons, dropdown options, pagination, and similar.\n --aui-itemheading-text: @ak-color-N300;\n --aui-item-bg: transparent;\n --aui-item-text: @ak-color-N500;\n --aui-item-focus-bg: @ak-color-N30A;\n --aui-item-focus-text: @ak-color-N500;\n --aui-item-active-text: @ak-color-B400;\n --aui-item-active-bg: @ak-color-B50;\n --aui-item-selected-bg: var(--aui-item-focus-bg);\n --aui-item-selected-text: var(--aui-item-focus-text);\n --aui-item-disabled-bg: transparent;\n --aui-item-disabled-text: @ak-color-N100;\n\n // Tooltips\n --aui-tooltip-bg-color: @ak-color-N800;\n --aui-tooltip-border-color: @ak-color-N800;\n --aui-tooltip-content-text-color: @ak-color-N0;\n --aui-tooltip-title-text-color: @ak-color-N0;\n\n // Help text and onboarding messaging\n --aui-help-color: @ak-color-P400;\n\n // Badges\n --aui-badge-bg-color: @ak-color-N40A;\n --aui-badge-text-color: @ak-color-N800;\n --aui-badge-primary-bg-color: @ak-color-B400;\n --aui-badge-primary-text-color: @ak-color-N0;\n --aui-badge-added-bg-color: @ak-color-G50;\n --aui-badge-added-text-color: @ak-color-G500;\n --aui-badge-removed-bg-color: @ak-color-R50;\n --aui-badge-removed-text-color: @ak-color-R500;\n --aui-badge-important-bg-color: @ak-color-R400;\n --aui-badge-important-text-color: @ak-color-N0;\n --aui-badge-on-blue-text-color: @ak-color-N0;\n --aui-badge-on-blue-bg-color: rgba(@ak-color-N0, 0.25);\n\n // Avatars\n --aui-avatar-outline: @ak-color-N0;\n --aui-avatar-text: var(--aui-button-default-text-color);\n --aui-avatar-background: var(--aui-button-default-bg-color);\n\n // Lozenges\n --aui-lozenge-bg-color: @ak-color-N500;\n --aui-lozenge-text-color: @ak-color-N0;\n --aui-lozenge-subtle-bg-color: @ak-color-N40;\n --aui-lozenge-subtle-text-color: @ak-color-N500;\n --aui-lozenge-success-bg-color: @ak-color-G400;\n --aui-lozenge-success-text-color: @ak-color-N0;\n --aui-lozenge-success-subtle-bg-color: @ak-color-G50;\n --aui-lozenge-success-subtle-text-color: @ak-color-G500;\n --aui-lozenge-current-bg-color: @ak-color-B400;\n --aui-lozenge-current-text-color: @ak-color-N0;\n --aui-lozenge-current-subtle-bg-color: @ak-color-B50;\n --aui-lozenge-current-subtle-text-color: @ak-color-B500;\n --aui-lozenge-moved-bg-color: @ak-color-Y400;\n --aui-lozenge-moved-text-color: @ak-color-N800;\n --aui-lozenge-moved-subtle-bg-color: @ak-color-Y75;\n --aui-lozenge-moved-subtle-text-color: @ak-color-N800;\n --aui-lozenge-error-bg-color: @ak-color-R500;\n --aui-lozenge-error-text-color: @ak-color-N0;\n --aui-lozenge-error-subtle-bg-color: @ak-color-R50;\n --aui-lozenge-error-subtle-text-color: @ak-color-R500;\n --aui-lozenge-new-bg-color: @ak-color-P400;\n --aui-lozenge-new-text-color: @ak-color-N0;\n --aui-lozenge-new-subtle-bg-color: @ak-color-P50;\n --aui-lozenge-new-subtle-text-color: @ak-color-P500;\n\n // Messages\n --aui-message-info-bg-color: @ak-color-B50;\n --aui-message-info-icon-color: @ak-color-B400;\n --aui-message-info-text-color: @ak-color-N600;\n --aui-message-success-bg-color: @ak-color-G50;\n --aui-message-success-icon-color: @ak-color-G400;\n --aui-message-success-text-color: @ak-color-N600;\n --aui-message-warning-bg-color: @ak-color-Y50;\n --aui-message-warning-icon-color: @ak-color-Y400;\n --aui-message-warning-text-color: @ak-color-N600;\n --aui-message-error-bg-color: @ak-color-R50;\n --aui-message-error-icon-color: @ak-color-R400;\n --aui-message-error-text-color: @ak-color-N600;\n --aui-message-change-bg-color: @ak-color-P50;\n --aui-message-change-icon-color: @ak-color-P400;\n --aui-message-change-text-color: @ak-color-N600;\n\n // Banners\n --aui-banner-error-bg-color: @ak-color-R400;\n --aui-banner-error-text-color: @ak-color-N0;\n --aui-banner-warning-bg-color: @ak-color-Y300;\n --aui-banner-warning-text-color: @ak-color-N700;\n --aui-banner-announcement-bg-color: @ak-color-N500;\n --aui-banner-announcement-text-color: @ak-color-N0;\n\n // Flags\n --aui-flag-bg-color: var(--aui-dropdown-bg-color); // see also: inline dialogs\n --aui-flag-info-color: @ak-color-B400;\n --aui-flag-success-color: @ak-color-G300;\n --aui-flag-warning-color: @ak-color-Y300;\n --aui-flag-error-color: @ak-color-R300;\n\n // Buttons\n --aui-button-default-bg-color: @ak-color-N30A;\n --aui-button-default-text-color: @ak-color-N600;\n --aui-button-default-hover-bg-color: @ak-color-N40A;\n --aui-button-default-active-bg-color: @ak-color-B50;\n --aui-button-default-active-text-color: @ak-color-B400;\n --aui-button-default-selected-bg-color: @ak-color-N600;\n --aui-button-default-selected-text-color: @ak-color-N0;\n --aui-button-default-disabled-bg-color: @ak-color-N20A;\n --aui-button-default-disabled-text-color: @ak-color-N70;\n --aui-button-primary-bg-color: @ak-color-B400;\n --aui-button-primary-text-color: @ak-color-N0;\n --aui-button-primary-hover-bg-color: @ak-color-B300;\n --aui-button-primary-active-bg-color: @ak-color-B400;\n --aui-button-primary-active-text-color: @ak-color-N0;\n --aui-button-primary-disabled-bg-color: var(--aui-button-default-disabled-bg-color);\n --aui-button-primary-disabled-text-color: var(--aui-button-default-disabled-text-color);\n --aui-button-warning-bg-color: @ak-color-Y300;\n --aui-button-warning-text-color: @ak-color-N800;\n --aui-button-warning-hover-bg-color: @ak-color-Y500;\n --aui-button-warning-active-bg-color: darken(@ak-color-Y500, 10%);\n --aui-button-warning-active-text-color: @ak-color-N800;\n --aui-button-warning-selected-bg-color: @ak-color-Y500;\n --aui-button-warning-selected-text-color: @ak-color-N800;\n --aui-button-danger-bg-color: @ak-color-R500;\n --aui-button-danger-text-color: @ak-color-N0;\n --aui-button-danger-hover-bg-color: darken(@ak-color-R500, 10%);\n --aui-button-danger-active-bg-color: darken(@ak-color-R500, 20%);\n --aui-button-danger-active-text-color: @ak-color-N0;\n --aui-button-danger-selected-bg-color: darken(@ak-color-R500, 10%);\n --aui-button-danger-selected-text-color: @ak-color-N0;\n --aui-button-light-bg-color: @ak-color-N0;\n --aui-button-subtle-text-color: @ak-color-N600;\n\n // \"Labels\" (e.g., page tags, selected values in components, etc.)\n --aui-label-text-color: inherit;\n --aui-label-link-color: inherit;\n --aui-label-bg-color: @ak-color-N20;\n --aui-label-hover-bg-color: @ak-color-N20;\n --aui-label-close-hover-bg-color: @ak-color-R50;\n --aui-label-close-hover-text-color: @ak-color-R500;\n\n // Forms\n --aui-form-placeholder-text-color: @ak-color-N300;\n --aui-form-placeholder-disabled-text-color: @ak-color-N70;\n --aui-form-label-text-color: @ak-color-N200;\n --aui-form-error-text-color: @ak-color-R400;\n --aui-form-description-text-color: @ak-color-N200;\n --aui-form-disabled-field-bg-color: @ak-color-N20;\n --aui-form-disabled-field-text-color: @ak-color-N80;\n --aui-form-disabled-field-label-color: @ak-color-N80;\n --aui-form-field-border-color: @ak-color-N40;\n --aui-form-field-hover-border-color: @ak-color-N40;\n --aui-form-field-default-text-color: @ak-color-N800;\n --aui-form-field-default-bg-color: @ak-color-N10;\n --aui-form-field-hover-text-color: var(--aui-form-field-default-text-color);\n --aui-form-field-hover-bg-color: @ak-color-N30;\n --aui-form-field-focus-bg-color: @ak-color-N0;\n --aui-form-select-bg-color: @ak-color-N30;\n --aui-form-select-border-color: @ak-color-N30;\n --aui-form-select-hover-bg-color: @ak-color-N40;\n --aui-form-checkbox-radio-active-bg-color: @ak-color-B50;\n --aui-form-optgroup-text-color: @ak-color-N100;\n --aui-form-optgroup-bg-color: @ak-color-N20;\n --aui-form-option-bg-color: @ak-color-N0;\n --aui-form-pre-bg-color: @ak-color-N20;\n\n // More form fields\n --aui-form-field-autofilled-bg-color: @ak-color-P50;\n --aui-form-field-autofilled-border-color: @ak-color-P300;\n --aui-form-field-autofilled-text-color: @ak-color-P500;\n\n // Form glyphs\n --aui-form-glyph-disabled-icon-color: @ak-color-N70;\n --aui-form-glyph-disabled-fill-color: @ak-color-N20A;\n --aui-form-glyph-icon-color: @ak-color-N0;\n --aui-form-glyph-fill-color: @ak-color-B400;\n\n // Form checkboxes and radio buttons\n --aui-form-checkbox-active-bg-color: @ak-color-B50;\n --aui-form-checkbox-active-border-color: @ak-color-B50;\n --aui-form-checkbox-active-icon-color: @ak-color-B400;\n --aui-form-radio-unchecked-bg-color: @ak-color-N20;\n --aui-form-radio-unchecked-border-color: @ak-color-N200;\n\n // Toggle\n --aui-toggle-default-bg-color: @ak-color-N200;\n --aui-toggle-default-bg-hover-color: @ak-color-N70;\n --aui-toggle-button-color: @ak-color-N0;\n --aui-toggle-on-color: @ak-color-G400;\n --aui-toggle-on-hover-color: @ak-color-G300;\n --aui-toggle-disabled-overlay-color: rgba(@ak-color-N0, 0.5);\n --aui-toggle-tick-color: @ak-color-N0;\n --aui-toggle-cross-color: @ak-color-N0;\n\n // Form notification\n --aui-form-notification-info-color: @ak-color-N80;\n --aui-form-notification-error-color: var(--aui-message-error-icon-color);\n --aui-form-notification-success-color: var(--aui-message-success-icon-color);\n\n // Progress bar\n --aui-progressbar-color: @ak-color-N500;\n --aui-progressbar-track-color: @ak-color-N40A;\n\n // Spinner\n --aui-spinner-color: @ak-color-N500;\n\n // Navigation\n --aui-nav-pagination-text-color: @ak-color-N800; // --aui-body-text\n --aui-nav-pagination-active-text-color: @ak-color-N80;\n\n // Application header\n --aui-appheader-bg-color: @ak-color-B500;\n --aui-appheader-text-color: @ak-color-B50;\n --aui-appheader-item-focus-bg-color: @ak-color-N90A;\n --aui-appheader-item-focus-text-color: @ak-color-B50;\n --aui-appheader-item-active-bg-color: @ak-color-N90A;\n --aui-appheader-item-active-text-color: @ak-color-B50;\n --aui-appheader-quicksearch-bg-color: @ak-color-N90A;\n --aui-appheader-quicksearch-border-color: transparent;\n --aui-appheader-quicksearch-text-color: @ak-color-B50;\n --aui-appheader-quicksearch-placeholder-text-color: @ak-color-N80;\n --aui-appheader-quicksearch-hover-bg-color: var(--aui-appheader-quicksearch-bg-color);\n --aui-appheader-quicksearch-focus-bg-color: var(--aui-appheader-quicksearch-bg-color);\n --aui-appheader-quicksearch-focus-text-color: @ak-color-B50;\n\n // Sidebar\n --aui-sidebar-icon-color: @ak-color-N400;\n --aui-sidebar-toggle-icon-color: @ak-color-N400;\n --aui-sidebar-bg-color: @ak-color-N20;\n --aui-sidebar-dropdown-arrow-color: @ak-color-N400;\n --aui-sidebar-tooltip-bg-color: @ak-color-N800A;\n --aui-sidebar-badge-bg-color: @ak-color-N50;\n --aui-sidebar-badge-text-color: inherit;\n\n // Tabs\n --aui-tabs-tab-border-color: @ak-color-N30; // --aui-border\n --aui-tabs-tab-text-color: @ak-color-N500;\n --aui-tabs-tab-hover-text-color: @ak-color-B100;\n --aui-tabs-tab-active-border-color: @ak-color-B400;\n --aui-tabs-tab-active-text-color: @ak-color-B400;\n\n // Multi-step wizard\n --aui-progress-tracker-current-step-color: @ak-color-B300;\n --aui-progress-tracker-current-step-text-color: var(--aui-progress-tracker-visited-step-text-color);\n --aui-progress-tracker-visited-step-text-color: @ak-color-N800;\n --aui-progress-tracker-visited-step-hover-text-color: @ak-color-B400;\n --aui-progress-tracker-visited-step-active-text-color: @ak-color-B500;\n --aui-progress-tracker-future-step-color: @ak-color-N70;\n --aui-progress-tracker-future-step-text-color: @ak-color-N300;\n\n // Tables\n --aui-table-row-bg-color: transparent;\n --aui-table-row-text-color: @ak-color-N800; // --aui-body-text\n --aui-table-header-bg-color: transparent;\n --aui-table-heading-text-color: @ak-color-N200;\n --aui-table-border-color: @ak-color-N40;\n --aui-table-caption-bg-color: @ak-color-N20;\n --aui-table-caption-text-color: @ak-color-N100;\n --aui-table-list-row-hover-color: @ak-color-N30A;\n --aui-table-list-row-subtle-color: @ak-color-N60;\n --aui-table-sortable-hover-bg-color: @ak-color-N30A;\n --aui-table-sortable-active-bg-color: @ak-color-B50;\n --aui-table-sortable-active-border-color: @ak-color-B500;\n --aui-table-sortable-active-text-color: @ak-color-B500;\n --aui-table-sortable-selected-bg-color: transparent;\n --aui-table-sortable-selected-border-color: @ak-color-N100;\n --aui-table-sortable-selected-text-color: @ak-color-N400;\n\n // Dynamic tables\n --aui-restfultable-row-focused-border-color: @ak-color-N60;\n --aui-restfultable-row-create-border-color: @ak-color-N40;\n --aui-restfultable-row-editable-hover-bg-color: var(--aui-form-field-hover-bg-color);\n --aui-restfultable-error-text-color: var(--aui-form-notification-error-color);\n --aui-restfultable-header-row-bg-color: @ak-color-N0;\n --aui-restfultable-header-row-text-color: @ak-color-N200;\n --aui-restfultable-row-moving-bg-color: @ak-color-N20;\n --aui-restfultable-editable-em-text-color: @ak-color-N80;\n --aui-restfultable-row-active-bg-color: @ak-color-N20;\n --aui-restfultable-row-hover-bg-color: @ak-color-N20;\n\n // Dropdowns\n --aui-dropdown-bg-color: @ak-color-N0;\n --aui-dropdown-border-color: @ak-color-N40; // to match the lightness of the faux border in the \"z200\" shadow\n\n // Selects\n --aui-select2-placeholder-text-color: @ak-color-N100;\n --aui-select2-chosen-bg-color: @ak-color-N0;\n --aui-select2-chosen-text-color: @ak-color-N800;\n --aui-select2-chosen-hover-bg-color: @ak-color-N0;\n --aui-select2-chosen-hover-text-color: @ak-color-N800;\n --aui-select2-active-chosen-bg-color: @ak-color-N40;\n --aui-select2-active-chosen-text-color: @ak-color-N800;\n --aui-select2-field-default-bg-color: var(--aui-form-select-bg-color);\n --aui-select2-field-border-color: var(--aui-form-select-border-color);\n --aui-select2-field-hover-bg-color: var(--aui-form-select-hover-bg-color);\n --aui-select2-drop-bg-color: var(--aui-dropdown-bg-color);\n\n // Dialogs\n --aui-dialog-bg-color: @ak-color-N0;\n --aui-dialog-border-color: @ak-color-N30;\n --aui-dialog-header-bg-color: var(--aui-dialog-bg-color);\n --aui-dialog-header-warning-bg-color: @ak-color-R400;\n --aui-dialog-header-warning-text-color: @ak-color-N0;\n --aui-dialog-button-hover-border-color: @ak-color-N80;\n --aui-dialog-footer-hint-text-color: @ak-color-N400;\n --aui-inline-dialog-bg-color: var(--aui-dropdown-bg-color); // shared this way because both inline dialogs and dropdowns need to layer well on top of modals\n --aui-inline-dialog-border-color: var(--aui-dropdown-border-color);\n\n // Date pickers\n --aui-datepicker-panel-bg-color: @ak-color-N0;\n --aui-datepicker-panel-divider-color: @ak-color-N40;\n --aui-datepicker-heading-bg-color: @ak-color-N20;\n --aui-datepicker-heading-text-color: @ak-color-N600;\n --aui-datepicker-heading-weekdays-text-color: @ak-color-N300;\n --aui-datepicker-option-bg-color: transparent;\n --aui-datepicker-option-text-color: @ak-color-B400;\n --aui-datepicker-option-focus-bg-color: @ak-color-N20;\n --aui-datepicker-option-focus-text-color: @ak-color-B400;\n --aui-datepicker-option-selected-bg-color: @ak-color-B400;\n --aui-datepicker-option-selected-text-color: @ak-color-N0;\n --aui-datepicker-option-unselectable-bg-color: @ak-color-N20;\n --aui-datepicker-option-unselectable-text-color: @ak-color-N100;\n --aui-datepicker-disabled-text-color: @ak-color-N100;\n --aui-datepicker-hint-text-color: @ak-color-N400;\n }\n\n .dark() {\n color-scheme: dark;\n @import (reference) '../adg/adg-colors';\n @import (reference) '../adg/adg-neutral-dark';\n\n // Shadows and backgrounds\n --aui-shadow1: @ak-color-N70A;\n --aui-shadow2: @ak-color-N90A;\n --aui-blanket: @ak-color-N100A;\n\n // Page\n --aui-body-text: @ak-color-N800;\n --aui-lesser-body-text: @ak-color-N200;\n --aui-lesser-header-text: @ak-color-N200;\n --aui-body-background: @ak-color-N30;\n --aui-page-background: @ak-color-N30;\n --aui-page-border: @ak-color-N30;\n --aui-border: @ak-color-N50;\n --aui-border-strong: @ak-color-N100;\n --aui-focus: @ak-color-B100;\n --aui-link-color: @ak-color-B90;\n --aui-link-decoration: none;\n --aui-link-hover-color: @ak-color-B75;\n --aui-link-active-color: @ak-color-B200;\n --aui-link-hover-decoration: underline;\n --aui-link-visited-color: @ak-color-P100;\n\n // \"Item\" pattern - used for navigation, buttons, dropdown options, pagination, and similar.\n --aui-itemheading-text: @ak-color-N300;\n --aui-item-bg: transparent;\n --aui-item-text: @ak-color-N600;\n --aui-item-focus-bg: rgba(@ak-color-N200, 0.3);\n --aui-item-focus-text: @ak-color-N600;\n --aui-item-active-text: @ak-color-B400;\n --aui-item-active-bg: @ak-color-B75;\n --aui-item-selected-bg: var(--aui-item-focus-bg);\n --aui-item-selected-text: var(--aui-item-focus-text);\n --aui-item-disabled-bg: transparent;\n --aui-item-disabled-text: @ak-color-N100;\n\n // Tooltips\n --aui-tooltip-bg-color: @ak-color-N900;\n --aui-tooltip-border-color: @ak-color-N900;\n --aui-tooltip-content-text-color: @ak-color-N40;\n --aui-tooltip-title-text-color: @ak-color-N10;\n\n // Help text and onboarding messaging\n --aui-help-color: @ak-color-P300;\n\n // Badges\n --aui-badge-bg-color: @ak-color-N70;\n --aui-badge-text-color: @ak-color-N900;\n --aui-badge-primary-bg-color: @ak-color-B100;\n --aui-badge-primary-text-color: @ak-color-N0;\n --aui-badge-added-bg-color: rgba(0, 102, 68, 0.33);\n --aui-badge-added-text-color: @ak-color-G75;\n --aui-badge-removed-bg-color: rgba(191, 38, 0, 0.33);\n --aui-badge-removed-text-color: @ak-color-R75;\n --aui-badge-important-bg-color: @ak-color-R300;\n --aui-badge-important-text-color: @ak-color-N0;\n --aui-badge-on-blue-text-color: @ak-color-N0;\n --aui-badge-on-blue-bg-color: rgba(@ak-color-N0, 0.25);\n\n // Avatars\n --aui-avatar-outline: @ak-color-N0;\n --aui-avatar-text: var(--aui-button-default-text-color);\n --aui-avatar-background: var(--aui-button-default-bg-color);\n\n // Lozenges\n --aui-lozenge-bg-color: @ak-color-N500;\n --aui-lozenge-text-color: @ak-color-N0;\n --aui-lozenge-subtle-bg-color: @ak-color-N50;\n --aui-lozenge-subtle-text-color: @ak-color-N600;\n --aui-lozenge-success-bg-color: @ak-color-G200;\n --aui-lozenge-success-text-color: @ak-color-N0;\n --aui-lozenge-success-subtle-bg-color: rgba(0, 102, 68, 0.33);\n --aui-lozenge-success-subtle-text-color: @ak-color-G75;\n --aui-lozenge-current-bg-color: @ak-color-B200;\n --aui-lozenge-current-text-color: @ak-color-N0;\n --aui-lozenge-current-subtle-bg-color: rgba(7, 71, 166, 0.33);\n --aui-lozenge-current-subtle-text-color: @ak-color-B75;\n --aui-lozenge-moved-bg-color: @ak-color-Y300;\n --aui-lozenge-moved-text-color: @ak-color-N0;\n --aui-lozenge-moved-subtle-bg-color: rgba(255, 139, 0, 0.22);\n --aui-lozenge-moved-subtle-text-color: @ak-color-Y75;\n --aui-lozenge-error-bg-color: @ak-color-R300;\n --aui-lozenge-error-text-color: @ak-color-N0;\n --aui-lozenge-error-subtle-bg-color: rgba(191, 38, 0, 0.33);\n --aui-lozenge-error-subtle-text-color: @ak-color-R75;\n --aui-lozenge-new-bg-color: @ak-color-P200;\n --aui-lozenge-new-text-color: @ak-color-N0;\n --aui-lozenge-new-subtle-bg-color: rgba(64, 50, 148, 0.33);\n --aui-lozenge-new-subtle-text-color: @ak-color-P75;\n\n // Messages\n --aui-message-info-bg-color: @ak-color-B500;\n --aui-message-info-icon-color: initial;\n --aui-message-info-text-color: @ak-color-N1K;\n --aui-message-success-bg-color: @ak-color-G500;\n --aui-message-success-icon-color: initial;\n --aui-message-success-text-color: @ak-color-N1K;\n --aui-message-warning-bg-color: @ak-color-Y400;\n --aui-message-warning-icon-color: initial;\n --aui-message-warning-text-color: @ak-color-N20;\n --aui-message-error-bg-color: @ak-color-R500;\n --aui-message-error-icon-color: initial;\n --aui-message-error-text-color: @ak-color-N1K;\n --aui-message-change-bg-color: @ak-color-P400;\n --aui-message-change-icon-color: initial;\n --aui-message-change-text-color: @ak-color-N1K;\n\n // Banners\n --aui-banner-error-bg-color: @ak-color-R400;\n --aui-banner-error-text-color: @ak-color-N2K;\n --aui-banner-warning-bg-color: @ak-color-Y300;\n --aui-banner-warning-text-color: @ak-color-N30;\n --aui-banner-announcement-bg-color: @ak-color-N70;\n --aui-banner-announcement-text-color: @ak-color-N2K;\n\n // Flags\n --aui-flag-bg-color: var(--aui-dropdown-bg-color); // see also: inline dialogs\n --aui-flag-info-color: @ak-color-B200;\n --aui-flag-success-color: @ak-color-G300;\n --aui-flag-warning-color: @ak-color-Y300;\n --aui-flag-error-color: @ak-color-R300;\n\n // Buttons\n --aui-button-default-bg-color: @ak-color-N60;\n --aui-button-default-text-color: @ak-color-N800;\n --aui-button-default-hover-bg-color: @ak-color-N90;\n --aui-button-default-active-bg-color: @ak-color-B75;\n --aui-button-default-active-text-color: @ak-color-N800;\n --aui-button-default-selected-bg-color: @ak-color-N400;\n --aui-button-default-selected-text-color: @ak-color-N800;\n --aui-button-default-disabled-bg-color: @ak-color-N70;\n --aui-button-default-disabled-text-color: @ak-color-N30;\n --aui-button-primary-bg-color: @ak-color-B100;\n --aui-button-primary-text-color: @ak-color-N30;\n --aui-button-primary-hover-bg-color: @ak-color-B75;\n --aui-button-primary-active-bg-color: @ak-color-B200;\n --aui-button-primary-active-text-color: @ak-color-N0;\n --aui-button-primary-disabled-bg-color: var(--aui-button-default-disabled-bg-color);\n --aui-button-primary-disabled-text-color: var(--aui-button-default-disabled-text-color);\n --aui-button-warning-bg-color: @ak-color-Y300;\n --aui-button-warning-text-color: @ak-color-N20;\n --aui-button-warning-hover-bg-color: @ak-color-Y200;\n --aui-button-warning-active-bg-color: @ak-color-Y100;\n --aui-button-warning-active-text-color: @ak-color-N20;\n --aui-button-warning-selected-bg-color: @ak-color-Y200;\n --aui-button-warning-selected-text-color: @ak-color-N20;\n --aui-button-danger-bg-color: @ak-color-R200;\n --aui-button-danger-text-color: @ak-color-N0;\n --aui-button-danger-hover-bg-color: @ak-color-R100;\n --aui-button-danger-active-bg-color: @ak-color-R75;\n --aui-button-danger-active-text-color: @ak-color-N0;\n --aui-button-danger-selected-bg-color: @ak-color-R100;\n --aui-button-danger-selected-text-color: @ak-color-N0;\n --aui-button-light-bg-color: transparent;\n --aui-button-subtle-text-color: @ak-color-N600;\n\n // \"Labels\" (e.g., page tags, selected values in components, etc.)\n --aui-label-text-color: @ak-color-N800;\n --aui-label-link-color: @ak-color-N800;\n --aui-label-bg-color: @ak-color-N50;\n --aui-label-hover-bg-color: @ak-color-N80;\n --aui-label-close-hover-bg-color: @ak-color-R50;\n --aui-label-close-hover-text-color: @ak-color-R500;\n\n // Forms\n --aui-form-placeholder-text-color: @ak-color-N200;\n --aui-form-placeholder-disabled-text-color: @ak-color-N70;\n --aui-form-label-text-color: @ak-color-N400;\n --aui-form-error-text-color: @ak-color-R500;\n --aui-form-description-text-color: @ak-color-N400;\n --aui-form-disabled-field-bg-color: @ak-color-N30;\n --aui-form-disabled-field-text-color: @ak-color-N80;\n --aui-form-disabled-field-label-color: @ak-color-N80;\n --aui-form-field-border-color: @ak-color-N80;\n --aui-form-field-hover-border-color: @ak-color-N80;\n --aui-form-field-default-text-color: @ak-color-N800;\n --aui-form-field-default-bg-color: @ak-color-N40;\n --aui-form-field-hover-text-color: var(--aui-form-field-default-text-color);\n --aui-form-field-hover-bg-color: @ak-color-N30;\n --aui-form-field-focus-bg-color: @ak-color-N0;\n --aui-form-select-bg-color: @ak-color-N70;\n --aui-form-select-border-color: @ak-color-N70;\n --aui-form-select-hover-bg-color: @ak-color-N40;\n --aui-form-checkbox-radio-active-bg-color: @ak-color-B100;\n --aui-form-optgroup-text-color: @ak-color-N100;\n --aui-form-optgroup-bg-color: @ak-color-N20;\n --aui-form-option-bg-color: @ak-color-N0;\n --aui-form-pre-bg-color: @ak-color-N20;\n\n // More form fields\n --aui-form-field-autofilled-bg-color: @ak-color-P500;\n --aui-form-field-autofilled-border-color: @ak-color-P100;\n --aui-form-field-autofilled-text-color: @ak-color-P75;\n\n // Form glyphs\n --aui-form-glyph-disabled-icon-color: @ak-color-N200;\n --aui-form-glyph-disabled-fill-color: @ak-color-N70;\n --aui-form-glyph-icon-color: @ak-color-N900;\n --aui-form-glyph-fill-color: @ak-color-B400;\n\n // Form checkboxes and radio buttons\n --aui-form-checkbox-active-bg-color: @ak-color-B50;\n --aui-form-checkbox-active-border-color: @ak-color-B50;\n --aui-form-checkbox-active-icon-color: @ak-color-B200;\n --aui-form-radio-unchecked-bg-color: @ak-color-N20;\n --aui-form-radio-unchecked-border-color: @ak-color-N200;\n\n // Toggle\n --aui-toggle-default-bg-color: @ak-color-N90;\n --aui-toggle-default-bg-hover-color: @ak-color-N100;\n --aui-toggle-button-color: @ak-color-N30;\n --aui-toggle-on-color: @ak-color-G300;\n --aui-toggle-on-hover-color: @ak-color-G200;\n --aui-toggle-disabled-overlay-color: rgba(@ak-color-N30, 0.5);\n --aui-toggle-tick-color: @ak-color-N30;\n --aui-toggle-cross-color: @ak-color-N30;\n\n // Form notification\n --aui-form-notification-info-color: @ak-color-N80;\n --aui-form-notification-error-color: @ak-color-R300;\n --aui-form-notification-success-color: @ak-color-G300;\n\n // Progress bar\n --aui-progressbar-color: @ak-color-N800;\n --aui-progressbar-track-color: @ak-color-N400A;\n\n // Spinner\n --aui-spinner-color: @ak-color-N800;\n\n // Navigation\n --aui-nav-pagination-text-color: @ak-color-N800; // --aui-body-text\n --aui-nav-pagination-active-text-color: @ak-color-N80;\n\n // Application header\n --aui-appheader-bg-color: @ak-color-B500;\n --aui-appheader-text-color: @ak-color-B50;\n --aui-appheader-item-focus-bg-color: @ak-color-N50A;\n --aui-appheader-item-focus-text-color: @ak-color-B50;\n --aui-appheader-item-active-bg-color: @ak-color-N90A;\n --aui-appheader-item-active-text-color: @ak-color-B50;\n --aui-appheader-quicksearch-bg-color: @ak-color-N90A;\n --aui-appheader-quicksearch-border-color: transparent;\n --aui-appheader-quicksearch-text-color: @ak-color-B50;\n --aui-appheader-quicksearch-placeholder-text-color: @ak-color-N400;\n --aui-appheader-quicksearch-hover-bg-color: var(--aui-appheader-quicksearch-bg-color);\n --aui-appheader-quicksearch-focus-bg-color: var(--aui-appheader-quicksearch-bg-color);\n --aui-appheader-quicksearch-focus-text-color: @ak-color-B50;\n\n // Sidebar\n --aui-sidebar-icon-color: @ak-color-N400;\n --aui-sidebar-toggle-icon-color: @ak-color-N400;\n --aui-sidebar-bg-color: @ak-color-N20;\n --aui-sidebar-dropdown-arrow-color: @ak-color-N400;\n --aui-sidebar-tooltip-bg-color: @ak-color-N800A;\n --aui-sidebar-badge-bg-color: rgba(@ak-color-N2K, 0.19);\n --aui-sidebar-badge-text-color: inherit;\n\n // Tabs\n --aui-tabs-tab-border-color: @ak-color-N60;\n --aui-tabs-tab-text-color: @ak-color-N400;\n --aui-tabs-tab-hover-text-color: @ak-color-B100;\n --aui-tabs-tab-active-border-color: @ak-color-B100;\n --aui-tabs-tab-active-text-color: @ak-color-B100;\n\n // Multi-step wizard\n --aui-progress-tracker-current-step-color: @ak-color-B300;\n --aui-progress-tracker-current-step-text-color: var(--aui-progress-tracker-visited-step-text-color);\n --aui-progress-tracker-visited-step-text-color: @ak-color-N800;\n --aui-progress-tracker-visited-step-hover-text-color: var(--aui-link-hover-color);\n --aui-progress-tracker-visited-step-active-text-color: var(--aui-link-active-color);\n --aui-progress-tracker-future-step-color: @ak-color-N70;\n --aui-progress-tracker-future-step-text-color: @ak-color-N300;\n\n // Tables\n --aui-table-row-bg-color: transparent;\n --aui-table-row-text-color: @ak-color-N800; // --aui-body-text\n --aui-table-header-bg-color: transparent;\n --aui-table-heading-text-color: @ak-color-N400;\n --aui-table-border-color: @ak-color-N50; // --aui-border\n --aui-table-caption-bg-color: @ak-color-N20;\n --aui-table-caption-text-color: @ak-color-N100;\n --aui-table-list-row-hover-color: @ak-color-N40;\n --aui-table-list-row-subtle-color: @ak-color-N60;\n --aui-table-sortable-hover-bg-color: @ak-color-N30A;\n --aui-table-sortable-active-bg-color: @ak-color-B50;\n --aui-table-sortable-active-border-color: @ak-color-B200;\n --aui-table-sortable-active-text-color: @ak-color-B200;\n --aui-table-sortable-selected-bg-color: transparent;\n --aui-table-sortable-selected-border-color: @ak-color-N400;\n --aui-table-sortable-selected-text-color: @ak-color-N800;\n\n // Dynamic tables\n --aui-restfultable-row-focused-border-color: @ak-color-N60;\n --aui-restfultable-row-create-border-color: @ak-color-N40;\n --aui-restfultable-row-editable-hover-bg-color: var(--aui-form-field-hover-bg-color);\n --aui-restfultable-error-text-color: var(--aui-form-notification-error-color);\n --aui-restfultable-header-row-bg-color: @ak-color-N0;\n --aui-restfultable-header-row-text-color: @ak-color-N200;\n --aui-restfultable-row-moving-bg-color: @ak-color-N20;\n --aui-restfultable-editable-em-text-color: @ak-color-N80;\n --aui-restfultable-row-active-bg-color: @ak-color-N20;\n --aui-restfultable-row-hover-bg-color: @ak-color-N20;\n\n // Dropdowns\n --aui-dropdown-bg-color: @ak-color-N50;\n --aui-dropdown-border-color: @ak-color-N70;\n\n // Selects\n --aui-select2-placeholder-text-color: @ak-color-N100;\n --aui-select2-chosen-bg-color: @ak-color-N30;\n --aui-select2-chosen-text-color: @ak-color-N800;\n --aui-select2-chosen-hover-bg-color: @ak-color-N80;\n --aui-select2-chosen-hover-text-color: @ak-color-N800;\n --aui-select2-active-chosen-bg-color: @ak-color-N80;\n --aui-select2-active-chosen-text-color: @ak-color-N800;\n --aui-select2-field-default-bg-color: var(--aui-form-select-bg-color);\n --aui-select2-field-border-color: var(--aui-form-select-border-color);\n --aui-select2-field-hover-bg-color: var(--aui-form-select-hover-bg-color);\n --aui-select2-drop-bg-color: var(--aui-dropdown-bg-color);\n\n // Dialogs\n --aui-dialog-bg-color: @ak-color-N40;\n --aui-dialog-border-color: @ak-color-N40;\n --aui-dialog-header-bg-color: var(--aui-dialog-bg-color);\n --aui-dialog-header-warning-bg-color: @ak-color-R200;\n --aui-dialog-header-warning-text-color: @ak-color-N0;\n --aui-dialog-button-hover-border-color: @ak-color-N80;\n --aui-dialog-footer-hint-text-color: @ak-color-N400;\n --aui-inline-dialog-bg-color: var(--aui-dropdown-bg-color); // needs to be slightly lighter than modals so you can see the difference\n --aui-inline-dialog-border-color: var(--aui-dropdown-border-color);\n\n // Date pickers\n --aui-datepicker-panel-bg-color: @ak-color-N50;\n --aui-datepicker-panel-divider-color: @ak-color-N50;\n --aui-datepicker-heading-bg-color: @ak-color-N50;\n --aui-datepicker-heading-text-color: @ak-color-N600;\n --aui-datepicker-heading-weekdays-text-color: @ak-color-N300;\n --aui-datepicker-option-bg-color: transparent;\n --aui-datepicker-option-text-color: @ak-color-N600;\n --aui-datepicker-option-focus-bg-color: @ak-color-N70;\n --aui-datepicker-option-focus-text-color: @ak-color-N600;\n --aui-datepicker-option-selected-bg-color: @ak-color-N0;\n --aui-datepicker-option-selected-text-color: @ak-color-B200;\n --aui-datepicker-option-unselectable-bg-color: transparent;\n --aui-datepicker-option-unselectable-text-color: @ak-color-N100;\n --aui-datepicker-disabled-text-color: @ak-color-N100;\n --aui-datepicker-hint-text-color: @ak-color-N400;\n }\n\n .design-tokens() {\n @import (reference) '../adg/adg-colors';\n @import (reference) '../adg/adg-neutral-light';\n\n // Shadows and backgrounds\n --aui-shadow1: transparent;\n --aui-shadow2: transparent;\n --aui-blanket: var(--ds-blanket, rgba(@ak-color-N800, 0.45));\n\n // Page\n --aui-body-text: var(--ds-text, @ak-color-N800);\n --aui-lesser-body-text: var(--ds-text-subtlest, @ak-color-N300);\n --aui-lesser-header-text: var(--ds-text-subtlest, @ak-color-N200);\n --aui-body-background: var(--ds-surface, @ak-color-N20);\n --aui-page-background: var(--ds-surface, @ak-color-N0);\n --aui-page-border: var(--ds-border, @ak-color-N40);\n --aui-border: var(--ds-border, @ak-color-N40);\n --aui-border-strong: var(--ds-border-accent-gray, @ak-color-N100);\n --aui-focus: var(--ds-border-focused, @ak-color-B200);\n --aui-link-color: var(--ds-link, @ak-color-B400);\n --aui-link-decoration: none;\n --aui-link-hover-color: var(--ds-link, @ak-color-B300);\n --aui-link-active-color: var(--ds-link-pressed, @ak-color-B500);\n --aui-link-hover-decoration: underline;\n --aui-link-visited-color: var(--ds-link-pressed, @ak-color-P500);\n\n // \"Item\" pattern - used for navigation, buttons, dropdown options, pagination, and similar.\n --aui-itemheading-text: var(--ds-text-subtle, @ak-color-N300);\n --aui-item-bg: transparent;\n --aui-item-text: var(--ds-text-subtle, @ak-color-N500);\n --aui-item-focus-bg: var(--ds-background-neutral-subtle-hovered, @ak-color-N30A);\n --aui-item-focus-text: var(--ds-text-subtle, @ak-color-N500);\n --aui-item-active-text: var(--ds-text-subtle, @ak-color-B400);\n --aui-item-active-bg: var(--ds-background-selected, @ak-color-B50);\n --aui-item-selected-bg: var(--ds-background-selected);\n --aui-item-selected-text: var(--ds-text-selected);\n --aui-item-disabled-bg: transparent;\n --aui-item-disabled-text: var(--ds-text-disabled, @ak-color-N100);\n\n // Tooltips\n --aui-tooltip-bg-color: var(--ds-background-neutral-bold, @ak-color-N800);\n --aui-tooltip-border-color: var(--ds-background-neutral-bold, @ak-color-N800);\n --aui-tooltip-content-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-tooltip-title-text-color: var(--ds-text-inverse, @ak-color-N0);\n\n // Help text and onboarding messaging\n --aui-help-color: var(--ds-border-discovery, @ak-color-P400);\n\n // Badges\n --aui-badge-bg-color: var(--ds-background-accent-gray-subtler, @ak-color-N40A);\n --aui-badge-text-color: var(--ds-text-accent-gray, @ak-color-N800);\n --aui-badge-primary-bg-color: var(--ds-background-information-bold, @ak-color-B400);\n --aui-badge-primary-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-badge-added-bg-color: var(--ds-background-accent-green-subtlest, @ak-color-G50);\n --aui-badge-added-text-color: var(--ds-text-accent-green, @ak-color-G500);\n --aui-badge-removed-bg-color: var(--ds-background-accent-red-subtlest, @ak-color-R50);\n --aui-badge-removed-text-color: var(--ds-text-accent-red, @ak-color-R500);\n --aui-badge-important-bg-color: var(--ds-background-accent-red-bolder, @ak-color-R400);\n --aui-badge-important-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-badge-on-blue-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-badge-on-blue-bg-color: var(--ds-background-accent-blue-subtler, rgba(@ak-color-N0, 0.25));\n\n // Avatars\n --aui-avatar-outline: var(--ds-border-inverse, @ak-color-N0);\n --aui-avatar-text: var(--aui-button-default-text-color);\n --aui-avatar-background: var(--aui-button-default-bg-color);\n\n // Lozenges\n --aui-lozenge-bg-color: var(--ds-background-neutral-bold, @ak-color-N500);\n --aui-lozenge-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-lozenge-subtle-bg-color: var(--ds-background-neutral, @ak-color-N40);\n --aui-lozenge-subtle-text-color: var(--ds-text-subtle, @ak-color-N500);\n --aui-lozenge-success-bg-color: var(--ds-background-success-bold, @ak-color-G400);\n --aui-lozenge-success-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-lozenge-success-subtle-bg-color: var(--ds-background-success, @ak-color-G50);\n --aui-lozenge-success-subtle-text-color: var(--ds-text-success, @ak-color-G500);\n --aui-lozenge-current-bg-color: var(--ds-background-information-bold, @ak-color-B400);\n --aui-lozenge-current-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-lozenge-current-subtle-bg-color: var(--ds-background-information, @ak-color-B50);\n --aui-lozenge-current-subtle-text-color: var(--ds-text-information, @ak-color-B500);\n --aui-lozenge-moved-bg-color: var(--ds-background-warning-bold, @ak-color-Y400);\n --aui-lozenge-moved-text-color: var(--ds-text-warning-inverse, @ak-color-N800);\n --aui-lozenge-moved-subtle-bg-color: var(--ds-background-warning, @ak-color-Y75);\n --aui-lozenge-moved-subtle-text-color: var(--ds-text-warning, @ak-color-N800);\n --aui-lozenge-error-bg-color: var(--ds-background-danger-bold, @ak-color-R500);\n --aui-lozenge-error-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-lozenge-error-subtle-bg-color: var(--ds-background-danger, @ak-color-R50);\n --aui-lozenge-error-subtle-text-color: var(--ds-text-danger, @ak-color-R500);\n --aui-lozenge-new-bg-color: var(--ds-background-discovery-bold, @ak-color-P400);\n --aui-lozenge-new-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-lozenge-new-subtle-bg-color: var(--ds-background-discovery, @ak-color-P50);\n --aui-lozenge-new-subtle-text-color: var(--ds-text-discovery, @ak-color-P500);\n\n // Messages\n --aui-message-info-bg-color: var(--ds-background-information, @ak-color-B50);\n --aui-message-info-icon-color: var(--ds-icon-information, @ak-color-B400);\n --aui-message-info-text-color: var(--ds-text, @ak-color-N600);\n --aui-message-success-bg-color: var(--ds-background-success, @ak-color-G50);\n --aui-message-success-icon-color: var(--ds-icon-success, @ak-color-G400);\n --aui-message-success-text-color: var(--ds-text, @ak-color-N600);\n --aui-message-warning-bg-color: var(--ds-background-warning, @ak-color-Y50);\n --aui-message-warning-icon-color: var(--ds-icon-warning, @ak-color-Y400);\n --aui-message-warning-text-color: var(--ds-text, @ak-color-N600);\n --aui-message-error-bg-color: var(--ds-background-danger, @ak-color-R50);\n --aui-message-error-icon-color: var(--ds-icon-danger, @ak-color-R400);\n --aui-message-error-text-color: var(--ds-text, @ak-color-N600);\n --aui-message-change-bg-color: var(--ds-background-discovery, @ak-color-P50);\n --aui-message-change-icon-color: var(--ds-icon-discovery, @ak-color-P400);\n --aui-message-change-text-color: var(--ds-text, @ak-color-N600);\n\n // Banners\n --aui-banner-error-bg-color: var(--ds-background-danger-bold, @ak-color-R400);\n --aui-banner-error-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-banner-warning-bg-color: var(--ds-background-warning-bold, @ak-color-Y300);\n --aui-banner-warning-text-color: var(--ds-text-warning-inverse, @ak-color-N700);\n --aui-banner-announcement-bg-color: var(--ds-background-neutral-bold, @ak-color-N500);\n --aui-banner-announcement-text-color: var(--ds-text-inverse, @ak-color-N0);\n\n // Flags\n --aui-flag-bg-color: var(--ds-surface-overlay);\n --aui-flag-info-color: var(--ds-icon-information, @ak-color-B400);\n --aui-flag-success-color: var(--ds-icon-success, @ak-color-G300);\n --aui-flag-warning-color: var(--ds-icon-warning, @ak-color-Y300);\n --aui-flag-error-color: var(--ds-icon-danger, @ak-color-R300);\n\n // Buttons\n --aui-button-default-bg-color: var(--ds-background-neutral, @ak-color-N30A);\n --aui-button-default-text-color: var(--ds-text, @ak-color-N600);\n --aui-button-default-hover-bg-color: var(--ds-background-neutral-hovered, @ak-color-N40A);\n --aui-button-default-active-bg-color: var(--ds-background-neutral-pressed, @ak-color-B50);\n --aui-button-default-active-text-color: var(--ds-text, @ak-color-B400);\n --aui-button-default-selected-bg-color: var(--ds-background-selected, @ak-color-N600);\n --aui-button-default-selected-text-color: var(--ds-text-selected, @ak-color-N0);\n --aui-button-default-disabled-bg-color: var(--ds-background-disabled, @ak-color-N20A);\n --aui-button-default-disabled-text-color: var(--ds-text-disabled, @ak-color-N70);\n --aui-button-primary-bg-color: var(--ds-background-brand-bold, @ak-color-B400);\n --aui-button-primary-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-button-primary-hover-bg-color: var(--ds-background-brand-bold-hovered, @ak-color-B300);\n --aui-button-primary-active-bg-color: var(--ds-background-selected-bold-pressed, @ak-color-B400);\n --aui-button-primary-active-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-button-primary-disabled-bg-color: var(--aui-button-default-disabled-bg-color);\n --aui-button-primary-disabled-text-color: var(--aui-button-default-disabled-text-color);\n --aui-button-warning-bg-color: var(--ds-background-warning-bold, @ak-color-Y300);\n --aui-button-warning-text-color: var(--ds-text-warning-inverse, @ak-color-N800);\n --aui-button-warning-hover-bg-color: var(--ds-background-warning-bold-hovered, @ak-color-Y500);\n --aui-button-warning-active-bg-color: var(--ds-background-warning-bold-pressed, darken(@ak-color-Y500, 10%));\n --aui-button-warning-active-text-color: var(--ds-text-warning-inverse, @ak-color-N800);\n --aui-button-warning-selected-bg-color: var(--ds-background-warning-bold-hovered, @ak-color-N800);\n --aui-button-warning-selected-text-color: var(--ds-text-warning-inverse, @ak-color-N800);\n --aui-button-danger-bg-color: var(--ds-background-danger-bold, @ak-color-R500);\n --aui-button-danger-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-button-danger-hover-bg-color: var(--ds-background-danger-bold-hovered, darken(@ak-color-R500, 10%));\n --aui-button-danger-active-bg-color: var(--ds-background-danger-bold-pressed, darken(@ak-color-R500, 20%));\n --aui-button-danger-active-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-button-danger-selected-bg-color: var(--ds-background-danger-bold-hovered, darken(@ak-color-R500, 10%));\n --aui-button-danger-selected-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-button-light-bg-color: var(--ds-background-input, @ak-color-N0);\n --aui-button-subtle-text-color: var(--ds-text, @ak-color-N600);\n\n // \"Labels\" (e.g., page tags, selected values in components, etc.)\n --aui-label-text-color: var(--ds-text);\n --aui-label-link-color: var(--ds-link);\n --aui-label-bg-color: var(--ds-background-neutral, @ak-color-N20);\n --aui-label-hover-bg-color: var(--ds-background-neutral, @ak-color-N20);\n --aui-label-close-hover-bg-color: var(--ds-background-danger, @ak-color-R50);\n --aui-label-close-hover-text-color: var(--ds-text-danger, @ak-color-R500);\n\n // Forms\n --aui-form-placeholder-text-color: var(--ds-text-subtlest, @ak-color-N300);\n --aui-form-placeholder-disabled-text-color: var(--ds-text-disabled, @ak-color-N70);\n --aui-form-label-text-color: var(--ds-text-subtle, @ak-color-N200);\n --aui-form-error-text-color: var(--ds-text-danger, @ak-color-R400);\n --aui-form-description-text-color: var(--ds-text-subtlest, @ak-color-N200);\n --aui-form-disabled-field-bg-color: var(--ds-background-disabled, @ak-color-N20);\n --aui-form-disabled-field-text-color: var(--ds-text-disabled, @ak-color-N80);\n --aui-form-disabled-field-label-color: var(--ds-text-disabled, @ak-color-N80);\n --aui-form-field-border-color: var(--ds-border-input, @ak-color-N40);\n --aui-form-field-hover-border-color: var(--ds-border-input, @ak-color-N40);\n --aui-form-field-default-text-color: var(--ds-text, @ak-color-N800);\n --aui-form-field-default-bg-color: var(--ds-background-input, @ak-color-N10);\n --aui-form-field-hover-text-color: var(--ds-text);\n --aui-form-field-hover-bg-color: var(--ds-background-input-hovered, @ak-color-N30);\n --aui-form-field-focus-bg-color: var(--ds-background-input, @ak-color-N0);\n --aui-form-select-bg-color: var(--ds-background-input, @ak-color-N30);\n --aui-form-select-border-color: var(--ds-border-input, @ak-color-N30);\n --aui-form-select-hover-bg-color: var(--ds-background-input-hovered, @ak-color-N40);\n --aui-form-checkbox-radio-active-bg-color: var(--ds-background-accent-blue-subtler, @ak-color-B50);\n --aui-form-optgroup-text-color: var(--ds-text-subtlest, @ak-color-N100);\n --aui-form-optgroup-bg-color: var(--ds-background-neutral, @ak-color-N20);\n --aui-form-option-bg-color: var(--ds-background-input, @ak-color-N0);\n --aui-form-pre-bg-color: var(--ds-background-neutral, @ak-color-N20);\n\n // More form fields\n --aui-form-field-autofilled-bg-color: var(--ds-background-discovery, @ak-color-P50);\n --aui-form-field-autofilled-border-color: var(--ds-border-discovery, @ak-color-P300);\n --aui-form-field-autofilled-text-color: var(--ds-text-discovery, @ak-color-P500);\n\n // Form glyphs\n --aui-form-glyph-disabled-icon-color: var(--ds-icon-disabled, @ak-color-N70);\n --aui-form-glyph-disabled-fill-color: var(--ds-background-disabled, @ak-color-N20A);\n --aui-form-glyph-icon-color: var(--ds-icon-inverse, @ak-color-N0);\n --aui-form-glyph-fill-color: var(--ds-icon-accent-blue, @ak-color-B400);\n\n // Form checkboxes and radio buttons\n --aui-form-checkbox-active-bg-color: var(--ds-background-accent-blue-subtler, @ak-color-B50);\n --aui-form-checkbox-active-border-color: var(--ds-border-accent-blue, @ak-color-B50);\n --aui-form-checkbox-active-icon-color: var(--ds-icon-information, @ak-color-B400);\n --aui-form-radio-unchecked-bg-color: var(--ds-background-input, @ak-color-N10);\n --aui-form-radio-unchecked-border-color: var(--ds-border-bold, @ak-color-N100);\n\n // Toggle\n --aui-toggle-default-bg-color: var(--ds-background-neutral-bold, @ak-color-N200);\n --aui-toggle-default-bg-hover-color: var(--ds-background-neutral-bold-hovered, @ak-color-N70);\n --aui-toggle-button-color: var(--ds-icon-inverse, @ak-color-N0);\n --aui-toggle-on-color: var(--ds-background-success-bold, @ak-color-G400);\n --aui-toggle-on-hover-color: var(--ds-background-success-bold-hovered, @ak-color-G300);\n --aui-toggle-disabled-overlay-color: var(--ds-background-neutral-subtle, rgba(@ak-color-N0, 0.5));\n --aui-toggle-tick-color: var(--ds-icon-inverse, @ak-color-N0);\n --aui-toggle-cross-color: var(--ds-icon-inverse, @ak-color-N0);\n\n // Form notification\n --aui-form-notification-info-color: var(--ds-icon-subtle, @ak-color-N80);\n --aui-form-notification-error-color: var(--aui-message-error-icon-color);\n --aui-form-notification-success-color: var(--aui-message-success-icon-color);\n\n // Progress bar\n --aui-progressbar-color: var(--ds-background-neutral-bold, @ak-color-N500);\n --aui-progressbar-track-color: var(--ds-background-neutral, @ak-color-N40A);\n\n // Spinner\n --aui-spinner-color: var(--ds-icon-subtle, @ak-color-N500);\n\n // Navigation\n --aui-nav-pagination-text-color: var(--ds-text, @ak-color-N800);\n --aui-nav-pagination-active-text-color: var(--ds-text-subtlest, @ak-color-N80);\n\n // Application header\n --aui-appheader-bg-color: var(--ds-surface, @ak-color-B500);\n --aui-appheader-text-color: var(--ds-text, @ak-color-B50);\n --aui-appheader-item-focus-bg-color: var(--ds-background-neutral-hovered, @ak-color-N90A);\n --aui-appheader-item-focus-text-color: var(--ds-text, @ak-color-B50);\n --aui-appheader-item-active-bg-color: var(--ds-background-neutral-subtle-pressed, @ak-color-N90A);\n --aui-appheader-item-active-text-color: var(--ds-text, @ak-color-B50);\n //--aui-appheader-quicksearch-bg-color: var(--ds-background-neutral, @ak-color-N90A);\n --aui-appheader-quicksearch-bg-color: var(--ds-background-input, @ak-color-N90A);\n --aui-appheader-quicksearch-border-color: var(--ds-border-input);\n --aui-appheader-quicksearch-text-color: var(--ds-text-subtlest, @ak-color-B50);\n --aui-appheader-quicksearch-placeholder-text-color: var(--ds-text, @ak-color-N80);\n --aui-appheader-quicksearch-hover-bg-color: var(--ds-background-input-hovered);\n --aui-appheader-quicksearch-focus-bg-color: var(--aui-appheader-quicksearch-bg-color);\n --aui-appheader-quicksearch-focus-text-color: var(--ds-text-subtlest, @ak-color-B50);\n\n // Sidebar\n --aui-sidebar-icon-color: var(--ds-icon, @ak-color-N400);\n --aui-sidebar-toggle-icon-color: var(--ds-icon, @ak-color-N400);\n --aui-sidebar-bg-color: var(--ds-surface-sunken, @ak-color-N20);\n --aui-sidebar-dropdown-arrow-color: var(--ds-icon, @ak-color-N400);\n --aui-sidebar-tooltip-bg-color: var(--ds-icon, @ak-color-N800A);\n --aui-sidebar-badge-bg-color: var(--ds-background-accent-gray-subtler, @ak-color-N50);\n --aui-sidebar-badge-text-color: var(--ds-text);\n\n // Tabs\n --aui-tabs-tab-border-color: var(--ds-border, @ak-color-N30);\n --aui-tabs-tab-text-color: var(--ds-text-subtle, @ak-color-N500);\n --aui-tabs-tab-hover-text-color: var(--ds-text-selected, @ak-color-B100);\n --aui-tabs-tab-active-border-color: var(--ds-border-accent-blue, @ak-color-B400);\n --aui-tabs-tab-active-text-color: var(--ds-text-selected, @ak-color-B400);\n\n // Multi-step wizard\n --aui-progress-tracker-current-step-color: var(--ds-background-brand-bold, @ak-color-B300);\n --aui-progress-tracker-current-step-text-color: var(--aui-progress-tracker-visited-step-text-color);\n --aui-progress-tracker-visited-step-text-color: var(--ds-text, @ak-color-N800);\n --aui-progress-tracker-visited-step-hover-text-color: var(--ds-link, @ak-color-B400);\n --aui-progress-tracker-visited-step-active-text-color: var(--ds-link, @ak-color-B500);\n --aui-progress-tracker-future-step-color: var(--ds-icon-subtle, @ak-color-N70);\n --aui-progress-tracker-future-step-text-color: var(--ds-text-subtle, @ak-color-N300);\n\n // Tables\n --aui-table-row-bg-color: var(--ds-background-neutral-subtle);\n --aui-table-row-text-color: var(--ds-text, @ak-color-N800);\n --aui-table-header-bg-color: var(--ds-background-neutral-subtle);\n --aui-table-heading-text-color: var(--ds-text-subtle, @ak-color-N200);\n --aui-table-border-color: var(--ds-border, @ak-color-N40);\n --aui-table-caption-bg-color: var(--ds-background-accent-gray-subtlest, @ak-color-N20);\n --aui-table-caption-text-color: var(--ds-text-subtle, @ak-color-N100);\n --aui-table-list-row-hover-color: var(--ds-background-neutral-subtle-hovered, @ak-color-N30A);\n --aui-table-list-row-subtle-color: var(--ds-text-subtlest, @ak-color-N60);\n --aui-table-sortable-hover-bg-color: var(--ds-background-neutral-subtle-hovered, @ak-color-N30A);\n --aui-table-sortable-active-bg-color: var(--ds-background-accent-blue-subtler, @ak-color-B50);\n --aui-table-sortable-active-border-color: var(--ds-border-accent-blue, @ak-color-B500);\n --aui-table-sortable-active-text-color: var(--ds-text-accent-blue, @ak-color-B500);\n --aui-table-sortable-selected-bg-color: var(--ds-background-neutral-subtle);\n --aui-table-sortable-selected-border-color: var(--ds-border-accent-gray, @ak-color-N100);\n --aui-table-sortable-selected-text-color: var(--ds-text, @ak-color-N400);\n\n // Dynamic tables\n --aui-restfultable-row-focused-border-color: var(--ds-border, @ak-color-N60);\n --aui-restfultable-row-create-border-color: var(--ds-border-disabled, @ak-color-N40);\n --aui-restfultable-row-editable-hover-bg-color: var(--aui-form-field-hover-bg-color);\n --aui-restfultable-error-text-color: var(--aui-form-notification-error-color);\n --aui-restfultable-header-row-bg-color: var(--ds-surface, @ak-color-N0);\n --aui-restfultable-header-row-text-color: var(--ds-text-subtlest, @ak-color-N200);\n --aui-restfultable-row-moving-bg-color: var(--ds-surface-raised, @ak-color-N20);\n --aui-restfultable-editable-em-text-color: var(--ds-text-subtlest, @ak-color-N80);\n --aui-restfultable-row-active-bg-color: var(--ds-background-neutral-subtle-pressed, @ak-color-N20);\n --aui-restfultable-row-hover-bg-color: var(--ds-background-input-hovered, @ak-color-N20);\n\n // Dropdowns\n --aui-dropdown-bg-color: var(--ds-surface-overlay, @ak-color-N0);\n --aui-dropdown-border-color: var(--ds-border, @ak-color-N40);\n\n // Selects\n --aui-select2-placeholder-text-color: var(--ds-text-subtlest, @ak-color-N100);\n --aui-select2-chosen-bg-color: var(--ds-background-neutral, @ak-color-N0);\n --aui-select2-chosen-text-color: var(--ds-text, @ak-color-N800);\n --aui-select2-chosen-hover-bg-color: var(--ds-background-neutral-hovered, @ak-color-N0);\n --aui-select2-chosen-hover-text-color: var(--ds-text, @ak-color-N800);\n --aui-select2-active-chosen-bg-color: var(--ds-background-neutral, @ak-color-N40);\n --aui-select2-active-chosen-text-color: var(--ds-text, @ak-color-N800);\n --aui-select2-field-default-bg-color: var(--ds-background-input);\n --aui-select2-field-border-color: var(--ds-border-input);\n --aui-select2-field-hover-bg-color: var(--ds-background-input-hovered);\n --aui-select2-drop-bg-color: var(--ds-surface-overlay);\n\n // Dialogs\n --aui-dialog-bg-color: var(--ds-surface-overlay, @ak-color-N0);\n --aui-dialog-border-color: var(--ds-border, @ak-color-N30);\n --aui-dialog-header-bg-color: var(--aui-dialog-bg-color);\n --aui-dialog-header-warning-bg-color: var(--ds-background-danger-bold, @ak-color-R400);\n --aui-dialog-header-warning-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-dialog-button-hover-border-color: var(--ds-border, @ak-color-N80);\n --aui-dialog-footer-hint-text-color: var(--ds-text-subtlest, @ak-color-N400);\n --aui-inline-dialog-bg-color: var(--aui-dropdown-bg-color); // shared this way because both inline dialogs and dropdowns need to layer well on top of modals\n --aui-inline-dialog-border-color: var(--aui-dropdown-border-color);\n\n // Date pickers\n --aui-datepicker-panel-bg-color: var(--ds-background-input, @ak-color-N0);\n --aui-datepicker-panel-divider-color: var(--ds-border, @ak-color-N40);\n --aui-datepicker-heading-bg-color: var(--ds-background-information, @ak-color-N20);\n --aui-datepicker-heading-text-color: var(--ds-text, @ak-color-N600);\n --aui-datepicker-heading-weekdays-text-color: var(--ds-text-subtle, @ak-color-N300);\n --aui-datepicker-option-bg-color: var(--ds-background-neutral-subtle);\n --aui-datepicker-option-text-color: var(--ds-text-selected, @ak-color-B400);\n --aui-datepicker-option-focus-bg-color: var(--ds-background-neutral-subtle-hovered, @ak-color-N20);\n --aui-datepicker-option-focus-text-color: var(--ds-text-accent-blue, @ak-color-B400);\n --aui-datepicker-option-selected-bg-color: var(--ds-background-selected-bold, @ak-color-B400);\n --aui-datepicker-option-selected-text-color: var(--ds-text-inverse, @ak-color-N0);\n --aui-datepicker-option-unselectable-bg-color: var(--ds-background-disabled, @ak-color-N20);\n --aui-datepicker-option-unselectable-text-color: var(--ds-text-disabled, @ak-color-N100);\n --aui-datepicker-disabled-text-color: var(--ds-text-disabled, @ak-color-N100);\n --aui-datepicker-hint-text-color: var(--ds-text-subtlest, @ak-color-N400);\n }\n\n}\n","@import (reference) './imports/global';\n\n/*\n BASE THEME\n /\n@import './imports/aui-theme/theme.less';\n\n/\n RESET\n /\nhtml,\nbody,\np,\ndiv,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nimg,\npre,\nform,\nfieldset {\n margin: 0;\n padding: 0;\n}\nul,\nol,\ndl {\n margin: 0;\n}\nimg,\nfieldset {\n border: 0;\n}\n\n// https://github.com/necolas/normalize.css\n// Customised to remove styles for unsupported browsers\n\n// Render these elements consistently in IE.\ndetails,\nsummary,\nmain {\n display: block;\n}\n\n// Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\nprogress {\n vertical-align: baseline;\n}\n\n// Prevent modern browsers from displaying `audio` without controls.\n// Remove excess height in iOS 5 devices.\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n// Prevent iOS defaulting to push-button which ignores many styles unless a bg image is set\nbutton,\ninput[type='button'],\ninput[type='submit'],\ninput[type='reset'] {\n -webkit-appearance: button;\n font-family: inherit;\n}\n\n// Firefox-specific adjustments\n.firefox({\n img {\n font-size: 0;\n }\n img:-moz-broken {\n font-size: inherit;\n }\n});\n\n[hidden] {\n display: none !important;\n}\n","#aui {\n /\n Create an internal variable whose value is based on the @token value in light/dark themes,\n * switching based on the perceptual lightness of @switch-on.\n \n Can only be used on tokens defined in tokenNamesToExtract in extractColorChannels (called\n * at build step).\n /\n .lf-define-switched-color(\n @switch-on: --atl-theme-header-bg-color;\n @token;\n ) {\n /\n The following expression switches between two colors, whose oklch channels (l c h, and a\n for alpha) are in separate variables built on base name, based on the perceptual lightness\n of the input color.\n\n l (perceptual lightness) ranges from 0 to 1; rounding gives 0 or 1; interpolation works\n like a switch. We add 0.1 because I found it gives better contrast for some in-between\n colors (though it might be only applicable to the current values of --ds-text and might\n need adjustment in an unprobable case those values are changed):\n\n round(l + 0.1) * (var(--l2) - var(--l1)) + var(--l1)\n ^.. when 0 ..^ ^ this doesn't count ^ ^ and we get l1\n ^.. when 1 ..^ ^ we get l2, cause -l1+l1=0\n\n Safari has a limitation: it doesn't allow round() in this particular expression. So we\n mimic it with the min/max trick. `min(l-0.6,1)` transforms the lower part of the range into\n a zero; the multiply by 100 preserves zeroes, but makes any positive number (to a\n resolution of 0.01 which is good enough) into a 1 or more, which min(x,1) clamps to 1. (The\n browser logic would do the last `min` here, but we include it for clarity.)\n\n Use ~'<text>' syntax to bypass Less resolving the functions `min` and `max`.\n /\n\n @base: ~'--auix@{token}';\n @switched-color: ~'@{base}@{switch-on}-s';\n\n // Using relative colors triggers the error: `postcss-calc:: Lexical error on line 1:\n // Unrecognized text.` It's an open issue in postcss-calc, see\n // https://github.com/postcss/postcss-calc/issues/216\n @supports (color: rgb(from white r g b)) {\n @{switched-color}: ~'oklch(\n from var(@{switch-on})\n calc(min(max(0, l - 0.6) 100, 1) * (var(@{base}-l1) - var(@{base}-l2)) + var(@{base}-l2))\n calc(min(max(0, l - 0.6) * 100, 1) * (var(@{base}-c1) - var(@{base}-c2)) + var(@{base}-c2))\n calc(min(max(0, l - 0.6) * 100, 1) * (var(@{base}-h1) - var(@{base}-h2)) + var(@{base}-h2))\n /\n calc(min(max(0, l - 0.6) * 100, 1) * (var(@{base}-a1) - var(@{base}-a2)) + var(@{base}-a2))\n )';\n }\n }\n /*\n Define a variable @name that'll take its value from a lf-switched variable (must be defined\n * earlier via lf-define-switched-color), or @fallback when the lf input variable is not\n * defined.\n /\n .define-lf-variable(\n @name;\n @switch-on;\n @token;\n @fallback;\n ) {\n @base: ~'--auix@{token}';\n @switched-color: ~'@{base}@{switch-on}-s';\n\n @{name}: var(@switched-color, var(@fallback));\n }\n\n /\n Define a variable named `${@input-color}-tinted-${tinting-mode}` that'll take its value from\n * @input-color: lightened when the input color is perceptually dark; darkened when the input\n * color is perceptually light.\n \n When tinting-mode is `contrasting`, the output color is suitable to use for a text color on\n * a given background color. When `slight`, it's suitable for defining an active text color out\n * of a given text color.\n /\n .lf-define-tinted-color(\n @input-color;\n @tinting-mode: contrasting;\n ) {\n .set-tinting-values(@mode) when (@mode = contrasting) {\n @darken-by: 0.6;\n @lighten-by: 0.7;\n }\n .set-tinting-values(@mode) when (@mode = slight) {\n @darken-by: 0.2;\n @lighten-by: 0.2;\n }\n .set-tinting-values(@mode) when (default()) {\n @darken-by: 0;\n @lighten-by: 0;\n }\n\n .set-tinting-values(@tinting-mode);\n\n @switched-color: ~'@{input-color}-tinted-@{tinting-mode}';\n\n @supports (color: rgb(from white r g b)) {\n @{switched-color}: ~'oklch(\n from var(@{input-color})\n calc(min(max(0, l - 0.6) 100, 1) * ((l - @{darken-by}) - (l + @{lighten-by})) + (l + @{lighten-by}))\n c\n h\n )';\n }\n }\n}\n",".responsive-max-width(@maxWidth; @rules) {\n @media all and (max-width: @maxWidth) {\n @rules();\n }\n}\n\n.responsive-max-height(@maxHeight; @rules) {\n @media all and (max-height: @maxHeight) {\n @rules();\n }\n}\n\n.legacy-edge(@rules) {\n @supports (-ms-accelerator: true) or (-ms-ime-align: auto) {\n @rules();\n }\n}\n\n.firefox(@rules) {\n @media all and (min--moz-device-pixel-ratio: 0) {\n @rules();\n }\n}\n","@import (reference) './imports/aui-theme/core/colors';\n@import (reference) './imports/aui-theme/core/borders';\n@import (reference) './imports/mixins/focus';\n\n// Only affect focusable elements inside a parent container with this class\n// https://bitbucket.org/atlassian/aui/pull-requests/2872\n.aui-browser-focus {\n // Get rid of the outline style on <button> and <input> elements in Firefox.\n // This doesn't have to be in our general mixin, since it only affects those two elements.\n // See http://wtfhtmlcss.com/#buttons-firefox-outline.\n button::-moz-focus-inner,\n input::-moz-focus-inner {\n border: 0;\n }\n\n // Affect browser's focussed-element outline colour\n :focus {\n // NOTE: these are all separate because Legacy Edge does not respect the CSS var in the multivalued `outline` prop.\n outline-width: 2px;\n outline-style: solid;\n outline-color: @aui-focus-ring-color;\n outline-offset: 1px;\n // only affects Firefox, but... hey, maybe one day other browsers will support it, too!\n -moz-outline-radius: @aui-border-radius-small;\n outline-radius: @aui-border-radius-small;\n }\n}\n\n// Remove default focus styles for mouse users ONLY if\n// :focus-visible is supported on this platform.\nhtml:not(.aui-no-focusvisible) .aui-browser-focus :focus:not(:focus-visible) {\n outline: unset;\n outline-offset: unset;\n}\n\n// Affect the potential CSS standard pseudo-selector\nhtml:not(.aui-no-focusvisible) .aui-browser-focus :focus-visible {\n #aui.with-focus-ring();\n}\n","@import (reference) './media-queries';\n\n#aui {\n .shadow {\n // For use on cards and other things that sit flush on top of other layers.\n .z100() {\n box-shadow:\n 0 1px 1px var(--aui-shadow1),\n 0 0 1px 0 var(--aui-shadow2);\n }\n\n // For inline dialogs\n .z200() {\n .z-base(0 4px 8px -2px var(--aui-shadow2));\n #aui-themes.when-design-tokens({\n box-shadow: var(--ds-shadow-overlay, 0 4px 8px -2px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31))\n });\n }\n\n // For modal dialogs\n .z300() {\n .z-base(0 8px 16px -4px var(--aui-shadow2));\n #aui-themes.when-design-tokens({\n box-shadow: var(--ds-shadow-overlay, 0 0 0 1px rgba(9, 30, 66, 0.08), 0 2px 1px rgba(9, 30, 66, 0.08), 0 0 20px -6px rgba(9, 30, 66, 0.31));\n });\n }\n\n // For flags and notifications\n .z500() {\n .z-base(0 20px 32px -8px var(--aui-shadow2));\n #aui-themes.when-design-tokens({\n box-shadow: var(--ds-shadow-overlay, 0px 8px 12px #091e423f, 0px 0px 1px #091e424f);\n });\n }\n\n // Internal use only\n .z-base(@shadow) {\n box-shadow:\n @shadow,\n 0 0 1px var(--aui-shadow2);\n // Improve legibility of the element's \"border\" in Legacy Edge.\n .legacy-edge({\n box-shadow: @shadow,\n 0 0 1px var(--aui-shadow1),\n 1px 0 1px var(--aui-shadow1),\n -1px 0 1px var(--aui-shadow1),\n 0 -1px 1px var(--aui-shadow1);\n });\n }\n }\n\n .with-box-shadow(@color; @width: 2px; @inset: false) {\n & when (@inset = true) {\n box-shadow+: inset 0 0 0 @width @color;\n }\n & when (@inset = false) {\n box-shadow+: 0 0 0 @width @color;\n }\n }\n}\n","@import (reference) '../aui-theme/core/colors';\n@import (reference) './shadows';\n\n@aui-focus-ring-color: var(--aui-focus);\n\n#aui {\n .with-focus-ring(@width: 2px; @inset: false; @set-border-color: false) {\n outline-style: none;\n\n #aui.with-box-shadow(@aui-focus-ring-color, @width, @inset);\n\n & when (@set-border-color = true) {\n border-color: @aui-focus-ring-color;\n }\n }\n\n // Add a focus style to the element\n .focus(@rules) {\n &:focus {\n @rules();\n }\n }\n\n // Adds a focus style to the element, but only when they are activated by keyboard, not mouse.\n // Will always render a focus style if `aui-no-focusvisible` is added to the html tag.\n .focus-visible(@rules) {\n .hide-outline() {\n outline-style: none;\n outline-offset: unset;\n }\n\n html.aui-no-focusvisible &:focus {\n @rules();\n }\n\n // Remove default focus styles for mouse users ONLY if\n // :focus-visible (or its polyfill) is supported on this platform.\n // The selectors are discrete because CSS ignores an entire ruleset if one selector is invalid.\n html:not(.aui-no-focusvisible).js-focus-visible &:focus:not(.focus-visible) {\n .hide-outline();\n }\n html:not(.aui-no-focusvisible) &:focus:not(:focus-visible) {\n .hide-outline();\n }\n\n // Affect the potential CSS standard pseudo-selector\n // Its mozilla-specific implementation, and\n // a CSS class added by the WICG polyfill.\n // The selectors are discrete because CSS ignores an entire ruleset if one selector is invalid.\n html:not(.aui-no-focusvisible).js-focus-visible &.focus-visible {\n @rules();\n }\n html:not(.aui-no-focusvisible) &:focus-visible {\n @rules();\n }\n }\n}\n"],"names":[],"sourceRoot":""}