/* node_modules/material-icons/iconfont/material-icons.scss */
@font-face {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
font-display: block;
src: url("./media/material-icons-2PFQ5MDC.woff2") format("woff2"), url("./media/material-icons-3PG5NS6D.woff") format("woff");
}
.material-icons {
font-family: "Material Icons";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-feature-settings: "liga";
}
@font-face {
font-family: "Material Icons Outlined";
font-style: normal;
font-weight: 400;
font-display: block;
src: url("./media/material-icons-outlined-MG4EXACU.woff2") format("woff2"), url("./media/material-icons-outlined-2Q33D3H7.woff") format("woff");
}
.material-icons-outlined {
font-family: "Material Icons Outlined";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-feature-settings: "liga";
}
@font-face {
font-family: "Material Icons Round";
font-style: normal;
font-weight: 400;
font-display: block;
src: url("./media/material-icons-round-Q3KXYNTG.woff2") format("woff2"), url("./media/material-icons-round-UNCILNME.woff") format("woff");
}
.material-icons-round {
font-family: "Material Icons Round";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-feature-settings: "liga";
}
@font-face {
font-family: "Material Icons Sharp";
font-style: normal;
font-weight: 400;
font-display: block;
src: url("./media/material-icons-sharp-YYJ6RXFM.woff2") format("woff2"), url("./media/material-icons-sharp-O2SWV4DN.woff") format("woff");
}
.material-icons-sharp {
font-family: "Material Icons Sharp";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-feature-settings: "liga";
}
@font-face {
font-family: "Material Icons Two Tone";
font-style: normal;
font-weight: 400;
font-display: block;
src: url("./media/material-icons-two-tone-4UOJXTOE.woff2") format("woff2"), url("./media/material-icons-two-tone-KUNK746D.woff") format("woff");
}
.material-icons-two-tone {
font-family: "Material Icons Two Tone";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-feature-settings: "liga";
}
/* src/styles/mat-typography.scss */
html {
--mat-badge-text-font: Roboto, sans-serif;
--mat-badge-line-height: 22px;
--mat-badge-text-size: 12px;
--mat-badge-text-weight: 600;
--mat-badge-small-size-text-size: 9px;
--mat-badge-small-size-line-height: 16px;
--mat-badge-large-size-text-size: 24px;
--mat-badge-large-size-line-height: 28px;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
font: 400 24px / 32px Roboto, sans-serif;
letter-spacing: normal;
margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
font: 500 20px / 32px Roboto, sans-serif;
letter-spacing: 0.0125em;
margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
font: 400 16px / 28px Roboto, sans-serif;
letter-spacing: 0.009375em;
margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
font: 400 16px / 24px Roboto, sans-serif;
letter-spacing: 0.03125em;
margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif;
margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
font: 400 calc(14px * 0.67) / 20px Roboto, sans-serif;
margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
font: 500 14px / 22px Roboto, sans-serif;
letter-spacing: 0.0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
font: 400 14px / 20px Roboto, sans-serif;
letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
font: 400 12px / 20px Roboto, sans-serif;
letter-spacing: 0.0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
font: 300 96px / 96px Roboto, sans-serif;
letter-spacing: -0.015625em;
margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
font: 300 60px / 60px Roboto, sans-serif;
letter-spacing: -0.0083333333em;
margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
font: 400 48px / 50px Roboto, sans-serif;
letter-spacing: normal;
margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
font: 400 34px / 40px Roboto, sans-serif;
letter-spacing: 0.0073529412em;
margin: 0 0 64px;
}
html {
--mat-bottom-sheet-container-text-font: Roboto, sans-serif;
--mat-bottom-sheet-container-text-line-height: 20px;
--mat-bottom-sheet-container-text-size: 14px;
--mat-bottom-sheet-container-text-tracking: 0.0178571429em;
--mat-bottom-sheet-container-text-weight: 400;
}
html {
--mat-button-toggle-label-text-font: Roboto, sans-serif;
--mat-button-toggle-label-text-line-height: 24px;
--mat-button-toggle-label-text-size: 16px;
--mat-button-toggle-label-text-tracking: 0.03125em;
--mat-button-toggle-label-text-weight: 400;
--mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
--mat-button-toggle-legacy-label-text-line-height: 24px;
--mat-button-toggle-legacy-label-text-size: 16px;
--mat-button-toggle-legacy-label-text-tracking: 0.03125em;
--mat-button-toggle-legacy-label-text-weight: 400;
}
html {
--mat-datepicker-calendar-text-font: Roboto, sans-serif;
--mat-datepicker-calendar-text-size: 13px;
--mat-datepicker-calendar-body-label-text-size: 14px;
--mat-datepicker-calendar-body-label-text-weight: 500;
--mat-datepicker-calendar-period-button-text-size: 14px;
--mat-datepicker-calendar-period-button-text-weight: 500;
--mat-datepicker-calendar-header-text-size: 11px;
--mat-datepicker-calendar-header-text-weight: 400;
}
html {
--mat-expansion-header-text-font: Roboto, sans-serif;
--mat-expansion-header-text-size: 14px;
--mat-expansion-header-text-weight: 500;
--mat-expansion-header-text-line-height: inherit;
--mat-expansion-header-text-tracking: inherit;
--mat-expansion-container-text-font: Roboto, sans-serif;
--mat-expansion-container-text-line-height: 20px;
--mat-expansion-container-text-size: 14px;
--mat-expansion-container-text-tracking: 0.0178571429em;
--mat-expansion-container-text-weight: 400;
}
html {
--mat-grid-list-tile-header-primary-text-size: 14px;
--mat-grid-list-tile-header-secondary-text-size: 12px;
--mat-grid-list-tile-footer-primary-text-size: 14px;
--mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
--mat-stepper-container-text-font: Roboto, sans-serif;
--mat-stepper-header-label-text-font: Roboto, sans-serif;
--mat-stepper-header-label-text-size: 14px;
--mat-stepper-header-label-text-weight: 400;
--mat-stepper-header-error-state-label-text-size: 16px;
--mat-stepper-header-selected-state-label-text-size: 16px;
--mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
--mat-toolbar-title-text-font: Roboto, sans-serif;
--mat-toolbar-title-text-line-height: 32px;
--mat-toolbar-title-text-size: 20px;
--mat-toolbar-title-text-tracking: 0.0125em;
--mat-toolbar-title-text-weight: 500;
}
html {
--mat-tree-node-text-font: Roboto, sans-serif;
--mat-tree-node-text-size: 14px;
--mat-tree-node-text-weight: 400;
}
html {
--mat-option-label-text-font: Roboto, sans-serif;
--mat-option-label-text-line-height: 24px;
--mat-option-label-text-size: 16px;
--mat-option-label-text-tracking: 0.03125em;
--mat-option-label-text-weight: 400;
}
html {
--mat-optgroup-label-text-font: Roboto, sans-serif;
--mat-optgroup-label-text-line-height: 24px;
--mat-optgroup-label-text-size: 16px;
--mat-optgroup-label-text-tracking: 0.03125em;
--mat-optgroup-label-text-weight: 400;
}
html {
--mat-card-title-text-font: Roboto, sans-serif;
--mat-card-title-text-line-height: 32px;
--mat-card-title-text-size: 20px;
--mat-card-title-text-tracking: 0.0125em;
--mat-card-title-text-weight: 500;
--mat-card-subtitle-text-font: Roboto, sans-serif;
--mat-card-subtitle-text-line-height: 22px;
--mat-card-subtitle-text-size: 14px;
--mat-card-subtitle-text-tracking: 0.0071428571em;
--mat-card-subtitle-text-weight: 500;
}
html {
--mat-tooltip-supporting-text-font: Roboto, sans-serif;
--mat-tooltip-supporting-text-size: 12px;
--mat-tooltip-supporting-text-weight: 400;
--mat-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
--mat-form-field-container-text-font: Roboto, sans-serif;
--mat-form-field-container-text-line-height: 24px;
--mat-form-field-container-text-size: 16px;
--mat-form-field-container-text-tracking: 0.03125em;
--mat-form-field-container-text-weight: 400;
--mat-form-field-outlined-label-text-populated-size: 16px;
--mat-form-field-subscript-text-font: Roboto, sans-serif;
--mat-form-field-subscript-text-line-height: 20px;
--mat-form-field-subscript-text-size: 12px;
--mat-form-field-subscript-text-tracking: 0.0333333333em;
--mat-form-field-subscript-text-weight: 400;
--mat-form-field-filled-label-text-font: Roboto, sans-serif;
--mat-form-field-filled-label-text-size: 16px;
--mat-form-field-filled-label-text-tracking: 0.03125em;
--mat-form-field-filled-label-text-weight: 400;
--mat-form-field-outlined-label-text-font: Roboto, sans-serif;
--mat-form-field-outlined-label-text-size: 16px;
--mat-form-field-outlined-label-text-tracking: 0.03125em;
--mat-form-field-outlined-label-text-weight: 400;
}
html {
--mat-select-trigger-text-font: Roboto, sans-serif;
--mat-select-trigger-text-line-height: 24px;
--mat-select-trigger-text-size: 16px;
--mat-select-trigger-text-tracking: 0.03125em;
--mat-select-trigger-text-weight: 400;
}
html {
--mat-dialog-subhead-font: Roboto, sans-serif;
--mat-dialog-subhead-line-height: 32px;
--mat-dialog-subhead-size: 20px;
--mat-dialog-subhead-weight: 500;
--mat-dialog-subhead-tracking: 0.0125em;
--mat-dialog-supporting-text-font: Roboto, sans-serif;
--mat-dialog-supporting-text-line-height: 24px;
--mat-dialog-supporting-text-size: 16px;
--mat-dialog-supporting-text-weight: 400;
--mat-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
--mat-chip-label-text-font: Roboto, sans-serif;
--mat-chip-label-text-line-height: 20px;
--mat-chip-label-text-size: 14px;
--mat-chip-label-text-tracking: 0.0178571429em;
--mat-chip-label-text-weight: 400;
}
html {
--mat-slide-toggle-label-text-font: Roboto, sans-serif;
--mat-slide-toggle-label-text-line-height: 20px;
--mat-slide-toggle-label-text-size: 14px;
--mat-slide-toggle-label-text-tracking: 0.0178571429em;
--mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
--mat-slide-toggle-label-text-font: Roboto, sans-serif;
--mat-slide-toggle-label-text-line-height: 20px;
--mat-slide-toggle-label-text-size: 14px;
--mat-slide-toggle-label-text-tracking: 0.0178571429em;
--mat-slide-toggle-label-text-weight: 400;
}
html {
--mat-radio-label-text-font: Roboto, sans-serif;
--mat-radio-label-text-line-height: 20px;
--mat-radio-label-text-size: 14px;
--mat-radio-label-text-tracking: 0.0178571429em;
--mat-radio-label-text-weight: 400;
}
html {
--mat-slider-label-label-text-font: Roboto, sans-serif;
--mat-slider-label-label-text-size: 14px;
--mat-slider-label-label-text-line-height: 22px;
--mat-slider-label-label-text-tracking: 0.0071428571em;
--mat-slider-label-label-text-weight: 500;
}
html {
--mat-menu-item-label-text-font: Roboto, sans-serif;
--mat-menu-item-label-text-size: 16px;
--mat-menu-item-label-text-tracking: 0.03125em;
--mat-menu-item-label-text-line-height: 24px;
--mat-menu-item-label-text-weight: 400;
}
html {
--mat-list-list-item-label-text-font: Roboto, sans-serif;
--mat-list-list-item-label-text-line-height: 24px;
--mat-list-list-item-label-text-size: 16px;
--mat-list-list-item-label-text-tracking: 0.03125em;
--mat-list-list-item-label-text-weight: 400;
--mat-list-list-item-supporting-text-font: Roboto, sans-serif;
--mat-list-list-item-supporting-text-line-height: 20px;
--mat-list-list-item-supporting-text-size: 14px;
--mat-list-list-item-supporting-text-tracking: 0.0178571429em;
--mat-list-list-item-supporting-text-weight: 400;
--mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
--mat-list-list-item-trailing-supporting-text-line-height: 20px;
--mat-list-list-item-trailing-supporting-text-size: 12px;
--mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
--mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
font: 400 16px / 28px Roboto, sans-serif;
letter-spacing: 0.009375em;
}
html {
--mat-paginator-container-text-font: Roboto, sans-serif;
--mat-paginator-container-text-line-height: 20px;
--mat-paginator-container-text-size: 12px;
--mat-paginator-container-text-tracking: 0.0333333333em;
--mat-paginator-container-text-weight: 400;
--mat-paginator-select-trigger-text-size: 12px;
}
.mat-mdc-tab-header {
--mat-tab-label-text-font: Roboto, sans-serif;
--mat-tab-label-text-size: 14px;
--mat-tab-label-text-tracking: 0.0892857143em;
--mat-tab-label-text-line-height: 36px;
--mat-tab-label-text-weight: 500;
}
html {
--mat-checkbox-label-text-font: Roboto, sans-serif;
--mat-checkbox-label-text-line-height: 20px;
--mat-checkbox-label-text-size: 14px;
--mat-checkbox-label-text-tracking: 0.0178571429em;
--mat-checkbox-label-text-weight: 400;
}
html {
--mat-button-filled-label-text-font: Roboto, sans-serif;
--mat-button-filled-label-text-size: 14px;
--mat-button-filled-label-text-tracking: 0.0892857143em;
--mat-button-filled-label-text-transform: none;
--mat-button-filled-label-text-weight: 500;
--mat-button-outlined-label-text-font: Roboto, sans-serif;
--mat-button-outlined-label-text-size: 14px;
--mat-button-outlined-label-text-tracking: 0.0892857143em;
--mat-button-outlined-label-text-transform: none;
--mat-button-outlined-label-text-weight: 500;
--mat-button-protected-label-text-font: Roboto, sans-serif;
--mat-button-protected-label-text-size: 14px;
--mat-button-protected-label-text-tracking: 0.0892857143em;
--mat-button-protected-label-text-transform: none;
--mat-button-protected-label-text-weight: 500;
--mat-button-text-label-text-font: Roboto, sans-serif;
--mat-button-text-label-text-size: 14px;
--mat-button-text-label-text-tracking: 0.0892857143em;
--mat-button-text-label-text-transform: none;
--mat-button-text-label-text-weight: 500;
--mat-button-tonal-label-text-font: Roboto, sans-serif;
--mat-button-tonal-label-text-size: 14px;
--mat-button-tonal-label-text-tracking: 0.0892857143em;
--mat-button-tonal-label-text-transform: none;
--mat-button-tonal-label-text-weight: 500;
}
html {
--mat-fab-extended-label-text-font: Roboto, sans-serif;
--mat-fab-extended-label-text-size: 14px;
--mat-fab-extended-label-text-tracking: 0.0892857143em;
--mat-fab-extended-label-text-weight: 500;
}
html {
--mat-snack-bar-supporting-text-font: Roboto, sans-serif;
--mat-snack-bar-supporting-text-line-height: 20px;
--mat-snack-bar-supporting-text-size: 14px;
--mat-snack-bar-supporting-text-weight: 400;
}
html {
--mat-table-header-headline-font: Roboto, sans-serif;
--mat-table-header-headline-line-height: 22px;
--mat-table-header-headline-size: 14px;
--mat-table-header-headline-weight: 500;
--mat-table-header-headline-tracking: 0.0071428571em;
--mat-table-row-item-label-text-font: Roboto, sans-serif;
--mat-table-row-item-label-text-line-height: 20px;
--mat-table-row-item-label-text-size: 14px;
--mat-table-row-item-label-text-weight: 400;
--mat-table-row-item-label-text-tracking: 0.0178571429em;
--mat-table-footer-supporting-text-font: Roboto, sans-serif;
--mat-table-footer-supporting-text-line-height: 20px;
--mat-table-footer-supporting-text-size: 14px;
--mat-table-footer-supporting-text-weight: 400;
--mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
html {
--mat-badge-text-font: Lato;
--mat-badge-line-height: 22px;
--mat-badge-text-size: 12px;
--mat-badge-text-weight: 600;
--mat-badge-small-size-text-size: 9px;
--mat-badge-small-size-line-height: 16px;
--mat-badge-large-size-text-size: 24px;
--mat-badge-large-size-line-height: 28px;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
font: 600 24px / 36px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
font: 600 20px / 30px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
font: 700 14px / 21px Lato;
letter-spacing: normal;
margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
font: 600 16px / 24px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
font: 400 calc(16px * 0.83) / 24px Lato;
margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
font: 400 calc(16px * 0.67) / 24px Lato;
margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
font: 400 14px / 21px Lato;
letter-spacing: normal;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
font: 400 16px / 24px Lato;
letter-spacing: normal;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
font: 400 12px / 18px Lato;
letter-spacing: normal;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
font: 400 112px / 112px Montserrat;
letter-spacing: normal;
margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
font: 400 56px / 56px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
font: 400 45px / 52px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
font: 300 36px / 40px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
html {
--mat-bottom-sheet-container-text-font: Lato;
--mat-bottom-sheet-container-text-line-height: 24px;
--mat-bottom-sheet-container-text-size: 16px;
--mat-bottom-sheet-container-text-tracking: normal;
--mat-bottom-sheet-container-text-weight: 400;
}
html {
--mat-button-toggle-label-text-font: Montserrat;
--mat-button-toggle-label-text-line-height: 24px;
--mat-button-toggle-label-text-size: 16px;
--mat-button-toggle-label-text-tracking: normal;
--mat-button-toggle-label-text-weight: 600;
--mat-button-toggle-legacy-label-text-font: Montserrat;
--mat-button-toggle-legacy-label-text-line-height: 24px;
--mat-button-toggle-legacy-label-text-size: 16px;
--mat-button-toggle-legacy-label-text-tracking: normal;
--mat-button-toggle-legacy-label-text-weight: 600;
}
html {
--mat-datepicker-calendar-text-font: Montserrat;
--mat-datepicker-calendar-text-size: 13px;
--mat-datepicker-calendar-body-label-text-size: 14px;
--mat-datepicker-calendar-body-label-text-weight: 700;
--mat-datepicker-calendar-period-button-text-size: 14px;
--mat-datepicker-calendar-period-button-text-weight: 700;
--mat-datepicker-calendar-header-text-size: 11px;
--mat-datepicker-calendar-header-text-weight: 600;
}
html {
--mat-expansion-header-text-font: Lato;
--mat-expansion-header-text-size: 14px;
--mat-expansion-header-text-weight: 400;
--mat-expansion-header-text-line-height: inherit;
--mat-expansion-header-text-tracking: inherit;
--mat-expansion-container-text-font: Lato;
--mat-expansion-container-text-line-height: 24px;
--mat-expansion-container-text-size: 16px;
--mat-expansion-container-text-tracking: normal;
--mat-expansion-container-text-weight: 400;
}
html {
--mat-grid-list-tile-header-primary-text-size: 16px;
--mat-grid-list-tile-header-secondary-text-size: 12px;
--mat-grid-list-tile-footer-primary-text-size: 16px;
--mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
--mat-stepper-container-text-font: Lato;
--mat-stepper-header-label-text-font: Lato;
--mat-stepper-header-label-text-size: 16px;
--mat-stepper-header-label-text-weight: 400;
--mat-stepper-header-error-state-label-text-size: 16px;
--mat-stepper-header-selected-state-label-text-size: 16px;
--mat-stepper-header-selected-state-label-text-weight: 600;
}
html {
--mat-toolbar-title-text-font: Montserrat;
--mat-toolbar-title-text-line-height: 30px;
--mat-toolbar-title-text-size: 20px;
--mat-toolbar-title-text-tracking: normal;
--mat-toolbar-title-text-weight: 600;
}
html {
--mat-tree-node-text-font: Lato;
--mat-tree-node-text-size: 16px;
--mat-tree-node-text-weight: 400;
}
html {
--mat-option-label-text-font: Montserrat;
--mat-option-label-text-line-height: 24px;
--mat-option-label-text-size: 16px;
--mat-option-label-text-tracking: normal;
--mat-option-label-text-weight: 600;
}
html {
--mat-optgroup-label-text-font: Montserrat;
--mat-optgroup-label-text-line-height: 24px;
--mat-optgroup-label-text-size: 16px;
--mat-optgroup-label-text-tracking: normal;
--mat-optgroup-label-text-weight: 600;
}
html {
--mat-card-title-text-font: Montserrat;
--mat-card-title-text-line-height: 30px;
--mat-card-title-text-size: 20px;
--mat-card-title-text-tracking: normal;
--mat-card-title-text-weight: 600;
--mat-card-subtitle-text-font: Lato;
--mat-card-subtitle-text-line-height: 21px;
--mat-card-subtitle-text-size: 14px;
--mat-card-subtitle-text-tracking: normal;
--mat-card-subtitle-text-weight: 400;
}
html {
--mat-tooltip-supporting-text-font: Lato;
--mat-tooltip-supporting-text-size: 12px;
--mat-tooltip-supporting-text-weight: 400;
--mat-tooltip-supporting-text-tracking: normal;
}
html {
--mat-form-field-container-text-font: Montserrat;
--mat-form-field-container-text-line-height: 24px;
--mat-form-field-container-text-size: 16px;
--mat-form-field-container-text-tracking: normal;
--mat-form-field-container-text-weight: 600;
--mat-form-field-outlined-label-text-populated-size: 16px;
--mat-form-field-subscript-text-font: Lato;
--mat-form-field-subscript-text-line-height: 18px;
--mat-form-field-subscript-text-size: 12px;
--mat-form-field-subscript-text-tracking: normal;
--mat-form-field-subscript-text-weight: 400;
--mat-form-field-filled-label-text-font: Montserrat;
--mat-form-field-filled-label-text-size: 16px;
--mat-form-field-filled-label-text-tracking: normal;
--mat-form-field-filled-label-text-weight: 600;
--mat-form-field-outlined-label-text-font: Montserrat;
--mat-form-field-outlined-label-text-size: 16px;
--mat-form-field-outlined-label-text-tracking: normal;
--mat-form-field-outlined-label-text-weight: 600;
}
html {
--mat-select-trigger-text-font: Montserrat;
--mat-select-trigger-text-line-height: 24px;
--mat-select-trigger-text-size: 16px;
--mat-select-trigger-text-tracking: normal;
--mat-select-trigger-text-weight: 600;
}
html {
--mat-dialog-subhead-font: Montserrat;
--mat-dialog-subhead-line-height: 30px;
--mat-dialog-subhead-size: 20px;
--mat-dialog-subhead-weight: 600;
--mat-dialog-subhead-tracking: normal;
--mat-dialog-supporting-text-font: Montserrat;
--mat-dialog-supporting-text-line-height: 24px;
--mat-dialog-supporting-text-size: 16px;
--mat-dialog-supporting-text-weight: 600;
--mat-dialog-supporting-text-tracking: normal;
}
.mat-mdc-standard-chip {
--mat-chip-label-text-font: Lato;
--mat-chip-label-text-line-height: 24px;
--mat-chip-label-text-size: 16px;
--mat-chip-label-text-tracking: normal;
--mat-chip-label-text-weight: 400;
}
html {
--mat-slide-toggle-label-text-font: Lato;
--mat-slide-toggle-label-text-line-height: 24px;
--mat-slide-toggle-label-text-size: 16px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
--mat-slide-toggle-label-text-font: Lato;
--mat-slide-toggle-label-text-line-height: 24px;
--mat-slide-toggle-label-text-size: 16px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 400;
}
html {
--mat-radio-label-text-font: Lato;
--mat-radio-label-text-line-height: 24px;
--mat-radio-label-text-size: 16px;
--mat-radio-label-text-tracking: normal;
--mat-radio-label-text-weight: 400;
}
html {
--mat-slider-label-label-text-font: Lato;
--mat-slider-label-label-text-size: 14px;
--mat-slider-label-label-text-line-height: 21px;
--mat-slider-label-label-text-tracking: normal;
--mat-slider-label-label-text-weight: 400;
}
html {
--mat-menu-item-label-text-font: Montserrat;
--mat-menu-item-label-text-size: 16px;
--mat-menu-item-label-text-tracking: normal;
--mat-menu-item-label-text-line-height: 24px;
--mat-menu-item-label-text-weight: 600;
}
html {
--mat-list-list-item-label-text-font: Montserrat;
--mat-list-list-item-label-text-line-height: 24px;
--mat-list-list-item-label-text-size: 16px;
--mat-list-list-item-label-text-tracking: normal;
--mat-list-list-item-label-text-weight: 600;
--mat-list-list-item-supporting-text-font: Lato;
--mat-list-list-item-supporting-text-line-height: 24px;
--mat-list-list-item-supporting-text-size: 16px;
--mat-list-list-item-supporting-text-tracking: normal;
--mat-list-list-item-supporting-text-weight: 400;
--mat-list-list-item-trailing-supporting-text-font: Lato;
--mat-list-list-item-trailing-supporting-text-line-height: 18px;
--mat-list-list-item-trailing-supporting-text-size: 12px;
--mat-list-list-item-trailing-supporting-text-tracking: normal;
--mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
font: 700 14px / 21px Lato;
letter-spacing: normal;
}
html {
--mat-paginator-container-text-font: Lato;
--mat-paginator-container-text-line-height: 18px;
--mat-paginator-container-text-size: 12px;
--mat-paginator-container-text-tracking: normal;
--mat-paginator-container-text-weight: 400;
--mat-paginator-select-trigger-text-size: 12px;
}
.mat-mdc-tab-header {
--mat-tab-label-text-font: Lato;
--mat-tab-label-text-size: 14px;
--mat-tab-label-text-tracking: normal;
--mat-tab-label-text-line-height: 21px;
--mat-tab-label-text-weight: 700;
}
html {
--mat-checkbox-label-text-font: Lato;
--mat-checkbox-label-text-line-height: 24px;
--mat-checkbox-label-text-size: 16px;
--mat-checkbox-label-text-tracking: normal;
--mat-checkbox-label-text-weight: 400;
}
html {
--mat-button-filled-label-text-font: Lato;
--mat-button-filled-label-text-size: 14px;
--mat-button-filled-label-text-tracking: normal;
--mat-button-filled-label-text-transform: none;
--mat-button-filled-label-text-weight: 700;
--mat-button-outlined-label-text-font: Lato;
--mat-button-outlined-label-text-size: 14px;
--mat-button-outlined-label-text-tracking: normal;
--mat-button-outlined-label-text-transform: none;
--mat-button-outlined-label-text-weight: 700;
--mat-button-protected-label-text-font: Lato;
--mat-button-protected-label-text-size: 14px;
--mat-button-protected-label-text-tracking: normal;
--mat-button-protected-label-text-transform: none;
--mat-button-protected-label-text-weight: 700;
--mat-button-text-label-text-font: Lato;
--mat-button-text-label-text-size: 14px;
--mat-button-text-label-text-tracking: normal;
--mat-button-text-label-text-transform: none;
--mat-button-text-label-text-weight: 700;
--mat-button-tonal-label-text-font: Lato;
--mat-button-tonal-label-text-size: 14px;
--mat-button-tonal-label-text-tracking: normal;
--mat-button-tonal-label-text-transform: none;
--mat-button-tonal-label-text-weight: 700;
}
html {
--mat-fab-extended-label-text-font: Lato;
--mat-fab-extended-label-text-size: 14px;
--mat-fab-extended-label-text-tracking: normal;
--mat-fab-extended-label-text-weight: 700;
}
html {
--mat-snack-bar-supporting-text-font: Lato;
--mat-snack-bar-supporting-text-line-height: 24px;
--mat-snack-bar-supporting-text-size: 16px;
--mat-snack-bar-supporting-text-weight: 400;
}
html {
--mat-table-header-headline-font: Lato;
--mat-table-header-headline-line-height: 21px;
--mat-table-header-headline-size: 14px;
--mat-table-header-headline-weight: 400;
--mat-table-header-headline-tracking: normal;
--mat-table-row-item-label-text-font: Lato;
--mat-table-row-item-label-text-line-height: 24px;
--mat-table-row-item-label-text-size: 16px;
--mat-table-row-item-label-text-weight: 400;
--mat-table-row-item-label-text-tracking: normal;
--mat-table-footer-supporting-text-font: Lato;
--mat-table-footer-supporting-text-line-height: 24px;
--mat-table-footer-supporting-text-size: 16px;
--mat-table-footer-supporting-text-weight: 400;
--mat-table-footer-supporting-text-tracking: normal;
}
.x-small-typography {
--mat-badge-text-font: Montserrat;
--mat-badge-line-height: 22px;
--mat-badge-text-size: 12px;
--mat-badge-text-weight: 600;
--mat-badge-small-size-text-size: 9px;
--mat-badge-small-size-line-height: 16px;
--mat-badge-large-size-text-size: 24px;
--mat-badge-large-size-line-height: 28px;
--mat-bottom-sheet-container-text-font: Montserrat;
--mat-bottom-sheet-container-text-line-height: 12px;
--mat-bottom-sheet-container-text-size: 10px;
--mat-bottom-sheet-container-text-tracking: normal;
--mat-bottom-sheet-container-text-weight: 300;
--mat-button-toggle-label-text-font: Montserrat;
--mat-button-toggle-label-text-line-height: 16px;
--mat-button-toggle-label-text-size: 10px;
--mat-button-toggle-label-text-tracking: normal;
--mat-button-toggle-label-text-weight: 300;
--mat-button-toggle-legacy-label-text-font: Montserrat;
--mat-button-toggle-legacy-label-text-line-height: 16px;
--mat-button-toggle-legacy-label-text-size: 10px;
--mat-button-toggle-legacy-label-text-tracking: normal;
--mat-button-toggle-legacy-label-text-weight: 300;
--mat-datepicker-calendar-text-font: Montserrat;
--mat-datepicker-calendar-text-size: 13px;
--mat-datepicker-calendar-body-label-text-size: 10px;
--mat-datepicker-calendar-body-label-text-weight: 300;
--mat-datepicker-calendar-period-button-text-size: 10px;
--mat-datepicker-calendar-period-button-text-weight: 300;
--mat-datepicker-calendar-header-text-size: 11px;
--mat-datepicker-calendar-header-text-weight: 300;
--mat-expansion-header-text-font: Montserrat;
--mat-expansion-header-text-size: 10px;
--mat-expansion-header-text-weight: 600;
--mat-expansion-header-text-line-height: inherit;
--mat-expansion-header-text-tracking: inherit;
--mat-expansion-container-text-font: Montserrat;
--mat-expansion-container-text-line-height: 12px;
--mat-expansion-container-text-size: 10px;
--mat-expansion-container-text-tracking: normal;
--mat-expansion-container-text-weight: 300;
--mat-grid-list-tile-header-primary-text-size: 10px;
--mat-grid-list-tile-header-secondary-text-size: 8px;
--mat-grid-list-tile-footer-primary-text-size: 10px;
--mat-grid-list-tile-footer-secondary-text-size: 8px;
--mat-stepper-container-text-font: Montserrat;
--mat-stepper-header-label-text-font: Montserrat;
--mat-stepper-header-label-text-size: 10px;
--mat-stepper-header-label-text-weight: 300;
--mat-stepper-header-error-state-label-text-size: 10px;
--mat-stepper-header-selected-state-label-text-size: 10px;
--mat-stepper-header-selected-state-label-text-weight: 300;
--mat-toolbar-title-text-font: Montserrat;
--mat-toolbar-title-text-line-height: 24px;
--mat-toolbar-title-text-size: 10px;
--mat-toolbar-title-text-tracking: normal;
--mat-toolbar-title-text-weight: 300;
--mat-tree-node-text-font: Montserrat;
--mat-tree-node-text-size: 10px;
--mat-tree-node-text-weight: 300;
--mat-option-label-text-font: Montserrat;
--mat-option-label-text-line-height: 16px;
--mat-option-label-text-size: 10px;
--mat-option-label-text-tracking: normal;
--mat-option-label-text-weight: 300;
--mat-optgroup-label-text-font: Montserrat;
--mat-optgroup-label-text-line-height: 16px;
--mat-optgroup-label-text-size: 10px;
--mat-optgroup-label-text-tracking: normal;
--mat-optgroup-label-text-weight: 300;
--mat-card-title-text-font: Montserrat;
--mat-card-title-text-line-height: 24px;
--mat-card-title-text-size: 10px;
--mat-card-title-text-tracking: normal;
--mat-card-title-text-weight: 300;
--mat-card-subtitle-text-font: Montserrat;
--mat-card-subtitle-text-line-height: 16px;
--mat-card-subtitle-text-size: 10px;
--mat-card-subtitle-text-tracking: normal;
--mat-card-subtitle-text-weight: 600;
--mat-tooltip-supporting-text-font: Montserrat;
--mat-tooltip-supporting-text-size: 8px;
--mat-tooltip-supporting-text-weight: 300;
--mat-tooltip-supporting-text-tracking: normal;
--mat-form-field-container-text-font: Montserrat;
--mat-form-field-container-text-line-height: 16px;
--mat-form-field-container-text-size: 10px;
--mat-form-field-container-text-tracking: normal;
--mat-form-field-container-text-weight: 300;
--mat-form-field-outlined-label-text-populated-size: 10px;
--mat-form-field-subscript-text-font: Montserrat;
--mat-form-field-subscript-text-line-height: 12px;
--mat-form-field-subscript-text-size: 8px;
--mat-form-field-subscript-text-tracking: normal;
--mat-form-field-subscript-text-weight: 300;
--mat-form-field-filled-label-text-font: Montserrat;
--mat-form-field-filled-label-text-size: 10px;
--mat-form-field-filled-label-text-tracking: normal;
--mat-form-field-filled-label-text-weight: 300;
--mat-form-field-outlined-label-text-font: Montserrat;
--mat-form-field-outlined-label-text-size: 10px;
--mat-form-field-outlined-label-text-tracking: normal;
--mat-form-field-outlined-label-text-weight: 300;
--mat-select-trigger-text-font: Montserrat;
--mat-select-trigger-text-line-height: 16px;
--mat-select-trigger-text-size: 10px;
--mat-select-trigger-text-tracking: normal;
--mat-select-trigger-text-weight: 300;
--mat-dialog-subhead-font: Montserrat;
--mat-dialog-subhead-line-height: 24px;
--mat-dialog-subhead-size: 10px;
--mat-dialog-subhead-weight: 300;
--mat-dialog-subhead-tracking: normal;
--mat-dialog-supporting-text-font: Montserrat;
--mat-dialog-supporting-text-line-height: 16px;
--mat-dialog-supporting-text-size: 10px;
--mat-dialog-supporting-text-weight: 300;
--mat-dialog-supporting-text-tracking: normal;
--mat-slide-toggle-label-text-font: Montserrat;
--mat-slide-toggle-label-text-line-height: 12px;
--mat-slide-toggle-label-text-size: 10px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 300;
--mat-radio-label-text-font: Montserrat;
--mat-radio-label-text-line-height: 12px;
--mat-radio-label-text-size: 10px;
--mat-radio-label-text-tracking: normal;
--mat-radio-label-text-weight: 300;
--mat-slider-label-label-text-font: Montserrat;
--mat-slider-label-label-text-size: 10px;
--mat-slider-label-label-text-line-height: 16px;
--mat-slider-label-label-text-tracking: normal;
--mat-slider-label-label-text-weight: 600;
--mat-menu-item-label-text-font: Montserrat;
--mat-menu-item-label-text-size: 10px;
--mat-menu-item-label-text-tracking: normal;
--mat-menu-item-label-text-line-height: 16px;
--mat-menu-item-label-text-weight: 300;
--mat-list-list-item-label-text-font: Montserrat;
--mat-list-list-item-label-text-line-height: 16px;
--mat-list-list-item-label-text-size: 10px;
--mat-list-list-item-label-text-tracking: normal;
--mat-list-list-item-label-text-weight: 300;
--mat-list-list-item-supporting-text-font: Montserrat;
--mat-list-list-item-supporting-text-line-height: 12px;
--mat-list-list-item-supporting-text-size: 10px;
--mat-list-list-item-supporting-text-tracking: normal;
--mat-list-list-item-supporting-text-weight: 300;
--mat-list-list-item-trailing-supporting-text-font: Montserrat;
--mat-list-list-item-trailing-supporting-text-line-height: 12px;
--mat-list-list-item-trailing-supporting-text-size: 8px;
--mat-list-list-item-trailing-supporting-text-tracking: normal;
--mat-list-list-item-trailing-supporting-text-weight: 300;
--mat-paginator-container-text-font: Montserrat;
--mat-paginator-container-text-line-height: 12px;
--mat-paginator-container-text-size: 8px;
--mat-paginator-container-text-tracking: normal;
--mat-paginator-container-text-weight: 300;
--mat-paginator-select-trigger-text-size: 8px;
--mat-checkbox-label-text-font: Montserrat;
--mat-checkbox-label-text-line-height: 12px;
--mat-checkbox-label-text-size: 10px;
--mat-checkbox-label-text-tracking: normal;
--mat-checkbox-label-text-weight: 300;
--mat-button-filled-label-text-font: Montserrat;
--mat-button-filled-label-text-size: 10px;
--mat-button-filled-label-text-tracking: normal;
--mat-button-filled-label-text-transform: none;
--mat-button-filled-label-text-weight: 300;
--mat-button-outlined-label-text-font: Montserrat;
--mat-button-outlined-label-text-size: 10px;
--mat-button-outlined-label-text-tracking: normal;
--mat-button-outlined-label-text-transform: none;
--mat-button-outlined-label-text-weight: 300;
--mat-button-protected-label-text-font: Montserrat;
--mat-button-protected-label-text-size: 10px;
--mat-button-protected-label-text-tracking: normal;
--mat-button-protected-label-text-transform: none;
--mat-button-protected-label-text-weight: 300;
--mat-button-text-label-text-font: Montserrat;
--mat-button-text-label-text-size: 10px;
--mat-button-text-label-text-tracking: normal;
--mat-button-text-label-text-transform: none;
--mat-button-text-label-text-weight: 300;
--mat-button-tonal-label-text-font: Montserrat;
--mat-button-tonal-label-text-size: 10px;
--mat-button-tonal-label-text-tracking: normal;
--mat-button-tonal-label-text-transform: none;
--mat-button-tonal-label-text-weight: 300;
--mat-fab-extended-label-text-font: Montserrat;
--mat-fab-extended-label-text-size: 10px;
--mat-fab-extended-label-text-tracking: normal;
--mat-fab-extended-label-text-weight: 300;
--mat-snack-bar-supporting-text-font: Montserrat;
--mat-snack-bar-supporting-text-line-height: 12px;
--mat-snack-bar-supporting-text-size: 10px;
--mat-snack-bar-supporting-text-weight: 300;
--mat-table-header-headline-font: Montserrat;
--mat-table-header-headline-line-height: 16px;
--mat-table-header-headline-size: 10px;
--mat-table-header-headline-weight: 600;
--mat-table-header-headline-tracking: normal;
--mat-table-row-item-label-text-font: Montserrat;
--mat-table-row-item-label-text-line-height: 12px;
--mat-table-row-item-label-text-size: 10px;
--mat-table-row-item-label-text-weight: 300;
--mat-table-row-item-label-text-tracking: normal;
--mat-table-footer-supporting-text-font: Montserrat;
--mat-table-footer-supporting-text-line-height: 12px;
--mat-table-footer-supporting-text-size: 10px;
--mat-table-footer-supporting-text-weight: 300;
--mat-table-footer-supporting-text-tracking: normal;
}
.x-small-typography .mat-h1,
.x-small-typography .mat-headline-5,
.x-small-typography .mat-typography .mat-h1,
.x-small-typography .mat-typography .mat-headline-5,
.x-small-typography .mat-typography h1 {
font: 300 12px / 24px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.x-small-typography .mat-h2,
.x-small-typography .mat-headline-6,
.x-small-typography .mat-typography .mat-h2,
.x-small-typography .mat-typography .mat-headline-6,
.x-small-typography .mat-typography h2 {
font: 300 10px / 24px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.x-small-typography .mat-h3,
.x-small-typography .mat-subtitle-1,
.x-small-typography .mat-typography .mat-h3,
.x-small-typography .mat-typography .mat-subtitle-1,
.x-small-typography .mat-typography h3 {
font: 300 12px / 20px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.x-small-typography .mat-h4,
.x-small-typography .mat-body-1,
.x-small-typography .mat-typography .mat-h4,
.x-small-typography .mat-typography .mat-body-1,
.x-small-typography .mat-typography h4 {
font: 300 10px / 16px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.x-small-typography .mat-h5,
.x-small-typography .mat-typography .mat-h5,
.x-small-typography .mat-typography h5 {
font: 300 calc(10px * 0.83) / 12px Montserrat;
margin: 0 0 12px;
}
.x-small-typography .mat-h6,
.x-small-typography .mat-typography .mat-h6,
.x-small-typography .mat-typography h6 {
font: 300 calc(10px * 0.67) / 12px Montserrat;
margin: 0 0 12px;
}
.x-small-typography .mat-body-strong,
.x-small-typography .mat-subtitle-2,
.x-small-typography .mat-typography .mat-body-strong,
.x-small-typography .mat-typography .mat-subtitle-2 {
font: 600 10px / 16px Montserrat;
letter-spacing: normal;
}
.x-small-typography .mat-body,
.x-small-typography .mat-body-2,
.x-small-typography .mat-typography .mat-body,
.x-small-typography .mat-typography .mat-body-2,
.x-small-typography .mat-typography {
font: 300 10px / 12px Montserrat;
letter-spacing: normal;
}
.x-small-typography .mat-body p,
.x-small-typography .mat-body-2 p,
.x-small-typography .mat-typography .mat-body p,
.x-small-typography .mat-typography .mat-body-2 p,
.x-small-typography .mat-typography p {
margin: 0 0 12px;
}
.x-small-typography .mat-small,
.x-small-typography .mat-caption,
.x-small-typography .mat-typography .mat-small,
.x-small-typography .mat-typography .mat-caption {
font: 300 8px / 12px Montserrat;
letter-spacing: normal;
}
.x-small-typography .mat-headline-1,
.x-small-typography .mat-typography .mat-headline-1 {
font: 300 64px / 64px Montserrat;
letter-spacing: normal;
margin: 0 0 56px;
}
.x-small-typography .mat-headline-2,
.x-small-typography .mat-typography .mat-headline-2 {
font: 300 32px / 32px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.x-small-typography .mat-headline-3,
.x-small-typography .mat-typography .mat-headline-3 {
font: 300 21px / 24px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.x-small-typography .mat-headline-4,
.x-small-typography .mat-typography .mat-headline-4 {
font: 300 18px / 24px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.x-small-typography .mat-mdc-standard-chip {
--mat-chip-label-text-font: Montserrat;
--mat-chip-label-text-line-height: 12px;
--mat-chip-label-text-size: 10px;
--mat-chip-label-text-tracking: normal;
--mat-chip-label-text-weight: 300;
}
.x-small-typography .mat-mdc-slide-toggle {
--mat-slide-toggle-label-text-font: Montserrat;
--mat-slide-toggle-label-text-line-height: 12px;
--mat-slide-toggle-label-text-size: 10px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 300;
}
.x-small-typography .mdc-list-group__subheader {
font: 300 12px / 20px Montserrat;
letter-spacing: normal;
}
.x-small-typography .mat-mdc-tab-header {
--mat-tab-label-text-font: Montserrat;
--mat-tab-label-text-size: 10px;
--mat-tab-label-text-tracking: normal;
--mat-tab-label-text-line-height: 10px;
--mat-tab-label-text-weight: 300;
}
.small-typography {
--mat-badge-text-font: Montserrat;
--mat-badge-line-height: 22px;
--mat-badge-text-size: 12px;
--mat-badge-text-weight: 600;
--mat-badge-small-size-text-size: 9px;
--mat-badge-small-size-line-height: 16px;
--mat-badge-large-size-text-size: 24px;
--mat-badge-large-size-line-height: 28px;
--mat-bottom-sheet-container-text-font: Montserrat;
--mat-bottom-sheet-container-text-line-height: 16px;
--mat-bottom-sheet-container-text-size: 12px;
--mat-bottom-sheet-container-text-tracking: normal;
--mat-bottom-sheet-container-text-weight: 300;
--mat-button-toggle-label-text-font: Montserrat;
--mat-button-toggle-label-text-line-height: 20px;
--mat-button-toggle-label-text-size: 13px;
--mat-button-toggle-label-text-tracking: normal;
--mat-button-toggle-label-text-weight: 300;
--mat-button-toggle-legacy-label-text-font: Montserrat;
--mat-button-toggle-legacy-label-text-line-height: 20px;
--mat-button-toggle-legacy-label-text-size: 13px;
--mat-button-toggle-legacy-label-text-tracking: normal;
--mat-button-toggle-legacy-label-text-weight: 300;
--mat-datepicker-calendar-text-font: Montserrat;
--mat-datepicker-calendar-text-size: 13px;
--mat-datepicker-calendar-body-label-text-size: 12px;
--mat-datepicker-calendar-body-label-text-weight: 300;
--mat-datepicker-calendar-period-button-text-size: 12px;
--mat-datepicker-calendar-period-button-text-weight: 300;
--mat-datepicker-calendar-header-text-size: 11px;
--mat-datepicker-calendar-header-text-weight: 300;
--mat-expansion-header-text-font: Montserrat;
--mat-expansion-header-text-size: 12px;
--mat-expansion-header-text-weight: 600;
--mat-expansion-header-text-line-height: inherit;
--mat-expansion-header-text-tracking: inherit;
--mat-expansion-container-text-font: Montserrat;
--mat-expansion-container-text-line-height: 16px;
--mat-expansion-container-text-size: 12px;
--mat-expansion-container-text-tracking: normal;
--mat-expansion-container-text-weight: 300;
--mat-grid-list-tile-header-primary-text-size: 12px;
--mat-grid-list-tile-header-secondary-text-size: 10px;
--mat-grid-list-tile-footer-primary-text-size: 12px;
--mat-grid-list-tile-footer-secondary-text-size: 10px;
--mat-stepper-container-text-font: Montserrat;
--mat-stepper-header-label-text-font: Montserrat;
--mat-stepper-header-label-text-size: 12px;
--mat-stepper-header-label-text-weight: 300;
--mat-stepper-header-error-state-label-text-size: 13px;
--mat-stepper-header-selected-state-label-text-size: 13px;
--mat-stepper-header-selected-state-label-text-weight: 300;
--mat-toolbar-title-text-font: Montserrat;
--mat-toolbar-title-text-line-height: 26px;
--mat-toolbar-title-text-size: 16px;
--mat-toolbar-title-text-tracking: normal;
--mat-toolbar-title-text-weight: 300;
--mat-tree-node-text-font: Montserrat;
--mat-tree-node-text-size: 12px;
--mat-tree-node-text-weight: 300;
--mat-option-label-text-font: Montserrat;
--mat-option-label-text-line-height: 20px;
--mat-option-label-text-size: 13px;
--mat-option-label-text-tracking: normal;
--mat-option-label-text-weight: 300;
--mat-optgroup-label-text-font: Montserrat;
--mat-optgroup-label-text-line-height: 20px;
--mat-optgroup-label-text-size: 13px;
--mat-optgroup-label-text-tracking: normal;
--mat-optgroup-label-text-weight: 300;
--mat-card-title-text-font: Montserrat;
--mat-card-title-text-line-height: 26px;
--mat-card-title-text-size: 16px;
--mat-card-title-text-tracking: normal;
--mat-card-title-text-weight: 300;
--mat-card-subtitle-text-font: Montserrat;
--mat-card-subtitle-text-line-height: 20px;
--mat-card-subtitle-text-size: 12px;
--mat-card-subtitle-text-tracking: normal;
--mat-card-subtitle-text-weight: 600;
--mat-tooltip-supporting-text-font: Montserrat;
--mat-tooltip-supporting-text-size: 10px;
--mat-tooltip-supporting-text-weight: 300;
--mat-tooltip-supporting-text-tracking: normal;
--mat-form-field-container-text-font: Montserrat;
--mat-form-field-container-text-line-height: 20px;
--mat-form-field-container-text-size: 13px;
--mat-form-field-container-text-tracking: normal;
--mat-form-field-container-text-weight: 300;
--mat-form-field-outlined-label-text-populated-size: 13px;
--mat-form-field-subscript-text-font: Montserrat;
--mat-form-field-subscript-text-line-height: 16px;
--mat-form-field-subscript-text-size: 10px;
--mat-form-field-subscript-text-tracking: normal;
--mat-form-field-subscript-text-weight: 300;
--mat-form-field-filled-label-text-font: Montserrat;
--mat-form-field-filled-label-text-size: 13px;
--mat-form-field-filled-label-text-tracking: normal;
--mat-form-field-filled-label-text-weight: 300;
--mat-form-field-outlined-label-text-font: Montserrat;
--mat-form-field-outlined-label-text-size: 13px;
--mat-form-field-outlined-label-text-tracking: normal;
--mat-form-field-outlined-label-text-weight: 300;
--mat-select-trigger-text-font: Montserrat;
--mat-select-trigger-text-line-height: 20px;
--mat-select-trigger-text-size: 13px;
--mat-select-trigger-text-tracking: normal;
--mat-select-trigger-text-weight: 300;
--mat-dialog-subhead-font: Montserrat;
--mat-dialog-subhead-line-height: 26px;
--mat-dialog-subhead-size: 16px;
--mat-dialog-subhead-weight: 300;
--mat-dialog-subhead-tracking: normal;
--mat-dialog-supporting-text-font: Montserrat;
--mat-dialog-supporting-text-line-height: 20px;
--mat-dialog-supporting-text-size: 13px;
--mat-dialog-supporting-text-weight: 300;
--mat-dialog-supporting-text-tracking: normal;
--mat-slide-toggle-label-text-font: Montserrat;
--mat-slide-toggle-label-text-line-height: 16px;
--mat-slide-toggle-label-text-size: 12px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 300;
--mat-radio-label-text-font: Montserrat;
--mat-radio-label-text-line-height: 16px;
--mat-radio-label-text-size: 12px;
--mat-radio-label-text-tracking: normal;
--mat-radio-label-text-weight: 300;
--mat-slider-label-label-text-font: Montserrat;
--mat-slider-label-label-text-size: 12px;
--mat-slider-label-label-text-line-height: 20px;
--mat-slider-label-label-text-tracking: normal;
--mat-slider-label-label-text-weight: 600;
--mat-menu-item-label-text-font: Montserrat;
--mat-menu-item-label-text-size: 13px;
--mat-menu-item-label-text-tracking: normal;
--mat-menu-item-label-text-line-height: 20px;
--mat-menu-item-label-text-weight: 300;
--mat-list-list-item-label-text-font: Montserrat;
--mat-list-list-item-label-text-line-height: 20px;
--mat-list-list-item-label-text-size: 13px;
--mat-list-list-item-label-text-tracking: normal;
--mat-list-list-item-label-text-weight: 300;
--mat-list-list-item-supporting-text-font: Montserrat;
--mat-list-list-item-supporting-text-line-height: 16px;
--mat-list-list-item-supporting-text-size: 12px;
--mat-list-list-item-supporting-text-tracking: normal;
--mat-list-list-item-supporting-text-weight: 300;
--mat-list-list-item-trailing-supporting-text-font: Montserrat;
--mat-list-list-item-trailing-supporting-text-line-height: 16px;
--mat-list-list-item-trailing-supporting-text-size: 10px;
--mat-list-list-item-trailing-supporting-text-tracking: normal;
--mat-list-list-item-trailing-supporting-text-weight: 300;
--mat-paginator-container-text-font: Montserrat;
--mat-paginator-container-text-line-height: 16px;
--mat-paginator-container-text-size: 10px;
--mat-paginator-container-text-tracking: normal;
--mat-paginator-container-text-weight: 300;
--mat-paginator-select-trigger-text-size: 10px;
--mat-checkbox-label-text-font: Montserrat;
--mat-checkbox-label-text-line-height: 16px;
--mat-checkbox-label-text-size: 12px;
--mat-checkbox-label-text-tracking: normal;
--mat-checkbox-label-text-weight: 300;
--mat-button-filled-label-text-font: Montserrat;
--mat-button-filled-label-text-size: 12px;
--mat-button-filled-label-text-tracking: normal;
--mat-button-filled-label-text-transform: none;
--mat-button-filled-label-text-weight: 300;
--mat-button-outlined-label-text-font: Montserrat;
--mat-button-outlined-label-text-size: 12px;
--mat-button-outlined-label-text-tracking: normal;
--mat-button-outlined-label-text-transform: none;
--mat-button-outlined-label-text-weight: 300;
--mat-button-protected-label-text-font: Montserrat;
--mat-button-protected-label-text-size: 12px;
--mat-button-protected-label-text-tracking: normal;
--mat-button-protected-label-text-transform: none;
--mat-button-protected-label-text-weight: 300;
--mat-button-text-label-text-font: Montserrat;
--mat-button-text-label-text-size: 12px;
--mat-button-text-label-text-tracking: normal;
--mat-button-text-label-text-transform: none;
--mat-button-text-label-text-weight: 300;
--mat-button-tonal-label-text-font: Montserrat;
--mat-button-tonal-label-text-size: 12px;
--mat-button-tonal-label-text-tracking: normal;
--mat-button-tonal-label-text-transform: none;
--mat-button-tonal-label-text-weight: 300;
--mat-fab-extended-label-text-font: Montserrat;
--mat-fab-extended-label-text-size: 12px;
--mat-fab-extended-label-text-tracking: normal;
--mat-fab-extended-label-text-weight: 300;
--mat-snack-bar-supporting-text-font: Montserrat;
--mat-snack-bar-supporting-text-line-height: 16px;
--mat-snack-bar-supporting-text-size: 12px;
--mat-snack-bar-supporting-text-weight: 300;
--mat-table-header-headline-font: Montserrat;
--mat-table-header-headline-line-height: 20px;
--mat-table-header-headline-size: 12px;
--mat-table-header-headline-weight: 600;
--mat-table-header-headline-tracking: normal;
--mat-table-row-item-label-text-font: Montserrat;
--mat-table-row-item-label-text-line-height: 16px;
--mat-table-row-item-label-text-size: 12px;
--mat-table-row-item-label-text-weight: 300;
--mat-table-row-item-label-text-tracking: normal;
--mat-table-footer-supporting-text-font: Montserrat;
--mat-table-footer-supporting-text-line-height: 16px;
--mat-table-footer-supporting-text-size: 12px;
--mat-table-footer-supporting-text-weight: 300;
--mat-table-footer-supporting-text-tracking: normal;
}
.small-typography .mat-h1,
.small-typography .mat-headline-5,
.small-typography .mat-typography .mat-h1,
.small-typography .mat-typography .mat-headline-5,
.small-typography .mat-typography h1 {
font: 300 20px / 26px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.small-typography .mat-h2,
.small-typography .mat-headline-6,
.small-typography .mat-typography .mat-h2,
.small-typography .mat-typography .mat-headline-6,
.small-typography .mat-typography h2 {
font: 300 16px / 26px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.small-typography .mat-h3,
.small-typography .mat-subtitle-1,
.small-typography .mat-typography .mat-h3,
.small-typography .mat-typography .mat-subtitle-1,
.small-typography .mat-typography h3 {
font: 300 14px / 24px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.small-typography .mat-h4,
.small-typography .mat-body-1,
.small-typography .mat-typography .mat-h4,
.small-typography .mat-typography .mat-body-1,
.small-typography .mat-typography h4 {
font: 300 13px / 20px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.small-typography .mat-h5,
.small-typography .mat-typography .mat-h5,
.small-typography .mat-typography h5 {
font: 300 calc(12px * 0.83) / 16px Montserrat;
margin: 0 0 12px;
}
.small-typography .mat-h6,
.small-typography .mat-typography .mat-h6,
.small-typography .mat-typography h6 {
font: 300 calc(12px * 0.67) / 16px Montserrat;
margin: 0 0 12px;
}
.small-typography .mat-body-strong,
.small-typography .mat-subtitle-2,
.small-typography .mat-typography .mat-body-strong,
.small-typography .mat-typography .mat-subtitle-2 {
font: 600 12px / 20px Montserrat;
letter-spacing: normal;
}
.small-typography .mat-body,
.small-typography .mat-body-2,
.small-typography .mat-typography .mat-body,
.small-typography .mat-typography .mat-body-2,
.small-typography .mat-typography {
font: 300 12px / 16px Montserrat;
letter-spacing: normal;
}
.small-typography .mat-body p,
.small-typography .mat-body-2 p,
.small-typography .mat-typography .mat-body p,
.small-typography .mat-typography .mat-body-2 p,
.small-typography .mat-typography p {
margin: 0 0 12px;
}
.small-typography .mat-small,
.small-typography .mat-caption,
.small-typography .mat-typography .mat-small,
.small-typography .mat-typography .mat-caption {
font: 300 10px / 16px Montserrat;
letter-spacing: normal;
}
.small-typography .mat-headline-1,
.small-typography .mat-typography .mat-headline-1 {
font: 300 88px / 88px Montserrat;
letter-spacing: normal;
margin: 0 0 56px;
}
.small-typography .mat-headline-2,
.small-typography .mat-typography .mat-headline-2 {
font: 300 40px / 40px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.small-typography .mat-headline-3,
.small-typography .mat-typography .mat-headline-3 {
font: 300 33px / 36px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.small-typography .mat-headline-4,
.small-typography .mat-typography .mat-headline-4 {
font: 300 28px / 32px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.small-typography .mat-mdc-standard-chip {
--mat-chip-label-text-font: Montserrat;
--mat-chip-label-text-line-height: 16px;
--mat-chip-label-text-size: 12px;
--mat-chip-label-text-tracking: normal;
--mat-chip-label-text-weight: 300;
}
.small-typography .mat-mdc-slide-toggle {
--mat-slide-toggle-label-text-font: Montserrat;
--mat-slide-toggle-label-text-line-height: 16px;
--mat-slide-toggle-label-text-size: 12px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 300;
}
.small-typography .mdc-list-group__subheader {
font: 300 14px / 24px Montserrat;
letter-spacing: normal;
}
.small-typography .mat-mdc-tab-header {
--mat-tab-label-text-font: Montserrat;
--mat-tab-label-text-size: 12px;
--mat-tab-label-text-tracking: normal;
--mat-tab-label-text-line-height: 12px;
--mat-tab-label-text-weight: 300;
}
.large-typography {
--mat-badge-text-font: Montserrat;
--mat-badge-line-height: 22px;
--mat-badge-text-size: 12px;
--mat-badge-text-weight: 600;
--mat-badge-small-size-text-size: 9px;
--mat-badge-small-size-line-height: 16px;
--mat-badge-large-size-text-size: 24px;
--mat-badge-large-size-line-height: 28px;
--mat-bottom-sheet-container-text-font: Montserrat;
--mat-bottom-sheet-container-text-line-height: 24px;
--mat-bottom-sheet-container-text-size: 16px;
--mat-bottom-sheet-container-text-tracking: normal;
--mat-bottom-sheet-container-text-weight: 400;
--mat-button-toggle-label-text-font: Montserrat;
--mat-button-toggle-label-text-line-height: 28px;
--mat-button-toggle-label-text-size: 17px;
--mat-button-toggle-label-text-tracking: normal;
--mat-button-toggle-label-text-weight: 400;
--mat-button-toggle-legacy-label-text-font: Montserrat;
--mat-button-toggle-legacy-label-text-line-height: 28px;
--mat-button-toggle-legacy-label-text-size: 17px;
--mat-button-toggle-legacy-label-text-tracking: normal;
--mat-button-toggle-legacy-label-text-weight: 400;
--mat-datepicker-calendar-text-font: Montserrat;
--mat-datepicker-calendar-text-size: 13px;
--mat-datepicker-calendar-body-label-text-size: 16px;
--mat-datepicker-calendar-body-label-text-weight: 400;
--mat-datepicker-calendar-period-button-text-size: 16px;
--mat-datepicker-calendar-period-button-text-weight: 400;
--mat-datepicker-calendar-header-text-size: 11px;
--mat-datepicker-calendar-header-text-weight: 400;
--mat-expansion-header-text-font: Montserrat;
--mat-expansion-header-text-size: 16px;
--mat-expansion-header-text-weight: 600;
--mat-expansion-header-text-line-height: inherit;
--mat-expansion-header-text-tracking: inherit;
--mat-expansion-container-text-font: Montserrat;
--mat-expansion-container-text-line-height: 24px;
--mat-expansion-container-text-size: 16px;
--mat-expansion-container-text-tracking: normal;
--mat-expansion-container-text-weight: 400;
--mat-grid-list-tile-header-primary-text-size: 16px;
--mat-grid-list-tile-header-secondary-text-size: 14px;
--mat-grid-list-tile-footer-primary-text-size: 16px;
--mat-grid-list-tile-footer-secondary-text-size: 14px;
--mat-stepper-container-text-font: Montserrat;
--mat-stepper-header-label-text-font: Montserrat;
--mat-stepper-header-label-text-size: 16px;
--mat-stepper-header-label-text-weight: 400;
--mat-stepper-header-error-state-label-text-size: 17px;
--mat-stepper-header-selected-state-label-text-size: 17px;
--mat-stepper-header-selected-state-label-text-weight: 400;
--mat-toolbar-title-text-font: Montserrat;
--mat-toolbar-title-text-line-height: 38px;
--mat-toolbar-title-text-size: 24px;
--mat-toolbar-title-text-tracking: normal;
--mat-toolbar-title-text-weight: 400;
--mat-tree-node-text-font: Montserrat;
--mat-tree-node-text-size: 16px;
--mat-tree-node-text-weight: 400;
--mat-option-label-text-font: Montserrat;
--mat-option-label-text-line-height: 28px;
--mat-option-label-text-size: 17px;
--mat-option-label-text-tracking: normal;
--mat-option-label-text-weight: 400;
--mat-optgroup-label-text-font: Montserrat;
--mat-optgroup-label-text-line-height: 28px;
--mat-optgroup-label-text-size: 17px;
--mat-optgroup-label-text-tracking: normal;
--mat-optgroup-label-text-weight: 400;
--mat-card-title-text-font: Montserrat;
--mat-card-title-text-line-height: 38px;
--mat-card-title-text-size: 24px;
--mat-card-title-text-tracking: normal;
--mat-card-title-text-weight: 400;
--mat-card-subtitle-text-font: Montserrat;
--mat-card-subtitle-text-line-height: 28px;
--mat-card-subtitle-text-size: 16px;
--mat-card-subtitle-text-tracking: normal;
--mat-card-subtitle-text-weight: 600;
--mat-tooltip-supporting-text-font: Montserrat;
--mat-tooltip-supporting-text-size: 14px;
--mat-tooltip-supporting-text-weight: 400;
--mat-tooltip-supporting-text-tracking: normal;
--mat-form-field-container-text-font: Montserrat;
--mat-form-field-container-text-line-height: 28px;
--mat-form-field-container-text-size: 17px;
--mat-form-field-container-text-tracking: normal;
--mat-form-field-container-text-weight: 400;
--mat-form-field-outlined-label-text-populated-size: 17px;
--mat-form-field-subscript-text-font: Montserrat;
--mat-form-field-subscript-text-line-height: 24px;
--mat-form-field-subscript-text-size: 14px;
--mat-form-field-subscript-text-tracking: normal;
--mat-form-field-subscript-text-weight: 400;
--mat-form-field-filled-label-text-font: Montserrat;
--mat-form-field-filled-label-text-size: 17px;
--mat-form-field-filled-label-text-tracking: normal;
--mat-form-field-filled-label-text-weight: 400;
--mat-form-field-outlined-label-text-font: Montserrat;
--mat-form-field-outlined-label-text-size: 17px;
--mat-form-field-outlined-label-text-tracking: normal;
--mat-form-field-outlined-label-text-weight: 400;
--mat-select-trigger-text-font: Montserrat;
--mat-select-trigger-text-line-height: 28px;
--mat-select-trigger-text-size: 17px;
--mat-select-trigger-text-tracking: normal;
--mat-select-trigger-text-weight: 400;
--mat-dialog-subhead-font: Montserrat;
--mat-dialog-subhead-line-height: 38px;
--mat-dialog-subhead-size: 24px;
--mat-dialog-subhead-weight: 400;
--mat-dialog-subhead-tracking: normal;
--mat-dialog-supporting-text-font: Montserrat;
--mat-dialog-supporting-text-line-height: 28px;
--mat-dialog-supporting-text-size: 17px;
--mat-dialog-supporting-text-weight: 400;
--mat-dialog-supporting-text-tracking: normal;
--mat-slide-toggle-label-text-font: Montserrat;
--mat-slide-toggle-label-text-line-height: 24px;
--mat-slide-toggle-label-text-size: 16px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 400;
--mat-radio-label-text-font: Montserrat;
--mat-radio-label-text-line-height: 24px;
--mat-radio-label-text-size: 16px;
--mat-radio-label-text-tracking: normal;
--mat-radio-label-text-weight: 400;
--mat-slider-label-label-text-font: Montserrat;
--mat-slider-label-label-text-size: 16px;
--mat-slider-label-label-text-line-height: 28px;
--mat-slider-label-label-text-tracking: normal;
--mat-slider-label-label-text-weight: 600;
--mat-menu-item-label-text-font: Montserrat;
--mat-menu-item-label-text-size: 17px;
--mat-menu-item-label-text-tracking: normal;
--mat-menu-item-label-text-line-height: 28px;
--mat-menu-item-label-text-weight: 400;
--mat-list-list-item-label-text-font: Montserrat;
--mat-list-list-item-label-text-line-height: 28px;
--mat-list-list-item-label-text-size: 17px;
--mat-list-list-item-label-text-tracking: normal;
--mat-list-list-item-label-text-weight: 400;
--mat-list-list-item-supporting-text-font: Montserrat;
--mat-list-list-item-supporting-text-line-height: 24px;
--mat-list-list-item-supporting-text-size: 16px;
--mat-list-list-item-supporting-text-tracking: normal;
--mat-list-list-item-supporting-text-weight: 400;
--mat-list-list-item-trailing-supporting-text-font: Montserrat;
--mat-list-list-item-trailing-supporting-text-line-height: 24px;
--mat-list-list-item-trailing-supporting-text-size: 14px;
--mat-list-list-item-trailing-supporting-text-tracking: normal;
--mat-list-list-item-trailing-supporting-text-weight: 400;
--mat-paginator-container-text-font: Montserrat;
--mat-paginator-container-text-line-height: 24px;
--mat-paginator-container-text-size: 14px;
--mat-paginator-container-text-tracking: normal;
--mat-paginator-container-text-weight: 400;
--mat-paginator-select-trigger-text-size: 14px;
--mat-checkbox-label-text-font: Montserrat;
--mat-checkbox-label-text-line-height: 24px;
--mat-checkbox-label-text-size: 16px;
--mat-checkbox-label-text-tracking: normal;
--mat-checkbox-label-text-weight: 400;
--mat-button-filled-label-text-font: Montserrat;
--mat-button-filled-label-text-size: 16px;
--mat-button-filled-label-text-tracking: normal;
--mat-button-filled-label-text-transform: none;
--mat-button-filled-label-text-weight: 400;
--mat-button-outlined-label-text-font: Montserrat;
--mat-button-outlined-label-text-size: 16px;
--mat-button-outlined-label-text-tracking: normal;
--mat-button-outlined-label-text-transform: none;
--mat-button-outlined-label-text-weight: 400;
--mat-button-protected-label-text-font: Montserrat;
--mat-button-protected-label-text-size: 16px;
--mat-button-protected-label-text-tracking: normal;
--mat-button-protected-label-text-transform: none;
--mat-button-protected-label-text-weight: 400;
--mat-button-text-label-text-font: Montserrat;
--mat-button-text-label-text-size: 16px;
--mat-button-text-label-text-tracking: normal;
--mat-button-text-label-text-transform: none;
--mat-button-text-label-text-weight: 400;
--mat-button-tonal-label-text-font: Montserrat;
--mat-button-tonal-label-text-size: 16px;
--mat-button-tonal-label-text-tracking: normal;
--mat-button-tonal-label-text-transform: none;
--mat-button-tonal-label-text-weight: 400;
--mat-fab-extended-label-text-font: Montserrat;
--mat-fab-extended-label-text-size: 16px;
--mat-fab-extended-label-text-tracking: normal;
--mat-fab-extended-label-text-weight: 400;
--mat-snack-bar-supporting-text-font: Montserrat;
--mat-snack-bar-supporting-text-line-height: 24px;
--mat-snack-bar-supporting-text-size: 16px;
--mat-snack-bar-supporting-text-weight: 400;
--mat-table-header-headline-font: Montserrat;
--mat-table-header-headline-line-height: 28px;
--mat-table-header-headline-size: 16px;
--mat-table-header-headline-weight: 600;
--mat-table-header-headline-tracking: normal;
--mat-table-row-item-label-text-font: Montserrat;
--mat-table-row-item-label-text-line-height: 24px;
--mat-table-row-item-label-text-size: 16px;
--mat-table-row-item-label-text-weight: 400;
--mat-table-row-item-label-text-tracking: normal;
--mat-table-footer-supporting-text-font: Montserrat;
--mat-table-footer-supporting-text-line-height: 24px;
--mat-table-footer-supporting-text-size: 16px;
--mat-table-footer-supporting-text-weight: 400;
--mat-table-footer-supporting-text-tracking: normal;
}
.large-typography .mat-h1,
.large-typography .mat-headline-5,
.large-typography .mat-typography .mat-h1,
.large-typography .mat-typography .mat-headline-5,
.large-typography .mat-typography h1 {
font: 400 28px / 38px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.large-typography .mat-h2,
.large-typography .mat-headline-6,
.large-typography .mat-typography .mat-h2,
.large-typography .mat-typography .mat-headline-6,
.large-typography .mat-typography h2 {
font: 400 24px / 38px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.large-typography .mat-h3,
.large-typography .mat-subtitle-1,
.large-typography .mat-typography .mat-h3,
.large-typography .mat-typography .mat-subtitle-1,
.large-typography .mat-typography h3 {
font: 400 18px / 32px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.large-typography .mat-h4,
.large-typography .mat-body-1,
.large-typography .mat-typography .mat-h4,
.large-typography .mat-typography .mat-body-1,
.large-typography .mat-typography h4 {
font: 400 17px / 28px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.large-typography .mat-h5,
.large-typography .mat-typography .mat-h5,
.large-typography .mat-typography h5 {
font: 400 calc(16px * 0.83) / 24px Montserrat;
margin: 0 0 12px;
}
.large-typography .mat-h6,
.large-typography .mat-typography .mat-h6,
.large-typography .mat-typography h6 {
font: 400 calc(16px * 0.67) / 24px Montserrat;
margin: 0 0 12px;
}
.large-typography .mat-body-strong,
.large-typography .mat-subtitle-2,
.large-typography .mat-typography .mat-body-strong,
.large-typography .mat-typography .mat-subtitle-2 {
font: 600 16px / 28px Montserrat;
letter-spacing: normal;
}
.large-typography .mat-body,
.large-typography .mat-body-2,
.large-typography .mat-typography .mat-body,
.large-typography .mat-typography .mat-body-2,
.large-typography .mat-typography {
font: 400 16px / 24px Montserrat;
letter-spacing: normal;
}
.large-typography .mat-body p,
.large-typography .mat-body-2 p,
.large-typography .mat-typography .mat-body p,
.large-typography .mat-typography .mat-body-2 p,
.large-typography .mat-typography p {
margin: 0 0 12px;
}
.large-typography .mat-small,
.large-typography .mat-caption,
.large-typography .mat-typography .mat-small,
.large-typography .mat-typography .mat-caption {
font: 400 14px / 24px Montserrat;
letter-spacing: normal;
}
.large-typography .mat-headline-1,
.large-typography .mat-typography .mat-headline-1 {
font: 400 136px / 136px Montserrat;
letter-spacing: normal;
margin: 0 0 56px;
}
.large-typography .mat-headline-2,
.large-typography .mat-typography .mat-headline-2 {
font: 400 72px / 72px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.large-typography .mat-headline-3,
.large-typography .mat-typography .mat-headline-3 {
font: 400 57px / 60px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.large-typography .mat-headline-4,
.large-typography .mat-typography .mat-headline-4 {
font: 400 40px / 48px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.large-typography .mat-mdc-standard-chip {
--mat-chip-label-text-font: Montserrat;
--mat-chip-label-text-line-height: 24px;
--mat-chip-label-text-size: 16px;
--mat-chip-label-text-tracking: normal;
--mat-chip-label-text-weight: 400;
}
.large-typography .mat-mdc-slide-toggle {
--mat-slide-toggle-label-text-font: Montserrat;
--mat-slide-toggle-label-text-line-height: 24px;
--mat-slide-toggle-label-text-size: 16px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 400;
}
.large-typography .mdc-list-group__subheader {
font: 400 18px / 32px Montserrat;
letter-spacing: normal;
}
.large-typography .mat-mdc-tab-header {
--mat-tab-label-text-font: Montserrat;
--mat-tab-label-text-size: 16px;
--mat-tab-label-text-tracking: normal;
--mat-tab-label-text-line-height: 16px;
--mat-tab-label-text-weight: 400;
}
.x-large-typography {
--mat-badge-text-font: Montserrat;
--mat-badge-line-height: 22px;
--mat-badge-text-size: 12px;
--mat-badge-text-weight: 600;
--mat-badge-small-size-text-size: 9px;
--mat-badge-small-size-line-height: 16px;
--mat-badge-large-size-text-size: 24px;
--mat-badge-large-size-line-height: 28px;
--mat-bottom-sheet-container-text-font: Montserrat;
--mat-bottom-sheet-container-text-line-height: 28px;
--mat-bottom-sheet-container-text-size: 18px;
--mat-bottom-sheet-container-text-tracking: normal;
--mat-bottom-sheet-container-text-weight: 300;
--mat-button-toggle-label-text-font: Montserrat;
--mat-button-toggle-label-text-line-height: 32px;
--mat-button-toggle-label-text-size: 22px;
--mat-button-toggle-label-text-tracking: normal;
--mat-button-toggle-label-text-weight: 300;
--mat-button-toggle-legacy-label-text-font: Montserrat;
--mat-button-toggle-legacy-label-text-line-height: 32px;
--mat-button-toggle-legacy-label-text-size: 22px;
--mat-button-toggle-legacy-label-text-tracking: normal;
--mat-button-toggle-legacy-label-text-weight: 300;
--mat-datepicker-calendar-text-font: Montserrat;
--mat-datepicker-calendar-text-size: 13px;
--mat-datepicker-calendar-body-label-text-size: 18px;
--mat-datepicker-calendar-body-label-text-weight: 300;
--mat-datepicker-calendar-period-button-text-size: 18px;
--mat-datepicker-calendar-period-button-text-weight: 300;
--mat-datepicker-calendar-header-text-size: 11px;
--mat-datepicker-calendar-header-text-weight: 300;
--mat-expansion-header-text-font: Montserrat;
--mat-expansion-header-text-size: 18px;
--mat-expansion-header-text-weight: 600;
--mat-expansion-header-text-line-height: inherit;
--mat-expansion-header-text-tracking: inherit;
--mat-expansion-container-text-font: Montserrat;
--mat-expansion-container-text-line-height: 28px;
--mat-expansion-container-text-size: 18px;
--mat-expansion-container-text-tracking: normal;
--mat-expansion-container-text-weight: 300;
--mat-grid-list-tile-header-primary-text-size: 18px;
--mat-grid-list-tile-header-secondary-text-size: 16px;
--mat-grid-list-tile-footer-primary-text-size: 18px;
--mat-grid-list-tile-footer-secondary-text-size: 16px;
--mat-stepper-container-text-font: Montserrat;
--mat-stepper-header-label-text-font: Montserrat;
--mat-stepper-header-label-text-size: 18px;
--mat-stepper-header-label-text-weight: 300;
--mat-stepper-header-error-state-label-text-size: 22px;
--mat-stepper-header-selected-state-label-text-size: 22px;
--mat-stepper-header-selected-state-label-text-weight: 300;
--mat-toolbar-title-text-font: Montserrat;
--mat-toolbar-title-text-line-height: 40px;
--mat-toolbar-title-text-size: 30px;
--mat-toolbar-title-text-tracking: normal;
--mat-toolbar-title-text-weight: 300;
--mat-tree-node-text-font: Montserrat;
--mat-tree-node-text-size: 18px;
--mat-tree-node-text-weight: 300;
--mat-option-label-text-font: Montserrat;
--mat-option-label-text-line-height: 32px;
--mat-option-label-text-size: 22px;
--mat-option-label-text-tracking: normal;
--mat-option-label-text-weight: 300;
--mat-optgroup-label-text-font: Montserrat;
--mat-optgroup-label-text-line-height: 32px;
--mat-optgroup-label-text-size: 22px;
--mat-optgroup-label-text-tracking: normal;
--mat-optgroup-label-text-weight: 300;
--mat-card-title-text-font: Montserrat;
--mat-card-title-text-line-height: 40px;
--mat-card-title-text-size: 30px;
--mat-card-title-text-tracking: normal;
--mat-card-title-text-weight: 300;
--mat-card-subtitle-text-font: Montserrat;
--mat-card-subtitle-text-line-height: 32px;
--mat-card-subtitle-text-size: 18px;
--mat-card-subtitle-text-tracking: normal;
--mat-card-subtitle-text-weight: 600;
--mat-tooltip-supporting-text-font: Montserrat;
--mat-tooltip-supporting-text-size: 16px;
--mat-tooltip-supporting-text-weight: 300;
--mat-tooltip-supporting-text-tracking: normal;
--mat-form-field-container-text-font: Montserrat;
--mat-form-field-container-text-line-height: 32px;
--mat-form-field-container-text-size: 22px;
--mat-form-field-container-text-tracking: normal;
--mat-form-field-container-text-weight: 300;
--mat-form-field-outlined-label-text-populated-size: 22px;
--mat-form-field-subscript-text-font: Montserrat;
--mat-form-field-subscript-text-line-height: 28px;
--mat-form-field-subscript-text-size: 16px;
--mat-form-field-subscript-text-tracking: normal;
--mat-form-field-subscript-text-weight: 300;
--mat-form-field-filled-label-text-font: Montserrat;
--mat-form-field-filled-label-text-size: 22px;
--mat-form-field-filled-label-text-tracking: normal;
--mat-form-field-filled-label-text-weight: 300;
--mat-form-field-outlined-label-text-font: Montserrat;
--mat-form-field-outlined-label-text-size: 22px;
--mat-form-field-outlined-label-text-tracking: normal;
--mat-form-field-outlined-label-text-weight: 300;
--mat-select-trigger-text-font: Montserrat;
--mat-select-trigger-text-line-height: 32px;
--mat-select-trigger-text-size: 22px;
--mat-select-trigger-text-tracking: normal;
--mat-select-trigger-text-weight: 300;
--mat-dialog-subhead-font: Montserrat;
--mat-dialog-subhead-line-height: 40px;
--mat-dialog-subhead-size: 30px;
--mat-dialog-subhead-weight: 300;
--mat-dialog-subhead-tracking: normal;
--mat-dialog-supporting-text-font: Montserrat;
--mat-dialog-supporting-text-line-height: 32px;
--mat-dialog-supporting-text-size: 22px;
--mat-dialog-supporting-text-weight: 300;
--mat-dialog-supporting-text-tracking: normal;
--mat-slide-toggle-label-text-font: Montserrat;
--mat-slide-toggle-label-text-line-height: 28px;
--mat-slide-toggle-label-text-size: 18px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 300;
--mat-radio-label-text-font: Montserrat;
--mat-radio-label-text-line-height: 28px;
--mat-radio-label-text-size: 18px;
--mat-radio-label-text-tracking: normal;
--mat-radio-label-text-weight: 300;
--mat-slider-label-label-text-font: Montserrat;
--mat-slider-label-label-text-size: 18px;
--mat-slider-label-label-text-line-height: 32px;
--mat-slider-label-label-text-tracking: normal;
--mat-slider-label-label-text-weight: 600;
--mat-menu-item-label-text-font: Montserrat;
--mat-menu-item-label-text-size: 22px;
--mat-menu-item-label-text-tracking: normal;
--mat-menu-item-label-text-line-height: 32px;
--mat-menu-item-label-text-weight: 300;
--mat-list-list-item-label-text-font: Montserrat;
--mat-list-list-item-label-text-line-height: 32px;
--mat-list-list-item-label-text-size: 22px;
--mat-list-list-item-label-text-tracking: normal;
--mat-list-list-item-label-text-weight: 300;
--mat-list-list-item-supporting-text-font: Montserrat;
--mat-list-list-item-supporting-text-line-height: 28px;
--mat-list-list-item-supporting-text-size: 18px;
--mat-list-list-item-supporting-text-tracking: normal;
--mat-list-list-item-supporting-text-weight: 300;
--mat-list-list-item-trailing-supporting-text-font: Montserrat;
--mat-list-list-item-trailing-supporting-text-line-height: 28px;
--mat-list-list-item-trailing-supporting-text-size: 16px;
--mat-list-list-item-trailing-supporting-text-tracking: normal;
--mat-list-list-item-trailing-supporting-text-weight: 300;
--mat-paginator-container-text-font: Montserrat;
--mat-paginator-container-text-line-height: 28px;
--mat-paginator-container-text-size: 16px;
--mat-paginator-container-text-tracking: normal;
--mat-paginator-container-text-weight: 300;
--mat-paginator-select-trigger-text-size: 16px;
--mat-checkbox-label-text-font: Montserrat;
--mat-checkbox-label-text-line-height: 28px;
--mat-checkbox-label-text-size: 18px;
--mat-checkbox-label-text-tracking: normal;
--mat-checkbox-label-text-weight: 300;
--mat-button-filled-label-text-font: Montserrat;
--mat-button-filled-label-text-size: 18px;
--mat-button-filled-label-text-tracking: normal;
--mat-button-filled-label-text-transform: none;
--mat-button-filled-label-text-weight: 300;
--mat-button-outlined-label-text-font: Montserrat;
--mat-button-outlined-label-text-size: 18px;
--mat-button-outlined-label-text-tracking: normal;
--mat-button-outlined-label-text-transform: none;
--mat-button-outlined-label-text-weight: 300;
--mat-button-protected-label-text-font: Montserrat;
--mat-button-protected-label-text-size: 18px;
--mat-button-protected-label-text-tracking: normal;
--mat-button-protected-label-text-transform: none;
--mat-button-protected-label-text-weight: 300;
--mat-button-text-label-text-font: Montserrat;
--mat-button-text-label-text-size: 18px;
--mat-button-text-label-text-tracking: normal;
--mat-button-text-label-text-transform: none;
--mat-button-text-label-text-weight: 300;
--mat-button-tonal-label-text-font: Montserrat;
--mat-button-tonal-label-text-size: 18px;
--mat-button-tonal-label-text-tracking: normal;
--mat-button-tonal-label-text-transform: none;
--mat-button-tonal-label-text-weight: 300;
--mat-fab-extended-label-text-font: Montserrat;
--mat-fab-extended-label-text-size: 18px;
--mat-fab-extended-label-text-tracking: normal;
--mat-fab-extended-label-text-weight: 300;
--mat-snack-bar-supporting-text-font: Montserrat;
--mat-snack-bar-supporting-text-line-height: 28px;
--mat-snack-bar-supporting-text-size: 18px;
--mat-snack-bar-supporting-text-weight: 300;
--mat-table-header-headline-font: Montserrat;
--mat-table-header-headline-line-height: 32px;
--mat-table-header-headline-size: 18px;
--mat-table-header-headline-weight: 600;
--mat-table-header-headline-tracking: normal;
--mat-table-row-item-label-text-font: Montserrat;
--mat-table-row-item-label-text-line-height: 28px;
--mat-table-row-item-label-text-size: 18px;
--mat-table-row-item-label-text-weight: 300;
--mat-table-row-item-label-text-tracking: normal;
--mat-table-footer-supporting-text-font: Montserrat;
--mat-table-footer-supporting-text-line-height: 28px;
--mat-table-footer-supporting-text-size: 18px;
--mat-table-footer-supporting-text-weight: 300;
--mat-table-footer-supporting-text-tracking: normal;
}
.x-large-typography .mat-h1,
.x-large-typography .mat-headline-5,
.x-large-typography .mat-typography .mat-h1,
.x-large-typography .mat-typography .mat-headline-5,
.x-large-typography .mat-typography h1 {
font: 300 36px / 40px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.x-large-typography .mat-h2,
.x-large-typography .mat-headline-6,
.x-large-typography .mat-typography .mat-h2,
.x-large-typography .mat-typography .mat-headline-6,
.x-large-typography .mat-typography h2 {
font: 300 30px / 40px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.x-large-typography .mat-h3,
.x-large-typography .mat-subtitle-1,
.x-large-typography .mat-typography .mat-h3,
.x-large-typography .mat-typography .mat-subtitle-1,
.x-large-typography .mat-typography h3 {
font: 300 20px / 36px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.x-large-typography .mat-h4,
.x-large-typography .mat-body-1,
.x-large-typography .mat-typography .mat-h4,
.x-large-typography .mat-typography .mat-body-1,
.x-large-typography .mat-typography h4 {
font: 300 22px / 32px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.x-large-typography .mat-h5,
.x-large-typography .mat-typography .mat-h5,
.x-large-typography .mat-typography h5 {
font: 300 calc(18px * 0.83) / 28px Montserrat;
margin: 0 0 12px;
}
.x-large-typography .mat-h6,
.x-large-typography .mat-typography .mat-h6,
.x-large-typography .mat-typography h6 {
font: 300 calc(18px * 0.67) / 28px Montserrat;
margin: 0 0 12px;
}
.x-large-typography .mat-body-strong,
.x-large-typography .mat-subtitle-2,
.x-large-typography .mat-typography .mat-body-strong,
.x-large-typography .mat-typography .mat-subtitle-2 {
font: 600 18px / 32px Montserrat;
letter-spacing: normal;
}
.x-large-typography .mat-body,
.x-large-typography .mat-body-2,
.x-large-typography .mat-typography .mat-body,
.x-large-typography .mat-typography .mat-body-2,
.x-large-typography .mat-typography {
font: 300 18px / 28px Montserrat;
letter-spacing: normal;
}
.x-large-typography .mat-body p,
.x-large-typography .mat-body-2 p,
.x-large-typography .mat-typography .mat-body p,
.x-large-typography .mat-typography .mat-body-2 p,
.x-large-typography .mat-typography p {
margin: 0 0 12px;
}
.x-large-typography .mat-small,
.x-large-typography .mat-caption,
.x-large-typography .mat-typography .mat-small,
.x-large-typography .mat-typography .mat-caption {
font: 300 16px / 28px Montserrat;
letter-spacing: normal;
}
.x-large-typography .mat-headline-1,
.x-large-typography .mat-typography .mat-headline-1 {
font: 300 160px / 160px Montserrat;
letter-spacing: normal;
margin: 0 0 56px;
}
.x-large-typography .mat-headline-2,
.x-large-typography .mat-typography .mat-headline-2 {
font: 300 80px / 80px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.x-large-typography .mat-headline-3,
.x-large-typography .mat-typography .mat-headline-3 {
font: 300 72px / 72px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.x-large-typography .mat-headline-4,
.x-large-typography .mat-typography .mat-headline-4 {
font: 300 50px / 56px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.x-large-typography .mat-mdc-standard-chip {
--mat-chip-label-text-font: Montserrat;
--mat-chip-label-text-line-height: 28px;
--mat-chip-label-text-size: 18px;
--mat-chip-label-text-tracking: normal;
--mat-chip-label-text-weight: 300;
}
.x-large-typography .mat-mdc-slide-toggle {
--mat-slide-toggle-label-text-font: Montserrat;
--mat-slide-toggle-label-text-line-height: 28px;
--mat-slide-toggle-label-text-size: 18px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 300;
}
.x-large-typography .mdc-list-group__subheader {
font: 300 20px / 36px Montserrat;
letter-spacing: normal;
}
.x-large-typography .mat-mdc-tab-header {
--mat-tab-label-text-font: Montserrat;
--mat-tab-label-text-size: 18px;
--mat-tab-label-text-tracking: normal;
--mat-tab-label-text-line-height: 18px;
--mat-tab-label-text-weight: 300;
}
.custom-typography {
--mat-badge-text-font: Montserrat;
--mat-badge-line-height: 22px;
--mat-badge-text-size: 12px;
--mat-badge-text-weight: 600;
--mat-badge-small-size-text-size: 9px;
--mat-badge-small-size-line-height: 16px;
--mat-badge-large-size-text-size: 24px;
--mat-badge-large-size-line-height: 28px;
--mat-bottom-sheet-container-text-font: Montserrat;
--mat-bottom-sheet-container-text-line-height: 20px;
--mat-bottom-sheet-container-text-size: 14px;
--mat-bottom-sheet-container-text-tracking: normal;
--mat-bottom-sheet-container-text-weight: 300;
--mat-button-toggle-label-text-font: Montserrat;
--mat-button-toggle-label-text-line-height: 24px;
--mat-button-toggle-label-text-size: 15px;
--mat-button-toggle-label-text-tracking: normal;
--mat-button-toggle-label-text-weight: 300;
--mat-button-toggle-legacy-label-text-font: Montserrat;
--mat-button-toggle-legacy-label-text-line-height: 24px;
--mat-button-toggle-legacy-label-text-size: 15px;
--mat-button-toggle-legacy-label-text-tracking: normal;
--mat-button-toggle-legacy-label-text-weight: 300;
--mat-datepicker-calendar-text-font: Montserrat;
--mat-datepicker-calendar-text-size: 13px;
--mat-datepicker-calendar-body-label-text-size: 14px;
--mat-datepicker-calendar-body-label-text-weight: 300;
--mat-datepicker-calendar-period-button-text-size: 14px;
--mat-datepicker-calendar-period-button-text-weight: 300;
--mat-datepicker-calendar-header-text-size: 11px;
--mat-datepicker-calendar-header-text-weight: 300;
--mat-expansion-header-text-font: Montserrat;
--mat-expansion-header-text-size: 14px;
--mat-expansion-header-text-weight: 600;
--mat-expansion-header-text-line-height: inherit;
--mat-expansion-header-text-tracking: inherit;
--mat-expansion-container-text-font: Montserrat;
--mat-expansion-container-text-line-height: 20px;
--mat-expansion-container-text-size: 14px;
--mat-expansion-container-text-tracking: normal;
--mat-expansion-container-text-weight: 300;
--mat-grid-list-tile-header-primary-text-size: 14px;
--mat-grid-list-tile-header-secondary-text-size: 12px;
--mat-grid-list-tile-footer-primary-text-size: 14px;
--mat-grid-list-tile-footer-secondary-text-size: 12px;
--mat-stepper-container-text-font: Montserrat;
--mat-stepper-header-label-text-font: Montserrat;
--mat-stepper-header-label-text-size: 14px;
--mat-stepper-header-label-text-weight: 300;
--mat-stepper-header-error-state-label-text-size: 15px;
--mat-stepper-header-selected-state-label-text-size: 15px;
--mat-stepper-header-selected-state-label-text-weight: 300;
--mat-toolbar-title-text-font: Montserrat;
--mat-toolbar-title-text-line-height: 24px;
--mat-toolbar-title-text-size: 20px;
--mat-toolbar-title-text-tracking: normal;
--mat-toolbar-title-text-weight: 600;
--mat-tree-node-text-font: Montserrat;
--mat-tree-node-text-size: 14px;
--mat-tree-node-text-weight: 300;
--mat-option-label-text-font: Montserrat;
--mat-option-label-text-line-height: 24px;
--mat-option-label-text-size: 15px;
--mat-option-label-text-tracking: normal;
--mat-option-label-text-weight: 300;
--mat-optgroup-label-text-font: Montserrat;
--mat-optgroup-label-text-line-height: 24px;
--mat-optgroup-label-text-size: 15px;
--mat-optgroup-label-text-tracking: normal;
--mat-optgroup-label-text-weight: 300;
--mat-card-title-text-font: Montserrat;
--mat-card-title-text-line-height: 24px;
--mat-card-title-text-size: 20px;
--mat-card-title-text-tracking: normal;
--mat-card-title-text-weight: 600;
--mat-card-subtitle-text-font: Montserrat;
--mat-card-subtitle-text-line-height: 24px;
--mat-card-subtitle-text-size: 14px;
--mat-card-subtitle-text-tracking: normal;
--mat-card-subtitle-text-weight: 600;
--mat-tooltip-supporting-text-font: Montserrat;
--mat-tooltip-supporting-text-size: 12px;
--mat-tooltip-supporting-text-weight: 300;
--mat-tooltip-supporting-text-tracking: normal;
--mat-form-field-container-text-font: Montserrat;
--mat-form-field-container-text-line-height: 24px;
--mat-form-field-container-text-size: 15px;
--mat-form-field-container-text-tracking: normal;
--mat-form-field-container-text-weight: 300;
--mat-form-field-outlined-label-text-populated-size: 15px;
--mat-form-field-subscript-text-font: Montserrat;
--mat-form-field-subscript-text-line-height: 20px;
--mat-form-field-subscript-text-size: 12px;
--mat-form-field-subscript-text-tracking: normal;
--mat-form-field-subscript-text-weight: 300;
--mat-form-field-filled-label-text-font: Montserrat;
--mat-form-field-filled-label-text-size: 15px;
--mat-form-field-filled-label-text-tracking: normal;
--mat-form-field-filled-label-text-weight: 300;
--mat-form-field-outlined-label-text-font: Montserrat;
--mat-form-field-outlined-label-text-size: 15px;
--mat-form-field-outlined-label-text-tracking: normal;
--mat-form-field-outlined-label-text-weight: 300;
--mat-select-trigger-text-font: Montserrat;
--mat-select-trigger-text-line-height: 24px;
--mat-select-trigger-text-size: 15px;
--mat-select-trigger-text-tracking: normal;
--mat-select-trigger-text-weight: 300;
--mat-dialog-subhead-font: Montserrat;
--mat-dialog-subhead-line-height: 24px;
--mat-dialog-subhead-size: 20px;
--mat-dialog-subhead-weight: 600;
--mat-dialog-subhead-tracking: normal;
--mat-dialog-supporting-text-font: Montserrat;
--mat-dialog-supporting-text-line-height: 24px;
--mat-dialog-supporting-text-size: 15px;
--mat-dialog-supporting-text-weight: 300;
--mat-dialog-supporting-text-tracking: normal;
--mat-slide-toggle-label-text-font: Montserrat;
--mat-slide-toggle-label-text-line-height: 20px;
--mat-slide-toggle-label-text-size: 14px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 300;
--mat-radio-label-text-font: Montserrat;
--mat-radio-label-text-line-height: 20px;
--mat-radio-label-text-size: 14px;
--mat-radio-label-text-tracking: normal;
--mat-radio-label-text-weight: 300;
--mat-slider-label-label-text-font: Montserrat;
--mat-slider-label-label-text-size: 14px;
--mat-slider-label-label-text-line-height: 24px;
--mat-slider-label-label-text-tracking: normal;
--mat-slider-label-label-text-weight: 600;
--mat-menu-item-label-text-font: Montserrat;
--mat-menu-item-label-text-size: 15px;
--mat-menu-item-label-text-tracking: normal;
--mat-menu-item-label-text-line-height: 24px;
--mat-menu-item-label-text-weight: 300;
--mat-list-list-item-label-text-font: Montserrat;
--mat-list-list-item-label-text-line-height: 24px;
--mat-list-list-item-label-text-size: 15px;
--mat-list-list-item-label-text-tracking: normal;
--mat-list-list-item-label-text-weight: 300;
--mat-list-list-item-supporting-text-font: Montserrat;
--mat-list-list-item-supporting-text-line-height: 20px;
--mat-list-list-item-supporting-text-size: 14px;
--mat-list-list-item-supporting-text-tracking: normal;
--mat-list-list-item-supporting-text-weight: 300;
--mat-list-list-item-trailing-supporting-text-font: Montserrat;
--mat-list-list-item-trailing-supporting-text-line-height: 20px;
--mat-list-list-item-trailing-supporting-text-size: 12px;
--mat-list-list-item-trailing-supporting-text-tracking: normal;
--mat-list-list-item-trailing-supporting-text-weight: 300;
--mat-paginator-container-text-font: Montserrat;
--mat-paginator-container-text-line-height: 20px;
--mat-paginator-container-text-size: 12px;
--mat-paginator-container-text-tracking: normal;
--mat-paginator-container-text-weight: 300;
--mat-paginator-select-trigger-text-size: 12px;
--mat-checkbox-label-text-font: Montserrat;
--mat-checkbox-label-text-line-height: 20px;
--mat-checkbox-label-text-size: 14px;
--mat-checkbox-label-text-tracking: normal;
--mat-checkbox-label-text-weight: 300;
--mat-button-filled-label-text-font: Montserrat;
--mat-button-filled-label-text-size: 14px;
--mat-button-filled-label-text-tracking: normal;
--mat-button-filled-label-text-transform: none;
--mat-button-filled-label-text-weight: 300;
--mat-button-outlined-label-text-font: Montserrat;
--mat-button-outlined-label-text-size: 14px;
--mat-button-outlined-label-text-tracking: normal;
--mat-button-outlined-label-text-transform: none;
--mat-button-outlined-label-text-weight: 300;
--mat-button-protected-label-text-font: Montserrat;
--mat-button-protected-label-text-size: 14px;
--mat-button-protected-label-text-tracking: normal;
--mat-button-protected-label-text-transform: none;
--mat-button-protected-label-text-weight: 300;
--mat-button-text-label-text-font: Montserrat;
--mat-button-text-label-text-size: 14px;
--mat-button-text-label-text-tracking: normal;
--mat-button-text-label-text-transform: none;
--mat-button-text-label-text-weight: 300;
--mat-button-tonal-label-text-font: Montserrat;
--mat-button-tonal-label-text-size: 14px;
--mat-button-tonal-label-text-tracking: normal;
--mat-button-tonal-label-text-transform: none;
--mat-button-tonal-label-text-weight: 300;
--mat-fab-extended-label-text-font: Montserrat;
--mat-fab-extended-label-text-size: 14px;
--mat-fab-extended-label-text-tracking: normal;
--mat-fab-extended-label-text-weight: 300;
--mat-snack-bar-supporting-text-font: Montserrat;
--mat-snack-bar-supporting-text-line-height: 20px;
--mat-snack-bar-supporting-text-size: 14px;
--mat-snack-bar-supporting-text-weight: 300;
--mat-table-header-headline-font: Montserrat;
--mat-table-header-headline-line-height: 24px;
--mat-table-header-headline-size: 14px;
--mat-table-header-headline-weight: 600;
--mat-table-header-headline-tracking: normal;
--mat-table-row-item-label-text-font: Montserrat;
--mat-table-row-item-label-text-line-height: 20px;
--mat-table-row-item-label-text-size: 14px;
--mat-table-row-item-label-text-weight: 300;
--mat-table-row-item-label-text-tracking: normal;
--mat-table-footer-supporting-text-font: Montserrat;
--mat-table-footer-supporting-text-line-height: 20px;
--mat-table-footer-supporting-text-size: 14px;
--mat-table-footer-supporting-text-weight: 300;
--mat-table-footer-supporting-text-tracking: normal;
}
.custom-typography .mat-h1,
.custom-typography .mat-headline-5,
.custom-typography .mat-typography .mat-h1,
.custom-typography .mat-typography .mat-headline-5,
.custom-typography .mat-typography h1 {
font: 300 24px / 32px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.custom-typography .mat-h2,
.custom-typography .mat-headline-6,
.custom-typography .mat-typography .mat-h2,
.custom-typography .mat-typography .mat-headline-6,
.custom-typography .mat-typography h2 {
font: 600 20px / 24px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.custom-typography .mat-h3,
.custom-typography .mat-subtitle-1,
.custom-typography .mat-typography .mat-h3,
.custom-typography .mat-typography .mat-subtitle-1,
.custom-typography .mat-typography h3 {
font: 300 16px / 28px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.custom-typography .mat-h4,
.custom-typography .mat-body-1,
.custom-typography .mat-typography .mat-h4,
.custom-typography .mat-typography .mat-body-1,
.custom-typography .mat-typography h4 {
font: 300 15px / 24px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.custom-typography .mat-h5,
.custom-typography .mat-typography .mat-h5,
.custom-typography .mat-typography h5 {
font: 300 calc(14px * 0.83) / 20px Montserrat;
margin: 0 0 12px;
}
.custom-typography .mat-h6,
.custom-typography .mat-typography .mat-h6,
.custom-typography .mat-typography h6 {
font: 300 calc(14px * 0.67) / 20px Montserrat;
margin: 0 0 12px;
}
.custom-typography .mat-body-strong,
.custom-typography .mat-subtitle-2,
.custom-typography .mat-typography .mat-body-strong,
.custom-typography .mat-typography .mat-subtitle-2 {
font: 600 14px / 24px Montserrat;
letter-spacing: normal;
}
.custom-typography .mat-body,
.custom-typography .mat-body-2,
.custom-typography .mat-typography .mat-body,
.custom-typography .mat-typography .mat-body-2,
.custom-typography .mat-typography {
font: 300 14px / 20px Montserrat;
letter-spacing: normal;
}
.custom-typography .mat-body p,
.custom-typography .mat-body-2 p,
.custom-typography .mat-typography .mat-body p,
.custom-typography .mat-typography .mat-body-2 p,
.custom-typography .mat-typography p {
margin: 0 0 12px;
}
.custom-typography .mat-small,
.custom-typography .mat-caption,
.custom-typography .mat-typography .mat-small,
.custom-typography .mat-typography .mat-caption {
font: 300 12px / 20px Montserrat;
letter-spacing: normal;
}
.custom-typography .mat-headline-1,
.custom-typography .mat-typography .mat-headline-1 {
font: 400 112px / 112px Montserrat;
letter-spacing: normal;
margin: 0 0 56px;
}
.custom-typography .mat-headline-2,
.custom-typography .mat-typography .mat-headline-2 {
font: 400 56px / 56px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.custom-typography .mat-headline-3,
.custom-typography .mat-typography .mat-headline-3 {
font: 400 45px / 52px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.custom-typography .mat-headline-4,
.custom-typography .mat-typography .mat-headline-4 {
font: 300 34px / 40px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.custom-typography .mat-mdc-standard-chip {
--mat-chip-label-text-font: Montserrat;
--mat-chip-label-text-line-height: 20px;
--mat-chip-label-text-size: 14px;
--mat-chip-label-text-tracking: normal;
--mat-chip-label-text-weight: 300;
}
.custom-typography .mat-mdc-slide-toggle {
--mat-slide-toggle-label-text-font: Montserrat;
--mat-slide-toggle-label-text-line-height: 20px;
--mat-slide-toggle-label-text-size: 14px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 300;
}
.custom-typography .mdc-list-group__subheader {
font: 300 16px / 28px Montserrat;
letter-spacing: normal;
}
.custom-typography .mat-mdc-tab-header {
--mat-tab-label-text-font: Montserrat;
--mat-tab-label-text-size: 14px;
--mat-tab-label-text-tracking: normal;
--mat-tab-label-text-line-height: 14px;
--mat-tab-label-text-weight: 300;
}
.x-small-custom-typography {
--mat-badge-text-font: Lato;
--mat-badge-line-height: 22px;
--mat-badge-text-size: 12px;
--mat-badge-text-weight: 600;
--mat-badge-small-size-text-size: 9px;
--mat-badge-small-size-line-height: 16px;
--mat-badge-large-size-text-size: 24px;
--mat-badge-large-size-line-height: 28px;
--mat-bottom-sheet-container-text-font: Lato;
--mat-bottom-sheet-container-text-line-height: 12px;
--mat-bottom-sheet-container-text-size: 10px;
--mat-bottom-sheet-container-text-tracking: normal;
--mat-bottom-sheet-container-text-weight: 300;
--mat-button-toggle-label-text-font: Lato;
--mat-button-toggle-label-text-line-height: 16px;
--mat-button-toggle-label-text-size: 10px;
--mat-button-toggle-label-text-tracking: normal;
--mat-button-toggle-label-text-weight: 300;
--mat-button-toggle-legacy-label-text-font: Lato;
--mat-button-toggle-legacy-label-text-line-height: 16px;
--mat-button-toggle-legacy-label-text-size: 10px;
--mat-button-toggle-legacy-label-text-tracking: normal;
--mat-button-toggle-legacy-label-text-weight: 300;
--mat-datepicker-calendar-text-font: Lato;
--mat-datepicker-calendar-text-size: 13px;
--mat-datepicker-calendar-body-label-text-size: 10px;
--mat-datepicker-calendar-body-label-text-weight: 300;
--mat-datepicker-calendar-period-button-text-size: 10px;
--mat-datepicker-calendar-period-button-text-weight: 300;
--mat-datepicker-calendar-header-text-size: 11px;
--mat-datepicker-calendar-header-text-weight: 300;
--mat-expansion-header-text-font: Lato;
--mat-expansion-header-text-size: 10px;
--mat-expansion-header-text-weight: 600;
--mat-expansion-header-text-line-height: inherit;
--mat-expansion-header-text-tracking: inherit;
--mat-expansion-container-text-font: Lato;
--mat-expansion-container-text-line-height: 12px;
--mat-expansion-container-text-size: 10px;
--mat-expansion-container-text-tracking: normal;
--mat-expansion-container-text-weight: 300;
--mat-grid-list-tile-header-primary-text-size: 10px;
--mat-grid-list-tile-header-secondary-text-size: 8px;
--mat-grid-list-tile-footer-primary-text-size: 10px;
--mat-grid-list-tile-footer-secondary-text-size: 8px;
--mat-stepper-container-text-font: Lato;
--mat-stepper-header-label-text-font: Lato;
--mat-stepper-header-label-text-size: 10px;
--mat-stepper-header-label-text-weight: 300;
--mat-stepper-header-error-state-label-text-size: 10px;
--mat-stepper-header-selected-state-label-text-size: 10px;
--mat-stepper-header-selected-state-label-text-weight: 300;
--mat-toolbar-title-text-font: Lato;
--mat-toolbar-title-text-line-height: 24px;
--mat-toolbar-title-text-size: 10px;
--mat-toolbar-title-text-tracking: normal;
--mat-toolbar-title-text-weight: 300;
--mat-tree-node-text-font: Lato;
--mat-tree-node-text-size: 10px;
--mat-tree-node-text-weight: 300;
--mat-option-label-text-font: Lato;
--mat-option-label-text-line-height: 16px;
--mat-option-label-text-size: 10px;
--mat-option-label-text-tracking: normal;
--mat-option-label-text-weight: 300;
--mat-optgroup-label-text-font: Lato;
--mat-optgroup-label-text-line-height: 16px;
--mat-optgroup-label-text-size: 10px;
--mat-optgroup-label-text-tracking: normal;
--mat-optgroup-label-text-weight: 300;
--mat-card-title-text-font: Lato;
--mat-card-title-text-line-height: 24px;
--mat-card-title-text-size: 10px;
--mat-card-title-text-tracking: normal;
--mat-card-title-text-weight: 300;
--mat-card-subtitle-text-font: Lato;
--mat-card-subtitle-text-line-height: 16px;
--mat-card-subtitle-text-size: 10px;
--mat-card-subtitle-text-tracking: normal;
--mat-card-subtitle-text-weight: 600;
--mat-tooltip-supporting-text-font: Lato;
--mat-tooltip-supporting-text-size: 8px;
--mat-tooltip-supporting-text-weight: 300;
--mat-tooltip-supporting-text-tracking: normal;
--mat-form-field-container-text-font: Lato;
--mat-form-field-container-text-line-height: 16px;
--mat-form-field-container-text-size: 10px;
--mat-form-field-container-text-tracking: normal;
--mat-form-field-container-text-weight: 300;
--mat-form-field-outlined-label-text-populated-size: 10px;
--mat-form-field-subscript-text-font: Lato;
--mat-form-field-subscript-text-line-height: 12px;
--mat-form-field-subscript-text-size: 8px;
--mat-form-field-subscript-text-tracking: normal;
--mat-form-field-subscript-text-weight: 300;
--mat-form-field-filled-label-text-font: Lato;
--mat-form-field-filled-label-text-size: 10px;
--mat-form-field-filled-label-text-tracking: normal;
--mat-form-field-filled-label-text-weight: 300;
--mat-form-field-outlined-label-text-font: Lato;
--mat-form-field-outlined-label-text-size: 10px;
--mat-form-field-outlined-label-text-tracking: normal;
--mat-form-field-outlined-label-text-weight: 300;
--mat-select-trigger-text-font: Lato;
--mat-select-trigger-text-line-height: 16px;
--mat-select-trigger-text-size: 10px;
--mat-select-trigger-text-tracking: normal;
--mat-select-trigger-text-weight: 300;
--mat-dialog-subhead-font: Lato;
--mat-dialog-subhead-line-height: 24px;
--mat-dialog-subhead-size: 10px;
--mat-dialog-subhead-weight: 300;
--mat-dialog-subhead-tracking: normal;
--mat-dialog-supporting-text-font: Lato;
--mat-dialog-supporting-text-line-height: 16px;
--mat-dialog-supporting-text-size: 10px;
--mat-dialog-supporting-text-weight: 300;
--mat-dialog-supporting-text-tracking: normal;
--mat-slide-toggle-label-text-font: Lato;
--mat-slide-toggle-label-text-line-height: 12px;
--mat-slide-toggle-label-text-size: 10px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 300;
--mat-radio-label-text-font: Lato;
--mat-radio-label-text-line-height: 12px;
--mat-radio-label-text-size: 10px;
--mat-radio-label-text-tracking: normal;
--mat-radio-label-text-weight: 300;
--mat-slider-label-label-text-font: Lato;
--mat-slider-label-label-text-size: 10px;
--mat-slider-label-label-text-line-height: 16px;
--mat-slider-label-label-text-tracking: normal;
--mat-slider-label-label-text-weight: 600;
--mat-menu-item-label-text-font: Lato;
--mat-menu-item-label-text-size: 10px;
--mat-menu-item-label-text-tracking: normal;
--mat-menu-item-label-text-line-height: 16px;
--mat-menu-item-label-text-weight: 300;
--mat-list-list-item-label-text-font: Lato;
--mat-list-list-item-label-text-line-height: 16px;
--mat-list-list-item-label-text-size: 10px;
--mat-list-list-item-label-text-tracking: normal;
--mat-list-list-item-label-text-weight: 300;
--mat-list-list-item-supporting-text-font: Lato;
--mat-list-list-item-supporting-text-line-height: 12px;
--mat-list-list-item-supporting-text-size: 10px;
--mat-list-list-item-supporting-text-tracking: normal;
--mat-list-list-item-supporting-text-weight: 300;
--mat-list-list-item-trailing-supporting-text-font: Lato;
--mat-list-list-item-trailing-supporting-text-line-height: 12px;
--mat-list-list-item-trailing-supporting-text-size: 8px;
--mat-list-list-item-trailing-supporting-text-tracking: normal;
--mat-list-list-item-trailing-supporting-text-weight: 300;
--mat-paginator-container-text-font: Lato;
--mat-paginator-container-text-line-height: 12px;
--mat-paginator-container-text-size: 8px;
--mat-paginator-container-text-tracking: normal;
--mat-paginator-container-text-weight: 300;
--mat-paginator-select-trigger-text-size: 8px;
--mat-checkbox-label-text-font: Lato;
--mat-checkbox-label-text-line-height: 12px;
--mat-checkbox-label-text-size: 10px;
--mat-checkbox-label-text-tracking: normal;
--mat-checkbox-label-text-weight: 300;
--mat-button-filled-label-text-font: Lato;
--mat-button-filled-label-text-size: 10px;
--mat-button-filled-label-text-tracking: normal;
--mat-button-filled-label-text-transform: none;
--mat-button-filled-label-text-weight: 300;
--mat-button-outlined-label-text-font: Lato;
--mat-button-outlined-label-text-size: 10px;
--mat-button-outlined-label-text-tracking: normal;
--mat-button-outlined-label-text-transform: none;
--mat-button-outlined-label-text-weight: 300;
--mat-button-protected-label-text-font: Lato;
--mat-button-protected-label-text-size: 10px;
--mat-button-protected-label-text-tracking: normal;
--mat-button-protected-label-text-transform: none;
--mat-button-protected-label-text-weight: 300;
--mat-button-text-label-text-font: Lato;
--mat-button-text-label-text-size: 10px;
--mat-button-text-label-text-tracking: normal;
--mat-button-text-label-text-transform: none;
--mat-button-text-label-text-weight: 300;
--mat-button-tonal-label-text-font: Lato;
--mat-button-tonal-label-text-size: 10px;
--mat-button-tonal-label-text-tracking: normal;
--mat-button-tonal-label-text-transform: none;
--mat-button-tonal-label-text-weight: 300;
--mat-fab-extended-label-text-font: Lato;
--mat-fab-extended-label-text-size: 10px;
--mat-fab-extended-label-text-tracking: normal;
--mat-fab-extended-label-text-weight: 300;
--mat-snack-bar-supporting-text-font: Lato;
--mat-snack-bar-supporting-text-line-height: 12px;
--mat-snack-bar-supporting-text-size: 10px;
--mat-snack-bar-supporting-text-weight: 300;
--mat-table-header-headline-font: Lato;
--mat-table-header-headline-line-height: 16px;
--mat-table-header-headline-size: 10px;
--mat-table-header-headline-weight: 600;
--mat-table-header-headline-tracking: normal;
--mat-table-row-item-label-text-font: Lato;
--mat-table-row-item-label-text-line-height: 12px;
--mat-table-row-item-label-text-size: 10px;
--mat-table-row-item-label-text-weight: 300;
--mat-table-row-item-label-text-tracking: normal;
--mat-table-footer-supporting-text-font: Lato;
--mat-table-footer-supporting-text-line-height: 12px;
--mat-table-footer-supporting-text-size: 10px;
--mat-table-footer-supporting-text-weight: 300;
--mat-table-footer-supporting-text-tracking: normal;
}
.x-small-custom-typography .mat-h1,
.x-small-custom-typography .mat-headline-5,
.x-small-custom-typography .mat-typography .mat-h1,
.x-small-custom-typography .mat-typography .mat-headline-5,
.x-small-custom-typography .mat-typography h1 {
font: 300 12px / 24px Lato;
letter-spacing: normal;
margin: 0 0 16px;
}
.x-small-custom-typography .mat-h2,
.x-small-custom-typography .mat-headline-6,
.x-small-custom-typography .mat-typography .mat-h2,
.x-small-custom-typography .mat-typography .mat-headline-6,
.x-small-custom-typography .mat-typography h2 {
font: 300 10px / 24px Lato;
letter-spacing: normal;
margin: 0 0 16px;
}
.x-small-custom-typography .mat-h3,
.x-small-custom-typography .mat-subtitle-1,
.x-small-custom-typography .mat-typography .mat-h3,
.x-small-custom-typography .mat-typography .mat-subtitle-1,
.x-small-custom-typography .mat-typography h3 {
font: 300 12px / 20px Lato;
letter-spacing: normal;
margin: 0 0 16px;
}
.x-small-custom-typography .mat-h4,
.x-small-custom-typography .mat-body-1,
.x-small-custom-typography .mat-typography .mat-h4,
.x-small-custom-typography .mat-typography .mat-body-1,
.x-small-custom-typography .mat-typography h4 {
font: 300 10px / 16px Lato;
letter-spacing: normal;
margin: 0 0 16px;
}
.x-small-custom-typography .mat-h5,
.x-small-custom-typography .mat-typography .mat-h5,
.x-small-custom-typography .mat-typography h5 {
font: 300 calc(10px * 0.83) / 12px Lato;
margin: 0 0 12px;
}
.x-small-custom-typography .mat-h6,
.x-small-custom-typography .mat-typography .mat-h6,
.x-small-custom-typography .mat-typography h6 {
font: 300 calc(10px * 0.67) / 12px Lato;
margin: 0 0 12px;
}
.x-small-custom-typography .mat-body-strong,
.x-small-custom-typography .mat-subtitle-2,
.x-small-custom-typography .mat-typography .mat-body-strong,
.x-small-custom-typography .mat-typography .mat-subtitle-2 {
font: 600 10px / 16px Lato;
letter-spacing: normal;
}
.x-small-custom-typography .mat-body,
.x-small-custom-typography .mat-body-2,
.x-small-custom-typography .mat-typography .mat-body,
.x-small-custom-typography .mat-typography .mat-body-2,
.x-small-custom-typography .mat-typography {
font: 300 10px / 12px Lato;
letter-spacing: normal;
}
.x-small-custom-typography .mat-body p,
.x-small-custom-typography .mat-body-2 p,
.x-small-custom-typography .mat-typography .mat-body p,
.x-small-custom-typography .mat-typography .mat-body-2 p,
.x-small-custom-typography .mat-typography p {
margin: 0 0 12px;
}
.x-small-custom-typography .mat-small,
.x-small-custom-typography .mat-caption,
.x-small-custom-typography .mat-typography .mat-small,
.x-small-custom-typography .mat-typography .mat-caption {
font: 300 8px / 12px Lato;
letter-spacing: normal;
}
.x-small-custom-typography .mat-headline-1,
.x-small-custom-typography .mat-typography .mat-headline-1 {
font: 300 64px / 64px Lato;
letter-spacing: normal;
margin: 0 0 56px;
}
.x-small-custom-typography .mat-headline-2,
.x-small-custom-typography .mat-typography .mat-headline-2 {
font: 300 32px / 32px Lato;
letter-spacing: normal;
margin: 0 0 64px;
}
.x-small-custom-typography .mat-headline-3,
.x-small-custom-typography .mat-typography .mat-headline-3 {
font: 300 21px / 24px Lato;
letter-spacing: normal;
margin: 0 0 64px;
}
.x-small-custom-typography .mat-headline-4,
.x-small-custom-typography .mat-typography .mat-headline-4 {
font: 300 18px / 24px Lato;
letter-spacing: normal;
margin: 0 0 64px;
}
.x-small-custom-typography .mat-mdc-standard-chip {
--mat-chip-label-text-font: Lato;
--mat-chip-label-text-line-height: 12px;
--mat-chip-label-text-size: 10px;
--mat-chip-label-text-tracking: normal;
--mat-chip-label-text-weight: 300;
}
.x-small-custom-typography .mat-mdc-slide-toggle {
--mat-slide-toggle-label-text-font: Lato;
--mat-slide-toggle-label-text-line-height: 12px;
--mat-slide-toggle-label-text-size: 10px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 300;
}
.x-small-custom-typography .mdc-list-group__subheader {
font: 300 12px / 20px Lato;
letter-spacing: normal;
}
.x-small-custom-typography .mat-mdc-tab-header {
--mat-tab-label-text-font: Lato;
--mat-tab-label-text-size: 10px;
--mat-tab-label-text-tracking: normal;
--mat-tab-label-text-line-height: 10px;
--mat-tab-label-text-weight: 300;
}
.small-custom-typography {
--mat-badge-text-font: Lato;
--mat-badge-line-height: 22px;
--mat-badge-text-size: 12px;
--mat-badge-text-weight: 600;
--mat-badge-small-size-text-size: 9px;
--mat-badge-small-size-line-height: 16px;
--mat-badge-large-size-text-size: 24px;
--mat-badge-large-size-line-height: 28px;
--mat-bottom-sheet-container-text-font: Lato;
--mat-bottom-sheet-container-text-line-height: 16px;
--mat-bottom-sheet-container-text-size: 12px;
--mat-bottom-sheet-container-text-tracking: normal;
--mat-bottom-sheet-container-text-weight: 300;
--mat-button-toggle-label-text-font: Lato;
--mat-button-toggle-label-text-line-height: 20px;
--mat-button-toggle-label-text-size: 13px;
--mat-button-toggle-label-text-tracking: normal;
--mat-button-toggle-label-text-weight: 300;
--mat-button-toggle-legacy-label-text-font: Lato;
--mat-button-toggle-legacy-label-text-line-height: 20px;
--mat-button-toggle-legacy-label-text-size: 13px;
--mat-button-toggle-legacy-label-text-tracking: normal;
--mat-button-toggle-legacy-label-text-weight: 300;
--mat-datepicker-calendar-text-font: Lato;
--mat-datepicker-calendar-text-size: 13px;
--mat-datepicker-calendar-body-label-text-size: 12px;
--mat-datepicker-calendar-body-label-text-weight: 300;
--mat-datepicker-calendar-period-button-text-size: 12px;
--mat-datepicker-calendar-period-button-text-weight: 300;
--mat-datepicker-calendar-header-text-size: 11px;
--mat-datepicker-calendar-header-text-weight: 300;
--mat-expansion-header-text-font: Lato;
--mat-expansion-header-text-size: 12px;
--mat-expansion-header-text-weight: 600;
--mat-expansion-header-text-line-height: inherit;
--mat-expansion-header-text-tracking: inherit;
--mat-expansion-container-text-font: Lato;
--mat-expansion-container-text-line-height: 16px;
--mat-expansion-container-text-size: 12px;
--mat-expansion-container-text-tracking: normal;
--mat-expansion-container-text-weight: 300;
--mat-grid-list-tile-header-primary-text-size: 12px;
--mat-grid-list-tile-header-secondary-text-size: 10px;
--mat-grid-list-tile-footer-primary-text-size: 12px;
--mat-grid-list-tile-footer-secondary-text-size: 10px;
--mat-stepper-container-text-font: Lato;
--mat-stepper-header-label-text-font: Lato;
--mat-stepper-header-label-text-size: 12px;
--mat-stepper-header-label-text-weight: 300;
--mat-stepper-header-error-state-label-text-size: 13px;
--mat-stepper-header-selected-state-label-text-size: 13px;
--mat-stepper-header-selected-state-label-text-weight: 300;
--mat-toolbar-title-text-font: Lato;
--mat-toolbar-title-text-line-height: 26px;
--mat-toolbar-title-text-size: 16px;
--mat-toolbar-title-text-tracking: normal;
--mat-toolbar-title-text-weight: 300;
--mat-tree-node-text-font: Lato;
--mat-tree-node-text-size: 12px;
--mat-tree-node-text-weight: 300;
--mat-option-label-text-font: Lato;
--mat-option-label-text-line-height: 20px;
--mat-option-label-text-size: 13px;
--mat-option-label-text-tracking: normal;
--mat-option-label-text-weight: 300;
--mat-optgroup-label-text-font: Lato;
--mat-optgroup-label-text-line-height: 20px;
--mat-optgroup-label-text-size: 13px;
--mat-optgroup-label-text-tracking: normal;
--mat-optgroup-label-text-weight: 300;
--mat-card-title-text-font: Lato;
--mat-card-title-text-line-height: 26px;
--mat-card-title-text-size: 16px;
--mat-card-title-text-tracking: normal;
--mat-card-title-text-weight: 300;
--mat-card-subtitle-text-font: Lato;
--mat-card-subtitle-text-line-height: 20px;
--mat-card-subtitle-text-size: 12px;
--mat-card-subtitle-text-tracking: normal;
--mat-card-subtitle-text-weight: 600;
--mat-tooltip-supporting-text-font: Lato;
--mat-tooltip-supporting-text-size: 10px;
--mat-tooltip-supporting-text-weight: 300;
--mat-tooltip-supporting-text-tracking: normal;
--mat-form-field-container-text-font: Lato;
--mat-form-field-container-text-line-height: 20px;
--mat-form-field-container-text-size: 13px;
--mat-form-field-container-text-tracking: normal;
--mat-form-field-container-text-weight: 300;
--mat-form-field-outlined-label-text-populated-size: 13px;
--mat-form-field-subscript-text-font: Lato;
--mat-form-field-subscript-text-line-height: 16px;
--mat-form-field-subscript-text-size: 10px;
--mat-form-field-subscript-text-tracking: normal;
--mat-form-field-subscript-text-weight: 300;
--mat-form-field-filled-label-text-font: Lato;
--mat-form-field-filled-label-text-size: 13px;
--mat-form-field-filled-label-text-tracking: normal;
--mat-form-field-filled-label-text-weight: 300;
--mat-form-field-outlined-label-text-font: Lato;
--mat-form-field-outlined-label-text-size: 13px;
--mat-form-field-outlined-label-text-tracking: normal;
--mat-form-field-outlined-label-text-weight: 300;
--mat-select-trigger-text-font: Lato;
--mat-select-trigger-text-line-height: 20px;
--mat-select-trigger-text-size: 13px;
--mat-select-trigger-text-tracking: normal;
--mat-select-trigger-text-weight: 300;
--mat-dialog-subhead-font: Lato;
--mat-dialog-subhead-line-height: 26px;
--mat-dialog-subhead-size: 16px;
--mat-dialog-subhead-weight: 300;
--mat-dialog-subhead-tracking: normal;
--mat-dialog-supporting-text-font: Lato;
--mat-dialog-supporting-text-line-height: 20px;
--mat-dialog-supporting-text-size: 13px;
--mat-dialog-supporting-text-weight: 300;
--mat-dialog-supporting-text-tracking: normal;
--mat-slide-toggle-label-text-font: Lato;
--mat-slide-toggle-label-text-line-height: 16px;
--mat-slide-toggle-label-text-size: 12px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 300;
--mat-radio-label-text-font: Lato;
--mat-radio-label-text-line-height: 16px;
--mat-radio-label-text-size: 12px;
--mat-radio-label-text-tracking: normal;
--mat-radio-label-text-weight: 300;
--mat-slider-label-label-text-font: Lato;
--mat-slider-label-label-text-size: 12px;
--mat-slider-label-label-text-line-height: 20px;
--mat-slider-label-label-text-tracking: normal;
--mat-slider-label-label-text-weight: 600;
--mat-menu-item-label-text-font: Lato;
--mat-menu-item-label-text-size: 13px;
--mat-menu-item-label-text-tracking: normal;
--mat-menu-item-label-text-line-height: 20px;
--mat-menu-item-label-text-weight: 300;
--mat-list-list-item-label-text-font: Lato;
--mat-list-list-item-label-text-line-height: 20px;
--mat-list-list-item-label-text-size: 13px;
--mat-list-list-item-label-text-tracking: normal;
--mat-list-list-item-label-text-weight: 300;
--mat-list-list-item-supporting-text-font: Lato;
--mat-list-list-item-supporting-text-line-height: 16px;
--mat-list-list-item-supporting-text-size: 12px;
--mat-list-list-item-supporting-text-tracking: normal;
--mat-list-list-item-supporting-text-weight: 300;
--mat-list-list-item-trailing-supporting-text-font: Lato;
--mat-list-list-item-trailing-supporting-text-line-height: 16px;
--mat-list-list-item-trailing-supporting-text-size: 10px;
--mat-list-list-item-trailing-supporting-text-tracking: normal;
--mat-list-list-item-trailing-supporting-text-weight: 300;
--mat-paginator-container-text-font: Lato;
--mat-paginator-container-text-line-height: 16px;
--mat-paginator-container-text-size: 10px;
--mat-paginator-container-text-tracking: normal;
--mat-paginator-container-text-weight: 300;
--mat-paginator-select-trigger-text-size: 10px;
--mat-checkbox-label-text-font: Lato;
--mat-checkbox-label-text-line-height: 16px;
--mat-checkbox-label-text-size: 12px;
--mat-checkbox-label-text-tracking: normal;
--mat-checkbox-label-text-weight: 300;
--mat-button-filled-label-text-font: Lato;
--mat-button-filled-label-text-size: 12px;
--mat-button-filled-label-text-tracking: normal;
--mat-button-filled-label-text-transform: none;
--mat-button-filled-label-text-weight: 300;
--mat-button-outlined-label-text-font: Lato;
--mat-button-outlined-label-text-size: 12px;
--mat-button-outlined-label-text-tracking: normal;
--mat-button-outlined-label-text-transform: none;
--mat-button-outlined-label-text-weight: 300;
--mat-button-protected-label-text-font: Lato;
--mat-button-protected-label-text-size: 12px;
--mat-button-protected-label-text-tracking: normal;
--mat-button-protected-label-text-transform: none;
--mat-button-protected-label-text-weight: 300;
--mat-button-text-label-text-font: Lato;
--mat-button-text-label-text-size: 12px;
--mat-button-text-label-text-tracking: normal;
--mat-button-text-label-text-transform: none;
--mat-button-text-label-text-weight: 300;
--mat-button-tonal-label-text-font: Lato;
--mat-button-tonal-label-text-size: 12px;
--mat-button-tonal-label-text-tracking: normal;
--mat-button-tonal-label-text-transform: none;
--mat-button-tonal-label-text-weight: 300;
--mat-fab-extended-label-text-font: Lato;
--mat-fab-extended-label-text-size: 12px;
--mat-fab-extended-label-text-tracking: normal;
--mat-fab-extended-label-text-weight: 300;
--mat-snack-bar-supporting-text-font: Lato;
--mat-snack-bar-supporting-text-line-height: 16px;
--mat-snack-bar-supporting-text-size: 12px;
--mat-snack-bar-supporting-text-weight: 300;
--mat-table-header-headline-font: Lato;
--mat-table-header-headline-line-height: 20px;
--mat-table-header-headline-size: 12px;
--mat-table-header-headline-weight: 600;
--mat-table-header-headline-tracking: normal;
--mat-table-row-item-label-text-font: Lato;
--mat-table-row-item-label-text-line-height: 16px;
--mat-table-row-item-label-text-size: 12px;
--mat-table-row-item-label-text-weight: 300;
--mat-table-row-item-label-text-tracking: normal;
--mat-table-footer-supporting-text-font: Lato;
--mat-table-footer-supporting-text-line-height: 16px;
--mat-table-footer-supporting-text-size: 12px;
--mat-table-footer-supporting-text-weight: 300;
--mat-table-footer-supporting-text-tracking: normal;
}
.small-custom-typography .mat-h1,
.small-custom-typography .mat-headline-5,
.small-custom-typography .mat-typography .mat-h1,
.small-custom-typography .mat-typography .mat-headline-5,
.small-custom-typography .mat-typography h1 {
font: 300 20px / 26px Lato;
letter-spacing: normal;
margin: 0 0 16px;
}
.small-custom-typography .mat-h2,
.small-custom-typography .mat-headline-6,
.small-custom-typography .mat-typography .mat-h2,
.small-custom-typography .mat-typography .mat-headline-6,
.small-custom-typography .mat-typography h2 {
font: 300 16px / 26px Lato;
letter-spacing: normal;
margin: 0 0 16px;
}
.small-custom-typography .mat-h3,
.small-custom-typography .mat-subtitle-1,
.small-custom-typography .mat-typography .mat-h3,
.small-custom-typography .mat-typography .mat-subtitle-1,
.small-custom-typography .mat-typography h3 {
font: 300 14px / 24px Lato;
letter-spacing: normal;
margin: 0 0 16px;
}
.small-custom-typography .mat-h4,
.small-custom-typography .mat-body-1,
.small-custom-typography .mat-typography .mat-h4,
.small-custom-typography .mat-typography .mat-body-1,
.small-custom-typography .mat-typography h4 {
font: 300 13px / 20px Lato;
letter-spacing: normal;
margin: 0 0 16px;
}
.small-custom-typography .mat-h5,
.small-custom-typography .mat-typography .mat-h5,
.small-custom-typography .mat-typography h5 {
font: 300 calc(12px * 0.83) / 16px Lato;
margin: 0 0 12px;
}
.small-custom-typography .mat-h6,
.small-custom-typography .mat-typography .mat-h6,
.small-custom-typography .mat-typography h6 {
font: 300 calc(12px * 0.67) / 16px Lato;
margin: 0 0 12px;
}
.small-custom-typography .mat-body-strong,
.small-custom-typography .mat-subtitle-2,
.small-custom-typography .mat-typography .mat-body-strong,
.small-custom-typography .mat-typography .mat-subtitle-2 {
font: 600 12px / 20px Lato;
letter-spacing: normal;
}
.small-custom-typography .mat-body,
.small-custom-typography .mat-body-2,
.small-custom-typography .mat-typography .mat-body,
.small-custom-typography .mat-typography .mat-body-2,
.small-custom-typography .mat-typography {
font: 300 12px / 16px Lato;
letter-spacing: normal;
}
.small-custom-typography .mat-body p,
.small-custom-typography .mat-body-2 p,
.small-custom-typography .mat-typography .mat-body p,
.small-custom-typography .mat-typography .mat-body-2 p,
.small-custom-typography .mat-typography p {
margin: 0 0 12px;
}
.small-custom-typography .mat-small,
.small-custom-typography .mat-caption,
.small-custom-typography .mat-typography .mat-small,
.small-custom-typography .mat-typography .mat-caption {
font: 300 10px / 16px Lato;
letter-spacing: normal;
}
.small-custom-typography .mat-headline-1,
.small-custom-typography .mat-typography .mat-headline-1 {
font: 300 88px / 88px Lato;
letter-spacing: normal;
margin: 0 0 56px;
}
.small-custom-typography .mat-headline-2,
.small-custom-typography .mat-typography .mat-headline-2 {
font: 300 40px / 40px Lato;
letter-spacing: normal;
margin: 0 0 64px;
}
.small-custom-typography .mat-headline-3,
.small-custom-typography .mat-typography .mat-headline-3 {
font: 300 33px / 36px Lato;
letter-spacing: normal;
margin: 0 0 64px;
}
.small-custom-typography .mat-headline-4,
.small-custom-typography .mat-typography .mat-headline-4 {
font: 300 28px / 32px Lato;
letter-spacing: normal;
margin: 0 0 64px;
}
.small-custom-typography .mat-mdc-standard-chip {
--mat-chip-label-text-font: Lato;
--mat-chip-label-text-line-height: 16px;
--mat-chip-label-text-size: 12px;
--mat-chip-label-text-tracking: normal;
--mat-chip-label-text-weight: 300;
}
.small-custom-typography .mat-mdc-slide-toggle {
--mat-slide-toggle-label-text-font: Lato;
--mat-slide-toggle-label-text-line-height: 16px;
--mat-slide-toggle-label-text-size: 12px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 300;
}
.small-custom-typography .mdc-list-group__subheader {
font: 300 14px / 24px Lato;
letter-spacing: normal;
}
.small-custom-typography .mat-mdc-tab-header {
--mat-tab-label-text-font: Lato;
--mat-tab-label-text-size: 12px;
--mat-tab-label-text-tracking: normal;
--mat-tab-label-text-line-height: 12px;
--mat-tab-label-text-weight: 300;
}
.large-custom-typography {
--mat-badge-text-font: Montserrat;
--mat-badge-line-height: 22px;
--mat-badge-text-size: 12px;
--mat-badge-text-weight: 600;
--mat-badge-small-size-text-size: 9px;
--mat-badge-small-size-line-height: 16px;
--mat-badge-large-size-text-size: 24px;
--mat-badge-large-size-line-height: 28px;
--mat-bottom-sheet-container-text-font: Montserrat;
--mat-bottom-sheet-container-text-line-height: 24px;
--mat-bottom-sheet-container-text-size: 16px;
--mat-bottom-sheet-container-text-tracking: normal;
--mat-bottom-sheet-container-text-weight: 400;
--mat-button-toggle-label-text-font: Montserrat;
--mat-button-toggle-label-text-line-height: 28px;
--mat-button-toggle-label-text-size: 17px;
--mat-button-toggle-label-text-tracking: normal;
--mat-button-toggle-label-text-weight: 400;
--mat-button-toggle-legacy-label-text-font: Montserrat;
--mat-button-toggle-legacy-label-text-line-height: 28px;
--mat-button-toggle-legacy-label-text-size: 17px;
--mat-button-toggle-legacy-label-text-tracking: normal;
--mat-button-toggle-legacy-label-text-weight: 400;
--mat-datepicker-calendar-text-font: Montserrat;
--mat-datepicker-calendar-text-size: 13px;
--mat-datepicker-calendar-body-label-text-size: 16px;
--mat-datepicker-calendar-body-label-text-weight: 400;
--mat-datepicker-calendar-period-button-text-size: 16px;
--mat-datepicker-calendar-period-button-text-weight: 400;
--mat-datepicker-calendar-header-text-size: 11px;
--mat-datepicker-calendar-header-text-weight: 400;
--mat-expansion-header-text-font: Montserrat;
--mat-expansion-header-text-size: 16px;
--mat-expansion-header-text-weight: 600;
--mat-expansion-header-text-line-height: inherit;
--mat-expansion-header-text-tracking: inherit;
--mat-expansion-container-text-font: Montserrat;
--mat-expansion-container-text-line-height: 24px;
--mat-expansion-container-text-size: 16px;
--mat-expansion-container-text-tracking: normal;
--mat-expansion-container-text-weight: 400;
--mat-grid-list-tile-header-primary-text-size: 16px;
--mat-grid-list-tile-header-secondary-text-size: 14px;
--mat-grid-list-tile-footer-primary-text-size: 16px;
--mat-grid-list-tile-footer-secondary-text-size: 14px;
--mat-stepper-container-text-font: Montserrat;
--mat-stepper-header-label-text-font: Montserrat;
--mat-stepper-header-label-text-size: 16px;
--mat-stepper-header-label-text-weight: 400;
--mat-stepper-header-error-state-label-text-size: 17px;
--mat-stepper-header-selected-state-label-text-size: 17px;
--mat-stepper-header-selected-state-label-text-weight: 400;
--mat-toolbar-title-text-font: Montserrat;
--mat-toolbar-title-text-line-height: 38px;
--mat-toolbar-title-text-size: 24px;
--mat-toolbar-title-text-tracking: normal;
--mat-toolbar-title-text-weight: 400;
--mat-tree-node-text-font: Montserrat;
--mat-tree-node-text-size: 16px;
--mat-tree-node-text-weight: 400;
--mat-option-label-text-font: Montserrat;
--mat-option-label-text-line-height: 28px;
--mat-option-label-text-size: 17px;
--mat-option-label-text-tracking: normal;
--mat-option-label-text-weight: 400;
--mat-optgroup-label-text-font: Montserrat;
--mat-optgroup-label-text-line-height: 28px;
--mat-optgroup-label-text-size: 17px;
--mat-optgroup-label-text-tracking: normal;
--mat-optgroup-label-text-weight: 400;
--mat-card-title-text-font: Montserrat;
--mat-card-title-text-line-height: 38px;
--mat-card-title-text-size: 24px;
--mat-card-title-text-tracking: normal;
--mat-card-title-text-weight: 400;
--mat-card-subtitle-text-font: Montserrat;
--mat-card-subtitle-text-line-height: 28px;
--mat-card-subtitle-text-size: 16px;
--mat-card-subtitle-text-tracking: normal;
--mat-card-subtitle-text-weight: 600;
--mat-tooltip-supporting-text-font: Montserrat;
--mat-tooltip-supporting-text-size: 14px;
--mat-tooltip-supporting-text-weight: 400;
--mat-tooltip-supporting-text-tracking: normal;
--mat-form-field-container-text-font: Montserrat;
--mat-form-field-container-text-line-height: 28px;
--mat-form-field-container-text-size: 17px;
--mat-form-field-container-text-tracking: normal;
--mat-form-field-container-text-weight: 400;
--mat-form-field-outlined-label-text-populated-size: 17px;
--mat-form-field-subscript-text-font: Montserrat;
--mat-form-field-subscript-text-line-height: 24px;
--mat-form-field-subscript-text-size: 14px;
--mat-form-field-subscript-text-tracking: normal;
--mat-form-field-subscript-text-weight: 400;
--mat-form-field-filled-label-text-font: Montserrat;
--mat-form-field-filled-label-text-size: 17px;
--mat-form-field-filled-label-text-tracking: normal;
--mat-form-field-filled-label-text-weight: 400;
--mat-form-field-outlined-label-text-font: Montserrat;
--mat-form-field-outlined-label-text-size: 17px;
--mat-form-field-outlined-label-text-tracking: normal;
--mat-form-field-outlined-label-text-weight: 400;
--mat-select-trigger-text-font: Montserrat;
--mat-select-trigger-text-line-height: 28px;
--mat-select-trigger-text-size: 17px;
--mat-select-trigger-text-tracking: normal;
--mat-select-trigger-text-weight: 400;
--mat-dialog-subhead-font: Montserrat;
--mat-dialog-subhead-line-height: 38px;
--mat-dialog-subhead-size: 24px;
--mat-dialog-subhead-weight: 400;
--mat-dialog-subhead-tracking: normal;
--mat-dialog-supporting-text-font: Montserrat;
--mat-dialog-supporting-text-line-height: 28px;
--mat-dialog-supporting-text-size: 17px;
--mat-dialog-supporting-text-weight: 400;
--mat-dialog-supporting-text-tracking: normal;
--mat-slide-toggle-label-text-font: Montserrat;
--mat-slide-toggle-label-text-line-height: 24px;
--mat-slide-toggle-label-text-size: 16px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 400;
--mat-radio-label-text-font: Montserrat;
--mat-radio-label-text-line-height: 24px;
--mat-radio-label-text-size: 16px;
--mat-radio-label-text-tracking: normal;
--mat-radio-label-text-weight: 400;
--mat-slider-label-label-text-font: Montserrat;
--mat-slider-label-label-text-size: 16px;
--mat-slider-label-label-text-line-height: 28px;
--mat-slider-label-label-text-tracking: normal;
--mat-slider-label-label-text-weight: 600;
--mat-menu-item-label-text-font: Montserrat;
--mat-menu-item-label-text-size: 17px;
--mat-menu-item-label-text-tracking: normal;
--mat-menu-item-label-text-line-height: 28px;
--mat-menu-item-label-text-weight: 400;
--mat-list-list-item-label-text-font: Montserrat;
--mat-list-list-item-label-text-line-height: 28px;
--mat-list-list-item-label-text-size: 17px;
--mat-list-list-item-label-text-tracking: normal;
--mat-list-list-item-label-text-weight: 400;
--mat-list-list-item-supporting-text-font: Montserrat;
--mat-list-list-item-supporting-text-line-height: 24px;
--mat-list-list-item-supporting-text-size: 16px;
--mat-list-list-item-supporting-text-tracking: normal;
--mat-list-list-item-supporting-text-weight: 400;
--mat-list-list-item-trailing-supporting-text-font: Montserrat;
--mat-list-list-item-trailing-supporting-text-line-height: 24px;
--mat-list-list-item-trailing-supporting-text-size: 14px;
--mat-list-list-item-trailing-supporting-text-tracking: normal;
--mat-list-list-item-trailing-supporting-text-weight: 400;
--mat-paginator-container-text-font: Montserrat;
--mat-paginator-container-text-line-height: 24px;
--mat-paginator-container-text-size: 14px;
--mat-paginator-container-text-tracking: normal;
--mat-paginator-container-text-weight: 400;
--mat-paginator-select-trigger-text-size: 14px;
--mat-checkbox-label-text-font: Montserrat;
--mat-checkbox-label-text-line-height: 24px;
--mat-checkbox-label-text-size: 16px;
--mat-checkbox-label-text-tracking: normal;
--mat-checkbox-label-text-weight: 400;
--mat-button-filled-label-text-font: Montserrat;
--mat-button-filled-label-text-size: 16px;
--mat-button-filled-label-text-tracking: normal;
--mat-button-filled-label-text-transform: none;
--mat-button-filled-label-text-weight: 400;
--mat-button-outlined-label-text-font: Montserrat;
--mat-button-outlined-label-text-size: 16px;
--mat-button-outlined-label-text-tracking: normal;
--mat-button-outlined-label-text-transform: none;
--mat-button-outlined-label-text-weight: 400;
--mat-button-protected-label-text-font: Montserrat;
--mat-button-protected-label-text-size: 16px;
--mat-button-protected-label-text-tracking: normal;
--mat-button-protected-label-text-transform: none;
--mat-button-protected-label-text-weight: 400;
--mat-button-text-label-text-font: Montserrat;
--mat-button-text-label-text-size: 16px;
--mat-button-text-label-text-tracking: normal;
--mat-button-text-label-text-transform: none;
--mat-button-text-label-text-weight: 400;
--mat-button-tonal-label-text-font: Montserrat;
--mat-button-tonal-label-text-size: 16px;
--mat-button-tonal-label-text-tracking: normal;
--mat-button-tonal-label-text-transform: none;
--mat-button-tonal-label-text-weight: 400;
--mat-fab-extended-label-text-font: Montserrat;
--mat-fab-extended-label-text-size: 16px;
--mat-fab-extended-label-text-tracking: normal;
--mat-fab-extended-label-text-weight: 400;
--mat-snack-bar-supporting-text-font: Montserrat;
--mat-snack-bar-supporting-text-line-height: 24px;
--mat-snack-bar-supporting-text-size: 16px;
--mat-snack-bar-supporting-text-weight: 400;
--mat-table-header-headline-font: Montserrat;
--mat-table-header-headline-line-height: 28px;
--mat-table-header-headline-size: 16px;
--mat-table-header-headline-weight: 600;
--mat-table-header-headline-tracking: normal;
--mat-table-row-item-label-text-font: Montserrat;
--mat-table-row-item-label-text-line-height: 24px;
--mat-table-row-item-label-text-size: 16px;
--mat-table-row-item-label-text-weight: 400;
--mat-table-row-item-label-text-tracking: normal;
--mat-table-footer-supporting-text-font: Montserrat;
--mat-table-footer-supporting-text-line-height: 24px;
--mat-table-footer-supporting-text-size: 16px;
--mat-table-footer-supporting-text-weight: 400;
--mat-table-footer-supporting-text-tracking: normal;
}
.large-custom-typography .mat-h1,
.large-custom-typography .mat-headline-5,
.large-custom-typography .mat-typography .mat-h1,
.large-custom-typography .mat-typography .mat-headline-5,
.large-custom-typography .mat-typography h1 {
font: 400 28px / 38px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.large-custom-typography .mat-h2,
.large-custom-typography .mat-headline-6,
.large-custom-typography .mat-typography .mat-h2,
.large-custom-typography .mat-typography .mat-headline-6,
.large-custom-typography .mat-typography h2 {
font: 400 24px / 38px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.large-custom-typography .mat-h3,
.large-custom-typography .mat-subtitle-1,
.large-custom-typography .mat-typography .mat-h3,
.large-custom-typography .mat-typography .mat-subtitle-1,
.large-custom-typography .mat-typography h3 {
font: 400 18px / 32px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.large-custom-typography .mat-h4,
.large-custom-typography .mat-body-1,
.large-custom-typography .mat-typography .mat-h4,
.large-custom-typography .mat-typography .mat-body-1,
.large-custom-typography .mat-typography h4 {
font: 400 17px / 28px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.large-custom-typography .mat-h5,
.large-custom-typography .mat-typography .mat-h5,
.large-custom-typography .mat-typography h5 {
font: 400 calc(16px * 0.83) / 24px Montserrat;
margin: 0 0 12px;
}
.large-custom-typography .mat-h6,
.large-custom-typography .mat-typography .mat-h6,
.large-custom-typography .mat-typography h6 {
font: 400 calc(16px * 0.67) / 24px Montserrat;
margin: 0 0 12px;
}
.large-custom-typography .mat-body-strong,
.large-custom-typography .mat-subtitle-2,
.large-custom-typography .mat-typography .mat-body-strong,
.large-custom-typography .mat-typography .mat-subtitle-2 {
font: 600 16px / 28px Montserrat;
letter-spacing: normal;
}
.large-custom-typography .mat-body,
.large-custom-typography .mat-body-2,
.large-custom-typography .mat-typography .mat-body,
.large-custom-typography .mat-typography .mat-body-2,
.large-custom-typography .mat-typography {
font: 400 16px / 24px Montserrat;
letter-spacing: normal;
}
.large-custom-typography .mat-body p,
.large-custom-typography .mat-body-2 p,
.large-custom-typography .mat-typography .mat-body p,
.large-custom-typography .mat-typography .mat-body-2 p,
.large-custom-typography .mat-typography p {
margin: 0 0 12px;
}
.large-custom-typography .mat-small,
.large-custom-typography .mat-caption,
.large-custom-typography .mat-typography .mat-small,
.large-custom-typography .mat-typography .mat-caption {
font: 400 14px / 24px Montserrat;
letter-spacing: normal;
}
.large-custom-typography .mat-headline-1,
.large-custom-typography .mat-typography .mat-headline-1 {
font: 400 136px / 136px Montserrat;
letter-spacing: normal;
margin: 0 0 56px;
}
.large-custom-typography .mat-headline-2,
.large-custom-typography .mat-typography .mat-headline-2 {
font: 400 72px / 72px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.large-custom-typography .mat-headline-3,
.large-custom-typography .mat-typography .mat-headline-3 {
font: 400 57px / 60px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.large-custom-typography .mat-headline-4,
.large-custom-typography .mat-typography .mat-headline-4 {
font: 400 40px / 48px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.large-custom-typography .mat-mdc-standard-chip {
--mat-chip-label-text-font: Montserrat;
--mat-chip-label-text-line-height: 24px;
--mat-chip-label-text-size: 16px;
--mat-chip-label-text-tracking: normal;
--mat-chip-label-text-weight: 400;
}
.large-custom-typography .mat-mdc-slide-toggle {
--mat-slide-toggle-label-text-font: Montserrat;
--mat-slide-toggle-label-text-line-height: 24px;
--mat-slide-toggle-label-text-size: 16px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 400;
}
.large-custom-typography .mdc-list-group__subheader {
font: 400 18px / 32px Montserrat;
letter-spacing: normal;
}
.large-custom-typography .mat-mdc-tab-header {
--mat-tab-label-text-font: Montserrat;
--mat-tab-label-text-size: 16px;
--mat-tab-label-text-tracking: normal;
--mat-tab-label-text-line-height: 16px;
--mat-tab-label-text-weight: 400;
}
.x-large-custom-typography {
--mat-badge-text-font: Montserrat;
--mat-badge-line-height: 22px;
--mat-badge-text-size: 12px;
--mat-badge-text-weight: 600;
--mat-badge-small-size-text-size: 9px;
--mat-badge-small-size-line-height: 16px;
--mat-badge-large-size-text-size: 24px;
--mat-badge-large-size-line-height: 28px;
--mat-bottom-sheet-container-text-font: Montserrat;
--mat-bottom-sheet-container-text-line-height: 28px;
--mat-bottom-sheet-container-text-size: 18px;
--mat-bottom-sheet-container-text-tracking: normal;
--mat-bottom-sheet-container-text-weight: 300;
--mat-button-toggle-label-text-font: Montserrat;
--mat-button-toggle-label-text-line-height: 32px;
--mat-button-toggle-label-text-size: 22px;
--mat-button-toggle-label-text-tracking: normal;
--mat-button-toggle-label-text-weight: 300;
--mat-button-toggle-legacy-label-text-font: Montserrat;
--mat-button-toggle-legacy-label-text-line-height: 32px;
--mat-button-toggle-legacy-label-text-size: 22px;
--mat-button-toggle-legacy-label-text-tracking: normal;
--mat-button-toggle-legacy-label-text-weight: 300;
--mat-datepicker-calendar-text-font: Montserrat;
--mat-datepicker-calendar-text-size: 13px;
--mat-datepicker-calendar-body-label-text-size: 18px;
--mat-datepicker-calendar-body-label-text-weight: 300;
--mat-datepicker-calendar-period-button-text-size: 18px;
--mat-datepicker-calendar-period-button-text-weight: 300;
--mat-datepicker-calendar-header-text-size: 11px;
--mat-datepicker-calendar-header-text-weight: 300;
--mat-expansion-header-text-font: Montserrat;
--mat-expansion-header-text-size: 18px;
--mat-expansion-header-text-weight: 600;
--mat-expansion-header-text-line-height: inherit;
--mat-expansion-header-text-tracking: inherit;
--mat-expansion-container-text-font: Montserrat;
--mat-expansion-container-text-line-height: 28px;
--mat-expansion-container-text-size: 18px;
--mat-expansion-container-text-tracking: normal;
--mat-expansion-container-text-weight: 300;
--mat-grid-list-tile-header-primary-text-size: 18px;
--mat-grid-list-tile-header-secondary-text-size: 16px;
--mat-grid-list-tile-footer-primary-text-size: 18px;
--mat-grid-list-tile-footer-secondary-text-size: 16px;
--mat-stepper-container-text-font: Montserrat;
--mat-stepper-header-label-text-font: Montserrat;
--mat-stepper-header-label-text-size: 18px;
--mat-stepper-header-label-text-weight: 300;
--mat-stepper-header-error-state-label-text-size: 22px;
--mat-stepper-header-selected-state-label-text-size: 22px;
--mat-stepper-header-selected-state-label-text-weight: 300;
--mat-toolbar-title-text-font: Montserrat;
--mat-toolbar-title-text-line-height: 40px;
--mat-toolbar-title-text-size: 30px;
--mat-toolbar-title-text-tracking: normal;
--mat-toolbar-title-text-weight: 300;
--mat-tree-node-text-font: Montserrat;
--mat-tree-node-text-size: 18px;
--mat-tree-node-text-weight: 300;
--mat-option-label-text-font: Montserrat;
--mat-option-label-text-line-height: 32px;
--mat-option-label-text-size: 22px;
--mat-option-label-text-tracking: normal;
--mat-option-label-text-weight: 300;
--mat-optgroup-label-text-font: Montserrat;
--mat-optgroup-label-text-line-height: 32px;
--mat-optgroup-label-text-size: 22px;
--mat-optgroup-label-text-tracking: normal;
--mat-optgroup-label-text-weight: 300;
--mat-card-title-text-font: Montserrat;
--mat-card-title-text-line-height: 40px;
--mat-card-title-text-size: 30px;
--mat-card-title-text-tracking: normal;
--mat-card-title-text-weight: 300;
--mat-card-subtitle-text-font: Montserrat;
--mat-card-subtitle-text-line-height: 32px;
--mat-card-subtitle-text-size: 18px;
--mat-card-subtitle-text-tracking: normal;
--mat-card-subtitle-text-weight: 600;
--mat-tooltip-supporting-text-font: Montserrat;
--mat-tooltip-supporting-text-size: 16px;
--mat-tooltip-supporting-text-weight: 300;
--mat-tooltip-supporting-text-tracking: normal;
--mat-form-field-container-text-font: Montserrat;
--mat-form-field-container-text-line-height: 32px;
--mat-form-field-container-text-size: 22px;
--mat-form-field-container-text-tracking: normal;
--mat-form-field-container-text-weight: 300;
--mat-form-field-outlined-label-text-populated-size: 22px;
--mat-form-field-subscript-text-font: Montserrat;
--mat-form-field-subscript-text-line-height: 28px;
--mat-form-field-subscript-text-size: 16px;
--mat-form-field-subscript-text-tracking: normal;
--mat-form-field-subscript-text-weight: 300;
--mat-form-field-filled-label-text-font: Montserrat;
--mat-form-field-filled-label-text-size: 22px;
--mat-form-field-filled-label-text-tracking: normal;
--mat-form-field-filled-label-text-weight: 300;
--mat-form-field-outlined-label-text-font: Montserrat;
--mat-form-field-outlined-label-text-size: 22px;
--mat-form-field-outlined-label-text-tracking: normal;
--mat-form-field-outlined-label-text-weight: 300;
--mat-select-trigger-text-font: Montserrat;
--mat-select-trigger-text-line-height: 32px;
--mat-select-trigger-text-size: 22px;
--mat-select-trigger-text-tracking: normal;
--mat-select-trigger-text-weight: 300;
--mat-dialog-subhead-font: Montserrat;
--mat-dialog-subhead-line-height: 40px;
--mat-dialog-subhead-size: 30px;
--mat-dialog-subhead-weight: 300;
--mat-dialog-subhead-tracking: normal;
--mat-dialog-supporting-text-font: Montserrat;
--mat-dialog-supporting-text-line-height: 32px;
--mat-dialog-supporting-text-size: 22px;
--mat-dialog-supporting-text-weight: 300;
--mat-dialog-supporting-text-tracking: normal;
--mat-slide-toggle-label-text-font: Montserrat;
--mat-slide-toggle-label-text-line-height: 28px;
--mat-slide-toggle-label-text-size: 18px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 300;
--mat-radio-label-text-font: Montserrat;
--mat-radio-label-text-line-height: 28px;
--mat-radio-label-text-size: 18px;
--mat-radio-label-text-tracking: normal;
--mat-radio-label-text-weight: 300;
--mat-slider-label-label-text-font: Montserrat;
--mat-slider-label-label-text-size: 18px;
--mat-slider-label-label-text-line-height: 32px;
--mat-slider-label-label-text-tracking: normal;
--mat-slider-label-label-text-weight: 600;
--mat-menu-item-label-text-font: Montserrat;
--mat-menu-item-label-text-size: 22px;
--mat-menu-item-label-text-tracking: normal;
--mat-menu-item-label-text-line-height: 32px;
--mat-menu-item-label-text-weight: 300;
--mat-list-list-item-label-text-font: Montserrat;
--mat-list-list-item-label-text-line-height: 32px;
--mat-list-list-item-label-text-size: 22px;
--mat-list-list-item-label-text-tracking: normal;
--mat-list-list-item-label-text-weight: 300;
--mat-list-list-item-supporting-text-font: Montserrat;
--mat-list-list-item-supporting-text-line-height: 28px;
--mat-list-list-item-supporting-text-size: 18px;
--mat-list-list-item-supporting-text-tracking: normal;
--mat-list-list-item-supporting-text-weight: 300;
--mat-list-list-item-trailing-supporting-text-font: Montserrat;
--mat-list-list-item-trailing-supporting-text-line-height: 28px;
--mat-list-list-item-trailing-supporting-text-size: 16px;
--mat-list-list-item-trailing-supporting-text-tracking: normal;
--mat-list-list-item-trailing-supporting-text-weight: 300;
--mat-paginator-container-text-font: Montserrat;
--mat-paginator-container-text-line-height: 28px;
--mat-paginator-container-text-size: 16px;
--mat-paginator-container-text-tracking: normal;
--mat-paginator-container-text-weight: 300;
--mat-paginator-select-trigger-text-size: 16px;
--mat-checkbox-label-text-font: Montserrat;
--mat-checkbox-label-text-line-height: 28px;
--mat-checkbox-label-text-size: 18px;
--mat-checkbox-label-text-tracking: normal;
--mat-checkbox-label-text-weight: 300;
--mat-button-filled-label-text-font: Montserrat;
--mat-button-filled-label-text-size: 18px;
--mat-button-filled-label-text-tracking: normal;
--mat-button-filled-label-text-transform: none;
--mat-button-filled-label-text-weight: 300;
--mat-button-outlined-label-text-font: Montserrat;
--mat-button-outlined-label-text-size: 18px;
--mat-button-outlined-label-text-tracking: normal;
--mat-button-outlined-label-text-transform: none;
--mat-button-outlined-label-text-weight: 300;
--mat-button-protected-label-text-font: Montserrat;
--mat-button-protected-label-text-size: 18px;
--mat-button-protected-label-text-tracking: normal;
--mat-button-protected-label-text-transform: none;
--mat-button-protected-label-text-weight: 300;
--mat-button-text-label-text-font: Montserrat;
--mat-button-text-label-text-size: 18px;
--mat-button-text-label-text-tracking: normal;
--mat-button-text-label-text-transform: none;
--mat-button-text-label-text-weight: 300;
--mat-button-tonal-label-text-font: Montserrat;
--mat-button-tonal-label-text-size: 18px;
--mat-button-tonal-label-text-tracking: normal;
--mat-button-tonal-label-text-transform: none;
--mat-button-tonal-label-text-weight: 300;
--mat-fab-extended-label-text-font: Montserrat;
--mat-fab-extended-label-text-size: 18px;
--mat-fab-extended-label-text-tracking: normal;
--mat-fab-extended-label-text-weight: 300;
--mat-snack-bar-supporting-text-font: Montserrat;
--mat-snack-bar-supporting-text-line-height: 28px;
--mat-snack-bar-supporting-text-size: 18px;
--mat-snack-bar-supporting-text-weight: 300;
--mat-table-header-headline-font: Montserrat;
--mat-table-header-headline-line-height: 32px;
--mat-table-header-headline-size: 18px;
--mat-table-header-headline-weight: 600;
--mat-table-header-headline-tracking: normal;
--mat-table-row-item-label-text-font: Montserrat;
--mat-table-row-item-label-text-line-height: 28px;
--mat-table-row-item-label-text-size: 18px;
--mat-table-row-item-label-text-weight: 300;
--mat-table-row-item-label-text-tracking: normal;
--mat-table-footer-supporting-text-font: Montserrat;
--mat-table-footer-supporting-text-line-height: 28px;
--mat-table-footer-supporting-text-size: 18px;
--mat-table-footer-supporting-text-weight: 300;
--mat-table-footer-supporting-text-tracking: normal;
}
.x-large-custom-typography .mat-h1,
.x-large-custom-typography .mat-headline-5,
.x-large-custom-typography .mat-typography .mat-h1,
.x-large-custom-typography .mat-typography .mat-headline-5,
.x-large-custom-typography .mat-typography h1 {
font: 300 36px / 40px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.x-large-custom-typography .mat-h2,
.x-large-custom-typography .mat-headline-6,
.x-large-custom-typography .mat-typography .mat-h2,
.x-large-custom-typography .mat-typography .mat-headline-6,
.x-large-custom-typography .mat-typography h2 {
font: 300 30px / 40px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.x-large-custom-typography .mat-h3,
.x-large-custom-typography .mat-subtitle-1,
.x-large-custom-typography .mat-typography .mat-h3,
.x-large-custom-typography .mat-typography .mat-subtitle-1,
.x-large-custom-typography .mat-typography h3 {
font: 300 20px / 36px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.x-large-custom-typography .mat-h4,
.x-large-custom-typography .mat-body-1,
.x-large-custom-typography .mat-typography .mat-h4,
.x-large-custom-typography .mat-typography .mat-body-1,
.x-large-custom-typography .mat-typography h4 {
font: 300 22px / 32px Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
}
.x-large-custom-typography .mat-h5,
.x-large-custom-typography .mat-typography .mat-h5,
.x-large-custom-typography .mat-typography h5 {
font: 300 calc(18px * 0.83) / 28px Montserrat;
margin: 0 0 12px;
}
.x-large-custom-typography .mat-h6,
.x-large-custom-typography .mat-typography .mat-h6,
.x-large-custom-typography .mat-typography h6 {
font: 300 calc(18px * 0.67) / 28px Montserrat;
margin: 0 0 12px;
}
.x-large-custom-typography .mat-body-strong,
.x-large-custom-typography .mat-subtitle-2,
.x-large-custom-typography .mat-typography .mat-body-strong,
.x-large-custom-typography .mat-typography .mat-subtitle-2 {
font: 600 18px / 32px Montserrat;
letter-spacing: normal;
}
.x-large-custom-typography .mat-body,
.x-large-custom-typography .mat-body-2,
.x-large-custom-typography .mat-typography .mat-body,
.x-large-custom-typography .mat-typography .mat-body-2,
.x-large-custom-typography .mat-typography {
font: 300 18px / 28px Montserrat;
letter-spacing: normal;
}
.x-large-custom-typography .mat-body p,
.x-large-custom-typography .mat-body-2 p,
.x-large-custom-typography .mat-typography .mat-body p,
.x-large-custom-typography .mat-typography .mat-body-2 p,
.x-large-custom-typography .mat-typography p {
margin: 0 0 12px;
}
.x-large-custom-typography .mat-small,
.x-large-custom-typography .mat-caption,
.x-large-custom-typography .mat-typography .mat-small,
.x-large-custom-typography .mat-typography .mat-caption {
font: 300 16px / 28px Montserrat;
letter-spacing: normal;
}
.x-large-custom-typography .mat-headline-1,
.x-large-custom-typography .mat-typography .mat-headline-1 {
font: 300 160px / 160px Montserrat;
letter-spacing: normal;
margin: 0 0 56px;
}
.x-large-custom-typography .mat-headline-2,
.x-large-custom-typography .mat-typography .mat-headline-2 {
font: 300 80px / 80px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.x-large-custom-typography .mat-headline-3,
.x-large-custom-typography .mat-typography .mat-headline-3 {
font: 300 72px / 72px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.x-large-custom-typography .mat-headline-4,
.x-large-custom-typography .mat-typography .mat-headline-4 {
font: 300 50px / 56px Montserrat;
letter-spacing: normal;
margin: 0 0 64px;
}
.x-large-custom-typography .mat-mdc-standard-chip {
--mat-chip-label-text-font: Montserrat;
--mat-chip-label-text-line-height: 28px;
--mat-chip-label-text-size: 18px;
--mat-chip-label-text-tracking: normal;
--mat-chip-label-text-weight: 300;
}
.x-large-custom-typography .mat-mdc-slide-toggle {
--mat-slide-toggle-label-text-font: Montserrat;
--mat-slide-toggle-label-text-line-height: 28px;
--mat-slide-toggle-label-text-size: 18px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 300;
}
.x-large-custom-typography .mdc-list-group__subheader {
font: 300 20px / 36px Montserrat;
letter-spacing: normal;
}
.x-large-custom-typography .mat-mdc-tab-header {
--mat-tab-label-text-font: Montserrat;
--mat-tab-label-text-size: 18px;
--mat-tab-label-text-tracking: normal;
--mat-tab-label-text-line-height: 18px;
--mat-tab-label-text-weight: 300;
}
/* src/styles/styles.scss */
.page-container {
max-width: 1202px;
margin-left: auto !important;
margin-right: auto !important;
}
.search-v3 .search-tabs-group {
height: calc(100% - 52px);
}
@media only screen and (min-width: 600px) {
.search-v3 .search-tabs-group {
height: calc(100% - 56px);
}
}
.search-v3 .search-tabs-group {
height: calc(100% - 52px);
}
@media only screen and (min-width: 600px) {
.search-v3 .search-tabs-group {
height: calc(100% - 56px);
}
}
.mat-select-pane {
max-width: 360px !important;
}
.mat-select-panel .mat-optgroup-label,
.mat-select-panel .mat-option,
.mat-option {
line-height: 1em !important;
}
.mat-option-text {
display: inline-block;
flex-grow: 1;
overflow: initial !important;
text-overflow: initial !important;
white-space: normal !important;
}
.discussion-card {
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.16);
opacity: 1;
background-color: rgb(255, 255, 255);
}
.discussion-card .mat-subheading-1 {
margin: 0px !important;
}
.feed-title:hover {
color: #1b4ca1;
}
.feed-title:hover .feed-title-icon {
transform: translateX(10px);
transition: all 0.05s ease-in-out;
}
.no-data-found {
width: 36px;
height: 36px;
font-size: 36px;
}
.action-button {
opacity: 1;
color: #fff;
font-family: Lato-Bold, sans-serif;
font-size: 14px;
font-weight: 700;
font-style: normal;
letter-spacing: 0.5px;
text-align: center;
line-height: 20px;
background: #1a4ca1;
border-radius: 64px;
padding: 8px 16px;
border: none;
width: 100%;
cursor: pointer;
}
.period {
width: 3px;
height: 3px;
background: rgba(0, 0, 0, 0.6);
border-radius: 4px;
}
.filter-dot {
background-color: #d13924;
height: 8px;
width: 8px;
border-radius: 50%;
position: relative;
top: -6px;
right: -28px;
}
.initial-circle {
width: 36px;
height: 36px;
border-radius: 50%;
background: #1B2133;
color: #FFF;
text-transform: uppercase;
}
.highlightFilter {
background: rgba(0, 0, 0, 0.04) !important;
}
.modal-button {
border-radius: 64px;
font-weight: bold;
letter-spacing: 0.25px;
padding: 12px 36px;
cursor: pointer;
border: 1px solid #1b4ca1;
text-align: center;
}
.expired,
.error {
font-size: 12px;
color: #d13924;
font-weight: bold;
}
.button-common-css,
.outline-button,
.action-button,
.save-button,
.outline-button {
padding: 12px 16px;
border-radius: 20px;
cursor: pointer;
line-height: 16px;
font-size: 14px;
font-weight: 700;
}
.outline-button {
color: #1b4ca1;
border: 1px solid #1b4ca1;
background-color: #FFF;
}
.save-button {
color: #FFF;
background-color: #1b4ca1;
border: 1px solid #1b4ca1;
}
.disable-button {
opacity: 0.75;
cursor: not-allowed;
}
.input-text {
padding: 12px 16px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.14);
font-family: "Lato";
letter-spacing: 0.25px;
}
.profile-form-field {
width: 100%;
}
::ng-deep .profile-form-field .mat-form-field-appearance-legacy,
::ng-deep .profile-form-field .mat-form-field-wrapper,
::ng-deep .mobile-form-field .mat-form-field-appearance-legacy,
::ng-deep .mobile-form-field .mat-form-field-wrapper {
padding-bottom: 0px !important;
}
::ng-deep .profile-form-field .mat-form-field-appearance-legacy .mat-form-field-flex,
::ng-deep .profile-form-field .mat-form-field-wrapper .mat-form-field-flex,
::ng-deep .mobile-form-field .mat-form-field-appearance-legacy .mat-form-field-flex,
::ng-deep .mobile-form-field .mat-form-field-wrapper .mat-form-field-flex {
display: flex;
align-items: center;
}
::ng-deep .profile-form-field .mat-form-field-appearance-legacy .mat-form-field-flex .mat-form-field-infix,
::ng-deep .profile-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix,
::ng-deep .mobile-form-field .mat-form-field-appearance-legacy .mat-form-field-flex .mat-form-field-infix,
::ng-deep .mobile-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
border-top: 0px !important;
}
::ng-deep .profile-form-field .mat-select,
::ng-deep .mobile-form-field .mat-select {
padding: 12px 16px;
border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 4px;
width: calc(100% - 33px);
}
::ng-deep .mat-nav-list.custom-class {
max-height: 100% !important;
}
.page-container {
margin-left: 0 !important;
margin-right: auto !important;
}
.search-v3 .search-tabs-group {
height: calc(100% - 52px);
}
@media only screen and (min-width: 600px) {
.search-v3 .search-tabs-group {
height: calc(100% - 56px);
}
}
::ng-deep .profile-form-field .mat-form-field-appearance-legacy,
::ng-deep .profile-form-field .mat-form-field-wrapper {
padding-bottom: 0px !important;
}
::ng-deep .profile-form-field .mat-form-field-appearance-legacy .mat-form-field-flex,
::ng-deep .profile-form-field .mat-form-field-wrapper .mat-form-field-flex {
display: flex;
align-items: center;
}
::ng-deep .profile-form-field .mat-form-field-appearance-legacy .mat-form-field-flex .mat-form-field-infix,
::ng-deep .profile-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
border-top: 0px !important;
}
::ng-deep .profile-form-field .mat-form-field-underline {
height: 0px !important;
}
::ng-deep .profile-form-field .mat-select {
padding: 12px 16px;
border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 4px;
width: calc(100% - 36px);
}
.disable-button {
opacity: 0.75;
cursor: not-allowed;
}
.input-text {
padding: 12px 16px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.14);
font-family: "Lato";
letter-spacing: 0.25px;
width: calc(100% - 36px);
margin: 7px 0px !important;
height: 24px;
}
.grid-container-25 {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-rows: auto;
gap: 24px;
}
.grid-container-33 {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: auto;
gap: 24px;
}
.role-chip {
padding: 8px 16px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.2);
color: rgba(0, 0, 0, 0.88);
text-transform: uppercase;
font-size: 14px;
}
.role-chip .mat-checkbox {
display: flex;
align-items: center;
}
.button-common-css,
.action-button,
.outline-button {
padding: 12px 16px;
border-radius: 4px;
cursor: pointer;
line-height: 16px;
font-size: 14px;
font-weight: 700;
}
.outline-button {
color: #1B4CA1;
border: 1px solid #1B4CA1;
background-color: #FFF;
}
.action-button {
color: #FFF;
background-color: #1B4CA1;
border: 1px solid #1B4CA1;
}
.successbtn {
background: #1B4CA1 !important;
}
.cancelbtn {
border: 1px solid #1B4CA1;
color: #1B4CA1 !important;
}
.justify-between {
justify-content: space-between;
}
.w-full {
width: 100%;
}
.w-48p {
width: 48% !important;
}
.w80 {
width: 95px !important;
}
.w82 {
width: 82px !important;
}
.w-minus-w80 {
max-width: calc(100% - 80px) !important;
}
.w-minus-w50 {
max-width: 50% !important;
}
.visible-inline-s {
display: inline;
}
@media only screen and (min-width: 600px) {
.visible-inline-s {
display: none;
}
}
@media only screen and (min-width: 600px) {
.sticky-m {
z-index: 1;
position: sticky;
left: 0;
}
}
@media only screen and (min-width: 600px) {
.sticky-right-m {
z-index: 1;
position: sticky;
right: 0;
}
}
.hidden-inline-s {
display: none;
}
@media only screen and (min-width: 600px) {
.hidden-inline-s {
display: inline;
}
}
@media (pointer: coarse) {
.hidden-touch {
display: none !important;
}
}
.width-auto {
width: auto;
}
.width-expand {
flex: 1;
min-width: 1px;
}
.width-1-10 {
width: 10%;
}
.width-3-10 {
width: 30%;
}
.width-7-10 {
width: 70%;
}
.width-9-10 {
width: 90%;
}
.width-1-5 {
width: 20%;
}
.width-2-5 {
width: 40%;
}
.width-3-5 {
width: 60%;
}
.width-4-5 {
width: 80%;
}
.width-1-4 {
width: 25%;
}
.width-3-4 {
width: 75%;
}
.width-1-3 {
width: 33.34%;
}
.width-2-3 {
width: 66.66%;
}
.width-1-2 {
width: 50%;
}
.width-1-1 {
width: 100% !important;
}
.spacer {
flex: 1 1 auto;
}
.height-1-1 {
height: 100%;
}
.vertical-height-without-nav {
height: calc(100vh - 108px);
}
.text-truncate {
max-width: 100%;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.text-justify {
text-align: justify !important;
}
.text-middle {
vertical-align: middle !important;
}
.text-center {
text-align: center !important;
}
.text-right {
text-align: right !important;
}
.text-left {
text-align: left !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.display-inline {
display: inline !important;
}
.display-inline-block {
display: inline-block !important;
}
.display-block {
display: block !important;
}
.flex {
display: flex !important;
}
.flex-baseline {
align-items: baseline;
}
.flex-stretch {
align-items: stretch;
}
.flex-center {
justify-content: center;
}
.flex-middle {
align-items: center;
}
.flex-around {
justify-content: space-around;
}
.flex-between {
justify-content: space-between;
}
.flex-evenly {
justify-content: space-evenly;
}
.flex-start {
justify-content: flex-start;
}
.flex-end {
justify-content: flex-end;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-wrapped {
flex-wrap: wrap;
}
.flex-wrapped-reverse {
flex-wrap: wrap-reverse;
}
.flex-column {
flex-direction: column;
}
.flex-auto {
flex: auto;
}
.flex-grow-1 {
flex-grow: 1;
}
.cursor-pointer {
cursor: pointer;
}
.cursor-auto {
cursor: auto !important;
}
.padding-remove {
padding: 0 !important;
}
.padding-remove-left {
padding-left: 0 !important;
}
.padding-remove-top {
padding-top: 0 !important;
}
.padding-remove-bottom {
padding-bottom: 0 !important;
}
.padding-remove-right {
padding-right: 0 !important;
}
.padding-top-xs {
padding-top: 8px !important;
}
.padding-top-s {
padding-top: 12px !important;
}
.padding-top-m {
padding-top: 16px !important;
}
.padding-top-l {
padding-top: 24px !important;
}
.padding-top-xl {
padding-top: 32px !important;
}
.padding-bottom-xs {
padding-bottom: 8px !important;
}
.padding-bottom-s {
padding-bottom: 12px !important;
}
.padding-bottom-m {
padding-bottom: 16px !important;
}
.padding-bottom-l {
padding-bottom: 24px !important;
}
.padding-xs {
padding: 8px !important;
}
.padding-s {
padding: 12px !important;
}
.padding-m {
padding: 16px !important;
}
.padding-l {
padding: 24px !important;
}
.padding-xl {
padding: 32px !important;
}
.padding-left-xs {
padding-left: 8px !important;
}
.padding-left-s {
padding-left: 12px !important;
}
.padding-left-m {
padding-left: 16px !important;
}
.padding-left-l {
padding-left: 24px !important;
}
.padding-right-xs {
padding-right: 8px !important;
}
.padding-right-m {
padding-right: 16px !important;
}
.padding-right-s {
padding-right: 12px !important;
}
.padding-right-xl {
padding-right: 32px !important;
}
.margin-remove {
margin: 0 !important;
}
.margin-remove-top {
margin-top: 0 !important;
}
.margin-remove-bottom {
margin-bottom: 0 !important;
}
.margin-remove-left {
margin-left: 0 !important;
}
.margin-remove-right {
margin-right: 0 !important;
}
.margin-xs {
margin: 8px !important;
}
.margin-s {
margin: 12px !important;
}
.margin-m {
margin: 16px !important;
}
.margin-l {
margin: 24px !important;
}
.margin-xl {
margin: 32px !important;
}
.margin-left-0 {
margin-left: 0 !important;
}
.margin-left-xs {
margin-left: 8px !important;
}
.margin-left-s {
margin-left: 12px !important;
}
.margin-left-m {
margin-left: 16px !important;
}
.margin-left-l {
margin-left: 24px !important;
}
.margin-left-xl {
margin-left: 32px !important;
}
.margin-bottom-xxs {
margin-bottom: 4px !important;
}
.margin-left-xxs {
margin-left: 4px !important;
}
.margin-bottom-xs {
margin-bottom: 8px !important;
}
.margin-bottom-s {
margin-bottom: 12px !important;
}
.margin-bottom-m {
margin-bottom: 16px !important;
}
.margin-bottom-l {
margin-bottom: 24px !important;
}
.margin-bottom-xl {
margin-bottom: 32px !important;
}
.margin-top-xs {
margin-top: 8px !important;
}
.margin-top-s {
margin-top: 12px !important;
}
.margin-top-m {
margin-top: 16px !important;
}
.margin-top-l {
margin-top: 24px !important;
}
.margin-top-xl {
margin-top: 32px !important;
}
.margin-right-xs {
margin-right: 8px !important;
}
.margin-right-s {
margin-right: 12px !important;
}
.margin-right-m {
margin-right: 16px !important;
}
.margin-right-l {
margin-right: 24px !important;
}
.margin-right-xl {
margin-right: 32px !important;
}
.margin-auto {
margin: auto;
}
.margin-top-auto {
margin-top: auto;
}
.margin-bottom-auto {
margin-bottom: auto;
}
.position-relative {
position: relative;
}
.font-weight-bold {
font-weight: 500 !important;
}
.font-weight-normal {
font-weight: 600 !important;
}
.font-weight-500 {
font-weight: 500 !important;
}
.page-container {
padding-left: 16px;
padding-right: 16px;
}
.z-index-1 {
z-index: 1;
}
.z-index-2 {
z-index: 2;
}
.z-index-3 {
z-index: 3;
}
.pure-g .box-xs {
box-sizing: border-box;
padding: 8px;
}
.pure-g .box-s {
box-sizing: border-box;
padding: 12px;
}
.pure-g .box-m {
box-sizing: border-box;
padding: 16px;
}
.vis-network {
outline: 0em !important;
}
.backdropBackground {
background-color: darkgrey;
opacity: 0.8 !important;
}
.mat-list-base {
margin-bottom: 0.6em !important;
}
.btn-primary {
background-color: #1B4CA1 !important;
color: white !important;
border-radius: 20px;
}
.btn-secondary {
border: 1px solid #1B4CA1 !important;
color: #1B4CA1 !important;
border-radius: 20px;
background: white !important;
}
.btn-with-out-border {
background-color: transparent !important;
color: rgba(0, 0, 0, 0.6) !important;
border: none !important;
}
.btn-common {
padding: 8px 16px !important;
font-size: 14px !important;
font-weight: 700 !important;
border-radius: 25px !important;
line-height: normal !important;
height: 35px !important;
min-height: 34px !important;
align-self: center !important;
display: inline-flex !important;
align-items: center !important;
}
.btn-disable {
opacity: 0.6;
cursor: not-allowed;
}
:root {
--mat-select-panel-background-color: #ffffff;
--mat-select-panel-text-color: rgba(0, 0, 0, 0.87);
}
::ng-deep .mat-mdc-select-panel,
::ng-deep .mdc-menu-surface.mat-mdc-select-panel {
background-color: var(--mat-select-panel-background-color) !important;
color: var(--mat-select-panel-text-color) !important;
border-radius: 4px !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}
::ng-deep .mdc-list-item.mdc-list-item--with-one-line {
background-color: var(--mat-select-panel-background-color) !important;
}
::ng-deep .mat-primary .mat-pseudo-checkbox-checked {
background-color: var(--mat-theme-primary, #1976d2);
}
.category-edit-container .mat-dialog-container {
padding: 0 !important;
}
::ng-deep .mat-nav-list.custom-class {
max-height: 100% !important;
}
.page-container {
margin-left: 0 !important;
margin-right: auto !important;
}
.search-v3 .search-tabs-group {
height: calc(100% - 52px);
}
@media only screen and (min-width: 600px) {
.search-v3 .search-tabs-group {
height: calc(100% - 56px);
}
}
::ng-deep .profile-form-field .mat-form-field-appearance-legacy,
::ng-deep .profile-form-field .mat-form-field-wrapper {
padding-bottom: 0px !important;
}
::ng-deep .profile-form-field .mat-form-field-appearance-legacy .mat-form-field-flex,
::ng-deep .profile-form-field .mat-form-field-wrapper .mat-form-field-flex {
display: flex;
align-items: center;
}
::ng-deep .profile-form-field .mat-form-field-appearance-legacy .mat-form-field-flex .mat-form-field-infix,
::ng-deep .profile-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
border-top: 0px !important;
}
::ng-deep .profile-form-field .mat-form-field-underline {
height: 0px !important;
}
::ng-deep .profile-form-field .mat-select {
padding: 12px 16px;
border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 4px;
width: calc(100% - 36px);
}
.disable-button {
opacity: 0.75;
cursor: not-allowed;
}
.input-text {
padding: 12px 16px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.14);
font-family: "Lato";
letter-spacing: 0.25px;
width: calc(100% - 36px);
margin: 7px 0px !important;
height: 24px;
}
.grid-container-25 {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-rows: auto;
gap: 24px;
}
.grid-container-33 {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: auto;
gap: 24px;
}
.role-chip {
padding: 8px 16px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.2);
color: rgba(0, 0, 0, 0.88);
text-transform: uppercase;
font-size: 14px;
}
.role-chip .mat-checkbox {
display: flex;
align-items: center;
}
.button-common-css,
.outline-button,
.action-button {
padding: 12px 16px;
border-radius: 4px;
cursor: pointer;
line-height: 16px;
font-size: 14px;
font-weight: 700;
}
.outline-button {
color: #1B4CA1;
border: 1px solid #1B4CA1;
background-color: #FFF;
}
.action-button {
color: #FFF;
background-color: #1B4CA1;
border: 1px solid #1B4CA1;
}
.successbtn {
background: #1B4CA1 !important;
}
.cancelbtn {
border: 1px solid #1B4CA1;
color: #1B4CA1 !important;
}
.justify-between {
justify-content: space-between;
}
.w-full {
width: 100%;
}
.w-48p {
width: 48% !important;
}
.w80 {
width: 95px !important;
}
.w82 {
width: 82px !important;
}
.w-minus-w80 {
max-width: calc(100% - 80px) !important;
}
.w-minus-w50 {
max-width: 50% !important;
}
@media only print {
* {
display: none !important;
width: 0px !important;
height: 0px !important;
}
}
html,
body {
margin: 0px;
font-family: "Lato";
scroll-behavior: smooth;
}
::selection {
background-color: #e0f2f1;
}
::-moz-selection {
background-color: #e0f2f1;
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
.w-lg-1-8 {
width: 12.5% !important;
}
}
.font-sans {
font-family: "Lato";
}
.font-serif {
font-family: "Lato";
}
.font-mono {
font-family:
Menlo,
Monaco,
Consolas,
"Liberation Mono",
"Courier New",
monospace;
}
.custom-scroll,
.y-scroll,
.x-scroll,
.mat-drawer-inner-container,
.mat-drawer-content,
.mat-dialog-content,
.mat-select-panel,
textarea {
-webkit-overflow-scrolling: touch;
}
.custom-scroll::-webkit-scrollbar,
.y-scroll::-webkit-scrollbar,
.x-scroll::-webkit-scrollbar,
.mat-drawer-inner-container::-webkit-scrollbar,
.mat-drawer-content::-webkit-scrollbar,
.mat-dialog-content::-webkit-scrollbar,
.mat-select-panel::-webkit-scrollbar,
textarea::-webkit-scrollbar {
width: 8px;
height: 8px;
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
.custom-scroll::-webkit-scrollbar,
.y-scroll::-webkit-scrollbar,
.x-scroll::-webkit-scrollbar,
.mat-drawer-inner-container::-webkit-scrollbar,
.mat-drawer-content::-webkit-scrollbar,
.mat-dialog-content::-webkit-scrollbar,
.mat-select-panel::-webkit-scrollbar,
textarea::-webkit-scrollbar {
width: 12px;
height: 12px;
}
}
@media only screen and (min-width: 960px) {
.custom-scroll::-webkit-scrollbar,
.y-scroll::-webkit-scrollbar,
.x-scroll::-webkit-scrollbar,
.mat-drawer-inner-container::-webkit-scrollbar,
.mat-drawer-content::-webkit-scrollbar,
.mat-dialog-content::-webkit-scrollbar,
.mat-select-panel::-webkit-scrollbar,
textarea::-webkit-scrollbar {
width: 16px;
height: 16px;
}
}
@media (hover: none) {
.custom-scroll::-webkit-scrollbar,
.y-scroll::-webkit-scrollbar,
.x-scroll::-webkit-scrollbar,
.mat-drawer-inner-container::-webkit-scrollbar,
.mat-drawer-content::-webkit-scrollbar,
.mat-dialog-content::-webkit-scrollbar,
.mat-select-panel::-webkit-scrollbar,
textarea::-webkit-scrollbar {
width: 0px !important;
height: 0px !important;
}
}
@media (pointer: coarse) {
.custom-scroll::-webkit-scrollbar,
.y-scroll::-webkit-scrollbar,
.x-scroll::-webkit-scrollbar,
.mat-drawer-inner-container::-webkit-scrollbar,
.mat-drawer-content::-webkit-scrollbar,
.mat-dialog-content::-webkit-scrollbar,
.mat-select-panel::-webkit-scrollbar,
textarea::-webkit-scrollbar {
width: 0px !important;
height: 0px !important;
}
.custom-scroll::-webkit-scrollbar::-webkit-scrollbar-track,
.y-scroll::-webkit-scrollbar::-webkit-scrollbar-track,
.x-scroll::-webkit-scrollbar::-webkit-scrollbar-track,
.mat-drawer-inner-container::-webkit-scrollbar::-webkit-scrollbar-track,
.mat-drawer-content::-webkit-scrollbar::-webkit-scrollbar-track,
.mat-dialog-content::-webkit-scrollbar::-webkit-scrollbar-track,
.mat-select-panel::-webkit-scrollbar::-webkit-scrollbar-track,
textarea::-webkit-scrollbar::-webkit-scrollbar-track {
background: transparent;
}
}
.custom-scroll::-webkit-scrollbar-track,
.y-scroll::-webkit-scrollbar-track,
.x-scroll::-webkit-scrollbar-track,
.mat-drawer-inner-container::-webkit-scrollbar-track,
.mat-drawer-content::-webkit-scrollbar-track,
.mat-dialog-content::-webkit-scrollbar-track,
.mat-select-panel::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track {
background: #cfcfcf;
}
.custom-scroll::-webkit-scrollbar-thumb,
.y-scroll::-webkit-scrollbar-thumb,
.x-scroll::-webkit-scrollbar-thumb,
.mat-drawer-inner-container::-webkit-scrollbar-thumb,
.mat-drawer-content::-webkit-scrollbar-thumb,
.mat-dialog-content::-webkit-scrollbar-thumb,
.mat-select-panel::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
background: #9e9e9e;
}
.custom-scroll::-webkit-scrollbar-thumb:hover,
.y-scroll::-webkit-scrollbar-thumb:hover,
.x-scroll::-webkit-scrollbar-thumb:hover,
.mat-drawer-inner-container::-webkit-scrollbar-thumb:hover,
.mat-drawer-content::-webkit-scrollbar-thumb:hover,
.mat-dialog-content::-webkit-scrollbar-thumb:hover,
.mat-select-panel::-webkit-scrollbar-thumb:hover,
textarea::-webkit-scrollbar-thumb:hover {
background: #707070;
}
.custom-scroll-small {
-webkit-overflow-scrolling: touch;
}
.custom-scroll-small::-webkit-scrollbar {
width: 8px;
height: 8px;
}
@media (hover: none) {
.custom-scroll-small::-webkit-scrollbar {
width: 0px !important;
height: 0px !important;
}
}
@media (pointer: coarse) {
.custom-scroll-small::-webkit-scrollbar {
width: 0px !important;
height: 0px !important;
}
.custom-scroll-small::-webkit-scrollbar::-webkit-scrollbar-track {
background: transparent;
}
}
.custom-scroll-small::-webkit-scrollbar-track {
background: #cfcfcf;
}
.custom-scroll-small::-webkit-scrollbar-thumb {
background: #9e9e9e;
}
.custom-scroll-small::-webkit-scrollbar-thumb:hover {
background: #707070;
}
.ws-nav-bar {
display: block;
transition: transform linear 0.25s;
z-index: 1;
}
.ws-nav-bar.scrolled-down {
position: sticky;
top: 0;
}
.ws-nav-bar.scrolled-down.scrolling-down {
transform: translateY(-100%);
}
.ws-nav-bar.scrolled-down.scrolling-no {
transform: translateY(-100%);
}
.ws-fixed-placeholder {
display: block;
width: 100%;
height: 56px;
}
[hidden] {
display: none !important;
}
a {
text-decoration: none !important;
color: inherit;
}
iframe {
display: block;
border: 0;
}
.mat-menu-panel {
max-width: 290px !important;
min-height: 55px !important;
}
.auto-mat-form-field-input-infix .mat-form-field-infix {
width: auto;
min-width: 2em;
}
.mat-form-field-infix {
line-height: 1.5 !important;
}
.mat-expansion-indicator::after {
margin-right: 5px;
}
mat-toolbar.mat-toolbar-row,
mat-toolbar.mat-toolbar-single-row {
height: auto;
}
.tnc-container dd {
margin-inline-start: 8px;
}
.tnc-container ul,
.tnc-container ol {
padding-inline-start: 16px;
}
.tnc-container li {
padding-inline-start: 8px;
margin-bottom: 8px;
}
.full-height-tab-group {
height: 100%;
}
.full-height-tab-group .mat-tab-body-wrapper {
height: 100%;
}
.fit-checkbox-to-width .mat-checkbox-layout {
width: 100%;
}
.fit-checkbox-to-width .mat-checkbox-label {
flex: 1;
min-width: 1px;
}
.sidenav-content-min-112 .mat-sidenav-content {
min-height: calc(100vh - 168px);
}
.content-strip {
margin-bottom: 12px;
padding: 16px;
}
@media only screen and (min-width: 600px) {
.content-strip {
padding: 16px 32px;
}
}
.keyboard-btn {
background-color: #eee;
border-radius: 3px;
border: 1px solid #b4b4b4;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
color: #333;
display: inline-block;
font-family:
consolas,
"Liberation Mono",
courier,
monospace;
font-size: 0.85em;
font-weight: 700;
line-height: 1;
padding: 2px 4px;
white-space: nowrap;
}
.container-height-adjust {
box-sizing: border-box;
height: 100% !important;
}
.special-date .mat-calendar-body-cell-content {
background-color: mediumpurple;
}
.width-1-1 {
width: 100% !important;
}
.height-1-1 {
height: 100% !important;
}
.width-1-2 {
width: 50%;
}
@media only screen and (max-width: 959px) {
.width-1-2 {
width: 100%;
}
}
.width-1-4 {
width: 20%;
}
@media only screen and (max-width: 599px) {
.width-1-4 {
width: 100%;
}
}
.width-3-4 {
width: 80%;
}
@media only screen and (max-width: 599px) {
.width-3-4 {
width: 100%;
}
}
.width-2-3 {
width: 66.66%;
}
@media only screen and (max-width: 959px) {
.width-2-3 {
width: 100%;
}
}
.width-1-3 {
width: 33.34%;
}
@media only screen and (max-width: 959px) {
.width-1-3 {
width: 100%;
}
}
.spacer {
flex: 1 1 auto;
}
mat-spinner {
display: inline-block !important;
}
area {
outline: none !important;
}
.box-sizing-box {
box-sizing: border-box;
}
.igot-content-body p:first-of-type {
display: flex;
}
@media only screen and (max-width: 959px) {
.igot-content-body p:first-of-type {
display: initial;
}
}
.igot-content-body img {
padding-bottom: 1em;
padding-right: 1em;
float: left;
width: auto;
}
@media only screen and (max-width: 959px) {
.igot-content-body img {
display: block;
float: none;
padding-right: 0;
}
}
.igot-content-video {
text-align: center !important;
}
.igot-content-video video {
min-width: 90% !important;
height: auto !important;
}
.night-mode .ql-editor.ql-blank::before {
color: rgba(0, 0, 0, 0.87);
}
.ws-widget-user-autocomplete .mat-option {
line-height: 1.3;
height: auto;
padding: 8px 16px;
min-height: 48px;
border-bottom: 1px solid rgb(231, 231, 231);
}
.x-scroll {
overflow-x: auto;
}
.y-scroll {
overflow-y: auto;
}
ws-app-kb-detail .mat-checkbox-label {
white-space: normal;
}
ws-app-role .mat-radio-label-content {
width: 100%;
display: block;
box-sizing: border-box;
}
#auth-toc .mat-drawer-inner-container {
overflow: unset;
}
h3.shepherd-title {
margin: 0px 0px 0px 0px !important;
font-weight: 600 !important;
}
.shepherd-has-title .shepherd-content .shepherd-header {
padding: 0.75rem !important;
}
.shepherd-text {
padding: 1em !important;
font-weight: 400 !important;
line-height: initial !important;
}
.tour-darkmode {
background: #303030 !important;
color: #fff;
}
.tour-darkmode .shepherd-text {
color: #fff !important;
}
.tour-darkmode .shepherd-header {
background: #333333 !important;
color: #fff !important;
}
.tour-darkmode .shepherd-arrow:before {
content: "";
transform: rotate(45deg);
background: #303030 !important;
}
.tour-darkmode h3.shepherd-title,
.tour-darkmode .shepherd-cancel-icon {
color: #fff !important;
}
.shepherd-enabled.shepherd-element {
top: 15px !important;
margin-right: 10px !important;
margin-left: 10px !important;
}
.checkbox-sidenav > div.mat-drawer-inner-container {
height: auto !important;
overflow: hidden !important;
}
.mat-stepper-horizontal-line {
margin: 0 0px !important;
}
.theme-deep-blue .day-mode .mat-header-cell {
color: #102b4e !important;
}
.mat-flat-button {
border: 1px solid;
}
#bannerColors .mat-radio-label {
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
}
#bannerColors .mat-radio-label-content {
display: flex;
padding: 0;
margin: 0;
}
#bannerColors .mat-radio-container {
margin: 0 0 0 10px;
}
.br-8 {
border-radius: 8px;
}
.mat-step-header .mat-step-icon {
background-color: transparent !important;
color: inherit;
}
.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
background-color: transparent !important;
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
color: inherit !important;
}
.mat-step-icon .mat-icon {
font-size: 32px !important;
height: 32px !important;
width: 32px !important;
}
.profile-link {
padding-left: 8px;
padding-right: 0;
padding-top: 8px;
}
.remove-pad .mat-dialog-container {
padding: 0 24px;
}
.remove-overflow .mat-dialog-container {
overflow-y: hidden !important;
}
@media only screen and (max-width: 585px) {
#bannerColors {
flex-direction: column;
}
#bannerColors .mat-radio-label {
flex-direction: row;
align-items: center;
}
}
#editmetagrp mat-tab-header {
display: none;
}
.h-700-b-14-l {
font: bold 14px Lato !important;
font-weight: 700 !important;
}
.h-400-r-14-l {
font: normal 14px Lato !important;
font-weight: 400 !important;
}
.h-600-s-20-m {
font: normal 20px Montserrat !important;
font-weight: 600 !important;
}
.h-400-r-16-l {
font: normal 16px Lato !important;
font-weight: 400 !important;
}
.color-87 {
color: rgba(0, 0, 0, 0.87) !important;
}
.color-60 {
color: rgba(0, 0, 0, 0.6) !important;
}
.color-40 {
color: rgba(0, 0, 0, 0.4) !important;
}
.color-white {
color: rgb(255, 255, 255) !important;
}
.color-primary {
color: rgb(0, 116, 182) !important;
}
.border-primary {
border: 1px solid rgb(0, 116, 182) !important;
border-radius: 4px !important;
}
.border-gray {
border: 1px solid rgba(0, 0, 0, 0.16);
border-radius: 4px;
}
.text-center {
text-align: center;
}
.theme-igot.day-mode .mat-card {
box-shadow: none;
}
.brand-color {
color: #1b4ca1;
}
.card-heading {
font-weight: 600;
font-family: "Montserrat";
font-size: 20px;
display: block;
padding: 15px 0;
}
.custom-delete {
background: #fdebdd;
border-radius: 5px;
max-width: 500px;
padding: 16px;
}
.leader-line {
z-index: 20;
}
.custom-height-odcs {
overflow: hidden;
contain: content;
}
.custom-height-odcs .app-footer {
z-index: 25;
position: relative;
}
.bulk-upload-wrapper .bulk-container,
.bulk-upload-wrapper .file-container {
box-shadow:
0px 1px 5px 0px rgba(0, 0, 0, 0.1215686275),
0px 2px 2px 0px rgba(0, 0, 0, 0.1411764706),
0px 3px 1px -2px rgba(0, 0, 0, 0.2);
padding: 24px;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.bulk-upload-wrapper .bulk-container .label,
.bulk-upload-wrapper .file-container .label {
font-size: 12px;
font-weight: 400;
color: rgba(0, 0, 0, 0.6);
}
.bulk-upload-wrapper .bulk-container .value,
.bulk-upload-wrapper .file-container .value {
font-size: 14px;
line-height: 18px;
color: rgba(0, 0, 0, 0.88);
word-break: break-all;
}
.bulk-upload-wrapper .bulk-container .outline-button,
.bulk-upload-wrapper .file-container .outline-button {
padding: 8px 16px;
}
.bulk-upload-wrapper .dashed-card {
border: 1px dashed rgba(0, 0, 0, 0.2);
padding: 20px 24px;
font-size: 14px;
}
.bulk-upload-wrapper .dashed-card .custom-ol {
margin: 0px;
padding-left: 12px;
}
.bulk-upload-wrapper .dashed-card .text-primary {
color: #1B4CA1;
font-weight: bold;
}
.bulk-upload-wrapper .error-msg {
color: #D13924;
font-weight: 600;
font-size: 14px;
}
.bulk-upload-wrapper :host ::ng-deep .common-modal {
width: 420px;
padding: 0px;
}
.bulk-upload-wrapper :host ::ng-deep .common-modal .mat-dialog-container {
border-radius: 12px;
background-color: #eee !important;
}
.bulk-upload-wrapper :host ::ng-deep .progress-modal {
width: 920px;
height: 420px;
}
.bulk-upload-wrapper :host ::ng-deep .progress-modal .mat-dialog-container {
border-radius: 4px;
background-color: #fff !important;
}
@media screen and (max-width: 641px) {
.bulk-upload-wrapper :host ::ng-deep .common-modal,
.bulk-upload-wrapper ::ng-deep .progress-modal {
max-width: 90vw !important;
}
}
.mat-btn-outline {
color: #1b4ca1 !important;
height: 40px !important;
display: flex !important;
padding: 12px 16px !important;
justify-content: center;
align-items: center;
border: 1px solid !important;
border-color: #1b4ca1 !important;
border-radius: 9999px !important;
background-color: #fff !important;
font-weight: 700;
}
.mat-btn-outline span,
.mat-btn-outline mat-icon {
color: #1b4ca1;
}
.mat-btn-flat {
color: #fff !important;
height: 40px !important;
display: flex !important;
padding: 12px 16px !important;
justify-content: center;
align-items: center;
border: 1px solid !important;
border-color: #1b4ca1 !important;
background-color: #1b4ca1 !important;
border-radius: 9999px !important;
font-weight: 700;
}
.mat-btn-flat mat-icon {
color: #1b4ca1;
}
.mat-flat-button[disabled] {
opacity: 50% !important;
}
.mat-field-rounded .mat-form-field-appearance-outline .mat-form-field-outline-end {
border-left-style: solid;
border-radius: 30px;
height: 50px;
}
.mat-field-rounded .mat-form-field-appearance-outline .mat-form-field-infix {
padding-left: 10px;
}
.mat-field-rounded .mat-form-field-appearance-outline .mat-form-field-outline-start {
min-width: 0px;
border: 0px;
}
.mat-field-rounded .mat-form-field-outline {
height: 50px;
border-radius: 30px;
}
.mat-field-rounded .mat-form-field-flex {
height: 50px;
align-items: center;
}
.mat-radio-button .mat-radio-container .mat-radio-inner-circle {
width: 19.5px !important;
transform: scale(0.7) !important;
}
.active-radio-button .mat-radio-button .mat-radio-container .mat-radio-outer-circle {
border-color: #1b4ca1 !important;
}
.mat-mdc-dialog-container .mdc-dialog__surface,
.mat-dialog-container {
border-radius: 8px !important;
box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.2392156863) !important;
}
.dialog_sidenav {
height: 100vh;
position: fixed !important;
right: 0px;
}
.dialog_sidenav .mat-dialog-container {
border-radius: 0px !important;
padding: 0px !important;
}
.mat-mdc-snack-bar-container {
background-color: black !important;
box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.2392156863) !important;
color: white !important;
opacity: 0.8 !important;
}
.course-success-snackbar {
box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.2392156863) !important;
background: #1d8923 !important;
}
.course-error-snackbar {
box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.2392156863) !important;
background: #d12e2e !important;
}
.mat-full-radius .mat-form-field-appearance-outline .mat-form-field-outline,
.mat-full-radius-select .mat-form-field-appearance-outline .mat-form-field-outline {
border-radius: 30px;
}
.mat-full-radius .mat-form-field .mat-form-field-outline-end,
.mat-full-radius-select .mat-form-field .mat-form-field-outline-end {
border-radius: 0 30px 30px 0 !important;
}
.mat-full-radius .mat-form-field .mat-form-field-outline-start,
.mat-full-radius-select .mat-form-field .mat-form-field-outline-start {
border-radius: 30px 0 0 30px !important;
flex-grow: 1;
}
.mat-full-radius .mat-form-field-appearance-outline .mat-form-field-infix,
.mat-full-radius-select .mat-form-field-appearance-outline .mat-form-field-infix {
padding: 6px 0 15px 0;
}
.mat-full-radius .mat-form-field-appearance-outline .mat-select-arrow-wrapper,
.mat-full-radius-select .mat-form-field-appearance-outline .mat-select-arrow-wrapper {
transform: translateY(5%);
}
.mat-full-radius .mat-form-field-appearance-outline .mat-form-field-flex,
.mat-full-radius-select .mat-form-field-appearance-outline .mat-form-field-flex {
padding: 0 16px 0 16px;
}
.mat-full-radius-select .mat-form-field-appearance-outline .mat-form-field-infix {
padding: 16px 0 16px 0 !important;
}
.mat-no-radius-padding .mat-form-field-appearance-outline .mat-form-field-infix {
padding: 6px 0 15px 0;
}
.mat-no-radius-padding .mat-form-field-appearance-outline .mat-select-arrow-wrapper {
transform: translateY(5%);
}
.mat-no-radius-padding .mat-form-field-appearance-outline .mat-form-field-flex {
padding: 0 16px 0 16px;
}
.new-bg-color {
background-color: #1b4ca1 !important;
}
.new-color {
color: #1b4ca1 !important;
}
.rounded-full {
border-radius: 9999px !important;
}
.text-white {
color: #fff !important;
}
.text-dark {
color: #000 !important;
}
.new-secondary-button {
background-color: transparent !important;
color: #1b4ca1 !important;
border: 1px solid #1b4ca1 !important;
line-height: 0px !important;
height: 32px;
cursor: pointer;
}
.new-secondary-button-no-border {
background-color: transparent !important;
color: #1b4ca1 !important;
border: 0px solid #1b4ca1 !important;
line-height: 0px !important;
height: 32px;
cursor: pointer;
}
.new-secondary-button-no-border[disabled] {
opacity: 50% !important;
}
.learnsearch {
margin-top: 56px !important;
}
.mat-drawer-side {
background-color: #fff !important;
}
.loading-popup-dialog-container .mat-dialog-container {
padding: 0 24px;
}
.mat-mdc-tab-group {
background: transparent;
}
.mat-mdc-tab-header {
border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.mat-mdc-tab-label-container {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-mdc-tab {
min-width: auto !important;
padding: 0 24px !important;
height: 48px !important;
opacity: 1 !important;
}
.mat-mdc-tab .mdc-tab__text-label {
font-size: 14px;
font-weight: normal;
color: #000 !important;
letter-spacing: normal !important;
font-family: Lato;
}
.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
font-weight: 700;
color: #000 !important;
}
.mat-mdc-tab .mat-ripple-element,
.mat-mdc-tab .mdc-tab__ripple {
display: none !important;
}
.mat-mdc-tab-group.mat-primary .mdc-tab-indicator__content--underline {
border-color: #1b4ca1 !important;
border-top-width: 2px !important;
border-radius: 2px;
}
.mdc-tab-indicator {
display: flex;
justify-content: center;
}
.mdc-tab-indicator__content--underline {
width: 100% !important;
}
.mat-mdc-tab-header-pagination-chevron {
border-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-tab-header-pagination {
min-width: 32px !important;
}
.mat-mdc-tab-header .mat-mdc-tab-labels {
justify-content: flex-start;
}
.mat-mdc-tab-body-content {
overflow: hidden;
}
@media (max-width: 768px) {
.mat-mdc-tab {
padding: 0 12px !important;
}
.mat-mdc-tab .mdc-tab__text-label {
font-size: 16px;
}
}
.mat-chip-list-content {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.mat-mdc-chip {
font-family: Lato, sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 14.4px;
margin: 4px;
}
.mat-mdc-chip .mdc-evolution-chip__action {
border-radius: 20px !important;
min-height: 32px;
padding: 0 12px;
}
.mat-mdc-chip .mdc-evolution-chip__text-label {
color: #5f5f5f !important;
}
.mat-mdc-chip:hover .mdc-evolution-chip__action {
background-color: #f5f5f5 !important;
}
.mat-mdc-chip.active .mdc-evolution-chip__action,
.mat-mdc-chip.mat-mdc-chip-selected .mdc-evolution-chip__action,
.mat-mdc-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action {
background-color: #1d4fa3 !important;
border-color: #1d4fa3 !important;
}
.mat-mdc-chip.active .mdc-evolution-chip__text-label,
.mat-mdc-chip.mat-mdc-chip-selected .mdc-evolution-chip__text-label,
.mat-mdc-chip.mdc-evolution-chip--selected .mdc-evolution-chip__text-label {
color: #ffffff !important;
}
.mat-mdc-chip-set .mdc-evolution-chip-set__chips {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 8px;
margin: 0;
}
.mdc-evolution-chip__text-label {
color: inherit !important;
}
.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
font-size: 16px;
font-weight: 600;
line-height: 24px;
font-family: Montserrat;
letter-spacing: normal;
margin: 0 0 16px;
color: #000;
}
.mat-mdc-card {
padding: 16px;
}
.mat-mdc-card-content {
padding: 0 !important;
}
.mat-mdc-progress-bar {
background-color: rgba(0, 0, 0, 0.1019607843) !important;
}
.mat-mdc-progress-bar {
background-color: rgba(0, 0, 0, 0.1019607843) !important;
}
.mat-mdc-progress-bar .mdc-linear-progress__bar-inner {
border-color: #f69953 !important;
}
.content-pill .mdc-evolution-chip__action {
background-color: #ccc !important;
}
.content-pill .mdc-evolution-chip__text-label {
color: #5f5f5f !important;
}
.mat-mdc-chip-selected .mdc-evolution-chip__action {
background-color: #1b4ca1 !important;
}
.mat-mdc-chip-selected .mdc-evolution-chip__text-label {
color: #fff !important;
}
.mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing {
border-color: #1b4ca1 !important;
border-width: 2px !important;
}
.mat-mdc-input-element {
caret-color: auto !important;
}
.mat-mdc-input-element:focus-visible,
.mat-mdc-form-field:focus-within {
outline: none !important;
}
.mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing {
border-color: #1b4ca1 !important;
border-width: 2px !important;
}
.mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text {
color: #fff !important;
}
.mat-mdc-option.mdc-list-item--selected {
background-color: #1B4CA1 !important;
}
.mat-mdc-option {
padding: 0 10px !important;
}
.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle {
border-color: #1B4CA1 !important;
}
.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__inner-circle {
background-color: #1B4CA1 !important;
border-color: #1B4CA1 !important;
}
.mat-mdc-radio-button .mdc-radio__background::before {
background-color: transparent !important;
}
.mat-mdc-list-option .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mat-mdc-list-option .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
background-color: #1B4CA1 !important;
border-color: #1B4CA1 !important;
}
.mat-mdc-list-option .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
color: #ffffff !important;
}
.mat-mdc-list-option .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
border-color: #ffffff !important;
}
.mat-mdc-list-option .mdc-checkbox__background {
border-color: inherit !important;
}
.mat-mdc-typography .mat-headline-5,
.mat-mdc-typography h2,
.mat-mdc-dialog-title,
.mat-mdc-card-title {
font-size: 20px !important;
font-weight: 600 !important;
line-height: 30px !important;
font-family: Montserrat, sans-serif !important;
letter-spacing: normal !important;
margin: 0 0 16px !important;
}
.mat-mdc-dialog-actions {
padding: 8px 0 !important;
display: flex !important;
flex-wrap: wrap !important;
min-height: 52px !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
.mat-mdc-button,
.mat-mdc-raised-button,
.mat-mdc-icon-button,
.mat-mdc-outlined-button,
.mat-mdc-unelevated-button,
.mat-mdc-fab,
.mat-mdc-mini-fab {
font-family: Lato, sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
}
.mat-mdc-dialog-container .mdc-dialog__surface {
display: block;
padding: 24px !important;
border-radius: 4px !important;
box-sizing: border-box;
outline: 0;
overflow: auto;
}
.mat-mdc-dialog-content {
overflow: auto;
max-height: 70vh;
}
.mat-mdc-dialog-actions.mat-mdc-dialog-actions-align-end,
.mat-mdc-dialog-actions[align=end] {
justify-content: flex-end !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.mat-mdc-dialog-title::before {
display: inline-block;
width: 0;
height: auto !important;
content: "";
vertical-align: 0;
}
.mat-mdc-form-field-icon-suffix,
.mat-mdc-form-field-icon-prefix {
padding: 0 0 0 16px;
}
.card-portrait {
border-radius: 12px;
border: 1px solid rgba(0, 0, 0, 0.08);
opacity: 1;
width: 356px !important;
min-height: 174px;
padding: 16px;
}
.mat-mdc-checkbox.mat-accent .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mat-mdc-checkbox.mat-accent .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
background-color: #1B4CA1 !important;
border-color: #1B4CA1 !important;
}
.mat-mdc-checkbox.mat-accent .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
color: #ffffff !important;
}
.mat-mdc-checkbox.mat-accent .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
border-color: #ffffff !important;
}
.mat-mdc-checkbox.mat-accent .mdc-checkbox__background {
border-color: #aaa !important;
}
.mat-full-radius .mdc-notched-outline__leading,
.mat-full-radius-select .mdc-notched-outline__leading {
border-radius: 30px 0 0 30px !important;
border-right: none !important;
width: 28px !important;
}
.mat-full-radius .mdc-notched-outline__trailing,
.mat-full-radius-select .mdc-notched-outline__trailing {
border-radius: 0 30px 30px 0 !important;
border-left: none !important;
}
.mat-full-radius .mdc-notched-outline__notch,
.mat-full-radius-select .mdc-notched-outline__notch {
border-left: none !important;
border-right: none !important;
}
.mat-mdc-text-field-wrapper {
height: auto;
}
.mat-mdc-form-field-infix {
min-height: 40px !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
padding-left: 0 !important;
}
.mat-mdc-form-field-icon-prefix {
padding-right: 2px !important;
}
.mdc-checkbox {
display: inline-block;
position: relative;
flex: 0 0 10px;
box-sizing: content-box;
width: 18px;
height: 18px;
line-height: 0;
white-space: nowrap;
cursor: pointer;
vertical-align: bottom;
padding: 10px;
margin: 0px;
}
.mob-text {
word-break: break-word;
white-space: normal;
overflow-wrap: break-word;
text-align: left;
font-size: 14px !important;
line-height: 24px;
}
.mat-drawer-container {
background: transparent !important;
}
.pagination-size-select.mat-full-radius-select .mat-mdc-form-field-infix {
padding: 4px 8px 4px 0 !important;
}
.pagination-size-select.mat-full-radius-select .mat-mdc-form-field-flex {
align-items: center !important;
}
.mat-mdc-card-header {
padding: 0 !important;
}
.filter-md {
width: 380px !important;
}
.mdc-list {
padding: 0 !important;
}
.mat-mdc-form-field {
width: 100%;
}
.mat-mdc-select-value {
display: flex;
align-items: center;
}
.mat-mdc-select-arrow-wrapper {
display: flex;
align-items: center;
}
.mat-form-field-flex,
.mat-mdc-form-field-flex {
padding: 0 !important;
margin-top: 0 !important;
}
.custom-rounded {
height: auto !important;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
font: 400 14px/21px Lato;
letter-spacing: normal;
color: #000 !important;
}
.lang-chips {
}
.lang-chips .mat-mdc-chip.matchip-custom,
.lang-chips .mdc-evolution-chip.matchip-custom {
background: transparent !important;
border: 1px solid #fff;
color: #fff !important;
cursor: pointer;
margin: 0 4px !important;
}
.lang-chips .mat-mdc-chip .mdc-evolution-chip__text-label {
color: #fff !important;
gap: 16px;
}
.lang-chips .mat-mdc-chip.matchip-custom:hover {
background: #fff !important;
border: 1px solid #fff !important;
}
.lang-chips .mat-mdc-chip.matchip-custom.mat-mdc-chip-highlighted,
.lang-chips .mat-mdc-chip.matchip-custom.mdc-evolution-chip--selected {
background: #fff !important;
border: 1px solid #fff !important;
}
.lang-chips .mat-mdc-chip.matchip-custom:hover .mdc-evolution-chip__text-label,
.lang-chips .mat-mdc-chip.matchip-custom.mat-mdc-chip-highlighted .mdc-evolution-chip__text-label,
.lang-chips .mat-mdc-chip.matchip-custom.mdc-evolution-chip--selected .mdc-evolution-chip__text-label {
color: #1b4ca1 !important;
}
.mat-mdc-dialog-surface {
background-color: transparent !important;
box-shadow: none !important;
}
.activeResource .text-active {
color: #fff !important;
}
.text-active {
color: #1a4ca1 !important;
}
.mat-toolbar.mat-primary {
--mat-toolbar-container-background-color: inherit !important;
--mat-toolbar-container-text-color: #ffffff;
}
.mdc-list-item__primary-text {
font-size: 14px !important;
font-family: "Lato" !important;
font-weight: 400 !important;
}
::ng-deep .mat-mdc-tab-group .mat-mdc-tab-header {
border-bottom: 1px solid #d9d9d9;
}
::ng-deep .mat-mdc-tab-group .mat-mdc-tab-label-container {
flex-grow: 0 !important;
}
::ng-deep .mat-mdc-tab-group .mat-mdc-tab-labels {
justify-content: flex-start !important;
}
::ng-deep .mat-mdc-tab-group .mat-mdc-tab-list {
flex-grow: 0 !important;
transform: none !important;
}
::ng-deep .mat-mdc-tab-group .mdc-tab {
min-width: auto !important;
padding: 0 24px !important;
}
.theme-igot.day-mode a[href^="/"][target=_self],
.theme-igot.day-mode a[href^=http],
.theme-igot.day-mode a[href^=mailto],
.theme-igot.day-mode a[target=_blank] {
color: #1b4ca1 !important;
background-color: inherit !important;
}
.search-v3 .search .mat-mdc-text-field-wrapper {
padding-bottom: 0 !important;
border-radius: 31px;
border: 2px solid transparent;
background:
linear-gradient(#fff, #fff) padding-box,
linear-gradient(
90deg,
#f3962f 0%,
#266de6 100%) border-box;
min-height: 36px !important;
}
.search-v3 .search .mdc-notched-outline__leading,
.search-v3 .search .mdc-notched-outline__notch,
.search-v3 .search .mdc-notched-outline__trailing {
border-color: transparent !important;
}
.search .mat-full-radius {
position: relative;
}
.search .mat-full-radius .mat-mdc-form-field {
font-size: 14px;
width: 100%;
}
.search .mat-full-radius .mat-mdc-text-field-wrapper {
height: 36px !important;
align-items: center;
}
.search .mat-full-radius .mat-mdc-form-field-flex {
height: 36px;
align-items: center;
}
.search .mat-full-radius .mat-mdc-form-field-infix {
min-height: 36px !important;
padding: 0 0 6px 0 !important;
}
.search .mat-full-radius .mat-mdc-form-field-subscript-wrapper {
display: none;
}
.search .mat-full-radius input.global-search-input-element,
.search .mat-full-radius .mdc-text-field__input.global-search-input-element {
margin-top: 8px;
padding-left: 1.5rem !important;
max-width: 80%;
}
.search-v3 .lang-btn {
margin-right: 0 !important;
}
.mdc-line-ripple {
display: none !important;
}
.search-container {
position: absolute;
top: 40px;
z-index: 999;
max-width: 710px;
min-width: 500px;
}
@media (min-width: 481px) and (max-width: 768px) {
.search-container {
min-width: 375px;
}
}
@media (max-width: 360px) {
.search-container {
min-width: 240px;
}
}
@media (min-width: 361px) and (max-width: 480px) {
.search-container {
min-width: 340px;
}
}
@media (min-width: 769px) and (max-width: 920px) {
.search-container {
min-width: 400px;
}
}
.access-settings-search-container {
position: relative !important;
top: 0 !important;
}
.search-categories mat-icon {
height: 16px;
width: 16px;
font-size: 4px;
vertical-align: middle;
}
.search-categories .mat-chip-list-content {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.search-categories .mat-mdc-chip {
font-family: Lato;
font-weight: 400;
font-size: 12px;
line-height: 14.4px;
color: #333d4c !important;
background-color: #eef1f6 !important;
margin: 4px 2px;
}
.search-categories .mat-mdc-chip.selected-search-category {
background-color: #1B4CA1 !important;
color: #ffffff !important;
}
.search-categories .mat-mdc-chip.selected-search-category mat-icon {
color: #ffffff !important;
}
.search-categories .mat-mdc-chip-set .mdc-evolution-chip-set__chips {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin: -4px;
}
.search-categories .mdc-evolution-chip {
margin: 4px;
}
.search-categories .mdc-evolution-chip__text-label {
color: inherit !important;
}
.recent-search-title {
color: rgba(36, 28, 21, 0.6509803922);
font-family: Lato;
font-weight: 400;
font-size: 14px;
line-height: 16.8px;
letter-spacing: 0%;
}
.clear-all {
color: #194593;
}
.recent-search-text {
color: #241c15;
}
.search-home-icon {
height: 15px;
}
mat-list-item {
height: 42px !important;
padding: 0 10px;
border-radius: 4px;
}
mat-list-item:hover {
background-color: #e8edf6;
}
mat-list-item .mat-icon {
color: rgba(0, 0, 0, 0.6);
width: 16px;
height: 16px;
font-size: 16px;
}
mat-list-item .mdc-list-item__content {
width: 100%;
}
.active-filters {
margin-bottom: 16px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.active-filters .mat-mdc-chip-set {
margin-right: 16px;
}
.search-results {
background-color: white;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
margin-top: 8px;
padding: 16px;
}
.search-results .see-all-results {
text-align: center;
color: #1B4CA1;
}
.search-results .no-results {
padding: 24px;
text-align: center;
color: rgba(0, 0, 0, 0.54);
}
@media (max-width: 599px) {
.search-container .search-categories .mat-button-toggle-group {
width: 100%;
display: flex;
}
.search-container .search-categories .mat-button-toggle-group .mat-button-toggle {
flex: 1;
}
}
.search-close-icon {
position: absolute;
right: 78px;
top: 8px;
}
.search-close-icon.mat-icon {
font-size: 18px;
height: 18px;
width: 18px;
}
.global-search {
height: 30px !important;
position: absolute !important;
right: 3px;
}
.disabled-search-btn {
background-color: #ffffff !important;
color: #999999 !important;
border: 1px solid rgba(0, 0, 0, 0.1607843137) !important;
}
.disabled-search-btn.mat-mdc-unelevated-button[disabled],
.disabled-search-btn.mat-mdc-raised-button[disabled] {
opacity: 1 !important;
}
.courser-pointer {
cursor: pointer;
}
.recent_link {
height: 40px;
line-height: 1;
}
.recent-search-list {
width: 100% !important;
}
.recent-search-list .mdc-list-item__content {
padding: 0 16px !important;
}
.mat-mdc-button .mdc-button__label,
.mat-mdc-unelevated-button .mdc-button__label,
.mat-mdc-raised-button .mdc-button__label,
.mat-mdc-outlined-button .mdc-button__label {
letter-spacing: normal !important;
}
.mat-mdc-form-field-infix {
width: auto !important;
}
.mat-mdc-chip-focus-overlay {
display: none;
}
.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs > .mat-mdc-tab-header .mat-mdc-tab {
flex-grow: 0 !important;
}
.mat-mdc-dialog-container {
background: #fff !important;
}
.mat-mdc-header-cell {
background-color: #F5F5F5 !important;
}
.mat-mdc-tab-body-content {
overflow-x: hidden !important;
overflow-y: auto !important;
}
.mat-mdc-text-field-wrapper {
background-color: #ffffff;
}
.search .sinput {
background: white !important;
}
.mat-mdc-dialog-container .mdc-dialog__surface,
.mat-dialog-container {
box-shadow: none !important;
}
.ws-mat-selected-home-menu {
color: #1b4ca1 !important;
box-shadow: 0 2px 0 0 #1b4ca1 !important;
}
.ws-mat-accent-border-active {
border-bottom: 2px solid #1b4ca1 !important;
}
.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-text-field__input,
.mat-mdc-select {
font-size: 14px !important;
font-weight: normal !important;
}
.search-container-listing .mdc-list-item__primary-text {
display: flex !important;
}
.search-container-listing .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
color: #fff !important;
font-size: 14px !important;
}
.search-container-listing .search-close-icon.mat-icon {
margin-right: 10px;
}
.mdc-switch__icons {
opacity: 0 !important;
}
.mat-mdc-slide-toggle-checked .mdc-switch__track::after {
background: rgba(27, 76, 161, 0.54) !important;
}
.mat-mdc-slide-toggle-checked .mdc-switch__shadow {
background: #1b4ca1 !important;
}
.mat-mdc-paginator .mat-mdc-icon-button {
--mat-icon-button-state-layer-color: transparent !important;
--mat-icon-button-ripple-color: transparent !important;
background: transparent !important;
}
.mat-mdc-paginator .mdc-icon-button__ripple,
.mat-mdc-paginator .mat-mdc-button-persistent-ripple {
display: none !important;
}
.mat-mdc-paginator-page-size-label {
white-space: nowrap !important;
}
.mat-mdc-select-trigger {
align-items: center !important;
}
.mat-mdc-select-value {
display: flex !important;
align-items: center !important;
}
.mat-mdc-menu-item-text {
height: auto;
padding: 0 6px;
font: 400 14px/21px Lato !important;
}
.search-container-listing {
display: flex;
min-width: 415px !important;
}
.search-close-icon {
right: 77px !important;
}
.filter-list .filter-pill {
height: 32px;
}
.filter-list .filter-pill mat-icon {
font-size: 16px;
margin-top: 4px;
}
.search-container-listing .search-results,
.search-container-listing .search-item,
.search-container-listing .search-text {
white-space: normal !important;
word-break: break-word;
overflow-wrap: break-word;
}
.mat-mdc-menu-item .mdc-icon-button__ripple,
.mat-mdc-menu-item .mat-mdc-button-persistent-ripple {
display: none !important;
}
.mat-mdc-menu-item .mat-mdc-button-ripple,
.mat-mdc-menu-item .mat-ripple {
display: none !important;
}
.mat-mdc-menu-item .mat-mdc-icon-button:hover,
.mat-mdc-menu-item .mat-mdc-icon-button:focus {
background: transparent !important;
}
.search-categories {
opacity: 1 !important;
}
.search-categories .selected-search-category .mdc-evolution-chip__text-label {
color: #fff !important;
font-size: 14px !important;
}
.search-categories .mat-mdc-chip:not(.selected-search-category) .mdc-evolution-chip__text-label {
color: #1b4ca1 !important;
}
.search-categories mat-chip-list {
display: flex;
flex-wrap: wrap;
}
.search-categories .selected-search-category {
--mdc-chip-hover-state-layer-opacity: 0;
--mdc-chip-focus-state-layer-opacity: 0;
--mdc-chip-pressed-state-layer-opacity: 0;
}
.search-categories .selected-search-category .mdc-evolution-chip__action,
.search-categories .selected-search-category .mdc-evolution-chip__cell,
.search-categories .selected-search-category .mdc-evolution-chip__action:hover,
.search-categories .selected-search-category .mdc-evolution-chip__cell:hover {
background: transparent !important;
}
.search-categories .selected-search-category::before,
.search-categories .selected-search-category::after,
.search-categories .selected-search-category .mdc-evolution-chip__action::before,
.search-categories .selected-search-category .mdc-evolution-chip__action::after {
opacity: 0 !important;
background: transparent !important;
}
.search-people-card {
overflow: hidden !important;
}
.search-event-card {
overflow: hidden !important;
}
.search-community-card {
overflow: hidden !important;
}
.addCardButtonNew {
padding: 5px 10px !important;
height: auto !important;
width: 90px;
}
.addCardButtonNew .mat-icon {
margin: 5px 10px !important;
vertical-align: middle !important;
}
.cra-languages-dropdown .cra-chips {
background: #1b4ca1 !important;
}
.cra-languages-dropdown .cra-chips .mdc-evolution-chip__text-label {
color: #fff !important;
font-size: 14px !important;
}
.cra-languages-dropdown .cra-chips .mat-icon {
color: #fff !important;
}
.cra-languages-dropdown .cra-chips .mdc-evolution-chip__action,
.cra-languages-dropdown .cra-chips .mdc-evolution-chip__cell,
.cra-languages-dropdown .cra-chips .mdc-evolution-chip__action:hover,
.cra-languages-dropdown .cra-chips .mdc-evolution-chip__cell:hover {
background: transparent !important;
}
.cra-languages-dropdown .cra-chips::before,
.cra-languages-dropdown .cra-chips::after,
.cra-languages-dropdown .cra-chips .mdc-evolution-chip__action::before,
.cra-languages-dropdown .cra-chips .mdc-evolution-chip__action::after {
opacity: 0 !important;
background: transparent !important;
}
.cra-languages-dropdown .mat-mdc-select-value {
margin-top: 5px;
}
.cra-languages-dropdown input {
margin-top: 10px;
}
.cra-languages-dropdown .placeholder-text {
padding-left: 10px;
}
.sticky-search-container {
top: -10px !important;
}
.round-control .mat-mdc-form-field-infix {
margin-top: 10px;
}
.round-control .mat-icon {
padding-top: 0 !important;
margin-top: 0 !important;
}
.user-type-checkboxes .mat-icon {
vertical-align: middle;
margin: 0 10px;
}
.compbutton {
background: #1b4ca1 !important;
color: #fff !important;
border: 1px solid #1b4ca1 !important;
}
.action-manage-selection button .mat-icon {
vertical-align: middle;
margin-top: 10px;
}
.selections-options mat-select {
margin-top: 5px;
}
.date-filter .mat-mdc-form-field-flex {
height: 40px !important;
}
.mat-mdc-select-arrow svg {
fill: #666 !important;
}
.mat-mdc-form-field.mat-focused .mat-mdc-select-arrow svg {
fill: #1b4ca1 !important;
}
.global-search-content .mat-btn-flat {
right: 3px;
top: 3px;
}
.global-search-content .mat-form-field {
padding-left: 0 !important;
padding-right: 0 !important;
}
.global-search-content mat-form-field {
padding-left: 0 !important;
padding-right: 0 !important;
}
.global-search-content .mat-form-field {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* node_modules/shepherd.js/dist/css/shepherd.css */
.shepherd-element {
background: #fff;
border-radius: 5px;
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
max-width: 400px;
opacity: 0;
outline: none;
transition: opacity .3s, visibility .3s;
visibility: hidden;
width: 100%;
z-index: 9999;
}
.shepherd-enabled.shepherd-element {
opacity: 1;
visibility: visible;
}
.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered) {
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.shepherd-element,
.shepherd-element *,
.shepherd-element :after,
.shepherd-element :before {
box-sizing: border-box;
}
.shepherd-arrow,
.shepherd-arrow:before {
position: absolute;
width: 16px;
height: 16px;
z-index: -1;
}
.shepherd-arrow:before {
content: "";
transform: rotate(45deg);
background: #fff;
}
.shepherd-element[data-popper-placement^=top] > .shepherd-arrow {
bottom: -8px;
}
.shepherd-element[data-popper-placement^=bottom] > .shepherd-arrow {
top: -8px;
}
.shepherd-element[data-popper-placement^=left] > .shepherd-arrow {
right: -8px;
}
.shepherd-element[data-popper-placement^=right] > .shepherd-arrow {
left: -8px;
}
.shepherd-element.shepherd-centered > .shepherd-arrow {
opacity: 0;
}
.shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow:before {
background-color: #e6e6e6;
}
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target * {
pointer-events: none;
}
.shepherd-modal-overlay-container {
-ms-filter: progid:dximagetransform.microsoft.gradient.alpha(Opacity=50);
filter: alpha(opacity=50);
height: 0;
left: 0;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: fixed;
top: 0;
transition:
all .3s ease-out,
height 0ms .3s,
opacity .3s 0ms;
width: 100vw;
z-index: 9997;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible {
height: 100vh;
opacity: .5;
transition:
all .3s ease-out,
height 0s 0s,
opacity .3s 0s;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible path {
pointer-events: all;
}
.shepherd-content {
border-radius: 5px;
outline: none;
padding: 0;
}
.shepherd-footer {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
display: flex;
justify-content: flex-end;
padding: 0 .75rem .75rem;
}
.shepherd-footer .shepherd-button:last-child {
margin-right: 0;
}
.shepherd-header {
align-items: center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display: flex;
justify-content: flex-end;
line-height: 2em;
padding: .75rem .75rem 0;
}
.shepherd-has-title .shepherd-content .shepherd-header {
background: #e6e6e6;
padding: 1em;
}
.shepherd-text {
color: rgba(0, 0, 0, .75);
font-size: 1rem;
line-height: 1.3em;
max-height: 30vh;
overflow: scroll;
padding: .75em;
}
.shepherd-text p {
margin-top: 0;
}
.shepherd-text p:last-child {
margin-bottom: 0;
}
.shepherd-button {
background: #3288e6;
border: 0;
border-radius: 3px;
color: hsla(0, 0%, 100%, .75);
cursor: pointer;
margin-right: .5rem;
padding: .5rem 1.5rem;
transition: all .5s ease;
}
.shepherd-button:not(:disabled):hover {
background: #196fcc;
color: hsla(0, 0%, 100%, .75);
}
.shepherd-button.shepherd-button-secondary {
background: #f1f2f3;
color: rgba(0, 0, 0, .75);
}
.shepherd-button.shepherd-button-secondary:not(:disabled):hover {
background: #d6d9db;
color: rgba(0, 0, 0, .75);
}
.shepherd-button:disabled {
cursor: not-allowed;
}
.shepherd-cancel-icon {
background: transparent;
border: none;
color: hsla(0, 0%, 50.2%, .75);
font-size: 2em;
cursor: pointer;
font-weight: 400;
margin: 0;
padding: 0;
transition: color .5s ease;
}
.shepherd-cancel-icon:hover {
color: rgba(0, 0, 0, .75);
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon {
color: hsla(0, 0%, 50.2%, .75);
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover {
color: rgba(0, 0, 0, .75);
}
.shepherd-title {
color: rgba(0, 0, 0, .75);
display: flex;
font-size: 1rem;
font-weight: 400;
flex: 1 0 auto;
margin: 0;
padding: 0;
}
/* node_modules/pdfjs-dist/web/pdf_viewer.css */
.messageBar {
--closing-button-icon:url("./media/messageBar_closingButton-2U2ESOL3.svg");
--message-bar-close-button-color:var(--text-primary-color);
--message-bar-close-button-color-hover:var(--text-primary-color);
--message-bar-close-button-border-radius:4px;
--message-bar-close-button-border:none;
--message-bar-close-button-hover-bg-color:rgb(21 20 26 / 0.14);
--message-bar-close-button-active-bg-color:rgb(21 20 26 / 0.21);
--message-bar-close-button-focus-bg-color:rgb(21 20 26 / 0.07);
}
@media (prefers-color-scheme: dark) {
.messageBar {
--message-bar-close-button-hover-bg-color:rgb(251 251 254 / 0.14);
--message-bar-close-button-active-bg-color:rgb(251 251 254 / 0.21);
--message-bar-close-button-focus-bg-color:rgb(251 251 254 / 0.07);
}
}
@media screen and (forced-colors: active) {
.messageBar {
--message-bar-close-button-color:ButtonText;
--message-bar-close-button-border:1px solid ButtonText;
--message-bar-close-button-hover-bg-color:ButtonText;
--message-bar-close-button-active-bg-color:ButtonText;
--message-bar-close-button-focus-bg-color:ButtonText;
--message-bar-close-button-color-hover:HighlightText;
}
}
.messageBar {
display: flex;
position: relative;
padding: 8px 8px 8px 16px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border-radius: 4px;
border: 1px solid var(--message-bar-border-color);
background: var(--message-bar-bg-color);
color: var(--message-bar-fg-color);
}
.messageBar > div {
display: flex;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}
:is(.messageBar > div)::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
-webkit-mask-image: var(--message-bar-icon);
mask-image: var(--message-bar-icon);
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--message-bar-icon-color);
flex-shrink: 0;
}
.messageBar button {
cursor: pointer;
}
:is(.messageBar button):focus-visible {
outline: var(--focus-ring-outline);
outline-offset: 2px;
}
.messageBar .closeButton {
width: 32px;
height: 32px;
background: none;
border-radius: var(--message-bar-close-button-border-radius);
border: var(--message-bar-close-button-border);
display: flex;
align-items: center;
justify-content: center;
}
:is(.messageBar .closeButton)::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
-webkit-mask-image: var(--closing-button-icon);
mask-image: var(--closing-button-icon);
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--message-bar-close-button-color);
}
:is(.messageBar .closeButton):is(:hover, :active, :focus)::before {
background-color: var(--message-bar-close-button-color-hover);
}
:is(.messageBar .closeButton):hover {
background-color: var(--message-bar-close-button-hover-bg-color);
}
:is(.messageBar .closeButton):active {
background-color: var(--message-bar-close-button-active-bg-color);
}
:is(.messageBar .closeButton):focus {
background-color: var(--message-bar-close-button-focus-bg-color);
}
:is(.messageBar .closeButton) > span {
display: inline-block;
width: 0;
height: 0;
overflow: hidden;
}
#editorUndoBar {
--text-primary-color:#15141a;
--message-bar-icon:url("./media/secondaryToolbarButton-documentProperties-RHGJ2YZA.svg");
--message-bar-icon-color:#0060df;
--message-bar-bg-color:#deeafc;
--message-bar-fg-color:var(--text-primary-color);
--message-bar-border-color:rgb(0 0 0 / 0.08);
--undo-button-bg-color:rgb(21 20 26 / 0.07);
--undo-button-bg-color-hover:rgb(21 20 26 / 0.14);
--undo-button-bg-color-active:rgb(21 20 26 / 0.21);
--undo-button-fg-color:var(--message-bar-fg-color);
--undo-button-fg-color-hover:var(--undo-button-fg-color);
--undo-button-fg-color-active:var(--undo-button-fg-color);
--focus-ring-color:#0060df;
--focus-ring-outline:2px solid var(--focus-ring-color);
}
@media (prefers-color-scheme: dark) {
#editorUndoBar {
--text-primary-color:#fbfbfe;
--message-bar-icon-color:#73a7f3;
--message-bar-bg-color:#003070;
--message-bar-border-color:rgb(255 255 255 / 0.08);
--undo-button-bg-color:rgb(255 255 255 / 0.08);
--undo-button-bg-color-hover:rgb(255 255 255 / 0.14);
--undo-button-bg-color-active:rgb(255 255 255 / 0.21);
}
}
@media screen and (forced-colors: active) {
#editorUndoBar {
--text-primary-color:CanvasText;
--message-bar-icon-color:CanvasText;
--message-bar-bg-color:Canvas;
--message-bar-border-color:CanvasText;
--undo-button-bg-color:ButtonText;
--undo-button-bg-color-hover:SelectedItem;
--undo-button-bg-color-active:SelectedItem;
--undo-button-fg-color:ButtonFace;
--undo-button-fg-color-hover:SelectedItemText;
--undo-button-fg-color-active:SelectedItemText;
--focus-ring-color:CanvasText;
}
}
#editorUndoBar {
position: fixed;
top: 50px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
padding-block: 8px;
padding-inline: 16px 8px;
font: menu;
font-size: 15px;
cursor: default;
}
#editorUndoBar button {
cursor: pointer;
}
#editorUndoBar #editorUndoBarUndoButton {
border-radius: 4px;
font-weight: 590;
line-height: 19.5px;
color: var(--undo-button-fg-color);
border: none;
padding: 4px 16px;
margin-inline-start: 8px;
height: 32px;
background-color: var(--undo-button-bg-color);
}
:is(#editorUndoBar #editorUndoBarUndoButton):hover {
background-color: var(--undo-button-bg-color-hover);
color: var(--undo-button-fg-color-hover);
}
:is(#editorUndoBar #editorUndoBarUndoButton):active {
background-color: var(--undo-button-bg-color-active);
color: var(--undo-button-fg-color-active);
}
#editorUndoBar > div {
align-items: center;
}
.dialog {
--dialog-bg-color:white;
--dialog-border-color:white;
--dialog-shadow:0 2px 14px 0 rgb(58 57 68 / 0.2);
--text-primary-color:#15141a;
--text-secondary-color:#5b5b66;
--hover-filter:brightness(0.9);
--focus-ring-color:#0060df;
--focus-ring-outline:2px solid var(--focus-ring-color);
--link-fg-color:#0060df;
--link-hover-fg-color:#0250bb;
--separator-color:#f0f0f4;
--textarea-border-color:#8f8f9d;
--textarea-bg-color:white;
--textarea-fg-color:var(--text-secondary-color);
--radio-bg-color:#f0f0f4;
--radio-checked-bg-color:#fbfbfe;
--radio-border-color:#8f8f9d;
--radio-checked-border-color:#0060df;
--button-secondary-bg-color:#f0f0f4;
--button-secondary-fg-color:var(--text-primary-color);
--button-secondary-border-color:var(--button-secondary-bg-color);
--button-secondary-hover-bg-color:var(--button-secondary-bg-color);
--button-secondary-hover-fg-color:var(--button-secondary-fg-color);
--button-secondary-hover-border-color:var(--button-secondary-hover-bg-color);
--button-primary-bg-color:#0060df;
--button-primary-fg-color:#fbfbfe;
--button-primary-border-color:var(--button-primary-bg-color);
--button-primary-hover-bg-color:var(--button-primary-bg-color);
--button-primary-hover-fg-color:var(--button-primary-fg-color);
--button-primary-hover-border-color:var(--button-primary-hover-bg-color);
}
@media (prefers-color-scheme: dark) {
.dialog {
--dialog-bg-color:#1c1b22;
--dialog-border-color:#1c1b22;
--dialog-shadow:0 2px 14px 0 #15141a;
--text-primary-color:#fbfbfe;
--text-secondary-color:#cfcfd8;
--focus-ring-color:#0df;
--hover-filter:brightness(1.4);
--link-fg-color:#0df;
--link-hover-fg-color:#80ebff;
--separator-color:#52525e;
--textarea-bg-color:#42414d;
--radio-bg-color:#2b2a33;
--radio-checked-bg-color:#15141a;
--radio-checked-border-color:#0df;
--button-secondary-bg-color:#2b2a33;
--button-primary-bg-color:#0df;
--button-primary-fg-color:#15141a;
}
}
@media screen and (forced-colors: active) {
.dialog {
--dialog-bg-color:Canvas;
--dialog-border-color:CanvasText;
--dialog-shadow:none;
--text-primary-color:CanvasText;
--text-secondary-color:CanvasText;
--hover-filter:none;
--focus-ring-color:ButtonBorder;
--link-fg-color:LinkText;
--link-hover-fg-color:LinkText;
--separator-color:CanvasText;
--textarea-border-color:ButtonBorder;
--textarea-bg-color:Field;
--textarea-fg-color:ButtonText;
--radio-bg-color:ButtonFace;
--radio-checked-bg-color:ButtonFace;
--radio-border-color:ButtonText;
--radio-checked-border-color:ButtonText;
--button-secondary-bg-color:ButtonFace;
--button-secondary-fg-color:ButtonText;
--button-secondary-border-color:ButtonText;
--button-secondary-hover-bg-color:AccentColor;
--button-secondary-hover-fg-color:AccentColorText;
--button-primary-bg-color:ButtonText;
--button-primary-fg-color:ButtonFace;
--button-primary-hover-bg-color:AccentColor;
--button-primary-hover-fg-color:AccentColorText;
}
}
.dialog {
font: message-box;
font-size: 13px;
font-weight: 400;
line-height: 150%;
border-radius: 4px;
padding: 12px 16px;
border: 1px solid var(--dialog-border-color);
background: var(--dialog-bg-color);
color: var(--text-primary-color);
box-shadow: var(--dialog-shadow);
}
:is(.dialog .mainContainer) *:focus-visible {
outline: var(--focus-ring-outline);
outline-offset: 2px;
}
:is(.dialog .mainContainer) .title {
display: flex;
width: auto;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
gap: 12px;
}
:is(:is(.dialog .mainContainer) .title) > span {
font-size: 13px;
font-style: normal;
font-weight: 590;
line-height: 150%;
}
:is(.dialog .mainContainer) .dialogSeparator {
width: 100%;
height: 0;
margin-block: 4px;
border-top: 1px solid var(--separator-color);
border-bottom: none;
}
:is(.dialog .mainContainer) .dialogButtonsGroup {
display: flex;
gap: 12px;
align-self: flex-end;
}
:is(.dialog .mainContainer) .radio {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
:is(:is(.dialog .mainContainer) .radio) > .radioButton {
display: flex;
gap: 8px;
align-self: stretch;
align-items: center;
}
:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: var(--radio-bg-color);
border: 1px solid var(--radio-border-color);
}
:is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):hover {
filter: var(--hover-filter);
}
:is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):checked {
background-color: var(--radio-checked-bg-color);
border: 4px solid var(--radio-checked-border-color);
}
:is(:is(.dialog .mainContainer) .radio) > .radioLabel {
display: flex;
padding-inline-start: 24px;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
:is(:is(:is(.dialog .mainContainer) .radio) > .radioLabel) > span {
flex: 1 0 0;
font-size: 11px;
color: var(--text-secondary-color);
}
:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton)) {
border-radius: 4px;
border: 1px solid;
font: menu;
font-weight: 600;
padding: 4px 16px;
width: auto;
height: 32px;
}
:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton))):hover {
cursor: pointer;
filter: var(--hover-filter);
}
.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton))) {
color: var(--button-secondary-fg-color);
background-color: var(--button-secondary-bg-color);
border-color: var(--button-secondary-border-color);
}
.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton))):hover {
color: var(--button-secondary-hover-fg-color);
background-color: var(--button-secondary-hover-bg-color);
border-color: var(--button-secondary-hover-border-color);
}
.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton))) {
color: var(--button-primary-fg-color);
background-color: var(--button-primary-bg-color);
border-color: var(--button-primary-border-color);
opacity: 1;
}
.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton))):hover {
color: var(--button-primary-hover-fg-color);
background-color: var(--button-primary-hover-bg-color);
border-color: var(--button-primary-hover-border-color);
}
:is(.dialog .mainContainer) a {
color: var(--link-fg-color);
}
:is(:is(.dialog .mainContainer) a):hover {
color: var(--link-hover-fg-color);
}
:is(.dialog .mainContainer) textarea {
font: inherit;
padding: 8px;
resize: none;
margin: 0;
box-sizing: border-box;
border-radius: 4px;
border: 1px solid var(--textarea-border-color);
background: var(--textarea-bg-color);
color: var(--textarea-fg-color);
}
:is(:is(.dialog .mainContainer) textarea):focus {
outline-offset: 0;
border-color: transparent;
}
:is(:is(.dialog .mainContainer) textarea):disabled {
pointer-events: none;
opacity: 0.4;
}
:is(.dialog .mainContainer) .messageBar {
--message-bar-bg-color:#ffebcd;
--message-bar-fg-color:#15141a;
--message-bar-border-color:rgb(0 0 0 / 0.08);
--message-bar-icon:url("./media/messageBar_warning-YT4XVPOS.svg");
--message-bar-icon-color:#cd411e;
}
@media (prefers-color-scheme: dark) {
:is(.dialog .mainContainer) .messageBar {
--message-bar-bg-color:#5a3100;
--message-bar-fg-color:#fbfbfe;
--message-bar-border-color:rgb(255 255 255 / 0.08);
--message-bar-icon-color:#e49c49;
}
}
@media screen and (forced-colors: active) {
:is(.dialog .mainContainer) .messageBar {
--message-bar-bg-color:HighlightText;
--message-bar-fg-color:CanvasText;
--message-bar-border-color:CanvasText;
--message-bar-icon-color:CanvasText;
}
}
:is(.dialog .mainContainer) .messageBar {
align-self: stretch;
}
:is(:is(:is(.dialog .mainContainer) .messageBar) > div)::before,
:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div {
margin-block: 4px;
}
:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
flex: 1 0 0;
}
:is(:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div) .title {
font-size: 13px;
font-weight: 590;
}
:is(:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div) .description {
font-size: 13px;
}
:is(.dialog .mainContainer) .toggler {
display: flex;
align-items: center;
gap: 8px;
align-self: stretch;
}
:is(:is(.dialog .mainContainer) .toggler) > .togglerLabel {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.textLayer {
position: absolute;
text-align: initial;
inset: 0;
overflow: clip;
opacity: 1;
line-height: 1;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
forced-color-adjust: none;
transform-origin: 0 0;
caret-color: CanvasText;
z-index: 0;
}
.textLayer.highlighting {
touch-action: none;
}
.textLayer :is(span, br) {
color: transparent;
position: absolute;
white-space: pre;
cursor: text;
transform-origin: 0% 0%;
}
.textLayer > :not(.markedContent),
.textLayer .markedContent span:not(.markedContent) {
z-index: 1;
}
.textLayer span.markedContent {
top: 0;
height: 0;
}
.textLayer span[role=img] {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: default;
}
.textLayer .highlight {
--highlight-bg-color:rgb(180 0 170 / 0.25);
--highlight-selected-bg-color:rgb(0 100 0 / 0.25);
--highlight-backdrop-filter:none;
--highlight-selected-backdrop-filter:none;
}
@media screen and (forced-colors: active) {
.textLayer .highlight {
--highlight-bg-color:transparent;
--highlight-selected-bg-color:transparent;
--highlight-backdrop-filter:var(--hcm-highlight-filter);
--highlight-selected-backdrop-filter:var( --hcm-highlight-selected-filter );
}
}
.textLayer .highlight {
margin: -1px;
padding: 1px;
background-color: var(--highlight-bg-color);
-webkit-backdrop-filter: var(--highlight-backdrop-filter);
backdrop-filter: var(--highlight-backdrop-filter);
border-radius: 4px;
}
.appended:is(.textLayer .highlight) {
position: initial;
}
.begin:is(.textLayer .highlight) {
border-radius: 4px 0 0 4px;
}
.end:is(.textLayer .highlight) {
border-radius: 0 4px 4px 0;
}
.middle:is(.textLayer .highlight) {
border-radius: 0;
}
.selected:is(.textLayer .highlight) {
background-color: var(--highlight-selected-bg-color);
-webkit-backdrop-filter: var(--highlight-selected-backdrop-filter);
backdrop-filter: var(--highlight-selected-backdrop-filter);
}
.textLayer ::-moz-selection {
background: rgba(0 0 255 / 0.25);
background: color-mix(in srgb, AccentColor, transparent 75%);
}
.textLayer ::selection {
background: rgba(0 0 255 / 0.25);
background: color-mix(in srgb, AccentColor, transparent 75%);
}
.textLayer br::-moz-selection {
background: transparent;
}
.textLayer br::selection {
background: transparent;
}
.textLayer .endOfContent {
display: block;
position: absolute;
inset: 100% 0 0;
z-index: 0;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.textLayer.selecting .endOfContent {
top: 0;
}
.annotationLayer {
--annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,");
--input-focus-border-color:Highlight;
--input-focus-outline:1px solid Canvas;
--input-unfocused-border-color:transparent;
--input-disabled-border-color:transparent;
--input-hover-border-color:black;
--link-outline:none;
}
@media screen and (forced-colors: active) {
.annotationLayer {
--input-focus-border-color:CanvasText;
--input-unfocused-border-color:ActiveText;
--input-disabled-border-color:GrayText;
--input-hover-border-color:Highlight;
--link-outline:1.5px solid LinkText;
}
.annotationLayer .textWidgetAnnotation :is(input, textarea):required,
.annotationLayer .choiceWidgetAnnotation select:required,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
outline: 1.5px solid selectedItem;
}
.annotationLayer .linkAnnotation {
outline: var(--link-outline);
}
:is(.annotationLayer .linkAnnotation):hover {
-webkit-backdrop-filter: var(--hcm-highlight-filter);
backdrop-filter: var(--hcm-highlight-filter);
}
:is(.annotationLayer .linkAnnotation) > a:hover {
opacity: 0 !important;
background: none !important;
box-shadow: none;
}
.annotationLayer .popupAnnotation .popup {
outline: calc(1.5px * var(--scale-factor)) solid CanvasText !important;
background-color: ButtonFace !important;
color: ButtonText !important;
}
.annotationLayer .highlightArea:hover::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-backdrop-filter: var(--hcm-highlight-filter);
backdrop-filter: var(--hcm-highlight-filter);
content: "";
pointer-events: none;
}
.annotationLayer .popupAnnotation.focused .popup {
outline: calc(3px * var(--scale-factor)) solid Highlight !important;
}
}
.annotationLayer {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
transform-origin: 0 0;
}
.annotationLayer[data-main-rotation="90"] .norotate {
transform: rotate(270deg) translateX(-100%);
}
.annotationLayer[data-main-rotation="180"] .norotate {
transform: rotate(180deg) translate(-100%, -100%);
}
.annotationLayer[data-main-rotation="270"] .norotate {
transform: rotate(90deg) translateY(-100%);
}
.annotationLayer.disabled section,
.annotationLayer.disabled .popup {
pointer-events: none;
}
.annotationLayer .annotationContent {
position: absolute;
width: 100%;
height: 100%;
pointer-events: none;
}
.freetext:is(.annotationLayer .annotationContent) {
background: transparent;
border: none;
inset: 0;
overflow: visible;
white-space: nowrap;
font: 10px sans-serif;
line-height: 1.35;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.annotationLayer section {
position: absolute;
text-align: initial;
pointer-events: auto;
box-sizing: border-box;
transform-origin: 0 0;
}
:is(.annotationLayer section):has(div.annotationContent) canvas.annotationContent {
display: none;
}
.textLayer.selecting ~ .annotationLayer section {
pointer-events: none;
}
.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a {
position: absolute;
font-size: 1em;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover {
opacity: 0.2;
background-color: rgb(255 255 0);
box-shadow: 0 2px 10px rgb(255 255 0);
}
.annotationLayer .linkAnnotation.hasBorder:hover {
background-color: rgb(255 255 0 / 0.2);
}
.annotationLayer .hasBorder {
background-size: 100% 100%;
}
.annotationLayer .textAnnotation img {
position: absolute;
cursor: pointer;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.annotationLayer .textWidgetAnnotation :is(input, textarea),
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
background-image: var(--annotation-unfocused-field-background);
border: 2px solid var(--input-unfocused-border-color);
box-sizing: border-box;
font: calc(9px * var(--scale-factor)) sans-serif;
height: 100%;
margin: 0;
vertical-align: top;
width: 100%;
}
.annotationLayer .textWidgetAnnotation :is(input, textarea):required,
.annotationLayer .choiceWidgetAnnotation select:required,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
outline: 1.5px solid red;
}
.annotationLayer .choiceWidgetAnnotation select option {
padding: 0;
}
.annotationLayer .buttonWidgetAnnotation.radioButton input {
border-radius: 50%;
}
.annotationLayer .textWidgetAnnotation textarea {
resize: none;
}
.annotationLayer .textWidgetAnnotation [disabled]:is(input, textarea),
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] {
background: none;
border: 2px solid var(--input-disabled-border-color);
cursor: not-allowed;
}
.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover {
border: 2px solid var(--input-hover-border-color);
}
.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover {
border-radius: 2px;
}
.annotationLayer .textWidgetAnnotation :is(input, textarea):focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
background: none;
border: 2px solid var(--input-focus-border-color);
border-radius: 2px;
outline: var(--input-focus-outline);
}
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus {
background-image: none;
background-color: transparent;
}
.annotationLayer .buttonWidgetAnnotation.checkBox :focus {
border: 2px solid var(--input-focus-border-color);
border-radius: 2px;
outline: var(--input-focus-outline);
}
.annotationLayer .buttonWidgetAnnotation.radioButton :focus {
border: 2px solid var(--input-focus-border-color);
outline: var(--input-focus-outline);
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
background-color: CanvasText;
content: "";
display: block;
position: absolute;
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
height: 80%;
left: 45%;
width: 1px;
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before {
transform: rotate(45deg);
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
transform: rotate(-45deg);
}
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
border-radius: 50%;
height: 50%;
left: 25%;
top: 25%;
width: 50%;
}
.annotationLayer .textWidgetAnnotation input.comb {
font-family: monospace;
padding-left: 2px;
padding-right: 0;
}
.annotationLayer .textWidgetAnnotation input.comb:focus {
width: 103%;
}
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.annotationLayer .fileAttachmentAnnotation .popupTriggerArea {
height: 100%;
width: 100%;
}
.annotationLayer .popupAnnotation {
position: absolute;
font-size: calc(9px * var(--scale-factor));
pointer-events: none;
width: -moz-max-content;
width: max-content;
max-width: 45%;
height: auto;
}
.annotationLayer .popup {
background-color: rgb(255 255 153);
box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgb(136 136 136);
border-radius: calc(2px * var(--scale-factor));
outline: 1.5px solid rgb(255 255 74);
padding: calc(6px * var(--scale-factor));
cursor: pointer;
font: message-box;
white-space: normal;
word-wrap: break-word;
pointer-events: auto;
}
.annotationLayer .popupAnnotation.focused .popup {
outline-width: 3px;
}
.annotationLayer .popup * {
font-size: calc(9px * var(--scale-factor));
}
.annotationLayer .popup > .header {
display: inline-block;
}
.annotationLayer .popup > .header h1 {
display: inline;
}
.annotationLayer .popup > .header .popupDate {
display: inline-block;
margin-left: calc(5px * var(--scale-factor));
width: -moz-fit-content;
width: fit-content;
}
.annotationLayer .popupContent {
border-top: 1px solid rgb(51 51 51);
margin-top: calc(2px * var(--scale-factor));
padding-top: calc(2px * var(--scale-factor));
}
.annotationLayer .richText > * {
white-space: pre-wrap;
font-size: calc(9px * var(--scale-factor));
}
.annotationLayer .popupTriggerArea {
cursor: pointer;
}
.annotationLayer section svg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.annotationLayer .annotationTextContent {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
}
:is(.annotationLayer .annotationTextContent) span {
width: 100%;
display: inline-block;
}
.annotationLayer svg.quadrilateralsContainer {
contain: strict;
width: 0;
height: 0;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
:root {
--xfa-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,");
--xfa-focus-outline:auto;
}
@media screen and (forced-colors: active) {
:root {
--xfa-focus-outline:2px solid CanvasText;
}
.xfaLayer *:required {
outline: 1.5px solid selectedItem;
}
}
.xfaLayer {
background-color: transparent;
}
.xfaLayer .highlight {
margin: -1px;
padding: 1px;
background-color: rgb(239 203 237);
border-radius: 4px;
}
.xfaLayer .highlight.appended {
position: initial;
}
.xfaLayer .highlight.begin {
border-radius: 4px 0 0 4px;
}
.xfaLayer .highlight.end {
border-radius: 0 4px 4px 0;
}
.xfaLayer .highlight.middle {
border-radius: 0;
}
.xfaLayer .highlight.selected {
background-color: rgb(203 223 203);
}
.xfaPage {
overflow: hidden;
position: relative;
}
.xfaContentarea {
position: absolute;
}
.xfaPrintOnly {
display: none;
}
.xfaLayer {
position: absolute;
text-align: initial;
top: 0;
left: 0;
transform-origin: 0 0;
line-height: 1.2;
}
.xfaLayer * {
color: inherit;
font: inherit;
font-style: inherit;
font-weight: inherit;
font-kerning: inherit;
letter-spacing: -0.01px;
text-align: inherit;
text-decoration: inherit;
box-sizing: border-box;
background-color: transparent;
padding: 0;
margin: 0;
pointer-events: auto;
line-height: inherit;
}
.xfaLayer *:required {
outline: 1.5px solid red;
}
.xfaLayer div,
.xfaLayer svg,
.xfaLayer svg * {
pointer-events: none;
}
.xfaLayer a {
color: blue;
}
.xfaRich li {
margin-left: 3em;
}
.xfaFont {
color: black;
font-weight: normal;
font-kerning: none;
font-size: 10px;
font-style: normal;
letter-spacing: 0;
text-decoration: none;
vertical-align: 0;
}
.xfaCaption {
overflow: hidden;
flex: 0 0 auto;
}
.xfaCaptionForCheckButton {
overflow: hidden;
flex: 1 1 auto;
}
.xfaLabel {
height: 100%;
width: 100%;
}
.xfaLeft {
display: flex;
flex-direction: row;
align-items: center;
}
.xfaRight {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
:is(.xfaLeft, .xfaRight) > :is(.xfaCaption, .xfaCaptionForCheckButton) {
max-height: 100%;
}
.xfaTop {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.xfaBottom {
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
}
:is(.xfaTop, .xfaBottom) > :is(.xfaCaption, .xfaCaptionForCheckButton) {
width: 100%;
}
.xfaBorder {
background-color: transparent;
position: absolute;
pointer-events: none;
}
.xfaWrapped {
width: 100%;
height: 100%;
}
:is(.xfaTextfield, .xfaSelect):focus {
background-image: none;
background-color: transparent;
outline: var(--xfa-focus-outline);
outline-offset: -1px;
}
:is(.xfaCheckbox, .xfaRadio):focus {
outline: var(--xfa-focus-outline);
}
.xfaTextfield,
.xfaSelect {
height: 100%;
width: 100%;
flex: 1 1 auto;
border: none;
resize: none;
background-image: var(--xfa-unfocused-field-background);
}
.xfaSelect {
padding-inline: 2px;
}
:is(.xfaTop, .xfaBottom) > :is(.xfaTextfield, .xfaSelect) {
flex: 0 1 auto;
}
.xfaButton {
cursor: pointer;
width: 100%;
height: 100%;
border: none;
text-align: center;
}
.xfaLink {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.xfaCheckbox,
.xfaRadio {
width: 100%;
height: 100%;
flex: 0 0 auto;
border: none;
}
.xfaRich {
white-space: pre-wrap;
width: 100%;
height: 100%;
}
.xfaImage {
-o-object-position: left top;
object-position: left top;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: 100%;
}
.xfaLrTb,
.xfaRlTb,
.xfaTb {
display: flex;
flex-direction: column;
align-items: stretch;
}
.xfaLr {
display: flex;
flex-direction: row;
align-items: stretch;
}
.xfaRl {
display: flex;
flex-direction: row-reverse;
align-items: stretch;
}
.xfaTb > div {
justify-content: left;
}
.xfaPosition {
position: relative;
}
.xfaArea {
position: relative;
}
.xfaValignMiddle {
display: flex;
align-items: center;
}
.xfaTable {
display: flex;
flex-direction: column;
align-items: stretch;
}
.xfaTable .xfaRow {
display: flex;
flex-direction: row;
align-items: stretch;
}
.xfaTable .xfaRlRow {
display: flex;
flex-direction: row-reverse;
align-items: stretch;
flex: 1;
}
.xfaTable .xfaRlRow > div {
flex: 1;
}
:is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea) {
background: initial;
}
@media print {
.xfaTextfield,
.xfaSelect {
background: transparent;
}
.xfaSelect {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 1px;
text-overflow: "";
}
}
.canvasWrapper svg {
transform: none;
}
.moving:is(.canvasWrapper svg) {
z-index: 100000;
}
[data-main-rotation="90"]:is(.highlight:is(.canvasWrapper svg), .highlightOutline:is(.canvasWrapper svg)) mask,
[data-main-rotation="90"]:is(.highlight:is(.canvasWrapper svg), .highlightOutline:is(.canvasWrapper svg)) use:not(.clip, .mask) {
transform:
matrix(
0, 1,
-1, 0,
1, 0);
}
[data-main-rotation="180"]:is(.highlight:is(.canvasWrapper svg), .highlightOutline:is(.canvasWrapper svg)) mask,
[data-main-rotation="180"]:is(.highlight:is(.canvasWrapper svg), .highlightOutline:is(.canvasWrapper svg)) use:not(.clip, .mask) {
transform:
matrix(
-1, 0,
0, -1,
1, 1);
}
[data-main-rotation="270"]:is(.highlight:is(.canvasWrapper svg), .highlightOutline:is(.canvasWrapper svg)) mask,
[data-main-rotation="270"]:is(.highlight:is(.canvasWrapper svg), .highlightOutline:is(.canvasWrapper svg)) use:not(.clip, .mask) {
transform:
matrix(
0, -1,
1, 0,
0, 1);
}
.draw:is(.canvasWrapper svg) {
position: absolute;
mix-blend-mode: normal;
}
.draw[data-draw-rotation="90"]:is(.canvasWrapper svg) {
transform: rotate(90deg);
}
.draw[data-draw-rotation="180"]:is(.canvasWrapper svg) {
transform: rotate(180deg);
}
.draw[data-draw-rotation="270"]:is(.canvasWrapper svg) {
transform: rotate(270deg);
}
.highlight:is(.canvasWrapper svg) {
--blend-mode:multiply;
}
@media screen and (forced-colors: active) {
.highlight:is(.canvasWrapper svg) {
--blend-mode:difference;
}
}
.highlight:is(.canvasWrapper svg) {
position: absolute;
mix-blend-mode: var(--blend-mode);
}
.highlight:is(.canvasWrapper svg):not(.free) {
fill-rule: evenodd;
}
.highlightOutline:is(.canvasWrapper svg) {
position: absolute;
mix-blend-mode: normal;
fill-rule: evenodd;
fill: none;
}
.highlightOutline.hovered:is(.canvasWrapper svg):not(.free):not(.selected) {
stroke: var(--hover-outline-color);
stroke-width: var(--outline-width);
}
.highlightOutline.selected:is(.canvasWrapper svg):not(.free) .mainOutline {
stroke: var(--outline-around-color);
stroke-width: calc(var(--outline-width) + 2 * var(--outline-around-width));
}
.highlightOutline.selected:is(.canvasWrapper svg):not(.free) .secondaryOutline {
stroke: var(--outline-color);
stroke-width: var(--outline-width);
}
.highlightOutline.free.hovered:is(.canvasWrapper svg):not(.selected) {
stroke: var(--hover-outline-color);
stroke-width: calc(2 * var(--outline-width));
}
.highlightOutline.free.selected:is(.canvasWrapper svg) .mainOutline {
stroke: var(--outline-around-color);
stroke-width: calc(2 * (var(--outline-width) + var(--outline-around-width)));
}
.highlightOutline.free.selected:is(.canvasWrapper svg) .secondaryOutline {
stroke: var(--outline-color);
stroke-width: calc(2 * var(--outline-width));
}
.toggle-button {
--button-background-color:#f0f0f4;
--button-background-color-hover:#e0e0e6;
--button-background-color-active:#cfcfd8;
--color-accent-primary:#0060df;
--color-accent-primary-hover:#0250bb;
--color-accent-primary-active:#054096;
--border-interactive-color:#8f8f9d;
--border-radius-circle:9999px;
--border-width:1px;
--size-item-small:16px;
--size-item-large:32px;
--color-canvas:white;
}
@media (prefers-color-scheme: dark) {
.toggle-button {
--button-background-color:color-mix(in srgb, currentColor 7%, transparent);
--button-background-color-hover:color-mix( in srgb, currentColor 14%, transparent );
--button-background-color-active:color-mix( in srgb, currentColor 21%, transparent );
--color-accent-primary:#0df;
--color-accent-primary-hover:#80ebff;
--color-accent-primary-active:#aaf2ff;
--border-interactive-color:#bfbfc9;
--color-canvas:#1c1b22;
}
}
@media (forced-colors: active) {
.toggle-button {
--color-accent-primary:ButtonText;
--color-accent-primary-hover:SelectedItem;
--color-accent-primary-active:SelectedItem;
--border-interactive-color:ButtonText;
--button-background-color:ButtonFace;
--border-interactive-color-hover:SelectedItem;
--border-interactive-color-active:SelectedItem;
--border-interactive-color-disabled:GrayText;
--color-canvas:ButtonText;
}
}
.toggle-button {
--toggle-background-color:var(--button-background-color);
--toggle-background-color-hover:var(--button-background-color-hover);
--toggle-background-color-active:var(--button-background-color-active);
--toggle-background-color-pressed:var(--color-accent-primary);
--toggle-background-color-pressed-hover:var(--color-accent-primary-hover);
--toggle-background-color-pressed-active:var(--color-accent-primary-active);
--toggle-border-color:var(--border-interactive-color);
--toggle-border-color-hover:var(--toggle-border-color);
--toggle-border-color-active:var(--toggle-border-color);
--toggle-border-radius:var(--border-radius-circle);
--toggle-border-width:var(--border-width);
--toggle-height:var(--size-item-small);
--toggle-width:var(--size-item-large);
--toggle-dot-background-color:var(--toggle-border-color);
--toggle-dot-background-color-hover:var(--toggle-dot-background-color);
--toggle-dot-background-color-active:var(--toggle-dot-background-color);
--toggle-dot-background-color-on-pressed:var(--color-canvas);
--toggle-dot-margin:1px;
--toggle-dot-height:calc( var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 * var(--toggle-border-width) );
--toggle-dot-width:var(--toggle-dot-height);
--toggle-dot-transform-x:calc( var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width) );
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
margin: 0;
border: var(--toggle-border-width) solid var(--toggle-border-color);
height: var(--toggle-height);
width: var(--toggle-width);
border-radius: var(--toggle-border-radius);
background: var(--toggle-background-color);
box-sizing: border-box;
flex-shrink: 0;
}
.toggle-button:focus-visible {
outline: var(--focus-outline);
outline-offset: var(--focus-outline-offset);
}
.toggle-button:enabled:hover {
background: var(--toggle-background-color-hover);
border-color: var(--toggle-border-color);
}
.toggle-button:enabled:active {
background: var(--toggle-background-color-active);
border-color: var(--toggle-border-color);
}
.toggle-button[aria-pressed=true] {
background: var(--toggle-background-color-pressed);
border-color: transparent;
}
.toggle-button[aria-pressed=true]:enabled:hover {
background: var(--toggle-background-color-pressed-hover);
border-color: transparent;
}
.toggle-button[aria-pressed=true]:enabled:active {
background: var(--toggle-background-color-pressed-active);
border-color: transparent;
}
.toggle-button::before {
display: block;
content: "";
background-color: var(--toggle-dot-background-color);
height: var(--toggle-dot-height);
width: var(--toggle-dot-width);
margin: var(--toggle-dot-margin);
border-radius: var(--toggle-border-radius);
translate: 0;
}
.toggle-button[aria-pressed=true]::before {
translate: var(--toggle-dot-transform-x);
background-color: var(--toggle-dot-background-color-on-pressed);
}
.toggle-button[aria-pressed=true]:enabled:hover::before,
.toggle-button[aria-pressed=true]:enabled:active::before {
background-color: var(--toggle-dot-background-color-on-pressed);
}
[dir=rtl] .toggle-button[aria-pressed=true]::before {
translate: calc(-1 * var(--toggle-dot-transform-x));
}
@media (prefers-reduced-motion: no-preference) {
.toggle-button::before {
transition: translate 100ms;
}
}
@media (prefers-contrast) {
.toggle-button:enabled:hover {
border-color: var(--toggle-border-color-hover);
}
.toggle-button:enabled:active {
border-color: var(--toggle-border-color-active);
}
.toggle-button[aria-pressed=true]:enabled {
border-color: var(--toggle-border-color);
position: relative;
}
.toggle-button[aria-pressed=true]:enabled:hover,
.toggle-button[aria-pressed=true]:enabled:hover:active {
border-color: var(--toggle-border-color-hover);
}
.toggle-button[aria-pressed=true]:enabled:active {
background-color: var(--toggle-dot-background-color-active);
border-color: var(--toggle-dot-background-color-hover);
}
.toggle-button:hover::before,
.toggle-button:active::before {
background-color: var(--toggle-dot-background-color-hover);
}
}
@media (forced-colors) {
.toggle-button {
--toggle-dot-background-color:var(--color-accent-primary);
--toggle-dot-background-color-hover:var(--color-accent-primary-hover);
--toggle-dot-background-color-active:var(--color-accent-primary-active);
--toggle-dot-background-color-on-pressed:var(--button-background-color);
--toggle-background-color-disabled:var(--button-background-color-disabled);
--toggle-border-color-hover:var(--border-interactive-color-hover);
--toggle-border-color-active:var(--border-interactive-color-active);
--toggle-border-color-disabled:var(--border-interactive-color-disabled);
}
.toggle-button[aria-pressed=true]:enabled::after {
border: 1px solid var(--button-background-color);
content: "";
position: absolute;
height: var(--toggle-height);
width: var(--toggle-width);
display: block;
border-radius: var(--toggle-border-radius);
inset: -2px;
}
.toggle-button[aria-pressed=true]:enabled:active::after {
border-color: var(--toggle-border-color-active);
}
}
:root {
--outline-width:2px;
--outline-color:#0060df;
--outline-around-width:1px;
--outline-around-color:#f0f0f4;
--hover-outline-around-color:var(--outline-around-color);
--focus-outline:solid var(--outline-width) var(--outline-color);
--unfocus-outline:solid var(--outline-width) transparent;
--focus-outline-around:solid var(--outline-around-width) var(--outline-around-color);
--hover-outline-color:#8f8f9d;
--hover-outline:solid var(--outline-width) var(--hover-outline-color);
--hover-outline-around:solid var(--outline-around-width) var(--hover-outline-around-color);
--freetext-line-height:1.35;
--freetext-padding:2px;
--resizer-bg-color:var(--outline-color);
--resizer-size:6px;
--resizer-shift:calc( 0px - (var(--outline-width) + var(--resizer-size)) / 2 - var(--outline-around-width) );
--editorFreeText-editing-cursor:text;
--editorInk-editing-cursor:url("./media/cursor-editorInk-7FGC6QX4.svg") 0 16, pointer;
--editorHighlight-editing-cursor:url("./media/cursor-editorTextHighlight-KY3GIDCC.svg") 24 24, text;
--editorFreeHighlight-editing-cursor:url("./media/cursor-editorFreeHighlight-D7WXXNY3.svg") 1 18, pointer;
--new-alt-text-warning-image:url("./media/altText_warning-2UZPDKUT.svg");
}
.visuallyHidden {
position: absolute;
top: 0;
left: 0;
border: 0;
margin: 0;
padding: 0;
width: 0;
height: 0;
overflow: hidden;
white-space: nowrap;
font-size: 0;
}
.textLayer.highlighting {
cursor: var(--editorFreeHighlight-editing-cursor);
}
.textLayer.highlighting:not(.free) span {
cursor: var(--editorHighlight-editing-cursor);
}
[role=img]:is(.textLayer.highlighting:not(.free) span) {
cursor: var(--editorFreeHighlight-editing-cursor);
}
.textLayer.highlighting.free span {
cursor: var(--editorFreeHighlight-editing-cursor);
}
:is(#viewerContainer.pdfPresentationMode:fullscreen, .annotationEditorLayer.disabled) .noAltTextBadge {
display: none !important;
}
@media (min-resolution: 1.1dppx) {
:root {
--editorFreeText-editing-cursor:url("./media/cursor-editorFreeText-BNMWG5ZU.svg") 0 16, text;
}
}
@media screen and (forced-colors: active) {
:root {
--outline-color:CanvasText;
--outline-around-color:ButtonFace;
--resizer-bg-color:ButtonText;
--hover-outline-color:Highlight;
--hover-outline-around-color:SelectedItemText;
}
}
[data-editor-rotation="90"] {
transform: rotate(90deg);
}
[data-editor-rotation="180"] {
transform: rotate(180deg);
}
[data-editor-rotation="270"] {
transform: rotate(270deg);
}
.annotationEditorLayer {
background: transparent;
position: absolute;
inset: 0;
font-size: calc(100px * var(--scale-factor));
transform-origin: 0 0;
cursor: auto;
}
.annotationEditorLayer .selectedEditor {
z-index: 100000 !important;
}
.annotationEditorLayer.drawing * {
pointer-events: none !important;
}
.annotationEditorLayer.waiting {
content: "";
cursor: wait;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.annotationEditorLayer.disabled {
pointer-events: none;
}
.annotationEditorLayer.freetextEditing {
cursor: var(--editorFreeText-editing-cursor);
}
.annotationEditorLayer.inkEditing {
cursor: var(--editorInk-editing-cursor);
}
.annotationEditorLayer .draw {
box-sizing: border-box;
}
.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) {
position: absolute;
background: transparent;
z-index: 1;
transform-origin: 0 0;
cursor: auto;
max-width: 100%;
max-height: 100%;
border: var(--unfocus-outline);
}
.draggable.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) {
cursor: move;
}
.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) {
border: var(--focus-outline);
outline: var(--focus-outline-around);
}
.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor))::before {
content: "";
position: absolute;
inset: 0;
border: var(--focus-outline-around);
pointer-events: none;
}
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)):hover:not(.selectedEditor) {
border: var(--hover-outline);
outline: var(--hover-outline-around);
}
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)):hover:not(.selectedEditor)::before {
content: "";
position: absolute;
inset: 0;
border: var(--focus-outline-around);
}
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar {
--editor-toolbar-delete-image:url("./media/editor-toolbar-delete-M2KKRH6K.svg");
--editor-toolbar-bg-color:#f0f0f4;
--editor-toolbar-highlight-image:url("./media/toolbarButton-editorHighlight-YMUH5KVM.svg");
--editor-toolbar-fg-color:#2e2e56;
--editor-toolbar-border-color:#8f8f9d;
--editor-toolbar-hover-border-color:var(--editor-toolbar-border-color);
--editor-toolbar-hover-bg-color:#e0e0e6;
--editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color);
--editor-toolbar-hover-outline:none;
--editor-toolbar-focus-outline-color:#0060df;
--editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2);
--editor-toolbar-vert-offset:6px;
--editor-toolbar-height:28px;
--editor-toolbar-padding:2px;
--alt-text-done-color:#2ac3a2;
--alt-text-warning-color:#0090ed;
--alt-text-hover-done-color:var(--alt-text-done-color);
--alt-text-hover-warning-color:var(--alt-text-warning-color);
}
@media (prefers-color-scheme: dark) {
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar {
--editor-toolbar-bg-color:#2b2a33;
--editor-toolbar-fg-color:#fbfbfe;
--editor-toolbar-hover-bg-color:#52525e;
--editor-toolbar-focus-outline-color:#0df;
--alt-text-done-color:#54ffbd;
--alt-text-warning-color:#80ebff;
}
}
@media screen and (forced-colors: active) {
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar {
--editor-toolbar-bg-color:ButtonFace;
--editor-toolbar-fg-color:ButtonText;
--editor-toolbar-border-color:ButtonText;
--editor-toolbar-hover-border-color:AccentColor;
--editor-toolbar-hover-bg-color:ButtonFace;
--editor-toolbar-hover-fg-color:AccentColor;
--editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color);
--editor-toolbar-focus-outline-color:ButtonBorder;
--editor-toolbar-shadow:none;
--alt-text-done-color:var(--editor-toolbar-fg-color);
--alt-text-warning-color:var(--editor-toolbar-fg-color);
--alt-text-hover-done-color:var(--editor-toolbar-hover-fg-color);
--alt-text-hover-warning-color:var(--editor-toolbar-hover-fg-color);
}
}
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar {
display: flex;
width: -moz-fit-content;
width: fit-content;
height: var(--editor-toolbar-height);
flex-direction: column;
justify-content: center;
align-items: center;
cursor: default;
pointer-events: auto;
box-sizing: content-box;
padding: var(--editor-toolbar-padding);
position: absolute;
inset-inline-end: 0;
inset-block-start: calc(100% + var(--editor-toolbar-vert-offset));
border-radius: 6px;
background-color: var(--editor-toolbar-bg-color);
border: 1px solid var(--editor-toolbar-border-color);
box-shadow: var(--editor-toolbar-shadow);
}
.hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) {
display: none;
}
:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar):has(:focus-visible) {
border-color: transparent;
}
[dir=ltr] :is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) {
transform-origin: 100% 0;
}
[dir=rtl] :is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) {
transform-origin: 0 0;
}
:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons {
display: flex;
justify-content: center;
align-items: center;
gap: 0;
height: 100%;
}
:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) button {
padding: 0;
}
:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .divider {
width: 0;
height: calc(2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height));
border-left: 1px solid var(--editor-toolbar-border-color);
border-right: none;
display: inline-block;
margin-inline: 2px;
}
:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .highlightButton {
width: var(--editor-toolbar-height);
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .highlightButton)::before {
content: "";
-webkit-mask-image: var(--editor-toolbar-highlight-image);
mask-image: var(--editor-toolbar-highlight-image);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
display: inline-block;
background-color: var(--editor-toolbar-fg-color);
width: 100%;
height: 100%;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .highlightButton):hover::before {
background-color: var(--editor-toolbar-hover-fg-color);
}
:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .delete {
width: var(--editor-toolbar-height);
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .delete)::before {
content: "";
-webkit-mask-image: var(--editor-toolbar-delete-image);
mask-image: var(--editor-toolbar-delete-image);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
display: inline-block;
background-color: var(--editor-toolbar-fg-color);
width: 100%;
height: 100%;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .delete):hover::before {
background-color: var(--editor-toolbar-hover-fg-color);
}
:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) > * {
height: var(--editor-toolbar-height);
}
:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) > :not(.divider) {
border: none;
background-color: transparent;
cursor: pointer;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) > :not(.divider)):hover {
border-radius: 2px;
background-color: var(--editor-toolbar-hover-bg-color);
color: var(--editor-toolbar-hover-fg-color);
outline: var(--editor-toolbar-hover-outline);
outline-offset: 1px;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) > :not(.divider)):hover:active {
outline: none;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) > :not(.divider)):focus-visible {
border-radius: 2px;
outline: 2px solid var(--editor-toolbar-focus-outline-color);
}
:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText {
--alt-text-add-image:url("./media/altText_add-O5EO5EY3.svg");
--alt-text-done-image:url("./media/altText_done-CATL4EIA.svg");
display: flex;
align-items: center;
justify-content: center;
width: -moz-max-content;
width: max-content;
padding-inline: 8px;
pointer-events: all;
font: menu;
font-weight: 590;
font-size: 12px;
color: var(--editor-toolbar-fg-color);
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText):disabled {
pointer-events: none;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText)::before {
content: "";
-webkit-mask-image: var(--alt-text-add-image);
mask-image: var(--alt-text-add-image);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
display: inline-block;
width: 12px;
height: 13px;
background-color: var(--editor-toolbar-fg-color);
margin-inline-end: 4px;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText):hover::before {
background-color: var(--editor-toolbar-hover-fg-color);
}
.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText)::before {
-webkit-mask-image: var(--alt-text-done-image);
mask-image: var(--alt-text-done-image);
}
.new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText)::before {
width: 16px;
height: 16px;
-webkit-mask-image: var(--new-alt-text-warning-image);
mask-image: var(--new-alt-text-warning-image);
background-color: var(--alt-text-warning-color);
-webkit-mask-size: cover;
mask-size: cover;
}
.new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText):hover::before {
background-color: var(--alt-text-hover-warning-color);
}
.new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText)::before {
-webkit-mask-image: var(--alt-text-done-image);
mask-image: var(--alt-text-done-image);
background-color: var(--alt-text-done-color);
}
.new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText):hover::before {
background-color: var(--alt-text-hover-done-color);
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip {
display: none;
word-wrap: anywhere;
}
.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip) {
--alt-text-tooltip-bg:#f0f0f4;
--alt-text-tooltip-fg:#15141a;
--alt-text-tooltip-border:#8f8f9d;
--alt-text-tooltip-shadow:0px 2px 6px 0px rgb(58 57 68 / 0.2);
}
@media (prefers-color-scheme: dark) {
.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip) {
--alt-text-tooltip-bg:#1c1b22;
--alt-text-tooltip-fg:#fbfbfe;
--alt-text-tooltip-shadow:0px 2px 6px 0px #15141a;
}
}
@media screen and (forced-colors: active) {
.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip) {
--alt-text-tooltip-bg:Canvas;
--alt-text-tooltip-fg:CanvasText;
--alt-text-tooltip-border:CanvasText;
--alt-text-tooltip-shadow:none;
}
}
.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip) {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
top: calc(100% + 2px);
inset-inline-start: 0;
padding-block: 2px 3px;
padding-inline: 3px;
max-width: 300px;
width: -moz-max-content;
width: max-content;
height: auto;
font-size: 12px;
border: 0.5px solid var(--alt-text-tooltip-border);
background: var(--alt-text-tooltip-bg);
box-shadow: var(--alt-text-tooltip-shadow);
color: var(--alt-text-tooltip-fg);
pointer-events: none;
}
.annotationEditorLayer .freeTextEditor {
padding: calc(var(--freetext-padding) * var(--scale-factor));
width: auto;
height: auto;
touch-action: none;
}
.annotationEditorLayer .freeTextEditor .internal {
background: transparent;
border: none;
inset: 0;
overflow: visible;
white-space: nowrap;
font: 10px sans-serif;
line-height: var(--freetext-line-height);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.annotationEditorLayer .freeTextEditor .overlay {
position: absolute;
display: none;
background: transparent;
inset: 0;
width: 100%;
height: 100%;
}
.annotationEditorLayer freeTextEditor .overlay.enabled {
display: block;
}
.annotationEditorLayer .freeTextEditor .internal:empty::before {
content: attr(default-content);
color: gray;
}
.annotationEditorLayer .freeTextEditor .internal:focus {
outline: none;
-webkit-user-select: auto;
-moz-user-select: auto;
user-select: auto;
}
.annotationEditorLayer .inkEditor {
width: 100%;
height: 100%;
}
.annotationEditorLayer .inkEditor.editing {
cursor: inherit;
}
.annotationEditorLayer .inkEditor .inkEditorCanvas {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
touch-action: none;
}
.annotationEditorLayer .stampEditor {
width: auto;
height: auto;
}
:is(.annotationEditorLayer .stampEditor) canvas {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
top: 0;
left: 0;
}
:is(.annotationEditorLayer .stampEditor) .noAltTextBadge {
--no-alt-text-badge-border-color:#f0f0f4;
--no-alt-text-badge-bg-color:#cfcfd8;
--no-alt-text-badge-fg-color:#5b5b66;
}
@media (prefers-color-scheme: dark) {
:is(.annotationEditorLayer .stampEditor) .noAltTextBadge {
--no-alt-text-badge-border-color:#52525e;
--no-alt-text-badge-bg-color:#fbfbfe;
--no-alt-text-badge-fg-color:#15141a;
}
}
@media screen and (forced-colors: active) {
:is(.annotationEditorLayer .stampEditor) .noAltTextBadge {
--no-alt-text-badge-border-color:ButtonText;
--no-alt-text-badge-bg-color:ButtonFace;
--no-alt-text-badge-fg-color:ButtonText;
}
}
:is(.annotationEditorLayer .stampEditor) .noAltTextBadge {
position: absolute;
inset-inline-end: 5px;
inset-block-end: 5px;
display: inline-flex;
width: 32px;
height: 32px;
padding: 3px;
justify-content: center;
align-items: center;
pointer-events: none;
z-index: 1;
border-radius: 2px;
border: 1px solid var(--no-alt-text-badge-border-color);
background: var(--no-alt-text-badge-bg-color);
}
:is(:is(.annotationEditorLayer .stampEditor) .noAltTextBadge)::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
-webkit-mask-image: var(--new-alt-text-warning-image);
mask-image: var(--new-alt-text-warning-image);
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--no-alt-text-badge-fg-color);
}
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers {
position: absolute;
inset: 0;
}
.hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers) {
display: none;
}
:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers) > .resizer {
width: var(--resizer-size);
height: var(--resizer-size);
background: content-box var(--resizer-bg-color);
border: var(--focus-outline-around);
border-radius: 2px;
position: absolute;
}
.topLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers) > .resizer) {
top: var(--resizer-shift);
left: var(--resizer-shift);
}
.topMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers) > .resizer) {
top: var(--resizer-shift);
left: calc(50% + var(--resizer-shift));
}
.topRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers) > .resizer) {
top: var(--resizer-shift);
right: var(--resizer-shift);
}
.middleRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers) > .resizer) {
top: calc(50% + var(--resizer-shift));
right: var(--resizer-shift);
}
.bottomRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers) > .resizer) {
bottom: var(--resizer-shift);
right: var(--resizer-shift);
}
.bottomMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers) > .resizer) {
bottom: var(--resizer-shift);
left: calc(50% + var(--resizer-shift));
}
.bottomLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers) > .resizer) {
bottom: var(--resizer-shift);
left: var(--resizer-shift);
}
.middleLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers) > .resizer) {
top: calc(50% + var(--resizer-shift));
left: var(--resizer-shift);
}
.topLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer),
.bottomRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer) {
cursor: nwse-resize;
}
.topMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer),
.bottomMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer) {
cursor: ns-resize;
}
.topRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer),
.bottomLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer) {
cursor: nesw-resize;
}
.middleRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer),
.middleLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer) {
cursor: ew-resize;
}
.topLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer),
.bottomRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer) {
cursor: nesw-resize;
}
.topMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer),
.bottomMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer) {
cursor: ew-resize;
}
.topRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer),
.bottomLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer) {
cursor: nwse-resize;
}
.middleRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer),
.middleLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer) {
cursor: ns-resize;
}
:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"], [data-main-rotation="90"] [data-editor-rotation="0"], [data-main-rotation="180"] [data-editor-rotation="270"], [data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar {
rotate: 270deg;
}
[dir=ltr] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"], [data-main-rotation="90"] [data-editor-rotation="0"], [data-main-rotation="180"] [data-editor-rotation="270"], [data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar) {
inset-inline-end: calc(0px - var(--editor-toolbar-vert-offset));
inset-block-start: 0;
}
[dir=rtl] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"], [data-main-rotation="90"] [data-editor-rotation="0"], [data-main-rotation="180"] [data-editor-rotation="270"], [data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar) {
inset-inline-end: calc(100% + var(--editor-toolbar-vert-offset));
inset-block-start: 0;
}
:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="180"], [data-main-rotation="90"] [data-editor-rotation="90"], [data-main-rotation="180"] [data-editor-rotation="0"], [data-main-rotation="270"] [data-editor-rotation="270"])) .editToolbar {
rotate: 180deg;
inset-inline-end: 100%;
inset-block-start: calc(0pc - var(--editor-toolbar-vert-offset));
}
:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"], [data-main-rotation="90"] [data-editor-rotation="180"], [data-main-rotation="180"] [data-editor-rotation="90"], [data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar {
rotate: 90deg;
}
[dir=ltr] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"], [data-main-rotation="90"] [data-editor-rotation="180"], [data-main-rotation="180"] [data-editor-rotation="90"], [data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar) {
inset-inline-end: calc(100% + var(--editor-toolbar-vert-offset));
inset-block-start: 100%;
}
[dir=rtl] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"], [data-main-rotation="90"] [data-editor-rotation="180"], [data-main-rotation="180"] [data-editor-rotation="90"], [data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar) {
inset-inline-start: calc(0px - var(--editor-toolbar-vert-offset));
inset-block-start: 0;
}
.dialog.altText::backdrop {
-webkit-mask: url(#alttext-manager-mask);
mask: url(#alttext-manager-mask);
}
.dialog.altText.positioned {
margin: 0;
}
.dialog.altText #altTextContainer {
width: 300px;
height: -moz-fit-content;
height: fit-content;
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
:is(.dialog.altText #altTextContainer) #overallDescription {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
align-self: stretch;
}
:is(:is(.dialog.altText #altTextContainer) #overallDescription) span {
align-self: stretch;
}
:is(:is(.dialog.altText #altTextContainer) #overallDescription) .title {
font-size: 13px;
font-style: normal;
font-weight: 590;
}
:is(.dialog.altText #altTextContainer) #addDescription {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 8px;
}
:is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea {
flex: 1;
padding-inline: 24px 10px;
}
:is(:is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea) textarea {
width: 100%;
min-height: 75px;
}
:is(.dialog.altText #altTextContainer) #buttons {
display: flex;
justify-content: flex-end;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}
.dialog.newAltText {
--new-alt-text-ai-disclaimer-icon:url("./media/altText_disclaimer-PY6CXXOP.svg");
--new-alt-text-spinner-icon:url("./media/altText_spinner-MGX6D5FG.svg");
--preview-image-bg-color:#f0f0f4;
--preview-image-border:none;
}
@media (prefers-color-scheme: dark) {
.dialog.newAltText {
--preview-image-bg-color:#2b2a33;
}
}
@media screen and (forced-colors: active) {
.dialog.newAltText {
--preview-image-bg-color:ButtonFace;
--preview-image-border:1px solid ButtonText;
}
}
.dialog.newAltText {
width: 80%;
max-width: 570px;
min-width: 300px;
padding: 0;
}
.dialog.newAltText.noAi #newAltTextDisclaimer,
.dialog.newAltText.noAi #newAltTextCreateAutomatically {
display: none !important;
}
.dialog.newAltText.aiInstalling #newAltTextCreateAutomatically {
display: none !important;
}
.dialog.newAltText.aiInstalling #newAltTextDownloadModel {
display: flex !important;
}
.dialog.newAltText.error #newAltTextNotNow {
display: none !important;
}
.dialog.newAltText.error #newAltTextCancel {
display: inline-block !important;
}
.dialog.newAltText:not(.error) #newAltTextError {
display: none !important;
}
.dialog.newAltText #newAltTextContainer {
display: flex;
width: auto;
padding: 16px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
gap: 12px;
flex: 0 1 auto;
line-height: normal;
}
:is(.dialog.newAltText #newAltTextContainer) #mainContent {
display: flex;
justify-content: flex-end;
align-items: flex-start;
gap: 12px;
align-self: stretch;
flex: 1 1 auto;
}
:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionAndSettings {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex: 1 0 0;
align-self: stretch;
}
:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
align-self: stretch;
flex: 1 1 auto;
}
:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer {
width: 100%;
height: 70px;
position: relative;
}
:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea {
width: 100%;
height: 100%;
padding: 8px;
}
:is(:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea)::-moz-placeholder {
color: var(--text-secondary-color);
}
:is(:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea)::placeholder {
color: var(--text-secondary-color);
}
:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) .altTextSpinner {
display: none;
position: absolute;
width: 16px;
height: 16px;
inset-inline-start: 8px;
inset-block-start: 8px;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--text-secondary-color);
pointer-events: none;
}
.loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea::-moz-placeholder {
color: transparent;
}
.loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea::placeholder {
color: transparent;
}
.loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) .altTextSpinner {
display: inline-block;
-webkit-mask-image: var(--new-alt-text-spinner-icon);
mask-image: var(--new-alt-text-spinner-icon);
}
:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescription {
font-size: 11px;
}
:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDisclaimer {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 4px;
font-size: 11px;
}
:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDisclaimer)::before {
content: "";
display: inline-block;
width: 17px;
height: 16px;
-webkit-mask-image: var(--new-alt-text-ai-disclaimer-icon);
mask-image: var(--new-alt-text-ai-disclaimer-icon);
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--text-secondary-color);
flex: 1 0 auto;
}
:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextDownloadModel {
display: flex;
align-items: center;
gap: 4px;
align-self: stretch;
}
:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextDownloadModel)::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
-webkit-mask-image: var(--new-alt-text-spinner-icon);
mask-image: var(--new-alt-text-spinner-icon);
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--text-secondary-color);
}
:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextImagePreview {
width: 180px;
aspect-ratio: 1;
display: flex;
justify-content: center;
align-items: center;
flex: 0 0 auto;
background-color: var(--preview-image-bg-color);
border: var(--preview-image-border);
}
:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextImagePreview) > canvas {
max-width: 100%;
max-height: 100%;
}
.colorPicker {
--hover-outline-color:#0250bb;
--selected-outline-color:#0060df;
--swatch-border-color:#cfcfd8;
}
@media (prefers-color-scheme: dark) {
.colorPicker {
--hover-outline-color:#80ebff;
--selected-outline-color:#aaf2ff;
--swatch-border-color:#52525e;
}
}
@media screen and (forced-colors: active) {
.colorPicker {
--hover-outline-color:Highlight;
--selected-outline-color:var(--hover-outline-color);
--swatch-border-color:ButtonText;
}
}
.colorPicker .swatch {
width: 16px;
height: 16px;
border: 1px solid var(--swatch-border-color);
border-radius: 100%;
outline-offset: 2px;
box-sizing: border-box;
forced-color-adjust: none;
}
.colorPicker button:is(:hover, .selected) > .swatch {
border: none;
}
.annotationEditorLayer[data-main-rotation="0"] .highlightEditor:not(.free) > .editToolbar {
rotate: 0deg;
}
.annotationEditorLayer[data-main-rotation="90"] .highlightEditor:not(.free) > .editToolbar {
rotate: 270deg;
}
.annotationEditorLayer[data-main-rotation="180"] .highlightEditor:not(.free) > .editToolbar {
rotate: 180deg;
}
.annotationEditorLayer[data-main-rotation="270"] .highlightEditor:not(.free) > .editToolbar {
rotate: 90deg;
}
.annotationEditorLayer .highlightEditor {
position: absolute;
background: transparent;
z-index: 1;
cursor: auto;
max-width: 100%;
max-height: 100%;
border: none;
outline: none;
pointer-events: none;
transform-origin: 0 0;
}
:is(.annotationEditorLayer .highlightEditor):not(.free) {
transform: none;
}
:is(.annotationEditorLayer .highlightEditor) .internal {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: auto;
}
.disabled:is(.annotationEditorLayer .highlightEditor) .internal {
pointer-events: none;
}
.selectedEditor:is(.annotationEditorLayer .highlightEditor) .internal {
cursor: pointer;
}
:is(.annotationEditorLayer .highlightEditor) .editToolbar {
--editor-toolbar-colorpicker-arrow-image:url("./media/toolbarButton-menuArrow-G6TBIXPL.svg");
transform-origin: center !important;
}
:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker {
position: relative;
width: auto;
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
padding: 4px;
}
:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker)::after {
content: "";
-webkit-mask-image: var(--editor-toolbar-colorpicker-arrow-image);
mask-image: var(--editor-toolbar-colorpicker-arrow-image);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
display: inline-block;
background-color: var(--editor-toolbar-fg-color);
width: 12px;
height: 12px;
}
:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):hover::after {
background-color: var(--editor-toolbar-hover-fg-color);
}
:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden)) {
background-color: var(--editor-toolbar-hover-bg-color);
}
:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden))::after {
scale: -1;
}
:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 11px;
padding-block: 8px;
border-radius: 6px;
background-color: var(--editor-toolbar-bg-color);
border: 1px solid var(--editor-toolbar-border-color);
box-shadow: var(--editor-toolbar-shadow);
inset-block-start: calc(100% + 4px);
width: calc(100% + 2 * var(--editor-toolbar-padding));
}
:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button {
width: 100%;
height: auto;
border: none;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
background: none;
}
:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:active, :focus-visible) {
outline: none;
}
:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button) > .swatch {
outline-offset: 2px;
}
[aria-selected=true]:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button) > .swatch {
outline: 2px solid var(--selected-outline-color);
}
:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:hover, :active, :focus-visible) > .swatch {
outline: 2px solid var(--hover-outline-color);
}
.editorParamsToolbar:has(#highlightParamsToolbarContainer) {
padding: unset;
}
#highlightParamsToolbarContainer {
gap: 16px;
padding-inline: 10px;
padding-block-end: 12px;
}
#highlightParamsToolbarContainer .colorPicker {
display: flex;
flex-direction: column;
gap: 8px;
}
:is(#highlightParamsToolbarContainer .colorPicker) .dropdown {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row;
height: auto;
}
:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button {
width: auto;
height: auto;
border: none;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
background: none;
flex: 0 0 auto;
padding: 0;
}
:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) .swatch {
width: 24px;
height: 24px;
}
:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:active, :focus-visible) {
outline: none;
}
[aria-selected=true]:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) > .swatch {
outline: 2px solid var(--selected-outline-color);
}
:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:hover, :active, :focus-visible) > .swatch {
outline: 2px solid var(--hover-outline-color);
}
#highlightParamsToolbarContainer #editorHighlightThickness {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
align-self: stretch;
}
:is(#highlightParamsToolbarContainer #editorHighlightThickness) .editorParamsLabel {
height: auto;
align-self: stretch;
}
:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker {
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
--example-color:#bfbfc9;
}
@media (prefers-color-scheme: dark) {
:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker {
--example-color:#80808e;
}
}
@media screen and (forced-colors: active) {
:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker {
--example-color:CanvasText;
}
}
:is(:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) > .editorParamsSlider[disabled]) {
opacity: 0.4;
}
:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::before,
:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::after {
content: "";
width: 8px;
aspect-ratio: 1;
display: block;
border-radius: 100%;
background-color: var(--example-color);
}
:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::after {
width: 24px;
}
:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) .editorParamsSlider {
width: unset;
height: 14px;
}
#highlightParamsToolbarContainer #editorHighlightVisibility {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}
:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider {
--divider-color:#d7d7db;
}
@media (prefers-color-scheme: dark) {
:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider {
--divider-color:#8f8f9d;
}
}
@media screen and (forced-colors: active) {
:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider {
--divider-color:CanvasText;
}
}
:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider {
margin-block: 4px;
width: 100%;
height: 1px;
background-color: var(--divider-color);
}
:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .toggler {
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
}
#altTextSettingsDialog {
padding: 16px;
}
#altTextSettingsDialog #altTextSettingsContainer {
display: flex;
width: 573px;
flex-direction: column;
gap: 16px;
}
:is(#altTextSettingsDialog #altTextSettingsContainer) .mainContainer {
gap: 16px;
}
:is(#altTextSettingsDialog #altTextSettingsContainer) .description {
color: var(--text-secondary-color);
}
:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings {
display: flex;
flex-direction: column;
gap: 12px;
}
:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings) button {
width: -moz-fit-content;
width: fit-content;
}
.download:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings) #deleteModelButton {
display: none;
}
:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings):not(.download) #downloadModelButton {
display: none;
}
:is(#altTextSettingsDialog #altTextSettingsContainer) #automaticAltText,
:is(#altTextSettingsDialog #altTextSettingsContainer) #altTextEditor {
display: flex;
flex-direction: column;
gap: 8px;
}
:is(#altTextSettingsDialog #altTextSettingsContainer) #createModelDescription,
:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings,
:is(#altTextSettingsDialog #altTextSettingsContainer) #showAltTextDialogDescription {
padding-inline-start: 40px;
}
:is(#altTextSettingsDialog #altTextSettingsContainer) #automaticSettings {
display: flex;
flex-direction: column;
gap: 16px;
}
:root {
--viewer-container-height:0;
--pdfViewer-padding-bottom:0;
--page-margin:1px auto -8px;
--page-border:9px solid transparent;
--spreadHorizontalWrapped-margin-LR:-3.5px;
--loading-icon-delay:400ms;
}
@media screen and (forced-colors: active) {
:root {
--pdfViewer-padding-bottom:9px;
--page-margin:8px auto -1px;
--page-border:1px solid CanvasText;
--spreadHorizontalWrapped-margin-LR:3.5px;
}
}
[data-main-rotation="90"] {
transform: rotate(90deg) translateY(-100%);
}
[data-main-rotation="180"] {
transform: rotate(180deg) translate(-100%, -100%);
}
[data-main-rotation="270"] {
transform: rotate(270deg) translateX(-100%);
}
#hiddenCopyElement,
.hiddenCanvasElement {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
display: none;
}
.pdfViewer {
--scale-factor:1;
--page-bg-color:unset;
padding-bottom: var(--pdfViewer-padding-bottom);
--hcm-highlight-filter:none;
--hcm-highlight-selected-filter:none;
}
@media screen and (forced-colors: active) {
.pdfViewer {
--hcm-highlight-filter:invert(100%);
}
}
.pdfViewer.copyAll {
cursor: wait;
}
.pdfViewer .canvasWrapper {
overflow: hidden;
width: 100%;
height: 100%;
}
:is(.pdfViewer .canvasWrapper) canvas {
position: absolute;
top: 0;
left: 0;
margin: 0;
display: block;
width: 100%;
height: 100%;
contain: content;
}
:is(:is(.pdfViewer .canvasWrapper) canvas) .structTree {
contain: strict;
}
.pdfViewer .page {
--scale-round-x:1px;
--scale-round-y:1px;
direction: ltr;
width: 816px;
height: 1056px;
margin: var(--page-margin);
position: relative;
overflow: visible;
border: var(--page-border);
background-clip: content-box;
background-color: var(--page-bg-color, rgb(255 255 255));
}
.pdfViewer .dummyPage {
position: relative;
width: 0;
height: var(--viewer-container-height);
}
.pdfViewer.noUserSelect {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pdfViewer.removePageBorders .page {
margin: 0 auto 10px;
border: none;
}
.pdfViewer.singlePageView {
display: inline-block;
}
.pdfViewer.singlePageView .page {
margin: 0;
border: none;
}
.pdfViewer:is(.scrollHorizontal, .scrollWrapped),
.spread {
margin-inline: 3.5px;
text-align: center;
}
.pdfViewer.scrollHorizontal,
.spread {
white-space: nowrap;
}
.pdfViewer.removePageBorders,
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .spread {
margin-inline: 0;
}
.spread :is(.page, .dummyPage),
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) :is(.page, .spread) {
display: inline-block;
vertical-align: middle;
}
.spread .page,
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .page {
margin-inline: var(--spreadHorizontalWrapped-margin-LR);
}
.pdfViewer.removePageBorders .spread .page,
.pdfViewer.removePageBorders:is(.scrollHorizontal, .scrollWrapped) .page {
margin-inline: 5px;
}
.pdfViewer .page.loadingIcon::after {
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
background: url("./media/loading-icon-AQX2QBUJ.gif") center no-repeat;
display: none;
transition-property: display;
transition-delay: var(--loading-icon-delay);
z-index: 5;
contain: strict;
}
.pdfViewer .page.loading::after {
display: block;
}
.pdfViewer .page:not(.loading)::after {
transition-property: none;
display: none;
}
.pdfPresentationMode .pdfViewer {
padding-bottom: 0;
}
.pdfPresentationMode .spread {
margin: 0;
}
.pdfPresentationMode .pdfViewer .page {
margin: 0 auto;
border: 2px solid transparent;
}
/* src/mdo-assets/fonts/lato/stylesheet.css */
@font-face {
font-family: "Lato";
src: url("./media/Lato-BoldItalic-7KHA26XS.woff2") format("woff2"), url("./media/Lato-BoldItalic-HMJMPV47.woff") format("woff");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "Lato";
src: url("./media/Lato-Black-43APFACH.woff2") format("woff2"), url("./media/Lato-Black-S7C6UKBM.woff") format("woff");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Lato";
src: url("./media/Lato-BlackItalic-OE6R5FG7.woff2") format("woff2"), url("./media/Lato-BlackItalic-TVQL6V5M.woff") format("woff");
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Lato";
src: url("./media/Lato-Regular-M5H4I5EO.woff2") format("woff2"), url("./media/Lato-Regular-24TP5AEX.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Lato";
src: url("./media/Lato-LightItalic-W4HYIR3F.woff2") format("woff2"), url("./media/Lato-LightItalic-OFEF5H23.woff") format("woff");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Lato";
src: url("./media/Lato-Bold-IBCACS6R.woff2") format("woff2"), url("./media/Lato-Bold-LJQQOGFM.woff") format("woff");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Lato";
src: url("./media/Lato-Italic-GK3I7ELM.woff2") format("woff2"), url("./media/Lato-Italic-3ECMTYC2.woff") format("woff");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "Lato Hairline";
src: url("./media/Lato-Hairline-IMMUBWLI.woff2") format("woff2"), url("./media/Lato-Hairline-IQVOQZVU.woff") format("woff");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Lato Hairline";
src: url("./media/Lato-HairlineItalic-S6R2B6BQ.woff2") format("woff2"), url("./media/Lato-HairlineItalic-SE77ODUE.woff") format("woff");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Lato";
src: url("./media/Lato-Light-4P352RS2.woff2") format("woff2"), url("./media/Lato-Light-3JYK2TGX.woff") format("woff");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Lato-Regular";
src: url("./media/Lato-Regular-24TP5AEX.woff") format("woff2"), url("./media/Lato-Regular-24TP5AEX.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Lato-SemiBold";
src: url("./media/Lato-Bold-IBCACS6R.woff2") format("woff2"), url("./media/Lato-Bold-LJQQOGFM.woff") format("woff");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Lato-Bold";
src: url("./media/Lato-Bold-IBCACS6R.woff2") format("woff2"), url("./media/Lato-Bold-LJQQOGFM.woff") format("woff");
font-weight: 700;
font-style: normal;
}
.widget-box {
background-image: url("./media/wave-light-CJ2TMQYO.svg");
background-repeat: no-repeat;
background-position: 90%;
}
/* src/mdo-assets/fonts/montserrat/stylesheet.css */
@font-face {
font-family: "Montserrat";
src: url("./media/Montserrat-Black-OOVABNCA.woff2") format("woff2"), url("./media/Montserrat-Black-CVDUMPGS.woff") format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("./media/Montserrat-ExtraBoldItalic-5SPOZCEO.woff2") format("woff2"), url("./media/Montserrat-ExtraBoldItalic-VL3RQSCX.woff") format("woff");
font-weight: 800;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("./media/Montserrat-ExtraBold-NWJEQ3JC.woff2") format("woff2"), url("./media/Montserrat-ExtraBold-E3MT32SO.woff") format("woff");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("./media/Montserrat-BlackItalic-PXCLF6AQ.woff2") format("woff2"), url("./media/Montserrat-BlackItalic-FIR4UPUP.woff") format("woff");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("./media/Montserrat-Bold-6BQE2EHH.woff2") format("woff2"), url("./media/Montserrat-Bold-5CEWECQY.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("./media/Montserrat-MediumItalic-U33ZSOVO.woff2") format("woff2"), url("./media/Montserrat-MediumItalic-DHPUWMWV.woff") format("woff");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("./media/Montserrat-SemiBold-FQXVKESV.woff2") format("woff2"), url("./media/Montserrat-SemiBold-GRGTYCH4.woff") format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("./media/Montserrat-SemiBoldItalic-5EGUNJHD.woff2") format("woff2"), url("./media/Montserrat-SemiBoldItalic-IQXC7OYV.woff") format("woff");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("./media/Montserrat-BoldItalic-OT2M6H4K.woff2") format("woff2"), url("./media/Montserrat-BoldItalic-Q7FAWCG5.woff") format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("./media/Montserrat-Regular-NZIIZHNG.woff2") format("woff2"), url("./media/Montserrat-Regular-DBOP7KWW.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("./media/Montserrat-Italic-MR4ERYCE.woff2") format("woff2"), url("./media/Montserrat-Italic-F7IQYN2O.woff") format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("./media/Montserrat-Medium-FPLY2VEO.woff2") format("woff2"), url("./media/Montserrat-Medium-E7OEMBTM.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("./media/Montserrat-LightItalic-ERWBOVZC.woff2") format("woff2"), url("./media/Montserrat-LightItalic-PUZY5QCO.woff") format("woff");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("./media/Montserrat-ExtraLightItalic-FA7TFXVB.woff2") format("woff2"), url("./media/Montserrat-ExtraLightItalic-VT2WFKMF.woff") format("woff");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("./media/Montserrat-Light-7XYA7MUL.woff2") format("woff2"), url("./media/Montserrat-Light-66E55YJK.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("./media/Montserrat-ThinItalic-5REMDRSX.woff2") format("woff2"), url("./media/Montserrat-ThinItalic-QNG6QAHI.woff") format("woff");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("./media/Montserrat-ExtraLight-QKQCJLHS.woff2") format("woff2"), url("./media/Montserrat-ExtraLight-Z7JGOVSK.woff") format("woff");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("./media/Montserrat-Thin-G4LLVU26.woff2") format("woff2"), url("./media/Montserrat-Thin-YTHVNM47.woff") format("woff");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat-SemiBold";
src: url("./media/Montserrat-SemiBold-FQXVKESV.woff2") format("woff2"), url("./media/Montserrat-SemiBold-GRGTYCH4.woff") format("woff");
font-weight: 600;
font-style: normal;
}
/* node_modules/ckeditor5/dist/ckeditor5.css */
/**
* @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
*/
:root {
--ck-color-base-foreground: hsl(0, 0%, 98%);
--ck-color-base-background: hsl(0, 0%, 100%);
--ck-color-base-border: hsl(220, 6%, 81%);
--ck-color-base-action: hsl(104, 50.2%, 42.5%);
--ck-color-base-focus: hsl(209, 92%, 70%);
--ck-color-base-text: hsl(0, 0%, 20%);
--ck-color-base-active: hsl(218.1, 100%, 58%);
--ck-color-base-active-focus: hsl(218.2, 100%, 52.5%);
--ck-color-base-error: hsl(15, 100%, 43%);
--ck-color-focus-border-coordinates:
218,
81.8%,
56.9%;
--ck-color-focus-border: hsl(var(--ck-color-focus-border-coordinates));
--ck-color-focus-outer-shadow: hsl(212.4, 89.3%, 89%);
--ck-color-focus-disabled-shadow: hsla(209, 90%, 72%,.3);
--ck-color-focus-error-shadow: hsla(9,100%,56%,.3);
--ck-color-text: var(--ck-color-base-text);
--ck-color-shadow-drop: hsla(0, 0%, 0%, 0.15);
--ck-color-shadow-drop-active: hsla(0, 0%, 0%, 0.2);
--ck-color-shadow-inner: hsla(0, 0%, 0%, 0.1);
--ck-color-button-default-background: transparent;
--ck-color-button-default-hover-background: hsl(0, 0%, 94.1%);
--ck-color-button-default-active-background: hsl(0, 0%, 94.1%);
--ck-color-button-default-disabled-background: transparent;
--ck-color-button-on-background: hsl(212, 100%, 97.1%);
--ck-color-button-on-hover-background: hsl(211.7, 100%, 92.9%);
--ck-color-button-on-active-background: hsl(211.7, 100%, 92.9%);
--ck-color-button-on-disabled-background: hsl(211, 15%, 95%);
--ck-color-button-on-color: hsl(218.1, 100%, 58%);
--ck-color-button-action-background: var(--ck-color-base-action);
--ck-color-button-action-hover-background: hsl(104, 53.2%, 40.2%);
--ck-color-button-action-active-background: hsl(104, 53.2%, 40.2%);
--ck-color-button-action-disabled-background: hsl(104, 44%, 58%);
--ck-color-button-action-text: var(--ck-color-base-background);
--ck-color-button-save: hsl(120, 100%, 27%);
--ck-color-button-cancel: hsl(15, 100%, 43%);
--ck-color-switch-button-off-background: hsl(0, 0%, 57.6%);
--ck-color-switch-button-off-hover-background: hsl(0, 0%, 49%);
--ck-color-switch-button-on-background: var(--ck-color-button-action-background);
--ck-color-switch-button-on-hover-background: hsl(104, 53.2%, 40.2%);
--ck-color-switch-button-inner-background: var(--ck-color-base-background);
--ck-color-switch-button-inner-shadow: hsla(0, 0%, 0%, 0.1);
--ck-color-dropdown-panel-background: var(--ck-color-base-background);
--ck-color-dropdown-panel-border: var(--ck-color-base-border);
--ck-color-dialog-background: var(--ck-custom-background);
--ck-color-dialog-form-header-border: var(--ck-custom-border);
--ck-color-input-background: var(--ck-color-base-background);
--ck-color-input-border: var(--ck-color-base-border);
--ck-color-input-error-border: var(--ck-color-base-error);
--ck-color-input-text: var(--ck-color-base-text);
--ck-color-input-disabled-background: hsl(0, 0%, 95%);
--ck-color-input-disabled-border: var(--ck-color-base-border);
--ck-color-input-disabled-text: hsl(0, 0%, 46%);
--ck-color-list-background: var(--ck-color-base-background);
--ck-color-list-button-hover-background: var(--ck-color-button-default-hover-background);
--ck-color-list-button-on-background: var(--ck-color-button-on-color);
--ck-color-list-button-on-background-focus: var(--ck-color-button-on-color);
--ck-color-list-button-on-text: var(--ck-color-base-background);
--ck-color-panel-background: var(--ck-color-base-background);
--ck-color-panel-border: var(--ck-color-base-border);
--ck-color-toolbar-background: var(--ck-color-base-background);
--ck-color-toolbar-border: var(--ck-color-base-border);
--ck-color-tooltip-background: var(--ck-color-base-text);
--ck-color-tooltip-text: var(--ck-color-base-background);
--ck-color-engine-placeholder-text: hsl(0, 0%, 44%);
--ck-color-upload-bar-background: hsl(209, 92%, 70%);
--ck-color-link-default: hsl(240, 100%, 47%);
--ck-color-link-selected-background: hsla(201, 100%, 56%, 0.1);
--ck-color-link-fake-selection: hsla(201, 100%, 56%, 0.3);
--ck-color-highlight-background: hsl(60, 100%, 50%);
--ck-color-light-red: hsl(0, 100%, 90%);
}
:root {
--ck-disabled-opacity: .5;
}
:root {
--ck-focus-outer-shadow-geometry: 0 0 0 3px;
--ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow);
--ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);
--ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow);
--ck-focus-ring: 1px solid var(--ck-color-focus-border);
}
:root {
--ck-font-size-base: 13px;
--ck-line-height-base: 1.84615;
--ck-font-face:
Helvetica,
Arial,
Tahoma,
Verdana,
Sans-Serif;
--ck-font-size-tiny: 0.7em;
--ck-font-size-small: 0.75em;
--ck-font-size-normal: 1em;
--ck-font-size-big: 1.4em;
--ck-font-size-large: 1.8em;
}
:root {
--ck-ui-component-min-height: 2.3em;
}
.ck.ck-reset,
.ck.ck-reset_all,
.ck-reset_all *:not(.ck-reset_all-excluded *) {
box-sizing: border-box;
width: auto;
height: auto;
position: static;
margin: 0;
padding: 0;
border: 0;
background: transparent;
text-decoration: none;
vertical-align: middle;
transition: none;
word-wrap: break-word;
}
.ck.ck-reset_all,
.ck-reset_all *:not(.ck-reset_all-excluded *) {
border-collapse: collapse;
font: normal normal normal var(--ck-font-size-base)/var(--ck-line-height-base) var(--ck-font-face);
color: var(--ck-color-text);
text-align: left;
white-space: nowrap;
cursor: auto;
float: none;
}
.ck-reset_all .ck-rtl *:not(.ck-reset_all-excluded *) {
text-align: right;
}
.ck-reset_all iframe:not(.ck-reset_all-excluded *) {
vertical-align: inherit;
}
.ck-reset_all textarea:not(.ck-reset_all-excluded *) {
white-space: pre-wrap;
}
.ck-reset_all textarea:not(.ck-reset_all-excluded *),
.ck-reset_all input[type=text]:not(.ck-reset_all-excluded *),
.ck-reset_all input[type=password]:not(.ck-reset_all-excluded *) {
cursor: text;
}
.ck-reset_all textarea[disabled]:not(.ck-reset_all-excluded *),
.ck-reset_all input[type=text][disabled]:not(.ck-reset_all-excluded *),
.ck-reset_all input[type=password][disabled]:not(.ck-reset_all-excluded *) {
cursor: default;
}
.ck-reset_all fieldset:not(.ck-reset_all-excluded *) {
padding: 10px;
border: 2px groove hsl(255, 7%, 88%);
}
.ck-reset_all button:not(.ck-reset_all-excluded *)::-moz-focus-inner {
padding: 0;
border: 0;
}
.ck[dir=rtl],
.ck[dir=rtl] .ck {
text-align: right;
}
:root {
--ck-border-radius: 2px;
}
:root {
--ck-inner-shadow: 2px 2px 3px var(--ck-color-shadow-inner) inset;
--ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop);
--ck-drop-shadow-active: 0 3px 6px 1px var(--ck-color-shadow-drop-active);
}
:root {
--ck-spacing-unit: 0.6em;
--ck-spacing-large: calc(var(--ck-spacing-unit) * 1.5);
--ck-spacing-standard: var(--ck-spacing-unit);
--ck-spacing-medium: calc(var(--ck-spacing-unit) * 0.8);
--ck-spacing-small: calc(var(--ck-spacing-unit) * 0.5);
--ck-spacing-tiny: calc(var(--ck-spacing-unit) * 0.3);
--ck-spacing-extra-tiny: calc(var(--ck-spacing-unit) * 0.16);
}
.ck.ck-autocomplete > .ck-search__results {
border-radius: 0;
max-height: 200px;
overflow-y: auto;
background: var(--ck-color-base-background);
border: 1px solid var(--ck-color-dropdown-panel-border);
min-width: auto;
}
.ck-rounded-corners .ck.ck-autocomplete > .ck-search__results,
.ck.ck-autocomplete > .ck-search__results.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-autocomplete > .ck-search__results {
box-shadow: var(--ck-drop-shadow), 0 0;
}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin-bottom: -1px;
}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_s {
border-top-left-radius: 0;
border-top-right-radius: 0;
margin-top: -1px;
}
.ck.ck-button,
a.ck.ck-button {
background: var(--ck-color-button-default-background);
border-radius: 0;
white-space: nowrap;
cursor: default;
vertical-align: middle;
padding: var(--ck-spacing-tiny);
text-align: center;
min-width: var(--ck-ui-component-min-height);
min-height: var(--ck-ui-component-min-height);
line-height: 1;
font-size: inherit;
border: 1px solid transparent;
transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
-webkit-appearance: none;
}
.ck.ck-button:not(.ck-disabled):hover,
a.ck.ck-button:not(.ck-disabled):hover {
background: var(--ck-color-button-default-hover-background);
}
.ck.ck-button:not(.ck-disabled):active,
a.ck.ck-button:not(.ck-disabled):active {
background: var(--ck-color-button-default-active-background);
}
.ck.ck-button.ck-disabled,
a.ck.ck-button.ck-disabled {
background: var(--ck-color-button-default-disabled-background);
}
.ck-rounded-corners .ck.ck-button,
.ck-rounded-corners a.ck.ck-button,
.ck.ck-button.ck-rounded-corners,
a.ck.ck-button.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-button,
a.ck.ck-button {
transition: none;
}
}
.ck.ck-button:active,
a.ck.ck-button:active,
.ck.ck-button:focus,
a.ck.ck-button:focus {
outline: none;
border: var(--ck-focus-ring);
box-shadow: var(--ck-focus-outer-shadow), 0 0;
}
.ck.ck-button .ck-button__icon use,
a.ck.ck-button .ck-button__icon use,
.ck.ck-button .ck-button__icon use *,
a.ck.ck-button .ck-button__icon use * {
color: inherit;
}
.ck.ck-button .ck-button__label,
a.ck.ck-button .ck-button__label {
font-size: inherit;
font-weight: inherit;
color: inherit;
cursor: inherit;
vertical-align: middle;
}
[dir=ltr] .ck.ck-button .ck-button__label,
[dir=ltr] a.ck.ck-button .ck-button__label {
text-align: left;
}
[dir=rtl] .ck.ck-button .ck-button__label,
[dir=rtl] a.ck.ck-button .ck-button__label {
text-align: right;
}
.ck.ck-button .ck-button__keystroke,
a.ck.ck-button .ck-button__keystroke {
color: inherit;
opacity: .5;
}
[dir=ltr] .ck.ck-button .ck-button__keystroke,
[dir=ltr] a.ck.ck-button .ck-button__keystroke {
margin-left: var(--ck-spacing-large);
}
[dir=rtl] .ck.ck-button .ck-button__keystroke,
[dir=rtl] a.ck.ck-button .ck-button__keystroke {
margin-right: var(--ck-spacing-large);
}
.ck.ck-button.ck-disabled:active,
a.ck.ck-button.ck-disabled:active,
.ck.ck-button.ck-disabled:focus,
a.ck.ck-button.ck-disabled:focus {
box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;
}
.ck.ck-button.ck-disabled .ck-button__icon,
a.ck.ck-button.ck-disabled .ck-button__icon {
opacity: var(--ck-disabled-opacity);
}
.ck.ck-button.ck-disabled .ck-button__label,
a.ck.ck-button.ck-disabled .ck-button__label {
opacity: var(--ck-disabled-opacity);
}
.ck.ck-button.ck-disabled .ck-button__keystroke,
a.ck.ck-button.ck-disabled .ck-button__keystroke {
opacity: .3;
}
.ck.ck-button.ck-button_with-text,
a.ck.ck-button.ck-button_with-text {
padding: var(--ck-spacing-tiny) var(--ck-spacing-standard);
}
[dir=ltr] .ck.ck-button.ck-button_with-text .ck-button__icon,
[dir=ltr] a.ck.ck-button.ck-button_with-text .ck-button__icon {
margin-right: var(--ck-spacing-medium);
}
[dir=rtl] .ck.ck-button.ck-button_with-text .ck-button__icon,
[dir=rtl] a.ck.ck-button.ck-button_with-text .ck-button__icon {
margin-left: var(--ck-spacing-medium);
}
.ck.ck-button.ck-button_with-keystroke .ck-button__label,
a.ck.ck-button.ck-button_with-keystroke .ck-button__label {
flex-grow: 1;
}
.ck.ck-button.ck-on,
a.ck.ck-button.ck-on {
background: var(--ck-color-button-on-background);
color: var(--ck-color-button-on-color);
}
.ck.ck-button.ck-on:not(.ck-disabled):hover,
a.ck.ck-button.ck-on:not(.ck-disabled):hover {
background: var(--ck-color-button-on-hover-background);
}
.ck.ck-button.ck-on:not(.ck-disabled):active,
a.ck.ck-button.ck-on:not(.ck-disabled):active {
background: var(--ck-color-button-on-active-background);
}
.ck.ck-button.ck-on.ck-disabled,
a.ck.ck-button.ck-on.ck-disabled {
background: var(--ck-color-button-on-disabled-background);
}
.ck.ck-button.ck-button-save,
a.ck.ck-button.ck-button-save {
color: var(--ck-color-button-save);
}
.ck.ck-button.ck-button-cancel,
a.ck.ck-button.ck-button-cancel {
color: var(--ck-color-button-cancel);
}
.ck.ck-button-action,
a.ck.ck-button-action {
background: var(--ck-color-button-action-background);
color: var(--ck-color-button-action-text);
}
.ck.ck-button-action:not(.ck-disabled):hover,
a.ck.ck-button-action:not(.ck-disabled):hover {
background: var(--ck-color-button-action-hover-background);
}
.ck.ck-button-action:not(.ck-disabled):active,
a.ck.ck-button-action:not(.ck-disabled):active {
background: var(--ck-color-button-action-active-background);
}
.ck.ck-button-action.ck-disabled,
a.ck.ck-button-action.ck-disabled {
background: var(--ck-color-button-action-disabled-background);
}
.ck.ck-button-bold,
a.ck.ck-button-bold {
font-weight: bold;
}
:root {
--ck-switch-button-toggle-width: 2.6153846154em;
--ck-switch-button-toggle-inner-size: calc(1.0769230769em + 1px);
--ck-switch-button-translation: calc( var(--ck-switch-button-toggle-width) - var(--ck-switch-button-toggle-inner-size) - 2px );
--ck-switch-button-inner-hover-shadow: 0 0 0 5px var(--ck-color-switch-button-inner-shadow);
}
.ck.ck-button.ck-switchbutton,
.ck.ck-button.ck-switchbutton:hover,
.ck.ck-button.ck-switchbutton:focus,
.ck.ck-button.ck-switchbutton:active,
.ck.ck-button.ck-switchbutton.ck-on:hover,
.ck.ck-button.ck-switchbutton.ck-on:focus,
.ck.ck-button.ck-switchbutton.ck-on:active {
color: inherit;
background: transparent;
}
[dir=ltr] .ck.ck-button.ck-switchbutton .ck-button__label {
margin-right: calc(2 * var(--ck-spacing-large));
}
[dir=rtl] .ck.ck-button.ck-switchbutton .ck-button__label {
margin-left: calc(2 * var(--ck-spacing-large));
}
.ck.ck-button.ck-switchbutton .ck-button__toggle {
border-radius: 0;
transition:
background 400ms ease,
box-shadow .2s ease-in-out,
outline .2s ease-in-out;
border: 1px solid transparent;
width: var(--ck-switch-button-toggle-width);
background: var(--ck-color-switch-button-off-background);
}
.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle,
.ck.ck-button.ck-switchbutton .ck-button__toggle.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
[dir=ltr] .ck.ck-button.ck-switchbutton .ck-button__toggle {
margin-left: auto;
}
[dir=rtl] .ck.ck-button.ck-switchbutton .ck-button__toggle {
margin-right: auto;
}
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
border-radius: 0;
width: var(--ck-switch-button-toggle-inner-size);
height: var(--ck-switch-button-toggle-inner-size);
background: var(--ck-color-switch-button-inner-background);
transition: all 300ms ease;
}
.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner,
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner.ck-rounded-corners {
border-radius: var(--ck-border-radius);
border-radius: calc(.5 * var(--ck-border-radius));
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
transition: none;
}
}
.ck.ck-button.ck-switchbutton .ck-button__toggle:hover {
background: var(--ck-color-switch-button-off-hover-background);
}
.ck.ck-button.ck-switchbutton .ck-button__toggle:hover .ck-button__toggle__inner {
box-shadow: var(--ck-switch-button-inner-hover-shadow);
}
.ck.ck-button.ck-switchbutton.ck-disabled .ck-button__toggle {
opacity: var(--ck-disabled-opacity);
}
.ck.ck-button.ck-switchbutton:focus {
border-color: transparent;
outline: none;
box-shadow: none;
}
.ck.ck-button.ck-switchbutton:focus .ck-button__toggle {
box-shadow: 0 0 0 1px var(--ck-color-base-background), 0 0 0 5px var(--ck-color-focus-outer-shadow);
outline-offset: 1px;
outline: var(--ck-focus-ring);
}
.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle {
background: var(--ck-color-switch-button-on-background);
}
.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover {
background: var(--ck-color-switch-button-on-hover-background);
}
[dir=ltr] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
transform: translateX(var( --ck-switch-button-translation ));
}
[dir=rtl] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
transform: translateX(calc(-1 * var( --ck-switch-button-translation )));
}
.ck.ck-button.ck-list-item-button {
padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
}
.ck.ck-button.ck-list-item-button,
.ck.ck-button.ck-list-item-button.ck-on {
background: var(--ck-color-list-background);
color: var(--ck-color-text);
}
[dir=ltr] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) {
padding-left: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) {
padding-right: var(--ck-spacing-small);
}
.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled),
.ck.ck-button.ck-list-item-button.ck-button.ck-on:hover,
.ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable),
.ck.ck-button.ck-list-item-button.ck-on:hover {
background: var(--ck-color-list-button-hover-background);
}
.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled):not(.ck-disabled),
.ck.ck-button.ck-list-item-button.ck-button.ck-on:hover:not(.ck-disabled),
.ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable):not(.ck-disabled),
.ck.ck-button.ck-list-item-button.ck-on:hover:not(.ck-disabled) {
color: var(--ck-color-text);
}
:root {
--ck-collapsible-arrow-size: calc(0.5 * var(--ck-icon-size));
}
.ck.ck-collapsible > .ck.ck-button {
width: 100%;
font-weight: bold;
border-radius: 0;
color: inherit;
}
.ck.ck-collapsible > .ck.ck-button:focus {
background: transparent;
}
.ck.ck-collapsible > .ck.ck-button:active,
.ck.ck-collapsible > .ck.ck-button:not(:focus),
.ck.ck-collapsible > .ck.ck-button:hover:not(:focus) {
background: transparent;
border-color: transparent;
box-shadow: none;
}
.ck.ck-collapsible > .ck.ck-button > .ck-icon {
margin-right: var(--ck-spacing-medium);
width: var(--ck-collapsible-arrow-size);
}
.ck.ck-collapsible > .ck-collapsible__children {
padding: var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large);
}
.ck.ck-collapsible.ck-collapsible_collapsed > .ck.ck-button .ck-icon {
transform: rotate(-90deg);
}
:root {
--ck-color-grid-tile-size: 24px;
--ck-color-color-grid-check-icon: hsl(212, 81%, 46%);
}
.ck.ck-color-grid {
grid-gap: 5px;
padding: 8px;
}
.ck.ck-color-grid__tile {
transition: .2s ease box-shadow;
}
@media (forced-colors: none) {
.ck.ck-color-grid__tile {
width: var(--ck-color-grid-tile-size);
height: var(--ck-color-grid-tile-size);
min-width: var(--ck-color-grid-tile-size);
min-height: var(--ck-color-grid-tile-size);
padding: 0;
border: 0;
}
.ck.ck-color-grid__tile.ck-on,
.ck.ck-color-grid__tile:focus:not(.ck-disabled),
.ck.ck-color-grid__tile:hover:not(.ck-disabled) {
border: 0;
}
.ck.ck-color-grid__tile.ck-color-selector__color-tile_bordered {
box-shadow: 0 0 0 1px var(--ck-color-base-border);
}
.ck.ck-color-grid__tile.ck-on {
box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-base-text);
}
.ck.ck-color-grid__tile:focus:not(.ck-disabled),
.ck.ck-color-grid__tile:hover:not(.ck-disabled) {
box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
}
}
@media (forced-colors: active) {
.ck.ck-color-grid__tile {
width: unset;
height: unset;
min-width: unset;
min-height: unset;
padding: 0 var(--ck-spacing-small);
}
.ck.ck-color-grid__tile .ck-button__label {
display: inline-block;
}
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-color-grid__tile {
transition: none;
}
}
.ck.ck-color-grid__tile.ck-disabled {
cursor: unset;
transition: unset;
}
.ck.ck-color-grid__tile .ck.ck-icon {
display: none;
color: var(--ck-color-color-grid-check-icon);
}
.ck.ck-color-grid__tile.ck-on .ck.ck-icon {
display: block;
}
.ck.ck-color-grid__label {
padding: 0 var(--ck-spacing-standard);
}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color,
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
width: 100%;
}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker:not(:focus) {
border-top: 1px solid var(--ck-color-base-border);
}
[dir=ltr] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon {
margin-right: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon {
margin-left: var(--ck-spacing-standard);
}
.ck.ck-color-selector .ck-color-grids-fragment label.ck.ck-color-grid__label {
font-weight: unset;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker {
padding: 8px;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker {
height: 100px;
min-width: 180px;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation) {
border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue) {
border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation-pointer),
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue-pointer) {
width: 15px;
height: 15px;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
padding: 0 8px 8px;
}
:root {
--ck-dialog-overlay-background-color: hsla( 0, 0%, 0%, .5 );
--ck-dialog-drop-shadow: 0px 0px 6px 2px hsl(0deg 0% 0% / 15%);
--ck-dialog-max-width: 100vw;
--ck-dialog-max-height: 90vh;
--ck-color-dialog-background: var(--ck-color-base-background);
--ck-color-dialog-form-header-border: var(--ck-color-base-border);
}
.ck.ck-dialog-overlay {
animation: ck-dialog-fade-in .3s;
background: var(--ck-dialog-overlay-background-color);
z-index: var(--ck-z-dialog);
}
.ck.ck-dialog {
border-radius: 0;
--ck-drop-shadow: var(--ck-dialog-drop-shadow);
background: var(--ck-color-dialog-background);
max-height: var(--ck-dialog-max-height);
max-width: var(--ck-dialog-max-width);
border: 1px solid var(--ck-color-base-border);
overscroll-behavior: contain;
}
.ck-rounded-corners .ck.ck-dialog,
.ck.ck-dialog.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-dialog {
box-shadow: var(--ck-drop-shadow), 0 0;
}
.ck.ck-dialog .ck.ck-form__header {
border-bottom: 1px solid var(--ck-color-dialog-form-header-border);
}
.ck-dialog-scroll-locked {
overflow: hidden;
}
@keyframes ck-dialog-fade-in {
0% {
background: hsla(0, 0%, 0%, 0);
}
100% {
background: var(--ck-dialog-overlay-background-color);
}
}
.ck.ck-dialog .ck.ck-dialog__actions {
padding: var(--ck-spacing-large);
}
.ck.ck-dialog .ck.ck-dialog__actions > * + * {
margin-left: var(--ck-spacing-large);
}
:root {
--ck-dropdown-arrow-size: calc(0.5 * var(--ck-icon-size));
}
.ck.ck-dropdown {
font-size: inherit;
}
.ck.ck-dropdown .ck-dropdown__arrow {
width: var(--ck-dropdown-arrow-size);
}
[dir=ltr] .ck.ck-dropdown .ck-dropdown__arrow {
right: var(--ck-spacing-standard);
margin-left: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-dropdown .ck-dropdown__arrow {
left: var(--ck-spacing-standard);
margin-right: var(--ck-spacing-small);
}
.ck.ck-dropdown.ck-disabled .ck-dropdown__arrow {
opacity: var(--ck-disabled-opacity);
}
[dir=ltr] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
padding-left: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
padding-right: var(--ck-spacing-small);
}
.ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
width: 7em;
overflow: hidden;
text-overflow: ellipsis;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-disabled .ck-button__label {
opacity: var(--ck-disabled-opacity);
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-dropdown__button_label-width_auto .ck-button__label {
width: auto;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active,
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active {
box-shadow: none;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus,
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active:focus {
box-shadow: var(--ck-focus-outer-shadow), 0 0;
}
.ck.ck-dropdown__panel {
border-radius: 0;
background: var(--ck-color-dropdown-panel-background);
border: 1px solid var(--ck-color-dropdown-panel-border);
bottom: 0;
min-width: 100%;
}
.ck-rounded-corners .ck.ck-dropdown__panel,
.ck.ck-dropdown__panel.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-dropdown__panel {
box-shadow: var(--ck-drop-shadow), 0 0;
}
.ck.ck-dropdown__panel.ck-dropdown__panel_se {
border-top-left-radius: 0;
}
.ck.ck-dropdown__panel.ck-dropdown__panel_sw {
border-top-right-radius: 0;
}
.ck.ck-dropdown__panel.ck-dropdown__panel_ne {
border-bottom-left-radius: 0;
}
.ck.ck-dropdown__panel.ck-dropdown__panel_nw {
border-bottom-right-radius: 0;
}
.ck.ck-dropdown__panel:focus {
outline: none;
}
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list,
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list.ck-rounded-corners {
border-radius: var(--ck-border-radius);
border-top-left-radius: 0;
}
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button,
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button.ck-rounded-corners {
border-radius: var(--ck-border-radius);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button,
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button.ck-rounded-corners {
border-radius: var(--ck-border-radius);
border-top-left-radius: 0;
border-top-right-radius: 0;
}
:root {
--ck-color-split-button-hover-background: hsl(0, 0%, 92%);
--ck-color-split-button-hover-border: hsl(0, 0%, 70%);
}
[dir=ltr] .ck.ck-splitbutton:hover > .ck-splitbutton__action,
[dir=ltr] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {
border-top-right-radius: unset;
border-bottom-right-radius: unset;
}
[dir=rtl] .ck.ck-splitbutton:hover > .ck-splitbutton__action,
[dir=rtl] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {
border-top-left-radius: unset;
border-bottom-left-radius: unset;
}
.ck.ck-splitbutton > .ck-splitbutton__arrow {
min-width: unset;
}
[dir=ltr] .ck.ck-splitbutton > .ck-splitbutton__arrow {
border-top-left-radius: unset;
border-bottom-left-radius: unset;
}
[dir=rtl] .ck.ck-splitbutton > .ck-splitbutton__arrow {
border-top-right-radius: unset;
border-bottom-right-radius: unset;
}
.ck.ck-splitbutton > .ck-splitbutton__arrow svg {
width: var(--ck-dropdown-arrow-size);
}
.ck.ck-splitbutton > .ck-splitbutton__arrow:not(:focus) {
border-top-width: 0px;
border-bottom-width: 0px;
}
.ck.ck-splitbutton.ck-splitbutton_open {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open,
.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action,
.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__action {
border-bottom-left-radius: 0;
}
.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow,
.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__arrow {
border-bottom-right-radius: 0;
}
.ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover),
.ck.ck-splitbutton:hover > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) {
background: var(--ck-color-split-button-hover-background);
}
.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after,
.ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after {
content: "";
position: absolute;
width: 1px;
height: 100%;
background-color: var(--ck-color-split-button-hover-border);
}
.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:focus::after,
.ck.ck-splitbutton:hover > .ck-splitbutton__arrow:focus::after {
--ck-color-split-button-hover-border: var(--ck-color-focus-border);
}
[dir=ltr] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after,
[dir=ltr] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after {
left: -1px;
}
[dir=rtl] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after,
[dir=rtl] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after {
right: -1px;
}
.ck.ck-toolbar-dropdown .ck-toolbar {
border: 0;
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button {
width: 100%;
padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
border-radius: 0;
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus {
border-color: transparent;
box-shadow: none;
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus:not(.ck-on) {
background: var(--ck-color-button-default-hover-background);
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-button__label {
flex-grow: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-button__label {
opacity: var(--ck-disabled-opacity);
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-icon-spacing:not(:has(.ck-button__icon)) > .ck-button__label {
margin-left: calc(var(--ck-icon-size) - var(--ck-spacing-small));
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
width: var(--ck-dropdown-arrow-size);
}
[dir=ltr] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
transform: rotate(-90deg);
margin-right: calc(-1 * var(--ck-spacing-small));
}
[dir=rtl] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
transform: rotate(90deg);
margin-left: calc(-1 * var(--ck-spacing-small));
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-dropdown-menu-list__nested-menu__button__arrow {
opacity: var(--ck-disabled-opacity);
}
[dir=ltr] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) {
padding-left: var(--ck-spacing-small);
}
[dir=ltr] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
right: var(--ck-spacing-standard);
margin-left: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) {
padding-right: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
left: var(--ck-spacing-standard);
margin-right: var(--ck-spacing-small);
}
:root {
--ck-dropdown-menu-menu-item-min-width: 18em;
}
.ck.ck-dropdown-menu-list__nested-menu__item {
min-width: var(--ck-dropdown-menu-menu-item-min-width);
}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button {
border-radius: 0;
}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container,
.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container .ck-spinner {
--ck-toolbar-spinner-size: 20px;
}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container {
margin-left: calc(-1 * var(--ck-spacing-small));
margin-right: var(--ck-spacing-small);
}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus {
border-color: transparent;
box-shadow: none;
}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus:not(.ck-on) {
background: var(--ck-color-button-default-hover-background);
}
:root {
--ck-dropdown-menu-menu-panel-max-width: 75vw;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {
box-shadow: var(--ck-drop-shadow), 0 0;
background: var(--ck-color-dropdown-panel-background);
border: 1px solid var(--ck-color-dropdown-panel-border);
bottom: 0;
height: fit-content;
max-width: var(--ck-dropdown-menu-menu-panel-max-width);
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel::after,
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel::before {
display: none;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_es,
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_se {
border-top-left-radius: 0;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ws,
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_sw {
border-top-right-radius: 0;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_en,
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ne {
border-bottom-left-radius: 0;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_wn,
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_nw {
border-bottom-right-radius: 0;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:focus {
outline: none;
}
:root {
--ck-accessibility-help-dialog-max-width: 600px;
--ck-accessibility-help-dialog-max-height: 400px;
--ck-accessibility-help-dialog-border-color: hsl(220, 6%, 81%);
--ck-accessibility-help-dialog-code-background-color: hsl(0deg 0% 92.94%);
--ck-accessibility-help-dialog-kbd-shadow-color: hsl(0deg 0% 61%);
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content {
padding: var(--ck-spacing-large);
max-width: var(--ck-accessibility-help-dialog-max-width);
max-height: var(--ck-accessibility-help-dialog-max-height);
overflow: auto;
user-select: text;
border: 1px solid transparent;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content:focus {
outline: none;
border: var(--ck-focus-ring);
box-shadow: var(--ck-focus-outer-shadow), 0 0;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content * {
white-space: normal;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content .ck-label {
display: none;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3 {
font-weight: bold;
font-size: 1.2em;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4 {
font-weight: bold;
font-size: 1em;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content p,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content table {
margin: 1em 0;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl {
display: grid;
grid-template-columns: 2fr 1fr;
border-top: 1px solid var(--ck-accessibility-help-dialog-border-color);
border-bottom: none;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
border-bottom: 1px solid var(--ck-accessibility-help-dialog-border-color);
padding: .4em 0;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt {
grid-column-start: 1;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
grid-column-start: 2;
text-align: right;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
display: inline-block;
background: var(--ck-accessibility-help-dialog-code-background-color);
padding: .4em;
vertical-align: middle;
line-height: 1;
border-radius: 2px;
text-align: center;
font-size: .9em;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
font-family: monospace;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd {
min-width: 1.8em;
box-shadow: 0px 1px 1px var(--ck-accessibility-help-dialog-kbd-shadow-color);
margin: 0 1px;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd + kbd {
margin-left: 2px;
}
:root {
--ck-color-editable-blur-selection: hsl(0, 0%, 85%);
}
.ck.ck-editor__editable:not(.ck-editor__nested-editable) {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-editor__editable:not(.ck-editor__nested-editable),
.ck.ck-editor__editable.ck-rounded-corners:not(.ck-editor__nested-editable) {
border-radius: var(--ck-border-radius);
}
.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
outline: none;
border: var(--ck-focus-ring);
box-shadow: var(--ck-inner-shadow), 0 0;
}
.ck.ck-editor__editable_inline {
overflow: auto;
padding: 0 var(--ck-spacing-standard);
border: 1px solid transparent;
}
.ck.ck-editor__editable_inline[dir=ltr] {
text-align: left;
}
.ck.ck-editor__editable_inline[dir=rtl] {
text-align: right;
}
.ck.ck-editor__editable_inline > *:first-child {
margin-top: var(--ck-spacing-large);
}
.ck.ck-editor__editable_inline > *:last-child {
margin-bottom: var(--ck-spacing-large);
}
.ck.ck-editor__editable_inline.ck-blurred ::selection {
background: var(--ck-color-editable-blur-selection);
}
.ck.ck-balloon-panel.ck-toolbar-container[class*=arrow_n]::after {
border-bottom-color: var(--ck-color-panel-background);
}
.ck.ck-balloon-panel.ck-toolbar-container[class*=arrow_s]::after {
border-top-color: var(--ck-color-panel-background);
}
:root {
--ck-form-header-height: 44px;
}
.ck.ck-form__header {
padding: var(--ck-spacing-small) var(--ck-spacing-large);
height: var(--ck-form-header-height);
line-height: var(--ck-form-header-height);
border-bottom: 1px solid var(--ck-color-base-border);
}
[dir=ltr] .ck.ck-form__header > .ck-icon {
margin-right: var(--ck-spacing-medium);
}
[dir=rtl] .ck.ck-form__header > .ck-icon {
margin-left: var(--ck-spacing-medium);
}
.ck.ck-form__header .ck-form__header__label {
--ck-font-size-base: 15px;
font-weight: bold;
}
:root {
--ck-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal));
--ck-icon-font-size: .8333350694em;
}
.ck.ck-icon {
width: var(--ck-icon-size);
height: var(--ck-icon-size);
font-size: var(--ck-icon-font-size);
cursor: inherit;
will-change: transform;
}
.ck.ck-icon * {
cursor: inherit;
}
.ck.ck-icon.ck-icon_inherit-color {
color: inherit;
}
.ck.ck-icon.ck-icon_inherit-color * {
color: inherit;
}
.ck.ck-icon.ck-icon_inherit-color *:not([fill]) {
fill: currentColor;
}
:root {
--ck-input-width: 18em;
--ck-input-text-width: var(--ck-input-width);
}
.ck.ck-input {
border-radius: 0;
background: var(--ck-color-input-background);
border: 1px solid var(--ck-color-input-border);
padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium);
min-width: var(--ck-input-width);
min-height: var(--ck-ui-component-min-height);
transition: box-shadow .1s ease-in-out, border .1s ease-in-out;
}
.ck-rounded-corners .ck.ck-input,
.ck.ck-input.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-input {
transition: none;
}
}
.ck.ck-input:focus {
outline: none;
border: var(--ck-focus-ring);
box-shadow: var(--ck-focus-outer-shadow), 0 0;
}
.ck.ck-input[readonly] {
border: 1px solid var(--ck-color-input-disabled-border);
background: var(--ck-color-input-disabled-background);
color: var(--ck-color-input-disabled-text);
}
.ck.ck-input[readonly]:focus {
box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;
}
.ck.ck-input.ck-error {
border-color: var(--ck-color-input-error-border);
animation: ck-input-shake .3s ease both;
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-input.ck-error {
animation: none;
}
}
.ck.ck-input.ck-error:focus {
box-shadow: var(--ck-focus-error-outer-shadow), 0 0;
}
@keyframes ck-input-shake {
20% {
transform: translateX(-2px);
}
40% {
transform: translateX(2px);
}
60% {
transform: translateX(-1px);
}
80% {
transform: translateX(1px);
}
}
.ck.ck-label {
font-weight: bold;
}
:root {
--ck-labeled-field-view-transition: .1s cubic-bezier(0, 0, 0.24, 0.95);
--ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-spacing-medium);
--ck-labeled-field-label-default-position-x: var(--ck-spacing-medium);
--ck-labeled-field-label-default-position-y: calc(0.6 * var(--ck-font-size-base));
--ck-color-labeled-field-label-background: var(--ck-color-base-background);
}
.ck.ck-labeled-field-view {
border-radius: 0;
}
.ck-rounded-corners .ck.ck-labeled-field-view,
.ck.ck-labeled-field-view.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
width: 100%;
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
top: 0px;
pointer-events: none;
background: var(--ck-color-labeled-field-label-background);
padding: 0 calc(.5 * var(--ck-font-size-tiny));
line-height: initial;
font-weight: normal;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
transition:
transform var(--ck-labeled-field-view-transition),
padding var(--ck-labeled-field-view-transition),
background var(--ck-labeled-field-view-transition);
}
[dir=ltr] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
left: 0px;
transform-origin: 0 0;
transform: translate(var(--ck-spacing-medium), -6px) scale(.75);
}
[dir=rtl] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
right: 0px;
transform-origin: 100% 0;
transform: translate(calc(-1 * var(--ck-spacing-medium)), -6px) scale(.75);
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
transition: none;
}
}
.ck.ck-labeled-field-view.ck-error > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
color: var(--ck-color-base-error);
}
.ck.ck-labeled-field-view.ck-error .ck-input:not([readonly]) + .ck.ck-label {
color: var(--ck-color-base-error);
}
.ck.ck-labeled-field-view .ck-labeled-field-view__status {
font-size: var(--ck-font-size-small);
margin-top: var(--ck-spacing-small);
white-space: normal;
}
.ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error {
color: var(--ck-color-base-error);
}
.ck.ck-labeled-field-view.ck-disabled > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
color: var(--ck-color-input-disabled-text);
}
.ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width));
background: transparent;
padding: 0;
}
[dir=ltr] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
[dir=ltr] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
transform: translate(var(--ck-labeled-field-label-default-position-x), var(--ck-labeled-field-label-default-position-y)) scale(1);
}
[dir=rtl] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
[dir=rtl] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
transform: translate(calc(-1 * var(--ck-labeled-field-label-default-position-x)), var(--ck-labeled-field-label-default-position-y)) scale(1);
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck.ck-button {
background: transparent;
}
.ck.ck-labeled-field-view.ck-labeled-field-view_empty > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck-button > .ck-button__label {
opacity: 0;
}
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown + .ck-label {
max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width) - var(--ck-dropdown-arrow-size) - var(--ck-spacing-standard));
}
.ck.ck-labeled-input .ck-labeled-input__status {
font-size: var(--ck-font-size-small);
margin-top: var(--ck-spacing-small);
white-space: normal;
}
.ck.ck-labeled-input .ck-labeled-input__status_error {
color: var(--ck-color-base-error);
}
.ck.ck-list {
border-radius: 0;
list-style-type: none;
background: var(--ck-color-list-background);
padding: var(--ck-spacing-small) 0;
}
.ck-rounded-corners .ck.ck-list,
.ck.ck-list.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-list__item {
cursor: default;
min-width: 15em;
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button) {
padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
min-height: unset;
width: 100%;
border-radius: 0;
}
[dir=ltr] .ck.ck-list__item > .ck-button:not(.ck-list-item-button) {
text-align: left;
}
[dir=rtl] .ck.ck-list__item > .ck-button:not(.ck-list-item-button) {
text-align: right;
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button) .ck-button__label {
line-height: calc(var(--ck-line-height-base) * var(--ck-font-size-base));
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button):active {
box-shadow: none;
}
.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button) {
background: var(--ck-color-list-button-on-background);
color: var(--ck-color-list-button-on-text);
}
.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):active {
box-shadow: none;
}
.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):hover:not(.ck-disabled) {
background: var(--ck-color-list-button-on-background-focus);
}
.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):focus:not(.ck-disabled) {
border-color: var(--ck-color-base-background);
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button):hover:not(.ck-disabled) {
background: var(--ck-color-list-button-hover-background);
}
.ck.ck-list__item > .ck-button.ck-switchbutton.ck-on {
background: var(--ck-color-list-background);
color: inherit;
}
.ck.ck-list__item > .ck-button.ck-switchbutton.ck-on:hover:not(.ck-disabled) {
background: var(--ck-color-list-button-hover-background);
color: inherit;
}
.ck-list .ck-list__group {
padding-top: var(--ck-spacing-medium);
}
.ck-list .ck-list__group:first-child {
padding-top: 0;
}
*:not(.ck-hidden) ~ .ck-list .ck-list__group {
border-top: 1px solid var(--ck-color-base-border);
}
.ck-list .ck-list__group > .ck-label {
font-size: 11px;
font-weight: bold;
padding: var(--ck-spacing-medium) var(--ck-spacing-large) 0;
}
.ck.ck-list__separator {
height: 1px;
width: 100%;
background: var(--ck-color-base-border);
margin: var(--ck-spacing-small) 0;
}
.ck.ck-menu-bar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
background: var(--ck-color-base-background);
padding: var(--ck-spacing-small);
gap: var(--ck-spacing-small);
border: 1px solid var(--ck-color-toolbar-border);
width: 100%;
}
.ck.ck-menu-bar__menu {
font-size: inherit;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level {
max-width: 100%;
}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button {
width: 100%;
}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-button__label {
flex-grow: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button.ck-disabled > .ck-button__label {
opacity: var(--ck-disabled-opacity);
}
[dir=ltr] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) {
padding-left: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) {
padding-right: var(--ck-spacing-small);
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button {
padding: var(--ck-spacing-small) var(--ck-spacing-medium);
min-height: unset;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-button__label {
width: unset;
line-height: unset;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button.ck-on {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-icon {
display: none;
}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button {
border-radius: 0;
}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
width: var(--ck-dropdown-arrow-size);
}
[dir=ltr] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
transform: rotate(-90deg);
margin-left: var(--ck-spacing-standard);
margin-right: calc(-1 * var(--ck-spacing-small));
}
[dir=rtl] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
transform: rotate(90deg);
left: var(--ck-spacing-standard);
margin-right: var(--ck-spacing-small);
margin-left: calc(-1 * var(--ck-spacing-small));
}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button.ck-disabled > .ck-menu-bar__menu__button__arrow {
opacity: var(--ck-disabled-opacity);
}
:root {
--ck-menu-bar-menu-item-min-width: 18em;
}
.ck.ck-menu-bar__menu .ck.ck-menu-bar__menu__item {
min-width: var(--ck-menu-bar-menu-item-min-width);
}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button {
border-radius: 0;
}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container,
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container .ck-spinner {
--ck-toolbar-spinner-size: 20px;
}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
font-size: var(--ck-icon-font-size);
}
[dir=ltr] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
margin-right: var(--ck-spacing-medium);
}
[dir=rtl] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
margin-left: var(--ck-spacing-medium);
}
:root {
--ck-menu-bar-menu-panel-max-width: 75vw;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
border-radius: 0;
background: var(--ck-color-dropdown-panel-background);
border: 1px solid var(--ck-color-dropdown-panel-border);
bottom: 0;
height: fit-content;
max-width: var(--ck-menu-bar-menu-panel-max-width);
}
.ck-rounded-corners .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
box-shadow: var(--ck-drop-shadow), 0 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {
border-top-left-radius: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
border-top-right-radius: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne {
border-bottom-left-radius: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {
border-bottom-right-radius: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel:focus {
outline: none;
}
.ck.ck-menu-bar .ck-list-item-button:focus,
.ck.ck-menu-bar .ck-list-item-button:active {
border-color: transparent;
box-shadow: none;
}
.ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:focus,
.ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:active {
position: relative;
z-index: 2;
outline: none;
border: var(--ck-focus-ring);
box-shadow: var(--ck-focus-outer-shadow), 0 0;
}
:root {
--ck-balloon-border-width: 1px;
--ck-balloon-arrow-offset: 2px;
--ck-balloon-arrow-height: 10px;
--ck-balloon-arrow-half-width: 8px;
--ck-balloon-arrow-drop-shadow: 0 2px 2px var(--ck-color-shadow-drop);
}
.ck.ck-balloon-panel {
border-radius: 0;
min-height: 15px;
background: var(--ck-color-panel-background);
border: var(--ck-balloon-border-width) solid var(--ck-color-panel-border);
}
.ck-rounded-corners .ck.ck-balloon-panel,
.ck.ck-balloon-panel.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-balloon-panel {
box-shadow: var(--ck-drop-shadow), 0 0;
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before,
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
width: 0;
height: 0;
border-style: solid;
}
.ck.ck-balloon-panel[class*=arrow_n]::before,
.ck.ck-balloon-panel[class*=arrow_n]::after {
border-width: 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width);
}
.ck.ck-balloon-panel[class*=arrow_n]::before {
border-color: transparent transparent var(--ck-color-panel-border) transparent;
margin-top: calc(-1 * var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_n]::after {
border-color: transparent transparent var(--ck-color-panel-background) transparent;
margin-top: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_s]::before,
.ck.ck-balloon-panel[class*=arrow_s]::after {
border-width: var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width);
}
.ck.ck-balloon-panel[class*=arrow_s]::before {
border-color: var(--ck-color-panel-border) transparent transparent;
filter: drop-shadow(var(--ck-balloon-arrow-drop-shadow));
margin-bottom: calc(-1 * var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_s]::after {
border-color: var(--ck-color-panel-background) transparent transparent transparent;
margin-bottom: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_e]::before,
.ck.ck-balloon-panel[class*=arrow_e]::after {
border-width: var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height);
}
.ck.ck-balloon-panel[class*=arrow_e]::before {
border-color: transparent transparent transparent var(--ck-color-panel-border);
margin-right: calc(-1 * var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_e]::after {
border-color: transparent transparent transparent var(--ck-color-panel-background);
margin-right: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_w]::before,
.ck.ck-balloon-panel[class*=arrow_w]::after {
border-width: var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0;
}
.ck.ck-balloon-panel[class*=arrow_w]::before {
border-color: transparent var(--ck-color-panel-border) transparent transparent;
margin-left: calc(-1 * var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_w]::after {
border-color: transparent var(--ck-color-panel-background) transparent transparent;
margin-left: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_n::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_n::after {
left: 50%;
margin-left: calc(-1 * var(--ck-balloon-arrow-half-width));
top: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::after {
left: calc(2 * var(--ck-balloon-arrow-half-width));
top: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::after {
right: calc(2 * var(--ck-balloon-arrow-half-width));
top: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_s::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_s::after {
left: 50%;
margin-left: calc(-1 * var(--ck-balloon-arrow-half-width));
bottom: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::after {
left: calc(2 * var(--ck-balloon-arrow-half-width));
bottom: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_se::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_se::after {
right: calc(2 * var(--ck-balloon-arrow-half-width));
bottom: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::after {
right: 25%;
margin-right: calc(2 * var(--ck-balloon-arrow-half-width));
bottom: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::after {
left: 25%;
margin-left: calc(2 * var(--ck-balloon-arrow-half-width));
bottom: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::after {
right: 25%;
margin-right: calc(2 * var(--ck-balloon-arrow-half-width));
top: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::after {
left: 25%;
margin-left: calc(2 * var(--ck-balloon-arrow-half-width));
top: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_e::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_e::after {
right: calc(-1 * var(--ck-balloon-arrow-height));
margin-top: calc(-1 * var(--ck-balloon-arrow-half-width));
top: 50%;
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_w::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_w::after {
left: calc(-1 * var(--ck-balloon-arrow-height));
margin-top: calc(-1 * var(--ck-balloon-arrow-half-width));
top: 50%;
}
.ck .ck-balloon-rotator__navigation {
background: var(--ck-color-toolbar-background);
border-bottom: 1px solid var(--ck-color-toolbar-border);
padding: 0 var(--ck-spacing-small);
}
.ck .ck-balloon-rotator__navigation > * {
margin-right: var(--ck-spacing-small);
margin-top: var(--ck-spacing-small);
margin-bottom: var(--ck-spacing-small);
}
.ck .ck-balloon-rotator__navigation .ck-balloon-rotator__counter {
margin-right: var(--ck-spacing-standard);
margin-left: var(--ck-spacing-small);
}
.ck .ck-balloon-rotator__content .ck.ck-annotation-wrapper {
box-shadow: none;
}
:root {
--ck-balloon-fake-panel-offset-horizontal: 6px;
--ck-balloon-fake-panel-offset-vertical: 6px;
}
.ck .ck-fake-panel div {
box-shadow: var(--ck-drop-shadow), 0 0;
min-height: 15px;
background: var(--ck-color-panel-background);
border: 1px solid var(--ck-color-panel-border);
border-radius: var(--ck-border-radius);
width: 100%;
height: 100%;
}
.ck .ck-fake-panel div:nth-child(1) {
margin-left: var(--ck-balloon-fake-panel-offset-horizontal);
margin-top: var(--ck-balloon-fake-panel-offset-vertical);
}
.ck .ck-fake-panel div:nth-child(2) {
margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 2);
margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 2);
}
.ck .ck-fake-panel div:nth-child(3) {
margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 3);
margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 3);
}
.ck .ck-balloon-panel_arrow_s + .ck-fake-panel,
.ck .ck-balloon-panel_arrow_se + .ck-fake-panel,
.ck .ck-balloon-panel_arrow_sw + .ck-fake-panel {
--ck-balloon-fake-panel-offset-vertical: -6px;
}
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
box-shadow: var(--ck-drop-shadow), 0 0;
border-width: 0 1px 1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ck-vertical-form > .ck-button:nth-last-child(2)::after {
border-right: 1px solid var(--ck-color-base-border);
}
.ck.ck-responsive-form {
padding: var(--ck-spacing-large);
}
.ck.ck-responsive-form:focus {
outline: none;
}
[dir=ltr] .ck.ck-responsive-form > :not(:first-child) {
margin-left: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-responsive-form > :not(:last-child) {
margin-left: var(--ck-spacing-standard);
}
@media screen and (max-width: 600px) {
.ck.ck-responsive-form {
padding: 0;
width: calc(.8 * var(--ck-input-width));
}
.ck.ck-responsive-form .ck-labeled-field-view {
margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
}
.ck.ck-responsive-form .ck-labeled-field-view .ck-input-text,
.ck.ck-responsive-form .ck-labeled-field-view .ck-input-number {
min-width: 0;
width: 100%;
}
.ck.ck-responsive-form .ck-labeled-field-view .ck-labeled-field-view__error {
white-space: normal;
}
.ck.ck-responsive-form > .ck-button:nth-last-child(2)::after {
border-right: 1px solid var(--ck-color-base-border);
}
.ck.ck-responsive-form > .ck-button:nth-last-child(1),
.ck.ck-responsive-form > .ck-button:nth-last-child(2) {
padding: var(--ck-spacing-standard);
margin-top: var(--ck-spacing-large);
border-radius: 0;
}
.ck.ck-responsive-form > .ck-button:nth-last-child(1):not(:focus),
.ck.ck-responsive-form > .ck-button:nth-last-child(2):not(:focus) {
border-top: 1px solid var(--ck-color-base-border);
}
[dir=ltr] .ck.ck-responsive-form > .ck-button:nth-last-child(1),
[dir=ltr] .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
margin-left: 0;
}
[dir=rtl] .ck.ck-responsive-form > .ck-button:nth-last-child(1),
[dir=rtl] .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
margin-left: 0;
}
[dir=rtl] .ck.ck-responsive-form > .ck-button:nth-last-child(1):last-of-type,
[dir=rtl] .ck.ck-responsive-form > .ck-button:nth-last-child(2):last-of-type {
border-right: 1px solid var(--ck-color-base-border);
}
}
:root {
--ck-search-field-view-horizontal-spacing: calc(var(--ck-icon-size) + var(--ck-spacing-medium));
}
.ck.ck-search > .ck-labeled-field-view .ck-input {
width: 100%;
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon {
--ck-labeled-field-label-default-position-x: var(--ck-search-field-view-horizontal-spacing);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon > .ck-labeled-field-view__input-wrapper > .ck-icon {
opacity: .5;
pointer-events: none;
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input {
width: 100%;
}
[dir=ltr] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input {
padding-left: var(--ck-search-field-view-horizontal-spacing);
}
[dir=rtl] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input:not(.ck-input-text_empty) {
padding-left: var(--ck-search-field-view-horizontal-spacing);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset {
--ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-search-field-view-horizontal-spacing);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset.ck-labeled-field-view_empty {
--ck-labeled-field-empty-unfocused-max-width: 100% - var(--ck-search-field-view-horizontal-spacing) - var(--ck-spacing-medium);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
min-width: auto;
min-height: auto;
background: none;
opacity: .5;
padding: 0;
}
[dir=ltr] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
right: var(--ck-spacing-medium);
}
[dir=rtl] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
left: var(--ck-spacing-medium);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset:hover {
opacity: 1;
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {
width: 100%;
}
[dir=ltr] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input:not(.ck-input-text_empty) {
padding-right: var(--ck-search-field-view-horizontal-spacing);
}
[dir=rtl] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {
padding-right: var(--ck-search-field-view-horizontal-spacing);
}
.ck.ck-search > .ck-search__results {
min-width: 100%;
}
.ck.ck-search > .ck-search__results > .ck-search__info {
width: 100%;
padding: var(--ck-spacing-medium) var(--ck-spacing-large);
}
.ck.ck-search > .ck-search__results > .ck-search__info * {
white-space: normal;
}
.ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {
font-weight: bold;
}
.ck.ck-search > .ck-search__results > .ck-search__info > span:last-child {
margin-top: var(--ck-spacing-medium);
}
:root {
--ck-toolbar-spinner-size: 18px;
}
.ck.ck-spinner-container {
width: var(--ck-toolbar-spinner-size);
height: var(--ck-toolbar-spinner-size);
animation: 1.5s infinite ck-spinner-rotate linear;
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-spinner-container {
animation-duration: 3s;
}
}
.ck.ck-spinner {
width: var(--ck-toolbar-spinner-size);
height: var(--ck-toolbar-spinner-size);
border-radius: 50%;
border: 2px solid var(--ck-color-text);
border-top-color: transparent;
}
@keyframes ck-spinner-rotate {
to {
transform: rotate(360deg);
}
}
.ck-textarea {
overflow-x: hidden;
}
:root {
--ck-color-block-toolbar-button: var(--ck-color-text);
--ck-block-toolbar-button-size: var(--ck-font-size-normal);
}
.ck.ck-block-toolbar-button {
color: var(--ck-color-block-toolbar-button);
font-size: var(--ck-block-toolbar-size);
}
.ck.ck-toolbar {
border-radius: 0;
background: var(--ck-color-toolbar-background);
padding: 0 var(--ck-spacing-small);
border: 1px solid var(--ck-color-toolbar-border);
}
.ck-rounded-corners .ck.ck-toolbar,
.ck.ck-toolbar.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-toolbar .ck.ck-toolbar__separator {
height: var(--ck-icon-size);
width: 1px;
min-width: 1px;
background: var(--ck-color-toolbar-border);
margin-top: var(--ck-spacing-small);
margin-bottom: var(--ck-spacing-small);
}
.ck.ck-toolbar .ck-toolbar__line-break {
height: 0;
}
.ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break) {
margin-right: var(--ck-spacing-small);
}
.ck.ck-toolbar > .ck-toolbar__items:empty + .ck.ck-toolbar__separator {
display: none;
}
.ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break),
.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown {
margin-top: var(--ck-spacing-small);
margin-bottom: var(--ck-spacing-small);
}
.ck.ck-toolbar.ck-toolbar_vertical {
padding: 0;
}
.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items > .ck {
width: 100%;
margin: 0;
border-radius: 0;
}
.ck.ck-toolbar.ck-toolbar_compact {
padding: 0;
}
.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > * {
margin: 0;
}
.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > *:not(:first-child):not(:last-child) {
border-radius: 0;
}
.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck.ck-button.ck-dropdown__button {
padding-left: var(--ck-spacing-tiny);
}
.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-dropdown__panel {
min-width: auto;
}
.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-button > .ck-button__label {
max-width: 7em;
width: auto;
}
.ck.ck-toolbar:focus {
outline: none;
}
.ck-toolbar-container .ck.ck-toolbar {
border: 0;
}
[dir=rtl] .ck.ck-toolbar > .ck-toolbar__items > .ck,
.ck.ck-toolbar[dir=rtl] > .ck-toolbar__items > .ck {
margin-right: 0;
}
[dir=rtl] .ck.ck-toolbar:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck,
.ck.ck-toolbar[dir=rtl]:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck {
margin-left: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child,
.ck.ck-toolbar[dir=rtl] > .ck-toolbar__items > .ck:last-child {
margin-left: 0;
}
[dir=rtl] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child,
.ck.ck-toolbar.ck-toolbar_compact[dir=rtl] > .ck-toolbar__items > .ck:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
[dir=rtl] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child,
.ck.ck-toolbar.ck-toolbar_compact[dir=rtl] > .ck-toolbar__items > .ck:last-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
[dir=rtl] .ck.ck-toolbar > .ck.ck-toolbar__separator,
.ck.ck-toolbar[dir=rtl] > .ck.ck-toolbar__separator {
margin-left: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child),
.ck.ck-toolbar.ck-toolbar_grouping[dir=rtl] > .ck-toolbar__items:not(:empty):not(:only-child) {
margin-left: var(--ck-spacing-small);
}
[dir=ltr] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child,
.ck.ck-toolbar[dir=ltr] > .ck-toolbar__items > .ck:last-child {
margin-right: 0;
}
[dir=ltr] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child,
.ck.ck-toolbar.ck-toolbar_compact[dir=ltr] > .ck-toolbar__items > .ck:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
[dir=ltr] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child,
.ck.ck-toolbar.ck-toolbar_compact[dir=ltr] > .ck-toolbar__items > .ck:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
[dir=ltr] .ck.ck-toolbar > .ck.ck-toolbar__separator,
.ck.ck-toolbar[dir=ltr] > .ck.ck-toolbar__separator {
margin-right: var(--ck-spacing-small);
}
[dir=ltr] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child),
.ck.ck-toolbar.ck-toolbar_grouping[dir=ltr] > .ck-toolbar__items:not(:empty):not(:only-child) {
margin-right: var(--ck-spacing-small);
}
.ck.ck-balloon-panel.ck-tooltip {
--ck-balloon-border-width: 0px;
--ck-balloon-arrow-offset: 0px;
--ck-balloon-arrow-half-width: 4px;
--ck-balloon-arrow-height: 4px;
--ck-tooltip-text-padding: 4px;
--ck-color-panel-background: var(--ck-color-tooltip-background);
padding: 0 var(--ck-spacing-medium);
box-shadow: none;
}
.ck.ck-balloon-panel.ck-tooltip .ck-tooltip__text {
font-size: .9em;
line-height: 1.5;
color: var(--ck-color-tooltip-text);
}
.ck.ck-balloon-panel.ck-tooltip.ck-tooltip_multi-line .ck-tooltip__text {
white-space: break-spaces;
display: inline-block;
padding: var(--ck-tooltip-text-padding) 0;
max-width: 200px;
}
.ck.ck-balloon-panel.ck-tooltip::before {
display: none;
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
border-radius: 0;
border: 1px solid var(--ck-color-base-border);
border-bottom-width: 0;
}
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content,
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners {
border-radius: var(--ck-border-radius);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky {
border-bottom-width: 1px;
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar {
border: 0;
border-bottom: 1px solid var(--ck-color-base-border);
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar {
border: 0;
}
.ck.ck-editor__main > .ck-editor__editable {
background: var(--ck-color-base-background);
border-radius: 0;
}
.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
border-radius: var(--ck-border-radius);
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
border-color: var(--ck-color-base-border);
}
:root {
--ck-clipboard-drop-target-dot-width: 12px;
--ck-clipboard-drop-target-dot-height: 8px;
--ck-clipboard-drop-target-color: var(--ck-color-focus-border);
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
bottom: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
border: 1px solid var(--ck-clipboard-drop-target-color);
background: var(--ck-clipboard-drop-target-color);
margin-left: -1px;
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span::after {
content: "";
width: 0;
height: 0;
display: block;
position: absolute;
left: 50%;
top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
transform: translateX(-50%);
border-color: var(--ck-clipboard-drop-target-color) transparent transparent transparent;
border-width: calc(var(--ck-clipboard-drop-target-dot-height)) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width));
border-style: solid;
}
.ck.ck-editor__editable .ck-widget.ck-clipboard-drop-target-range {
outline: var(--ck-widget-outline-thickness) solid var(--ck-clipboard-drop-target-color) !important;
}
.ck.ck-editor__editable .ck-widget:-webkit-drag {
zoom: 0.6;
outline: none !important;
}
.ck.ck-clipboard-drop-target-line {
height: 0;
border: 1px solid var(--ck-clipboard-drop-target-color);
background: var(--ck-clipboard-drop-target-color);
margin-top: -1px;
}
.ck.ck-clipboard-drop-target-line::before {
content: "";
position: absolute;
top: calc(-.5 * var(--ck-clipboard-drop-target-dot-width));
width: 0;
height: 0;
border-style: solid;
}
[dir=ltr] .ck.ck-clipboard-drop-target-line::before {
left: -1px;
border-width: calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height);
border-color: transparent transparent transparent var(--ck-clipboard-drop-target-color);
}
[dir=rtl] .ck.ck-clipboard-drop-target-line::before {
right: -1px;
border-width: calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0;
border-color: transparent var(--ck-clipboard-drop-target-color) transparent transparent;
}
:root {
--ck-color-code-block-label-background: hsl(0, 0%, 46%);
}
.ck.ck-editor__editable pre[data-language]::after {
top: -1px;
right: 10px;
background: var(--ck-color-code-block-label-background);
font-size: 10px;
font-family: var(--ck-font-face);
line-height: 16px;
padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
color: hsl(0, 0%, 100%);
white-space: nowrap;
}
.ck.ck-code-block-dropdown .ck-dropdown__panel {
max-height: 250px;
overflow-y: auto;
overflow-x: hidden;
}
@media (forced-colors: active) {
.ck.ck-placeholder,
.ck .ck-placeholder {
forced-color-adjust: preserve-parent-color;
}
}
.ck.ck-placeholder::before,
.ck .ck-placeholder::before {
cursor: text;
}
@media (forced-colors: none) {
.ck.ck-placeholder::before,
.ck .ck-placeholder::before {
color: var(--ck-color-engine-placeholder-text);
}
}
@media (forced-colors: active) {
.ck.ck-placeholder::before,
.ck .ck-placeholder::before {
font-style: italic;
margin-left: 1px;
}
}
.ck.ck-find-and-replace-form {
width: 400px;
}
.ck.ck-find-and-replace-form:focus {
outline: none;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs,
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
flex: 1 1 auto;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
align-content: stretch;
padding: var(--ck-spacing-large);
margin: 0;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button,
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button {
flex: 0 0 auto;
}
[dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *,
[dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + * {
margin-left: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *,
[dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + * {
margin-right: var(--ck-spacing-standard);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view,
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view {
flex: 1 1 auto;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view .ck-input,
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view .ck-input {
width: 100%;
min-width: 50px;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs {
align-items: flex-start;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-prev > .ck-icon {
transform: rotate(90deg);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-next > .ck-icon {
transform: rotate(-90deg);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
top: 50%;
transform: translateY(-50%);
color: var(--ck-color-base-border);
}
[dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
right: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
left: var(--ck-spacing-standard);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
flex: 0 0 100%;
padding-top: var(--ck-spacing-standard);
}
[dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
margin-left: 0;
}
[dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
margin-right: 0;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
flex-wrap: wrap;
justify-content: flex-end;
margin-top: calc(-1 * var(--ck-spacing-large));
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find {
font-weight: bold;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find .ck-button__label {
padding-left: var(--ck-spacing-large);
padding-right: var(--ck-spacing-large);
}
.ck.ck-find-and-replace-form .ck-switchbutton {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 600px) {
.ck.ck-find-and-replace-form {
width: 300px;
max-width: 100%;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__input {
flex-wrap: wrap;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__input .ck-labeled-field-view {
flex: 1 0 auto;
width: 100%;
margin-bottom: var(--ck-spacing-standard);
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button {
text-align: center;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
flex: 1 1 auto;
}
[dir=ltr] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
margin-left: 0;
}
[dir=rtl] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
margin-right: 0;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type .ck-button__label {
width: 100%;
text-align: center;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) {
flex-wrap: wrap;
flex: 1 1 auto;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button {
text-align: center;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
flex: 1 1 auto;
}
[dir=ltr] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
margin-left: 0;
}
[dir=rtl] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
margin-right: 0;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button .ck-button__label {
width: 100%;
text-align: center;
}
}
.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {
width: 8em;
}
.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item {
min-width: 18em;
}
:root {
--ck-html-embed-content-width: calc(100% - 1.5 * var(--ck-icon-size));
--ck-html-embed-source-height: 10em;
--ck-html-embed-unfocused-outline-width: 1px;
--ck-html-embed-content-min-height: calc(var(--ck-icon-size) + var(--ck-spacing-standard));
--ck-html-embed-source-disabled-background: var(--ck-color-base-foreground);
--ck-html-embed-source-disabled-color: hsl(0deg 0% 45%);
}
.ck-widget.raw-html-embed {
font-size: var(--ck-font-size-base);
background-color: var(--ck-color-base-foreground);
}
.ck-widget.raw-html-embed:not(.ck-widget_selected):not(:hover) {
outline: var(--ck-html-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
}
.ck-widget.raw-html-embed[dir=ltr] {
text-align: left;
}
.ck-widget.raw-html-embed[dir=rtl] {
text-align: right;
}
.ck-widget.raw-html-embed::before {
content: attr(data-html-embed-label);
top: calc(-1 * var(--ck-html-embed-unfocused-outline-width));
left: var(--ck-spacing-standard);
background: hsl(0deg 0% 60%);
transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
padding: calc(var(--ck-spacing-tiny) + var(--ck-html-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
color: var(--ck-color-base-background);
font-size: var(--ck-font-size-tiny);
font-family: var(--ck-font-face);
}
.ck-widget.raw-html-embed[dir=rtl]::before {
left: auto;
right: var(--ck-spacing-standard);
}
.ck-widget.raw-html-embed[dir=ltr] .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before {
margin-left: 50px;
}
.ck.ck-editor__editable.ck-blurred .ck-widget.raw-html-embed.ck-widget_selected::before {
top: 0px;
padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
}
.ck.ck-editor__editable:not(.ck-blurred) .ck-widget.raw-html-embed.ck-widget_selected::before {
top: 0;
padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
background: var(--ck-color-focus-border);
}
.ck.ck-editor__editable .ck-widget.raw-html-embed:not(.ck-widget_selected):hover::before {
top: 0px;
padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
}
.ck-widget.raw-html-embed .raw-html-embed__content-wrapper {
padding: var(--ck-spacing-standard);
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper {
top: var(--ck-spacing-standard);
right: var(--ck-spacing-standard);
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__save-button {
color: var(--ck-color-button-save);
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__cancel-button {
color: var(--ck-color-button-cancel);
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button:not(:first-child) {
margin-top: var(--ck-spacing-small);
}
.ck-widget.raw-html-embed[dir=rtl] .raw-html-embed__buttons-wrapper {
left: var(--ck-spacing-standard);
right: auto;
}
.ck-widget.raw-html-embed .raw-html-embed__source {
box-sizing: border-box;
height: var(--ck-html-embed-source-height);
width: var(--ck-html-embed-content-width);
resize: none;
min-width: 0;
padding: var(--ck-spacing-standard);
font-family: monospace;
tab-size: 4;
white-space: pre-wrap;
font-size: var(--ck-font-size-base);
text-align: left;
direction: ltr;
}
.ck-widget.raw-html-embed .raw-html-embed__source[disabled] {
background: var(--ck-html-embed-source-disabled-background);
color: var(--ck-html-embed-source-disabled-color);
-webkit-text-fill-color: var(--ck-html-embed-source-disabled-color);
opacity: 1;
}
.ck-widget.raw-html-embed .raw-html-embed__preview {
min-height: var(--ck-html-embed-content-min-height);
width: var(--ck-html-embed-content-width);
}
.ck-editor__editable:not(.ck-read-only) .ck-widget.raw-html-embed .raw-html-embed__preview {
pointer-events: none;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-content {
box-sizing: border-box;
background-color: var(--ck-color-base-foreground);
}
.ck-widget.raw-html-embed .raw-html-embed__preview-content > * {
margin-left: auto;
margin-right: auto;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder {
color: var(--ck-html-embed-source-disabled-color);
}
:root {
--ck-image-insert-insert-by-url-width: 250px;
}
.ck.ck-image-insert-url {
--ck-input-width: 100%;
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row {
grid-column-gap: var(--ck-spacing-large);
margin-top: var(--ck-spacing-large);
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-save,
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-cancel {
justify-content: center;
min-width: auto;
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button .ck-button__label {
color: var(--ck-color-text);
}
.ck.ck-image-insert-form > .ck.ck-button {
display: block;
width: 100%;
}
[dir=ltr] .ck.ck-image-insert-form > .ck.ck-button {
text-align: left;
}
[dir=rtl] .ck.ck-image-insert-form > .ck.ck-button {
text-align: right;
}
.ck.ck-image-insert-form > .ck.ck-collapsible {
min-width: var(--ck-image-insert-insert-by-url-width);
}
.ck.ck-image-insert-form > .ck.ck-collapsible:not(:first-child) {
border-top: 1px solid var(--ck-color-base-border);
}
.ck.ck-image-insert-form > .ck.ck-collapsible:not(:last-child) {
border-bottom: 1px solid var(--ck-color-base-border);
}
.ck.ck-image-insert-form > .ck.ck-image-insert-url {
min-width: var(--ck-image-insert-insert-by-url-width);
padding: var(--ck-spacing-large);
}
.ck.ck-image-insert-form:focus {
outline: none;
}
:root {
--ck-color-image-upload-icon: hsl(0, 0%, 100%);
--ck-color-image-upload-icon-background: hsl(120, 100%, 27%);
--ck-image-upload-icon-size: 20;
--ck-image-upload-icon-width: 2px;
--ck-image-upload-icon-is-visible: clamp(0px, 100% - 50px, 1px);
}
.ck-image-upload-complete-icon {
opacity: 0;
background: var(--ck-color-image-upload-icon-background);
animation-name: ck-upload-complete-icon-show, ck-upload-complete-icon-hide;
animation-fill-mode: forwards, forwards;
animation-duration: 500ms, 500ms;
font-size: calc(1px * var(--ck-image-upload-icon-size));
animation-delay: 0ms, 3000ms;
overflow: hidden;
width: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
height: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
}
.ck-image-upload-complete-icon::after {
left: 25%;
top: 50%;
opacity: 0;
height: 0;
width: 0;
transform: scaleX(-1) rotate(135deg);
transform-origin: left top;
border-top: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
border-right: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
animation-name: ck-upload-complete-icon-check;
animation-duration: 500ms;
animation-delay: 500ms;
animation-fill-mode: forwards;
box-sizing: border-box;
}
@media (prefers-reduced-motion: reduce) {
.ck-image-upload-complete-icon {
animation-duration: 0ms;
}
.ck-image-upload-complete-icon::after {
animation: none;
opacity: 1;
width: 0.3em;
height: 0.45em;
}
}
@keyframes ck-upload-complete-icon-show {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes ck-upload-complete-icon-hide {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes ck-upload-complete-icon-check {
0% {
opacity: 1;
width: 0;
height: 0;
}
33% {
width: 0.3em;
height: 0;
}
100% {
opacity: 1;
width: 0.3em;
height: 0.45em;
}
}
:root {
--ck-color-upload-placeholder-loader: hsl(0, 0%, 70%);
--ck-upload-placeholder-loader-size: 32px;
--ck-upload-placeholder-image-aspect-ratio: 2.8;
}
.ck .ck-image-upload-placeholder {
width: 100%;
margin: 0;
}
.ck .ck-image-upload-placeholder.image-inline {
width: calc(2 * var(--ck-upload-placeholder-loader-size) * var(--ck-upload-placeholder-image-aspect-ratio));
}
.ck .ck-image-upload-placeholder img {
aspect-ratio: var(--ck-upload-placeholder-image-aspect-ratio);
}
.ck .ck-upload-placeholder-loader {
width: 100%;
height: 100%;
}
.ck .ck-upload-placeholder-loader::before {
width: var(--ck-upload-placeholder-loader-size);
height: var(--ck-upload-placeholder-loader-size);
border-radius: 50%;
border-top: 3px solid var(--ck-color-upload-placeholder-loader);
border-right: 2px solid transparent;
animation: ck-upload-placeholder-loader 1s linear infinite;
}
@keyframes ck-upload-placeholder-loader {
to {
transform: rotate(360deg);
}
}
.ck.ck-editor__editable .image.ck-appear,
.ck.ck-editor__editable .image-inline.ck-appear {
animation: fadeIn 700ms;
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-editor__editable .image.ck-appear,
.ck.ck-editor__editable .image-inline.ck-appear {
opacity: 1;
animation: none;
}
}
.ck.ck-editor__editable .image .ck-progress-bar,
.ck.ck-editor__editable .image-inline .ck-progress-bar {
height: 2px;
width: 0;
background: var(--ck-color-upload-bar-background);
transition: width 100ms;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.ck .ck-link_selected {
background: var(--ck-color-link-selected-background);
}
.ck .ck-link_selected span.image-inline {
outline: var(--ck-widget-outline-thickness) solid var(--ck-color-link-selected-background);
}
.ck .ck-fake-link-selection {
background: var(--ck-color-link-fake-selection);
}
.ck .ck-fake-link-selection_collapsed {
height: 100%;
border-right: 1px solid var(--ck-color-base-text);
margin-right: -1px;
outline: solid 1px hsla(0, 0%, 100%, .5);
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview {
padding-left: 0;
padding-right: 0;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label {
padding: 0 var(--ck-spacing-medium);
color: var(--ck-color-link-default);
text-overflow: ellipsis;
cursor: pointer;
max-width: var(--ck-input-width);
min-width: 3em;
text-align: center;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label:hover {
text-decoration: underline;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview,
.ck.ck-link-actions .ck-button.ck-link-actions__preview:hover,
.ck.ck-link-actions .ck-button.ck-link-actions__preview:focus,
.ck.ck-link-actions .ck-button.ck-link-actions__preview:active {
background: none;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview:active {
box-shadow: none;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview:focus .ck-button__label {
text-decoration: underline;
}
[dir=ltr] .ck.ck-link-actions .ck-button:not(:first-child) {
margin-left: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-link-actions .ck-button:not(:last-child) {
margin-left: var(--ck-spacing-standard);
}
@media screen and (max-width: 600px) {
.ck.ck-link-actions .ck-button.ck-link-actions__preview {
margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label {
min-width: 0;
max-width: 100%;
}
[dir=ltr] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
margin-left: 0;
}
[dir=rtl] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
margin-left: 0;
}
}
.ck.ck-link-form_layout-vertical {
padding: 0;
min-width: var(--ck-input-width);
}
.ck.ck-link-form_layout-vertical .ck-labeled-field-view {
margin: var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-small);
}
.ck.ck-link-form_layout-vertical .ck-labeled-field-view .ck-input-text {
min-width: 0;
width: 100%;
}
.ck.ck-link-form_layout-vertical > .ck-button {
padding: var(--ck-spacing-standard);
margin: 0;
width: 50%;
border-radius: 0;
}
.ck.ck-link-form_layout-vertical > .ck-button:not(:focus) {
border-top: 1px solid var(--ck-color-base-border);
}
[dir=ltr] .ck.ck-link-form_layout-vertical > .ck-button {
margin-left: 0;
}
[dir=rtl] .ck.ck-link-form_layout-vertical > .ck-button {
margin-left: 0;
}
[dir=rtl] .ck.ck-link-form_layout-vertical > .ck-button:last-of-type {
border-right: 1px solid var(--ck-color-base-border);
}
.ck.ck-link-form_layout-vertical .ck.ck-list {
margin: 0 var(--ck-spacing-large);
}
.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton {
padding: 0;
width: 100%;
}
.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton:hover {
background: none;
}
:root {
--ck-link-image-indicator-icon-size: 20;
--ck-link-image-indicator-icon-is-visible: clamp(0px, 100% - 50px, 1px);
}
.ck.ck-editor__editable figure.image > a::after,
.ck.ck-editor__editable a span.image-inline::after {
content: "";
top: min(var(--ck-spacing-medium), 6%);
right: min(var(--ck-spacing-medium), 6%);
background-color: hsla(0, 0%, 0%, .4);
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTExLjA3NyAxNSAuOTkxLTEuNDE2YS43NS43NSAwIDEgMSAxLjIyOS44NmwtMS4xNDggMS42NGEuNzQ4Ljc0OCAwIDAgMS0uMjE3LjIwNiA1LjI1MSA1LjI1MSAwIDAgMS04LjUwMy01Ljk1NS43NDEuNzQxIDAgMCAxIC4xMi0uMjc0bDEuMTQ3LTEuNjM5YS43NS43NSAwIDEgMSAxLjIyOC44Nkw0LjkzMyAxMC43bC4wMDYuMDAzYTMuNzUgMy43NSAwIDAgMCA2LjEzMiA0LjI5NGwuMDA2LjAwNHptNS40OTQtNS4zMzVhLjc0OC43NDggMCAwIDEtLjEyLjI3NGwtMS4xNDcgMS42MzlhLjc1Ljc1IDAgMSAxLTEuMjI4LS44NmwuODYtMS4yM2EzLjc1IDMuNzUgMCAwIDAtNi4xNDQtNC4zMDFsLS44NiAxLjIyOWEuNzUuNzUgMCAwIDEtMS4yMjktLjg2bDEuMTQ4LTEuNjRhLjc0OC43NDggMCAwIDEgLjIxNy0uMjA2IDUuMjUxIDUuMjUxIDAgMCAxIDguNTAzIDUuOTU1em0tNC41NjMtMi41MzJhLjc1Ljc1IDAgMCAxIC4xODQgMS4wNDVsLTMuMTU1IDQuNTA1YS43NS43NSAwIDEgMS0xLjIyOS0uODZsMy4xNTUtNC41MDZhLjc1Ljc1IDAgMCAxIDEuMDQ1LS4xODR6Ii8+PC9zdmc+);
background-size: 14px;
background-repeat: no-repeat;
background-position: center;
border-radius: 100%;
overflow: hidden;
width: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
height: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
}
.ck.ck-list-properties.ck-list-properties_without-styles {
padding: var(--ck-spacing-large);
}
.ck.ck-list-properties.ck-list-properties_without-styles > * {
min-width: 14em;
}
.ck.ck-list-properties.ck-list-properties_without-styles > * + * {
margin-top: var(--ck-spacing-standard);
}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-list-styles-list {
grid-template-columns: repeat(4, auto);
}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible {
border-top: 1px solid var(--ck-color-base-border);
}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * {
width: 100%;
}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * + * {
margin-top: var(--ck-spacing-standard);
}
.ck.ck-list-properties .ck.ck-numbered-list-properties__start-index .ck-input {
min-width: auto;
width: 100%;
}
.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order {
background: transparent;
padding-left: 0;
padding-right: 0;
margin-bottom: calc(-1 * var(--ck-spacing-tiny));
}
.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:active,
.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:hover {
box-shadow: none;
border-color: transparent;
background: none;
}
:root {
--ck-list-style-button-size: 44px;
}
.ck.ck-list-styles-list {
grid-template-columns: repeat(3, auto);
row-gap: var(--ck-spacing-medium);
column-gap: var(--ck-spacing-medium);
padding: var(--ck-spacing-large);
}
.ck.ck-list-styles-list .ck-button {
width: var(--ck-list-style-button-size);
height: var(--ck-list-style-button-size);
padding: 0;
margin: 0;
box-sizing: content-box;
}
.ck.ck-list-styles-list .ck-button .ck-icon {
width: var(--ck-list-style-button-size);
height: var(--ck-list-style-button-size);
}
:root {
--ck-media-embed-placeholder-icon-size: 3em;
--ck-color-media-embed-placeholder-url-text: hsl(0, 0%, 46%);
--ck-color-media-embed-placeholder-url-text-hover: var(--ck-color-base-text);
}
.ck-media__wrapper {
margin: 0 auto;
}
.ck-media__wrapper .ck-media__placeholder {
padding: calc(3 * var(--ck-spacing-standard));
background: var(--ck-color-base-foreground);
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon {
min-width: var(--ck-media-embed-placeholder-icon-size);
height: var(--ck-media-embed-placeholder-icon-size);
margin-bottom: var(--ck-spacing-large);
background-position: center;
background-size: cover;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon .ck-icon {
width: 100%;
height: 100%;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text {
color: var(--ck-color-media-embed-placeholder-url-text);
white-space: nowrap;
text-align: center;
font-style: italic;
text-overflow: ellipsis;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text:hover {
color: var(--ck-color-media-embed-placeholder-url-text-hover);
cursor: pointer;
text-decoration: underline;
}
.ck-media__wrapper[data-oembed-url*="open.spotify.com"] {
max-width: 300px;
max-height: 380px;
}
.ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon,
.ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon,
.ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon,
.ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAuMzc4IiBoZWlnaHQ9IjI1NC4xNjciIHZpZXdCb3g9IjAgMCA2Ni4yNDYgNjcuMjQ4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcyLjUzMSAtMjE4LjQ1NSkgc2NhbGUoLjk4MDEyKSI+PHJlY3Qgcnk9IjUuMjM4IiByeD0iNS4yMzgiIHk9IjIzMS4zOTkiIHg9IjE3Ni4wMzEiIGhlaWdodD0iNjAuMDk5IiB3aWR0aD0iNjAuMDk5IiBmaWxsPSIjMzRhNjY4IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Ik0yMDYuNDc3IDI2MC45bC0yOC45ODcgMjguOTg3YTUuMjE4IDUuMjE4IDAgMCAwIDMuNzggMS42MWg0OS42MjFjMS42OTQgMCAzLjE5LS43OTggNC4xNDYtMi4wMzd6IiBmaWxsPSIjNWM4OGM1Ii8+PHBhdGggZD0iTTIyNi43NDIgMjIyLjk4OGMtOS4yNjYgMC0xNi43NzcgNy4xNy0xNi43NzcgMTYuMDE0LjAwNyAyLjc2Mi42NjMgNS40NzQgMi4wOTMgNy44NzUuNDMuNzAzLjgzIDEuNDA4IDEuMTkgMi4xMDcuMzMzLjUwMi42NSAxLjAwNS45NSAxLjUwOC4zNDMuNDc3LjY3My45NTcuOTg4IDEuNDQgMS4zMSAxLjc2OSAyLjUgMy41MDIgMy42MzcgNS4xNjguNzkzIDEuMjc1IDEuNjgzIDIuNjQgMi40NjYgMy45OSAyLjM2MyA0LjA5NCA0LjAwNyA4LjA5MiA0LjYgMTMuOTE0di4wMTJjLjE4Mi40MTIuNTE2LjY2Ni44NzkuNjY3LjQwMy0uMDAxLjc2OC0uMzE0LjkzLS43OTkuNjAzLTUuNzU2IDIuMjM4LTkuNzI5IDQuNTg1LTEzLjc5NC43ODItMS4zNSAxLjY3My0yLjcxNSAyLjQ2NS0zLjk5IDEuMTM3LTEuNjY2IDIuMzI4LTMuNCAzLjYzOC01LjE2OS4zMTUtLjQ4Mi42NDUtLjk2Mi45ODgtMS40MzkuMy0uNTAzLjYxNy0xLjAwNi45NS0xLjUwOC4zNTktLjcuNzYtMS40MDQgMS4xOS0yLjEwNyAxLjQyNi0yLjQwMiAyLTUuMTE0IDIuMDA0LTcuODc1IDAtOC44NDQtNy41MTEtMTYuMDE0LTE2Ljc3Ni0xNi4wMTR6IiBmaWxsPSIjZGQ0YjNlIiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxlbGxpcHNlIHJ5PSI1LjU2NCIgcng9IjUuODI4IiBjeT0iMjM5LjAwMiIgY3g9IjIyNi43NDIiIGZpbGw9IiM4MDJkMjciIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0iTTE5MC4zMDEgMjM3LjI4M2MtNC42NyAwLTguNDU3IDMuODUzLTguNDU3IDguNjA2czMuNzg2IDguNjA3IDguNDU3IDguNjA3YzMuMDQzIDAgNC44MDYtLjk1OCA2LjMzNy0yLjUxNiAxLjUzLTEuNTU3IDIuMDg3LTMuOTEzIDIuMDg3LTYuMjkgMC0uMzYyLS4wMjMtLjcyMi0uMDY0LTEuMDc5aC04LjI1N3YzLjA0M2g0Ljg1Yy0uMTk3Ljc1OS0uNTMxIDEuNDUtMS4wNTggMS45ODYtLjk0Mi45NTgtMi4wMjggMS41NDgtMy45MDEgMS41NDgtMi44NzYgMC01LjIwOC0yLjM3Mi01LjIwOC01LjI5OSAwLTIuOTI2IDIuMzMyLTUuMjk5IDUuMjA4LTUuMjk5IDEuMzk5IDAgMi42MTguNDA3IDMuNTg0IDEuMjkzbDIuMzgxLTIuMzhjMC0uMDAyLS4wMDMtLjAwNC0uMDA0LS4wMDUtMS41ODgtMS41MjQtMy42Mi0yLjIxNS01Ljk1NS0yLjIxNXptNC40MyA1LjY2bC4wMDMuMDA2di0uMDAzeiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjE1LjE4NCAyNTEuOTI5bC03Ljk4IDcuOTc5IDI4LjQ3NyAyOC40NzVjLjI4Ny0uNjQ5LjQ0OS0xLjM2Ni40NDktMi4xMjN2LTMxLjE2NWMtLjQ2OS42NzUtLjkzNCAxLjM0OS0xLjM4MiAyLjAwNS0uNzkyIDEuMjc1LTEuNjgyIDIuNjQtMi40NjUgMy45OS0yLjM0NyA0LjA2NS0zLjk4MiA4LjAzOC00LjU4NSAxMy43OTQtLjE2Mi40ODUtLjUyNy43OTgtLjkzLjc5OS0uMzYzLS4wMDEtLjY5Ny0uMjU1LS44NzktLjY2N3YtLjAxMmMtLjU5My01LjgyMi0yLjIzNy05LjgyLTQuNi0xMy45MTQtLjc4My0xLjM1LTEuNjczLTIuNzE1LTIuNDY2LTMuOTktMS4xMzctMS42NjYtMi4zMjctMy40LTMuNjM3LTUuMTY5bC0uMDAyLS4wMDN6IiBmaWxsPSIjYzNjM2MzIi8+PHBhdGggZD0iTTIxMi45ODMgMjQ4LjQ5NWwtMzYuOTUyIDM2Ljk1M3YuODEyYTUuMjI3IDUuMjI3IDAgMCAwIDUuMjM4IDUuMjM4aDEuMDE1bDM1LjY2Ni0zNS42NjZhMTM2LjI3NSAxMzYuMjc1IDAgMCAwLTIuNzY0LTMuOSAzNy41NzUgMzcuNTc1IDAgMCAwLS45ODktMS40NGMtLjI5OS0uNTAzLS42MTYtMS4wMDYtLjk1LTEuNTA4LS4wODMtLjE2Mi0uMTc2LS4zMjYtLjI2NC0uNDg5eiIgZmlsbD0iI2ZkZGM0ZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjExLjk5OCAyNjEuMDgzbC02LjE1MiA2LjE1MSAyNC4yNjQgMjQuMjY0aC43ODFhNS4yMjcgNS4yMjcgMCAwIDAgNS4yMzktNS4yMzh2LTEuMDQ1eiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48L2c+PC9zdmc+);
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder {
background: hsl(220, 46%, 48%);
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__icon {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMDI0cHgiIGhlaWdodD0iMTAyNHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkZpbGwgMTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImZMb2dvX1doaXRlIiBmaWxsPSIjRkZGRkZFIj4gICAgICAgICAgICA8cGF0aCBkPSJNOTY3LjQ4NCwwIEw1Ni41MTcsMCBDMjUuMzA0LDAgMCwyNS4zMDQgMCw1Ni41MTcgTDAsOTY3LjQ4MyBDMCw5OTguNjk0IDI1LjI5NywxMDI0IDU2LjUyMiwxMDI0IEw1NDcsMTAyNCBMNTQ3LDYyOCBMNDE0LDYyOCBMNDE0LDQ3MyBMNTQ3LDQ3MyBMNTQ3LDM1OS4wMjkgQzU0NywyMjYuNzY3IDYyNy43NzMsMTU0Ljc0NyA3NDUuNzU2LDE1NC43NDcgQzgwMi4yNjksMTU0Ljc0NyA4NTAuODQyLDE1OC45NTUgODY1LDE2MC44MzYgTDg2NSwyOTkgTDc4My4zODQsMjk5LjAzNyBDNzE5LjM5MSwyOTkuMDM3IDcwNywzMjkuNTI5IDcwNywzNzQuMjczIEw3MDcsNDczIEw4NjAuNDg3LDQ3MyBMODQwLjUwMSw2MjggTDcwNyw2MjggTDcwNywxMDI0IEw5NjcuNDg0LDEwMjQgQzk5OC42OTcsMTAyNCAxMDI0LDk5OC42OTcgMTAyNCw5NjcuNDg0IEwxMDI0LDU2LjUxNSBDMTAyNCwyNS4zMDMgOTk4LjY5NywwIDk2Ny40ODQsMCIgaWQ9IkZpbGwtMSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text {
color: hsl(220, 100%, 90%);
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {
color: hsl(0, 0%, 100%);
}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder {
background:
linear-gradient(
-135deg,
hsl(246, 100%, 39%),
hsl(302, 100%, 36%),
hsl(0, 100%, 48%));
}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__icon {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MDRweCIgaGVpZ2h0PSI1MDRweCIgdmlld0JveD0iMCAwIDUwNCA1MDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+Z2x5cGgtbG9nb19NYXkyMDE2PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwIDAuMTU5IDUwMy44NDEgMC4xNTkgNTAzLjg0MSA1MDMuOTQgMCA1MDMuOTQiPjwvcG9seWdvbj4gICAgPC9kZWZzPiAgICA8ZyBpZD0iZ2x5cGgtbG9nb19NYXkyMDE2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJHcm91cC0zIj4gICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+ICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+ICAgICAgICAgICAgPC9tYXNrPiAgICAgICAgICAgIDxnIGlkPSJDbGlwLTIiPjwvZz4gICAgICAgICAgICA8cGF0aCBkPSJNMjUxLjkyMSwwLjE1OSBDMTgzLjUwMywwLjE1OSAxNzQuOTI0LDAuNDQ5IDE0OC4wNTQsMS42NzUgQzEyMS4yNCwyLjg5OCAxMDIuOTI3LDcuMTU3IDg2LjkwMywxMy4zODUgQzcwLjMzNywxOS44MjIgNTYuMjg4LDI4LjQzNiA0Mi4yODIsNDIuNDQxIEMyOC4yNzcsNTYuNDQ3IDE5LjY2Myw3MC40OTYgMTMuMjI2LDg3LjA2MiBDNi45OTgsMTAzLjA4NiAyLjczOSwxMjEuMzk5IDEuNTE2LDE0OC4yMTMgQzAuMjksMTc1LjA4MyAwLDE4My42NjIgMCwyNTIuMDggQzAsMzIwLjQ5NyAwLjI5LDMyOS4wNzYgMS41MTYsMzU1Ljk0NiBDMi43MzksMzgyLjc2IDYuOTk4LDQwMS4wNzMgMTMuMjI2LDQxNy4wOTcgQzE5LjY2Myw0MzMuNjYzIDI4LjI3Nyw0NDcuNzEyIDQyLjI4Miw0NjEuNzE4IEM1Ni4yODgsNDc1LjcyMyA3MC4zMzcsNDg0LjMzNyA4Ni45MDMsNDkwLjc3NSBDMTAyLjkyNyw0OTcuMDAyIDEyMS4yNCw1MDEuMjYxIDE0OC4wNTQsNTAyLjQ4NCBDMTc0LjkyNCw1MDMuNzEgMTgzLjUwMyw1MDQgMjUxLjkyMSw1MDQgQzMyMC4zMzgsNTA0IDMyOC45MTcsNTAzLjcxIDM1NS43ODcsNTAyLjQ4NCBDMzgyLjYwMSw1MDEuMjYxIDQwMC45MTQsNDk3LjAwMiA0MTYuOTM4LDQ5MC43NzUgQzQzMy41MDQsNDg0LjMzNyA0NDcuNTUzLDQ3NS43MjMgNDYxLjU1OSw0NjEuNzE4IEM0NzUuNTY0LDQ0Ny43MTIgNDg0LjE3OCw0MzMuNjYzIDQ5MC42MTYsNDE3LjA5NyBDNDk2Ljg0Myw0MDEuMDczIDUwMS4xMDIsMzgyLjc2IDUwMi4zMjUsMzU1Ljk0NiBDNTAzLjU1MSwzMjkuMDc2IDUwMy44NDEsMzIwLjQ5NyA1MDMuODQxLDI1Mi4wOCBDNTAzLjg0MSwxODMuNjYyIDUwMy41NTEsMTc1LjA4MyA1MDIuMzI1LDE0OC4yMTMgQzUwMS4xMDIsMTIxLjM5OSA0OTYuODQzLDEwMy4wODYgNDkwLjYxNiw4Ny4wNjIgQzQ4NC4xNzgsNzAuNDk2IDQ3NS41NjQsNTYuNDQ3IDQ2MS41NTksNDIuNDQxIEM0NDcuNTUzLDI4LjQzNiA0MzMuNTA0LDE5LjgyMiA0MTYuOTM4LDEzLjM4NSBDNDAwLjkxNCw3LjE1NyAzODIuNjAxLDIuODk4IDM1NS43ODcsMS42NzUgQzMyOC45MTcsMC40NDkgMzIwLjMzOCwwLjE1OSAyNTEuOTIxLDAuMTU5IFogTTI1MS45MjEsNDUuNTUgQzMxOS4xODYsNDUuNTUgMzI3LjE1NCw0NS44MDcgMzUzLjcxOCw0Ny4wMTkgQzM3OC4yOCw0OC4xMzkgMzkxLjYxOSw1Mi4yNDMgNDAwLjQ5Niw1NS42OTMgQzQxMi4yNTUsNjAuMjYzIDQyMC42NDcsNjUuNzIyIDQyOS40NjIsNzQuNTM4IEM0MzguMjc4LDgzLjM1MyA0NDMuNzM3LDkxLjc0NSA0NDguMzA3LDEwMy41MDQgQzQ1MS43NTcsMTEyLjM4MSA0NTUuODYxLDEyNS43MiA0NTYuOTgxLDE1MC4yODIgQzQ1OC4xOTMsMTc2Ljg0NiA0NTguNDUsMTg0LjgxNCA0NTguNDUsMjUyLjA4IEM0NTguNDUsMzE5LjM0NSA0NTguMTkzLDMyNy4zMTMgNDU2Ljk4MSwzNTMuODc3IEM0NTUuODYxLDM3OC40MzkgNDUxLjc1NywzOTEuNzc4IDQ0OC4zMDcsNDAwLjY1NSBDNDQzLjczNyw0MTIuNDE0IDQzOC4yNzgsNDIwLjgwNiA0MjkuNDYyLDQyOS42MjEgQzQyMC42NDcsNDM4LjQzNyA0MTIuMjU1LDQ0My44OTYgNDAwLjQ5Niw0NDguNDY2IEMzOTEuNjE5LDQ1MS45MTYgMzc4LjI4LDQ1Ni4wMiAzNTMuNzE4LDQ1Ny4xNCBDMzI3LjE1OCw0NTguMzUyIDMxOS4xOTEsNDU4LjYwOSAyNTEuOTIxLDQ1OC42MDkgQzE4NC42NSw0NTguNjA5IDE3Ni42ODQsNDU4LjM1MiAxNTAuMTIzLDQ1Ny4xNCBDMTI1LjU2MSw0NTYuMDIgMTEyLjIyMiw0NTEuOTE2IDEwMy4zNDUsNDQ4LjQ2NiBDOTEuNTg2LDQ0My44OTYgODMuMTk0LDQzOC40MzcgNzQuMzc5LDQyOS42MjEgQzY1LjU2NCw0MjAuODA2IDYwLjEwNCw0MTIuNDE0IDU1LjUzNCw0MDAuNjU1IEM1Mi4wODQsMzkxLjc3OCA0Ny45OCwzNzguNDM5IDQ2Ljg2LDM1My44NzcgQzQ1LjY0OCwzMjcuMzEzIDQ1LjM5MSwzMTkuMzQ1IDQ1LjM5MSwyNTIuMDggQzQ1LjM5MSwxODQuODE0IDQ1LjY0OCwxNzYuODQ2IDQ2Ljg2LDE1MC4yODIgQzQ3Ljk4LDEyNS43MiA1Mi4wODQsMTEyLjM4MSA1NS41MzQsMTAzLjUwNCBDNjAuMTA0LDkxLjc0NSA2NS41NjMsODMuMzUzIDc0LjM3OSw3NC41MzggQzgzLjE5NCw2NS43MjIgOTEuNTg2LDYwLjI2MyAxMDMuMzQ1LDU1LjY5MyBDMTEyLjIyMiw1Mi4yNDMgMTI1LjU2MSw0OC4xMzkgMTUwLjEyMyw0Ny4wMTkgQzE3Ni42ODcsNDUuODA3IDE4NC42NTUsNDUuNTUgMjUxLjkyMSw0NS41NSBaIiBpZD0iRmlsbC0xIiBmaWxsPSIjRkZGRkZGIiBtYXNrPSJ1cmwoI21hc2stMikiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgICAgIDxwYXRoIGQ9Ik0yNTEuOTIxLDMzNi4wNTMgQzIwNS41NDMsMzM2LjA1MyAxNjcuOTQ3LDI5OC40NTcgMTY3Ljk0NywyNTIuMDggQzE2Ny45NDcsMjA1LjcwMiAyMDUuNTQzLDE2OC4xMDYgMjUxLjkyMSwxNjguMTA2IEMyOTguMjk4LDE2OC4xMDYgMzM1Ljg5NCwyMDUuNzAyIDMzNS44OTQsMjUyLjA4IEMzMzUuODk0LDI5OC40NTcgMjk4LjI5OCwzMzYuMDUzIDI1MS45MjEsMzM2LjA1MyBaIE0yNTEuOTIxLDEyMi43MTUgQzE4MC40NzQsMTIyLjcxNSAxMjIuNTU2LDE4MC42MzMgMTIyLjU1NiwyNTIuMDggQzEyMi41NTYsMzIzLjUyNiAxODAuNDc0LDM4MS40NDQgMjUxLjkyMSwzODEuNDQ0IEMzMjMuMzY3LDM4MS40NDQgMzgxLjI4NSwzMjMuNTI2IDM4MS4yODUsMjUyLjA4IEMzODEuMjg1LDE4MC42MzMgMzIzLjM2NywxMjIuNzE1IDI1MS45MjEsMTIyLjcxNSBaIiBpZD0iRmlsbC00IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgICAgICA8cGF0aCBkPSJNNDE2LjYyNywxMTcuNjA0IEM0MTYuNjI3LDEzNC4zIDQwMy4wOTIsMTQ3LjgzNCAzODYuMzk2LDE0Ny44MzQgQzM2OS43MDEsMTQ3LjgzNCAzNTYuMTY2LDEzNC4zIDM1Ni4xNjYsMTE3LjYwNCBDMzU2LjE2NiwxMDAuOTA4IDM2OS43MDEsODcuMzczIDM4Ni4zOTYsODcuMzczIEM0MDMuMDkyLDg3LjM3MyA0MTYuNjI3LDEwMC45MDggNDE2LjYyNywxMTcuNjA0IiBpZD0iRmlsbC01IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=);
}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text {
color: hsl(302, 100%, 94%);
}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {
color: hsl(0, 0%, 100%);
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder {
background:
linear-gradient(
to right,
hsl(201, 85%, 70%),
hsl(201, 85%, 35%));
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__icon {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldoaXRlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCA0MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDAsMjAwYzAsMTEwLjUtODkuNSwyMDAtMjAwLDIwMFMwLDMxMC41LDAsMjAwUzg5LjUsMCwyMDAsMFM0MDAsODkuNSw0MDAsMjAweiBNMTYzLjQsMzA1LjVjODguNywwLDEzNy4yLTczLjUsMTM3LjItMTM3LjJjMC0yLjEsMC00LjItMC4xLTYuMmM5LjQtNi44LDE3LjYtMTUuMywyNC4xLTI1Yy04LjYsMy44LTE3LjksNi40LTI3LjcsNy42YzEwLTYsMTcuNi0xNS40LDIxLjItMjYuN2MtOS4zLDUuNS0xOS42LDkuNS0zMC42LDExLjdjLTguOC05LjQtMjEuMy0xNS4yLTM1LjItMTUuMmMtMjYuNiwwLTQ4LjIsMjEuNi00OC4yLDQ4LjJjMCwzLjgsMC40LDcuNSwxLjMsMTFjLTQwLjEtMi03NS42LTIxLjItOTkuNC01MC40Yy00LjEsNy4xLTYuNSwxNS40LTYuNSwyNC4yYzAsMTYuNyw4LjUsMzEuNSwyMS41LDQwLjFjLTcuOS0wLjItMTUuMy0yLjQtMjEuOC02YzAsMC4yLDAsMC40LDAsMC42YzAsMjMuNCwxNi42LDQyLjgsMzguNyw0Ny4zYy00LDEuMS04LjMsMS43LTEyLjcsMS43Yy0zLjEsMC02LjEtMC4zLTkuMS0wLjljNi4xLDE5LjIsMjMuOSwzMy4xLDQ1LDMzLjVjLTE2LjUsMTIuOS0zNy4zLDIwLjYtNTkuOSwyMC42Yy0zLjksMC03LjctMC4yLTExLjUtMC43QzExMC44LDI5Ny41LDEzNi4yLDMwNS41LDE2My40LDMwNS41Ii8+PC9zdmc+);
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text {
color: hsl(201, 100%, 86%);
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text:hover {
color: hsl(0, 0%, 100%);
}
:root {
--ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
--ck-color-mention-text: hsl(341, 100%, 30%);
}
.ck-content .mention {
background: var(--ck-color-mention-background);
color: var(--ck-color-mention-text);
}
:root {
--ck-color-restricted-editing-exception-background: hsla(31, 100%, 65%, .2);
--ck-color-restricted-editing-exception-hover-background: hsla(31, 100%, 65%, .35);
--ck-color-restricted-editing-exception-brackets: hsla(31, 100%, 40%, .4);
--ck-color-restricted-editing-selected-exception-background: hsla(31, 100%, 65%, .5);
--ck-color-restricted-editing-selected-exception-brackets: hsla(31, 100%, 40%, .6);
}
.ck-editor__editable .restricted-editing-exception {
transition: .2s ease-in-out background;
background-color: var(--ck-color-restricted-editing-exception-background);
border: 1px solid;
border-image:
linear-gradient(
to right,
var(--ck-color-restricted-editing-exception-brackets) 0%,
var(--ck-color-restricted-editing-exception-brackets) 5px,
hsla(0, 0%, 0%, 0) 6px,
hsla(0, 0%, 0%, 0) calc(100% - 6px),
var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),
var(--ck-color-restricted-editing-exception-brackets) 100%) 1;
}
@media (prefers-reduced-motion: reduce) {
.ck-editor__editable .restricted-editing-exception {
transition: none;
}
}
.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_selected {
background-color: var(--ck-color-restricted-editing-selected-exception-background);
border-image:
linear-gradient(
to right,
var(--ck-color-restricted-editing-selected-exception-brackets) 0%,
var(--ck-color-restricted-editing-selected-exception-brackets) 5px,
var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),
var(--ck-color-restricted-editing-selected-exception-brackets) 100%) 1;
}
.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_collapsed {
padding-left: 1ch;
}
.ck-restricted-editing_mode_restricted {
cursor: default;
}
.ck-restricted-editing_mode_restricted * {
cursor: default;
}
.ck-restricted-editing_mode_restricted .restricted-editing-exception {
cursor: text;
}
.ck-restricted-editing_mode_restricted .restricted-editing-exception * {
cursor: text;
}
.ck-restricted-editing_mode_restricted .restricted-editing-exception:hover {
background: var(--ck-color-restricted-editing-exception-hover-background);
}
:root {
--ck-character-grid-tile-size: 24px;
}
.ck.ck-character-grid {
overflow-y: auto;
overflow-x: hidden;
}
.ck.ck-character-grid .ck-character-grid__tiles {
grid-template-columns: repeat(auto-fill, minmax(var(--ck-character-grid-tile-size), 1fr));
margin: var(--ck-spacing-standard) var(--ck-spacing-large);
grid-gap: var(--ck-spacing-standard);
}
.ck.ck-character-grid .ck-character-grid__tile {
width: var(--ck-character-grid-tile-size);
height: var(--ck-character-grid-tile-size);
min-width: var(--ck-character-grid-tile-size);
min-height: var(--ck-character-grid-tile-size);
font-size: 1.5em;
padding: 0;
transition: .2s ease box-shadow;
border: 0;
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-character-grid .ck-character-grid__tile {
transition: none;
}
}
.ck.ck-character-grid .ck-character-grid__tile:focus:not(.ck-disabled),
.ck.ck-character-grid .ck-character-grid__tile:hover:not(.ck-disabled) {
border: 0;
box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
}
.ck.ck-character-grid .ck-character-grid__tile .ck-button__label {
line-height: var(--ck-character-grid-tile-size);
width: 100%;
text-align: center;
}
.ck.ck-character-info {
padding: var(--ck-spacing-small) var(--ck-spacing-large);
border-top: 1px solid var(--ck-color-base-border);
}
.ck.ck-character-info > * {
text-transform: uppercase;
font-size: var(--ck-font-size-small);
}
.ck.ck-character-info .ck-character-info__name {
max-width: 280px;
text-overflow: ellipsis;
overflow: hidden;
}
.ck.ck-character-info .ck-character-info__code {
opacity: .6;
}
.ck.ck-special-characters-navigation > .ck-label {
max-width: 160px;
text-overflow: ellipsis;
overflow: hidden;
}
.ck.ck-special-characters-navigation > .ck-dropdown .ck-dropdown__panel {
max-height: 250px;
overflow-y: auto;
overflow-x: hidden;
}
@media screen and (max-width: 600px) {
.ck.ck-special-characters-navigation {
max-width: 190px;
}
.ck.ck-special-characters-navigation > .ck-form__header__label {
text-overflow: ellipsis;
overflow: hidden;
}
}
.ck.ck-dropdown.ck-style-dropdown.ck-style-dropdown_multiple-active > .ck-button > .ck-button__label {
font-style: italic;
}
:root {
--ck-style-panel-button-width: 120px;
--ck-style-panel-button-height: 80px;
--ck-style-panel-button-label-background: hsl(0, 0%, 94.1%);
--ck-style-panel-button-hover-label-background: hsl(0, 0%, 92.1%);
--ck-style-panel-button-hover-border-color: hsl(0, 0%, 70%);
}
.ck.ck-style-panel .ck-style-grid {
row-gap: var(--ck-spacing-large);
column-gap: var(--ck-spacing-large);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button {
--ck-color-button-default-hover-background: var(--ck-color-base-background);
--ck-color-button-default-active-background: var(--ck-color-base-background);
padding: 0;
width: var(--ck-style-panel-button-width);
height: var(--ck-style-panel-button-height);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(:focus) {
border: 1px solid var(--ck-color-base-border);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-button__label {
height: 22px;
line-height: 22px;
width: 100%;
padding: 0 var(--ck-spacing-medium);
overflow: hidden;
text-overflow: ellipsis;
flex-shrink: 0;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview {
width: 100%;
overflow: hidden;
opacity: .9;
padding: var(--ck-spacing-medium);
background: var(--ck-color-base-background);
border: 2px solid var(--ck-color-base-background);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled {
--ck-color-button-default-disabled-background: var(--ck-color-base-foreground);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled:not(:focus) {
border-color: var(--ck-style-panel-button-label-background);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled .ck-style-grid__button__preview {
opacity: .4;
border-color: var(--ck-color-base-foreground);
filter: saturate(.3);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on {
border-color: var(--ck-color-base-active);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on .ck-button__label {
box-shadow: 0 -1px 0 var(--ck-color-base-active);
z-index: 1;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on:hover {
border-color: var(--ck-color-base-active-focus);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on) .ck-button__label {
background: var(--ck-style-panel-button-label-background);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on):hover .ck-button__label {
background: var(--ck-style-panel-button-hover-label-background);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) {
border-color: var(--ck-style-panel-button-hover-border-color);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) .ck-style-grid__button__preview {
opacity: 1;
}
.ck.ck-style-panel .ck-style-panel__style-group > .ck-label {
margin: var(--ck-spacing-large) 0;
}
.ck.ck-style-panel .ck-style-panel__style-group:first-child > .ck-label {
margin-top: 0;
}
:root {
--ck-style-panel-max-height: 470px;
}
.ck.ck-style-panel {
padding: var(--ck-spacing-large);
overflow-y: auto;
max-height: var(--ck-style-panel-max-height);
}
[dir=ltr] .ck.ck-input-color > .ck.ck-input-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
[dir=rtl] .ck.ck-input-color > .ck.ck-input-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ck.ck-input-color > .ck.ck-input-text:focus {
z-index: 0;
}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
padding: 0;
}
[dir=ltr] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
[dir=ltr] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) {
border-left: 1px solid transparent;
}
[dir=rtl] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
[dir=rtl] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) {
border-right: 1px solid transparent;
}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button.ck-disabled {
background: var(--ck-color-input-disabled-background);
}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview {
border-radius: 0;
width: 20px;
height: 20px;
border: 1px solid var(--ck-color-input-border);
}
.ck-rounded-corners .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview,
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator {
top: -30%;
left: 50%;
height: 150%;
width: 8%;
background: hsl(0, 100%, 50%);
border-radius: 2px;
transform: rotate(45deg);
transform-origin: 50%;
}
.ck.ck-input-color .ck.ck-input-color__remove-color {
width: 100%;
padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus) {
border-bottom: 1px solid var(--ck-color-input-border);
}
[dir=ltr] .ck.ck-input-color .ck.ck-input-color__remove-color {
border-top-right-radius: 0;
}
[dir=rtl] .ck.ck-input-color .ck.ck-input-color__remove-color {
border-top-left-radius: 0;
}
.ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
margin-right: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
margin-right: 0;
margin-left: var(--ck-spacing-standard);
}
.ck.ck-form {
padding: 0 0 var(--ck-spacing-large);
}
.ck.ck-form:focus {
outline: none;
}
.ck.ck-form .ck.ck-input-text {
min-width: 100%;
width: 0;
}
.ck.ck-form .ck.ck-dropdown {
min-width: 100%;
}
.ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
border: 1px solid var(--ck-color-base-border);
}
.ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label {
width: 100%;
}
.ck.ck-form__row {
padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0;
}
[dir=ltr] .ck.ck-form__row > *:not(.ck-label) + * {
margin-left: var(--ck-spacing-large);
}
[dir=rtl] .ck.ck-form__row > *:not(.ck-label) + * {
margin-right: var(--ck-spacing-large);
}
.ck.ck-form__row > .ck-label {
width: 100%;
min-width: 100%;
}
.ck.ck-form__row.ck-table-form__action-row {
margin-top: var(--ck-spacing-large);
}
.ck.ck-form__row.ck-table-form__action-row .ck-button .ck-button__label {
color: var(--ck-color-text);
}
:root {
--ck-insert-table-dropdown-padding: 10px;
--ck-insert-table-dropdown-box-height: 11px;
--ck-insert-table-dropdown-box-width: 12px;
--ck-insert-table-dropdown-box-margin: 1px;
}
.ck .ck-insert-table-dropdown__grid {
width: calc(var(--ck-insert-table-dropdown-box-width) * 10 + var(--ck-insert-table-dropdown-box-margin) * 20 + var(--ck-insert-table-dropdown-padding) * 2);
padding: var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0;
}
.ck .ck-insert-table-dropdown__label,
.ck[dir=rtl] .ck-insert-table-dropdown__label {
text-align: center;
}
.ck .ck-insert-table-dropdown-grid-box {
min-width: var(--ck-insert-table-dropdown-box-width);
min-height: var(--ck-insert-table-dropdown-box-height);
margin: var(--ck-insert-table-dropdown-box-margin);
border: 1px solid var(--ck-color-base-border);
border-radius: 1px;
outline: none;
transition: none;
}
@media (prefers-reduced-motion: reduce) {
.ck .ck-insert-table-dropdown-grid-box {
transition: none;
}
}
.ck .ck-insert-table-dropdown-grid-box:focus {
box-shadow: none;
}
.ck .ck-insert-table-dropdown-grid-box.ck-on {
border-color: var(--ck-color-focus-border);
background: var(--ck-color-focus-outer-shadow);
}
.ck.ck-table-cell-properties-form {
width: 320px;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row {
align-self: flex-end;
padding: 0;
width: 25%;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar {
background: none;
margin-top: var(--ck-spacing-standard);
}
:root {
--ck-color-selector-focused-cell-background: hsla(212, 90%, 80%, .3);
}
.ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused,
.ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused,
.ck-widget.table td.ck-editor__nested-editable:focus,
.ck-widget.table th.ck-editor__nested-editable:focus {
background: var(--ck-color-selector-focused-cell-background);
outline: 1px solid var(--ck-color-focus-border);
outline-offset: -1px;
}
:root {
--ck-table-properties-error-arrow-size: 6px;
--ck-table-properties-min-error-width: 150px;
}
.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label {
font-size: var(--ck-font-size-tiny);
text-align: center;
}
.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style,
.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width {
width: 80px;
min-width: 80px;
max-width: 80px;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
padding: 0;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width,
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height {
margin: 0;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
align-self: flex-end;
display: inline-block;
height: var(--ck-ui-component-min-height);
line-height: var(--ck-ui-component-min-height);
margin: 0 var(--ck-spacing-small);
}
.ck.ck-table-form .ck.ck-labeled-field-view {
padding-top: var(--ck-spacing-standard);
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
border-radius: 0;
background: var(--ck-color-base-error);
color: var(--ck-color-base-background);
padding: var(--ck-spacing-small) var(--ck-spacing-medium);
min-width: var(--ck-table-properties-min-error-width);
text-align: center;
animation: ck-table-form-labeled-view-status-appear .15s ease both;
}
.ck-rounded-corners .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status,
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status.ck-rounded-corners {
border-radius: var(--ck-border-radius);
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after {
border-color: transparent transparent var(--ck-color-base-error) transparent;
border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
border-style: solid;
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
animation: none;
}
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
display: none;
}
@keyframes ck-table-form-labeled-view-status-appear {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.ck.ck-table-properties-form {
width: 320px;
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
align-self: flex-end;
padding: 0;
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar {
background: none;
margin-top: var(--ck-spacing-standard);
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > * {
width: 40px;
}
:root {
--ck-table-selected-cell-background: hsla(208, 90%, 80%, .3);
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected {
position: relative;
caret-color: transparent;
outline: unset;
box-shadow: unset;
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected:after,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected:after {
content: "";
pointer-events: none;
background-color: var(--ck-table-selected-cell-background);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected ::selection,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected ::selection,
.ck.ck-editor__editable .table table td.ck-editor__editable_selected:focus,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected:focus {
background-color: transparent;
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget {
outline: unset;
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle {
display: none;
}
:root {
--ck-widget-outline-thickness: 3px;
--ck-widget-handler-icon-size: 16px;
--ck-widget-handler-animation-duration: 200ms;
--ck-widget-handler-animation-curve: ease;
--ck-color-widget-blurred-border: hsl(0, 0%, 87%);
--ck-color-widget-hover-border: hsl(43, 100%, 62%);
--ck-color-widget-editable-focus-background: var(--ck-color-base-background);
--ck-color-widget-drag-handler-icon-color: var(--ck-color-base-background);
}
.ck .ck-widget {
outline-width: var(--ck-widget-outline-thickness);
outline-style: solid;
outline-color: transparent;
transition: outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget {
transition: none;
}
}
.ck .ck-widget.ck-widget_selected,
.ck .ck-widget.ck-widget_selected:hover {
outline: var(--ck-widget-outline-thickness) solid var(--ck-color-focus-border);
}
.ck .ck-widget:hover {
outline-color: var(--ck-color-widget-hover-border);
}
.ck .ck-editor__nested-editable {
border: 1px solid transparent;
}
.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,
.ck .ck-editor__nested-editable:focus {
box-shadow: var(--ck-inner-shadow), 0 0;
}
@media (forced-colors: none) {
.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,
.ck .ck-editor__nested-editable:focus {
background-color: var(--ck-color-widget-editable-focus-background);
}
}
.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused:not(td, th),
.ck .ck-editor__nested-editable:focus:not(td, th) {
outline: none;
border: var(--ck-focus-ring);
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
padding: 4px;
box-sizing: border-box;
background-color: transparent;
opacity: 0;
transition:
background-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),
visibility var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),
opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;
transform: translateY(-100%);
left: calc(0px - var(--ck-widget-outline-thickness));
top: 0;
}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
transition: none;
}
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {
width: var(--ck-widget-handler-icon-size);
height: var(--ck-widget-handler-icon-size);
color: var(--ck-color-widget-drag-handler-icon-color);
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
opacity: 0;
transition: opacity 300ms var(--ck-widget-handler-animation-curve);
}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
transition: none;
}
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover .ck-icon .ck-icon__selected-indicator {
opacity: 1;
}
.ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle {
opacity: 1;
background-color: var(--ck-color-widget-hover-border);
}
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle,
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle {
opacity: 1;
background-color: var(--ck-color-focus-border);
}
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator,
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
opacity: 1;
}
.ck[dir=rtl] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
left: auto;
right: calc(0px - var(--ck-widget-outline-thickness));
}
.ck.ck-editor__editable.ck-read-only .ck-widget {
transition: none;
}
.ck.ck-editor__editable.ck-read-only .ck-widget:not(.ck-widget_selected) {
--ck-widget-outline-thickness: 0px;
}
.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle,
.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover {
background: var(--ck-color-widget-blurred-border);
}
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover {
outline-color: var(--ck-color-widget-blurred-border);
}
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle,
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle,
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle:hover,
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle:hover {
background: var(--ck-color-widget-blurred-border);
}
.ck.ck-editor__editable > .ck-widget.ck-widget_with-selection-handle:first-child,
.ck.ck-editor__editable blockquote > .ck-widget.ck-widget_with-selection-handle:first-child {
margin-top: calc(1em + var(--ck-widget-handler-icon-size));
}
:root {
--ck-resizer-size: 10px;
--ck-resizer-offset: calc( ( var(--ck-resizer-size) / -2 ) - 2px);
--ck-resizer-border-width: 1px;
}
.ck .ck-widget__resizer {
outline: 1px solid var(--ck-color-resizer);
}
.ck .ck-widget__resizer__handle {
width: var(--ck-resizer-size);
height: var(--ck-resizer-size);
background: var(--ck-color-focus-border);
border: var(--ck-resizer-border-width) solid hsl(0, 0%, 100%);
border-radius: var(--ck-resizer-border-radius);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left {
top: var(--ck-resizer-offset);
left: var(--ck-resizer-offset);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right {
top: var(--ck-resizer-offset);
right: var(--ck-resizer-offset);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right {
bottom: var(--ck-resizer-offset);
right: var(--ck-resizer-offset);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left {
bottom: var(--ck-resizer-offset);
left: var(--ck-resizer-offset);
}
:root {
--ck-widget-type-around-button-size: 20px;
--ck-color-widget-type-around-button-active: var(--ck-color-focus-border);
--ck-color-widget-type-around-button-hover: var(--ck-color-widget-hover-border);
--ck-color-widget-type-around-button-blurred-editable: var(--ck-color-widget-blurred-border);
--ck-color-widget-type-around-button-radar-start-alpha: 0;
--ck-color-widget-type-around-button-radar-end-alpha: .3;
--ck-color-widget-type-around-button-icon: var(--ck-color-base-background);
}
.ck .ck-widget .ck-widget__type-around__button {
width: var(--ck-widget-type-around-button-size);
height: var(--ck-widget-type-around-button-size);
background: var(--ck-color-widget-type-around-button);
border-radius: 100px;
transition: opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
opacity: 0;
pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget .ck-widget__type-around__button {
transition: none;
}
}
.ck .ck-widget .ck-widget__type-around__button svg {
width: 10px;
height: 8px;
transform: translate(-50%, -50%);
transition: transform .5s ease;
margin-top: 1px;
}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget .ck-widget__type-around__button svg {
transition: none;
}
}
.ck .ck-widget .ck-widget__type-around__button svg * {
stroke-dasharray: 10;
stroke-dashoffset: 0;
fill: none;
stroke: var(--ck-color-widget-type-around-button-icon);
stroke-width: 1.5px;
stroke-linecap: round;
stroke-linejoin: round;
}
.ck .ck-widget .ck-widget__type-around__button svg line {
stroke-dasharray: 7;
}
.ck .ck-widget .ck-widget__type-around__button:hover {
animation: ck-widget-type-around-button-sonar 1s ease infinite;
}
.ck .ck-widget .ck-widget__type-around__button:hover svg polyline {
animation: ck-widget-type-around-arrow-dash 2s linear;
}
.ck .ck-widget .ck-widget__type-around__button:hover svg line {
animation: ck-widget-type-around-arrow-tip-dash 2s linear;
}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget .ck-widget__type-around__button:hover {
animation: none;
}
.ck .ck-widget .ck-widget__type-around__button:hover svg polyline {
animation: none;
}
.ck .ck-widget .ck-widget__type-around__button:hover svg line {
animation: none;
}
}
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button,
.ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button {
opacity: 1;
pointer-events: auto;
}
.ck .ck-widget:not(.ck-widget_selected) > .ck-widget__type-around > .ck-widget__type-around__button {
background: var(--ck-color-widget-type-around-button-hover);
}
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button,
.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover {
background: var(--ck-color-widget-type-around-button-active);
}
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button::after,
.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover::after {
width: calc(var(--ck-widget-type-around-button-size) - 2px);
height: calc(var(--ck-widget-type-around-button-size) - 2px);
border-radius: 100px;
background:
linear-gradient(
135deg,
hsla(0, 0%, 100%, 0) 0%,
hsla(0, 0%, 100%, .3) 100%);
}
.ck .ck-widget.ck-widget_with-selection-handle > .ck-widget__type-around > .ck-widget__type-around__button_before {
margin-left: 20px;
}
.ck .ck-widget .ck-widget__type-around__fake-caret {
pointer-events: none;
height: 1px;
animation: ck-widget-type-around-fake-caret-pulse linear 1s infinite normal forwards;
outline: solid 1px hsla(0, 0%, 100%, .5);
background: var(--ck-color-base-text);
}
.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before,
.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after {
outline-color: transparent;
}
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected:hover,
.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected:hover {
outline-color: var(--ck-color-widget-hover-border);
}
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__button,
.ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__button {
opacity: 0;
pointer-events: none;
}
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle,
.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle,
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle,
.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle {
opacity: 0;
}
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer,
.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer {
opacity: 0;
}
.ck[dir=rtl] .ck-widget.ck-widget_with-selection-handle .ck-widget__type-around > .ck-widget__type-around__button_before {
margin-left: 0;
margin-right: 20px;
}
.ck-editor__nested-editable.ck-editor__editable_selected .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button,
.ck-editor__nested-editable.ck-editor__editable_selected .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button {
opacity: 0;
pointer-events: none;
}
.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) {
background: var(--ck-color-widget-type-around-button-blurred-editable);
}
.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) svg * {
stroke: hsl(0, 0%, 60%);
}
@keyframes ck-widget-type-around-arrow-dash {
0% {
stroke-dashoffset: 10;
}
20%, 100% {
stroke-dashoffset: 0;
}
}
@keyframes ck-widget-type-around-arrow-tip-dash {
0%, 20% {
stroke-dashoffset: 7;
}
40%, 100% {
stroke-dashoffset: 0;
}
}
@keyframes ck-widget-type-around-button-sonar {
0% {
box-shadow: 0 0 0 0 hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha));
}
50% {
box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-end-alpha));
}
100% {
box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha));
}
}
@keyframes ck-widget-type-around-fake-caret-pulse {
0% {
opacity: 1;
}
49% {
opacity: 1;
}
50% {
opacity: 0;
}
99% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.ck-content code {
background-color: hsla(0, 0%, 78%, 0.3);
padding: .15em;
border-radius: 2px;
}
.ck.ck-editor__editable .ck-code_selected {
background-color: hsla(0, 0%, 78%, 0.5);
}
.ck-content blockquote {
overflow: hidden;
padding-right: 1.5em;
padding-left: 1.5em;
margin-left: 0;
margin-right: 0;
font-style: italic;
border-left: solid 5px hsl(0, 0%, 80%);
}
.ck-content[dir=rtl] blockquote {
border-left: 0;
border-right: solid 5px hsl(0, 0%, 80%);
}
:root {
--ck-image-processing-highlight-color: hsl(220, 10%, 98%);
--ck-image-processing-background-color: hsl(220, 10%, 90%);
}
.ck.ck-editor__editable .image.image-processing {
position: relative;
}
.ck.ck-editor__editable .image.image-processing:before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 100%;
width: 100%;
background:
linear-gradient(
90deg,
var(--ck-image-processing-background-color),
var(--ck-image-processing-highlight-color),
var(--ck-image-processing-background-color));
background-size: 200% 100%;
animation: ck-image-processing-animation 2s linear infinite;
}
.ck.ck-editor__editable .image.image-processing img {
height: 100%;
}
@keyframes ck-image-processing-animation {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position {
display: inline;
position: relative;
pointer-events: none;
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
position: absolute;
width: 0;
}
.ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__selection-handle {
display: none;
}
.ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__type-around {
display: none;
}
.ck.ck-clipboard-drop-target-line {
position: absolute;
pointer-events: none;
}
.ck-content pre {
padding: 1em;
color: hsl(0, 0%, 20.8%);
background: hsla(0, 0%, 78%, 0.3);
border: 1px solid hsl(0, 0%, 77%);
border-radius: 2px;
text-align: left;
direction: ltr;
tab-size: 4;
white-space: pre-wrap;
font-style: normal;
min-width: 200px;
}
.ck-content pre code {
background: unset;
padding: 0;
border-radius: 0;
}
.ck.ck-editor__editable pre {
position: relative;
}
.ck.ck-editor__editable pre[data-language]::after {
content: attr(data-language);
position: absolute;
}
.ck.ck-editor {
position: relative;
}
.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {
z-index: var(--ck-z-panel);
}
.ck.ck-menu-bar {
border: none;
border-bottom: 1px solid var(--ck-color-toolbar-border);
}
.ck.ck-placeholder,
.ck .ck-placeholder {
position: relative;
}
.ck.ck-placeholder::before,
.ck .ck-placeholder::before {
position: absolute;
left: 0;
right: 0;
content: attr(data-placeholder);
pointer-events: none;
}
.ck.ck-read-only .ck-placeholder::before {
display: none;
}
.ck.ck-reset_all .ck-placeholder {
position: relative;
}
.ck.ck-editor__editable span[data-ck-unsafe-element] {
display: none;
}
.ck-find-result {
background: var(--ck-color-highlight-background);
color: var(--ck-color-text);
}
.ck-find-result_selected {
background: hsl(29, 100%, 60%);
}
.ck.ck-find-and-replace-form {
max-width: 100%;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs,
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
display: flex;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs.ck-find-and-replace-form__inputs .ck-results-counter,
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions.ck-find-and-replace-form__inputs .ck-results-counter {
position: absolute;
}
.ck-content .text-tiny {
font-size: .7em;
}
.ck-content .text-small {
font-size: .85em;
}
.ck-content .text-big {
font-size: 1.4em;
}
.ck-content .text-huge {
font-size: 1.8em;
}
.ck.ck-heading_heading1 .ck-button__label {
font-size: 20px;
}
.ck.ck-heading_heading2 .ck-button__label {
font-size: 17px;
}
.ck.ck-heading_heading3 .ck-button__label {
font-size: 14px;
}
.ck[class*=ck-heading_heading] {
font-weight: bold;
}
:root {
--ck-highlight-marker-yellow: hsl(60, 97%, 73%);
--ck-highlight-marker-green: hsl(120, 93%, 68%);
--ck-highlight-marker-pink: hsl(345, 96%, 73%);
--ck-highlight-marker-blue: hsl(201, 97%, 72%);
--ck-highlight-pen-red: hsl(0, 85%, 49%);
--ck-highlight-pen-green: hsl(112, 100%, 27%);
}
.ck-content .marker-yellow {
background-color: var(--ck-highlight-marker-yellow);
}
.ck-content .marker-green {
background-color: var(--ck-highlight-marker-green);
}
.ck-content .marker-pink {
background-color: var(--ck-highlight-marker-pink);
}
.ck-content .marker-blue {
background-color: var(--ck-highlight-marker-blue);
}
.ck-content .pen-red {
color: var(--ck-highlight-pen-red);
background-color: transparent;
}
.ck-content .pen-green {
color: var(--ck-highlight-pen-green);
background-color: transparent;
}
.ck-editor__editable .ck-horizontal-line {
display: flow-root;
}
.ck-content hr {
margin: 15px 0;
height: 4px;
background: hsl(0, 0%, 87%);
border: 0;
}
.ck-widget.raw-html-embed {
margin: 0.9em auto;
position: relative;
display: flow-root;
min-width: 15em;
font-style: normal;
}
.ck-widget.raw-html-embed::before {
position: absolute;
z-index: 1;
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper {
position: absolute;
display: flex;
flex-direction: column;
}
.ck-widget.raw-html-embed .raw-html-embed__preview {
position: relative;
overflow: hidden;
display: flex;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-content {
width: 100%;
position: relative;
margin: auto;
display: table;
border-collapse: separate;
border-spacing: 7px;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}
:root {
--ck-html-object-embed-unfocused-outline-width: 1px;
}
.ck-widget.html-object-embed {
font-size: var(--ck-font-size-base);
background-color: var(--ck-color-base-foreground);
padding: var(--ck-spacing-small);
padding-top: calc(var(--ck-font-size-tiny) + var(--ck-spacing-large));
min-width: calc(76px + var(--ck-spacing-standard));
}
.ck-widget.html-object-embed:not(.ck-widget_selected):not(:hover) {
outline: var(--ck-html-object-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
}
.ck-widget.html-object-embed::before {
font-weight: normal;
font-style: normal;
position: absolute;
content: attr(data-html-object-embed-label);
top: 0;
left: var(--ck-spacing-standard);
background: hsl(0deg 0% 60%);
transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
padding: calc(var(--ck-spacing-tiny) + var(--ck-html-object-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
color: var(--ck-color-base-background);
font-size: var(--ck-font-size-tiny);
font-family: var(--ck-font-face);
}
.ck-widget.html-object-embed .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before {
margin-left: 50px;
}
.ck-widget.html-object-embed .html-object-embed__content {
pointer-events: none;
}
div.ck-widget.html-object-embed {
margin: 1em auto;
}
span.ck-widget.html-object-embed {
display: inline-block;
}
:root {
--ck-color-image-caption-background: hsl(0, 0%, 97%);
--ck-color-image-caption-text: hsl(0, 0%, 20%);
--ck-color-image-caption-highlighted-background: hsl(52deg 100% 50%);
}
.ck-content .image > figcaption {
display: table-caption;
caption-side: bottom;
word-break: break-word;
color: var(--ck-color-image-caption-text);
background-color: var(--ck-color-image-caption-background);
padding: .6em;
font-size: .75em;
outline-offset: -1px;
}
@media (forced-colors: active) {
.ck-content .image > figcaption {
background-color: unset;
color: unset;
}
}
@media (forced-colors: none) {
.ck.ck-editor__editable .image > figcaption.image__caption_highlighted {
animation: ck-image-caption-highlight .6s ease-out;
}
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-editor__editable .image > figcaption.image__caption_highlighted {
animation: none;
}
}
@keyframes ck-image-caption-highlight {
0% {
background-color: var(--ck-color-image-caption-highlighted-background);
}
100% {
background-color: var(--ck-color-image-caption-background);
}
}
.ck.ck-image-insert-url {
width: 400px;
padding: var(--ck-spacing-large) var(--ck-spacing-large) 0;
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.ck-content img.image_resized {
height: auto;
}
.ck-content .image.image_resized {
max-width: 100%;
display: block;
box-sizing: border-box;
}
.ck-content .image.image_resized img {
width: 100%;
}
.ck-content .image.image_resized > figcaption {
display: block;
}
.ck.ck-editor__editable td .image-inline.image_resized img,
.ck.ck-editor__editable th .image-inline.image_resized img {
max-width: 100%;
}
[dir=ltr] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
margin-right: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
margin-left: var(--ck-spacing-standard);
}
.ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label {
width: 4em;
}
.ck.ck-image-custom-resize-form {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
}
.ck.ck-image-custom-resize-form .ck-labeled-field-view {
display: inline-block;
}
.ck.ck-image-custom-resize-form .ck-label {
display: none;
}
@media screen and (max-width: 600px) {
.ck.ck-image-custom-resize-form {
flex-wrap: wrap;
}
.ck.ck-image-custom-resize-form .ck-labeled-field-view {
flex-basis: 100%;
}
.ck.ck-image-custom-resize-form .ck-button {
flex-basis: 50%;
}
}
:root {
--ck-image-style-spacing: 1.5em;
--ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
}
.ck-content .image.image-style-block-align-left,
.ck-content .image.image-style-block-align-right {
max-width: calc(100% - var(--ck-image-style-spacing));
}
.ck-content .image.image-style-align-left,
.ck-content .image.image-style-align-right {
clear: none;
}
.ck-content .image.image-style-side {
float: right;
margin-left: var(--ck-image-style-spacing);
max-width: 50%;
}
.ck-content .image.image-style-align-left {
float: left;
margin-right: var(--ck-image-style-spacing);
}
.ck-content .image.image-style-align-right {
float: right;
margin-left: var(--ck-image-style-spacing);
}
.ck-content .image.image-style-block-align-right {
margin-right: 0;
margin-left: auto;
}
.ck-content .image.image-style-block-align-left {
margin-left: 0;
margin-right: auto;
}
.ck-content .image-style-align-center {
margin-left: auto;
margin-right: auto;
}
.ck-content .image-style-align-left {
float: left;
margin-right: var(--ck-image-style-spacing);
}
.ck-content .image-style-align-right {
float: right;
margin-left: var(--ck-image-style-spacing);
}
.ck-content p + .image.image-style-align-left,
.ck-content p + .image.image-style-align-right,
.ck-content p + .image.image-style-side {
margin-top: 0;
}
.ck-content .image-inline.image-style-align-left,
.ck-content .image-inline.image-style-align-right {
margin-top: var(--ck-inline-image-style-spacing);
margin-bottom: var(--ck-inline-image-style-spacing);
}
.ck-content .image-inline.image-style-align-left {
margin-right: var(--ck-inline-image-style-spacing);
}
.ck-content .image-inline.image-style-align-right {
margin-left: var(--ck-inline-image-style-spacing);
}
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
background-color: var(--ck-color-button-on-background);
}
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled)::after,
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled)::after,
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after,
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after,
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)::after,
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)::after {
display: none;
}
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__action:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
background-color: var(--ck-color-button-on-hover-background);
}
.ck.ck-text-alternative-form {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.ck.ck-text-alternative-form .ck-labeled-field-view {
display: inline-block;
}
.ck.ck-text-alternative-form .ck-label {
display: none;
}
@media screen and (max-width: 600px) {
.ck.ck-text-alternative-form {
flex-wrap: wrap;
}
.ck.ck-text-alternative-form .ck-labeled-field-view {
flex-basis: 100%;
}
.ck.ck-text-alternative-form .ck-button {
flex-basis: 50%;
}
}
.ck.ck-editor__editable .image,
.ck.ck-editor__editable .image-inline {
position: relative;
}
.ck.ck-editor__editable .image .ck-progress-bar,
.ck.ck-editor__editable .image-inline .ck-progress-bar {
position: absolute;
top: 0;
left: 0;
}
.ck-image-upload-complete-icon {
display: block;
position: absolute;
top: min(var(--ck-spacing-medium), 6%);
right: min(var(--ck-spacing-medium), 6%);
border-radius: 50%;
z-index: 1;
}
.ck-image-upload-complete-icon::after {
content: "";
position: absolute;
}
.ck .ck-upload-placeholder-loader {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0;
left: 0;
}
.ck .ck-upload-placeholder-loader::before {
content: "";
position: relative;
}
.ck-content .image {
display: table;
clear: both;
text-align: center;
margin: 0.9em auto;
min-width: 50px;
}
.ck-content .image img {
display: block;
margin: 0 auto;
max-width: 100%;
min-width: 100%;
height: auto;
}
.ck-content .image-inline {
display: inline-flex;
max-width: 100%;
align-items: flex-start;
}
.ck-content .image-inline picture {
display: flex;
}
.ck-content .image-inline picture,
.ck-content .image-inline img {
flex-grow: 1;
flex-shrink: 1;
max-width: 100%;
}
.ck.ck-editor__editable .image > figcaption.ck-placeholder::before {
padding-left: inherit;
padding-right: inherit;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ck.ck-editor__editable .image {
z-index: 1;
}
.ck.ck-editor__editable .image.ck-widget_selected {
z-index: 2;
}
.ck.ck-editor__editable .image-inline {
z-index: 1;
}
.ck.ck-editor__editable .image-inline.ck-widget_selected {
z-index: 2;
}
.ck.ck-editor__editable .image-inline.ck-widget_selected ::selection {
display: none;
}
.ck.ck-editor__editable .image-inline img {
height: auto;
}
.ck.ck-editor__editable td .image-inline img,
.ck.ck-editor__editable th .image-inline img {
max-width: none;
}
.ck.ck-editor__editable img.image_placeholder {
background-size: 100% 100%;
}
.ck.ck-editor__editable figure.image > a::after,
.ck.ck-editor__editable a span.image-inline::after {
display: block;
position: absolute;
}
.ck.ck-link-actions {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.ck.ck-link-actions .ck-link-actions__preview {
display: inline-block;
}
.ck.ck-link-actions .ck-link-actions__preview .ck-button__label {
overflow: hidden;
}
@media screen and (max-width: 600px) {
.ck.ck-link-actions {
flex-wrap: wrap;
}
.ck.ck-link-actions .ck-link-actions__preview {
flex-basis: 100%;
}
.ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
flex-basis: 50%;
}
}
.ck.ck-link-form {
display: flex;
align-items: flex-start;
}
.ck.ck-link-form .ck-label {
display: none;
}
@media screen and (max-width: 600px) {
.ck.ck-link-form {
flex-wrap: wrap;
}
.ck.ck-link-form .ck-labeled-field-view {
flex-basis: 100%;
}
.ck.ck-link-form .ck-button {
flex-basis: 50%;
}
}
.ck.ck-link-form_layout-vertical {
display: block;
}
.ck.ck-link-form_layout-vertical .ck-button.ck-button-save,
.ck.ck-link-form_layout-vertical .ck-button.ck-button-cancel {
margin-top: var(--ck-spacing-medium);
}
.ck-editor__editable .ck-list-bogus-paragraph {
display: block;
}
.ck.ck-list-styles-list {
display: grid;
}
.ck-content ol {
list-style-type: decimal;
}
.ck-content ol ol {
list-style-type: lower-latin;
}
.ck-content ol ol ol {
list-style-type: lower-roman;
}
.ck-content ol ol ol ol {
list-style-type: upper-latin;
}
.ck-content ol ol ol ol ol {
list-style-type: upper-roman;
}
.ck-content ul {
list-style-type: disc;
}
.ck-content ul ul {
list-style-type: circle;
}
.ck-content ul ul ul {
list-style-type: square;
}
.ck-content ul ul ul ul {
list-style-type: square;
}
:root {
--ck-todo-list-checkmark-size: 16px;
}
.ck-content .todo-list {
list-style: none;
}
.ck-content .todo-list li {
position: relative;
margin-bottom: 5px;
}
.ck-content .todo-list li .todo-list {
margin-top: 5px;
}
.ck-content .todo-list .todo-list__label > input {
-webkit-appearance: none;
display: inline-block;
position: relative;
width: var(--ck-todo-list-checkmark-size);
height: var(--ck-todo-list-checkmark-size);
vertical-align: middle;
border: 0;
left: -25px;
margin-right: -15px;
right: 0;
margin-left: 0;
}
.ck-content[dir=rtl] .todo-list .todo-list__label > input {
left: 0;
margin-right: 0;
right: -25px;
margin-left: -15px;
}
.ck-content .todo-list .todo-list__label > input::before {
display: block;
position: absolute;
box-sizing: border-box;
content: "";
width: 100%;
height: 100%;
border: 1px solid hsl(0, 0%, 20%);
border-radius: 2px;
transition: 250ms ease-in-out box-shadow;
}
@media (prefers-reduced-motion: reduce) {
.ck-content .todo-list .todo-list__label > input::before {
transition: none;
}
}
.ck-content .todo-list .todo-list__label > input::after {
display: block;
position: absolute;
box-sizing: content-box;
pointer-events: none;
content: "";
left: calc(var(--ck-todo-list-checkmark-size) / 3);
top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
border-style: solid;
border-color: transparent;
border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
transform: rotate(45deg);
}
.ck-content .todo-list .todo-list__label > input[checked]::before {
background: hsl(126, 64%, 41%);
border-color: hsl(126, 64%, 41%);
}
.ck-content .todo-list .todo-list__label > input[checked]::after {
border-color: hsl(0, 0%, 100%);
}
.ck-content .todo-list .todo-list__label .todo-list__label__description {
vertical-align: middle;
}
.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
position: absolute;
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > input,
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
cursor: pointer;
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > input:hover::before,
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input:hover::before {
box-shadow: 0 0 0 5px hsla(0, 0%, 0%, 0.1);
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
-webkit-appearance: none;
display: inline-block;
position: relative;
width: var(--ck-todo-list-checkmark-size);
height: var(--ck-todo-list-checkmark-size);
vertical-align: middle;
border: 0;
left: -25px;
margin-right: -15px;
right: 0;
margin-left: 0;
}
.ck-editor__editable.ck-content[dir=rtl] .todo-list .todo-list__label > span[contenteditable=false] > input {
left: 0;
margin-right: 0;
right: -25px;
margin-left: -15px;
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before {
display: block;
position: absolute;
box-sizing: border-box;
content: "";
width: 100%;
height: 100%;
border: 1px solid hsl(0, 0%, 20%);
border-radius: 2px;
transition: 250ms ease-in-out box-shadow;
}
@media (prefers-reduced-motion: reduce) {
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before {
transition: none;
}
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::after {
display: block;
position: absolute;
box-sizing: content-box;
pointer-events: none;
content: "";
left: calc(var(--ck-todo-list-checkmark-size) / 3);
top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
border-style: solid;
border-color: transparent;
border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
transform: rotate(45deg);
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::before {
background: hsl(126, 64%, 41%);
border-color: hsl(126, 64%, 41%);
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::after {
border-color: hsl(0, 0%, 100%);
}
.ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
position: absolute;
}
.ck-content .media {
clear: both;
margin: 0.9em 0;
display: block;
min-width: 15em;
}
.ck-media__wrapper .ck-media__placeholder {
display: flex;
flex-direction: column;
align-items: center;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url {
max-width: 100%;
position: relative;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url .ck-media__placeholder__url__text {
overflow: hidden;
display: block;
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder__icon * {
display: none;
}
.ck-editor__editable:not(.ck-read-only) .ck-media__wrapper > *:not(.ck-media__placeholder) {
pointer-events: none;
}
.ck-editor__editable:not(.ck-read-only) .ck-widget:not(.ck-widget_selected) .ck-media__placeholder {
pointer-events: none;
}
.ck-vertical-form .ck-button::after {
content: "";
width: 0;
position: absolute;
right: -1px;
top: -1px;
bottom: -1px;
z-index: 1;
}
.ck-vertical-form .ck-button:focus::after {
display: none;
}
@media screen and (max-width: 600px) {
.ck.ck-responsive-form .ck-button::after {
content: "";
width: 0;
position: absolute;
right: -1px;
top: -1px;
bottom: -1px;
z-index: 1;
}
.ck.ck-responsive-form .ck-button:focus::after {
display: none;
}
}
.ck.ck-media-form {
display: flex;
align-items: flex-start;
flex-direction: row;
flex-wrap: nowrap;
width: 400px;
}
.ck.ck-media-form .ck-labeled-field-view {
display: inline-block;
width: 100%;
}
.ck.ck-media-form .ck-label {
display: none;
}
.ck.ck-media-form .ck-input {
width: 100%;
}
@media screen and (max-width: 600px) {
.ck.ck-media-form {
flex-wrap: wrap;
}
.ck.ck-media-form .ck-labeled-field-view {
flex-basis: 100%;
}
.ck.ck-media-form .ck-button {
flex-basis: 50%;
}
}
:root {
--ck-mention-list-max-height: 300px;
}
.ck.ck-mentions {
max-height: var(--ck-mention-list-max-height);
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
}
.ck.ck-mentions > .ck-list__item {
overflow: hidden;
flex-shrink: 0;
}
:root {
--ck-color-minimap-tracker-background:
208,
0%,
51%;
--ck-color-minimap-iframe-outline: hsl(0deg 0% 75%);
--ck-color-minimap-iframe-shadow: hsl(0deg 0% 0% / 11%);
--ck-color-minimap-progress-background: hsl(0,0%,40%);
}
.ck.ck-minimap {
position: absolute;
user-select: none;
background: var(--ck-color-base-background);
}
.ck.ck-minimap,
.ck.ck-minimap iframe {
width: 100%;
height: 100%;
}
.ck.ck-minimap iframe {
border: 0;
pointer-events: none;
position: relative;
outline: 1px solid var(--ck-color-minimap-iframe-outline);
box-shadow: 0 2px 5px var(--ck-color-minimap-iframe-shadow);
margin: 0;
}
.ck.ck-minimap .ck.ck-minimap__position-tracker {
position: absolute;
width: 100%;
top: 0;
background: hsla(var(--ck-color-minimap-tracker-background), .2);
z-index: 1;
transition: background 100ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-minimap .ck.ck-minimap__position-tracker {
transition: none;
}
}
.ck.ck-minimap .ck.ck-minimap__position-tracker:hover {
background: hsla(var(--ck-color-minimap-tracker-background), .3);
}
.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging,
.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover {
background: hsla(var(--ck-color-minimap-tracker-background), .4);
}
.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging::after,
.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover::after {
opacity: 1;
}
.ck.ck-minimap .ck.ck-minimap__position-tracker::after {
content: attr(data-progress) "%";
position: absolute;
top: 5px;
right: 5px;
background: var(--ck-color-minimap-progress-background);
color: var(--ck-color-base-background);
border: 1px solid var(--ck-color-base-background);
padding: 2px 4px;
font-size: 10px;
border-radius: 3px;
opacity: 0;
transition: opacity 100ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-minimap .ck.ck-minimap__position-tracker::after {
transition: none;
}
}
.ck-content .page-break {
position: relative;
clear: both;
padding: 5px 0;
display: flex;
align-items: center;
justify-content: center;
}
.ck-content .page-break::after {
content: "";
position: absolute;
border-bottom: 2px dashed hsl(0, 0%, 77%);
width: 100%;
}
.ck-content .page-break__label {
position: relative;
z-index: 1;
padding: .3em .6em;
display: block;
text-transform: uppercase;
border: 1px solid hsl(0, 0%, 77%);
border-radius: 2px;
font-family:
Helvetica,
Arial,
Tahoma,
Verdana,
Sans-Serif;
font-size: 0.75em;
font-weight: bold;
color: hsl(0, 0%, 20%);
background: hsl(0, 0%, 100%);
box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media print {
.ck-content .page-break {
padding: 0;
}
.ck-content .page-break::after {
display: none;
}
.ck-content *:has(+ .page-break) {
margin-bottom: 0;
}
}
:root {
--ck-show-blocks-border-color: hsl(0, 0%, 46%);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *):not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
background-repeat: no-repeat;
padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption:not(.ck-widget_selected):not(.ck-widget:hover) {
outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
background-image: url("data:image/svg+xml;utf8,");
background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 1px) 1px;
}
.ck-source-editing-area {
position: relative;
overflow: hidden;
}
.ck-source-editing-area::after,
.ck-source-editing-area textarea {
padding: var(--ck-spacing-large);
margin: 0;
border: 1px solid transparent;
line-height: var(--ck-line-height-base);
font-size: var(--ck-font-size-normal);
font-family: monospace;
white-space: pre-wrap;
}
.ck-source-editing-area::after {
content: attr(data-value) " ";
visibility: hidden;
display: block;
}
.ck-source-editing-area textarea {
position: absolute;
width: 100%;
height: 100%;
resize: none;
outline: none;
overflow: hidden;
box-sizing: border-box;
border-color: var(--ck-color-base-border);
border-radius: 0;
}
.ck-rounded-corners .ck-source-editing-area textarea,
.ck-source-editing-area textarea.ck-rounded-corners {
border-radius: var(--ck-border-radius);
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ck-source-editing-area textarea:not([readonly]):focus {
outline: none;
border: var(--ck-focus-ring);
box-shadow: var(--ck-inner-shadow), 0 0;
}
.ck.ck-character-grid {
max-width: 100%;
}
.ck.ck-character-grid .ck-character-grid__tiles {
display: grid;
}
.ck.ck-character-info {
display: flex;
justify-content: space-between;
}
.ck.ck-special-characters > .ck-dialog__content > div {
width: 350px;
max-width: 100%;
height: 100%;
display: grid;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr;
grid-template-rows: auto 1fr auto;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories {
grid-area: 1 / 1 / 2 / 2;
padding: var(--ck-spacing-medium) var(--ck-spacing-large);
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view {
padding-top: var(--ck-spacing-standard);
width: 100%;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status {
background: var(--ck-color-base-error);
color: var(--ck-color-base-background);
padding: var(--ck-spacing-small) var(--ck-spacing-medium);
min-width: var(--ck-table-properties-min-error-width);
text-align: center;
animation: ck-table-form-labeled-view-status-appear .15s ease both;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status::after {
border-color: transparent transparent var(--ck-color-base-error) transparent;
border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
border-style: solid;
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status {
animation: none;
}
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
display: none;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view > .ck-label {
font-size: var(--ck-font-size-tiny);
text-align: center;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown {
display: block;
width: 100%;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button:not(:focus) {
border: 1px solid var(--ck-color-base-border);
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button > span {
width: 100%;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-grid {
grid-area: 2 / 1 / 3 / 2;
max-height: 200px;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-info {
grid-area: 3 / 1 / 4 / 2;
}
:root {
--ck-style-panel-columns: 3;
}
.ck.ck-style-panel .ck-style-grid {
display: grid;
grid-template-columns: repeat(var(--ck-style-panel-columns), auto);
justify-content: start;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview {
display: flex;
align-content: center;
justify-content: flex-start;
align-items: center;
flex-grow: 1;
flex-basis: 100%;
}
.ck-content .table {
margin: 0.9em auto;
display: table;
}
.ck-content .table table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
height: 100%;
border: 1px double hsl(0, 0%, 70%);
}
.ck-content .table table td,
.ck-content .table table th {
min-width: 2em;
padding: .4em;
border: 1px solid hsl(0, 0%, 75%);
}
.ck-content .table table th {
font-weight: bold;
background: hsla(0, 0%, 0%, 5%);
}
@media print {
.ck-content .table table {
height: initial;
}
}
.ck-content[dir=rtl] .table th {
text-align: right;
}
.ck-content[dir=ltr] .table th {
text-align: left;
}
.ck-editor__editable .ck-table-bogus-paragraph {
display: inline-block;
width: 100%;
}
.ck .ck-insert-table-dropdown__grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.ck.ck-form__row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
.ck.ck-form__row > *:not(.ck-label) {
flex-grow: 1;
}
.ck.ck-form__row.ck-table-form__action-row .ck-button-save,
.ck.ck-form__row.ck-table-form__action-row .ck-button-cancel {
justify-content: center;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row {
flex-wrap: wrap;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type {
flex-grow: 0.57;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type {
flex-grow: 0.43;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button {
flex-grow: 1;
}
.ck.ck-input-color {
width: 100%;
display: flex;
flex-direction: row-reverse;
}
.ck.ck-input-color > input.ck.ck-input-text {
min-width: auto;
flex-grow: 1;
}
.ck.ck-input-color > div.ck.ck-dropdown {
min-width: auto;
}
.ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow {
display: none;
}
.ck.ck-input-color .ck.ck-input-color__button {
display: flex;
}
.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview {
position: relative;
overflow: hidden;
}
.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator {
position: absolute;
display: block;
}
.ck.ck-table-form .ck-form__row.ck-table-form__border-row {
flex-wrap: wrap;
}
.ck.ck-table-form .ck-form__row.ck-table-form__background-row {
flex-wrap: wrap;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
flex-wrap: wrap;
align-items: center;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view {
display: flex;
flex-direction: column-reverse;
align-items: center;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown {
flex-grow: 0;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
flex-grow: 0;
}
.ck.ck-table-form .ck.ck-labeled-field-view {
position: relative;
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
position: absolute;
left: 50%;
bottom: calc(-1 * var(--ck-table-properties-error-arrow-size));
transform: translate(-50%, 100%);
z-index: 1;
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after {
content: "";
position: absolute;
top: calc(-1 * var(--ck-table-properties-error-arrow-size));
left: 50%;
transform: translateX(-50%);
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
flex-wrap: wrap;
flex-basis: 0;
align-content: baseline;
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items {
flex-wrap: nowrap;
}
:root {
--ck-color-selector-caption-background: hsl(0, 0%, 97%);
--ck-color-selector-caption-text: hsl(0, 0%, 20%);
--ck-color-selector-caption-highlighted-background: hsl(52deg 100% 50%);
}
.ck-content .table > figcaption {
display: table-caption;
caption-side: top;
word-break: break-word;
text-align: center;
color: var(--ck-color-selector-caption-text);
background-color: var(--ck-color-selector-caption-background);
padding: .6em;
font-size: .75em;
outline-offset: -1px;
}
@media (forced-colors: active) {
.ck-content .table > figcaption {
background-color: unset;
color: unset;
}
}
@media (forced-colors: none) {
.ck.ck-editor__editable .table > figcaption.table__caption_highlighted {
animation: ck-table-caption-highlight .6s ease-out;
}
}
.ck.ck-editor__editable .table > figcaption.ck-placeholder::before {
padding-left: inherit;
padding-right: inherit;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@keyframes ck-table-caption-highlight {
0% {
background-color: var(--ck-color-selector-caption-highlighted-background);
}
100% {
background-color: var(--ck-color-selector-caption-background);
}
}
:root {
--ck-color-selector-column-resizer-hover: var(--ck-color-base-active);
--ck-table-column-resizer-width: 7px;
--ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
}
.ck-content .table .ck-table-resized {
table-layout: fixed;
}
.ck-content .table table {
overflow: hidden;
}
.ck-content .table td,
.ck-content .table th {
overflow-wrap: break-word;
position: relative;
}
.ck.ck-editor__editable .table .ck-table-column-resizer {
position: absolute;
top: 0;
bottom: 0;
right: var(--ck-table-column-resizer-position-offset);
width: var(--ck-table-column-resizer-width);
cursor: col-resize;
user-select: none;
z-index: var(--ck-z-default);
}
.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer {
display: none;
}
.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer {
display: none;
}
.ck.ck-editor__editable .table .ck-table-column-resizer:hover,
.ck.ck-editor__editable .table .ck-table-column-resizer__active {
background-color: var(--ck-color-selector-column-resizer-hover);
opacity: 0.25;
top: -999999px;
bottom: -999999px;
}
.ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer {
left: var(--ck-table-column-resizer-position-offset);
right: unset;
}
.ck-hidden {
display: none !important;
}
:root {
--ck-z-default: 1;
--ck-z-panel: calc( var(--ck-z-default) + 999 );
--ck-z-dialog: 9999;
}
.ck-transitions-disabled,
.ck-transitions-disabled * {
transition: none !important;
}
:root {
--ck-powered-by-line-height: 10px;
--ck-powered-by-padding-vertical: 2px;
--ck-powered-by-padding-horizontal: 4px;
--ck-powered-by-text-color: hsl(0, 0%, 31%);
--ck-powered-by-border-radius: var(--ck-border-radius);
--ck-powered-by-background: hsl(0, 0%, 100%);
--ck-powered-by-border-color: var(--ck-color-focus-border);
}
.ck.ck-balloon-panel.ck-powered-by-balloon {
--ck-border-radius: var(--ck-powered-by-border-radius);
box-shadow: none;
background: var(--ck-powered-by-background);
min-height: unset;
z-index: calc(var(--ck-z-panel) - 1);
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by {
line-height: var(--ck-powered-by-line-height);
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a {
cursor: pointer;
display: flex;
align-items: center;
opacity: .66;
filter: grayscale(80%);
line-height: var(--ck-powered-by-line-height);
padding: var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal);
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-powered-by__label {
font-size: 7.5px;
letter-spacing: -.2px;
padding-left: 2px;
text-transform: uppercase;
font-weight: bold;
margin-right: 4px;
cursor: pointer;
line-height: normal;
color: var(--ck-powered-by-text-color);
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-icon {
display: block;
cursor: pointer;
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by:hover a {
filter: grayscale(0%);
opacity: 1;
}
.ck.ck-balloon-panel.ck-powered-by-balloon[class*=position_inside] {
border-color: transparent;
}
.ck.ck-balloon-panel.ck-powered-by-balloon[class*=position_border] {
border: var(--ck-focus-ring);
border-color: var(--ck-powered-by-border-color);
}
.ck.ck-button,
a.ck.ck-button {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
display: inline-flex;
align-items: center;
}
[dir=ltr] .ck.ck-button,
[dir=ltr] a.ck.ck-button {
justify-content: left;
}
[dir=rtl] .ck.ck-button,
[dir=rtl] a.ck.ck-button {
justify-content: right;
}
.ck.ck-button .ck-button__label,
a.ck.ck-button .ck-button__label {
display: none;
}
.ck.ck-button.ck-button_with-text .ck-button__label,
a.ck.ck-button.ck-button_with-text .ck-button__label {
display: inline-block;
}
.ck.ck-button:not(.ck-button_with-text),
a.ck.ck-button:not(.ck-button_with-text) {
justify-content: center;
}
.ck.ck-button.ck-switchbutton .ck-button__toggle {
display: block;
}
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
display: block;
}
.ck.ck-list-item-button {
min-height: unset;
width: 100%;
border-radius: 0;
}
[dir=ltr] .ck.ck-list-item-button {
text-align: left;
}
[dir=rtl] .ck.ck-list-item-button {
text-align: right;
}
[dir=ltr] .ck.ck-list-item-button.ck-list-item-button_toggleable {
padding-left: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-list-item-button.ck-list-item-button_toggleable {
padding-right: var(--ck-spacing-small);
}
.ck.ck-list-item-button .ck-list-item-button__check-holder {
display: inline-flex;
width: .9em;
height: .9em;
}
[dir=ltr] .ck.ck-list-item-button .ck-list-item-button__check-holder {
margin-right: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-list-item-button .ck-list-item-button__check-holder {
margin-left: var(--ck-spacing-small);
}
.ck.ck-list-item-button .ck-list-item-button__check-icon {
height: 100%;
}
.ck.ck-collapsible.ck-collapsible_collapsed > .ck-collapsible__children {
display: none;
}
.ck.ck-color-grid {
display: grid;
}
.color-picker-hex-input {
width: max-content;
}
.color-picker-hex-input .ck.ck-input {
min-width: unset;
}
.ck.ck-color-picker__row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
margin: var(--ck-spacing-large) 0 0;
width: unset;
}
.ck.ck-color-picker__row .ck.ck-labeled-field-view {
padding-top: unset;
}
.ck.ck-color-picker__row .ck.ck-input-text {
width: unset;
}
.ck.ck-color-picker__row .ck-color-picker__hash-view {
padding-top: var(--ck-spacing-tiny);
padding-right: var(--ck-spacing-medium);
}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color,
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
display: flex;
align-items: center;
}
[dir=rtl] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color,
[dir=rtl] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
justify-content: flex-start;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
display: flex;
flex-direction: row;
justify-content: space-around;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save,
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-cancel {
flex: 1;
}
.ck.ck-dialog .ck.ck-dialog__actions {
display: flex;
justify-content: flex-end;
}
.ck.ck-dialog-overlay {
user-select: none;
overscroll-behavior: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
.ck.ck-dialog-overlay.ck-dialog-overlay__transparent {
pointer-events: none;
animation: none;
background: none;
}
.ck.ck-dialog {
overscroll-behavior: none;
width: fit-content;
position: absolute;
}
.ck.ck-dialog .ck.ck-form__header {
flex-shrink: 0;
}
.ck.ck-dialog:not(.ck-dialog_modal) .ck.ck-form__header .ck-form__header__label {
cursor: grab;
}
.ck.ck-dialog-overlay.ck-dialog-overlay__transparent .ck.ck-dialog {
pointer-events: all;
}
:root {
--ck-dropdown-max-width: 75vw;
}
.ck.ck-dropdown {
display: inline-block;
position: relative;
}
.ck.ck-dropdown .ck-dropdown__arrow {
pointer-events: none;
z-index: var(--ck-z-default);
}
.ck.ck-dropdown .ck-button.ck-dropdown__button {
width: 100%;
}
.ck.ck-dropdown .ck-dropdown__panel {
display: none;
z-index: var(--ck-z-panel);
max-width: var(--ck-dropdown-max-width);
position: absolute;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible {
display: inline-block;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme {
bottom: 100%;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s {
top: 100%;
bottom: auto;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
left: 0px;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
right: 0px;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n {
left: 50%;
transform: translateX(-50%);
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw {
left: 75%;
transform: translateX(-75%);
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme {
left: 25%;
transform: translateX(-25%);
}
.ck.ck-toolbar .ck-dropdown__panel {
z-index: calc(var(--ck-z-panel) + 1);
}
.ck.ck-splitbutton {
font-size: inherit;
}
.ck.ck-splitbutton .ck-splitbutton__action:focus {
z-index: calc(var(--ck-z-default) + 1);
}
:root {
--ck-toolbar-dropdown-max-width: 60vw;
}
.ck.ck-toolbar-dropdown > .ck-dropdown__panel {
width: max-content;
max-width: var(--ck-toolbar-dropdown-max-width);
}
.ck.ck-toolbar-dropdown > .ck-dropdown__panel .ck-button:focus {
z-index: calc(var(--ck-z-default) + 1);
}
.ck.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
pointer-events: none;
z-index: var(--ck-z-default);
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {
position: absolute;
max-height: 314px;
overflow-y: auto;
z-index: calc(var(--ck-z-panel) + 1);
}
.ck.ck-dropdown-menu-list__nested-menu {
display: block;
}
.ck.ck-aria-live-announcer {
position: absolute;
left: -10000px;
top: -10000px;
}
.ck.ck-aria-live-region-list {
list-style-type: none;
}
.ck.ck-form__header {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
}
.ck.ck-form__header h2.ck-form__header__label {
flex-grow: 1;
}
.ck.ck-icon {
vertical-align: middle;
}
.ck.ck-label {
display: block;
}
.ck.ck-voice-label {
display: none;
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
display: flex;
position: relative;
}
.ck.ck-labeled-field-view .ck.ck-label {
display: block;
position: absolute;
}
.ck.ck-list {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
display: flex;
flex-direction: column;
}
.ck.ck-list .ck-list__item,
.ck.ck-list .ck-list__separator {
display: block;
}
.ck.ck-list .ck-list__item > *:focus {
position: relative;
z-index: var(--ck-z-default);
}
:root {
--ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3);
}
.ck.ck-balloon-panel {
display: none;
position: absolute;
z-index: var(--ck-z-panel);
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before,
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
content: "";
position: absolute;
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before {
z-index: var(--ck-balloon-panel-arrow-z-index);
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
}
.ck.ck-balloon-panel[class*=arrow_n]::before {
z-index: var(--ck-balloon-panel-arrow-z-index);
}
.ck.ck-balloon-panel[class*=arrow_n]::after {
z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
}
.ck.ck-balloon-panel[class*=arrow_s]::before {
z-index: var(--ck-balloon-panel-arrow-z-index);
}
.ck.ck-balloon-panel[class*=arrow_s]::after {
z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
}
.ck.ck-balloon-panel.ck-balloon-panel_visible {
display: block;
}
.ck .ck-balloon-rotator__navigation {
display: flex;
align-items: center;
justify-content: center;
}
.ck .ck-balloon-rotator__content .ck-toolbar {
justify-content: center;
}
.ck .ck-fake-panel {
position: absolute;
z-index: calc(var(--ck-z-panel) - 1);
}
.ck .ck-fake-panel div {
position: absolute;
}
.ck .ck-fake-panel div:nth-child(1) {
z-index: 2;
}
.ck .ck-fake-panel div:nth-child(2) {
z-index: 1;
}
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
z-index: var(--ck-z-panel);
position: fixed;
top: 0;
}
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit {
top: auto;
position: absolute;
}
.ck.ck-autocomplete {
position: relative;
}
.ck.ck-autocomplete > .ck-search__results {
position: absolute;
z-index: var(--ck-z-panel);
}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
bottom: 100%;
}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_s {
top: 100%;
bottom: auto;
}
.ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
[dir=ltr] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
left: var(--ck-spacing-medium);
}
[dir=rtl] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
right: var(--ck-spacing-medium);
}
.ck.ck-search > .ck-labeled-field-view .ck-search__reset {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {
display: block;
}
.ck.ck-search > .ck-search__results > .ck-search__info:not(.ck-hidden) ~ * {
display: none;
}
.ck.ck-highlighted-text mark {
background: var(--ck-color-highlight-background);
vertical-align: initial;
font-weight: inherit;
line-height: inherit;
font-size: inherit;
}
.ck.ck-balloon-panel.ck-tooltip {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: calc(var(--ck-z-dialog) + 100);
}
:root {
--ck-toolbar-spinner-size: 18px;
}
.ck.ck-spinner-container {
display: block;
position: relative;
}
.ck.ck-spinner {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transform: translateY(-50%);
z-index: 1;
}
.ck.ck-toolbar {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.ck.ck-toolbar > .ck-toolbar__items {
display: flex;
flex-flow: row wrap;
align-items: center;
flex-grow: 1;
}
.ck.ck-toolbar .ck.ck-toolbar__separator {
display: inline-block;
}
.ck.ck-toolbar .ck.ck-toolbar__separator:first-child,
.ck.ck-toolbar .ck.ck-toolbar__separator:last-child {
display: none;
}
.ck.ck-toolbar .ck-toolbar__line-break {
flex-basis: 100%;
}
.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
flex-wrap: nowrap;
}
.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items {
flex-direction: column;
}
.ck.ck-toolbar.ck-toolbar_floating > .ck-toolbar__items {
flex-wrap: nowrap;
}
.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__button .ck-dropdown__arrow {
display: none;
}
.ck.ck-block-toolbar-button {
position: absolute;
z-index: var(--ck-z-default);
}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
pointer-events: none;
z-index: var(--ck-z-default);
}
:root {
--ck-menu-bar-menu-max-width: 75vw;
--ck-menu-bar-nested-menu-horizontal-offset: 5px;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
z-index: var(--ck-z-panel);
max-width: var(--ck-menu-bar-menu-max-width);
position: absolute;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {
bottom: 100%;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
top: 100%;
bottom: auto;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {
left: 0px;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
right: 0px;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
left: calc(100% - var(--ck-menu-bar-nested-menu-horizontal-offset));
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es {
top: 0px;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
bottom: 0px;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
right: calc(100% - var(--ck-menu-bar-nested-menu-horizontal-offset));
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws {
top: 0px;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
bottom: 0px;
}
.ck.ck-menu-bar__menu {
display: block;
position: relative;
}
:root {
--ck-color-resizer: var(--ck-color-focus-border);
--ck-color-resizer-tooltip-background: hsl(0, 0%, 15%);
--ck-color-resizer-tooltip-text: hsl(0, 0%, 95%);
--ck-resizer-border-radius: var(--ck-border-radius);
--ck-resizer-tooltip-offset: 10px;
--ck-resizer-tooltip-height: calc(var(--ck-spacing-small) * 2 + 10px);
}
.ck .ck-widget {
position: relative;
}
.ck .ck-widget.ck-widget_with-selection-handle {
position: relative;
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
position: absolute;
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {
display: block;
}
.ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle {
visibility: visible;
}
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle {
visibility: visible;
}
.ck .ck-size-view {
background: var(--ck-color-resizer-tooltip-background);
color: var(--ck-color-resizer-tooltip-text);
border: 1px solid var(--ck-color-resizer-tooltip-text);
border-radius: var(--ck-resizer-border-radius);
font-size: var(--ck-font-size-tiny);
display: block;
padding: 0 var(--ck-spacing-small);
height: var(--ck-resizer-tooltip-height);
line-height: var(--ck-resizer-tooltip-height);
}
.ck .ck-size-view.ck-orientation-top-left,
.ck .ck-size-view.ck-orientation-top-right,
.ck .ck-size-view.ck-orientation-bottom-right,
.ck .ck-size-view.ck-orientation-bottom-left,
.ck .ck-size-view.ck-orientation-above-center {
position: absolute;
}
.ck .ck-size-view.ck-orientation-top-left {
top: var(--ck-resizer-tooltip-offset);
left: var(--ck-resizer-tooltip-offset);
}
.ck .ck-size-view.ck-orientation-top-right {
top: var(--ck-resizer-tooltip-offset);
right: var(--ck-resizer-tooltip-offset);
}
.ck .ck-size-view.ck-orientation-bottom-right {
bottom: var(--ck-resizer-tooltip-offset);
right: var(--ck-resizer-tooltip-offset);
}
.ck .ck-size-view.ck-orientation-bottom-left {
bottom: var(--ck-resizer-tooltip-offset);
left: var(--ck-resizer-tooltip-offset);
}
.ck .ck-size-view.ck-orientation-above-center {
top: calc(var(--ck-resizer-tooltip-height) * -1);
left: 50%;
transform: translate(-50%);
}
.ck .ck-widget_with-resizer {
position: relative;
}
.ck .ck-widget__resizer {
display: none;
position: absolute;
pointer-events: none;
left: 0;
top: 0;
}
.ck-focused .ck-widget_with-resizer.ck-widget_selected > .ck-widget__resizer {
display: block;
}
.ck .ck-widget__resizer__handle {
position: absolute;
pointer-events: all;
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left,
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right {
cursor: nwse-resize;
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right,
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left {
cursor: nesw-resize;
}
.ck .ck-widget .ck-widget__type-around__button {
display: block;
position: absolute;
overflow: hidden;
z-index: var(--ck-z-default);
}
.ck .ck-widget .ck-widget__type-around__button svg {
position: absolute;
top: 50%;
left: 50%;
z-index: calc(var(--ck-z-default) + 2);
}
.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_before {
top: calc(-0.5 * var(--ck-widget-outline-thickness));
left: min(10%, 30px);
transform: translateY(-50%);
}
.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_after {
bottom: calc(-0.5 * var(--ck-widget-outline-thickness));
right: min(10%, 30px);
transform: translateY(50%);
}
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button::after,
.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover::after {
content: "";
display: block;
position: absolute;
top: 1px;
left: 1px;
z-index: calc(var(--ck-z-default) + 1);
}
.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
display: none;
position: absolute;
left: 0;
right: 0;
}
.ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
left: calc(-1 * var(--ck-widget-outline-thickness));
right: calc(-1 * var(--ck-widget-outline-thickness));
}
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
top: calc(-1 * var(--ck-widget-outline-thickness) - 1px);
display: block;
}
.ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
bottom: calc(-1 * var(--ck-widget-outline-thickness) - 1px);
display: block;
}
.ck.ck-editor__editable.ck-read-only .ck-widget__type-around {
display: none;
}
.ck.ck-editor__editable.ck-restricted-editing_mode_restricted .ck-widget__type-around {
display: none;
}
.ck.ck-editor__editable.ck-widget__type-around_disabled .ck-widget__type-around {
display: none;
}
/* angular:styles/global:styles */