html,
body {
height: 100%;
margin: 0;
}
body {
background: #f8fafc;
color: #172033;
font-family: Arial, Helvetica, sans-serif;
}
/* eslint-disable */
/* stylelint-disable */
/* It is auto generated. Not for manual editing. */
:root {
--white: #ffffff;
--white-0: #ffffff;
--black: #000000;
--gray-10: #000000;
--gray-0: #f7f7f8;
--gray-1: #f1f1f2;
--gray-2: #e2e2e4;
--gray-3: #d3d4d6;
--gray-4: #b9babd;
--gray-5: #909398;
--gray-6: #73767d;
--gray-7: #4f535b;
--gray-8: #2d313a;
--gray-9: #1e1f21;
--blue-0: #e9f7ff;
--blue-1: #d6f0ff;
--blue-2: #b2e5ff;
--blue-3: #84d4ff;
--blue-4: #53c5ff;
--blue-5: #00a4ff;
--blue-6: #0175e0;
--blue-7: #005eca;
--blue-8: #0042a3;
--blue-9: #003084;
--red-0: #ffe9e9;
--red-1: #ffd5d5;
--red-2: #ffb7b4;
--red-3: #ff8f8c;
--red-4: #ff6362;
--red-5: #fa373b;
--red-6: #f02732;
--red-7: #dd1d2a;
--red-8: #ca1023;
--red-9: #b00016;
--orange-0: #fff7dd;
--orange-1: #ffeec3;
--orange-2: #ffe19d;
--orange-3: #ffcc6c;
--orange-4: #ffb54f;
--orange-5: #ff960c;
--orange-6: #fc8000;
--orange-7: #f36f00;
--orange-8: #e65e00;
--orange-9: #cf4501;
--yellow-0: #fff9d1;
--yellow-1: #fff3a6;
--yellow-2: #ffe775;
--yellow-3: #ffda52;
--yellow-4: #ffd22e;
--yellow-5: #ffc400;
--yellow-6: #ffbb00;
--yellow-7: #f2a200;
--yellow-8: #e38900;
--yellow-9: #cf7500;
--green-0: #edfbce;
--green-1: #dbf6af;
--green-2: #ccf08c;
--green-3: #b9e566;
--green-4: #a2db3a;
--green-5: #83c708;
--green-6: #74b800;
--green-7: #4d9f00;
--green-8: #2d8000;
--green-9: #226909;
--teal-0: #d3fff9;
--teal-1: #abfff8;
--teal-2: #73faf3;
--teal-3: #26f0ec;
--teal-4: #00dfdc;
--teal-5: #00c5c5;
--teal-6: #00b2b2;
--teal-7: #009393;
--teal-8: #007675;
--teal-9: #00625f;
--violet-0: #e9e9ff;
--violet-1: #dcdcff;
--violet-2: #c8c8fc;
--violet-3: #b3b3f2;
--violet-4: #a0a0ea;
--violet-5: #8f8fe2;
--violet-6: #807dd8;
--violet-7: #6f5fc4;
--violet-8: #4f3f9e;
--violet-8_5: #6850E9;
--violet-9: #3b2b87;
--primary-bg: var(--white-0);
--primary-neutral: var(--gray-6);
--primary-main: var(--blue-6);
--primary-alternate: var(--violet-6);
--primary-success: var(--green-6);
--primary-warning: var(--orange-6);
--primary-error: var(--red-7);
--primary-away: var(--yellow-6);
--text-default: var(--gray-9);
--text-muted: var(--gray-6);
--text-muted-intense: var(--gray-7);
--text-disabled: var(--gray-5);
--text-inverted: var(--white-0);
--text-inverted-disabled: #ffffff7a;
--text-link: var(--blue-6);
--icon-default: var(--gray-5);
--icon-intense: var(--gray-9);
--icon-interactive: var(--gray-6);
--icon-hovered: var(--gray-7);
--icon-pressed: var(--gray-9);
--icon-disabled: var(--gray-4);
--icon-inverted: var(--white-0);
--icon-main: var(--blue-6);
--icon-main-calm: var(--blue-5);
--icon-warning: var(--orange-6);
--icon-error: var(--red-7);
--icon-error-calm: var(--red-4);
--icon-linear-gradient-ai: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient id='icon-linear-gradient-ai' x1='12.26%25' y1='82.80%25' x2='87.74%25' y2='17.20%25'%3e%3cstop offset='13.26%25' style='stop-color:%2300c5c5;stop-opacity:1' /%3e%3cstop offset='40%25' style='stop-color:%2300a4ff;stop-opacity:1' /%3e%3cstop offset='88.46%25' style='stop-color:%236850E9;stop-opacity:1' /%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e#icon-linear-gradient-ai");
--icon-btn-linear-gradient-ai: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient id='icon-btn-linear-gradient-ai' x1='12.26%25' y1='82.80%25' x2='87.74%25' y2='17.20%25'%3e%3cstop offset='13.26%25' style='stop-color:%2300c5c5;stop-opacity:1' /%3e%3cstop offset='40%25' style='stop-color:%2300a4ff;stop-opacity:1' /%3e%3cstop offset='88.46%25' style='stop-color:%236850E9;stop-opacity:1' /%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e#icon-btn-linear-gradient-ai");
--icon-btn-linear-gradient-ai-hovered: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient id='icon-btn-linear-gradient-ai-hovered' x1='12.26%25' y1='82.80%25' x2='87.74%25' y2='17.20%25'%3e%3cstop offset='13.26%25' style='stop-color:%2300b2b2;stop-opacity:1' /%3e%3cstop offset='40%25' style='stop-color:%230175e0;stop-opacity:1' /%3e%3cstop offset='88.46%25' style='stop-color:%236850E9;stop-opacity:1' /%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e#icon-btn-linear-gradient-ai-hovered");
--icon-btn-linear-gradient-ai-pressed: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient id='icon-btn-linear-gradient-ai-pressed' x1='12.26%25' y1='82.80%25' x2='87.74%25' y2='17.20%25'%3e%3cstop offset='13.26%25' style='stop-color:%23009393;stop-opacity:1' /%3e%3cstop offset='40%25' style='stop-color:%23005eca;stop-opacity:1' /%3e%3cstop offset='88.46%25' style='stop-color:%236850E9;stop-opacity:1' /%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e#icon-btn-linear-gradient-ai-pressed");
--bg-default-page: var(--gray-1);
--bg-default-component: var(--gray-0);
--bg-disabled: var(--gray-2);
--bg-hovered: var(--blue-0);
--bg-selected: var(--blue-1);
--bg-inverted: var(--gray-8);
--bg-ai: linear-gradient(180deg, var(--teal-5) -8.53%, var(--blue-5) 48.14%, var(--violet-8_5) 106.12%);
--border-main: var(--blue-3);
--border-neutral: var(--gray-3);
--border-alternate: var(--violet-6);
--border-error: var(--red-2);
--border-critical: var(--red-7);
--border-success: var(--green-3);
--border-warning: var(--orange-3);
--border-selected: var(--gray-9);
--border-selected-primary: var(--blue-6);
--border-intense: #1e1f21a3;
--border-intense-disabled: #1e1f2151;
--border-inverted: #ffffffcc;
--border-inverted-disabled: #ffffff8e;
--border-ai: linear-gradient(34deg, var(--teal-5) -27.71%, var(--blue-5) 23.37%, var(--violet-8_5) 100%);
--input-label: var(--gray-8);
--input-bg-default: var(--white-0);
--input-border-default: var(--gray-4);
--input-icon-default: var(--gray-9);
--input-text-default: var(--gray-9);
--input-border-focused: var(--blue-5);
--input-border-dangerous: var(--red-7);
--input-border-warning: var(--orange-6);
--input-bg-disabled: var(--gray-0);
--input-border-disabled: var(--gray-3);
--input-icon-disabled: var(--gray-4);
--input-text-disabled: var(--gray-5);
--input-border-inverted: #ffffffcc;
--input-bg-inverted: var(--white-0);
--input-icon-inverted: var(--white-0);
--btn-ai-action-bg-default: var(--gray-2);
--btn-ai-action-bg-default-hovered: var(--gray-3);
--btn-ai-action-bg-default-pressed: var(--gray-4);
--btn-ai-action-bg-default-disabled: var(--gray-2);
--btn-ai-action-icon-default: var(--gray-6);
--btn-ai-action-icon-default-hovered: var(--gray-7);
--btn-ai-action-icon-default-pressed: var(--gray-9);
--btn-ai-action-icon-default-disabled: var(--gray-4);
--btn-bg-default: var(--blue-6);
--btn-bg-hovered-default: var(--blue-7);
--btn-bg-pressed-default: var(--blue-8);
--btn-text-default: var(--blue-6);
--btn-text-pressed-default: var(--blue-7);
--btn-icon-default: var(--blue-6);
--btn-icon-pressed-default: var(--blue-7);
--btn-bg-hovered-transparent: #00a4ff1e;
--btn-bg-pressed-transparent: #00a4ff33;
--btn-border-disabled: var(--gray-3);
--btn-icon-disabled: var(--gray-4);
--btn-bg-dangerous: var(--red-7);
--btn-bg-hovered-dangerous: var(--red-8);
--btn-bg-pressed-dangerous: var(--red-9);
--btn-text-dangerous: var(--red-7);
--btn-text-pressed-dangerous: var(--red-8);
--btn-icon-dangerous: var(--red-7);
--btn-icon-pressed-dangerous: var(--red-8);
--btn-bg-hovered-dangerous-transparent: #dd1d2a1e;
--btn-bg-pressed-dangerous-transparent: #dd1d2a33;
--btn-bg-neutral: var(--gray-6);
--btn-bg-hovered-neutral: var(--gray-7);
--btn-bg-pressed-neutral: var(--gray-8);
--btn-text-neutral: var(--gray-7);
--btn-text-pressed-neutral: var(--gray-9);
--btn-icon-neutral: var(--gray-6);
--btn-icon-pressed-neutral: var(--gray-9);
--btn-bg-hovered-neutral-transparent: #73767d1e;
--btn-bg-pressed-neutral-transparent: #73767d33;
--btn-bg-neutral-intense: var(--gray-1);
--btn-bg-hovered-neutral-intense: var(--gray-2);
--btn-bg-pressed-neutral-intense: var(--gray-3);
--btn-icon-neutral-intense: var(--gray-8);
--btn-icon-pressed-neutral-intense: var(--gray-9);
--btn-bg-inverted: var(--white-0);
--btn-bg-hovered-inverted: var(--gray-2);
--btn-bg-pressed-inverted: var(--gray-3);
--btn-icon-inverted: var(--white-0);
--btn-bg-hovered-inverted-transparent: #ffffff14;
--btn-bg-pressed-inverted-transparent: #ffffff28;
--btn-icon-intense-disabled: var(--gray-5);
--btn-icon-default-callbar-primary: var(--white-0);
--btn-icon-disabled-callbar-primary: var(--gray-4);
--btn-bg-callbar-primary-default: var(--blue-6);
--btn-bg-hovered-callbar-primary-default: var(--blue-7);
--btn-bg-pressed-callbar-primary-default: var(--blue-8);
--btn-bg-callbar-primary-dangerous: var(--red-6);
--btn-bg-hovered-callbar-primary-dangerous: var(--red-7);
--btn-bg-pressed-callbar-primary-dangerous: var(--red-8);
--btn-bg-callbar-primary-success: var(--green-6);
--btn-bg-hovered-callbar-primary-success: var(--green-7);
--btn-bg-pressed-callbar-primary-success: var(--green-8);
--btn-bg-disabled-callbar-primary: var(--gray-2);
--btn-icon-callbar-secondary-default-accented: var(--white-0);
--btn-icon-disabled-callbar-secondary: var(--gray-5);
--btn-bg-callbar-secondary-default-accented: var(--blue-7);
--btn-bg-hovered-callbar-secondary-default-accented: var(--blue-8);
--btn-bg-pressed-callbar-secondary-default-accented: var(--blue-9);
--btn-icon-callbar-secondary-default: var(--blue-6);
--btn-icon-pressed-callbar-secondary-default: var(--blue-7);
--btn-bg-hovered-callbar-secondary: #ffffffa3;
--btn-bg-pressed-callbar-secondary: var(--white-0);
--btn-bg-callbar-secondary-neutral-accented: var(--gray-7);
--btn-bg-hovered-callbar-secondary-neutral-accented: var(--gray-8);
--btn-bg-pressed-callbar-secondary-neutral-accented: var(--gray-9);
--btn-icon-callbar-secondary-neutral: var(--gray-8);
--btn-icon-pressed-callbar-secondary-neutral: var(--gray-9);
--tab-text-default: var(--gray-7);
--tab-text-hovered: var(--gray-8);
--tab-text-selected: var(--gray-9);
--tab-text-disabled: var(--gray-5);
--tab-icon-default: var(--gray-5);
--tab-icon-interactive: var(--gray-6);
--tab-icon-hovered: var(--gray-7);
--tab-icon-selected: var(--gray-9);
--tab-icon-disabled: var(--gray-4);
--tab-border-selected: var(--gray-9);
--counter-bg-default: var(--white-0);
--counter-bg-selected: var(--blue-6);
--counter-bg-disabled: var(--gray-5);
--counter-border-default: var(--gray-3);
--counter-border-intense-default: var(--gray-9);
--counter-border-intense-selected: var(--gray-10);
--counter-border-inverted: var(--white-0);
--counter-text-default: var(--gray-6);
--counter-text-inverted: var(--white-0);
--primary-navigation-icon-primary-nav-default: var(--gray-6);
--primary-navigation-icon-primary-nav-hovered: var(--gray-5);
--primary-navigation-icon-primary-nav-selected: var(--white-0);
--primary-navigation-bg-default: var(--gray-8);
--primary-navigation-bg-selected: var(--gray-10);
--badge-tag-bg-info: var(--gray-2);
--badge-tag-border-info: var(--gray-4);
--badge-tag-bg-hovered-info: var(--gray-3);
--badge-tag-border-hovered-info: var(--gray-5);
--badge-tag-bg-pressed-info: var(--gray-4);
--badge-tag-border-selected-info: var(--gray-6);
--badge-tag-bg-info-narrow: var(--gray-6);
--badge-tag-bg-info-intense: var(--gray-3);
--badge-tag-bg-info-calm: var(--white-0);
--badge-tag-bg-hovered-info-calm-neutral: var(--gray-1);
--badge-tag-border-hovered-info-calm-neutral: var(--gray-4);
--badge-tag-bg-pressed-info-calm-neutral: var(--gray-2);
--badge-tag-border-selected-info-calm: var(--gray-5);
--badge-tag-bg-progress: var(--blue-1);
--badge-tag-border-progress: var(--blue-3);
--badge-tag-bg-hovered-progress: var(--blue-2);
--badge-tag-border-hovered-progress: var(--blue-4);
--badge-tag-bg-pressed-progress: var(--blue-3);
--badge-tag-border-selected-progress: var(--blue-6);
--badge-tag-bg-success-narrow: var(--green-6);
--badge-tag-bg-success: var(--green-1);
--badge-tag-border-success: var(--green-3);
--badge-tag-bg-hovered-success: var(--green-2);
--badge-tag-border-hovered-success: var(--green-4);
--badge-tag-bg-pressed-success: var(--green-3);
--badge-tag-border-selected-success: var(--green-6);
--badge-tag-bg-icon-warning: var(--orange-6);
--badge-tag-bg-warning: var(--orange-1);
--badge-tag-border-warning: var(--orange-3);
--badge-tag-bg-icon-error: var(--red-7);
--badge-tag-bg-error: var(--red-1);
--badge-tag-border-error: var(--red-3);
--badge-tag-bg-hovered-error: var(--red-2);
--badge-tag-border-hovered-error: var(--red-4);
--badge-tag-bg-pressed-error: var(--red-3);
--badge-tag-border-selected-error: var(--red-6);
--badge-tag-bg-critical-error: var(--red-7);
--badge-tag-border-critical-error: var(--red-7);
--badge-tag-bg-disabled: var(--gray-0);
--badge-tag-border-disabled: var(--gray-3);
--badge-tag-bg-intense: var(--gray-1);
--badge-tag-border-intense: var(--gray-3);
--badge-tag-bg-marked-narrow: var(--violet-7);
--badge-tag-border-neutral: var(--gray-3);
--badge-tag-text-default: var(--gray-9);
--badge-tag-text-info-narrow: var(--gray-7);
--badge-tag-text-inverted: var(--white-0);
--badge-tag-text-muted: var(--gray-6);
--badge-tag-text-disabled: var(--gray-5);
--badge-tag-text-info-calm-neutral: var(--gray-7);
--badge-tag-text-info-calm-alternate: var(--violet-7);
--badge-tag-bg-hovered-info-calm-alternate: var(--violet-1);
--badge-tag-bg-pressed-info-calm-alternate: var(--violet-2);
--badge-tag-border-info-calm-alternate: var(--violet-4);
--badge-tag-border-hovered-info-calm-alternate: var(--violet-5);
--badge-tag-border-selected-info-calm-alternate: var(--violet-6);
--progress-indicator-bg-default: var(--blue-1);
--progress-indicator-border-default: var(--blue-3);
--progress-indicator-icon-default: var(--blue-6);
--progress-indicator-bg-error: var(--red-1);
--progress-indicator-border-error: var(--red-2);
--progress-indicator-icon-error: var(--red-3);
--progress-indicator-text-default: var(--gray-9);
--password-meter-bg-default: var(--gray-2);
--password-meter-bg-dangerous: linear-gradient(90deg, var(--red-7) 0%, var(--red-4) 100%);
--password-meter-bg-warning: linear-gradient(90deg, var(--orange-7) 0%, var(--orange-4) 100%);
--password-meter-bg-success: linear-gradient(90deg, var(--green-7) 0%, var(--green-5) 100%);
--password-meter-text-default: var(--gray-8);
--password-meter-text-muted: var(--gray-6);
--password-meter-text-dangerous: var(--red-7);
--password-meter-text-warning: var(--orange-7);
--password-meter-text-success: var(--green-8);
--password-meter-icon-default: var(--gray-5);
--password-meter-icon-success: var(--green-7);
--inline-notifications-bg-hint: var(--blue-0);
--inline-notifications-bg-neutral: var(--gray-0);
--inline-notifications-bg-warning: var(--orange-0);
--inline-notifications-bg-failure: var(--red-0);
--inline-notifications-bg-success: var(--green-0);
--inline-notifications-border-hint: var(--blue-3);
--inline-notifications-border-neutral: var(--gray-3);
--inline-notifications-border-warning: var(--orange-3);
--inline-notifications-border-failure: var(--red-2);
--inline-notifications-border-success: var(--green-3);
--inline-notifications-icon-hint: var(--blue-6);
--inline-notifications-icon-neutral: var(--gray-5);
--inline-notifications-icon-warning: var(--orange-6);
--inline-notifications-icon-failure: var(--red-7);
--inline-notifications-icon-success: var(--green-6);
--inline-notifications-text-default: var(--gray-9);
--segmented-control-bg-default: var(--gray-0);
--segmented-control-bg-hovered: #73767d1e;
--segmented-control-bg-selected: var(--white-0);
--segmented-control-bg-selected-hovered: var(--blue-0);
--segmented-control-border-neutral: var(--gray-3);
--segmented-control-text-default: var(--gray-7);
--segmented-control-text-selected: var(--blue-6);
--segmented-control-text-disabled: var(--gray-5);
--toggle-bg-default: var(--gray-2);
--toggle-bg-knob-default: var(--white-0);
--toggle-border-default: var(--gray-4);
--toggle-bg-hovered: var(--gray-3);
--toggle-border-hovered: var(--gray-5);
--toggle-bg-disabled: var(--gray-1);
--toggle-border-disabled: var(--gray-3);
--toggle-bg-selected: var(--blue-6);
--toggle-bg-selected-hovered: var(--blue-7);
--toggle-bg-selected-disabled: var(--gray-3);
--toggle-bg-selected-knob-disabled: var(--gray-1);
--toast-bg-default: var(--gray-8);
--toast-bg-dangerous: var(--red-7);
--toast-bg-warning: var(--orange-3);
--toast-bg-accented: var(--blue-6);
--toast-text-default: var(--white-0);
--toast-text-intense: var(--gray-9);
--toast-icon-default: var(--white-0);
--toast-icon-intense: var(--gray-9);
--message-bg-sent: var(--gray-2);
--message-bg-received: var(--white-0);
--message-bg-calm: var(--gray-1);
--message-bg-search-active: var(--orange-4);
--message-bg-search-inactive: var(--orange-3);
--message-bg-mention: var(--blue-5);
--message-bg-error: var(--red-2);
--message-text: var(--gray-9);
--message-text-muted: var(--gray-7);
--message-text-muted-intense: var(--gray-9);
--message-link: var(--blue-7);
--message-icon: var(--gray-7);
--message-icon-calm: var(--gray-5);
--message-icon-intense: var(--gray-9);
--message-icon-accented: var(--blue-6);
--message-icon-accented-intense: var(--blue-7);
--message-border-search-active: var(--orange-5);
--message-border-search-inactive: var(--orange-3);
--navigation-bg-default: var(--white-0);
--navigation-bg-intense: var(--gray-0);
--checkbox-bg-selected-hovered: var(--blue-7);
--checkbox-focus-default: var(--gray-7);
--checkbox-border-hovered: var(--blue-5);
--checkbox-bg-selected: var(--blue-6);
--checkbox-bg-selected-disbaled: var(--gray-3);
--spinner-primary: var(--blue-6);
--spinner-white: var(--white-0);
--spinner-dangerous: var(--red-8);
--spinner-warning: var(--orange-7);
--spinner-accented: var(--gray-9);
--spinner-neutral: var(--gray-6);
--date-picker-bg-selected: var(--blue-6);
--date-picker-border-selected: var(--gray-9);
--focus-indicator-primary: #4f535b33;
--focus-indicator-primary-default: var(--gray-7);
}
:root {
--grey-font-color: var(--gray-6);
--grey-background-color: var(--gray-0);
--grey-icon-color: var(--gray-6);
--blue-icon-color: var(--blue-6);
--header-background: var(--white);
--app-background-color: var(--gray-1);
--widget-border-color: var(--gray-3);
--widget-shadow-color: rgba(0,0,0,0.16);
--widget-shadow-soft-color: rgba(0,0,0,0.04);
--widget-icon-badge-bg: var(--white);
--widget-background-color: var(--white);
--confirmed-border-color: var(--green-6);
--confirmed-bg-color: var(--green-1);
--confirmed-bg-border-color: var(--green-3);
--unconfirmed-bg-color: var(--gray-5);
--opportunity-status-border-color: var(--gray-4);
--opportunity-status-open-bg-color: var(--green-1);
--opportunity-status-open-border-color: var(--green-3);
--opportunity-status-won-bg-color: var(--blue-1);
--opportunity-status-won-border-color: var(--blue-3);
--opportunity-status-lost-bg-color: var(--white);
--opportunity-status-lost-border-color: var(--gray-4);
--opportunity-status-lost-text-color: #4F535B;
--ticket-priority-danger-color: var(--red-7);
--ticket-priority-warning-color: var(--orange-6);
--ticket-priority-success-color: var(--green-7);
--link-color: var(--gray-7);
--blue-link-color: var(--blue-6);
}
body {
font-family: "Noto Sans", sans-serif;
font-size: 13px;
}
@charset "UTF-8";
/* stylelint-disable scss/dollar-variable-pattern */
.uni-button {
border: 1px solid;
cursor: pointer;
display: inline-block;
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 20px;
outline: none;
padding: 9px 24px;
margin: 0;
border-radius: 4px;
text-align: center;
text-decoration: none;
transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out, fill 0.3s ease-in-out;
color: var(--btn-text-color);
fill: var(--btn-icon-color);
border-color: var(--btn-border-color);
background: var(--btn-background-color);
position: relative;
}
.uni-button:focus-visible {
position: relative;
box-shadow: 0 0 0 2px var(--white-0), 0 0 0 4px var(--focus-indicator-primary-default), 0 0 0 6px var(--focus-indicator-primary);
}
.uni-button:focus {
text-decoration: none;
color: var(--btn-text-color);
fill: var(--btn-icon-color);
border-color: var(--btn-border-color);
background: var(--btn-background-color);
}
.uni-button_active.uni-button {
color: var(--btn-active-text-color);
fill: var(--btn-active-icon-color);
border-color: var(--btn-active-border-color);
background: var(--btn-active-background-color);
}
.uni-button_inverted.uni-button:focus-visible {
box-shadow: 0 0 0 2px var(--white-0), 0 0 0 4px var(--focus-indicator-primary-default);
}
.uni-button:hover {
text-decoration: none;
color: var(--btn-hover-text-color);
fill: var(--btn-hover-icon-color);
border-color: var(--btn-hover-border-color);
background: var(--btn-hover-background-color);
}
.uni-button:active, .uni-active-enter.uni-button {
color: var(--btn-active-text-color);
fill: var(--btn-active-icon-color);
border-color: var(--btn-active-border-color);
background: var(--btn-active-background-color);
}
[disabled].uni-button, .uni-button:disabled, .uni-button_disabled.uni-button {
cursor: default;
color: var(--btn-disabled-text-color);
fill: var(--btn-disabled-icon-color);
border-color: var(--btn-disabled-border-color);
background: var(--btn-disabled-background-color);
}
.uni-button_loading.uni-button {
cursor: default;
color: transparent;
fill: transparent;
border-color: var(--btn-active-border-color);
background: var(--btn-active-background-color);
}
.uni-button .uni-button__loader {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.uni-button_icon.uni-button_inverted.uni-button {
--spinner-color: var(--spinner-accented);
}
.uni-button_icon.uni-button_inverted.uni-button_secondary.uni-button, .uni-button_icon.uni-button_inverted.uni-button_tertiary.uni-button {
--spinner-color: var(--spinner-white);
}
.uni-button_narrow {
padding: 5px 20px;
}
.uni-button_icon {
padding: 7px;
}
.uni-button_icon.uni-button_tiny:not(.uni-button_secondary, .uni-button_tertiary, .uni-button_inverted), .uni-button_icon.uni-button_tiny.uni-button_neutral:not(.uni-button_secondary), .uni-button_icon.uni-button_tiny.uni-button_dangerous:not(.uni-button_secondary, .uni-button_tertiary) {
padding: 3px;
}
.uni-button.uni-button_call {
padding: 11px;
}
.uni-button.uni-button_call.uni-button-call_narrow {
padding: 5px;
}
.uni-button.uni-button_call.uni-button-call_secondary {
padding: 5px;
}
.uni-button.uni-button_call.uni-button-call_widget {
padding: 11px;
}
.uni-button.uni-button_call.uni-button-call_widget-narrow {
padding: 7px;
}
.uni-button-label {
color: var(--text-muted);
}
.uni-button-label_disabled.uni-button-label {
color: var(--text-disabled);
}
.uni-button_tertiary.uni-button_ai-action.uni-button_neutral {
border-radius: 24px;
padding: 4px 8px;
background-color: var(--btn-ai-action-bg-default);
fill: var(--btn-ai-action-icon-default);
font-family: "Noto Sans", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 16px;
}
.uni-button_tertiary.uni-button_ai-action.uni-button_neutral:hover:not(:disabled) {
background-color: var(--btn-ai-action-bg-default-hovered);
fill: var(--btn-ai-action-icon-default-hovered);
}
.uni-button_tertiary.uni-button_ai-action.uni-button_neutral:active:not(:disabled) {
background-color: var(--btn-ai-action-bg-default-pressed);
fill: var(--btn-ai-action-icon-default-pressed);
}
.uni-button_tertiary.uni-button_ai-action.uni-button_neutral:disabled {
background-color: var(--btn-ai-action-bg-default);
fill: var(--btn-ai-action-icon-default-disabled);
}
.uni-button_tertiary.uni-button_icon.uni-button_ai:not(.uni-button_disabled, .uni-button_loading, [disabled], :disabled), .uni-button_secondary.uni-button_ai:not(.uni-button_disabled, .uni-button_loading, [disabled], :disabled) {
fill: var(--icon-btn-linear-gradient-ai) var(--blue-5);
}
.uni-button_tertiary.uni-button_icon.uni-button_ai:hover:not(.uni-button_disabled, .uni-button_loading, [disabled], :disabled), .uni-button_secondary.uni-button_ai:hover:not(.uni-button_disabled, .uni-button_loading, [disabled], :disabled) {
fill: var(--icon-btn-linear-gradient-ai-hovered) var(--blue-6);
}
.uni-button_tertiary.uni-button_icon.uni-button_ai:active:not(.uni-button_disabled, .uni-button_loading, [disabled], :disabled), .uni-button_secondary.uni-button_ai:active:not(.uni-button_disabled, .uni-button_loading, [disabled], :disabled) {
fill: var(--icon-btn-linear-gradient-ai-pressed) var(--blue-7);
}
.uni-button_secondary.uni-button_ai:not(.uni-button_disabled, .uni-button_loading, [disabled], :disabled) {
position: relative;
border-color: transparent;
}
.uni-button_secondary.uni-button_ai:not(.uni-button_disabled, .uni-button_loading, [disabled], :disabled)::before {
content: "";
position: absolute;
inset: -1px;
z-index: 0;
border-radius: 4px;
padding: 1px;
background: var(--border-ai);
-webkit-mask: linear-gradient(var(--white) 0 0) content-box, linear-gradient(var(--white) 0 0);
mask: linear-gradient(var(--white) 0 0) content-box, linear-gradient(var(--white) 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
}
.uni-button {
--btn-text-color: var(--text-inverted);
--btn-icon-color: var(--btn-text-color);
--btn-background-color: var(--btn-bg-default);
--btn-border-color: var(--btn-background-color);
--btn-hover-text-color: var(--btn-text-color);
--btn-hover-icon-color: var(--btn-hover-text-color);
--btn-hover-background-color: var(--btn-bg-hovered-default);
--btn-hover-border-color: var(--btn-hover-background-color);
--btn-active-text-color: var(--btn-text-color);
--btn-active-icon-color: var(--btn-active-text-color);
--btn-active-background-color: var(--btn-bg-pressed-default);
--btn-active-border-color: var(--btn-active-background-color);
--btn-disabled-text-color: var(--text-disabled);
--btn-disabled-icon-color: var(--icon-disabled);
--btn-disabled-background-color: var(--bg-disabled);
--btn-disabled-border-color: var(--btn-disabled-background-color);
--spinner-color: var(--spinner-white);
}
.uni-button_dangerous.uni-button {
--btn-background-color: var(--btn-bg-dangerous);
--btn-hover-background-color: var(--btn-bg-hovered-dangerous);
--btn-active-background-color: var(--btn-bg-pressed-dangerous);
}
.uni-button_neutral.uni-button {
--btn-background-color: var(--btn-bg-neutral);
--btn-hover-background-color: var(--btn-bg-hovered-neutral);
--btn-active-background-color: var(--btn-bg-pressed-neutral);
}
.uni-button_inverted.uni-button {
--btn-icon-color: var(--btn-icon-neutral);
--btn-background-color: var(--btn-bg-inverted);
--btn-hover-icon-color: var(--btn-icon-color);
--btn-hover-background-color: var(--btn-bg-hovered-inverted);
--btn-active-icon-color: var(--btn-icon-pressed-neutral);
--btn-active-background-color: var(--btn-bg-pressed-inverted);
--btn-disabled-icon-color: var(--white);
--btn-disabled-background-color: var(--bg-disabled);
}
.uni-button_secondary.uni-button {
--btn-text-color: var(--btn-text-default);
--btn-border-color: var(--border-main);
--btn-background-color: transparent;
--btn-hover-text-color: var(--btn-text-color);
--btn-hover-border-color: var(--btn-border-color);
--btn-hover-background-color: var(--btn-bg-hovered-transparent);
--btn-active-text-color: var(--btn-text-pressed-default);
--btn-active-border-color: var(--btn-border-color);
--btn-active-background-color: var(--btn-bg-pressed-transparent);
--btn-disabled-icon-color: var(--icon-disabled);
--btn-disabled-text-color: var(--text-disabled);
--btn-disabled-border-color: var(--border-neutral);
--btn-disabled-background-color: transparent;
--spinner-color: var(--spinner-primary);
}
.uni-button_secondary.uni-button_neutral.uni-button {
--btn-text-color: var(--btn-text-neutral);
--btn-icon-color: var(--btn-icon-neutral);
--btn-border-color: var(--border-neutral);
--btn-hover-icon-color: var(--btn-icon-neutral);
--btn-hover-background-color: var(--btn-bg-hovered-neutral-transparent);
--btn-active-icon-color: var(--btn-icon-pressed-neutral);
--btn-active-text-color: var(--btn-text-pressed-neutral);
--btn-active-background-color: var(--btn-bg-pressed-neutral-transparent);
--spinner-color: var(--spinner-accented);
}
.uni-button_secondary.uni-button_dangerous.uni-button {
--btn-text-color: var(--btn-text-dangerous);
--btn-border-color: var(--border-error);
--btn-hover-background-color: var(--btn-bg-hovered-dangerous-transparent);
--btn-active-text-color: var(--btn-text-pressed-dangerous);
--btn-active-background-color: var(--btn-bg-pressed-dangerous-transparent);
--spinner-color: var(--spinner-dangerous);
}
.uni-button_secondary.uni-button_inverted.uni-button {
--btn-text-color: var(--text-inverted);
--btn-icon-color: var(--btn-icon-inverted);
--btn-border-color: var(--white);
--btn-hover-background-color: var(--btn-bg-hovered-inverted-transparent);
--btn-active-text-color: var(--btn-text-color);
--btn-active-icon-color: var(--btn-icon-inverted);
--btn-active-background-color: var(--btn-bg-pressed-inverted-transparent);
--spinner-color: var(--spinner-white);
}
.uni-button_secondary.uni-button_intense.uni-button {
--btn-icon-color: var(--btn-icon-neutral);
--btn-text-color: var(--btn-text-neutral);
--btn-border-color: var(--border-intense);
--btn-hover-icon-color: var(--btn-icon-color);
--btn-hover-background-color: var(--btn-bg-hovered-neutral-transparent);
--btn-active-icon-color: var(--btn-icon-pressed-neutral);
--btn-active-text-color: var(--btn-text-pressed-neutral);
--btn-active-background-color: var(--btn-bg-pressed-neutral-transparent);
--btn-disabled-icon-color: var(--btn-icon-intense-disabled);
--btn-disabled-text-color: var(--text-muted);
--btn-disabled-border-color: var(--border-intense-disabled);
--spinner-color: var(--spinner-accented);
}
.uni-button_tertiary.uni-button {
--btn-text-color: var(--btn-text-default);
--btn-background-color: transparent;
--btn-hover-text-color: var(--btn-text-color);
--btn-hover-background-color: var(--btn-bg-hovered-transparent);
--btn-active-text-color: var(--btn-text-pressed-default);
--btn-active-background-color: var(--btn-bg-pressed-transparent);
--btn-disabled-icon-color: var(--icon-disabled);
--btn-disabled-text-color: var(--text-disabled);
--btn-disabled-background-color: transparent;
--spinner-color: var(--spinner-primary);
}
.uni-button_tertiary.uni-button_neutral.uni-button {
--btn-text-color: var(--btn-text-neutral);
--btn-icon-color: var(--btn-icon-neutral);
--btn-hover-icon-color: var(--btn-icon-neutral);
--btn-hover-background-color: var(--btn-bg-hovered-neutral-transparent);
--btn-active-icon-color: var(--btn-icon-pressed-neutral);
--btn-active-text-color: var(--btn-text-pressed-neutral);
--btn-active-background-color: var(--btn-bg-pressed-neutral-transparent);
--spinner-color: var(--spinner-accented);
}
.uni-button_tertiary.uni-button_neutral.uni-button_round.uni-button {
--btn-icon-color: var(--btn-icon-neutral-intense);
--btn-background-color: var(--btn-bg-neutral-intense);
--btn-hover-icon-color: var(--btn-icon-neutral-intense);
--btn-hover-background-color: var(--btn-bg-hovered-neutral-intense);
--btn-active-icon-color: var(--btn-icon-pressed-neutral-intense);
--btn-active-background-color: var(--btn-bg-pressed-neutral-intense);
--btn-disabled-background-color: var(--bg-disabled);
}
.uni-button_tertiary.uni-button_dangerous.uni-button {
--btn-text-color: var(--btn-text-dangerous);
--btn-hover-background-color: var(--btn-bg-hovered-dangerous-transparent);
--btn-active-text-color: var(--btn-text-pressed-dangerous);
--btn-active-background-color: var(--btn-bg-pressed-dangerous-transparent);
--spinner-color: var(--spinner-dangerous);
}
.uni-button_tertiary.uni-button_inverted.uni-button {
--btn-text-color: var(--text-inverted);
--btn-icon-color: var(--btn-icon-inverted);
--btn-hover-background-color: var(--btn-bg-hovered-inverted-transparent);
--btn-active-text-color: var(--btn-text-color);
--btn-active-icon-color: var(--btn-icon-inverted);
--btn-active-background-color: var(--btn-bg-pressed-inverted-transparent);
--spinner-color: var(--spinner-white);
}
.uni-button_tertiary.uni-button_intense.uni-button {
--btn-icon-color: var(--btn-icon-neutral-intense);
--btn-text-color: var(--btn-text-neutral);
--btn-hover-icon-color: var(--btn-icon-color);
--btn-hover-background-color: var(--btn-bg-hovered-neutral-transparent);
--btn-active-icon-color: var(--btn-icon-pressed-neutral-intense);
--btn-active-text-color: var(--btn-text-pressed-neutral);
--btn-active-background-color: var(--btn-bg-pressed-neutral-transparent);
--btn-disabled-icon-color: var(--btn-icon-intense-disabled);
--btn-disabled-text-color: var(--text-muted);
--spinner-color: var(--spinner-accented);
}
.uni-button.uni-button_call {
--btn-icon-color: var(--btn-icon-default-callbar-primary);
--btn-background-color: var(--btn-bg-callbar-primary-default);
--btn-border-color: transparent;
--btn-hover-icon-color: var(--btn-icon-default-callbar-primary);
--btn-hover-background-color: var(--btn-bg-hovered-callbar-primary-default);
--btn-hover-border-color: transparent;
--btn-active-icon-color: var(--btn-icon-default-callbar-primary);
--btn-active-background-color: var(--btn-bg-pressed-callbar-primary-default);
--btn-active-border-color: transparent;
--btn-disabled-icon-color: var(--btn-icon-disabled-callbar-primary);
--btn-disabled-background-color: var(--btn-bg-disabled-callbar-primary);
--btn-disabled-border-color: transparent;
}
.uni-button-call_answer.uni-button.uni-button_call {
--btn-background-color: var(--btn-bg-callbar-primary-success);
--btn-hover-background-color: var(--btn-bg-hovered-callbar-primary-success);
--btn-active-background-color: var(--btn-bg-pressed-callbar-primary-success);
}
.uni-button-call_call-end.uni-button.uni-button_call {
--btn-background-color: var(--btn-bg-callbar-primary-dangerous);
--btn-hover-background-color: var(--btn-bg-hovered-callbar-primary-dangerous);
--btn-active-background-color: var(--btn-bg-pressed-callbar-primary-dangerous);
}
.uni-button_disabled.uni-button.uni-button_call {
--spinner-color: var(--spinner-neutral);
}
.uni-button_disabled[disabled].uni-button.uni-button_call {
--btn-active-background-color: var(--btn-bg-disabled-callbar-primary);
}
.uni-button-call_secondary.uni-button.uni-button_call {
--btn-icon-color: var(--btn-icon-callbar-secondary-default);
--btn-background-color: transparent;
--btn-hover-icon-color: var(--btn-icon-callbar-secondary-default);
--btn-hover-background-color: var(--btn-bg-hovered-callbar-secondary);
--btn-active-icon-color: var(--btn-icon-pressed-callbar-secondary-default);
--btn-active-background-color: var(--btn-bg-pressed-callbar-secondary);
--btn-disabled-icon-color: var(--btn-icon-disabled-callbar-secondary);
--btn-disabled-background-color: transparent;
--spinner-color: var(--spinner-neutral);
}
.uni-button-call_secondary.uni-button-call_neutral.uni-button.uni-button_call, .uni-button-call_secondary.uni-button-call_widget.uni-button.uni-button_call, .uni-button-call_secondary.uni-button-call_widget-narrow.uni-button.uni-button_call {
--btn-icon-color: var(--btn-icon-callbar-secondary-neutral);
--btn-hover-icon-color: var(--btn-icon-callbar-secondary-neutral);
--btn-active-icon-color: var(--btn-icon-pressed-callbar-secondary-neutral);
}
.uni-button-call_secondary.uni-button-call_widget.uni-button.uni-button_call, .uni-button-call_secondary.uni-button-call_widget-narrow.uni-button.uni-button_call {
--btn-hover-background-color: var(--btn-bg-hovered-neutral-transparent);
--btn-active-background-color: var(--btn-bg-pressed-neutral-transparent);
}
.uni-button-call_secondary.uni-button-call_accent.uni-button.uni-button_call {
--btn-icon-color: var(--btn-icon-callbar-secondary-default-accented);
--btn-background-color: var(--btn-bg-callbar-secondary-default-accented);
--btn-hover-icon-color: var(--btn-icon-callbar-secondary-default-accented);
--btn-hover-background-color: var(--btn-bg-hovered-callbar-secondary-default-accented);
--btn-active-icon-color: var(--btn-icon-callbar-secondary-default-accented);
--btn-active-background-color: var(--btn-bg-pressed-callbar-secondary-default-accented);
}
.uni-button-call_secondary.uni-button-call_accent.uni-button_loading.uni-button.uni-button_call:not(.uni-button_disabled) {
--spinner-color: var(--btn-active-text-color);
}
.uni-button-call_secondary.uni-button-call_accent.uni-button-call_neutral.uni-button.uni-button_call, .uni-button-call_secondary.uni-button-call_accent.uni-button-call_widget.uni-button.uni-button_call, .uni-button-call_secondary.uni-button-call_accent.uni-button-call_widget-narrow.uni-button.uni-button_call {
--btn-icon-color: var(--btn-icon-callbar-secondary-default-accented);
--btn-background-color: var(--btn-bg-callbar-secondary-neutral-accented);
--btn-hover-icon-color: var(--btn-icon-callbar-secondary-default-accented);
--btn-hover-background-color: var(
--btn-bg-hovered-callbar-secondary-neutral-accented
);
--btn-active-icon-color: var(--btn-icon-callbar-secondary-default-accented);
--btn-active-background-color: var(
--btn-bg-pressed-callbar-secondary-neutral-accented
);
/* stylelint-disable-next-line max-nesting-depth */
}
.uni-button-call_secondary.uni-button-call_accent.uni-button-call_neutral.uni-button_loading.uni-button.uni-button_call:not(.uni-button_disabled), .uni-button-call_secondary.uni-button-call_accent.uni-button-call_widget.uni-button_loading.uni-button.uni-button_call:not(.uni-button_disabled), .uni-button-call_secondary.uni-button-call_accent.uni-button-call_widget-narrow.uni-button_loading.uni-button.uni-button_call:not(.uni-button_disabled) {
--spinner-color: var(--btn-active-text-color);
}
.uni-button-call_secondary.uni-button_disabled[disabled].uni-button.uni-button_call {
--btn-background-color: transparent;
--btn-hover-background-color: transparent;
--btn-active-background-color: transparent;
}
/* UNI color system 150121 */
/* stylelint-disable scss/dollar-variable-pattern */
.uni-accordion-header {
border: none;
background: none;
text-decoration: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
gap: 4px;
text-align: left;
color: var(--text-default);
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 20px;
}
.uni-accordion-header:hover {
text-decoration: underline;
cursor: pointer;
}
.uni-accordion-header:focus-visible {
position: relative;
outline: none;
z-index: 1;
}
.uni-accordion-header:focus-visible::after {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: calc(100% - 8px);
height: calc(100% - 8px);
background: transparent;
border-radius: 2px;
z-index: -1;
box-shadow: 0 0 0 2px var(--focus-indicator-primary-default), 0 0 0 4px var(--focus-indicator-primary);
}
.uni-accordion-header-wrapper {
padding: 0;
display: flex;
flex-direction: column;
}
.uni-accordion-header-wrapper + .uni-accordion-body {
margin-top: 0;
}
.uni-accordion-header-box {
padding: 14px 20px;
width: 100%;
min-width: 120px;
border-radius: 4px;
}
.uni-accordion-header-box:hover {
background: var(--bg-hovered);
text-decoration: none;
}
.uni-accordion-header-box__icon {
margin-left: auto;
color: var(--btn-icon-neutral);
fill: var(--btn-icon-neutral);
}
.uni-accordion-header-box .uni-accordion-icon {
display: flex;
}
.uni-accordion-header-box .uni-accordion-icon svg.uni-svg-icon {
color: var(--icon-default);
fill: var(--icon-default);
}
.uni-accordion-header-box__title .title__text {
display: inline;
margin-right: 8px;
}
.uni-accordion-header-box_selected {
background: var(--bg-selected);
text-decoration: none;
}
.uni-accordion-header-box_intense {
font-family: "Noto Sans", sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 24px;
padding: 12px 20px;
}
.uni-accordion-header-box_reverse-order {
flex-direction: row-reverse;
justify-content: flex-end;
padding: 4px 20px;
}
.uni-accordion-header-box_reverse-order .uni-accordion-header-box__icon {
margin-left: unset;
}
.uni-accordion-header-box_reverse-order .uni-accordion-actions {
display: flex;
margin-left: auto;
/* stylelint-disable-next-line max-nesting-depth */
}
.uni-accordion-header-box_reverse-order .uni-accordion-actions .uni-button:focus-visible {
box-shadow: 0 0 0 2px var(--focus-indicator-primary-default), 0 0 0 4px var(--focus-indicator-primary);
outline: none;
}
.uni-accordion-header-box + .uni-accordion-body {
margin-top: 0;
}
.uni-accordion-header-box_narrow {
padding: 8px;
}
.uni-accordion-header-box_narrow.uni-accordion-header-box {
/* stylelint-disable-next-line max-nesting-depth */
/* stylelint-disable-next-line max-nesting-depth */
/* stylelint-disable-next-line max-nesting-depth */
/* stylelint-disable-next-line max-nesting-depth */
}
.uni-accordion-header-box_narrow.uni-accordion-header-box_level-1 {
padding-left: 8px;
}
.uni-accordion-header-box_narrow.uni-accordion-header-box_level-2 {
padding-left: 32px;
}
.uni-accordion-header-box_narrow.uni-accordion-header-box_level-3 {
padding-left: 56px;
}
.uni-accordion-header-box_narrow.uni-accordion-header-box_level-4 {
padding-left: 80px;
}
.uni-accordion-header-link:focus-visible {
border-radius: 5px;
padding: 0 2px;
}
.uni-accordion-body {
margin-top: 16px;
}
.uni-button_icon.uni-button_tiny.uni-button_neutral.uni-button_tertiary, .uni-button_icon.uni-button_tiny.uni-button_inverted.uni-button_tertiary {
padding: 4px;
}
.uni-button_round {
border-radius: 50%;
}
.uni-button_icon-wide {
padding: 11px;
}
.uni-button_tertiary {
padding: 6px 8px;
border: none;
}
.uni-button_tertiary.uni-button_narrow {
padding: 2px 6px;
}
.uni-button_tertiary.uni-button_icon {
padding: 8px;
}
.uni-button_tertiary.uni-button_tiny:not(.uni-button_icon) {
padding: 0 6px;
}
.uni-button_tertiary:focus-visible {
position: relative;
outline: none;
z-index: 1;
}
.uni-button_merged {
padding: 9px 12px 9px 24px;
}
.uni-button_merged.uni-button_narrow {
padding: 5px 8px 5px 20px;
}
.uni-button-group {
display: flex;
gap: 2px;
}
.uni-button-group .uni-button:first-of-type {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.uni-button-group .uni-button:last-of-type {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.uni-counter {
font-family: "Noto Sans", sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 16px;
background: var(--counter-bg-selected);
border-radius: 8px;
height: 16px;
min-width: 16px;
padding: 0 6px;
color: var(--counter-text-inverted);
display: flex;
justify-content: center;
}
.uni-counter_white-border {
box-shadow: 0 0 0 2px var(--counter-border-inverted);
}
.uni-counter_black-border {
box-shadow: 0 0 0 2px var(--counter-border-intense-selected);
}
.uni-counter_default {
background: transparent;
color: var(--counter-text-default);
box-shadow: 0 0 0 1px var(--counter-border-default);
}
.uni-counter_disabled {
background: var(--counter-bg-disabled);
}
.uni-badge-tag {
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
padding: 1px 8px;
border: 1px solid;
border-radius: 2px;
transition: color ease-in-out 0.3s, background-color ease-in-out 0.3s, border-color ease-in-out 0.3s;
font-family: "Noto Sans", sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 16px;
}
.uni-badge-tag_info {
background: var(--badge-tag-bg-info);
color: var(--badge-tag-text-default);
border-color: var(--badge-tag-border-info);
}
.uni-badge-tag_info-calm {
background: var(--badge-tag-bg-info-calm);
}
.uni-badge-tag_info-calm_neutral {
border-color: var(--badge-tag-border-neutral);
color: var(--badge-tag-text-info-calm-neutral);
}
.uni-badge-tag_info-calm_alternate {
border-color: var(--badge-tag-border-info-calm-alternate);
color: var(--badge-tag-text-info-calm-alternate);
}
.uni-badge-tag_progress {
background: var(--badge-tag-bg-progress);
color: var(--badge-tag-text-default);
border-color: var(--badge-tag-border-progress);
}
.uni-badge-tag_success {
background: var(--badge-tag-bg-success);
color: var(--badge-tag-text-default);
border-color: var(--badge-tag-border-success);
}
.uni-badge-tag_warning {
background: var(--badge-tag-bg-warning);
color: var(--badge-tag-text-default);
border-color: var(--badge-tag-border-warning);
}
.uni-badge-tag_warning-icon {
fill: var(--badge-tag-bg-icon-warning);
}
.uni-badge-tag_error {
background: var(--badge-tag-bg-error);
color: var(--badge-tag-text-default);
border-color: var(--badge-tag-border-error);
}
.uni-badge-tag_error-icon {
fill: var(--badge-tag-bg-icon-error);
}
.uni-badge-tag_critical-error {
background: var(--badge-tag-bg-critical-error);
color: var(--badge-tag-text-inverted);
border-color: var(--badge-tag-border-critical-error);
}
.uni-badge-tag_disabled {
background: var(--badge-tag-bg-disabled);
color: var(--badge-tag-text-disabled);
border-color: var(--badge-tag-border-disabled);
}
.uni-badge-tag_draft {
border: 1px dashed var(--badge-tag-border-neutral);
color: var(--badge-tag-text-muted);
}
.uni-badge-tag_intense {
background: var(--badge-tag-bg-intense);
color: var(--badge-tag-text-default);
border-color: var(--badge-tag-border-intense);
}
.uni-badge-tag_narrow {
padding: 0 4px;
}
.uni-badge-tag_narrow.uni-badge-tag_info {
color: var(--badge-tag-text-info-narrow);
}
.uni-badge-tag_narrow.uni-badge-tag_info-intense {
background: var(--badge-tag-bg-info-intense);
color: var(--badge-tag-text-info-narrow);
}
.uni-badge-tag_narrow.uni-badge-tag_success {
background: var(--badge-tag-bg-success);
color: var(--badge-tag-text-default);
}
.uni-badge-tag_selected {
border: 2px solid;
padding: 0 7px;
}
.uni-badge-tag_selected.uni-badge-tag_progress {
background: var(--badge-tag-bg-hovered-progress);
border-color: var(--badge-tag-border-selected-progress);
}
.uni-badge-tag_selected.uni-badge-tag_success {
background: var(--badge-tag-bg-hovered-success);
border-color: var(--badge-tag-border-selected-success);
}
.uni-badge-tag_selected.uni-badge-tag_error {
background: var(--badge-tag-bg-hovered-error);
border-color: var(--badge-tag-border-selected-error);
}
.uni-badge-tag_selected.uni-badge-tag_info {
background: var(--badge-tag-bg-hovered-info);
border-color: var(--badge-tag-border-selected-info);
}
.uni-badge-tag_selected.uni-badge-tag_info-calm_neutral {
background: var(--badge-tag-bg-hovered-info-calm-neutral);
border-color: var(--badge-tag-border-selected-info-calm);
}
.uni-badge-tag_selected.uni-badge-tag_info-calm_alternate {
background: var(--badge-tag-bg-hovered-info-calm-alternate);
border-color: var(--badge-tag-border-selected-info-calm-alternate);
}
button.uni-badge-tag {
cursor: pointer;
}
button.uni-badge-tag:hover, button.uni-badge-tag:focus {
color: var(--badge-tag-text-default);
border: 1px solid;
padding: 1px 8px;
}
button.uni-badge-tag:hover.uni-badge-tag_progress, button.uni-badge-tag:focus.uni-badge-tag_progress {
background: var(--badge-tag-bg-hovered-progress);
border-color: var(--badge-tag-border-hovered-progress);
}
button.uni-badge-tag:hover.uni-badge-tag_success, button.uni-badge-tag:focus.uni-badge-tag_success {
background: var(--badge-tag-bg-hovered-success);
border-color: var(--badge-tag-border-hovered-success);
}
button.uni-badge-tag:hover.uni-badge-tag_error, button.uni-badge-tag:focus.uni-badge-tag_error {
background: var(--badge-tag-bg-hovered-error);
border-color: var(--badge-tag-border-hovered-error);
}
button.uni-badge-tag:hover.uni-badge-tag_info, button.uni-badge-tag:focus.uni-badge-tag_info {
background: var(--badge-tag-bg-hovered-info);
border-color: var(--badge-tag-border-hovered-info);
}
button.uni-badge-tag:hover.uni-badge-tag_info-calm_neutral, button.uni-badge-tag:focus.uni-badge-tag_info-calm_neutral {
background: var(--badge-tag-bg-hovered-info-calm-neutral);
color: var(--badge-tag-text-info-calm-neutral);
border-color: var(--badge-tag-border-hovered-info-calm-neutral);
}
button.uni-badge-tag:hover.uni-badge-tag_info-calm_alternate, button.uni-badge-tag:focus.uni-badge-tag_info-calm_alternate {
background: var(--badge-tag-bg-hovered-info-calm-alternate);
color: var(--badge-tag-text-info-calm-alternate);
border-color: var(--badge-tag-border-hovered-info-calm-alternate);
}
button.uni-badge-tag:active.uni-badge-tag_progress {
background: var(--badge-tag-bg-pressed-progress);
}
button.uni-badge-tag:active.uni-badge-tag_success {
background: var(--badge-tag-bg-pressed-success);
}
button.uni-badge-tag:active.uni-badge-tag_error {
background: var(--badge-tag-bg-pressed-error);
}
button.uni-badge-tag:active.uni-badge-tag_info {
background: var(--badge-tag-bg-pressed-info);
}
button.uni-badge-tag:active.uni-badge-tag_info-calm_neutral {
background: var(--badge-tag-bg-pressed-info-calm-neutral);
}
button.uni-badge-tag:active.uni-badge-tag_info-calm_alternate {
background: var(--badge-tag-bg-pressed-info-calm-alternate);
}
.uni-checkbox {
appearance: none;
margin: 0;
outline: none;
vertical-align: top;
width: 16px;
height: 16px;
}
.uni-checkbox::before {
content: "";
width: 100%;
height: 100%;
display: inline-block;
border: 1px solid var(--input-border-default);
background: var(--input-bg-default);
border-radius: 3px;
outline: 0;
cursor: pointer;
}
.uni-checkbox:focus::before, .uni-checkbox:hover::before {
transition: background-color ease-in-out 0.3s, border-color ease 0.3s;
}
.uni-checkbox:focus::before {
border-color: var(--input-border-focused);
}
.uni-checkbox:focus:not(:focus-visible)::before {
box-shadow: none;
}
.uni-checkbox:checked::before {
border-color: var(--checkbox-bg-selected);
background: var(--checkbox-bg-selected) url("data:image/svg+xml,%3Csvg width='10' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.732.77a.92.92 0 01-.002 1.3L4.313 7.48a.918.918 0 01-1.297 0L.27 4.738a.92.92 0 011.297-1.3l2.097 2.094L8.433.77a.918.918 0 011.299 0z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
}
.uni-checkbox:checked:hover::before {
background-color: var(--checkbox-bg-selected-hovered);
}
.uni-checkbox:not(:checked)::before {
border-color: var(--input-border-default);
}
.uni-checkbox:not(:checked):hover::before {
border: 2px solid var(--checkbox-border-hovered);
}
.uni-checkbox:indeterminate::before {
border-color: var(--checkbox-bg-selected);
background: var(--checkbox-bg-selected) url("data:image/svg+xml,%3Csvg width='10' height='2' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='2' rx='1' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
}
.uni-checkbox:indeterminate:hover::before {
background-color: var(--checkbox-bg-selected-hovered);
border: none;
}
.uni-checkbox:disabled::before {
border-color: var(--input-border-disabled);
background-color: var(--input-bg-disabled);
cursor: default;
}
.uni-checkbox:disabled:checked::before {
background: var(--checkbox-bg-selected-disbaled) url("data:image/svg+xml,%3Csvg width='10' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.732.77a.92.92 0 01-.002 1.3L4.313 7.48a.918.918 0 01-1.297 0L.27 4.738a.92.92 0 011.297-1.3l2.097 2.094L8.433.77a.918.918 0 011.299 0z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
}
.uni-checkbox:disabled:not(:checked)::before {
border: 1px solid var(--input-border-disabled);
}
.uni-checkbox:disabled:indeterminate::before {
background: var(--checkbox-bg-selected-disbaled) url("data:image/svg+xml,%3Csvg width='10' height='2' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='2' rx='1' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
}
.uni-checkbox.uni-checkbox-header {
display: flex;
align-items: center;
}
.uni-checkbox.uni-checkbox-header:focus-visible {
position: relative;
outline: none;
}
.uni-checkbox.uni-checkbox-header:focus-visible::after {
content: "";
display: block;
position: absolute;
z-index: 1;
inset: 2px 4px 2px 2px;
border-radius: 4px;
left: -5px;
top: -5px;
width: 26px;
height: 26px;
box-shadow: 0 0 0 2px var(--focus-indicator-primary-default), 0 0 0 4px var(--focus-indicator-primary);
}
/* eslint-disable */
/* stylelint-disable */
/* It is auto generated. Not for manual editing. */
:root {
--white: #ffffff;
--white-0: #ffffff;
--black: #000000;
--gray-10: #000000;
--gray-0: #f7f7f8;
--gray-1: #f1f1f2;
--gray-2: #e2e2e4;
--gray-3: #d3d4d6;
--gray-4: #b9babd;
--gray-5: #909398;
--gray-6: #73767d;
--gray-7: #4f535b;
--gray-8: #2d313a;
--gray-9: #1e1f21;
--blue-0: #e9f7ff;
--blue-1: #d6f0ff;
--blue-2: #b2e5ff;
--blue-3: #84d4ff;
--blue-4: #53c5ff;
--blue-5: #00a4ff;
--blue-6: #0175e0;
--blue-7: #005eca;
--blue-8: #0042a3;
--blue-9: #003084;
--red-0: #ffe9e9;
--red-1: #ffd5d5;
--red-2: #ffb7b4;
--red-3: #ff8f8c;
--red-4: #ff6362;
--red-5: #fa373b;
--red-6: #f02732;
--red-7: #dd1d2a;
--red-8: #ca1023;
--red-9: #b00016;
--orange-0: #fff7dd;
--orange-1: #ffeec3;
--orange-2: #ffe19d;
--orange-3: #ffcc6c;
--orange-4: #ffb54f;
--orange-5: #ff960c;
--orange-6: #fc8000;
--orange-7: #f36f00;
--orange-8: #e65e00;
--orange-9: #cf4501;
--yellow-0: #fff9d1;
--yellow-1: #fff3a6;
--yellow-2: #ffe775;
--yellow-3: #ffda52;
--yellow-4: #ffd22e;
--yellow-5: #ffc400;
--yellow-6: #ffbb00;
--yellow-7: #f2a200;
--yellow-8: #e38900;
--yellow-9: #cf7500;
--green-0: #edfbce;
--green-1: #dbf6af;
--green-2: #ccf08c;
--green-3: #b9e566;
--green-4: #a2db3a;
--green-5: #83c708;
--green-6: #74b800;
--green-7: #4d9f00;
--green-8: #2d8000;
--green-9: #226909;
--teal-0: #d3fff9;
--teal-1: #abfff8;
--teal-2: #73faf3;
--teal-3: #26f0ec;
--teal-4: #00dfdc;
--teal-5: #00c5c5;
--teal-6: #00b2b2;
--teal-7: #009393;
--teal-8: #007675;
--teal-9: #00625f;
--violet-0: #e9e9ff;
--violet-1: #dcdcff;
--violet-2: #c8c8fc;
--violet-3: #b3b3f2;
--violet-4: #a0a0ea;
--violet-5: #8f8fe2;
--violet-6: #807dd8;
--violet-7: #6f5fc4;
--violet-8: #4f3f9e;
--violet-8_5: #6850E9;
--violet-9: #3b2b87;
--primary-bg: var(--white-0);
--primary-neutral: var(--gray-6);
--primary-main: var(--blue-6);
--primary-alternate: var(--violet-6);
--primary-success: var(--green-6);
--primary-warning: var(--orange-6);
--primary-error: var(--red-7);
--primary-away: var(--yellow-6);
--text-default: var(--gray-9);
--text-muted: var(--gray-6);
--text-muted-intense: var(--gray-7);
--text-disabled: var(--gray-5);
--text-inverted: var(--white-0);
--text-inverted-disabled: #ffffff7a;
--text-link: var(--blue-6);
--icon-default: var(--gray-5);
--icon-intense: var(--gray-9);
--icon-interactive: var(--gray-6);
--icon-hovered: var(--gray-7);
--icon-pressed: var(--gray-9);
--icon-disabled: var(--gray-4);
--icon-inverted: var(--white-0);
--icon-main: var(--blue-6);
--icon-main-calm: var(--blue-5);
--icon-warning: var(--orange-6);
--icon-error: var(--red-7);
--icon-error-calm: var(--red-4);
--icon-linear-gradient-ai: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient id='icon-linear-gradient-ai' x1='12.26%25' y1='82.80%25' x2='87.74%25' y2='17.20%25'%3e%3cstop offset='13.26%25' style='stop-color:%2300c5c5;stop-opacity:1' /%3e%3cstop offset='40%25' style='stop-color:%2300a4ff;stop-opacity:1' /%3e%3cstop offset='88.46%25' style='stop-color:%236850E9;stop-opacity:1' /%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e#icon-linear-gradient-ai");
--icon-btn-linear-gradient-ai: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient id='icon-btn-linear-gradient-ai' x1='12.26%25' y1='82.80%25' x2='87.74%25' y2='17.20%25'%3e%3cstop offset='13.26%25' style='stop-color:%2300c5c5;stop-opacity:1' /%3e%3cstop offset='40%25' style='stop-color:%2300a4ff;stop-opacity:1' /%3e%3cstop offset='88.46%25' style='stop-color:%236850E9;stop-opacity:1' /%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e#icon-btn-linear-gradient-ai");
--icon-btn-linear-gradient-ai-hovered: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient id='icon-btn-linear-gradient-ai-hovered' x1='12.26%25' y1='82.80%25' x2='87.74%25' y2='17.20%25'%3e%3cstop offset='13.26%25' style='stop-color:%2300b2b2;stop-opacity:1' /%3e%3cstop offset='40%25' style='stop-color:%230175e0;stop-opacity:1' /%3e%3cstop offset='88.46%25' style='stop-color:%236850E9;stop-opacity:1' /%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e#icon-btn-linear-gradient-ai-hovered");
--icon-btn-linear-gradient-ai-pressed: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient id='icon-btn-linear-gradient-ai-pressed' x1='12.26%25' y1='82.80%25' x2='87.74%25' y2='17.20%25'%3e%3cstop offset='13.26%25' style='stop-color:%23009393;stop-opacity:1' /%3e%3cstop offset='40%25' style='stop-color:%23005eca;stop-opacity:1' /%3e%3cstop offset='88.46%25' style='stop-color:%236850E9;stop-opacity:1' /%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e#icon-btn-linear-gradient-ai-pressed");
--bg-default-page: var(--gray-1);
--bg-default-component: var(--gray-0);
--bg-disabled: var(--gray-2);
--bg-hovered: var(--blue-0);
--bg-selected: var(--blue-1);
--bg-inverted: var(--gray-8);
--bg-ai: linear-gradient(180deg, var(--teal-5) -8.53%, var(--blue-5) 48.14%, var(--violet-8_5) 106.12%);
--border-main: var(--blue-3);
--border-neutral: var(--gray-3);
--border-alternate: var(--violet-6);
--border-error: var(--red-2);
--border-critical: var(--red-7);
--border-success: var(--green-3);
--border-warning: var(--orange-3);
--border-selected: var(--gray-9);
--border-selected-primary: var(--blue-6);
--border-intense: #1e1f21a3;
--border-intense-disabled: #1e1f2151;
--border-inverted: #ffffffcc;
--border-inverted-disabled: #ffffff8e;
--border-ai: linear-gradient(34deg, var(--teal-5) -27.71%, var(--blue-5) 23.37%, var(--violet-8_5) 100%);
--input-label: var(--gray-8);
--input-bg-default: var(--white-0);
--input-border-default: var(--gray-4);
--input-icon-default: var(--gray-9);
--input-text-default: var(--gray-9);
--input-border-focused: var(--blue-5);
--input-border-dangerous: var(--red-7);
--input-border-warning: var(--orange-6);
--input-bg-disabled: var(--gray-0);
--input-border-disabled: var(--gray-3);
--input-icon-disabled: var(--gray-4);
--input-text-disabled: var(--gray-5);
--input-border-inverted: #ffffffcc;
--input-bg-inverted: var(--white-0);
--input-icon-inverted: var(--white-0);
--btn-ai-action-bg-default: var(--gray-2);
--btn-ai-action-bg-default-hovered: var(--gray-3);
--btn-ai-action-bg-default-pressed: var(--gray-4);
--btn-ai-action-bg-default-disabled: var(--gray-2);
--btn-ai-action-icon-default: var(--gray-6);
--btn-ai-action-icon-default-hovered: var(--gray-7);
--btn-ai-action-icon-default-pressed: var(--gray-9);
--btn-ai-action-icon-default-disabled: var(--gray-4);
--btn-bg-default: var(--blue-6);
--btn-bg-hovered-default: var(--blue-7);
--btn-bg-pressed-default: var(--blue-8);
--btn-text-default: var(--blue-6);
--btn-text-pressed-default: var(--blue-7);
--btn-icon-default: var(--blue-6);
--btn-icon-pressed-default: var(--blue-7);
--btn-bg-hovered-transparent: #00a4ff1e;
--btn-bg-pressed-transparent: #00a4ff33;
--btn-border-disabled: var(--gray-3);
--btn-icon-disabled: var(--gray-4);
--btn-bg-dangerous: var(--red-7);
--btn-bg-hovered-dangerous: var(--red-8);
--btn-bg-pressed-dangerous: var(--red-9);
--btn-text-dangerous: var(--red-7);
--btn-text-pressed-dangerous: var(--red-8);
--btn-icon-dangerous: var(--red-7);
--btn-icon-pressed-dangerous: var(--red-8);
--btn-bg-hovered-dangerous-transparent: #dd1d2a1e;
--btn-bg-pressed-dangerous-transparent: #dd1d2a33;
--btn-bg-neutral: var(--gray-6);
--btn-bg-hovered-neutral: var(--gray-7);
--btn-bg-pressed-neutral: var(--gray-8);
--btn-text-neutral: var(--gray-7);
--btn-text-pressed-neutral: var(--gray-9);
--btn-icon-neutral: var(--gray-6);
--btn-icon-pressed-neutral: var(--gray-9);
--btn-bg-hovered-neutral-transparent: #73767d1e;
--btn-bg-pressed-neutral-transparent: #73767d33;
--btn-bg-neutral-intense: var(--gray-1);
--btn-bg-hovered-neutral-intense: var(--gray-2);
--btn-bg-pressed-neutral-intense: var(--gray-3);
--btn-icon-neutral-intense: var(--gray-8);
--btn-icon-pressed-neutral-intense: var(--gray-9);
--btn-bg-inverted: var(--white-0);
--btn-bg-hovered-inverted: var(--gray-2);
--btn-bg-pressed-inverted: var(--gray-3);
--btn-icon-inverted: var(--white-0);
--btn-bg-hovered-inverted-transparent: #ffffff14;
--btn-bg-pressed-inverted-transparent: #ffffff28;
--btn-icon-intense-disabled: var(--gray-5);
--btn-icon-default-callbar-primary: var(--white-0);
--btn-icon-disabled-callbar-primary: var(--gray-4);
--btn-bg-callbar-primary-default: var(--blue-6);
--btn-bg-hovered-callbar-primary-default: var(--blue-7);
--btn-bg-pressed-callbar-primary-default: var(--blue-8);
--btn-bg-callbar-primary-dangerous: var(--red-6);
--btn-bg-hovered-callbar-primary-dangerous: var(--red-7);
--btn-bg-pressed-callbar-primary-dangerous: var(--red-8);
--btn-bg-callbar-primary-success: var(--green-6);
--btn-bg-hovered-callbar-primary-success: var(--green-7);
--btn-bg-pressed-callbar-primary-success: var(--green-8);
--btn-bg-disabled-callbar-primary: var(--gray-2);
--btn-icon-callbar-secondary-default-accented: var(--white-0);
--btn-icon-disabled-callbar-secondary: var(--gray-5);
--btn-bg-callbar-secondary-default-accented: var(--blue-7);
--btn-bg-hovered-callbar-secondary-default-accented: var(--blue-8);
--btn-bg-pressed-callbar-secondary-default-accented: var(--blue-9);
--btn-icon-callbar-secondary-default: var(--blue-6);
--btn-icon-pressed-callbar-secondary-default: var(--blue-7);
--btn-bg-hovered-callbar-secondary: #ffffffa3;
--btn-bg-pressed-callbar-secondary: var(--white-0);
--btn-bg-callbar-secondary-neutral-accented: var(--gray-7);
--btn-bg-hovered-callbar-secondary-neutral-accented: var(--gray-8);
--btn-bg-pressed-callbar-secondary-neutral-accented: var(--gray-9);
--btn-icon-callbar-secondary-neutral: var(--gray-8);
--btn-icon-pressed-callbar-secondary-neutral: var(--gray-9);
--tab-text-default: var(--gray-7);
--tab-text-hovered: var(--gray-8);
--tab-text-selected: var(--gray-9);
--tab-text-disabled: var(--gray-5);
--tab-icon-default: var(--gray-5);
--tab-icon-interactive: var(--gray-6);
--tab-icon-hovered: var(--gray-7);
--tab-icon-selected: var(--gray-9);
--tab-icon-disabled: var(--gray-4);
--tab-border-selected: var(--gray-9);
--counter-bg-default: var(--white-0);
--counter-bg-selected: var(--blue-6);
--counter-bg-disabled: var(--gray-5);
--counter-border-default: var(--gray-3);
--counter-border-intense-default: var(--gray-9);
--counter-border-intense-selected: var(--gray-10);
--counter-border-inverted: var(--white-0);
--counter-text-default: var(--gray-6);
--counter-text-inverted: var(--white-0);
--primary-navigation-icon-primary-nav-default: var(--gray-6);
--primary-navigation-icon-primary-nav-hovered: var(--gray-5);
--primary-navigation-icon-primary-nav-selected: var(--white-0);
--primary-navigation-bg-default: var(--gray-8);
--primary-navigation-bg-selected: var(--gray-10);
--badge-tag-bg-info: var(--gray-2);
--badge-tag-border-info: var(--gray-4);
--badge-tag-bg-hovered-info: var(--gray-3);
--badge-tag-border-hovered-info: var(--gray-5);
--badge-tag-bg-pressed-info: var(--gray-4);
--badge-tag-border-selected-info: var(--gray-6);
--badge-tag-bg-info-narrow: var(--gray-6);
--badge-tag-bg-info-intense: var(--gray-3);
--badge-tag-bg-info-calm: var(--white-0);
--badge-tag-bg-hovered-info-calm-neutral: var(--gray-1);
--badge-tag-border-hovered-info-calm-neutral: var(--gray-4);
--badge-tag-bg-pressed-info-calm-neutral: var(--gray-2);
--badge-tag-border-selected-info-calm: var(--gray-5);
--badge-tag-bg-progress: var(--blue-1);
--badge-tag-border-progress: var(--blue-3);
--badge-tag-bg-hovered-progress: var(--blue-2);
--badge-tag-border-hovered-progress: var(--blue-4);
--badge-tag-bg-pressed-progress: var(--blue-3);
--badge-tag-border-selected-progress: var(--blue-6);
--badge-tag-bg-success-narrow: var(--green-6);
--badge-tag-bg-success: var(--green-1);
--badge-tag-border-success: var(--green-3);
--badge-tag-bg-hovered-success: var(--green-2);
--badge-tag-border-hovered-success: var(--green-4);
--badge-tag-bg-pressed-success: var(--green-3);
--badge-tag-border-selected-success: var(--green-6);
--badge-tag-bg-icon-warning: var(--orange-6);
--badge-tag-bg-warning: var(--orange-1);
--badge-tag-border-warning: var(--orange-3);
--badge-tag-bg-icon-error: var(--red-7);
--badge-tag-bg-error: var(--red-1);
--badge-tag-border-error: var(--red-3);
--badge-tag-bg-hovered-error: var(--red-2);
--badge-tag-border-hovered-error: var(--red-4);
--badge-tag-bg-pressed-error: var(--red-3);
--badge-tag-border-selected-error: var(--red-6);
--badge-tag-bg-critical-error: var(--red-7);
--badge-tag-border-critical-error: var(--red-7);
--badge-tag-bg-disabled: var(--gray-0);
--badge-tag-border-disabled: var(--gray-3);
--badge-tag-bg-intense: var(--gray-1);
--badge-tag-border-intense: var(--gray-3);
--badge-tag-bg-marked-narrow: var(--violet-7);
--badge-tag-border-neutral: var(--gray-3);
--badge-tag-text-default: var(--gray-9);
--badge-tag-text-info-narrow: var(--gray-7);
--badge-tag-text-inverted: var(--white-0);
--badge-tag-text-muted: var(--gray-6);
--badge-tag-text-disabled: var(--gray-5);
--badge-tag-text-info-calm-neutral: var(--gray-7);
--badge-tag-text-info-calm-alternate: var(--violet-7);
--badge-tag-bg-hovered-info-calm-alternate: var(--violet-1);
--badge-tag-bg-pressed-info-calm-alternate: var(--violet-2);
--badge-tag-border-info-calm-alternate: var(--violet-4);
--badge-tag-border-hovered-info-calm-alternate: var(--violet-5);
--badge-tag-border-selected-info-calm-alternate: var(--violet-6);
--progress-indicator-bg-default: var(--blue-1);
--progress-indicator-border-default: var(--blue-3);
--progress-indicator-icon-default: var(--blue-6);
--progress-indicator-bg-error: var(--red-1);
--progress-indicator-border-error: var(--red-2);
--progress-indicator-icon-error: var(--red-3);
--progress-indicator-text-default: var(--gray-9);
--password-meter-bg-default: var(--gray-2);
--password-meter-bg-dangerous: linear-gradient(90deg, var(--red-7) 0%, var(--red-4) 100%);
--password-meter-bg-warning: linear-gradient(90deg, var(--orange-7) 0%, var(--orange-4) 100%);
--password-meter-bg-success: linear-gradient(90deg, var(--green-7) 0%, var(--green-5) 100%);
--password-meter-text-default: var(--gray-8);
--password-meter-text-muted: var(--gray-6);
--password-meter-text-dangerous: var(--red-7);
--password-meter-text-warning: var(--orange-7);
--password-meter-text-success: var(--green-8);
--password-meter-icon-default: var(--gray-5);
--password-meter-icon-success: var(--green-7);
--inline-notifications-bg-hint: var(--blue-0);
--inline-notifications-bg-neutral: var(--gray-0);
--inline-notifications-bg-warning: var(--orange-0);
--inline-notifications-bg-failure: var(--red-0);
--inline-notifications-bg-success: var(--green-0);
--inline-notifications-border-hint: var(--blue-3);
--inline-notifications-border-neutral: var(--gray-3);
--inline-notifications-border-warning: var(--orange-3);
--inline-notifications-border-failure: var(--red-2);
--inline-notifications-border-success: var(--green-3);
--inline-notifications-icon-hint: var(--blue-6);
--inline-notifications-icon-neutral: var(--gray-5);
--inline-notifications-icon-warning: var(--orange-6);
--inline-notifications-icon-failure: var(--red-7);
--inline-notifications-icon-success: var(--green-6);
--inline-notifications-text-default: var(--gray-9);
--segmented-control-bg-default: var(--gray-0);
--segmented-control-bg-hovered: #73767d1e;
--segmented-control-bg-selected: var(--white-0);
--segmented-control-bg-selected-hovered: var(--blue-0);
--segmented-control-border-neutral: var(--gray-3);
--segmented-control-text-default: var(--gray-7);
--segmented-control-text-selected: var(--blue-6);
--segmented-control-text-disabled: var(--gray-5);
--toggle-bg-default: var(--gray-2);
--toggle-bg-knob-default: var(--white-0);
--toggle-border-default: var(--gray-4);
--toggle-bg-hovered: var(--gray-3);
--toggle-border-hovered: var(--gray-5);
--toggle-bg-disabled: var(--gray-1);
--toggle-border-disabled: var(--gray-3);
--toggle-bg-selected: var(--blue-6);
--toggle-bg-selected-hovered: var(--blue-7);
--toggle-bg-selected-disabled: var(--gray-3);
--toggle-bg-selected-knob-disabled: var(--gray-1);
--toast-bg-default: var(--gray-8);
--toast-bg-dangerous: var(--red-7);
--toast-bg-warning: var(--orange-3);
--toast-bg-accented: var(--blue-6);
--toast-text-default: var(--white-0);
--toast-text-intense: var(--gray-9);
--toast-icon-default: var(--white-0);
--toast-icon-intense: var(--gray-9);
--message-bg-sent: var(--gray-2);
--message-bg-received: var(--white-0);
--message-bg-calm: var(--gray-1);
--message-bg-search-active: var(--orange-4);
--message-bg-search-inactive: var(--orange-3);
--message-bg-mention: var(--blue-5);
--message-bg-error: var(--red-2);
--message-text: var(--gray-9);
--message-text-muted: var(--gray-7);
--message-text-muted-intense: var(--gray-9);
--message-link: var(--blue-7);
--message-icon: var(--gray-7);
--message-icon-calm: var(--gray-5);
--message-icon-intense: var(--gray-9);
--message-icon-accented: var(--blue-6);
--message-icon-accented-intense: var(--blue-7);
--message-border-search-active: var(--orange-5);
--message-border-search-inactive: var(--orange-3);
--navigation-bg-default: var(--white-0);
--navigation-bg-intense: var(--gray-0);
--checkbox-bg-selected-hovered: var(--blue-7);
--checkbox-focus-default: var(--gray-7);
--checkbox-border-hovered: var(--blue-5);
--checkbox-bg-selected: var(--blue-6);
--checkbox-bg-selected-disbaled: var(--gray-3);
--spinner-primary: var(--blue-6);
--spinner-white: var(--white-0);
--spinner-dangerous: var(--red-8);
--spinner-warning: var(--orange-7);
--spinner-accented: var(--gray-9);
--spinner-neutral: var(--gray-6);
--date-picker-bg-selected: var(--blue-6);
--date-picker-border-selected: var(--gray-9);
--focus-indicator-primary: #4f535b33;
--focus-indicator-primary-default: var(--gray-7);
}
/* eslint-disable */
/* stylelint-disable */
/* stylelint-enable */
:root {
--spinner-color: --spinner-neutral;
}
.uni-drag-drop-zone {
position: relative;
transition: all 0.5s ease;
}
.uni-drag-drop-zone.uni-drag-over-outside::before, .uni-drag-drop-zone.uni-drag-over-inside::before {
content: "";
position: absolute;
inset: 2px;
border: 2px dashed var(--blue-4);
border-radius: 4px;
pointer-events: none;
z-index: 11;
}
.uni-drag-drop-zone.uni-drag-over-outside::after, .uni-drag-drop-zone.uni-drag-over-inside::after {
content: "";
position: absolute;
inset: 0;
background-color: var(--blue-1);
border-radius: 4px;
pointer-events: none;
z-index: 10;
transition: opacity 0.5s ease;
}
.uni-drag-drop-zone.uni-drag-over-outside::after {
opacity: 0.4;
}
.uni-drag-drop-zone.uni-drag-over-inside::after {
opacity: 0.8;
}
.uni-drag-drop-zone__overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 12;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease, visibility 0.5s ease;
}
.uni-drag-over-outside .uni-drag-drop-zone__overlay, .uni-drag-over-inside .uni-drag-drop-zone__overlay {
opacity: 1;
visibility: visible;
}
.uni-drag-drop-zone__text {
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 20px;
background-color: var(--white);
padding: 6px 16px;
border-radius: 18px;
color: var(--gray-7);
white-space: nowrap;
}
@font-face {
font-family: "Noto Sans";
src: url('NotoSans-Regular.2a53103e8e9a5224.woff2') format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Noto Sans";
src: url('NotoSans-Medium.a7a8b76dcbd607b2.woff2') format("woff2");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Noto Sans";
src: url('NotoSans-SemiBold.7f87c7887dcfdc41.woff2') format("woff2");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Noto Sans";
src: url('NotoSans-Bold.a3a9ef0f597aaf66.woff2') format("woff2");
font-weight: bold;
font-style: normal;
}
h1 {
font-family: "Noto Sans", sans-serif;
font-size: 20px;
font-weight: bold;
line-height: 28px;
color: var(--text-default);
margin: 0;
}
h2 {
font-family: "Noto Sans", sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 24px;
color: var(--text-default);
margin: 0;
}
h3 {
font-family: "Noto Sans", sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 24px;
color: var(--text-default);
margin: 0;
}
h4 {
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 20px;
color: var(--text-default);
margin: 0;
}
.header-promo {
font-family: "Noto Sans", sans-serif;
font-size: 28px;
font-weight: bold;
line-height: 36px;
color: var(--text-default);
margin: 0;
}
.body-text {
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 20px;
}
.caption-text {
font-family: "Noto Sans", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 16px;
}
.accented-text {
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 20px;
}
.uni-svg-icon {
display: block;
}
.uni-icon-interactive {
fill: var(--icon-interactive);
}
.uni-circle-loader {
width: 100%;
height: 100%;
vertical-align: top;
animation-direction: normal;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-duration: 1s;
animation-name: spinner-rotate;
}
@keyframes spinner-rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
html {
height: 100%;
width: 100%;
box-sizing: border-box;
cursor: default;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
body {
height: 100%;
margin: 0;
background: var(--bg-default-page);
color: var(--text-default);
overflow: hidden;
}
*[hidden] {
display: none !important;
}
.uni-flex {
display: flex;
}
.uni-flex.uni-flex-column {
flex-direction: column;
}
.uni-flex.uni-flex-row {
flex-direction: row;
}
.uni-flex.uni-justify-center {
justify-content: center;
}
.uni-flex.uni-justify-between {
justify-content: space-between;
}
.uni-flex.uni-justify-start {
justify-content: flex-start;
}
.uni-flex.uni-justify-end {
justify-content: flex-end;
}
.uni-flex.uni-align-items-center {
align-items: center;
}
.uni-flex.uni-align-items-stretch {
align-items: stretch;
}
.uni-flex.uni-align-items-start {
align-items: flex-start;
}
.uni-flex.uni-align-items-end {
align-items: flex-end;
}
.uni-flex.uni-align-self-center {
align-self: center;
}
.uni-flex.uni-align-self-stretch {
align-self: stretch;
}
.uni-flex.uni-align-self-start {
align-self: flex-start;
}
.uni-flex.uni-align-self-end {
align-self: flex-end;
}
.uni-flex.uni-align-content-center {
align-content: center;
}
.uni-flex.uni-align-content-between {
align-content: space-between;
}
.uni-flex.uni-flex-grow {
flex-grow: 1;
}
.uni-flex.uni-flex-wrap {
flex-wrap: wrap;
}
.uni-flex-1 {
flex: 1;
}
.uni-flex-2 {
flex: 2;
}
.uni-flex-3 {
flex: 3;
}
.uni-flex-4 {
flex: 4;
}
.uni-flex-5 {
flex: 5;
}
.uni-flex-6 {
flex: 6;
}
.uni-flex-7 {
flex: 7;
}
.uni-flex-8 {
flex: 8;
}
.uni-flex-9 {
flex: 9;
}
.uni-flex-10 {
flex: 10;
}
.uni-flex-11 {
flex: 11;
}
.uni-flex-12 {
flex: 12;
}
.uni-flex-13 {
flex: 13;
}
.uni-flex-14 {
flex: 14;
}
.uni-flex-15 {
flex: 15;
}
.uni-flex-16 {
flex: 16;
}
.uni-flex-17 {
flex: 17;
}
.uni-flex-18 {
flex: 18;
}
.uni-flex-19 {
flex: 19;
}
.uni-flex-20 {
flex: 20;
}
.uni-flex-21 {
flex: 21;
}
.uni-flex-22 {
flex: 22;
}
.uni-flex-23 {
flex: 23;
}
.uni-flex-24 {
flex: 24;
}
.uni-flex-25 {
flex: 25;
}
.uni-flex-26 {
flex: 26;
}
.uni-flex-27 {
flex: 27;
}
.uni-flex-28 {
flex: 28;
}
.uni-flex-29 {
flex: 29;
}
.uni-flex-30 {
flex: 30;
}
.uni-flex-gap-2 {
gap: 2px;
}
.uni-flex-gap-4 {
gap: 4px;
}
.uni-flex-gap-8 {
gap: 8px;
}
.uni-flex-gap-12 {
gap: 12px;
}
.uni-flex-gap-16 {
gap: 16px;
}
.uni-flex-gap-32 {
gap: 32px;
}
.uni-flex-gap-64 {
gap: 64px;
}
.uni-mt-0 {
margin-top: 0px;
}
.uni-mt-2 {
margin-top: 2px;
}
.uni-mt-4 {
margin-top: 4px;
}
.uni-mt-8 {
margin-top: 8px;
}
.uni-mt-10 {
margin-top: 10px;
}
.uni-mt-12 {
margin-top: 12px;
}
.uni-mt-16 {
margin-top: 16px;
}
.uni-mt-18 {
margin-top: 18px;
}
.uni-mt-20 {
margin-top: 20px;
}
.uni-mt-24 {
margin-top: 24px;
}
.uni-mt-28 {
margin-top: 28px;
}
.uni-mt-32 {
margin-top: 32px;
}
.uni-mt-36 {
margin-top: 36px;
}
.uni-mt-40 {
margin-top: 40px;
}
.uni-mt-44 {
margin-top: 44px;
}
.uni-mt-48 {
margin-top: 48px;
}
.uni-mt-56 {
margin-top: 56px;
}
.uni-mt-64 {
margin-top: 64px;
}
.uni-mt-72 {
margin-top: 72px;
}
.uni-mt-80 {
margin-top: 80px;
}
.uni-mt-96 {
margin-top: 96px;
}
.uni-mt-112 {
margin-top: 112px;
}
.uni-mt-128 {
margin-top: 128px;
}
.uni-mt-144 {
margin-top: 144px;
}
.uni-mt-160 {
margin-top: 160px;
}
.uni-mt-176 {
margin-top: 176px;
}
.uni-mt-192 {
margin-top: 192px;
}
.uni-mt-208 {
margin-top: 208px;
}
.uni-mt-224 {
margin-top: 224px;
}
.uni-mt-240 {
margin-top: 240px;
}
.uni-mt-256 {
margin-top: 256px;
}
.uni-mt-288 {
margin-top: 288px;
}
.uni-mt-320 {
margin-top: 320px;
}
.uni-mt-384 {
margin-top: 384px;
}
.uni-mt-448 {
margin-top: 448px;
}
.uni-mt-512 {
margin-top: 512px;
}
.uni-mb-0 {
margin-bottom: 0px;
}
.uni-mb-2 {
margin-bottom: 2px;
}
.uni-mb-4 {
margin-bottom: 4px;
}
.uni-mb-8 {
margin-bottom: 8px;
}
.uni-mb-10 {
margin-bottom: 10px;
}
.uni-mb-12 {
margin-bottom: 12px;
}
.uni-mb-16 {
margin-bottom: 16px;
}
.uni-mb-18 {
margin-bottom: 18px;
}
.uni-mb-20 {
margin-bottom: 20px;
}
.uni-mb-24 {
margin-bottom: 24px;
}
.uni-mb-28 {
margin-bottom: 28px;
}
.uni-mb-32 {
margin-bottom: 32px;
}
.uni-mb-36 {
margin-bottom: 36px;
}
.uni-mb-40 {
margin-bottom: 40px;
}
.uni-mb-44 {
margin-bottom: 44px;
}
.uni-mb-48 {
margin-bottom: 48px;
}
.uni-mb-56 {
margin-bottom: 56px;
}
.uni-mb-64 {
margin-bottom: 64px;
}
.uni-mb-72 {
margin-bottom: 72px;
}
.uni-mb-80 {
margin-bottom: 80px;
}
.uni-mb-96 {
margin-bottom: 96px;
}
.uni-mb-112 {
margin-bottom: 112px;
}
.uni-mb-128 {
margin-bottom: 128px;
}
.uni-mb-144 {
margin-bottom: 144px;
}
.uni-mb-160 {
margin-bottom: 160px;
}
.uni-mb-176 {
margin-bottom: 176px;
}
.uni-mb-192 {
margin-bottom: 192px;
}
.uni-mb-208 {
margin-bottom: 208px;
}
.uni-mb-224 {
margin-bottom: 224px;
}
.uni-mb-240 {
margin-bottom: 240px;
}
.uni-mb-256 {
margin-bottom: 256px;
}
.uni-mb-288 {
margin-bottom: 288px;
}
.uni-mb-320 {
margin-bottom: 320px;
}
.uni-mb-384 {
margin-bottom: 384px;
}
.uni-mb-448 {
margin-bottom: 448px;
}
.uni-mb-512 {
margin-bottom: 512px;
}
.uni-ml-0 {
margin-left: 0px;
}
.uni-ml-2 {
margin-left: 2px;
}
.uni-ml-4 {
margin-left: 4px;
}
.uni-ml-8 {
margin-left: 8px;
}
.uni-ml-10 {
margin-left: 10px;
}
.uni-ml-12 {
margin-left: 12px;
}
.uni-ml-16 {
margin-left: 16px;
}
.uni-ml-18 {
margin-left: 18px;
}
.uni-ml-20 {
margin-left: 20px;
}
.uni-ml-24 {
margin-left: 24px;
}
.uni-ml-28 {
margin-left: 28px;
}
.uni-ml-32 {
margin-left: 32px;
}
.uni-ml-36 {
margin-left: 36px;
}
.uni-ml-40 {
margin-left: 40px;
}
.uni-ml-44 {
margin-left: 44px;
}
.uni-ml-48 {
margin-left: 48px;
}
.uni-ml-56 {
margin-left: 56px;
}
.uni-ml-64 {
margin-left: 64px;
}
.uni-ml-72 {
margin-left: 72px;
}
.uni-ml-80 {
margin-left: 80px;
}
.uni-ml-96 {
margin-left: 96px;
}
.uni-ml-112 {
margin-left: 112px;
}
.uni-ml-128 {
margin-left: 128px;
}
.uni-ml-144 {
margin-left: 144px;
}
.uni-ml-160 {
margin-left: 160px;
}
.uni-ml-176 {
margin-left: 176px;
}
.uni-ml-192 {
margin-left: 192px;
}
.uni-ml-208 {
margin-left: 208px;
}
.uni-ml-224 {
margin-left: 224px;
}
.uni-ml-240 {
margin-left: 240px;
}
.uni-ml-256 {
margin-left: 256px;
}
.uni-ml-288 {
margin-left: 288px;
}
.uni-ml-320 {
margin-left: 320px;
}
.uni-ml-384 {
margin-left: 384px;
}
.uni-ml-448 {
margin-left: 448px;
}
.uni-ml-512 {
margin-left: 512px;
}
.uni-mr-0 {
margin-right: 0px;
}
.uni-mr-2 {
margin-right: 2px;
}
.uni-mr-4 {
margin-right: 4px;
}
.uni-mr-8 {
margin-right: 8px;
}
.uni-mr-10 {
margin-right: 10px;
}
.uni-mr-12 {
margin-right: 12px;
}
.uni-mr-16 {
margin-right: 16px;
}
.uni-mr-18 {
margin-right: 18px;
}
.uni-mr-20 {
margin-right: 20px;
}
.uni-mr-24 {
margin-right: 24px;
}
.uni-mr-28 {
margin-right: 28px;
}
.uni-mr-32 {
margin-right: 32px;
}
.uni-mr-36 {
margin-right: 36px;
}
.uni-mr-40 {
margin-right: 40px;
}
.uni-mr-44 {
margin-right: 44px;
}
.uni-mr-48 {
margin-right: 48px;
}
.uni-mr-56 {
margin-right: 56px;
}
.uni-mr-64 {
margin-right: 64px;
}
.uni-mr-72 {
margin-right: 72px;
}
.uni-mr-80 {
margin-right: 80px;
}
.uni-mr-96 {
margin-right: 96px;
}
.uni-mr-112 {
margin-right: 112px;
}
.uni-mr-128 {
margin-right: 128px;
}
.uni-mr-144 {
margin-right: 144px;
}
.uni-mr-160 {
margin-right: 160px;
}
.uni-mr-176 {
margin-right: 176px;
}
.uni-mr-192 {
margin-right: 192px;
}
.uni-mr-208 {
margin-right: 208px;
}
.uni-mr-224 {
margin-right: 224px;
}
.uni-mr-240 {
margin-right: 240px;
}
.uni-mr-256 {
margin-right: 256px;
}
.uni-mr-288 {
margin-right: 288px;
}
.uni-mr-320 {
margin-right: 320px;
}
.uni-mr-384 {
margin-right: 384px;
}
.uni-mr-448 {
margin-right: 448px;
}
.uni-mr-512 {
margin-right: 512px;
}
.uni-pt-0 {
padding-top: 0px;
}
.uni-pt-2 {
padding-top: 2px;
}
.uni-pt-4 {
padding-top: 4px;
}
.uni-pt-8 {
padding-top: 8px;
}
.uni-pt-10 {
padding-top: 10px;
}
.uni-pt-12 {
padding-top: 12px;
}
.uni-pt-16 {
padding-top: 16px;
}
.uni-pt-18 {
padding-top: 18px;
}
.uni-pt-20 {
padding-top: 20px;
}
.uni-pt-24 {
padding-top: 24px;
}
.uni-pt-28 {
padding-top: 28px;
}
.uni-pt-32 {
padding-top: 32px;
}
.uni-pt-36 {
padding-top: 36px;
}
.uni-pt-40 {
padding-top: 40px;
}
.uni-pt-44 {
padding-top: 44px;
}
.uni-pt-48 {
padding-top: 48px;
}
.uni-pt-56 {
padding-top: 56px;
}
.uni-pt-64 {
padding-top: 64px;
}
.uni-pt-72 {
padding-top: 72px;
}
.uni-pt-80 {
padding-top: 80px;
}
.uni-pt-96 {
padding-top: 96px;
}
.uni-pt-112 {
padding-top: 112px;
}
.uni-pt-128 {
padding-top: 128px;
}
.uni-pt-144 {
padding-top: 144px;
}
.uni-pt-160 {
padding-top: 160px;
}
.uni-pt-176 {
padding-top: 176px;
}
.uni-pt-192 {
padding-top: 192px;
}
.uni-pt-208 {
padding-top: 208px;
}
.uni-pt-224 {
padding-top: 224px;
}
.uni-pt-240 {
padding-top: 240px;
}
.uni-pt-256 {
padding-top: 256px;
}
.uni-pt-288 {
padding-top: 288px;
}
.uni-pt-320 {
padding-top: 320px;
}
.uni-pt-384 {
padding-top: 384px;
}
.uni-pt-448 {
padding-top: 448px;
}
.uni-pt-512 {
padding-top: 512px;
}
.uni-pb-0 {
padding-bottom: 0px;
}
.uni-pb-2 {
padding-bottom: 2px;
}
.uni-pb-4 {
padding-bottom: 4px;
}
.uni-pb-8 {
padding-bottom: 8px;
}
.uni-pb-10 {
padding-bottom: 10px;
}
.uni-pb-12 {
padding-bottom: 12px;
}
.uni-pb-16 {
padding-bottom: 16px;
}
.uni-pb-18 {
padding-bottom: 18px;
}
.uni-pb-20 {
padding-bottom: 20px;
}
.uni-pb-24 {
padding-bottom: 24px;
}
.uni-pb-28 {
padding-bottom: 28px;
}
.uni-pb-32 {
padding-bottom: 32px;
}
.uni-pb-36 {
padding-bottom: 36px;
}
.uni-pb-40 {
padding-bottom: 40px;
}
.uni-pb-44 {
padding-bottom: 44px;
}
.uni-pb-48 {
padding-bottom: 48px;
}
.uni-pb-56 {
padding-bottom: 56px;
}
.uni-pb-64 {
padding-bottom: 64px;
}
.uni-pb-72 {
padding-bottom: 72px;
}
.uni-pb-80 {
padding-bottom: 80px;
}
.uni-pb-96 {
padding-bottom: 96px;
}
.uni-pb-112 {
padding-bottom: 112px;
}
.uni-pb-128 {
padding-bottom: 128px;
}
.uni-pb-144 {
padding-bottom: 144px;
}
.uni-pb-160 {
padding-bottom: 160px;
}
.uni-pb-176 {
padding-bottom: 176px;
}
.uni-pb-192 {
padding-bottom: 192px;
}
.uni-pb-208 {
padding-bottom: 208px;
}
.uni-pb-224 {
padding-bottom: 224px;
}
.uni-pb-240 {
padding-bottom: 240px;
}
.uni-pb-256 {
padding-bottom: 256px;
}
.uni-pb-288 {
padding-bottom: 288px;
}
.uni-pb-320 {
padding-bottom: 320px;
}
.uni-pb-384 {
padding-bottom: 384px;
}
.uni-pb-448 {
padding-bottom: 448px;
}
.uni-pb-512 {
padding-bottom: 512px;
}
.uni-pl-0 {
padding-left: 0px;
}
.uni-pl-2 {
padding-left: 2px;
}
.uni-pl-4 {
padding-left: 4px;
}
.uni-pl-8 {
padding-left: 8px;
}
.uni-pl-10 {
padding-left: 10px;
}
.uni-pl-12 {
padding-left: 12px;
}
.uni-pl-16 {
padding-left: 16px;
}
.uni-pl-18 {
padding-left: 18px;
}
.uni-pl-20 {
padding-left: 20px;
}
.uni-pl-24 {
padding-left: 24px;
}
.uni-pl-28 {
padding-left: 28px;
}
.uni-pl-32 {
padding-left: 32px;
}
.uni-pl-36 {
padding-left: 36px;
}
.uni-pl-40 {
padding-left: 40px;
}
.uni-pl-44 {
padding-left: 44px;
}
.uni-pl-48 {
padding-left: 48px;
}
.uni-pl-56 {
padding-left: 56px;
}
.uni-pl-64 {
padding-left: 64px;
}
.uni-pl-72 {
padding-left: 72px;
}
.uni-pl-80 {
padding-left: 80px;
}
.uni-pl-96 {
padding-left: 96px;
}
.uni-pl-112 {
padding-left: 112px;
}
.uni-pl-128 {
padding-left: 128px;
}
.uni-pl-144 {
padding-left: 144px;
}
.uni-pl-160 {
padding-left: 160px;
}
.uni-pl-176 {
padding-left: 176px;
}
.uni-pl-192 {
padding-left: 192px;
}
.uni-pl-208 {
padding-left: 208px;
}
.uni-pl-224 {
padding-left: 224px;
}
.uni-pl-240 {
padding-left: 240px;
}
.uni-pl-256 {
padding-left: 256px;
}
.uni-pl-288 {
padding-left: 288px;
}
.uni-pl-320 {
padding-left: 320px;
}
.uni-pl-384 {
padding-left: 384px;
}
.uni-pl-448 {
padding-left: 448px;
}
.uni-pl-512 {
padding-left: 512px;
}
.uni-pr-0 {
padding-right: 0px;
}
.uni-pr-2 {
padding-right: 2px;
}
.uni-pr-4 {
padding-right: 4px;
}
.uni-pr-8 {
padding-right: 8px;
}
.uni-pr-10 {
padding-right: 10px;
}
.uni-pr-12 {
padding-right: 12px;
}
.uni-pr-16 {
padding-right: 16px;
}
.uni-pr-18 {
padding-right: 18px;
}
.uni-pr-20 {
padding-right: 20px;
}
.uni-pr-24 {
padding-right: 24px;
}
.uni-pr-28 {
padding-right: 28px;
}
.uni-pr-32 {
padding-right: 32px;
}
.uni-pr-36 {
padding-right: 36px;
}
.uni-pr-40 {
padding-right: 40px;
}
.uni-pr-44 {
padding-right: 44px;
}
.uni-pr-48 {
padding-right: 48px;
}
.uni-pr-56 {
padding-right: 56px;
}
.uni-pr-64 {
padding-right: 64px;
}
.uni-pr-72 {
padding-right: 72px;
}
.uni-pr-80 {
padding-right: 80px;
}
.uni-pr-96 {
padding-right: 96px;
}
.uni-pr-112 {
padding-right: 112px;
}
.uni-pr-128 {
padding-right: 128px;
}
.uni-pr-144 {
padding-right: 144px;
}
.uni-pr-160 {
padding-right: 160px;
}
.uni-pr-176 {
padding-right: 176px;
}
.uni-pr-192 {
padding-right: 192px;
}
.uni-pr-208 {
padding-right: 208px;
}
.uni-pr-224 {
padding-right: 224px;
}
.uni-pr-240 {
padding-right: 240px;
}
.uni-pr-256 {
padding-right: 256px;
}
.uni-pr-288 {
padding-right: 288px;
}
.uni-pr-320 {
padding-right: 320px;
}
.uni-pr-384 {
padding-right: 384px;
}
.uni-pr-448 {
padding-right: 448px;
}
.uni-pr-512 {
padding-right: 512px;
}
.uni-m-0 {
margin: 0px;
}
.uni-gap-0 {
gap: 0px;
}
.uni-p-0 {
padding: 0px;
}
.uni-gap-0 {
gap: 0px;
}
.uni-m-2 {
margin: 2px;
}
.uni-gap-2 {
gap: 2px;
}
.uni-p-2 {
padding: 2px;
}
.uni-gap-2 {
gap: 2px;
}
.uni-m-4 {
margin: 4px;
}
.uni-gap-4 {
gap: 4px;
}
.uni-p-4 {
padding: 4px;
}
.uni-gap-4 {
gap: 4px;
}
.uni-m-8 {
margin: 8px;
}
.uni-gap-8 {
gap: 8px;
}
.uni-p-8 {
padding: 8px;
}
.uni-gap-8 {
gap: 8px;
}
.uni-m-10 {
margin: 10px;
}
.uni-gap-10 {
gap: 10px;
}
.uni-p-10 {
padding: 10px;
}
.uni-gap-10 {
gap: 10px;
}
.uni-m-12 {
margin: 12px;
}
.uni-gap-12 {
gap: 12px;
}
.uni-p-12 {
padding: 12px;
}
.uni-gap-12 {
gap: 12px;
}
.uni-m-16 {
margin: 16px;
}
.uni-gap-16 {
gap: 16px;
}
.uni-p-16 {
padding: 16px;
}
.uni-gap-16 {
gap: 16px;
}
.uni-m-18 {
margin: 18px;
}
.uni-gap-18 {
gap: 18px;
}
.uni-p-18 {
padding: 18px;
}
.uni-gap-18 {
gap: 18px;
}
.uni-m-20 {
margin: 20px;
}
.uni-gap-20 {
gap: 20px;
}
.uni-p-20 {
padding: 20px;
}
.uni-gap-20 {
gap: 20px;
}
.uni-m-24 {
margin: 24px;
}
.uni-gap-24 {
gap: 24px;
}
.uni-p-24 {
padding: 24px;
}
.uni-gap-24 {
gap: 24px;
}
.uni-m-28 {
margin: 28px;
}
.uni-gap-28 {
gap: 28px;
}
.uni-p-28 {
padding: 28px;
}
.uni-gap-28 {
gap: 28px;
}
.uni-m-32 {
margin: 32px;
}
.uni-gap-32 {
gap: 32px;
}
.uni-p-32 {
padding: 32px;
}
.uni-gap-32 {
gap: 32px;
}
.uni-m-36 {
margin: 36px;
}
.uni-gap-36 {
gap: 36px;
}
.uni-p-36 {
padding: 36px;
}
.uni-gap-36 {
gap: 36px;
}
.uni-m-40 {
margin: 40px;
}
.uni-gap-40 {
gap: 40px;
}
.uni-p-40 {
padding: 40px;
}
.uni-gap-40 {
gap: 40px;
}
.uni-m-44 {
margin: 44px;
}
.uni-gap-44 {
gap: 44px;
}
.uni-p-44 {
padding: 44px;
}
.uni-gap-44 {
gap: 44px;
}
.uni-m-48 {
margin: 48px;
}
.uni-gap-48 {
gap: 48px;
}
.uni-p-48 {
padding: 48px;
}
.uni-gap-48 {
gap: 48px;
}
.uni-m-56 {
margin: 56px;
}
.uni-gap-56 {
gap: 56px;
}
.uni-p-56 {
padding: 56px;
}
.uni-gap-56 {
gap: 56px;
}
.uni-m-64 {
margin: 64px;
}
.uni-gap-64 {
gap: 64px;
}
.uni-p-64 {
padding: 64px;
}
.uni-gap-64 {
gap: 64px;
}
.uni-m-72 {
margin: 72px;
}
.uni-gap-72 {
gap: 72px;
}
.uni-p-72 {
padding: 72px;
}
.uni-gap-72 {
gap: 72px;
}
.uni-m-80 {
margin: 80px;
}
.uni-gap-80 {
gap: 80px;
}
.uni-p-80 {
padding: 80px;
}
.uni-gap-80 {
gap: 80px;
}
.uni-m-96 {
margin: 96px;
}
.uni-gap-96 {
gap: 96px;
}
.uni-p-96 {
padding: 96px;
}
.uni-gap-96 {
gap: 96px;
}
.uni-m-112 {
margin: 112px;
}
.uni-gap-112 {
gap: 112px;
}
.uni-p-112 {
padding: 112px;
}
.uni-gap-112 {
gap: 112px;
}
.uni-m-128 {
margin: 128px;
}
.uni-gap-128 {
gap: 128px;
}
.uni-p-128 {
padding: 128px;
}
.uni-gap-128 {
gap: 128px;
}
.uni-m-144 {
margin: 144px;
}
.uni-gap-144 {
gap: 144px;
}
.uni-p-144 {
padding: 144px;
}
.uni-gap-144 {
gap: 144px;
}
.uni-m-160 {
margin: 160px;
}
.uni-gap-160 {
gap: 160px;
}
.uni-p-160 {
padding: 160px;
}
.uni-gap-160 {
gap: 160px;
}
.uni-m-176 {
margin: 176px;
}
.uni-gap-176 {
gap: 176px;
}
.uni-p-176 {
padding: 176px;
}
.uni-gap-176 {
gap: 176px;
}
.uni-m-192 {
margin: 192px;
}
.uni-gap-192 {
gap: 192px;
}
.uni-p-192 {
padding: 192px;
}
.uni-gap-192 {
gap: 192px;
}
.uni-m-208 {
margin: 208px;
}
.uni-gap-208 {
gap: 208px;
}
.uni-p-208 {
padding: 208px;
}
.uni-gap-208 {
gap: 208px;
}
.uni-m-224 {
margin: 224px;
}
.uni-gap-224 {
gap: 224px;
}
.uni-p-224 {
padding: 224px;
}
.uni-gap-224 {
gap: 224px;
}
.uni-m-240 {
margin: 240px;
}
.uni-gap-240 {
gap: 240px;
}
.uni-p-240 {
padding: 240px;
}
.uni-gap-240 {
gap: 240px;
}
.uni-m-256 {
margin: 256px;
}
.uni-gap-256 {
gap: 256px;
}
.uni-p-256 {
padding: 256px;
}
.uni-gap-256 {
gap: 256px;
}
.uni-m-288 {
margin: 288px;
}
.uni-gap-288 {
gap: 288px;
}
.uni-p-288 {
padding: 288px;
}
.uni-gap-288 {
gap: 288px;
}
.uni-m-320 {
margin: 320px;
}
.uni-gap-320 {
gap: 320px;
}
.uni-p-320 {
padding: 320px;
}
.uni-gap-320 {
gap: 320px;
}
.uni-m-384 {
margin: 384px;
}
.uni-gap-384 {
gap: 384px;
}
.uni-p-384 {
padding: 384px;
}
.uni-gap-384 {
gap: 384px;
}
.uni-m-448 {
margin: 448px;
}
.uni-gap-448 {
gap: 448px;
}
.uni-p-448 {
padding: 448px;
}
.uni-gap-448 {
gap: 448px;
}
.uni-m-512 {
margin: 512px;
}
.uni-gap-512 {
gap: 512px;
}
.uni-p-512 {
padding: 512px;
}
.uni-gap-512 {
gap: 512px;
}
.uni-m-a {
margin: auto;
}
.uni-ml-a {
margin-left: auto;
}
.uni-mr-a {
margin-right: auto;
}
.uni-p-a {
padding: auto;
}
.uni-w-full {
width: 100%;
}
.uni-w-a {
width: auto;
}
.uni-w-fit {
width: fit-content;
}
.uni-h-full {
height: 100%;
}
.uni-h-a {
height: auto;
}
.uni-min-h-0 {
min-height: 0;
}
.uni-block {
display: block;
}
.uni-table {
display: table;
}
.uni-table-cell {
display: table-cell;
}
.uni-inline-block {
display: inline-block;
}
.uni-hidden {
display: none;
}
.uni-cursor-default {
cursor: default;
}
.uni-cursor-pointer {
cursor: pointer;
}
.uni-overflow-hidden {
overflow: hidden;
}
.uni-overflow-y-hidden {
overflow-y: hidden;
}
.uni-footer {
background: var(--primary-bg);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.04), 0 -1px 4px 0 rgba(0, 0, 0, 0.16);
}
.uni-success-color {
fill: var(--green-7);
}
.uni-dangerous-color {
fill: var(--red-7);
}
.uni-muted {
color: var(--text-muted);
}
.uni-header-promo {
font-family: "Noto Sans", sans-serif;
font-size: 28px;
font-weight: bold;
line-height: 36px;
color: var(--text-default);
margin: 0;
}
.uni-body-text {
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 20px;
}
.uni-caption-text {
font-family: "Noto Sans", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 16px;
}
.uni-caption-italic {
font-family: "Noto Sans", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 16px;
font-style: italic;
}
.uni-link-caption-italic {
font-family: "Noto Sans", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 16px;
text-decoration: underline;
font-style: italic;
}
.uni-accented-text {
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 20px;
}
.uni-text-center {
text-align: center;
}
.uni-text-right {
text-align: right;
}
.uni-text-left {
text-align: left;
}
.uni-align-baseline {
vertical-align: baseline;
}
.uni-align-top {
vertical-align: top;
}
.uni-align-bottom {
vertical-align: bottom;
}
.uni-align-text-top {
vertical-align: text-top;
}
.uni-align-text-bottom {
vertical-align: text-bottom;
}
.uni-align-sub {
vertical-align: sub;
}
.uni-align-super {
vertical-align: super;
}
.uni-font-bold {
font-weight: 700;
}
.uni-lowercase {
text-transform: lowercase;
}
.uni-uppercase {
text-transform: uppercase;
}
.uni-capitalize {
text-transform: capitalize;
}
.uni-whitespace-nowrap {
white-space: nowrap;
}
.uni-break-all {
word-break: break-all;
}
.uni-break-word {
/* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */
word-break: break-word;
}
.uni-lh-16 {
line-height: 16px;
}
.uni-lh-18 {
line-height: 18px;
}
.uni-lh-24 {
line-height: 24px;
}
.uni-lh-32 {
line-height: 32px;
}
.uni-fs-12 {
font-size: 12px;
}
.uni-fs-13 {
font-size: 13px;
}
.uni-fs-14 {
font-size: 14px;
}
.uni-relative {
position: relative;
}
.uni-absolute {
position: absolute;
}
.uni-sticky {
position: sticky;
}
.uni-fixed {
position: fixed;
}
.uni-top-0 {
top: 0;
}
.uni-bottom-0 {
bottom: 0;
}
.uni-left-0 {
left: 0;
}
.uni-right-0 {
right: 0;
}
.uni-border-solid {
border-style: solid;
}
.uni-border-hidden {
border-style: hidden;
}
.uni-border-none {
border-style: none;
}
.uni-border-1 {
border-width: 1px;
}
.uni-rounded-0 {
border-radius: 0px;
}
.uni-rounded-t-0 {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.uni-rounded-r-0 {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.uni-rounded-b-0 {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.uni-rounded-l-0 {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.uni-rounded-4 {
border-radius: 4px;
}
.uni-rounded-t-4 {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.uni-rounded-r-4 {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.uni-rounded-b-4 {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.uni-rounded-l-4 {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.uni-rounded-24 {
border-radius: 24px;
}
.uni-rounded-t-24 {
border-top-left-radius: 24px;
border-top-right-radius: 24px;
}
.uni-rounded-r-24 {
border-top-right-radius: 24px;
border-bottom-right-radius: 24px;
}
.uni-rounded-b-24 {
border-bottom-right-radius: 24px;
border-bottom-left-radius: 24px;
}
.uni-rounded-l-24 {
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
}
.uni-object-contain {
object-fit: contain;
}
.uni-object-cover {
object-fit: cover;
}
.uni-object-fill {
object-fit: fill;
}
.uni-object-none {
object-fit: none;
}
.uni-object-scale-down {
object-fit: scale-down;
}
select.uni-input,
textarea.uni-input,
input[type=text].uni-input,
input[type=password].uni-input,
input[type=datetime].uni-input,
input[type=datetime-local].uni-input,
input[type=date].uni-input,
input[type=month].uni-input,
input[type=time].uni-input,
input[type=week].uni-input,
input[type=number].uni-input,
input[type=email].uni-input,
input[type=url].uni-input,
input[type=search].uni-input,
input[type=tel].uni-input,
input[type=color].uni-input {
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: 500;
border: 1px solid var(--input-border-default);
border-radius: 4px;
padding: 0 12px;
color: var(--input-text-default);
height: 40px;
width: 100%;
}
select.uni-input::placeholder,
textarea.uni-input::placeholder,
input[type=text].uni-input::placeholder,
input[type=password].uni-input::placeholder,
input[type=datetime].uni-input::placeholder,
input[type=datetime-local].uni-input::placeholder,
input[type=date].uni-input::placeholder,
input[type=month].uni-input::placeholder,
input[type=time].uni-input::placeholder,
input[type=week].uni-input::placeholder,
input[type=number].uni-input::placeholder,
input[type=email].uni-input::placeholder,
input[type=url].uni-input::placeholder,
input[type=search].uni-input::placeholder,
input[type=tel].uni-input::placeholder,
input[type=color].uni-input::placeholder {
color: var(--input-text-disabled);
opacity: 1;
}
select.uni-input:focus,
textarea.uni-input:focus,
input[type=text].uni-input:focus,
input[type=password].uni-input:focus,
input[type=datetime].uni-input:focus,
input[type=datetime-local].uni-input:focus,
input[type=date].uni-input:focus,
input[type=month].uni-input:focus,
input[type=time].uni-input:focus,
input[type=week].uni-input:focus,
input[type=number].uni-input:focus,
input[type=email].uni-input:focus,
input[type=url].uni-input:focus,
input[type=search].uni-input:focus,
input[type=tel].uni-input:focus,
input[type=color].uni-input:focus {
outline: none !important;
border-color: var(--input-border-focused);
box-shadow: 0 0 0 1px var(--input-border-focused);
}
select.uni-input:disabled,
textarea.uni-input:disabled,
input[type=text].uni-input:disabled,
input[type=password].uni-input:disabled,
input[type=datetime].uni-input:disabled,
input[type=datetime-local].uni-input:disabled,
input[type=date].uni-input:disabled,
input[type=month].uni-input:disabled,
input[type=time].uni-input:disabled,
input[type=week].uni-input:disabled,
input[type=number].uni-input:disabled,
input[type=email].uni-input:disabled,
input[type=url].uni-input:disabled,
input[type=search].uni-input:disabled,
input[type=tel].uni-input:disabled,
input[type=color].uni-input:disabled {
color: var(--input-text-disabled);
background: var(--input-bg-disabled);
border: 1px solid var(--input-border-disabled);
}
select.uni-input + .uni-input-password,
textarea.uni-input + .uni-input-password,
input[type=text].uni-input + .uni-input-password,
input[type=password].uni-input + .uni-input-password,
input[type=datetime].uni-input + .uni-input-password,
input[type=datetime-local].uni-input + .uni-input-password,
input[type=date].uni-input + .uni-input-password,
input[type=month].uni-input + .uni-input-password,
input[type=time].uni-input + .uni-input-password,
input[type=week].uni-input + .uni-input-password,
input[type=number].uni-input + .uni-input-password,
input[type=email].uni-input + .uni-input-password,
input[type=url].uni-input + .uni-input-password,
input[type=search].uni-input + .uni-input-password,
input[type=tel].uni-input + .uni-input-password,
input[type=color].uni-input + .uni-input-password {
right: 4px;
}
select.uni-input.uni-input-clear,
textarea.uni-input.uni-input-clear,
input[type=text].uni-input.uni-input-clear,
input[type=password].uni-input.uni-input-clear,
input[type=datetime].uni-input.uni-input-clear,
input[type=datetime-local].uni-input.uni-input-clear,
input[type=date].uni-input.uni-input-clear,
input[type=month].uni-input.uni-input-clear,
input[type=time].uni-input.uni-input-clear,
input[type=week].uni-input.uni-input-clear,
input[type=number].uni-input.uni-input-clear,
input[type=email].uni-input.uni-input-clear,
input[type=url].uni-input.uni-input-clear,
input[type=search].uni-input.uni-input-clear,
input[type=tel].uni-input.uni-input-clear,
input[type=color].uni-input.uni-input-clear {
padding-right: 30px;
}
select.uni-input_narrow,
textarea.uni-input_narrow,
input[type=text].uni-input_narrow,
input[type=password].uni-input_narrow,
input[type=datetime].uni-input_narrow,
input[type=datetime-local].uni-input_narrow,
input[type=date].uni-input_narrow,
input[type=month].uni-input_narrow,
input[type=time].uni-input_narrow,
input[type=week].uni-input_narrow,
input[type=number].uni-input_narrow,
input[type=email].uni-input_narrow,
input[type=url].uni-input_narrow,
input[type=search].uni-input_narrow,
input[type=tel].uni-input_narrow,
input[type=color].uni-input_narrow {
height: 32px;
}
select.uni-input_warning,
textarea.uni-input_warning,
input[type=text].uni-input_warning,
input[type=password].uni-input_warning,
input[type=datetime].uni-input_warning,
input[type=datetime-local].uni-input_warning,
input[type=date].uni-input_warning,
input[type=month].uni-input_warning,
input[type=time].uni-input_warning,
input[type=week].uni-input_warning,
input[type=number].uni-input_warning,
input[type=email].uni-input_warning,
input[type=url].uni-input_warning,
input[type=search].uni-input_warning,
input[type=tel].uni-input_warning,
input[type=color].uni-input_warning {
border: 1px solid var(--input-border-warning);
}
select.uni-input_warning:focus,
textarea.uni-input_warning:focus,
input[type=text].uni-input_warning:focus,
input[type=password].uni-input_warning:focus,
input[type=datetime].uni-input_warning:focus,
input[type=datetime-local].uni-input_warning:focus,
input[type=date].uni-input_warning:focus,
input[type=month].uni-input_warning:focus,
input[type=time].uni-input_warning:focus,
input[type=week].uni-input_warning:focus,
input[type=number].uni-input_warning:focus,
input[type=email].uni-input_warning:focus,
input[type=url].uni-input_warning:focus,
input[type=search].uni-input_warning:focus,
input[type=tel].uni-input_warning:focus,
input[type=color].uni-input_warning:focus {
border: 1px solid var(--input-border-warning);
box-shadow: 0 0 0 1px var(--input-border-warning);
}
select.uni-input_error,
textarea.uni-input_error,
input[type=text].uni-input_error,
input[type=password].uni-input_error,
input[type=datetime].uni-input_error,
input[type=datetime-local].uni-input_error,
input[type=date].uni-input_error,
input[type=month].uni-input_error,
input[type=time].uni-input_error,
input[type=week].uni-input_error,
input[type=number].uni-input_error,
input[type=email].uni-input_error,
input[type=url].uni-input_error,
input[type=search].uni-input_error,
input[type=tel].uni-input_error,
input[type=color].uni-input_error {
border: 1px solid var(--input-border-dangerous);
}
select.uni-input_error:focus,
textarea.uni-input_error:focus,
input[type=text].uni-input_error:focus,
input[type=password].uni-input_error:focus,
input[type=datetime].uni-input_error:focus,
input[type=datetime-local].uni-input_error:focus,
input[type=date].uni-input_error:focus,
input[type=month].uni-input_error:focus,
input[type=time].uni-input_error:focus,
input[type=week].uni-input_error:focus,
input[type=number].uni-input_error:focus,
input[type=email].uni-input_error:focus,
input[type=url].uni-input_error:focus,
input[type=search].uni-input_error:focus,
input[type=tel].uni-input_error:focus,
input[type=color].uni-input_error:focus {
border: 1px solid var(--input-border-dangerous);
box-shadow: 0 0 0 1px var(--input-border-dangerous);
}
select.uni-input.uni-validation_error, select.uni-input.uni-validation_error:focus,
textarea.uni-input.uni-validation_error,
textarea.uni-input.uni-validation_error:focus,
input[type=text].uni-input.uni-validation_error,
input[type=text].uni-input.uni-validation_error:focus,
input[type=password].uni-input.uni-validation_error,
input[type=password].uni-input.uni-validation_error:focus,
input[type=datetime].uni-input.uni-validation_error,
input[type=datetime].uni-input.uni-validation_error:focus,
input[type=datetime-local].uni-input.uni-validation_error,
input[type=datetime-local].uni-input.uni-validation_error:focus,
input[type=date].uni-input.uni-validation_error,
input[type=date].uni-input.uni-validation_error:focus,
input[type=month].uni-input.uni-validation_error,
input[type=month].uni-input.uni-validation_error:focus,
input[type=time].uni-input.uni-validation_error,
input[type=time].uni-input.uni-validation_error:focus,
input[type=week].uni-input.uni-validation_error,
input[type=week].uni-input.uni-validation_error:focus,
input[type=number].uni-input.uni-validation_error,
input[type=number].uni-input.uni-validation_error:focus,
input[type=email].uni-input.uni-validation_error,
input[type=email].uni-input.uni-validation_error:focus,
input[type=url].uni-input.uni-validation_error,
input[type=url].uni-input.uni-validation_error:focus,
input[type=search].uni-input.uni-validation_error,
input[type=search].uni-input.uni-validation_error:focus,
input[type=tel].uni-input.uni-validation_error,
input[type=tel].uni-input.uni-validation_error:focus,
input[type=color].uni-input.uni-validation_error,
input[type=color].uni-input.uni-validation_error:focus {
border: 1px solid var(--input-border-dangerous);
box-shadow: 0 0 0 1px var(--input-border-dangerous);
}
select.uni-input__btn-clear,
textarea.uni-input__btn-clear,
input[type=text].uni-input__btn-clear,
input[type=password].uni-input__btn-clear,
input[type=datetime].uni-input__btn-clear,
input[type=datetime-local].uni-input__btn-clear,
input[type=date].uni-input__btn-clear,
input[type=month].uni-input__btn-clear,
input[type=time].uni-input__btn-clear,
input[type=week].uni-input__btn-clear,
input[type=number].uni-input__btn-clear,
input[type=email].uni-input__btn-clear,
input[type=url].uni-input__btn-clear,
input[type=search].uni-input__btn-clear,
input[type=tel].uni-input__btn-clear,
input[type=color].uni-input__btn-clear {
opacity: 0;
background: none;
border: none;
fill: var(--icon-default);
position: absolute;
padding: 0;
right: 12px;
cursor: pointer;
top: 50%;
transform: translate(0, -50%);
line-height: 0;
}
select.uni-input__btn-clear:focus,
textarea.uni-input__btn-clear:focus,
input[type=text].uni-input__btn-clear:focus,
input[type=password].uni-input__btn-clear:focus,
input[type=datetime].uni-input__btn-clear:focus,
input[type=datetime-local].uni-input__btn-clear:focus,
input[type=date].uni-input__btn-clear:focus,
input[type=month].uni-input__btn-clear:focus,
input[type=time].uni-input__btn-clear:focus,
input[type=week].uni-input__btn-clear:focus,
input[type=number].uni-input__btn-clear:focus,
input[type=email].uni-input__btn-clear:focus,
input[type=url].uni-input__btn-clear:focus,
input[type=search].uni-input__btn-clear:focus,
input[type=tel].uni-input__btn-clear:focus,
input[type=color].uni-input__btn-clear:focus {
outline: none !important;
}
select.uni-input:focus ~ select.uni-input__btn-clear,
select.uni-input:focus ~ textarea.uni-input__btn-clear,
select.uni-input:focus ~ input[type=text].uni-input__btn-clear,
select.uni-input:focus ~ input[type=password].uni-input__btn-clear,
select.uni-input:focus ~ input[type=datetime].uni-input__btn-clear,
select.uni-input:focus ~ input[type=datetime-local].uni-input__btn-clear,
select.uni-input:focus ~ input[type=date].uni-input__btn-clear,
select.uni-input:focus ~ input[type=month].uni-input__btn-clear,
select.uni-input:focus ~ input[type=time].uni-input__btn-clear,
select.uni-input:focus ~ input[type=week].uni-input__btn-clear,
select.uni-input:focus ~ input[type=number].uni-input__btn-clear,
select.uni-input:focus ~ input[type=email].uni-input__btn-clear,
select.uni-input:focus ~ input[type=url].uni-input__btn-clear,
select.uni-input:focus ~ input[type=search].uni-input__btn-clear,
select.uni-input:focus ~ input[type=tel].uni-input__btn-clear,
select.uni-input:focus ~ input[type=color].uni-input__btn-clear,
textarea.uni-input:focus ~ select.uni-input__btn-clear,
textarea.uni-input:focus ~ textarea.uni-input__btn-clear,
textarea.uni-input:focus ~ input[type=text].uni-input__btn-clear,
textarea.uni-input:focus ~ input[type=password].uni-input__btn-clear,
textarea.uni-input:focus ~ input[type=datetime].uni-input__btn-clear,
textarea.uni-input:focus ~ input[type=datetime-local].uni-input__btn-clear,
textarea.uni-input:focus ~ input[type=date].uni-input__btn-clear,
textarea.uni-input:focus ~ input[type=month].uni-input__btn-clear,
textarea.uni-input:focus ~ input[type=time].uni-input__btn-clear,
textarea.uni-input:focus ~ input[type=week].uni-input__btn-clear,
textarea.uni-input:focus ~ input[type=number].uni-input__btn-clear,
textarea.uni-input:focus ~ input[type=email].uni-input__btn-clear,
textarea.uni-input:focus ~ input[type=url].uni-input__btn-clear,
textarea.uni-input:focus ~ input[type=search].uni-input__btn-clear,
textarea.uni-input:focus ~ input[type=tel].uni-input__btn-clear,
textarea.uni-input:focus ~ input[type=color].uni-input__btn-clear,
input[type=text].uni-input:focus ~ select.uni-input__btn-clear,
input[type=text].uni-input:focus ~ textarea.uni-input__btn-clear,
input[type=text].uni-input:focus ~ input[type=text].uni-input__btn-clear,
input[type=text].uni-input:focus ~ input[type=password].uni-input__btn-clear,
input[type=text].uni-input:focus ~ input[type=datetime].uni-input__btn-clear,
input[type=text].uni-input:focus ~ input[type=datetime-local].uni-input__btn-clear,
input[type=text].uni-input:focus ~ input[type=date].uni-input__btn-clear,
input[type=text].uni-input:focus ~ input[type=month].uni-input__btn-clear,
input[type=text].uni-input:focus ~ input[type=time].uni-input__btn-clear,
input[type=text].uni-input:focus ~ input[type=week].uni-input__btn-clear,
input[type=text].uni-input:focus ~ input[type=number].uni-input__btn-clear,
input[type=text].uni-input:focus ~ input[type=email].uni-input__btn-clear,
input[type=text].uni-input:focus ~ input[type=url].uni-input__btn-clear,
input[type=text].uni-input:focus ~ input[type=search].uni-input__btn-clear,
input[type=text].uni-input:focus ~ input[type=tel].uni-input__btn-clear,
input[type=text].uni-input:focus ~ input[type=color].uni-input__btn-clear,
input[type=password].uni-input:focus ~ select.uni-input__btn-clear,
input[type=password].uni-input:focus ~ textarea.uni-input__btn-clear,
input[type=password].uni-input:focus ~ input[type=text].uni-input__btn-clear,
input[type=password].uni-input:focus ~ input[type=password].uni-input__btn-clear,
input[type=password].uni-input:focus ~ input[type=datetime].uni-input__btn-clear,
input[type=password].uni-input:focus ~ input[type=datetime-local].uni-input__btn-clear,
input[type=password].uni-input:focus ~ input[type=date].uni-input__btn-clear,
input[type=password].uni-input:focus ~ input[type=month].uni-input__btn-clear,
input[type=password].uni-input:focus ~ input[type=time].uni-input__btn-clear,
input[type=password].uni-input:focus ~ input[type=week].uni-input__btn-clear,
input[type=password].uni-input:focus ~ input[type=number].uni-input__btn-clear,
input[type=password].uni-input:focus ~ input[type=email].uni-input__btn-clear,
input[type=password].uni-input:focus ~ input[type=url].uni-input__btn-clear,
input[type=password].uni-input:focus ~ input[type=search].uni-input__btn-clear,
input[type=password].uni-input:focus ~ input[type=tel].uni-input__btn-clear,
input[type=password].uni-input:focus ~ input[type=color].uni-input__btn-clear,
input[type=datetime].uni-input:focus ~ select.uni-input__btn-clear,
input[type=datetime].uni-input:focus ~ textarea.uni-input__btn-clear,
input[type=datetime].uni-input:focus ~ input[type=text].uni-input__btn-clear,
input[type=datetime].uni-input:focus ~ input[type=password].uni-input__btn-clear,
input[type=datetime].uni-input:focus ~ input[type=datetime].uni-input__btn-clear,
input[type=datetime].uni-input:focus ~ input[type=datetime-local].uni-input__btn-clear,
input[type=datetime].uni-input:focus ~ input[type=date].uni-input__btn-clear,
input[type=datetime].uni-input:focus ~ input[type=month].uni-input__btn-clear,
input[type=datetime].uni-input:focus ~ input[type=time].uni-input__btn-clear,
input[type=datetime].uni-input:focus ~ input[type=week].uni-input__btn-clear,
input[type=datetime].uni-input:focus ~ input[type=number].uni-input__btn-clear,
input[type=datetime].uni-input:focus ~ input[type=email].uni-input__btn-clear,
input[type=datetime].uni-input:focus ~ input[type=url].uni-input__btn-clear,
input[type=datetime].uni-input:focus ~ input[type=search].uni-input__btn-clear,
input[type=datetime].uni-input:focus ~ input[type=tel].uni-input__btn-clear,
input[type=datetime].uni-input:focus ~ input[type=color].uni-input__btn-clear,
input[type=datetime-local].uni-input:focus ~ select.uni-input__btn-clear,
input[type=datetime-local].uni-input:focus ~ textarea.uni-input__btn-clear,
input[type=datetime-local].uni-input:focus ~ input[type=text].uni-input__btn-clear,
input[type=datetime-local].uni-input:focus ~ input[type=password].uni-input__btn-clear,
input[type=datetime-local].uni-input:focus ~ input[type=datetime].uni-input__btn-clear,
input[type=datetime-local].uni-input:focus ~ input[type=datetime-local].uni-input__btn-clear,
input[type=datetime-local].uni-input:focus ~ input[type=date].uni-input__btn-clear,
input[type=datetime-local].uni-input:focus ~ input[type=month].uni-input__btn-clear,
input[type=datetime-local].uni-input:focus ~ input[type=time].uni-input__btn-clear,
input[type=datetime-local].uni-input:focus ~ input[type=week].uni-input__btn-clear,
input[type=datetime-local].uni-input:focus ~ input[type=number].uni-input__btn-clear,
input[type=datetime-local].uni-input:focus ~ input[type=email].uni-input__btn-clear,
input[type=datetime-local].uni-input:focus ~ input[type=url].uni-input__btn-clear,
input[type=datetime-local].uni-input:focus ~ input[type=search].uni-input__btn-clear,
input[type=datetime-local].uni-input:focus ~ input[type=tel].uni-input__btn-clear,
input[type=datetime-local].uni-input:focus ~ input[type=color].uni-input__btn-clear,
input[type=date].uni-input:focus ~ select.uni-input__btn-clear,
input[type=date].uni-input:focus ~ textarea.uni-input__btn-clear,
input[type=date].uni-input:focus ~ input[type=text].uni-input__btn-clear,
input[type=date].uni-input:focus ~ input[type=password].uni-input__btn-clear,
input[type=date].uni-input:focus ~ input[type=datetime].uni-input__btn-clear,
input[type=date].uni-input:focus ~ input[type=datetime-local].uni-input__btn-clear,
input[type=date].uni-input:focus ~ input[type=date].uni-input__btn-clear,
input[type=date].uni-input:focus ~ input[type=month].uni-input__btn-clear,
input[type=date].uni-input:focus ~ input[type=time].uni-input__btn-clear,
input[type=date].uni-input:focus ~ input[type=week].uni-input__btn-clear,
input[type=date].uni-input:focus ~ input[type=number].uni-input__btn-clear,
input[type=date].uni-input:focus ~ input[type=email].uni-input__btn-clear,
input[type=date].uni-input:focus ~ input[type=url].uni-input__btn-clear,
input[type=date].uni-input:focus ~ input[type=search].uni-input__btn-clear,
input[type=date].uni-input:focus ~ input[type=tel].uni-input__btn-clear,
input[type=date].uni-input:focus ~ input[type=color].uni-input__btn-clear,
input[type=month].uni-input:focus ~ select.uni-input__btn-clear,
input[type=month].uni-input:focus ~ textarea.uni-input__btn-clear,
input[type=month].uni-input:focus ~ input[type=text].uni-input__btn-clear,
input[type=month].uni-input:focus ~ input[type=password].uni-input__btn-clear,
input[type=month].uni-input:focus ~ input[type=datetime].uni-input__btn-clear,
input[type=month].uni-input:focus ~ input[type=datetime-local].uni-input__btn-clear,
input[type=month].uni-input:focus ~ input[type=date].uni-input__btn-clear,
input[type=month].uni-input:focus ~ input[type=month].uni-input__btn-clear,
input[type=month].uni-input:focus ~ input[type=time].uni-input__btn-clear,
input[type=month].uni-input:focus ~ input[type=week].uni-input__btn-clear,
input[type=month].uni-input:focus ~ input[type=number].uni-input__btn-clear,
input[type=month].uni-input:focus ~ input[type=email].uni-input__btn-clear,
input[type=month].uni-input:focus ~ input[type=url].uni-input__btn-clear,
input[type=month].uni-input:focus ~ input[type=search].uni-input__btn-clear,
input[type=month].uni-input:focus ~ input[type=tel].uni-input__btn-clear,
input[type=month].uni-input:focus ~ input[type=color].uni-input__btn-clear,
input[type=time].uni-input:focus ~ select.uni-input__btn-clear,
input[type=time].uni-input:focus ~ textarea.uni-input__btn-clear,
input[type=time].uni-input:focus ~ input[type=text].uni-input__btn-clear,
input[type=time].uni-input:focus ~ input[type=password].uni-input__btn-clear,
input[type=time].uni-input:focus ~ input[type=datetime].uni-input__btn-clear,
input[type=time].uni-input:focus ~ input[type=datetime-local].uni-input__btn-clear,
input[type=time].uni-input:focus ~ input[type=date].uni-input__btn-clear,
input[type=time].uni-input:focus ~ input[type=month].uni-input__btn-clear,
input[type=time].uni-input:focus ~ input[type=time].uni-input__btn-clear,
input[type=time].uni-input:focus ~ input[type=week].uni-input__btn-clear,
input[type=time].uni-input:focus ~ input[type=number].uni-input__btn-clear,
input[type=time].uni-input:focus ~ input[type=email].uni-input__btn-clear,
input[type=time].uni-input:focus ~ input[type=url].uni-input__btn-clear,
input[type=time].uni-input:focus ~ input[type=search].uni-input__btn-clear,
input[type=time].uni-input:focus ~ input[type=tel].uni-input__btn-clear,
input[type=time].uni-input:focus ~ input[type=color].uni-input__btn-clear,
input[type=week].uni-input:focus ~ select.uni-input__btn-clear,
input[type=week].uni-input:focus ~ textarea.uni-input__btn-clear,
input[type=week].uni-input:focus ~ input[type=text].uni-input__btn-clear,
input[type=week].uni-input:focus ~ input[type=password].uni-input__btn-clear,
input[type=week].uni-input:focus ~ input[type=datetime].uni-input__btn-clear,
input[type=week].uni-input:focus ~ input[type=datetime-local].uni-input__btn-clear,
input[type=week].uni-input:focus ~ input[type=date].uni-input__btn-clear,
input[type=week].uni-input:focus ~ input[type=month].uni-input__btn-clear,
input[type=week].uni-input:focus ~ input[type=time].uni-input__btn-clear,
input[type=week].uni-input:focus ~ input[type=week].uni-input__btn-clear,
input[type=week].uni-input:focus ~ input[type=number].uni-input__btn-clear,
input[type=week].uni-input:focus ~ input[type=email].uni-input__btn-clear,
input[type=week].uni-input:focus ~ input[type=url].uni-input__btn-clear,
input[type=week].uni-input:focus ~ input[type=search].uni-input__btn-clear,
input[type=week].uni-input:focus ~ input[type=tel].uni-input__btn-clear,
input[type=week].uni-input:focus ~ input[type=color].uni-input__btn-clear,
input[type=number].uni-input:focus ~ select.uni-input__btn-clear,
input[type=number].uni-input:focus ~ textarea.uni-input__btn-clear,
input[type=number].uni-input:focus ~ input[type=text].uni-input__btn-clear,
input[type=number].uni-input:focus ~ input[type=password].uni-input__btn-clear,
input[type=number].uni-input:focus ~ input[type=datetime].uni-input__btn-clear,
input[type=number].uni-input:focus ~ input[type=datetime-local].uni-input__btn-clear,
input[type=number].uni-input:focus ~ input[type=date].uni-input__btn-clear,
input[type=number].uni-input:focus ~ input[type=month].uni-input__btn-clear,
input[type=number].uni-input:focus ~ input[type=time].uni-input__btn-clear,
input[type=number].uni-input:focus ~ input[type=week].uni-input__btn-clear,
input[type=number].uni-input:focus ~ input[type=number].uni-input__btn-clear,
input[type=number].uni-input:focus ~ input[type=email].uni-input__btn-clear,
input[type=number].uni-input:focus ~ input[type=url].uni-input__btn-clear,
input[type=number].uni-input:focus ~ input[type=search].uni-input__btn-clear,
input[type=number].uni-input:focus ~ input[type=tel].uni-input__btn-clear,
input[type=number].uni-input:focus ~ input[type=color].uni-input__btn-clear,
input[type=email].uni-input:focus ~ select.uni-input__btn-clear,
input[type=email].uni-input:focus ~ textarea.uni-input__btn-clear,
input[type=email].uni-input:focus ~ input[type=text].uni-input__btn-clear,
input[type=email].uni-input:focus ~ input[type=password].uni-input__btn-clear,
input[type=email].uni-input:focus ~ input[type=datetime].uni-input__btn-clear,
input[type=email].uni-input:focus ~ input[type=datetime-local].uni-input__btn-clear,
input[type=email].uni-input:focus ~ input[type=date].uni-input__btn-clear,
input[type=email].uni-input:focus ~ input[type=month].uni-input__btn-clear,
input[type=email].uni-input:focus ~ input[type=time].uni-input__btn-clear,
input[type=email].uni-input:focus ~ input[type=week].uni-input__btn-clear,
input[type=email].uni-input:focus ~ input[type=number].uni-input__btn-clear,
input[type=email].uni-input:focus ~ input[type=email].uni-input__btn-clear,
input[type=email].uni-input:focus ~ input[type=url].uni-input__btn-clear,
input[type=email].uni-input:focus ~ input[type=search].uni-input__btn-clear,
input[type=email].uni-input:focus ~ input[type=tel].uni-input__btn-clear,
input[type=email].uni-input:focus ~ input[type=color].uni-input__btn-clear,
input[type=url].uni-input:focus ~ select.uni-input__btn-clear,
input[type=url].uni-input:focus ~ textarea.uni-input__btn-clear,
input[type=url].uni-input:focus ~ input[type=text].uni-input__btn-clear,
input[type=url].uni-input:focus ~ input[type=password].uni-input__btn-clear,
input[type=url].uni-input:focus ~ input[type=datetime].uni-input__btn-clear,
input[type=url].uni-input:focus ~ input[type=datetime-local].uni-input__btn-clear,
input[type=url].uni-input:focus ~ input[type=date].uni-input__btn-clear,
input[type=url].uni-input:focus ~ input[type=month].uni-input__btn-clear,
input[type=url].uni-input:focus ~ input[type=time].uni-input__btn-clear,
input[type=url].uni-input:focus ~ input[type=week].uni-input__btn-clear,
input[type=url].uni-input:focus ~ input[type=number].uni-input__btn-clear,
input[type=url].uni-input:focus ~ input[type=email].uni-input__btn-clear,
input[type=url].uni-input:focus ~ input[type=url].uni-input__btn-clear,
input[type=url].uni-input:focus ~ input[type=search].uni-input__btn-clear,
input[type=url].uni-input:focus ~ input[type=tel].uni-input__btn-clear,
input[type=url].uni-input:focus ~ input[type=color].uni-input__btn-clear,
input[type=search].uni-input:focus ~ select.uni-input__btn-clear,
input[type=search].uni-input:focus ~ textarea.uni-input__btn-clear,
input[type=search].uni-input:focus ~ input[type=text].uni-input__btn-clear,
input[type=search].uni-input:focus ~ input[type=password].uni-input__btn-clear,
input[type=search].uni-input:focus ~ input[type=datetime].uni-input__btn-clear,
input[type=search].uni-input:focus ~ input[type=datetime-local].uni-input__btn-clear,
input[type=search].uni-input:focus ~ input[type=date].uni-input__btn-clear,
input[type=search].uni-input:focus ~ input[type=month].uni-input__btn-clear,
input[type=search].uni-input:focus ~ input[type=time].uni-input__btn-clear,
input[type=search].uni-input:focus ~ input[type=week].uni-input__btn-clear,
input[type=search].uni-input:focus ~ input[type=number].uni-input__btn-clear,
input[type=search].uni-input:focus ~ input[type=email].uni-input__btn-clear,
input[type=search].uni-input:focus ~ input[type=url].uni-input__btn-clear,
input[type=search].uni-input:focus ~ input[type=search].uni-input__btn-clear,
input[type=search].uni-input:focus ~ input[type=tel].uni-input__btn-clear,
input[type=search].uni-input:focus ~ input[type=color].uni-input__btn-clear,
input[type=tel].uni-input:focus ~ select.uni-input__btn-clear,
input[type=tel].uni-input:focus ~ textarea.uni-input__btn-clear,
input[type=tel].uni-input:focus ~ input[type=text].uni-input__btn-clear,
input[type=tel].uni-input:focus ~ input[type=password].uni-input__btn-clear,
input[type=tel].uni-input:focus ~ input[type=datetime].uni-input__btn-clear,
input[type=tel].uni-input:focus ~ input[type=datetime-local].uni-input__btn-clear,
input[type=tel].uni-input:focus ~ input[type=date].uni-input__btn-clear,
input[type=tel].uni-input:focus ~ input[type=month].uni-input__btn-clear,
input[type=tel].uni-input:focus ~ input[type=time].uni-input__btn-clear,
input[type=tel].uni-input:focus ~ input[type=week].uni-input__btn-clear,
input[type=tel].uni-input:focus ~ input[type=number].uni-input__btn-clear,
input[type=tel].uni-input:focus ~ input[type=email].uni-input__btn-clear,
input[type=tel].uni-input:focus ~ input[type=url].uni-input__btn-clear,
input[type=tel].uni-input:focus ~ input[type=search].uni-input__btn-clear,
input[type=tel].uni-input:focus ~ input[type=tel].uni-input__btn-clear,
input[type=tel].uni-input:focus ~ input[type=color].uni-input__btn-clear,
input[type=color].uni-input:focus ~ select.uni-input__btn-clear,
input[type=color].uni-input:focus ~ textarea.uni-input__btn-clear,
input[type=color].uni-input:focus ~ input[type=text].uni-input__btn-clear,
input[type=color].uni-input:focus ~ input[type=password].uni-input__btn-clear,
input[type=color].uni-input:focus ~ input[type=datetime].uni-input__btn-clear,
input[type=color].uni-input:focus ~ input[type=datetime-local].uni-input__btn-clear,
input[type=color].uni-input:focus ~ input[type=date].uni-input__btn-clear,
input[type=color].uni-input:focus ~ input[type=month].uni-input__btn-clear,
input[type=color].uni-input:focus ~ input[type=time].uni-input__btn-clear,
input[type=color].uni-input:focus ~ input[type=week].uni-input__btn-clear,
input[type=color].uni-input:focus ~ input[type=number].uni-input__btn-clear,
input[type=color].uni-input:focus ~ input[type=email].uni-input__btn-clear,
input[type=color].uni-input:focus ~ input[type=url].uni-input__btn-clear,
input[type=color].uni-input:focus ~ input[type=search].uni-input__btn-clear,
input[type=color].uni-input:focus ~ input[type=tel].uni-input__btn-clear,
input[type=color].uni-input:focus ~ input[type=color].uni-input__btn-clear {
opacity: 1;
}
select.uni-input__prefix-icon,
textarea.uni-input__prefix-icon,
input[type=text].uni-input__prefix-icon,
input[type=password].uni-input__prefix-icon,
input[type=datetime].uni-input__prefix-icon,
input[type=datetime-local].uni-input__prefix-icon,
input[type=date].uni-input__prefix-icon,
input[type=month].uni-input__prefix-icon,
input[type=time].uni-input__prefix-icon,
input[type=week].uni-input__prefix-icon,
input[type=number].uni-input__prefix-icon,
input[type=email].uni-input__prefix-icon,
input[type=url].uni-input__prefix-icon,
input[type=search].uni-input__prefix-icon,
input[type=tel].uni-input__prefix-icon,
input[type=color].uni-input__prefix-icon {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
fill: var(--icon-default);
top: 8px;
left: 12px;
width: 16px;
height: 16px;
}
select.uni-input__postfix-text,
textarea.uni-input__postfix-text,
input[type=text].uni-input__postfix-text,
input[type=password].uni-input__postfix-text,
input[type=datetime].uni-input__postfix-text,
input[type=datetime-local].uni-input__postfix-text,
input[type=date].uni-input__postfix-text,
input[type=month].uni-input__postfix-text,
input[type=time].uni-input__postfix-text,
input[type=week].uni-input__postfix-text,
input[type=number].uni-input__postfix-text,
input[type=email].uni-input__postfix-text,
input[type=url].uni-input__postfix-text,
input[type=search].uni-input__postfix-text,
input[type=tel].uni-input__postfix-text,
input[type=color].uni-input__postfix-text {
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: normal;
position: absolute;
line-height: 20px;
top: 6px;
right: 12px;
color: var(--text-disabled);
}
select.uni-input__postfix-text_filled,
textarea.uni-input__postfix-text_filled,
input[type=text].uni-input__postfix-text_filled,
input[type=password].uni-input__postfix-text_filled,
input[type=datetime].uni-input__postfix-text_filled,
input[type=datetime-local].uni-input__postfix-text_filled,
input[type=date].uni-input__postfix-text_filled,
input[type=month].uni-input__postfix-text_filled,
input[type=time].uni-input__postfix-text_filled,
input[type=week].uni-input__postfix-text_filled,
input[type=number].uni-input__postfix-text_filled,
input[type=email].uni-input__postfix-text_filled,
input[type=url].uni-input__postfix-text_filled,
input[type=search].uni-input__postfix-text_filled,
input[type=tel].uni-input__postfix-text_filled,
input[type=color].uni-input__postfix-text_filled {
color: var(--text-default);
}
select.uni-input_right-aligned,
textarea.uni-input_right-aligned,
input[type=text].uni-input_right-aligned,
input[type=password].uni-input_right-aligned,
input[type=datetime].uni-input_right-aligned,
input[type=datetime-local].uni-input_right-aligned,
input[type=date].uni-input_right-aligned,
input[type=month].uni-input_right-aligned,
input[type=time].uni-input_right-aligned,
input[type=week].uni-input_right-aligned,
input[type=number].uni-input_right-aligned,
input[type=email].uni-input_right-aligned,
input[type=url].uni-input_right-aligned,
input[type=search].uni-input_right-aligned,
input[type=tel].uni-input_right-aligned,
input[type=color].uni-input_right-aligned {
text-align: right;
}
select.uni-input_with-icon,
textarea.uni-input_with-icon,
input[type=text].uni-input_with-icon,
input[type=password].uni-input_with-icon,
input[type=datetime].uni-input_with-icon,
input[type=datetime-local].uni-input_with-icon,
input[type=date].uni-input_with-icon,
input[type=month].uni-input_with-icon,
input[type=time].uni-input_with-icon,
input[type=week].uni-input_with-icon,
input[type=number].uni-input_with-icon,
input[type=email].uni-input_with-icon,
input[type=url].uni-input_with-icon,
input[type=search].uni-input_with-icon,
input[type=tel].uni-input_with-icon,
input[type=color].uni-input_with-icon {
padding-left: 32px;
}
.uni-textarea {
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 20px;
border: 1px solid var(--input-border-default);
border-radius: 4px;
color: var(--input-text-default);
min-height: 56px;
padding: 8px 12px;
resize: none;
vertical-align: top;
}
.uni-textarea::placeholder {
color: var(--input-text-disabled);
}
.uni-textarea:disabled {
color: var(--input-text-disabled);
background: var(--input-bg-disabled);
border-color: var(--input-border-disabled);
}
.uni-textarea:focus {
outline: none !important;
border: 1px solid var(--input-border-focused);
box-shadow: 0 0 0 1px var(--input-border-focused);
}
.uni-textarea_warning, .uni-textarea_warning:focus {
outline: none !important;
border: 1px solid var(--input-border-warning);
}
.uni-textarea_warning:focus {
box-shadow: 0 0 0 1px var(--input-border-warning);
}
.uni-textarea_error, .uni-textarea_error:focus {
outline: none !important;
border: 1px solid var(--input-border-dangerous);
}
.uni-textarea_error:focus {
box-shadow: 0 0 0 1px var(--input-border-dangerous);
}
.uni-textarea.uni-validation_error, .uni-textarea.uni-validation_error:focus {
outline: none !important;
border: 1px solid var(--input-border-dangerous);
box-shadow: 0 0 0 1px var(--input-border-dangerous);
}
.uni-textarea::-webkit-scrollbar {
width: 11px;
height: 18px;
}
.uni-textarea::-webkit-scrollbar-thumb {
height: 34px;
border: 3px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
border-radius: 7px;
background-color: var(--gray-6);
}
.uni-textarea::-webkit-scrollbar-button {
width: 0;
height: 0;
display: none;
}
.uni-textarea::-webkit-scrollbar-corner {
background-color: transparent;
}
.uni-panel {
padding: 24px;
border-radius: 4px;
background: white;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.04), 0 1px 4px rgba(0, 0, 0, 0.16);
}
.uni-panel_stacked-bottom {
border-radius: 4px 4px 0 0;
}
.uni-panel_stacked-top {
border-radius: 0 0 4px 4px;
}
table.uni-table {
border-left: 1px solid var(--border-neutral);
border-right: 1px solid var(--border-neutral);
border-spacing: 0;
}
table.uni-table tr.uni-table__row-active td {
background: var(--bg-selected);
}
table.uni-table tr:hover td {
background: var(--bg-hovered);
}
table.uni-table td,
table.uni-table th {
text-align: left;
border-bottom: 1px solid var(--border-neutral);
}
table.uni-table td.uni-table__border-left,
table.uni-table th.uni-table__border-left {
border-left: 1px solid var(--border-neutral);
}
table.uni-table td.uni-table__border-right,
table.uni-table th.uni-table__border-right {
border-right: 1px solid var(--border-neutral);
}
table.uni-table td.uni-table__slim-cell,
table.uni-table th.uni-table__slim-cell {
padding-left: 8px;
padding-right: 8px;
}
table.uni-table td {
color: var(--text-default);
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: normal;
background: white;
transition: background-color 0.3s ease-in-out;
padding: 10px 16px;
}
table.uni-table td.uni-table__narrow-cell {
padding-top: 6px;
padding-bottom: 6px;
}
table.uni-table td.uni-table__cell-no-padding {
padding: 0 0;
}
table.uni-table td.uni-table__error-cell {
color: var(--primary-error);
}
table.uni-table td.uni-table__error-cell::before {
display: inline-block;
vertical-align: top;
width: 16px;
height: 16px;
margin: 2px 8px 2px 0;
content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath fill='%23DD1D2A' fill-rule='evenodd' d='M1.707 7.293a1 1 0 0 0 0 1.414l5.586 5.586a1 1 0 0 0 1.414 0l5.586-5.586a1 1 0 0 0 0-1.414L8.707 1.707a1 1 0 0 0-1.414 0L1.707 7.293ZM4.5 8c0 .414.336.75.75.75h5.5a.75.75 0 0 0 0-1.5h-5.5A.75.75 0 0 0 4.5 8Z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
table.uni-table td.uni-table__align-right {
text-align: right;
}
table.uni-table th {
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: 500;
padding: 6px 16px;
background: var(--bg-default-component);
color: var(--text-muted);
border-top: 1px solid var(--border-neutral);
}
table.uni-table tfoot tr td {
padding: 0;
}
table.uni-table.uni-fixed-table.uni-fixed-table_filtered thead th {
top: 48px;
}
table.uni-table.uni-fixed-table thead th {
position: sticky;
top: 0;
margin-bottom: 48px;
}
table.uni-table.uni-fixed-table tbody:not(:last-child) tr:last-of-type {
/* stylelint-disable-next-line max-nesting-depth */
}
table.uni-table.uni-fixed-table tbody:not(:last-child) tr:last-of-type td {
border-bottom: none;
}
table.uni-table.uni-fixed-table tfoot td {
position: sticky;
bottom: 0;
border-top: 1px solid var(--border-neutral);
margin-top: 32px;
}
table.uni-table.uni-table_no-pagination tbody:not(:last-child) tr:last-of-type {
/* stylelint-disable-next-line max-nesting-depth */
}
table.uni-table.uni-table_no-pagination tbody:not(:last-child) tr:last-of-type td {
border-bottom: 1px solid var(--border-neutral);
}
table.uni-table tr:focus-visible,
table.uni-table td:focus-visible,
table.uni-table th:focus-visible {
position: relative;
border-radius: 2px;
outline: none;
z-index: 2;
box-shadow: 0 0 0 2px var(--focus-indicator-primary-default), 0 0 0 4px var(--focus-indicator-primary);
}
table.uni-table:focus, table.uni-table:focus-visible {
outline: none;
}
.uni-fixed-table-filters {
padding-top: 8px;
padding-bottom: 8px;
margin-top: -8px;
position: sticky;
top: 0;
background: var(--bg-default-page);
z-index: 2;
}
.uni-filters-group {
display: flex;
width: fit-content;
height: 32px;
border-radius: 4px;
background: var(--white);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.04), 0 1px 4px rgba(0, 0, 0, 0.16);
}
.uni-filters-group uni-select,
.uni-filters-group uni-filter-with-multiple-choice {
position: relative;
padding: 4px 8px;
}
.uni-filters-group uni-select.delimiter::after,
.uni-filters-group uni-filter-with-multiple-choice.delimiter::after {
content: "";
position: absolute;
display: inline-block;
width: 1px;
height: 16px;
right: 0;
top: 8px;
background: var(--gray-3);
}
.uni-filters-dropdown {
margin-top: 4px;
}
.uni-table-tag {
background: var(--gray-2);
border: solid 1px var(--gray-4);
text-align: center;
display: block;
white-space: nowrap;
padding: 0 20px;
}
.uni-table__button-icon {
border: none;
background: none;
fill: var(--gray-6);
cursor: pointer;
display: inline-block;
}
.uni-table__button-icon:focus-visible {
position: relative;
border-radius: 2px;
outline: none;
z-index: 1;
box-shadow: 0 0 0 2px var(--white-0), 0 0 0 4px var(--focus-indicator-primary-default), 0 0 0 6px var(--focus-indicator-primary);
}
.uni-link {
/* default */
--lnk-default: var(--btn-text-default);
--lnk-hovered: var(--btn-text-pressed-default);
--lnk-disabled: var(--text-disabled);
/* neutral */
--lnk-neutral: var(--btn-text-neutral);
--lnk-neutral-hovered: var(--btn-text-pressed-neutral);
/* muted */
--lnk-muted: var(--text-muted);
/* inverted */
--lnk-inverted-hovered: var(--text-inverted);
}
.uni-link {
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 20px;
text-decoration: underline;
color: var(--lnk-default);
fill: var(--lnk-default);
}
.uni-link:hover, .uni-link:focus, .uni-link:active {
color: var(--lnk-hovered);
fill: var(--lnk-hovered);
}
.uni-link:focus-visible {
position: relative;
outline: none;
border-radius: 5px;
}
.uni-link:focus-visible::after {
content: "";
display: block;
position: absolute;
z-index: 1;
inset: -2px;
border-radius: 5px;
box-shadow: 0 0 0 2px var(--focus-indicator-primary-default), 0 0 0 4px var(--focus-indicator-primary);
}
.uni-link_neutral {
color: var(--lnk-neutral);
fill: var(--lnk-neutral);
}
.uni-link_neutral:hover, .uni-link_neutral:focus, .uni-link_neutral:active {
color: var(--lnk-neutral-hovered);
fill: var(--lnk-neutral-hovered);
}
.uni-link_muted {
color: var(--lnk-muted);
fill: var(--lnk-muted);
}
.uni-link_muted:hover, .uni-link_muted:focus, .uni-link_muted:active {
color: var(--lnk-inverted-hovered);
fill: var(--lnk-inverted-hovered);
}
.uni-link_muted:focus-visible {
box-shadow: 0 0 0 2px var(--white-0), 0 0 0 4px var(--focus-indicator-primary-default);
}
.uni-link_disabled {
pointer-events: none;
cursor: default;
color: var(--lnk-disabled);
fill: var(--lnk-disabled);
}
.uni-link svg.uni-svg-icon {
display: inline-block;
vertical-align: sub;
}
.uni-list {
margin: 0;
list-style: none;
padding-left: 28px;
}
.uni-list ul,
.uni-list ol {
padding-left: 20px;
margin-top: 8px;
}
.uni-list li {
list-style: none;
margin-bottom: 8px;
}
.uni-list li::before {
margin: 8px 0 0 -16px;
float: left;
}
.uni-list li:last-child {
margin-bottom: 0;
}
ul.uni-list > li::before,
ul.uni-list ul ul ul > li::before,
ul.uni-list ol > li > ul > li::before {
content: "";
width: 4px;
height: 4px;
border-radius: 2px;
background: var(--gray-9);
}
ul.uni-list ul > li::before,
ul.uni-list ul ul ul ul > li::before,
ul.uni-list ol > li > ul > ul > li::before {
content: "";
width: 4px;
height: 4px;
border-radius: 2px;
border: 1px solid var(--gray-9);
background: none;
}
ul.uni-list ul ul > li::before,
ul.uni-list ul ul ul ul ul > li::before,
ul.uni-list ol > li > ul > ul > ul > li::before {
content: "";
width: 4px;
height: 4px;
border-radius: 0;
border: none;
background: var(--gray-9);
}
ol.uni-list {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6;
}
ol.uni-list > li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6;
counter-increment: list-0;
}
ol.uni-list > li::before {
content: counter(list-0, decimal) ".";
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 20px;
margin: 0 0 0 -17px;
}
ol.uni-list ol > li {
counter-reset: list-2 list-3 list-4 list-5 list-6;
counter-increment: list-1;
}
ol.uni-list ol > li::before {
content: counter(list-1, lower-alpha) ".";
float: left;
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 20px;
margin: 0 0 0 -17px;
}
ol.uni-list ol ol > li {
counter-reset: list-3 list-4 list-5 list-6;
counter-increment: list-2;
}
ol.uni-list ol ol > li::before {
content: counter(list-2, lower-roman) ".";
float: left;
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 20px;
margin: 0 0 0 -17px;
}
ol.uni-list ol ol ol > li {
counter-reset: list-4 list-5 list-6;
counter-increment: list-3;
}
ol.uni-list ol ol ol > li::before {
content: counter(list-3, decimal) ".";
float: left;
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 20px;
margin: 0 0 0 -17px;
}
ol.uni-list ol ol ol ol > li {
counter-reset: list-5 list-6;
counter-increment: list-4;
}
ol.uni-list ol ol ol ol > li::before {
content: counter(list-4, lower-alpha) ".";
float: left;
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 20px;
margin: 0 0 0 -17px;
}
ol.uni-list ol ol ol ol ol > li {
counter-reset: list-6 list-7;
counter-increment: list-5;
}
ol.uni-list ol ol ol ol ol > li::before {
content: counter(list-5, lower-roman) ".";
float: left;
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 20px;
margin: 0 0 0 -17px;
}
ol.uni-list ul > li > ol {
counter-reset: list-0;
}
ol.uni-list ul > li > ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6;
counter-increment: list-0;
}
ol.uni-list ul > li > ol li::before {
content: counter(list-0, decimal) ".";
float: left;
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 20px;
margin: 0 0 0 -17px;
}
.uni-dropup,
.uni-dropdown {
position: relative;
}
.uni-dropup-body,
.uni-dropdown-body {
position: relative;
z-index: 10100;
}
.uni-dropdown-menu {
left: 0;
top: 23px;
z-index: 10;
display: none;
background: var(--white);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.16), 4px 10px 24px rgba(0, 0, 0, 0.2);
background-clip: padding-box;
border-radius: 4px;
overflow: hidden;
margin: 4px 0;
}
.uni-dropdown-menu_columned {
display: grid;
grid-auto-flow: column;
}
.uni-dropdown-menu .__group:not(:last-child) {
border-bottom: 1px solid #d3d4d6;
padding-bottom: 2px;
}
.uni-dropdown-menu.show {
display: block;
}
.uni-dropdown-menu .uni-dropdown-item {
width: 100%;
}
.uni-dropdown-panel {
padding: 4px;
flex-direction: column;
gap: 4px;
}
.uni-dropdown-panel.show {
display: flex;
}
.uni-dropdown-panel__delimiter {
height: 0;
width: 100%;
border-bottom: 1px solid var(--border-neutral);
}
.uni-label {
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 20px;
color: var(--input-text-default);
overflow-wrap: break-word;
}
.uni-label_toggle, .uni-label_radio, .uni-label_checkbox {
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: 500;
}
.uni-label_toggle:hover, .uni-label_radio:hover, .uni-label_checkbox:hover {
cursor: pointer;
}
.uni-label_optional {
color: var(--text-muted);
}
.uni-label_disabled {
color: var(--input-text-disabled);
}
.uni-label_disabled:hover {
cursor: default;
}
.uni-label__optinal-block {
margin-left: 4px;
display: inline-flex;
align-items: center;
gap: 8px;
line-height: 20px;
}
.uni-label__optional-text {
color: var(--text-muted);
}
.uni-label__icon {
fill: var(--icon-interactive);
vertical-align: middle;
}
.uni-assistive-text {
display: flex;
align-items: center;
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: normal;
color: var(--text-muted);
line-height: 20px;
position: relative;
margin-top: 4px;
}
.uni-assistive-text_disabled {
color: var(--text-disabled);
}
.uni-assistive-text_warning::before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNy4xNjggMi4yNDhsLTYuMTMyIDkuMTk3YTEgMSAwIDAwLjgzMyAxLjU1NGgxMi4yNjNhMSAxIDAgMDAuODMyLTEuNTU0TDguODMyIDIuMjQ4YTEgMSAwIDAwLTEuNjY0IDB6TTggNS41Yy0uNDE0IDAtLjc1LjMxMy0uNzUuN3Y0LjJjMCAuMzg2LjMzNi43Ljc1LjdzLjc1LS4zMTQuNzUtLjdWNi4yYzAtLjM4Ny0uMzM2LS43LS43NS0uN3oiIGZpbGw9IiNGQzgwMDAiLz48L3N2Zz4=");
}
.uni-assistive-text_error {
color: var(--primary-error);
}
.uni-assistive-text_error::before {
background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.2 7.3a1 1 0 0 0 0 1.4l5.6 5.6a1 1 0 0 0 1.4 0l5.6-5.6a1 1 0 0 0 0-1.4L9.2 1.7a1 1 0 0 0-1.4 0L2.2 7.3ZM5 8c0 .41.34.75.75.75h5.5a.75.75 0 0 0 0-1.5h-5.5A.75.75 0 0 0 5 8Z' fill='%23DD1D2A'/%3E%3C/svg%3E");
}
.uni-assistive-text_error .uni-assistive-text {
color: var(--primary-error);
}
.uni-assistive-text_warning, .uni-assistive-text_error {
padding-left: 20px;
}
.uni-assistive-text_warning::before, .uni-assistive-text_error::before {
content: "";
width: 16px;
height: 16px;
position: absolute;
left: 0;
top: 2px;
}
.uni-assistive-text.uni-accessibility-icon {
padding-left: 0;
}
.uni-assistive-text.uni-accessibility-icon::before {
display: none;
}
.uni-assistive-text.uni-accessibility-icon.uni-assistive-text_error {
/* stylelint-disable-next-line max-nesting-depth */
}
.uni-assistive-text.uni-accessibility-icon.uni-assistive-text_error .icon {
fill: var(--icon-error);
}
.uni-assistive-text.uni-accessibility-icon.uni-assistive-text_warning {
/* stylelint-disable-next-line max-nesting-depth */
}
.uni-assistive-text.uni-accessibility-icon.uni-assistive-text_warning .icon {
fill: var(--icon-warning);
}
.uni-accessibility-icon .uni-assistive-text {
padding-left: 0;
}
.uni-accessibility-icon .uni-assistive-text::before {
display: none;
}
.uni-radio {
appearance: none;
width: 16px;
height: 16px;
margin: 0;
position: relative;
}
.uni-radio::before {
content: "";
width: 100%;
height: 100%;
display: inline-block;
background: var(--input-bg-default);
border: 1px solid var(--input-border-default);
border-radius: 50%;
cursor: pointer;
transition: border-color ease 0.3s;
}
.uni-radio::after {
content: "";
position: absolute;
width: 8px;
height: 8px;
left: 4px;
top: 4px;
background: var(--input-bg-default);
border-radius: 50%;
cursor: pointer;
transition: background-color ease 0.3s;
}
.uni-radio:focus::before {
border: 2px solid var(--input-border-focused);
}
.uni-radio:checked::before {
border: 2px solid var(--primary-main);
}
.uni-radio:checked::after {
background-color: var(--primary-main);
}
.uni-radio:hover::before {
border: 2px solid var(--input-border-focused);
}
.uni-radio:hover:not(:checked):not(:disabled) {
/* stylelint-disable-next-line max-nesting-depth */
}
.uni-radio:hover:not(:checked):not(:disabled)::before {
border: 2px solid var(--checkbox-border-hovered);
}
.uni-radio:focus-visible {
outline: none;
}
.uni-radio:disabled::before {
border-color: var(--input-border-disabled) !important;
cursor: default !important;
}
.uni-radio:disabled::after {
cursor: default;
}
.uni-radio:disabled:checked::after {
background-color: var(--input-icon-disabled);
}
.uni-radio:disabled:not(:checked)::before {
border: 1px solid var(--input-border-disabled);
}
.uni-segmented {
--border-radius: 4px;
display: flex;
row-gap: 4px;
align-items: center;
border-radius: var(--border-radius);
background: var(--segmented-control-bg-default);
color: var(--segmented-control-text-default);
}
.uni-segmented_outline {
border: 1px solid var(--segmented-control-border-neutral);
border-left: 0;
border-right: 0;
padding: 0;
max-height: 32px;
}
.uni-segmented_outline .uni-segmented-item:first-child {
border-left: 1px solid var(--segmented-control-border-neutral);
}
.uni-segmented_outline .uni-segmented-item:last-child {
border-right: 1px solid var(--segmented-control-border-neutral);
}
.uni-segmented_outline .uni-segmented-item_active:first-child {
border-left: 1px solid var(--blue-7);
}
.uni-segmented_outline .uni-segmented-item_active:last-child {
border-right: 1px solid var(--blue-7);
}
.uni-segmented_outline .uni-segmented-item:focus-visible:not(.uni-segmented-item_active) {
border-left: 1px solid var(--segmented-control-border-neutral);
border-right: 1px solid var(--segmented-control-border-neutral);
}
.uni-segmented_can-wrap {
flex-wrap: wrap;
}
.uni-segmented_can-wrap .uni-segmented__element {
flex: 0;
white-space: nowrap;
}
.uni-segmented-item {
--button-min-height: 32px;
cursor: pointer;
position: relative;
background: none;
width: 100%;
min-height: var(--button-min-height);
padding: 4px 16px;
border: 1px solid transparent;
border-radius: var(--border-radius);
color: var(--segmented-control-text-default);
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 20px;
}
.uni-segmented-item:hover {
background: var(--segmented-control-bg-hovered);
}
.uni-segmented-item:hover.uni-segmented-item_delimited::before, .uni-segmented-item:hover + .uni-segmented-item_delimited::before {
background: none;
}
.uni-segmented-item_active {
background: var(--segmented-control-bg-selected);
color: var(--segmented-control-text-selected);
border: 1px solid var(--blue-7);
}
.uni-segmented-item_active:hover {
background: var(--segmented-control-bg-selected-hovered);
}
.uni-segmented-item_delimited:not(:focus)::before {
--delimiter-height: 20px;
content: "";
position: absolute;
display: inline-block;
width: 1px;
height: var(--delimiter-height);
top: calc(50% - var(--delimiter-height) / 2);
background: var(--segmented-control-border-neutral);
left: 0;
}
.uni-segmented-item_delimited:focus + .uni-segmented-item_delimited:not(:focus)::before, .uni-segmented-item:focus + .uni-segmented-item:not(:focus)::before {
display: none;
}
.uni-segmented-item_delimited-right::after {
--delimiter-height: 20px;
content: "";
position: absolute;
display: inline-block;
width: 1px;
height: var(--delimiter-height);
top: calc(50% - var(--delimiter-height) / 2);
background: var(--segmented-control-border-neutral);
right: 0;
}
.uni-segmented-item[disabled], .uni-segmented-item:disabled {
cursor: default;
color: var(--segmented-control-text-disabled);
background: none;
}
.uni-segmented-item[disabled].uni-segmented-item_active, .uni-segmented-item:disabled.uni-segmented-item_active {
background: var(--segmented-control-bg-selected);
border: 1px solid var(--segmented-control-border-neutral);
}
.uni-segmented-item[disabled].uni-segmented-item_delimited::before, .uni-segmented-item:disabled.uni-segmented-item_delimited::before {
background: var(--segmented-control-border-neutral);
}
.uni-segmented-item:focus-visible {
outline: none;
z-index: 1;
box-shadow: 0 0 0 2px var(--white-0), 0 0 0 4px var(--focus-indicator-primary-default), 0 0 0 6px var(--focus-indicator-primary);
}
[class*=uni-grid-row-] {
display: grid;
gap: 16px;
}
.uni-grid-row-6 {
grid-template-columns: repeat(6, minmax(auto, 64px));
}
.uni-grid-row-7 {
grid-template-columns: repeat(7, minmax(auto, 64px));
}
.uni-grid-row-8 {
grid-template-columns: repeat(8, minmax(auto, 64px));
}
.uni-grid-row-9 {
grid-template-columns: repeat(9, minmax(auto, 64px));
}
.uni-grid-row-10 {
grid-template-columns: repeat(10, minmax(auto, 64px));
}
.uni-grid-row-11 {
grid-template-columns: repeat(11, minmax(auto, 64px));
}
.uni-grid-row-12 {
grid-template-columns: repeat(12, minmax(auto, 64px));
}
.uni-grid-row-13 {
grid-template-columns: repeat(13, minmax(auto, 64px));
}
.uni-grid-row-14 {
grid-template-columns: repeat(14, minmax(auto, 64px));
}
.uni-grid-row-15 {
grid-template-columns: repeat(15, minmax(auto, 64px));
}
.uni-grid-row-16 {
grid-template-columns: repeat(16, minmax(auto, 64px));
}
.uni-grid-row-17 {
grid-template-columns: repeat(17, minmax(auto, 64px));
}
.uni-grid-row-18 {
grid-template-columns: repeat(18, minmax(auto, 64px));
}
.uni-grid-row-19 {
grid-template-columns: repeat(19, minmax(auto, 64px));
}
.uni-grid-row-20 {
grid-template-columns: repeat(20, minmax(auto, 64px));
}
.uni-grid-row-21 {
grid-template-columns: repeat(21, minmax(auto, 64px));
}
.uni-grid-row-22 {
grid-template-columns: repeat(22, minmax(auto, 64px));
}
.uni-grid-1 {
grid-column: span 1;
}
.uni-grid-2 {
grid-column: span 2;
}
.uni-grid-3 {
grid-column: span 3;
}
.uni-grid-4 {
grid-column: span 4;
}
.uni-grid-5 {
grid-column: span 5;
}
.uni-grid-6 {
grid-column: span 6;
}
.uni-grid-7 {
grid-column: span 7;
}
.uni-grid-8 {
grid-column: span 8;
}
.uni-grid-9 {
grid-column: span 9;
}
.uni-grid-10 {
grid-column: span 10;
}
.uni-grid-11 {
grid-column: span 11;
}
.uni-grid-12 {
grid-column: span 12;
}
.uni-grid-13 {
grid-column: span 13;
}
.uni-grid-14 {
grid-column: span 14;
}
.uni-grid-15 {
grid-column: span 15;
}
.uni-grid-16 {
grid-column: span 16;
}
.uni-grid-hide-default {
display: none !important;
}
@media (width <= 1312px) {
.uni-grid-row-l-6 {
grid-template-columns: repeat(6, minmax(auto, 64px));
}
.uni-grid-row-l-7 {
grid-template-columns: repeat(7, minmax(auto, 64px));
}
.uni-grid-row-l-8 {
grid-template-columns: repeat(8, minmax(auto, 64px));
}
.uni-grid-row-l-9 {
grid-template-columns: repeat(9, minmax(auto, 64px));
}
.uni-grid-row-l-10 {
grid-template-columns: repeat(10, minmax(auto, 64px));
}
.uni-grid-row-l-11 {
grid-template-columns: repeat(11, minmax(auto, 64px));
}
.uni-grid-row-l-12 {
grid-template-columns: repeat(12, minmax(auto, 64px));
}
.uni-grid-row-l-13 {
grid-template-columns: repeat(13, minmax(auto, 64px));
}
.uni-grid-row-l-14 {
grid-template-columns: repeat(14, minmax(auto, 64px));
}
.uni-grid-row-l-15 {
grid-template-columns: repeat(15, minmax(auto, 64px));
}
.uni-grid-row-l-16 {
grid-template-columns: repeat(16, minmax(auto, 64px));
}
.uni-grid-l-1 {
grid-column: span 1;
}
.uni-grid-l-2 {
grid-column: span 2;
}
.uni-grid-l-3 {
grid-column: span 3;
}
.uni-grid-l-4 {
grid-column: span 4;
}
.uni-grid-l-5 {
grid-column: span 5;
}
.uni-grid-l-6 {
grid-column: span 6;
}
.uni-grid-l-7 {
grid-column: span 7;
}
.uni-grid-l-8 {
grid-column: span 8;
}
.uni-grid-l-9 {
grid-column: span 9;
}
.uni-grid-l-10 {
grid-column: span 10;
}
.uni-grid-l-11 {
grid-column: span 11;
}
.uni-grid-l-12 {
grid-column: span 12;
}
.uni-grid-l-13 {
grid-column: span 13;
}
.uni-grid-l-14 {
grid-column: span 14;
}
.uni-grid-l-15 {
grid-column: span 15;
}
.uni-grid-l-16 {
grid-column: span 16;
}
.uni-grid-hide-l {
display: none !important;
}
}
@media (width <= 1056px) {
.uni-grid-row-m-4 {
grid-template-columns: repeat(4, minmax(auto, 112px));
}
.uni-grid-row-m-5 {
grid-template-columns: repeat(5, minmax(auto, 112px));
}
.uni-grid-row-m-6 {
grid-template-columns: repeat(6, minmax(auto, 112px));
}
.uni-grid-row-m-7 {
grid-template-columns: repeat(7, minmax(auto, 112px));
}
.uni-grid-row-m-8 {
grid-template-columns: repeat(8, minmax(auto, 112px));
}
.uni-grid-m-1 {
grid-column: span 1;
}
.uni-grid-m-2 {
grid-column: span 2;
}
.uni-grid-m-3 {
grid-column: span 3;
}
.uni-grid-m-4 {
grid-column: span 4;
}
.uni-grid-m-5 {
grid-column: span 5;
}
.uni-grid-m-6 {
grid-column: span 6;
}
.uni-grid-m-7 {
grid-column: span 7;
}
.uni-grid-m-8 {
grid-column: span 8;
}
.uni-grid-hide-m {
display: none !important;
}
}
@media (width <= 672px) {
.uni-grid-row-s-2 {
grid-template-columns: repeat(2, minmax(auto, 144px));
}
.uni-grid-row-s-3 {
grid-template-columns: repeat(3, minmax(auto, 144px));
}
.uni-grid-row-s-4 {
grid-template-columns: repeat(4, minmax(auto, 144px));
}
.uni-grid-s-1 {
grid-column: span 1;
}
.uni-grid-s-2 {
grid-column: span 2;
}
.uni-grid-s-3 {
grid-column: span 3;
}
.uni-grid-s-4 {
grid-column: span 4;
}
.uni-grid-hide-s {
display: none !important;
}
}
@media (width <= 480px) {
.uni-grid-row-xs-1 {
grid-template-columns: repeat(1, minmax(auto, 208px));
}
.uni-grid-row-xs-2 {
grid-template-columns: repeat(2, minmax(auto, 208px));
}
.uni-grid-xs-1 {
grid-column: span 1;
}
.uni-grid-xs-2 {
grid-column: span 2;
}
.uni-grid-hide-xs {
display: none !important;
}
}
.uni-context-item {
display: flex;
align-items: center;
gap: 8px;
background: var(--white);
padding: 8px;
line-height: 20px;
color: var(--text-default);
fill: var(--icon-default);
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: normal;
border-radius: 4px;
cursor: pointer;
box-shadow: none;
border: none;
outline: none;
overflow: hidden;
}
.uni-context-item__content {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.uni-context-item__section-header {
background: none;
pointer-events: none;
color: var(--text-muted);
}
.uni-context-item:focus-visible {
position: relative;
outline: none;
border: none !important;
box-shadow: none !important;
z-index: 1;
}
.uni-context-item:focus-visible::after {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: calc(100% - 8px);
height: calc(100% - 8px);
border-radius: 2px;
z-index: -1;
box-shadow: 0 0 0 2px var(--focus-indicator-primary-default), 0 0 0 4px var(--focus-indicator-primary);
}
.uni-context-item.uni-context-item__active {
background: var(--bg-selected);
}
.uni-context-item:hover {
background: var(--bg-hovered);
}
.uni-context-item:active {
background: var(--bg-selected);
}
.uni-context-item:disabled, .uni-context-item.uni-context-item__disabled {
color: var(--text-muted);
fill: var(--icon-disabled);
}
.uni-context-item__selected-indicator {
fill: var(--primary-main);
margin-left: auto;
}
.uni-context-item_dangerous {
color: var(--btn-text-dangerous);
fill: var(--btn-icon-dangerous);
}
.uni-context-delimiter {
height: 1px;
background: var(--border-neutral);
}
.uni-notify {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 24px;
width: 100%;
padding: 11px 16px;
border-radius: 4px;
border: 1px solid var(--inline-notifications-border-hint);
background: var(--inline-notifications-bg-hint);
font-family: "Noto Sans", sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 20px;
text-decoration: none;
outline: none;
color: var(--inline-notifications-text-default);
fill: var(--inline-notifications-icon-hint);
}
.uni-notify__content {
display: flex;
flex: 1 1 auto;
}
.uni-notify__actions {
display: flex;
column-gap: 16px;
flex-shrink: 0;
}
.uni-notify_dangerous {
border: 1px solid var(--inline-notifications-border-failure);
background: var(--inline-notifications-bg-failure);
fill: var(--inline-notifications-icon-failure);
}
.uni-notify_warning {
border: 1px solid var(--inline-notifications-border-warning);
background: var(--inline-notifications-bg-warning);
fill: var(--inline-notifications-icon-warning);
}
.uni-notify_success {
border: 1px solid var(--inline-notifications-border-success);
background: var(--inline-notifications-bg-success);
fill: var(--inline-notifications-icon-success);
}
.uni-notify_neutral {
border: 1px solid var(--inline-notifications-border-neutral);
background: var(--inline-notifications-bg-neutral);
fill: var(--inline-notifications-icon-neutral);
}
.uni-notify_narrow {
padding: 8px 16px;
}
.uni-notify_in-table {
margin: -1px;
width: calc(100% + 2px);
border-radius: 0;
}
.uni-notify_in-table.uni-notify_dangerous {
border: 1px solid var(--inline-notifications-border-neutral);
background: var(--inline-notifications-bg-neutral);
}
.uni-calendar-table {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
}
.uni-calendar-table-header th:not(.uni-calendar-table-header-divider) {
text-align: center;
padding: 10px 12px;
text-transform: uppercase;
color: var(--text-muted);
font-family: "Noto Sans", sans-serif;
font-size: 11px;
font-weight: 600;
}
.uni-calendar-table-header-divider {
padding: 0;
position: relative;
border-bottom: 1px solid var(--gray-4);
}
.uni-calendar .uni-button:focus-visible {
box-shadow: 0 0 0 2px var(--focus-indicator-primary-default), 0 0 0 4px var(--focus-indicator-primary);
}
.uni-navigation {
display: flex;
width: 100%;
height: 48px;
padding: 0 16px;
background: var(--navigation-bg-default);
}
.uni-navigation-item {
display: flex;
max-width: calc(100% - 130px);
}
.uni-navigation-item__label {
border: none;
background: none;
box-shadow: none;
cursor: default;
margin: 0 8px;
padding: 13px 4px;
color: var(--tab-text-default);
transition: color ease-in-out 0.3s;
white-space: nowrap;
text-decoration: none !important;
display: flex;
align-items: center;
min-width: 0;
border-radius: 4px;
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 20px;
line-height: 22px;
}
.uni-navigation-item__label:hover {
color: var(--tab-text-hovered);
background: var(--segmented-control-bg-hovered);
cursor: pointer;
}
.uni-navigation-item__label span {
overflow: hidden;
text-overflow: ellipsis;
}
.uni-navigation-item__label .uni-counter {
margin-left: 4px;
}
.uni-navigation-item__label.uni-navigation-item_active {
color: var(--tab-text-selected);
}
.uni-navigation-item__label:not(.uni-navigation-item_active) .uni-navigation-item__label:not(.uni-navigation-item_disabled):hover {
color: var(--tab-text-hovered);
}
.uni-navigation-item__label:focus-visible {
position: relative;
outline: none;
z-index: 1;
/* stylelint-disable-next-line max-nesting-depth */
}
.uni-navigation-item__label:focus-visible::after {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: calc(100% - 8px);
height: calc(100% - 8px);
border-radius: 2px;
z-index: -1;
box-shadow: 0 0 0 2px var(--focus-indicator-primary-default), 0 0 0 4px var(--focus-indicator-primary);
}
.uni-navigation-item_with-icon.uni-navigation-item__label {
margin: 0 4px;
}
.uni-navigation-item_disabled {
cursor: default;
pointer-events: none;
color: var(--tab-text-disabled);
}
.uni-navigation-item__home {
border: none;
background: none;
box-shadow: none;
cursor: default;
margin: 0 8px 0 0;
padding: 6px 4px;
transition: fill ease-in-out 0.3s;
fill: var(--tab-icon-interactive);
border-radius: 4px;
}
.uni-navigation-item__home:hover {
cursor: pointer;
fill: var(--tab-icon-hovered);
background: var(--segmented-control-bg-hovered);
}
.uni-navigation-item__home.uni-navigation-item_active {
fill: var(--tab-icon-selected);
}
.uni-navigation-item__home.uni-navigation-item_disabled {
fill: var(--tab-icon-disabled);
}
.uni-navigation-item_active:hover {
cursor: default;
}
.uni-navigation-item_with-icon.uni-navigation-item__home {
margin: 0 4px;
}
.uni-navigation-item__icon {
padding-top: 16px;
fill: var(--icon-default);
}
.uni-navigation_secondary {
background: none;
border-bottom: 1px solid var(--gray-2);
}
.uni-navigation_secondary-intense {
background: var(--navigation-bg-intense);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.04), 0 1px 4px rgba(0, 0, 0, 0.16);
}
.uni-navigation_underlined .uni-navigation-item .uni-navigation-item_active {
color: var(--gray-9);
position: relative;
/* stylelint-disable-next-line max-nesting-depth */
}
.uni-navigation_underlined .uni-navigation-item .uni-navigation-item_active::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 100%;
background-color: var(--tab-border-selected);
}
.uni-navigation_lg {
height: 56px;
}
.uni-navigation_lg .uni-navigation-item__label {
padding: 17px 8px;
margin: 0 4px;
font-family: "Noto Sans", sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 24px;
}
.uni-navigation_lg .uni-navigation-item__icon {
padding-top: 20px;
}
/*!
* Quill Editor v1.3.7
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
pointer-events: none;
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%;
}
.ql-clipboard p {
margin: 0;
padding: 0;
}
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
}
.ql-editor-emulate > *,
.ql-editor > * {
cursor: text;
}
.ql-editor-emulate p,
.ql-editor p,
.ql-editor-emulate ol,
.ql-editor ol,
.ql-editor-emulate ul,
.ql-editor ul,
.ql-editor-emulate pre,
.ql-editor pre,
.ql-editor-emulate blockquote,
.ql-editor blockquote,
.ql-editor-emulate h1,
.ql-editor h1,
.ql-editor-emulate h2,
.ql-editor h2,
.ql-editor-emulate h3,
.ql-editor h3,
.ql-editor-emulate h4,
.ql-editor h4,
.ql-editor-emulate h5,
.ql-editor h5,
.ql-editor-emulate h6,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor-emulate .ql-video,
.ql-editor .ql-video {
display: block;
max-width: 100%;
}
.ql-editor-emulate .ql-video.ql-align-center,
.ql-editor .ql-video.ql-align-center {
margin: 0 auto;
}
.ql-editor-emulate .ql-video.ql-align-right,
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto;
}
.ql-editor-emulate .ql-bg-black,
.ql-editor .ql-bg-black {
background-color: #000;
}
.ql-editor-emulate .ql-bg-red,
.ql-editor .ql-bg-red {
background-color: #e60000;
}
.ql-editor-emulate .ql-bg-orange,
.ql-editor .ql-bg-orange {
background-color: #f90;
}
.ql-editor-emulate .ql-bg-yellow,
.ql-editor .ql-bg-yellow {
background-color: #ff0;
}
.ql-editor-emulate .ql-bg-green,
.ql-editor .ql-bg-green {
background-color: #008a00;
}
.ql-editor-emulate .ql-bg-blue,
.ql-editor .ql-bg-blue {
background-color: #06c;
}
.ql-editor-emulate .ql-bg-purple,
.ql-editor .ql-bg-purple {
background-color: #93f;
}
.ql-editor-emulate .ql-color-white,
.ql-editor .ql-color-white {
color: #fff;
}
.ql-editor-emulate .ql-color-red,
.ql-editor .ql-color-red {
color: #e60000;
}
.ql-editor-emulate .ql-color-orange,
.ql-editor .ql-color-orange {
color: #f90;
}
.ql-editor-emulate .ql-color-yellow,
.ql-editor .ql-color-yellow {
color: #ff0;
}
.ql-editor-emulate .ql-color-green,
.ql-editor .ql-color-green {
color: #008a00;
}
.ql-editor-emulate .ql-color-blue,
.ql-editor .ql-color-blue {
color: #06c;
}
.ql-editor-emulate .ql-color-purple,
.ql-editor .ql-color-purple {
color: #93f;
}
.ql-editor-emulate .ql-font-serif,
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
}
.ql-editor-emulate .ql-font-monospace,
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
}
.ql-editor-emulate .ql-size-small,
.ql-editor .ql-size-small {
font-size: 0.75em;
}
.ql-editor-emulate .ql-size-large,
.ql-editor .ql-size-large {
font-size: 1.5em;
}
.ql-editor-emulate .ql-size-huge,
.ql-editor .ql-size-huge {
font-size: 2.5em;
}
.ql-editor-emulate .ql-direction-rtl,
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit;
}
.ql-editor-emulate .ql-align-center,
.ql-editor .ql-align-center {
text-align: center;
}
.ql-editor-emulate .ql-align-justify,
.ql-editor .ql-align-justify {
text-align: justify;
}
.ql-editor-emulate .ql-align-right,
.ql-editor .ql-align-right {
text-align: right;
}
.ql-editor.ql-blank::before {
color: rgba(0, 0, 0, 0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
clear: both;
content: "";
display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: 24px;
padding: 3px 5px;
width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
float: left;
height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: #fff;
}
@media (pointer: coarse) {
.ql-bubble.ql-toolbar button:hover:not(.ql-active),
.ql-bubble .ql-toolbar button:hover:not(.ql-active) {
color: #ccc;
}
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #ccc;
}
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #ccc;
}
}
.ql-bubble {
box-sizing: border-box;
}
.ql-bubble * {
box-sizing: border-box;
}
.ql-bubble .ql-hidden {
display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
visibility: hidden;
}
.ql-bubble .ql-tooltip {
position: absolute;
transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
cursor: pointer;
text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
transform: translateY(-10px);
}
.ql-bubble .ql-formats {
display: inline-block;
vertical-align: middle;
}
.ql-bubble .ql-formats:after {
clear: both;
content: "";
display: table;
}
.ql-bubble .ql-stroke {
fill: none;
stroke: #ccc;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
fill: none;
stroke: #ccc;
stroke-miterlimit: 10;
stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
fill: #ccc;
}
.ql-bubble .ql-empty {
fill: none;
}
.ql-bubble .ql-even {
fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
stroke-width: 1;
}
.ql-bubble .ql-transparent {
opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
display: none;
}
.ql-bubble .ql-editor h1 {
font-size: 2em;
}
.ql-bubble .ql-editor h2 {
font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
font-size: 1em;
}
.ql-bubble .ql-editor h5 {
font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
font-size: 0.67em;
}
.ql-bubble .ql-editor a {
text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
border-left: 4px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
background-color: #f0f0f0;
border-radius: 3px;
}
.ql-bubble .ql-editor pre {
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px;
}
.ql-bubble .ql-editor code {
font-size: 85%;
padding: 2px 4px;
}
.ql-bubble .ql-editor pre.ql-syntax {
background-color: #23241f;
color: #f8f8f2;
overflow: visible;
}
.ql-bubble .ql-editor img {
max-width: 100%;
}
.ql-bubble .ql-picker {
color: #ccc;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
height: 24px;
position: relative;
vertical-align: middle;
}
.ql-bubble .ql-picker-label {
cursor: pointer;
display: inline-block;
height: 100%;
padding-left: 8px;
padding-right: 2px;
position: relative;
width: 100%;
}
.ql-bubble .ql-picker-label::before {
display: inline-block;
line-height: 22px;
}
.ql-bubble .ql-picker-options {
background-color: #444;
display: none;
min-width: 100%;
padding: 4px 8px;
position: absolute;
white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
cursor: pointer;
display: block;
padding-bottom: 5px;
padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
color: #777;
z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
display: block;
margin-top: -1px;
top: 100%;
z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
padding: 4px 0px;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
height: 24px;
width: 24px;
padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
padding: 3px 5px;
width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
border: 1px solid transparent;
float: left;
height: 16px;
margin: 2px;
padding: 0px;
width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
position: absolute;
margin-top: -9px;
right: 0;
top: 50%;
width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
content: "Normal";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
content: "Heading 1";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
content: "Heading 2";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
content: "Heading 3";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
content: "Heading 4";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
content: "Heading 5";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
content: "Heading 6";
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
content: "Sans Serif";
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
content: "Serif";
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
content: "Monospace";
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
content: "Normal";
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
content: "Small";
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
content: "Large";
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
content: "Huge";
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
margin: 8px 12px 8px 0px;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
border-color: #fff;
}
.ql-bubble .ql-tooltip {
background-color: #444;
border-radius: 25px;
color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: " ";
display: block;
left: 50%;
margin-left: -6px;
position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
border-bottom: 6px solid #444;
top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
border-top: 6px solid #444;
bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
background: transparent;
border: none;
color: #fff;
font-size: 13px;
height: 100%;
outline: none;
padding: 10px 20px;
position: absolute;
width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
top: 10px;
position: absolute;
right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
color: #ccc;
content: "×";
font-size: 16px;
font-weight: bold;
}
.ql-container.ql-bubble:not(.ql-disabled) a {
position: relative;
white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before {
background-color: #444;
border-radius: 15px;
top: -5px;
font-size: 12px;
color: #fff;
content: attr(href);
font-weight: normal;
overflow: hidden;
padding: 5px 15px;
text-decoration: none;
z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a::after {
border-top: 6px solid #444;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
top: 0;
content: " ";
height: 0;
width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
left: 0;
margin-left: 50%;
position: absolute;
transform: translate(-50%, -100%);
transition: visibility 0s ease 200ms;
visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
visibility: visible;
}
/*!
* Quill Editor v1.3.7
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
pointer-events: none;
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%;
}
.ql-clipboard p {
margin: 0;
padding: 0;
}
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
}
.ql-editor-emulate > *,
.ql-editor > * {
cursor: text;
}
.ql-editor-emulate p,
.ql-editor p,
.ql-editor-emulate ol,
.ql-editor ol,
.ql-editor-emulate ul,
.ql-editor ul,
.ql-editor-emulate pre,
.ql-editor pre,
.ql-editor-emulate blockquote,
.ql-editor blockquote,
.ql-editor-emulate h1,
.ql-editor h1,
.ql-editor-emulate h2,
.ql-editor h2,
.ql-editor-emulate h3,
.ql-editor h3,
.ql-editor-emulate h4,
.ql-editor h4,
.ql-editor-emulate h5,
.ql-editor h5,
.ql-editor-emulate h6,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor-emulate ol,
.ql-editor ol,
.ql-editor-emulate ul,
.ql-editor ul {
padding-left: 2em;
}
.ql-editor-emulate ol > li,
.ql-editor ol > li,
.ql-editor-emulate ul > li,
.ql-editor ul > li {
list-style-type: none;
position: relative;
}
.ql-editor-emulate li::before,
.ql-editor li::before {
display: inline-block;
position: absolute;
white-space: nowrap;
width: 1.2em;
}
.ql-editor-emulate li:not(.ql-direction-rtl)::before,
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
}
.ql-editor-emulate li.ql-direction-rtl::before,
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em;
}
.ql-editor-emulate ol li:not(.ql-direction-rtl),
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor-emulate ul li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 0;
}
.ql-editor-emulate ol li.ql-direction-rtl,
.ql-editor ol li.ql-direction-rtl,
.ql-editor-emulate ul li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 0;
}
.ql-editor-emulate ol li,
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0;
}
.ql-editor-emulate ol li:before,
.ql-editor ol li:before {
content: counter(list-0, decimal) ". ";
}
.ql-editor-emulate ol li.ql-indent-1,
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1;
}
.ql-editor-emulate ol li.ql-indent-1:before,
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) ". ";
}
.ql-editor-emulate ol li.ql-indent-1,
.ql-editor ol li.ql-indent-1 {
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor-emulate ol li.ql-indent-2,
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2;
}
.ql-editor-emulate ol li.ql-indent-2:before,
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) ". ";
}
.ql-editor-emulate ol li.ql-indent-2,
.ql-editor ol li.ql-indent-2 {
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor-emulate ol li.ql-indent-3,
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3;
}
.ql-editor-emulate ol li.ql-indent-3:before,
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) ". ";
}
.ql-editor-emulate ol li.ql-indent-3,
.ql-editor ol li.ql-indent-3 {
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor-emulate ol li.ql-indent-4,
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4;
}
.ql-editor-emulate ol li.ql-indent-4:before,
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) ". ";
}
.ql-editor-emulate ol li.ql-indent-4,
.ql-editor ol li.ql-indent-4 {
counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor-emulate ol li.ql-indent-5,
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5;
}
.ql-editor-emulate ol li.ql-indent-5:before,
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) ". ";
}
.ql-editor-emulate ol li.ql-indent-5,
.ql-editor ol li.ql-indent-5 {
counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor-emulate ol li.ql-indent-6,
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6;
}
.ql-editor-emulate ol li.ql-indent-6:before,
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) ". ";
}
.ql-editor-emulate ol li.ql-indent-6,
.ql-editor ol li.ql-indent-6 {
counter-reset: list-7 list-8 list-9;
}
.ql-editor-emulate ol li.ql-indent-7,
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7;
}
.ql-editor-emulate ol li.ql-indent-7:before,
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) ". ";
}
.ql-editor-emulate ol li.ql-indent-7,
.ql-editor ol li.ql-indent-7 {
counter-reset: list-8 list-9;
}
.ql-editor-emulate ol li.ql-indent-8,
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8;
}
.ql-editor-emulate ol li.ql-indent-8:before,
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) ". ";
}
.ql-editor-emulate ol li.ql-indent-8,
.ql-editor ol li.ql-indent-8 {
counter-reset: list-9;
}
.ql-editor-emulate ol li.ql-indent-9,
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9;
}
.ql-editor-emulate ol li.ql-indent-9:before,
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) ". ";
}
.ql-editor-emulate ul li:before,
.ql-editor ul li:before {
vertical-align: top;
margin-top: -1px;
}
.ql-editor-emulate ul li:before,
.ql-editor ul li:before,
.ql-editor-emulate ul li.ql-indent-3:before,
.ql-editor ul li.ql-indent-3:before,
.ql-editor-emulate ul li.ql-indent-6:before,
.ql-editor ul li.ql-indent-6:before,
.ql-editor-emulate ul li.ql-indent-9:before,
.ql-editor ul li.ql-indent-9:before {
content: url("data:image/svg+xml,%3Csvg width='6' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2' cx='50%25' cy='50%25' fill='%231E1F21' /%3E%3C/svg%3E%0A");
}
.ql-editor-emulate ul li.ql-indent-1:before,
.ql-editor ul li.ql-indent-1:before,
.ql-editor-emulate ul li.ql-indent-4:before,
.ql-editor ul li.ql-indent-4:before,
.ql-editor-emulate ul li.ql-indent-7:before,
.ql-editor ul li.ql-indent-7:before {
content: url("data:image/svg+xml,%3Csvg width='6' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2.5' cx='50%25' cy='50%25' stroke='%231E1F21' stroke-width='1' /%3E%3C/svg%3E%0A");
}
.ql-editor-emulate ul li.ql-indent-2:before,
.ql-editor ul li.ql-indent-2:before,
.ql-editor-emulate ul li.ql-indent-5:before,
.ql-editor ul li.ql-indent-5:before,
.ql-editor-emulate ul li.ql-indent-8:before,
.ql-editor ul li.ql-indent-8:before {
content: url("data:image/svg+xml,%3Csvg width='6' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.436.746v4.628h4.628V.746H.436z' fill='%231E1F21'/%3E%3C/svg%3E");
}
.ql-editor-emulate .ql-indent-1:not(.ql-direction-rtl),
.ql-editor .ql-indent-1:not(.ql-direction-rtl),
.ql-editor-emulate li.ql-indent-1:not(.ql-direction-rtl),
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 2em;
}
.ql-editor-emulate .ql-indent-1.ql-direction-rtl.ql-align-right,
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right,
.ql-editor-emulate li.ql-indent-1.ql-direction-rtl.ql-align-right,
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 2em;
}
.ql-editor-emulate .ql-indent-2:not(.ql-direction-rtl),
.ql-editor .ql-indent-2:not(.ql-direction-rtl),
.ql-editor-emulate li.ql-indent-2:not(.ql-direction-rtl),
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 4em;
}
.ql-editor-emulate .ql-indent-2.ql-direction-rtl.ql-align-right,
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right,
.ql-editor-emulate li.ql-indent-2.ql-direction-rtl.ql-align-right,
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 4em;
}
.ql-editor-emulate .ql-indent-3:not(.ql-direction-rtl),
.ql-editor .ql-indent-3:not(.ql-direction-rtl),
.ql-editor-emulate li.ql-indent-3:not(.ql-direction-rtl),
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 6em;
}
.ql-editor-emulate .ql-indent-3.ql-direction-rtl.ql-align-right,
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right,
.ql-editor-emulate li.ql-indent-3.ql-direction-rtl.ql-align-right,
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 6em;
}
.ql-editor-emulate .ql-indent-4:not(.ql-direction-rtl),
.ql-editor .ql-indent-4:not(.ql-direction-rtl),
.ql-editor-emulate li.ql-indent-4:not(.ql-direction-rtl),
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 8em;
}
.ql-editor-emulate .ql-indent-4.ql-direction-rtl.ql-align-right,
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right,
.ql-editor-emulate li.ql-indent-4.ql-direction-rtl.ql-align-right,
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 8em;
}
.ql-editor-emulate .ql-indent-5:not(.ql-direction-rtl),
.ql-editor .ql-indent-5:not(.ql-direction-rtl),
.ql-editor-emulate li.ql-indent-5:not(.ql-direction-rtl),
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 10em;
}
.ql-editor-emulate .ql-indent-5.ql-direction-rtl.ql-align-right,
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right,
.ql-editor-emulate li.ql-indent-5.ql-direction-rtl.ql-align-right,
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 10em;
}
.ql-editor-emulate .ql-indent-6:not(.ql-direction-rtl),
.ql-editor .ql-indent-6:not(.ql-direction-rtl),
.ql-editor-emulate li.ql-indent-6:not(.ql-direction-rtl),
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 12em;
}
.ql-editor-emulate .ql-indent-6.ql-direction-rtl.ql-align-right,
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right,
.ql-editor-emulate li.ql-indent-6.ql-direction-rtl.ql-align-right,
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 12em;
}
.ql-editor-emulate .ql-indent-7:not(.ql-direction-rtl),
.ql-editor .ql-indent-7:not(.ql-direction-rtl),
.ql-editor-emulate li.ql-indent-7:not(.ql-direction-rtl),
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 14em;
}
.ql-editor-emulate .ql-indent-7.ql-direction-rtl.ql-align-right,
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right,
.ql-editor-emulate li.ql-indent-7.ql-direction-rtl.ql-align-right,
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 14em;
}
.ql-editor-emulate .ql-indent-8:not(.ql-direction-rtl),
.ql-editor .ql-indent-8:not(.ql-direction-rtl),
.ql-editor-emulate li.ql-indent-8:not(.ql-direction-rtl),
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 16em;
}
.ql-editor-emulate .ql-indent-8.ql-direction-rtl.ql-align-right,
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right,
.ql-editor-emulate li.ql-indent-8.ql-direction-rtl.ql-align-right,
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 16em;
}
.ql-editor-emulate .ql-indent-9:not(.ql-direction-rtl),
.ql-editor .ql-indent-9:not(.ql-direction-rtl),
.ql-editor-emulate li.ql-indent-9:not(.ql-direction-rtl),
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 18em;
}
.ql-editor-emulate .ql-indent-9.ql-direction-rtl.ql-align-right,
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right,
.ql-editor-emulate li.ql-indent-9.ql-direction-rtl.ql-align-right,
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 18em;
}
.ql-editor-emulate .ql-video,
.ql-editor .ql-video {
display: block;
max-width: 100%;
}
.ql-editor-emulate .ql-video.ql-align-center,
.ql-editor .ql-video.ql-align-center {
margin: 0 auto;
}
.ql-editor-emulate .ql-video.ql-align-right,
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto;
}
.ql-editor-emulate .ql-bg-black,
.ql-editor .ql-bg-black {
background-color: #000;
}
.ql-editor-emulate .ql-bg-red,
.ql-editor .ql-bg-red {
background-color: #e60000;
}
.ql-editor-emulate .ql-bg-orange,
.ql-editor .ql-bg-orange {
background-color: #f90;
}
.ql-editor-emulate .ql-bg-yellow,
.ql-editor .ql-bg-yellow {
background-color: #ff0;
}
.ql-editor-emulate .ql-bg-green,
.ql-editor .ql-bg-green {
background-color: #008a00;
}
.ql-editor-emulate .ql-bg-blue,
.ql-editor .ql-bg-blue {
background-color: #06c;
}
.ql-editor-emulate .ql-bg-purple,
.ql-editor .ql-bg-purple {
background-color: #93f;
}
.ql-editor-emulate .ql-color-white,
.ql-editor .ql-color-white {
color: #fff;
}
.ql-editor-emulate .ql-color-red,
.ql-editor .ql-color-red {
color: #e60000;
}
.ql-editor-emulate .ql-color-orange,
.ql-editor .ql-color-orange {
color: #f90;
}
.ql-editor-emulate .ql-color-yellow,
.ql-editor .ql-color-yellow {
color: #ff0;
}
.ql-editor-emulate .ql-color-green,
.ql-editor .ql-color-green {
color: #008a00;
}
.ql-editor-emulate .ql-color-blue,
.ql-editor .ql-color-blue {
color: #06c;
}
.ql-editor-emulate .ql-color-purple,
.ql-editor .ql-color-purple {
color: #93f;
}
.ql-editor-emulate .ql-font-serif,
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
}
.ql-editor-emulate .ql-font-monospace,
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
}
.ql-editor-emulate .ql-size-small,
.ql-editor .ql-size-small {
font-size: 0.75em;
}
.ql-editor-emulate .ql-size-large,
.ql-editor .ql-size-large {
font-size: 1.5em;
}
.ql-editor-emulate .ql-size-huge,
.ql-editor .ql-size-huge {
font-size: 2.5em;
}
.ql-editor-emulate .ql-direction-rtl,
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit;
}
.ql-editor-emulate .ql-align-center,
.ql-editor .ql-align-center {
text-align: center;
}
.ql-editor-emulate .ql-align-justify,
.ql-editor .ql-align-justify {
text-align: justify;
}
.ql-editor-emulate .ql-align-right,
.ql-editor .ql-align-right {
text-align: right;
}
.ql-editor.ql-blank::before {
color: rgba(0, 0, 0, 0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
}
.uni-form {
display: flex;
flex-direction: column;
gap: 16px;
}
.uni-form__body {
display: flex;
flex-direction: column;
}
.uni-form__group {
display: flex;
flex-direction: column;
}
.uni-form__footer {
padding: 12px 24px;
position: sticky;
z-index: 1;
bottom: 0;
background: var(--input-bg-default);
box-shadow: 0 -4px 16px -8px rgba(0, 0, 0, 0.2);
}
.uni-form .uni-textarea {
width: 100%;
}
.uni-form__datepicker {
display: block;
}
.uni-divider {
margin: 0;
border: none;
border-bottom: 1px solid var(--border-neutral);
}
.uni-empty-state {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-top: 16px;
padding-bottom: 16px;
gap: 24px;
}
.uni-empty-state__info {
display: flex;
flex-direction: column;
max-width: 400px;
text-align: center;
color: var(--text-muted);
}
.uni-empty-state__info_intense {
color: var(--text-muted-intense);
}
.uni-empty-state__title {
font-family: "Noto Sans", sans-serif;
font-size: 20px;
font-weight: bold;
line-height: 28px;
color: inherit;
}
.uni-empty-state__title:not(:last-child) {
margin-bottom: 8px;
}
.uni-empty-state__subtitle {
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 20px;
}
.ng-scrollbar-view::-webkit-scrollbar {
display: none;
}
.ng-scrollbar-view {
-ms-overflow-style: none;
scrollbar-width: none;
}
.uni-password-meter {
min-width: 230px;
display: block;
}
.uni-password-meter.danger .uni-password-meter__strength {
color: var(--password-meter-text-dangerous);
}
.uni-password-meter.danger .uni-password-meter__bar {
background: var(--password-meter-bg-dangerous);
}
.uni-password-meter.warning .uni-password-meter__strength {
color: var(--password-meter-text-warning);
}
.uni-password-meter.warning .uni-password-meter__bar {
background: var(--password-meter-bg-warning);
}
.uni-password-meter.success .uni-password-meter__strength {
color: var(--password-meter-text-success);
}
.uni-password-meter.success .uni-password-meter__bar {
background: var(--password-meter-bg-success);
}
.uni-password-meter__info {
margin-bottom: 8px;
}
.uni-password-meter__strength {
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 20px;
}
.uni-password-meter__progress {
width: 100%;
height: 4px;
border-radius: 2px;
background: var(--password-meter-bg-default);
}
.uni-password-meter__bar {
height: 4px;
border-radius: 2px;
margin-bottom: 16px;
background: var(--password-meter-bg-dangerous);
transition: width ease-in-out 0.5s;
}
.uni-password-meter__policies {
padding-left: 0;
margin: 16px 0 0;
}
.uni-password-meter__policy {
display: flex;
list-style: none;
font-family: "Noto Sans", sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 20px;
}
.uni-password-meter__policy:not(:last-of-type) {
margin-bottom: 8px;
}
.uni-password-meter__policy_verified {
color: var(--password-meter-text-muted);
}
.uni-password-meter__policy_verified .uni-password-meter__verify-icon {
fill: var(--password-meter-icon-success);
}
.uni-password-meter__verify-icon {
margin-top: 2px;
margin-right: 8px;
fill: var(--password-meter-icon-default);
}
.uni-shadow {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.04), 0 1px 4px rgba(0, 0, 0, 0.16);
}
.uni-shadow_bottom {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.04), 0 -1px 4px rgba(0, 0, 0, 0.16);
}
.uni-shadow_overlay {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.16), 4px 10px 24px rgba(0, 0, 0, 0.2);
}
.uni-skeleton_header1 {
width: 120px;
height: 24px;
border-radius: 4px;
}
.uni-skeleton_header2, .uni-skeleton_header3 {
width: 120px;
height: 20px;
border-radius: 4px;
}
.uni-skeleton_header4 {
width: 120px;
height: 16px;
border-radius: 4px;
}
.uni-skeleton_header4-small {
width: 72px;
height: 16px;
border-radius: 4px;
}
.uni-skeleton_text-default {
width: 100%;
height: 40px;
border-radius: 4px;
}
.uni-skeleton_text-narrow {
width: 100%;
height: 32px;
border-radius: 4px;
}
.uni-skeleton_line-large {
width: 100%;
height: 8px;
border-radius: 4px;
}
.uni-skeleton_line-medium {
width: 87%;
height: 8px;
border-radius: 4px;
}
.uni-skeleton_line-small {
width: 73%;
height: 8px;
border-radius: 4px;
}
.uni-skeleton_line-extra-small {
width: 50%;
height: 8px;
border-radius: 4px;
}
.uni-skeleton_textarea, .uni-skeleton_image {
width: 100%;
height: 80px;
border-radius: 4px;
}
.uni-skeleton_avatar, .uni-skeleton_button-round {
width: 40px;
height: 40px;
border-radius: 20px;
}
.uni-skeleton_avatar-small {
width: 32px;
height: 32px;
border-radius: 16px;
}
.uni-skeleton_button-default {
width: 160px;
height: 40px;
border-radius: 4px;
}
.uni-skeleton_button-narrow {
width: 120px;
height: 32px;
border-radius: 4px;
}
.uni-skeleton_button-tiny {
width: 120px;
height: 24px;
border-radius: 4px;
}
.uni-skeleton_folder {
width: 28px;
height: 28px;
border-radius: 6px;
}
.uni-skeleton-animation.uni-skeleton-animation_row-1,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-1 {
animation-delay: 400ms, 0ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-2,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-2 {
animation-delay: 510ms, 110ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-3,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-3 {
animation-delay: 620ms, 220ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-4,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-4 {
animation-delay: 730ms, 330ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-5,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-5 {
animation-delay: 840ms, 440ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-6,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-6 {
animation-delay: 950ms, 550ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-7,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-7 {
animation-delay: 1060ms, 660ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-8,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-8 {
animation-delay: 1170ms, 770ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-9,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-9 {
animation-delay: 1280ms, 880ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-10,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-10 {
animation-delay: 1390ms, 990ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-11,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-11 {
animation-delay: 1500ms, 1100ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-12,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-12 {
animation-delay: 1610ms, 1210ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-13,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-13 {
animation-delay: 1720ms, 1320ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-14,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-14 {
animation-delay: 1830ms, 1430ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-15,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-15 {
animation-delay: 1940ms, 1540ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-16,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-16 {
animation-delay: 2050ms, 1650ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-17,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-17 {
animation-delay: 2160ms, 1760ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-18,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-18 {
animation-delay: 2270ms, 1870ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-19,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-19 {
animation-delay: 2380ms, 1980ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-20,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-20 {
animation-delay: 2490ms, 2090ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-21,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-21 {
animation-delay: 2600ms, 2200ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-22,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-22 {
animation-delay: 2710ms, 2310ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-23,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-23 {
animation-delay: 2820ms, 2420ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-24,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-24 {
animation-delay: 2930ms, 2530ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-25,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-25 {
animation-delay: 3040ms, 2640ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-26,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-26 {
animation-delay: 3150ms, 2750ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-27,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-27 {
animation-delay: 3260ms, 2860ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-28,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-28 {
animation-delay: 3370ms, 2970ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-29,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-29 {
animation-delay: 3480ms, 3080ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-30,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-30 {
animation-delay: 3590ms, 3190ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-31,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-31 {
animation-delay: 3700ms, 3300ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-32,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-32 {
animation-delay: 3810ms, 3410ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-33,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-33 {
animation-delay: 3920ms, 3520ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-34,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-34 {
animation-delay: 4030ms, 3630ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-35,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-35 {
animation-delay: 4140ms, 3740ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-36,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-36 {
animation-delay: 4250ms, 3850ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-37,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-37 {
animation-delay: 4360ms, 3960ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-38,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-38 {
animation-delay: 4470ms, 4070ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-39,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-39 {
animation-delay: 4580ms, 4180ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-40,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-40 {
animation-delay: 4690ms, 4290ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-41,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-41 {
animation-delay: 4800ms, 4400ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-42,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-42 {
animation-delay: 4910ms, 4510ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-43,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-43 {
animation-delay: 5020ms, 4620ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-44,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-44 {
animation-delay: 5130ms, 4730ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-45,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-45 {
animation-delay: 5240ms, 4840ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-46,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-46 {
animation-delay: 5350ms, 4950ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-47,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-47 {
animation-delay: 5460ms, 5060ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-48,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-48 {
animation-delay: 5570ms, 5170ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-49,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-49 {
animation-delay: 5680ms, 5280ms;
}
.uni-skeleton-animation.uni-skeleton-animation_row-50,
.uni-skeleton-animation_from-transparent.uni-skeleton-animation_row-50 {
animation-delay: 5790ms, 5390ms;
}
.uni-skeleton-animation {
/* stylelint-disable-next-line scss/no-global-function-names */
background: rgba(226, 226, 228, 0.3);
animation: ease-in-out 2300ms uni-skeleton-loader-pulse infinite;
}
.uni-skeleton-animation_from-transparent {
background: none;
animation: ease-in-out 2300ms uni-skeleton-loader-pulse infinite, ease-out 400ms show-in;
}
@keyframes uni-skeleton-loader-pulse {
0% {
/* stylelint-disable-next-line scss/no-global-function-names */
background: rgba(226, 226, 228, 0.3);
}
50% {
/* stylelint-disable-next-line scss/no-global-function-names */
background: #e2e2e4;
}
100% {
/* stylelint-disable-next-line scss/no-global-function-names */
background: rgba(226, 226, 228, 0.3);
}
}
@keyframes show-in {
0% {
/* stylelint-disable-next-line scss/no-global-function-names */
background: rgba(226, 226, 228, 0);
}
100% {
/* stylelint-disable-next-line scss/no-global-function-names */
background: rgba(226, 226, 228, 0.3);
}
}
/* Use uni-sr-only to hide an element visually without hiding it from screen readers. */
.uni-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}