/* node_modules/@angular/material/prebuilt-themes/pink-bluegrey.css */
html {
--mat-sys-on-surface: initial;
}
.mat-app-background {
background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
--mat-app-background-color: #303030;
--mat-app-text-color: white;
--mat-app-elevation-shadow-level-0:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-1:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-2:
0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-3:
0px 3px 3px -2px rgba(0, 0, 0, 0.2),
0px 3px 4px 0px rgba(0, 0, 0, 0.14),
0px 1px 8px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-4:
0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-5:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 5px 8px 0px rgba(0, 0, 0, 0.14),
0px 1px 14px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-6:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-7:
0px 4px 5px -2px rgba(0, 0, 0, 0.2),
0px 7px 10px 1px rgba(0, 0, 0, 0.14),
0px 2px 16px 1px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-8:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-9:
0px 5px 6px -3px rgba(0, 0, 0, 0.2),
0px 9px 12px 1px rgba(0, 0, 0, 0.14),
0px 3px 16px 2px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-10:
0px 6px 6px -3px rgba(0, 0, 0, 0.2),
0px 10px 14px 1px rgba(0, 0, 0, 0.14),
0px 4px 18px 3px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-11:
0px 6px 7px -4px rgba(0, 0, 0, 0.2),
0px 11px 15px 1px rgba(0, 0, 0, 0.14),
0px 4px 20px 3px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-12:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-13:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 13px 19px 2px rgba(0, 0, 0, 0.14),
0px 5px 24px 4px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-14:
0px 7px 9px -4px rgba(0, 0, 0, 0.2),
0px 14px 21px 2px rgba(0, 0, 0, 0.14),
0px 5px 26px 4px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-15:
0px 8px 9px -5px rgba(0, 0, 0, 0.2),
0px 15px 22px 2px rgba(0, 0, 0, 0.14),
0px 6px 28px 5px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-16:
0px 8px 10px -5px rgba(0, 0, 0, 0.2),
0px 16px 24px 2px rgba(0, 0, 0, 0.14),
0px 6px 30px 5px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-17:
0px 8px 11px -5px rgba(0, 0, 0, 0.2),
0px 17px 26px 2px rgba(0, 0, 0, 0.14),
0px 6px 32px 5px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-18:
0px 9px 11px -5px rgba(0, 0, 0, 0.2),
0px 18px 28px 2px rgba(0, 0, 0, 0.14),
0px 7px 34px 6px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-19:
0px 9px 12px -6px rgba(0, 0, 0, 0.2),
0px 19px 29px 2px rgba(0, 0, 0, 0.14),
0px 7px 36px 6px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-20:
0px 10px 13px -6px rgba(0, 0, 0, 0.2),
0px 20px 31px 3px rgba(0, 0, 0, 0.14),
0px 8px 38px 7px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-21:
0px 10px 13px -6px rgba(0, 0, 0, 0.2),
0px 21px 33px 3px rgba(0, 0, 0, 0.14),
0px 8px 40px 7px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-22:
0px 10px 14px -6px rgba(0, 0, 0, 0.2),
0px 22px 35px 3px rgba(0, 0, 0, 0.14),
0px 8px 42px 7px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-23:
0px 11px 14px -7px rgba(0, 0, 0, 0.2),
0px 23px 36px 3px rgba(0, 0, 0, 0.14),
0px 9px 44px 8px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-24:
0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
--mat-ripple-color: color-mix(in srgb, white 12%, transparent);
}
html {
--mat-option-selected-state-label-text-color: #c2185b;
--mat-option-label-text-color: white;
--mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
--mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
--mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
.mat-accent {
--mat-option-selected-state-label-text-color: #b0bec5;
--mat-option-label-text-color: white;
--mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
--mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
--mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
.mat-warn {
--mat-option-selected-state-label-text-color: #f44336;
--mat-option-label-text-color: white;
--mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
--mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
--mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
html {
--mat-optgroup-label-text-color: white;
}
html {
--mat-pseudo-checkbox-full-selected-icon-color: #b0bec5;
--mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
--mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-pseudo-checkbox-minimal-selected-checkmark-color: #b0bec5;
--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.mat-primary {
--mat-pseudo-checkbox-full-selected-icon-color: #c2185b;
--mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
--mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-pseudo-checkbox-minimal-selected-checkmark-color: #c2185b;
--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.mat-accent {
--mat-pseudo-checkbox-full-selected-icon-color: #b0bec5;
--mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
--mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-pseudo-checkbox-minimal-selected-checkmark-color: #b0bec5;
--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.mat-warn {
--mat-pseudo-checkbox-full-selected-icon-color: #f44336;
--mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
--mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
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-elevated-container-shape: 4px;
--mat-card-outlined-container-shape: 4px;
--mat-card-filled-container-shape: 4px;
--mat-card-outlined-outline-width: 1px;
}
html {
--mat-card-elevated-container-color: #424242;
--mat-card-elevated-container-elevation:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-card-outlined-container-color: #424242;
--mat-card-outlined-container-elevation:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-card-outlined-outline-color: rgba(255, 255, 255, 0.12);
--mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
--mat-card-filled-container-color: #424242;
--mat-card-filled-container-elevation:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
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-progress-bar-active-indicator-height: 4px;
--mat-progress-bar-track-height: 4px;
--mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
--mat-progress-bar-active-indicator-color: #c2185b;
--mat-progress-bar-track-color: rgba(194, 24, 91, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
--mat-progress-bar-active-indicator-color: #b0bec5;
--mat-progress-bar-track-color: rgba(176, 190, 197, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
--mat-progress-bar-active-indicator-color: #f44336;
--mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
--mat-tooltip-container-shape: 4px;
--mat-tooltip-supporting-text-line-height: 16px;
}
html {
--mat-tooltip-container-color: white;
--mat-tooltip-supporting-text-color: rgba(0, 0, 0, 0.87);
}
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-filled-active-indicator-height: 1px;
--mat-form-field-filled-focus-active-indicator-height: 2px;
--mat-form-field-filled-container-shape: 4px;
--mat-form-field-outlined-outline-width: 1px;
--mat-form-field-outlined-focus-outline-width: 2px;
--mat-form-field-outlined-container-shape: 4px;
}
html {
--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #c2185b 87%, transparent);
--mat-form-field-filled-caret-color: #c2185b;
--mat-form-field-filled-focus-active-indicator-color: #c2185b;
--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #c2185b 87%, transparent);
--mat-form-field-outlined-caret-color: #c2185b;
--mat-form-field-outlined-focus-outline-color: #c2185b;
--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #c2185b 87%, transparent);
--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, white 38%, transparent);
--mat-form-field-state-layer-color: white;
--mat-form-field-error-text-color: #f44336;
--mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
--mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
--mat-form-field-leading-icon-color: unset;
--mat-form-field-disabled-leading-icon-color: unset;
--mat-form-field-trailing-icon-color: unset;
--mat-form-field-disabled-trailing-icon-color: unset;
--mat-form-field-error-focus-trailing-icon-color: unset;
--mat-form-field-error-hover-trailing-icon-color: unset;
--mat-form-field-error-trailing-icon-color: unset;
--mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.7);
--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, white 38%, transparent);
--mat-form-field-hover-state-layer-opacity: 0.04;
--mat-form-field-focus-state-layer-opacity: 0.12;
--mat-form-field-filled-container-color: #4a4a4a;
--mat-form-field-filled-disabled-container-color: color-mix(in srgb, white 4%, transparent);
--mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.7);
--mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.7);
--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
--mat-form-field-filled-input-text-color: white;
--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
--mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
--mat-form-field-filled-error-hover-label-text-color: #f44336;
--mat-form-field-filled-error-focus-label-text-color: #f44336;
--mat-form-field-filled-error-label-text-color: #f44336;
--mat-form-field-filled-error-caret-color: #f44336;
--mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.7);
--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, white 12%, transparent);
--mat-form-field-filled-hover-active-indicator-color: white;
--mat-form-field-filled-error-active-indicator-color: #f44336;
--mat-form-field-filled-error-focus-active-indicator-color: #f44336;
--mat-form-field-filled-error-hover-active-indicator-color: #f44336;
--mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.7);
--mat-form-field-outlined-hover-label-text-color: white;
--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
--mat-form-field-outlined-input-text-color: white;
--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
--mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
--mat-form-field-outlined-error-caret-color: #f44336;
--mat-form-field-outlined-error-focus-label-text-color: #f44336;
--mat-form-field-outlined-error-label-text-color: #f44336;
--mat-form-field-outlined-error-hover-label-text-color: #f44336;
--mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, white 12%, transparent);
--mat-form-field-outlined-hover-outline-color: white;
--mat-form-field-outlined-error-focus-outline-color: #f44336;
--mat-form-field-outlined-error-hover-outline-color: #f44336;
--mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #b0bec5 87%, transparent);
--mat-form-field-filled-caret-color: #b0bec5;
--mat-form-field-filled-focus-active-indicator-color: #b0bec5;
--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #b0bec5 87%, transparent);
--mat-form-field-outlined-caret-color: #b0bec5;
--mat-form-field-outlined-focus-outline-color: #b0bec5;
--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #b0bec5 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
--mat-form-field-filled-caret-color: #f44336;
--mat-form-field-filled-focus-active-indicator-color: #f44336;
--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
--mat-form-field-outlined-caret-color: #f44336;
--mat-form-field-outlined-focus-outline-color: #f44336;
--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
--mat-form-field-container-height: 56px;
--mat-form-field-filled-label-display: block;
--mat-form-field-container-vertical-padding: 16px;
--mat-form-field-filled-with-label-container-padding-top: 24px;
--mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
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-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
--mat-select-panel-background-color: #424242;
--mat-select-enabled-trigger-text-color: white;
--mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
--mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
--mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
--mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
--mat-select-focused-arrow-color: #c2185b;
--mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
--mat-select-panel-background-color: #424242;
--mat-select-enabled-trigger-text-color: white;
--mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
--mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
--mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
--mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
--mat-select-focused-arrow-color: #b0bec5;
--mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
--mat-select-panel-background-color: #424242;
--mat-select-enabled-trigger-text-color: white;
--mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
--mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
--mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
--mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
--mat-select-focused-arrow-color: #f44336;
--mat-select-invalid-arrow-color: #f44336;
}
html {
--mat-select-arrow-transform: translateY(-8px);
}
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-autocomplete-container-shape: 4px;
--mat-autocomplete-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
--mat-autocomplete-background-color: #424242;
}
html {
--mat-dialog-container-shape: 4px;
--mat-dialog-container-elevation-shadow:
0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12);
--mat-dialog-container-max-width: 80vw;
--mat-dialog-container-small-max-width: 80vw;
--mat-dialog-container-min-width: 0;
--mat-dialog-actions-alignment: start;
--mat-dialog-actions-padding: 8px;
--mat-dialog-content-padding: 20px 24px;
--mat-dialog-with-actions-content-padding: 20px 24px;
--mat-dialog-headline-padding: 0 24px 9px;
}
html {
--mat-dialog-container-color: #424242;
--mat-dialog-subhead-color: white;
--mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.7);
}
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-container-shape-radius: 16px;
--mat-chip-disabled-container-opacity: 0.4;
--mat-chip-disabled-outline-color: transparent;
--mat-chip-flat-selected-outline-width: 0;
--mat-chip-focus-outline-color: transparent;
--mat-chip-hover-state-layer-opacity: 0.04;
--mat-chip-outline-color: transparent;
--mat-chip-outline-width: 0;
--mat-chip-selected-hover-state-layer-opacity: 0.04;
--mat-chip-selected-trailing-action-state-layer-color: transparent;
--mat-chip-trailing-action-focus-opacity: 1;
--mat-chip-trailing-action-focus-state-layer-opacity: 0;
--mat-chip-trailing-action-hover-state-layer-opacity: 0;
--mat-chip-trailing-action-opacity: 0.54;
--mat-chip-trailing-action-state-layer-color: transparent;
--mat-chip-with-avatar-avatar-shape-radius: 14px;
--mat-chip-with-avatar-avatar-size: 28px;
--mat-chip-with-avatar-disabled-avatar-opacity: 1;
--mat-chip-with-icon-disabled-icon-opacity: 1;
--mat-chip-with-icon-icon-size: 18px;
--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
--mat-chip-disabled-label-text-color: white;
--mat-chip-elevated-container-color: color-mix(in srgb, white 12%, transparent);
--mat-chip-elevated-disabled-container-color: color-mix(in srgb, white 12%, transparent);
--mat-chip-elevated-selected-container-color: color-mix(in srgb, white 12%, transparent);
--mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, white 12%, transparent);
--mat-chip-focus-state-layer-color: white;
--mat-chip-focus-state-layer-opacity: 0.12;
--mat-chip-hover-state-layer-color: white;
--mat-chip-label-text-color: white;
--mat-chip-selected-disabled-trailing-icon-color: white;
--mat-chip-selected-focus-state-layer-color: 0.12;
--mat-chip-selected-focus-state-layer-opacity: 0.12;
--mat-chip-selected-hover-state-layer-color: 0.04;
--mat-chip-selected-label-text-color: white;
--mat-chip-selected-trailing-icon-color: white;
--mat-chip-with-icon-disabled-icon-color: white;
--mat-chip-with-icon-icon-color: white;
--mat-chip-with-icon-selected-icon-color: white;
--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
--mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
--mat-chip-disabled-label-text-color: white;
--mat-chip-elevated-container-color: #c2185b;
--mat-chip-elevated-disabled-container-color: #c2185b;
--mat-chip-elevated-selected-container-color: #c2185b;
--mat-chip-flat-disabled-selected-container-color: #c2185b;
--mat-chip-focus-state-layer-color: white;
--mat-chip-focus-state-layer-opacity: 0.12;
--mat-chip-hover-state-layer-color: white;
--mat-chip-label-text-color: white;
--mat-chip-selected-disabled-trailing-icon-color: white;
--mat-chip-selected-focus-state-layer-color: 0.12;
--mat-chip-selected-focus-state-layer-opacity: 0.12;
--mat-chip-selected-hover-state-layer-color: 0.04;
--mat-chip-selected-label-text-color: white;
--mat-chip-selected-trailing-icon-color: white;
--mat-chip-with-icon-disabled-icon-color: white;
--mat-chip-with-icon-icon-color: white;
--mat-chip-with-icon-selected-icon-color: white;
--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
--mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
--mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
--mat-chip-elevated-container-color: #b0bec5;
--mat-chip-elevated-disabled-container-color: #b0bec5;
--mat-chip-elevated-selected-container-color: #b0bec5;
--mat-chip-flat-disabled-selected-container-color: #b0bec5;
--mat-chip-focus-state-layer-color: white;
--mat-chip-focus-state-layer-opacity: 0.12;
--mat-chip-hover-state-layer-color: white;
--mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
--mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-selected-focus-state-layer-color: 0.12;
--mat-chip-selected-focus-state-layer-opacity: 0.12;
--mat-chip-selected-hover-state-layer-color: 0.04;
--mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
--mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
--mat-chip-disabled-label-text-color: white;
--mat-chip-elevated-container-color: #f44336;
--mat-chip-elevated-disabled-container-color: #f44336;
--mat-chip-elevated-selected-container-color: #f44336;
--mat-chip-flat-disabled-selected-container-color: #f44336;
--mat-chip-focus-state-layer-color: white;
--mat-chip-focus-state-layer-opacity: 0.12;
--mat-chip-hover-state-layer-color: white;
--mat-chip-label-text-color: white;
--mat-chip-selected-disabled-trailing-icon-color: white;
--mat-chip-selected-focus-state-layer-color: 0.12;
--mat-chip-selected-focus-state-layer-opacity: 0.12;
--mat-chip-selected-hover-state-layer-color: 0.04;
--mat-chip-selected-label-text-color: white;
--mat-chip-selected-trailing-icon-color: white;
--mat-chip-with-icon-disabled-icon-color: white;
--mat-chip-with-icon-icon-color: white;
--mat-chip-with-icon-selected-icon-color: white;
--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
--mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
--mat-chip-container-height: 32px;
}
.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-disabled-handle-opacity: 0.38;
--mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
--mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
--mat-slide-toggle-disabled-track-opacity: 0.12;
--mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
--mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
--mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
--mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
--mat-slide-toggle-handle-height: 20px;
--mat-slide-toggle-handle-shape: 10px;
--mat-slide-toggle-handle-width: 20px;
--mat-slide-toggle-hidden-track-opacity: 1;
--mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
--mat-slide-toggle-pressed-handle-size: 20px;
--mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
--mat-slide-toggle-selected-handle-horizontal-margin: 0;
--mat-slide-toggle-selected-handle-size: 20px;
--mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
--mat-slide-toggle-selected-icon-size: 18px;
--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
--mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
--mat-slide-toggle-selected-track-outline-color: transparent;
--mat-slide-toggle-selected-track-outline-width: 1px;
--mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
--mat-slide-toggle-track-height: 14px;
--mat-slide-toggle-track-outline-color: transparent;
--mat-slide-toggle-track-outline-width: 1px;
--mat-slide-toggle-track-shape: 7px;
--mat-slide-toggle-track-width: 36px;
--mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
--mat-slide-toggle-unselected-handle-horizontal-margin: 0;
--mat-slide-toggle-unselected-handle-size: 20px;
--mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
--mat-slide-toggle-unselected-icon-size: 18px;
--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
--mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
--mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
--mat-slide-toggle-visible-track-opacity: 1;
--mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
--mat-slide-toggle-with-icon-handle-size: 20px;
--mat-slide-toggle-touch-target-size: 48px;
}
html {
--mat-slide-toggle-selected-icon-color: white;
--mat-slide-toggle-disabled-selected-icon-color: white;
--mat-slide-toggle-selected-focus-state-layer-color: #c2185b;
--mat-slide-toggle-selected-handle-color: #c2185b;
--mat-slide-toggle-selected-hover-state-layer-color: #c2185b;
--mat-slide-toggle-selected-pressed-state-layer-color: #c2185b;
--mat-slide-toggle-selected-focus-handle-color: #c2185b;
--mat-slide-toggle-selected-hover-handle-color: #c2185b;
--mat-slide-toggle-selected-pressed-handle-color: #c2185b;
--mat-slide-toggle-selected-focus-track-color: #d81b60;
--mat-slide-toggle-selected-hover-track-color: #d81b60;
--mat-slide-toggle-selected-pressed-track-color: #d81b60;
--mat-slide-toggle-selected-track-color: #d81b60;
--mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
--mat-slide-toggle-disabled-handle-elevation-shadow:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-slide-toggle-disabled-selected-handle-color: white;
--mat-slide-toggle-disabled-selected-track-color: white;
--mat-slide-toggle-disabled-unselected-handle-color: white;
--mat-slide-toggle-disabled-unselected-icon-color: #4a4a4a;
--mat-slide-toggle-disabled-unselected-track-color: white;
--mat-slide-toggle-handle-elevation-shadow:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-slide-toggle-handle-surface-color: #424242;
--mat-slide-toggle-label-text-color: white;
--mat-slide-toggle-unselected-hover-handle-color: white;
--mat-slide-toggle-unselected-focus-handle-color: white;
--mat-slide-toggle-unselected-focus-state-layer-color: white;
--mat-slide-toggle-unselected-focus-track-color: rgba(255, 255, 255, 0.12);
--mat-slide-toggle-unselected-icon-color: #4a4a4a;
--mat-slide-toggle-unselected-handle-color: rgba(255, 255, 255, 0.7);
--mat-slide-toggle-unselected-hover-state-layer-color: white;
--mat-slide-toggle-unselected-hover-track-color: rgba(255, 255, 255, 0.12);
--mat-slide-toggle-unselected-pressed-handle-color: white;
--mat-slide-toggle-unselected-pressed-track-color: rgba(255, 255, 255, 0.12);
--mat-slide-toggle-unselected-pressed-state-layer-color: white;
--mat-slide-toggle-unselected-track-color: rgba(255, 255, 255, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
--mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-selected-focus-state-layer-color: #b0bec5;
--mat-slide-toggle-selected-handle-color: #b0bec5;
--mat-slide-toggle-selected-hover-state-layer-color: #b0bec5;
--mat-slide-toggle-selected-pressed-state-layer-color: #b0bec5;
--mat-slide-toggle-selected-focus-handle-color: #b0bec5;
--mat-slide-toggle-selected-hover-handle-color: #b0bec5;
--mat-slide-toggle-selected-pressed-handle-color: #b0bec5;
--mat-slide-toggle-selected-focus-track-color: #546e7a;
--mat-slide-toggle-selected-hover-track-color: #546e7a;
--mat-slide-toggle-selected-pressed-track-color: #546e7a;
--mat-slide-toggle-selected-track-color: #546e7a;
}
.mat-mdc-slide-toggle.mat-warn {
--mat-slide-toggle-selected-icon-color: white;
--mat-slide-toggle-disabled-selected-icon-color: white;
--mat-slide-toggle-selected-focus-state-layer-color: #f44336;
--mat-slide-toggle-selected-handle-color: #f44336;
--mat-slide-toggle-selected-hover-state-layer-color: #f44336;
--mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
--mat-slide-toggle-selected-focus-handle-color: #f44336;
--mat-slide-toggle-selected-hover-handle-color: #f44336;
--mat-slide-toggle-selected-pressed-handle-color: #f44336;
--mat-slide-toggle-selected-focus-track-color: #e53935;
--mat-slide-toggle-selected-hover-track-color: #e53935;
--mat-slide-toggle-selected-pressed-track-color: #e53935;
--mat-slide-toggle-selected-track-color: #e53935;
}
html {
--mat-slide-toggle-state-layer-size: 40px;
--mat-slide-toggle-touch-target-display: block;
}
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-disabled-selected-icon-opacity: 0.38;
--mat-radio-disabled-unselected-icon-opacity: 0.38;
--mat-radio-state-layer-size: 40px;
--mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
--mat-radio-checked-ripple-color: #c2185b;
--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
--mat-radio-disabled-selected-icon-color: white;
--mat-radio-disabled-unselected-icon-color: white;
--mat-radio-label-text-color: white;
--mat-radio-ripple-color: white;
--mat-radio-selected-focus-icon-color: #c2185b;
--mat-radio-selected-hover-icon-color: #c2185b;
--mat-radio-selected-icon-color: #c2185b;
--mat-radio-selected-pressed-icon-color: #c2185b;
--mat-radio-unselected-focus-icon-color: white;
--mat-radio-unselected-hover-icon-color: white;
--mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
--mat-radio-unselected-pressed-icon-color: white;
}
.mat-mdc-radio-button.mat-accent {
--mat-radio-checked-ripple-color: #b0bec5;
--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
--mat-radio-disabled-selected-icon-color: white;
--mat-radio-disabled-unselected-icon-color: white;
--mat-radio-label-text-color: white;
--mat-radio-ripple-color: white;
--mat-radio-selected-focus-icon-color: #b0bec5;
--mat-radio-selected-hover-icon-color: #b0bec5;
--mat-radio-selected-icon-color: #b0bec5;
--mat-radio-selected-pressed-icon-color: #b0bec5;
--mat-radio-unselected-focus-icon-color: white;
--mat-radio-unselected-hover-icon-color: white;
--mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
--mat-radio-unselected-pressed-icon-color: white;
}
.mat-mdc-radio-button.mat-warn {
--mat-radio-checked-ripple-color: #f44336;
--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
--mat-radio-disabled-selected-icon-color: white;
--mat-radio-disabled-unselected-icon-color: white;
--mat-radio-label-text-color: white;
--mat-radio-ripple-color: white;
--mat-radio-selected-focus-icon-color: #f44336;
--mat-radio-selected-hover-icon-color: #f44336;
--mat-radio-selected-icon-color: #f44336;
--mat-radio-selected-pressed-icon-color: #f44336;
--mat-radio-unselected-focus-icon-color: white;
--mat-radio-unselected-hover-icon-color: white;
--mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
--mat-radio-unselected-pressed-icon-color: white;
}
html {
--mat-radio-state-layer-size: 40px;
--mat-radio-touch-target-display: block;
}
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-active-track-height: 6px;
--mat-slider-active-track-shape: 9999px;
--mat-slider-handle-elevation:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-slider-handle-height: 20px;
--mat-slider-handle-shape: 50%;
--mat-slider-handle-width: 20px;
--mat-slider-inactive-track-height: 4px;
--mat-slider-inactive-track-shape: 9999px;
--mat-slider-value-indicator-border-radius: 4px;
--mat-slider-value-indicator-caret-display: block;
--mat-slider-value-indicator-container-transform: translateX(-50%);
--mat-slider-value-indicator-height: 32px;
--mat-slider-value-indicator-padding: 0 12px;
--mat-slider-value-indicator-text-transform: none;
--mat-slider-value-indicator-width: auto;
--mat-slider-with-overlap-handle-outline-width: 1px;
--mat-slider-with-tick-marks-active-container-opacity: 0.6;
--mat-slider-with-tick-marks-container-shape: 50%;
--mat-slider-with-tick-marks-container-size: 2px;
--mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
--mat-slider-value-indicator-transform-origin: bottom;
}
html {
--mat-slider-active-track-color: #c2185b;
--mat-slider-focus-handle-color: #c2185b;
--mat-slider-handle-color: #c2185b;
--mat-slider-hover-handle-color: #c2185b;
--mat-slider-focus-state-layer-color: color-mix(in srgb, #c2185b 12%, transparent);
--mat-slider-hover-state-layer-color: color-mix(in srgb, #c2185b 4%, transparent);
--mat-slider-inactive-track-color: #c2185b;
--mat-slider-ripple-color: #c2185b;
--mat-slider-with-tick-marks-active-container-color: white;
--mat-slider-with-tick-marks-inactive-container-color: #c2185b;
--mat-slider-disabled-active-track-color: white;
--mat-slider-disabled-handle-color: white;
--mat-slider-disabled-inactive-track-color: white;
--mat-slider-label-container-color: white;
--mat-slider-label-label-text-color: rgba(0, 0, 0, 0.87);
--mat-slider-value-indicator-opacity: 1;
--mat-slider-with-overlap-handle-outline-color: white;
--mat-slider-with-tick-marks-disabled-container-color: white;
}
.mat-accent {
--mat-slider-active-track-color: #b0bec5;
--mat-slider-focus-handle-color: #b0bec5;
--mat-slider-handle-color: #b0bec5;
--mat-slider-hover-handle-color: #b0bec5;
--mat-slider-focus-state-layer-color: color-mix(in srgb, #b0bec5 12%, transparent);
--mat-slider-hover-state-layer-color: color-mix(in srgb, #b0bec5 4%, transparent);
--mat-slider-inactive-track-color: #b0bec5;
--mat-slider-ripple-color: #b0bec5;
--mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
--mat-slider-with-tick-marks-inactive-container-color: #b0bec5;
}
.mat-warn {
--mat-slider-active-track-color: #f44336;
--mat-slider-focus-handle-color: #f44336;
--mat-slider-handle-color: #f44336;
--mat-slider-hover-handle-color: #f44336;
--mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
--mat-slider-inactive-track-color: #f44336;
--mat-slider-ripple-color: #f44336;
--mat-slider-with-tick-marks-active-container-color: white;
--mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
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-container-shape: 4px;
--mat-menu-divider-bottom-spacing: 0;
--mat-menu-divider-top-spacing: 0;
--mat-menu-item-spacing: 16px;
--mat-menu-item-icon-size: 24px;
--mat-menu-item-leading-spacing: 16px;
--mat-menu-item-trailing-spacing: 16px;
--mat-menu-item-with-icon-leading-spacing: 16px;
--mat-menu-item-with-icon-trailing-spacing: 16px;
--mat-menu-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
--mat-menu-item-label-text-color: white;
--mat-menu-item-icon-color: white;
--mat-menu-item-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
--mat-menu-item-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
--mat-menu-container-color: #424242;
--mat-menu-divider-color: rgba(255, 255, 255, 0.12);
}
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-active-indicator-color: transparent;
--mat-list-active-indicator-shape: 4px;
--mat-list-list-item-container-shape: 0;
--mat-list-list-item-leading-avatar-shape: 50%;
--mat-list-list-item-container-color: transparent;
--mat-list-list-item-selected-container-color: transparent;
--mat-list-list-item-leading-avatar-color: transparent;
--mat-list-list-item-leading-icon-size: 24px;
--mat-list-list-item-leading-avatar-size: 40px;
--mat-list-list-item-trailing-icon-size: 24px;
--mat-list-list-item-disabled-state-layer-color: transparent;
--mat-list-list-item-disabled-state-layer-opacity: 0;
--mat-list-list-item-disabled-label-text-opacity: 0.38;
--mat-list-list-item-disabled-leading-icon-opacity: 0.38;
--mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
--mat-list-list-item-label-text-color: white;
--mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
--mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.7);
--mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.7);
--mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.7);
--mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.7);
--mat-list-list-item-disabled-label-text-color: white;
--mat-list-list-item-disabled-leading-icon-color: white;
--mat-list-list-item-disabled-trailing-icon-color: white;
--mat-list-list-item-hover-label-text-color: white;
--mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.7);
--mat-list-list-item-hover-state-layer-color: white;
--mat-list-list-item-hover-state-layer-opacity: 0.04;
--mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.7);
--mat-list-list-item-focus-label-text-color: white;
--mat-list-list-item-focus-state-layer-color: white;
--mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
--mat-radio-checked-ripple-color: #c2185b;
--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
--mat-radio-disabled-selected-icon-color: white;
--mat-radio-disabled-unselected-icon-color: white;
--mat-radio-label-text-color: white;
--mat-radio-ripple-color: white;
--mat-radio-selected-focus-icon-color: #c2185b;
--mat-radio-selected-hover-icon-color: #c2185b;
--mat-radio-selected-icon-color: #c2185b;
--mat-radio-selected-pressed-icon-color: #c2185b;
--mat-radio-unselected-focus-icon-color: white;
--mat-radio-unselected-hover-icon-color: white;
--mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
--mat-radio-unselected-pressed-icon-color: white;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
--mat-radio-checked-ripple-color: #b0bec5;
--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
--mat-radio-disabled-selected-icon-color: white;
--mat-radio-disabled-unselected-icon-color: white;
--mat-radio-label-text-color: white;
--mat-radio-ripple-color: white;
--mat-radio-selected-focus-icon-color: #b0bec5;
--mat-radio-selected-hover-icon-color: #b0bec5;
--mat-radio-selected-icon-color: #b0bec5;
--mat-radio-selected-pressed-icon-color: #b0bec5;
--mat-radio-unselected-focus-icon-color: white;
--mat-radio-unselected-hover-icon-color: white;
--mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
--mat-radio-unselected-pressed-icon-color: white;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
--mat-radio-checked-ripple-color: #f44336;
--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
--mat-radio-disabled-selected-icon-color: white;
--mat-radio-disabled-unselected-icon-color: white;
--mat-radio-label-text-color: white;
--mat-radio-ripple-color: white;
--mat-radio-selected-focus-icon-color: #f44336;
--mat-radio-selected-hover-icon-color: #f44336;
--mat-radio-selected-icon-color: #f44336;
--mat-radio-selected-pressed-icon-color: #f44336;
--mat-radio-unselected-focus-icon-color: white;
--mat-radio-unselected-hover-icon-color: white;
--mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
--mat-radio-unselected-pressed-icon-color: white;
}
.mat-mdc-list-option {
--mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
--mat-checkbox-label-text-color: white;
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #c2185b;
--mat-checkbox-selected-hover-icon-color: #c2185b;
--mat-checkbox-selected-icon-color: #c2185b;
--mat-checkbox-selected-pressed-icon-color: #c2185b;
--mat-checkbox-unselected-focus-icon-color: white;
--mat-checkbox-unselected-hover-icon-color: white;
--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
--mat-checkbox-selected-focus-state-layer-color: #c2185b;
--mat-checkbox-selected-hover-state-layer-color: #c2185b;
--mat-checkbox-selected-pressed-state-layer-color: #c2185b;
--mat-checkbox-unselected-focus-state-layer-color: white;
--mat-checkbox-unselected-hover-state-layer-color: white;
--mat-checkbox-unselected-pressed-state-layer-color: white;
}
.mat-mdc-list-option.mat-accent {
--mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
--mat-checkbox-label-text-color: white;
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-selected-focus-icon-color: #b0bec5;
--mat-checkbox-selected-hover-icon-color: #b0bec5;
--mat-checkbox-selected-icon-color: #b0bec5;
--mat-checkbox-selected-pressed-icon-color: #b0bec5;
--mat-checkbox-unselected-focus-icon-color: white;
--mat-checkbox-unselected-hover-icon-color: white;
--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
--mat-checkbox-selected-focus-state-layer-color: #b0bec5;
--mat-checkbox-selected-hover-state-layer-color: #b0bec5;
--mat-checkbox-selected-pressed-state-layer-color: #b0bec5;
--mat-checkbox-unselected-focus-state-layer-color: white;
--mat-checkbox-unselected-hover-state-layer-color: white;
--mat-checkbox-unselected-pressed-state-layer-color: white;
}
.mat-mdc-list-option.mat-warn {
--mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
--mat-checkbox-label-text-color: white;
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #f44336;
--mat-checkbox-selected-hover-icon-color: #f44336;
--mat-checkbox-selected-icon-color: #f44336;
--mat-checkbox-selected-pressed-icon-color: #f44336;
--mat-checkbox-unselected-focus-icon-color: white;
--mat-checkbox-unselected-hover-icon-color: white;
--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
--mat-checkbox-selected-focus-state-layer-color: #f44336;
--mat-checkbox-selected-hover-state-layer-color: #f44336;
--mat-checkbox-selected-pressed-state-layer-color: #f44336;
--mat-checkbox-unselected-focus-state-layer-color: white;
--mat-checkbox-unselected-hover-state-layer-color: white;
--mat-checkbox-unselected-pressed-state-layer-color: white;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
color: #c2185b;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
opacity: 1;
}
html {
--mat-list-list-item-leading-icon-start-space: 16px;
--mat-list-list-item-leading-icon-end-space: 32px;
--mat-list-list-item-one-line-container-height: 48px;
--mat-list-list-item-two-line-container-height: 64px;
--mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
--mat-radio-state-layer-size: 40px;
--mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
height: 72px;
}
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: .009375em;
}
html {
--mat-paginator-page-size-select-width: 84px;
--mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
--mat-paginator-container-text-color: white;
--mat-paginator-container-background-color: #424242;
--mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.7);
--mat-paginator-disabled-icon-color: color-mix(in srgb, white 38%, transparent);
}
html {
--mat-paginator-container-size: 56px;
--mat-paginator-form-field-container-height: 40px;
--mat-paginator-form-field-container-vertical-padding: 8px;
--mat-paginator-touch-target-display: block;
}
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;
}
html {
--mat-tab-container-height: 48px;
--mat-tab-divider-color: transparent;
--mat-tab-divider-height: 0;
--mat-tab-active-indicator-height: 2px;
--mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
--mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
--mat-tab-pagination-icon-color: white;
--mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
--mat-tab-active-label-text-color: #c2185b;
--mat-tab-active-ripple-color: #c2185b;
--mat-tab-inactive-ripple-color: #c2185b;
--mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
--mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
--mat-tab-active-focus-label-text-color: #c2185b;
--mat-tab-active-hover-label-text-color: #c2185b;
--mat-tab-active-focus-indicator-color: #c2185b;
--mat-tab-active-hover-indicator-color: #c2185b;
--mat-tab-active-indicator-color: #c2185b;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
--mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
--mat-tab-pagination-icon-color: white;
--mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
--mat-tab-active-label-text-color: #b0bec5;
--mat-tab-active-ripple-color: #b0bec5;
--mat-tab-inactive-ripple-color: #b0bec5;
--mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
--mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
--mat-tab-active-focus-label-text-color: #b0bec5;
--mat-tab-active-hover-label-text-color: #b0bec5;
--mat-tab-active-focus-indicator-color: #b0bec5;
--mat-tab-active-hover-indicator-color: #b0bec5;
--mat-tab-active-indicator-color: #b0bec5;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
--mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
--mat-tab-pagination-icon-color: white;
--mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
--mat-tab-active-label-text-color: #f44336;
--mat-tab-active-ripple-color: #f44336;
--mat-tab-inactive-ripple-color: #f44336;
--mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
--mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
--mat-tab-active-focus-label-text-color: #f44336;
--mat-tab-active-hover-label-text-color: #f44336;
--mat-tab-active-focus-indicator-color: #f44336;
--mat-tab-active-hover-indicator-color: #f44336;
--mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
--mat-tab-background-color: #c2185b;
--mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
--mat-tab-background-color: #b0bec5;
--mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
--mat-tab-background-color: #f44336;
--mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
--mat-tab-container-height: 48px;
}
.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-disabled-selected-checkmark-color: #424242;
--mat-checkbox-selected-focus-state-layer-opacity: 0.12;
--mat-checkbox-selected-hover-state-layer-opacity: 0.04;
--mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
--mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
--mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
--mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
--mat-checkbox-touch-target-size: 48px;
}
html {
--mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
--mat-checkbox-label-text-color: white;
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-selected-focus-icon-color: #b0bec5;
--mat-checkbox-selected-hover-icon-color: #b0bec5;
--mat-checkbox-selected-icon-color: #b0bec5;
--mat-checkbox-selected-pressed-icon-color: #b0bec5;
--mat-checkbox-unselected-focus-icon-color: white;
--mat-checkbox-unselected-hover-icon-color: white;
--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
--mat-checkbox-selected-focus-state-layer-color: #b0bec5;
--mat-checkbox-selected-hover-state-layer-color: #b0bec5;
--mat-checkbox-selected-pressed-state-layer-color: #b0bec5;
--mat-checkbox-unselected-focus-state-layer-color: white;
--mat-checkbox-unselected-hover-state-layer-color: white;
--mat-checkbox-unselected-pressed-state-layer-color: white;
}
.mat-mdc-checkbox.mat-primary {
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #c2185b;
--mat-checkbox-selected-hover-icon-color: #c2185b;
--mat-checkbox-selected-icon-color: #c2185b;
--mat-checkbox-selected-pressed-icon-color: #c2185b;
--mat-checkbox-unselected-focus-icon-color: white;
--mat-checkbox-unselected-hover-icon-color: white;
--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
--mat-checkbox-selected-focus-state-layer-color: #c2185b;
--mat-checkbox-selected-hover-state-layer-color: #c2185b;
--mat-checkbox-selected-pressed-state-layer-color: #c2185b;
--mat-checkbox-unselected-focus-state-layer-color: white;
--mat-checkbox-unselected-hover-state-layer-color: white;
--mat-checkbox-unselected-pressed-state-layer-color: white;
}
.mat-mdc-checkbox.mat-warn {
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #f44336;
--mat-checkbox-selected-hover-icon-color: #f44336;
--mat-checkbox-selected-icon-color: #f44336;
--mat-checkbox-selected-pressed-icon-color: #f44336;
--mat-checkbox-unselected-focus-icon-color: white;
--mat-checkbox-unselected-hover-icon-color: white;
--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
--mat-checkbox-selected-focus-state-layer-color: #f44336;
--mat-checkbox-selected-hover-state-layer-color: #f44336;
--mat-checkbox-selected-pressed-state-layer-color: #f44336;
--mat-checkbox-unselected-focus-state-layer-color: white;
--mat-checkbox-unselected-hover-state-layer-color: white;
--mat-checkbox-unselected-pressed-state-layer-color: white;
}
html {
--mat-checkbox-touch-target-display: block;
--mat-checkbox-state-layer-size: 40px;
}
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-container-shape: 4px;
--mat-button-filled-horizontal-padding: 16px;
--mat-button-filled-icon-offset: -4px;
--mat-button-filled-icon-spacing: 8px;
--mat-button-filled-touch-target-size: 48px;
--mat-button-outlined-container-shape: 4px;
--mat-button-outlined-horizontal-padding: 15px;
--mat-button-outlined-icon-offset: -4px;
--mat-button-outlined-icon-spacing: 8px;
--mat-button-outlined-keep-touch-target: false;
--mat-button-outlined-outline-width: 1px;
--mat-button-outlined-touch-target-size: 48px;
--mat-button-protected-container-elevation-shadow:
0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--mat-button-protected-container-shape: 4px;
--mat-button-protected-disabled-container-elevation-shadow:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-button-protected-focus-container-elevation-shadow:
0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--mat-button-protected-horizontal-padding: 16px;
--mat-button-protected-hover-container-elevation-shadow:
0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--mat-button-protected-icon-offset: -4px;
--mat-button-protected-icon-spacing: 8px;
--mat-button-protected-pressed-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-button-protected-touch-target-size: 48px;
--mat-button-text-container-shape: 4px;
--mat-button-text-horizontal-padding: 8px;
--mat-button-text-icon-offset: 0;
--mat-button-text-icon-spacing: 8px;
--mat-button-text-with-icon-horizontal-padding: 8px;
--mat-button-text-touch-target-size: 48px;
--mat-button-tonal-container-shape: 4px;
--mat-button-tonal-horizontal-padding: 16px;
--mat-button-tonal-icon-offset: -4px;
--mat-button-tonal-icon-spacing: 8px;
--mat-button-tonal-touch-target-size: 48px;
}
html {
--mat-button-filled-container-color: #424242;
--mat-button-filled-disabled-container-color: color-mix(in srgb, white 12%, transparent);
--mat-button-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
--mat-button-filled-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
--mat-button-filled-focus-state-layer-opacity: 0.12;
--mat-button-filled-hover-state-layer-opacity: 0.04;
--mat-button-filled-label-text-color: white;
--mat-button-filled-pressed-state-layer-opacity: 0.12;
--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-filled-state-layer-color: white;
--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
--mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
--mat-button-outlined-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
--mat-button-outlined-focus-state-layer-opacity: 0.12;
--mat-button-outlined-hover-state-layer-opacity: 0.04;
--mat-button-outlined-label-text-color: white;
--mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
--mat-button-outlined-pressed-state-layer-opacity: 0.12;
--mat-button-outlined-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-outlined-state-layer-color: white;
--mat-button-protected-container-color: #424242;
--mat-button-protected-disabled-container-color: color-mix(in srgb, white 12%, transparent);
--mat-button-protected-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
--mat-button-protected-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
--mat-button-protected-focus-state-layer-opacity: 0.12;
--mat-button-protected-hover-state-layer-opacity: 0.04;
--mat-button-protected-label-text-color: white;
--mat-button-protected-pressed-state-layer-opacity: 0.12;
--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-protected-state-layer-color: white;
--mat-button-text-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
--mat-button-text-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
--mat-button-text-focus-state-layer-opacity: 0.12;
--mat-button-text-hover-state-layer-opacity: 0.04;
--mat-button-text-label-text-color: white;
--mat-button-text-pressed-state-layer-opacity: 0.12;
--mat-button-text-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-text-state-layer-color: white;
--mat-button-tonal-container-color: #424242;
--mat-button-tonal-disabled-container-color: color-mix(in srgb, white 12%, transparent);
--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
--mat-button-tonal-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
--mat-button-tonal-focus-state-layer-opacity: 0.12;
--mat-button-tonal-hover-state-layer-opacity: 0.04;
--mat-button-tonal-label-text-color: white;
--mat-button-tonal-pressed-state-layer-opacity: 0.12;
--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
--mat-button-filled-container-color: #c2185b;
--mat-button-filled-label-text-color: white;
--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-filled-state-layer-color: white;
--mat-button-outlined-label-text-color: #c2185b;
--mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
--mat-button-outlined-ripple-color: color-mix(in srgb, #c2185b 12%, transparent);
--mat-button-outlined-state-layer-color: #c2185b;
--mat-button-protected-container-color: #c2185b;
--mat-button-protected-label-text-color: white;
--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-protected-state-layer-color: white;
--mat-button-text-label-text-color: #c2185b;
--mat-button-text-ripple-color: color-mix(in srgb, #c2185b 12%, transparent);
--mat-button-text-state-layer-color: #c2185b;
--mat-button-tonal-container-color: #c2185b;
--mat-button-tonal-label-text-color: white;
--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
--mat-button-filled-container-color: #b0bec5;
--mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-outlined-label-text-color: #b0bec5;
--mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
--mat-button-outlined-ripple-color: color-mix(in srgb, #b0bec5 12%, transparent);
--mat-button-outlined-state-layer-color: #b0bec5;
--mat-button-protected-container-color: #b0bec5;
--mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-text-label-text-color: #b0bec5;
--mat-button-text-ripple-color: color-mix(in srgb, #b0bec5 12%, transparent);
--mat-button-text-state-layer-color: #b0bec5;
--mat-button-tonal-container-color: #b0bec5;
--mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
--mat-button-filled-container-color: #f44336;
--mat-button-filled-label-text-color: white;
--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-filled-state-layer-color: white;
--mat-button-outlined-label-text-color: #f44336;
--mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
--mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-button-outlined-state-layer-color: #f44336;
--mat-button-protected-container-color: #f44336;
--mat-button-protected-label-text-color: white;
--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-protected-state-layer-color: white;
--mat-button-text-label-text-color: #f44336;
--mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-button-text-state-layer-color: #f44336;
--mat-button-tonal-container-color: #f44336;
--mat-button-tonal-label-text-color: white;
--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-tonal-state-layer-color: white;
}
html {
--mat-button-filled-container-height: 36px;
--mat-button-filled-touch-target-display: block;
--mat-button-outlined-container-height: 36px;
--mat-button-outlined-touch-target-display: block;
--mat-button-protected-container-height: 36px;
--mat-button-protected-touch-target-display: block;
--mat-button-text-container-height: 36px;
--mat-button-text-touch-target-display: block;
--mat-button-tonal-container-height: 36px;
--mat-button-tonal-touch-target-display: block;
}
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-icon-button-icon-size: 24px;
--mat-icon-button-container-shape: 50%;
--mat-icon-button-touch-target-size: 48px;
}
html {
--mat-icon-button-disabled-icon-color: color-mix(in srgb, white 38%, transparent);
--mat-icon-button-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
--mat-icon-button-focus-state-layer-opacity: 0.12;
--mat-icon-button-hover-state-layer-opacity: 0.04;
--mat-icon-button-icon-color: inherit;
--mat-icon-button-pressed-state-layer-opacity: 0.12;
--mat-icon-button-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-icon-button-state-layer-color: white;
}
.mat-mdc-icon-button.mat-primary {
--mat-icon-button-icon-color: #c2185b;
--mat-icon-button-state-layer-color: #c2185b;
--mat-icon-button-ripple-color: color-mix(in srgb, #c2185b 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
--mat-icon-button-icon-color: #b0bec5;
--mat-icon-button-state-layer-color: #b0bec5;
--mat-icon-button-ripple-color: color-mix(in srgb, #b0bec5 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
--mat-icon-button-icon-color: #f44336;
--mat-icon-button-state-layer-color: #f44336;
--mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
--mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
--mdc-icon-button-state-layer-size: 48px;
--mat-icon-button-state-layer-size: 48px;
width: var(--mat-icon-button-state-layer-size);
height: var(--mat-icon-button-state-layer-size);
padding: 12px;
}
html {
--mat-fab-container-elevation-shadow:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-fab-container-shape: 50%;
--mat-fab-touch-target-size: 48px;
--mat-fab-extended-container-elevation-shadow:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-fab-extended-container-height: 48px;
--mat-fab-extended-container-shape: 24px;
--mat-fab-extended-focus-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-extended-hover-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-extended-pressed-container-elevation-shadow:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
--mat-fab-focus-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-hover-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-pressed-container-elevation-shadow:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
--mat-fab-small-container-elevation-shadow:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-fab-small-container-shape: 50%;
--mat-fab-small-touch-target-size: 48px;
--mat-fab-small-focus-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-small-hover-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-small-pressed-container-elevation-shadow:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
--mat-fab-container-color: #424242;
--mat-fab-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);
--mat-fab-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);
--mat-fab-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
--mat-fab-focus-state-layer-opacity: 0.12;
--mat-fab-foreground-color: white;
--mat-fab-hover-state-layer-opacity: 0.04;
--mat-fab-pressed-state-layer-opacity: 0.12;
--mat-fab-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-fab-small-container-color: #424242;
--mat-fab-small-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);
--mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);
--mat-fab-small-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
--mat-fab-small-focus-state-layer-opacity: 0.12;
--mat-fab-small-foreground-color: white;
--mat-fab-small-hover-state-layer-opacity: 0.04;
--mat-fab-small-pressed-state-layer-opacity: 0.12;
--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-fab-small-state-layer-color: white;
--mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
--mat-fab-container-color: #c2185b;
--mat-fab-foreground-color: white;
--mat-fab-ripple-color: color-mix(in srgb, #c2185b 12%, transparent);
--mat-fab-small-container-color: #c2185b;
--mat-fab-small-foreground-color: white;
--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-fab-small-state-layer-color: white;
--mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
--mat-fab-container-color: #b0bec5;
--mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
--mat-fab-ripple-color: color-mix(in srgb, #b0bec5 12%, transparent);
--mat-fab-small-container-color: #b0bec5;
--mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
--mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
--mat-fab-container-color: #f44336;
--mat-fab-foreground-color: white;
--mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-fab-small-container-color: #f44336;
--mat-fab-small-foreground-color: white;
--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-fab-small-state-layer-color: white;
--mat-fab-state-layer-color: white;
}
html {
--mat-fab-small-touch-target-display: block;
--mat-fab-touch-target-display: block;
}
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-container-shape: 4px;
}
html {
--mat-snack-bar-container-color: white;
--mat-snack-bar-supporting-text-color: rgba(0, 0, 0, 0.87);
--mat-snack-bar-button-color: #d81b60;
}
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-row-item-outline-width: 1px;
}
html {
--mat-table-background-color: #424242;
--mat-table-header-headline-color: white;
--mat-table-row-item-label-text-color: white;
--mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
}
html {
--mat-table-header-container-height: 56px;
--mat-table-footer-container-height: 52px;
--mat-table-row-item-container-height: 52px;
}
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-progress-spinner-active-indicator-width: 4px;
--mat-progress-spinner-size: 48px;
}
html {
--mat-progress-spinner-active-indicator-color: #c2185b;
}
.mat-accent {
--mat-progress-spinner-active-indicator-color: #b0bec5;
}
.mat-warn {
--mat-progress-spinner-active-indicator-color: #f44336;
}
html {
--mat-badge-container-shape: 50%;
--mat-badge-container-size: unset;
--mat-badge-small-size-container-size: unset;
--mat-badge-large-size-container-size: unset;
--mat-badge-legacy-container-size: 22px;
--mat-badge-legacy-small-size-container-size: 16px;
--mat-badge-legacy-large-size-container-size: 28px;
--mat-badge-container-offset: -11px 0;
--mat-badge-small-size-container-offset: -8px 0;
--mat-badge-large-size-container-offset: -14px 0;
--mat-badge-container-overlap-offset: -11px;
--mat-badge-small-size-container-overlap-offset: -8px;
--mat-badge-large-size-container-overlap-offset: -14px;
--mat-badge-container-padding: 0;
--mat-badge-small-size-container-padding: 0;
--mat-badge-large-size-container-padding: 0;
}
html {
--mat-badge-background-color: #c2185b;
--mat-badge-text-color: white;
--mat-badge-disabled-state-background-color: color-mix(in srgb, white 12%, transparent);
--mat-badge-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
}
.mat-badge-accent {
--mat-badge-background-color: #b0bec5;
--mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.mat-badge-warn {
--mat-badge-background-color: #f44336;
--mat-badge-text-color: white;
}
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;
}
html {
--mat-bottom-sheet-container-shape: 4px;
}
html {
--mat-bottom-sheet-container-text-color: white;
--mat-bottom-sheet-container-background-color: #424242;
}
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-focus-state-layer-opacity: 0.12;
--mat-button-toggle-hover-state-layer-opacity: 0.04;
--mat-button-toggle-legacy-focus-state-layer-opacity: 1;
--mat-button-toggle-legacy-height: 36px;
--mat-button-toggle-legacy-shape: 2px;
--mat-button-toggle-shape: 4px;
}
html {
--mat-button-toggle-background-color: #424242;
--mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
--mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, white 38%, transparent);
--mat-button-toggle-disabled-state-background-color: #424242;
--mat-button-toggle-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
--mat-button-toggle-divider-color: rgba(255, 255, 255, 0.12);
--mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
--mat-button-toggle-legacy-disabled-state-background-color: #424242;
--mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
--mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
--mat-button-toggle-legacy-selected-state-text-color: white;
--mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, white 12%, transparent);
--mat-button-toggle-legacy-text-color: white;
--mat-button-toggle-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
--mat-button-toggle-selected-state-text-color: white;
--mat-button-toggle-state-layer-color: white;
--mat-button-toggle-text-color: white;
}
html {
--mat-button-toggle-height: 48px;
}
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-container-shape: 4px;
--mat-datepicker-calendar-container-touch-shape: 4px;
--mat-datepicker-calendar-container-elevation-shadow:
0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--mat-datepicker-calendar-container-touch-elevation-shadow:
0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #c2185b 20%, transparent);
--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #b0bec5 20%, transparent);
--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
--mat-datepicker-calendar-date-selected-state-text-color: white;
--mat-datepicker-calendar-date-selected-state-background-color: #c2185b;
--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #c2185b 38%, transparent);
--mat-datepicker-calendar-date-today-selected-state-outline-color: white;
--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #c2185b 12%, transparent);
--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #c2185b 4%, transparent);
--mat-datepicker-toggle-active-state-icon-color: #c2185b;
--mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-calendar-period-button-text-color: white;
--mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
--mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
--mat-datepicker-calendar-date-text-color: white;
--mat-datepicker-calendar-date-outline-color: transparent;
--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
--mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-range-input-separator-color: white;
--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
--mat-datepicker-calendar-container-background-color: #424242;
--mat-datepicker-calendar-container-text-color: white;
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #b0bec5 20%, transparent);
--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #b0bec5 20%, transparent);
--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
--mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-selected-state-background-color: #b0bec5;
--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #b0bec5 38%, transparent);
--mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #b0bec5 12%, transparent);
--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #b0bec5 4%, transparent);
--mat-datepicker-toggle-active-state-icon-color: #b0bec5;
--mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-calendar-period-button-text-color: white;
--mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
--mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
--mat-datepicker-calendar-date-text-color: white;
--mat-datepicker-calendar-date-outline-color: transparent;
--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
--mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-range-input-separator-color: white;
--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
--mat-datepicker-calendar-container-background-color: #424242;
--mat-datepicker-calendar-container-text-color: white;
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #b0bec5 20%, transparent);
--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
--mat-datepicker-calendar-date-selected-state-text-color: white;
--mat-datepicker-calendar-date-selected-state-background-color: #f44336;
--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
--mat-datepicker-calendar-date-today-selected-state-outline-color: white;
--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
--mat-datepicker-toggle-active-state-icon-color: #f44336;
--mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-calendar-period-button-text-color: white;
--mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
--mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
--mat-datepicker-calendar-date-text-color: white;
--mat-datepicker-calendar-date-outline-color: transparent;
--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
--mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
--mat-datepicker-range-input-separator-color: white;
--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
--mat-datepicker-calendar-container-background-color: #424242;
--mat-datepicker-calendar-container-text-color: white;
}
.mat-calendar-controls {
--mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
--mdc-icon-button-state-layer-size: 40px;
--mat-icon-button-state-layer-size: 40px;
width: var(--mat-icon-button-state-layer-size);
height: var(--mat-icon-button-state-layer-size);
padding: 8px;
}
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-divider-width: 1px;
}
html {
--mat-divider-color: rgba(255, 255, 255, 0.12);
}
html {
--mat-expansion-container-shape: 4px;
--mat-expansion-container-elevation-shadow:
0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--mat-expansion-legacy-header-indicator-display: inline-block;
--mat-expansion-header-indicator-display: none;
}
html {
--mat-expansion-container-background-color: #424242;
--mat-expansion-container-text-color: white;
--mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
--mat-expansion-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
--mat-expansion-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
--mat-expansion-header-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
--mat-expansion-header-text-color: white;
--mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
--mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
}
html {
--mat-expansion-header-collapsed-state-height: 48px;
--mat-expansion-header-expanded-state-height: 64px;
}
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-icon-color: inherit;
}
.mat-icon.mat-primary {
--mat-icon-color: #c2185b;
}
.mat-icon.mat-accent {
--mat-icon-color: #b0bec5;
}
.mat-icon.mat-warn {
--mat-icon-color: #f44336;
}
html {
--mat-sidenav-container-shape: 0;
--mat-sidenav-container-elevation-shadow:
0px 8px 10px -5px rgba(0, 0, 0, 0.2),
0px 16px 24px 2px rgba(0, 0, 0, 0.14),
0px 6px 30px 5px rgba(0, 0, 0, 0.12);
--mat-sidenav-container-width: auto;
}
html {
--mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
--mat-sidenav-container-background-color: #424242;
--mat-sidenav-container-text-color: white;
--mat-sidenav-content-background-color: #303030;
--mat-sidenav-content-text-color: white;
--mat-sidenav-scrim-color: rgba(255, 255, 255, 0.6);
}
html {
--mat-stepper-header-focus-state-layer-shape: 0;
--mat-stepper-header-hover-state-layer-shape: 0;
}
html {
--mat-stepper-header-icon-foreground-color: white;
--mat-stepper-header-selected-state-icon-background-color: #c2185b;
--mat-stepper-header-selected-state-icon-foreground-color: white;
--mat-stepper-header-done-state-icon-background-color: #c2185b;
--mat-stepper-header-done-state-icon-foreground-color: white;
--mat-stepper-header-edit-state-icon-background-color: #c2185b;
--mat-stepper-header-edit-state-icon-foreground-color: white;
--mat-stepper-container-color: #424242;
--mat-stepper-line-color: rgba(255, 255, 255, 0.12);
--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
--mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
--mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
--mat-stepper-header-selected-state-label-text-color: white;
--mat-stepper-header-error-state-label-text-color: #f44336;
--mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
--mat-stepper-header-error-state-icon-foreground-color: #f44336;
--mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
--mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
--mat-stepper-header-selected-state-icon-background-color: #b0bec5;
--mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
--mat-stepper-header-done-state-icon-background-color: #b0bec5;
--mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
--mat-stepper-header-edit-state-icon-background-color: #b0bec5;
--mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.mat-step-header.mat-warn {
--mat-stepper-header-icon-foreground-color: white;
--mat-stepper-header-selected-state-icon-background-color: #f44336;
--mat-stepper-header-selected-state-icon-foreground-color: white;
--mat-stepper-header-done-state-icon-background-color: #f44336;
--mat-stepper-header-done-state-icon-foreground-color: white;
--mat-stepper-header-edit-state-icon-background-color: #f44336;
--mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
--mat-stepper-header-height: 72px;
}
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-sort-arrow-color: white;
}
html {
--mat-toolbar-container-background-color: #424242;
--mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-primary {
--mat-toolbar-container-background-color: #c2185b;
--mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
--mat-toolbar-container-background-color: #b0bec5;
--mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-warn {
--mat-toolbar-container-background-color: #f44336;
--mat-toolbar-container-text-color: white;
}
html {
--mat-toolbar-standard-height: 64px;
--mat-toolbar-mobile-height: 56px;
}
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-container-background-color: #424242;
--mat-tree-node-text-color: white;
}
html {
--mat-tree-node-min-height: 48px;
}
html {
--mat-tree-node-text-font: Roboto, sans-serif;
--mat-tree-node-text-size: 14px;
--mat-tree-node-text-weight: 400;
}
html {
--mat-timepicker-container-shape: 4px;
--mat-timepicker-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
--mat-timepicker-container-background-color: #424242;
}
.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: .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: .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: .03125em;
margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
font: 400 calc(14px*.83)/20px Roboto, sans-serif;
margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
font: 400 calc(14px*.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: .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: .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: .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: -.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: .0073529412em;
margin: 0 0 64px;
}
/* node_modules/ckeditor5/dist/ckeditor5.css */
/**
* @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
*/
: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;
-webkit-user-select: text;
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;
}
.ck.ck-form__header:has(.ck-button-back.ck-hidden) {
padding-inline: var(--ck-spacing-large) var(--ck-spacing-large);
}
.ck.ck-form__header:has(.ck-button-back:not(.ck-hidden)) {
padding-inline: var(--ck-spacing-small) var(--ck-spacing-small);
}
.ck.ck-form__header > .ck-button-back {
margin-inline-end: var(--ck-spacing-small);
}
: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;
}
.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-field-view.ck-labeled-field-view_full-width {
flex-grow: 1;
}
.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;
overflow: visible;
}
.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-bookmark-icon-hover-fill-color: var(--ck-color-widget-hover-border);
--ck-bookmark-icon-selected-fill-color: var(--ck-color-focus-border);
--ck-bookmark-icon-animation-duration: var(--ck-widget-handler-animation-duration);
--ck-bookmark-icon-animation-curve: var(--ck-widget-handler-animation-curve);
}
.ck .ck-bookmark.ck-widget {
display: inline-block;
outline: none;
}
.ck .ck-bookmark.ck-widget .ck-bookmark__icon .ck-icon__fill {
transition: fill var(--ck-bookmark-icon-animation-duration) var(--ck-bookmark-icon-animation-curve);
}
.ck .ck-bookmark.ck-widget:hover .ck-bookmark__icon .ck-icon__fill {
fill: var(--ck-bookmark-icon-hover-fill-color);
}
.ck .ck-bookmark.ck-widget.ck-widget_selected .ck-bookmark__icon .ck-icon__fill {
fill: var(--ck-bookmark-icon-selected-fill-color);
}
.ck .ck-bookmark.ck-widget.ck-widget_selected,
.ck .ck-bookmark.ck-widget.ck-widget_selected:hover {
outline: none;
}
.ck .ck-bookmark.ck-widget .ck-bookmark__icon {
position: relative;
display: block;
top: -0.1em;
}
.ck .ck-bookmark.ck-widget .ck-bookmark__icon .ck-icon {
height: 1.2em;
width: auto;
vertical-align: middle;
}
.ck .ck-fake-bookmark-selection {
background: var(--ck-color-link-fake-selection);
}
.ck .ck-fake-bookmark-selection_collapsed {
height: 100%;
border-right: 1px solid var(--ck-color-base-text);
margin-right: -1px;
outline: solid 1px hsla(0, 0%, 100%, .5);
}
:root {
--ck-bookmark-form-width: 340px;
}
@media screen and (max-width: 600px) {
:root {
--ck-bookmark-form-width: 300px;
}
}
.ck.ck-bookmark-form {
width: var(--ck-bookmark-form-width);
}
.ck.ck-bookmark-balloon .ck.ck-toolbar > .ck-toolbar__items {
flex-wrap: nowrap;
}
.ck.ck-bookmark-toolbar__preview {
padding: 0 var(--ck-spacing-medium);
max-width: var(--ck-input-width);
min-width: 3em;
font-weight: normal;
text-overflow: ellipsis;
text-align: center;
overflow: hidden;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
}
: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;
}
}
:root {
--ck-text-alternative-form-width: 340px;
}
@media screen and (max-width: 600px) {
:root {
--ck-text-alternative-form-width: 300px;
}
}
.ck.ck-text-alternative-form.ck-responsive-form {
width: var(--ck-text-alternative-form-width);
}
:root {
--ck-image-custom-resize-form-width: 340px;
}
@media screen and (max-width: 600px) {
:root {
--ck-image-custom-resize-form-width: 300px;
}
}
.ck.ck-image-custom-resize-form.ck-responsive-form {
width: var(--ck-image-custom-resize-form-width);
}
.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);
}
:root {
--ck-link-bookmark-icon-size: calc( var(--ck-icon-size) * 0.7);
}
.ck.ck-toolbar.ck-link-toolbar > .ck-toolbar__items {
flex-wrap: nowrap;
}
a.ck.ck-button.ck-link-toolbar__preview {
padding: 0 var(--ck-spacing-medium);
color: var(--ck-color-link-default);
cursor: pointer;
justify-content: center;
}
a.ck.ck-button.ck-link-toolbar__preview .ck.ck-button__label {
text-overflow: ellipsis;
max-width: var(--ck-input-width);
}
a.ck.ck-button.ck-link-toolbar__preview,
a.ck.ck-button.ck-link-toolbar__preview:hover,
a.ck.ck-button.ck-link-toolbar__preview:focus,
a.ck.ck-button.ck-link-toolbar__preview:active {
background: none;
}
a.ck.ck-button.ck-link-toolbar__preview:active {
box-shadow: none;
}
a.ck.ck-button.ck-link-toolbar__preview:hover,
a.ck.ck-button.ck-link-toolbar__preview:focus {
text-decoration: underline;
}
a.ck.ck-button.ck-link-toolbar__preview.ck-button_with-text .ck.ck-icon.ck-button__icon {
width: var(--ck-link-bookmark-icon-size);
height: var(--ck-link-bookmark-icon-size);
}
[dir=ltr] a.ck.ck-button.ck-link-toolbar__preview.ck-button_with-text .ck.ck-icon.ck-button__icon {
margin-right: var(--ck-spacing-tiny);
margin-left: var(--ck-spacing-small);
}
[dir=rtl] a.ck.ck-button.ck-link-toolbar__preview.ck-button_with-text .ck.ck-icon.ck-button__icon {
margin-left: var(--ck-spacing-tiny);
margin-right: var(--ck-spacing-small);
}
a.ck.ck-button.ck-link-toolbar__preview:has(.ck-icon) {
padding-left: var(--ck-spacing-extra-tiny );
}
:root {
--ck-link-panel-width: 340px;
--ck-link-provider-list-item-text-height: calc(var(--ck-line-height-base) * var(--ck-font-size-base));
--ck-link-provider-list-item-height: calc(var(--ck-link-provider-list-item-text-height) + var(--ck-spacing-small) + var(--ck-spacing-small));
}
@media screen and (max-width: 600px) {
:root {
--ck-link-panel-width: 300px;
}
}
.ck.ck-form.ck-link-form {
width: var(--ck-link-panel-width);
padding-bottom: 0;
}
@media screen and (max-width: 600px) {
.ck.ck-form.ck-link-form.ck-responsive-form .ck-labeled-field-view {
margin: 0;
}
}
.ck.ck-form.ck-link-form .ck-link-form__providers-list {
border-top: 1px solid var(--ck-color-base-border);
}
.ck.ck-form.ck-link-form .ck-link-form__providers-list:has(.ck-list__item:nth-child(n+5)) {
overflow: auto;
max-height: calc(var(--ck-link-provider-list-item-height) * 4 + var(--ck-spacing-large) + 1px);
}
.ck.ck-form.ck-link-form .ck-link-form__providers-list .ck-link__button {
padding: var(--ck-spacing-small) var(--ck-spacing-large);
border-radius: 0;
}
.ck.ck-form.ck-link-form .ck-link-form__providers-list .ck-link__button > .ck-button__label {
overflow: hidden;
text-overflow: ellipsis;
}
: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));
}
:root {
--ck-link-properties-width: 340px;
}
@media screen and (max-width: 600px) {
:root {
--ck-link-properties-width: 300px;
}
}
.ck.ck-link-properties {
width: var(--ck-link-properties-width);
}
:root {
--ck-link-providers-width: 340px;
--ck-link-list-view-max-height: 240px;
--ck-link-list-view-icon-size: calc( var(--ck-icon-size) * 0.8);
}
@media screen and (max-width: 600px) {
:root {
--ck-link-providers-width: 300px;
}
}
.ck.ck-link-providers {
width: var(--ck-link-providers-width);
}
.ck.ck-link-providers .ck-form__header__label {
overflow: hidden;
text-overflow: ellipsis;
}
.ck.ck-link-providers > .ck-link-providers__list {
max-height: min(var(--ck-link-list-view-max-height), 40vh);
}
.ck.ck-link-providers > .ck-link-providers__list .ck-button > .ck-icon {
width: var(--ck-link-list-view-icon-size);
height: var(--ck-link-list-view-icon-size);
}
.ck.ck-link-providers > .ck-link-providers__list .ck-button > .ck-button__label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ck.ck-link-providers .ck-link__empty-list-info {
padding: calc(2 * var(--ck-spacing-large)) var(--ck-spacing-medium);
text-align: center;
font-style: italic;
}
.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-content-color-mention-background: hsla(341, 100%, 30%, 0.1);
--ck-content-color-mention-text: hsl(341, 100%, 30%);
}
.ck-content .mention {
background: var(--ck-content-color-mention-background);
color: var(--ck-content-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__row > *:not(.ck-label) + * {
margin-inline-start: 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-table-focused-cell-background: hsla(212, 90%, 80%, .3);
--ck-table-content-default-border-color: hsl(0, 0%, 83%);
}
.ck-widget.table table[style*="border:none"],
.ck-widget.table table[style*="border-style:none"] {
outline: var(--ck-table-content-default-border-color) 1px dashed;
}
.ck-widget.table td.ck-editor__nested-editable,
.ck-widget.table th.ck-editor__nested-editable {
outline: unset;
}
.ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused:not(.ck-editor__editable_selected),
.ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused:not(.ck-editor__editable_selected),
.ck-widget.table td.ck-editor__nested-editable:not(.ck-editor__editable_selected):focus,
.ck-widget.table th.ck-editor__nested-editable:not(.ck-editor__editable_selected):focus {
background: var(--ck-color-table-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;
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-table-layout-widget-type-around-button-size: 16px;
--ck-table-layout-widget-type-around-icon-width: 10px;
--ck-table-layout-widget-type-around-icon-height: 8px;
--ck-table-layout-widget-handler-icon-size: 10px;
--ck-table-layout-default-border-color: hsl(0, 0%, 83%);
}
.ck-editor__editable .table.layout-table > table {
width: 100%;
height: 100%;
border-collapse: revert;
}
.ck-editor__editable .table.layout-table > table:not([style*="border:"], [style*=border-top], [style*=border-bottom], [style*=border-left], [style*=border-right], [style*=border-width], [style*=border-style], [style*=border-color]) {
border-color: transparent;
border-width: 0;
outline: none;
}
.ck-editor__editable .table.layout-table > table > tbody > tr > td {
box-shadow: revert;
padding: revert;
min-width: 2em;
text-indent: 1px;
}
.ck-editor__editable .table.layout-table > table > tbody > tr > td[style^="width:"],
.ck-editor__editable .table.layout-table > table > tbody > tr > td[style*=" width:"],
.ck-editor__editable .table.layout-table > table > tbody > tr > td[style*=";width:"],
.ck-editor__editable .table.layout-table > table > tbody > tr > td[style*="'width:"] {
min-width: auto;
}
.ck-editor__editable .table.layout-table > table > tbody > tr > td:focus {
background-color: transparent;
}
.ck-editor__editable .table.layout-table > table > tbody > tr > td:not([style*="border:"], [style*=border-top], [style*=border-bottom], [style*=border-left], [style*=border-right], [style*=border-width], [style*=border-style], [style*=border-color]) {
border-color: transparent;
border-width: 0;
outline: var(--ck-table-layout-default-border-color) 1px dashed;
outline-offset: -1px;
}
.ck-editor__editable .table.layout-table > table > tbody > tr > td:not([style*="border:"], [style*=border-top], [style*=border-bottom], [style*=border-left], [style*=border-right], [style*=border-width], [style*=border-style], [style*=border-color]):focus {
outline: var(--ck-color-focus-border) 1px solid;
}
.ck-editor__editable .table.layout-table > table > tbody > tr > td > .ck-table-bogus-paragraph {
width: calc(100% - 1px);
text-indent: 0;
}
.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around {
--ck-widget-type-around-button-size: var(--ck-table-layout-widget-type-around-button-size);
}
.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before,
.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after {
transform: translateY(0);
z-index: 2;
}
.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before {
margin-left: var(--ck-table-layout-widget-type-around-button-size);
left: min(10%, 30px);
border-radius: 0 0 100px 100px;
}
.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before::after {
border-radius: 0 0 100px 100px;
}
.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after {
border-radius: 100px 100px 0 0;
}
.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after::after {
border-radius: 100px 100px 0 0;
}
.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button svg {
width: var(--ck-table-layout-widget-type-around-icon-width);
height: var(--ck-table-layout-widget-type-around-icon-height);
}
.ck-editor__editable .table.layout-table.ck-widget.ck-widget_with-selection-handle > .ck-widget__selection-handle {
--ck-widget-handler-icon-size: var(--ck-table-layout-widget-handler-icon-size);
transform: translateY(calc(0px - var(--ck-widget-outline-thickness)));
z-index: 3;
}
.ck-editor__editable .table.layout-table.ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
top: 0;
}
.ck-editor__editable .table.layout-table.ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
bottom: 0;
}
: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-widget:has(.ck-widget.table:hover) {
outline-color: transparent;
}
.ck .ck-widget.ck-widget_with-selection-handle:has(.ck-widget.table:hover) > .ck-widget__selection-handle {
opacity: 0;
visibility: hidden;
}
.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:not(.ck-pagination-view) > .ck-widget.ck-widget_with-selection-handle:first-child,
.ck.ck-editor__editable:not(.ck-pagination-view) 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: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_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_selected > .ck-widget__type-around > .ck-widget__type-around__button {
opacity: 1;
pointer-events: auto;
}
.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_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 .ck-widget:has(.ck-widget.table: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;
z-index: var(--ck-z-default);
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;
}
:root {
--ck-content-font-family:
Helvetica,
Arial,
Tahoma,
Verdana,
Sans-Serif;
--ck-content-font-size: medium;
--ck-content-font-color: #000;
--ck-content-line-height: 1.5;
--ck-content-word-break: break-word;
}
.ck-content {
font-family: var(--ck-content-font-family);
font-size: var(--ck-content-font-size);
color: var(--ck-content-font-color);
line-height: var(--ck-content-line-height);
word-break: var(--ck-content-word-break);
}
.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-emoji {
width: 320px;
}
.ck .ck.ck-emoji__search {
display: flex;
padding: var(--ck-spacing-large);
padding-bottom: var(--ck-spacing-medium);
justify-content: space-between;
align-items: center;
}
.ck .ck.ck-emoji__search > .ck.ck-search {
flex: 1;
}
.ck .ck-fake-emoji-selection {
background: var(--ck-color-link-fake-selection);
}
.ck .ck-fake-emoji-selection_collapsed {
height: 100%;
border-right: 1px solid var(--ck-color-base-text);
margin-right: -1px;
outline: solid 1px hsla(0, 0%, 100%, .5);
}
div.ck.ck-balloon-panel.ck-emoji-picker-balloon {
z-index: calc(var( --ck-z-dialog ) + 1);
}
.ck.ck-emoji__categories-list {
display: flex;
justify-content: space-between;
margin: 0 var(--ck-spacing-large);
}
.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text {
border-width: 0;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: transparent;
padding: 0;
font-size: var(--ck-font-size-big);
min-width: var(--ck-font-size-big);
min-height: var(--ck-font-size-big);
}
.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text.ck-emoji__category-item.ck-on {
border-bottom-color: var(--ck-color-base-active);
}
.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text > span {
margin: auto;
}
:root {
--ck-emoji-grid-tile-size: 27px;
}
.ck.ck-emoji .ck.ck-emoji__tiles {
max-width: 100%;
max-height: min(265px, 40vh);
overflow-y: auto;
overflow-x: hidden;
border-top: 1px solid var(--ck-color-base-border);
}
.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--ck-emoji-grid-tile-size), 1fr));
margin: var(--ck-spacing-standard) var(--ck-spacing-large);
grid-gap: var(--ck-spacing-small);
}
.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile {
width: var(--ck-emoji-grid-tile-size);
height: var(--ck-emoji-grid-tile-size);
min-width: var(--ck-emoji-grid-tile-size);
min-height: var(--ck-emoji-grid-tile-size);
font-size: 1.5em;
padding: 0;
transition: .2s ease box-shadow;
border: 0;
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile {
transition: none;
}
}
.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile:focus:not(.ck-disabled),
.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__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-emoji .ck.ck-emoji__tiles .ck-emoji__tile .ck-button__label {
line-height: var(--ck-emoji-grid-tile-size);
width: 100%;
text-align: center;
}
.ck.ck-form.ck-emoji-picker-form {
padding-bottom: 0;
}
.ck.ck-form.ck-emoji-picker-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
border-color: transparent;
}
.ck.ck-emoji__skin-tone {
margin-left: var(--ck-spacing-standard);
}
.ck.ck-emoji__skin-tone > .ck.ck-dropdown .ck.ck-list__item {
min-width: 1em;
}
.ck.ck-emoji__skin-tone > .ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
width: initial;
}
.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;
}
:root {
--ck-content-font-size-tiny: 0.7em;
--ck-content-font-size-small: 0.85em;
--ck-content-font-size-big: 1.4em;
--ck-content-font-size-huge: 1.8em;
}
.ck-content .text-tiny {
font-size: var(--ck-content-font-size-tiny);
}
.ck-content .text-small {
font-size: var(--ck-content-font-size-small);
}
.ck-content .text-big {
font-size: var(--ck-content-font-size-big);
}
.ck-content .text-huge {
font-size: var(--ck-content-font-size-huge);
}
html.ck-fullscreen,
body.ck-fullscreen {
--ck-z-fullscreen: 10000;
overflow: hidden;
--ck-z-default: calc(var(--ck-z-fullscreen) + 1);
--ck-z-panel: calc(var(--ck-z-default) + 999);
--ck-z-dialog: 100000;
}
html.ck-fullscreen .ckbox-reset:not(#n) > .ckbox--dialog,
body.ck-fullscreen .ckbox-reset:not(#n) > .ckbox--dialog {
--ckbox-z-index-root: calc(var(--ck-z-dialog) + 1);
}
html.ck-fullscreen .ckbox:not(#n) .ckbox-img-editor,
body.ck-fullscreen .ckbox:not(#n) .ckbox-img-editor {
--ckbox-z-index-preview: calc(var(--ck-z-dialog) + 1);
}
html.ck-fullscreen .ck-pagination-view-line,
body.ck-fullscreen .ck-pagination-view-line {
z-index: calc(var(--ck-z-fullscreen) + 1);
}
html.ck-fullscreen .page-break__label,
body.ck-fullscreen .page-break__label {
z-index: calc(var(--ck-z-fullscreen) + 2);
}
.ck.ck-fullscreen__main-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: var(--ck-z-fullscreen);
background: var(--ck-color-base-foreground);
display: flex;
flex-direction: column;
}
.ck.ck-fullscreen__main-wrapper .ck.ck-revision-history-ui__changes-navigation {
margin-top: 0px;
margin-bottom: 0px;
}
:not(body > .ck-fullscreen__main-wrapper).ck-fullscreen__main-wrapper {
position: absolute;
}
.ck-fullscreen__main-wrapper:not(body > .ck-fullscreen__main-wrapper) .ck-fullscreen__top-wrapper {
border-top: 1px solid var(--ck-color-base-border);
border-left: 1px solid var(--ck-color-base-border);
border-right: 1px solid var(--ck-color-base-border);
border-radius: var(--ck-border-radius) 0;
}
.ck-fullscreen__menu-bar .ck.ck-menu-bar {
border: none;
}
.ck.ck-fullscreen__toolbar .ck-toolbar {
border-left: 0;
border-right: 0;
border-radius: 0;
}
.ck-fullscreen__main-wrapper .ck-fullscreen__editable-wrapper {
--ck-fullscreen-editor-top-margin: 28px;
--ck-fullscreen-editor-bottom-margin: 28px;
display: flex;
justify-content: flex-start;
overflow: auto;
max-height: 100%;
}
.ck-fullscreen__main-wrapper .ck-fullscreen__editable {
margin-top: var(--ck-fullscreen-editor-top-margin);
height: 100%;
margin-left: auto;
}
.ck-fullscreen__main-wrapper .ck-fullscreen__editable::after {
content: "";
display: block;
height: var(--ck-fullscreen-editor-bottom-margin);
}
.ck-fullscreen__main-wrapper .ck-fullscreen__editable .ck.ck-editor__editable:not(.ck-editor__nested-editable) {
box-sizing: border-box;
width: calc(210mm + 2px);
max-width: calc(210mm + 2px);
min-height: 297mm;
height: fit-content;
margin: 0;
padding: 20mm 12mm;
border: 1px var(--ck-color-base-border) solid;
background: hsl(0, 0%, 100%);
box-shadow: 0 2px 3px hsla(0, 0%, 0%, 0.078);
}
.ck-fullscreen__main-wrapper .ck-fullscreen__editable .ck-source-editing-area {
width: calc(210mm + 2px);
}
.ck-fullscreen__sidebar {
width: 300px;
margin-top: var(--ck-fullscreen-editor-top-margin);
margin-left: 10px;
}
.ck-fullscreen__left-sidebar {
font-family:
Helvetica,
Arial,
sans-serif;
--ck-user-avatar-size: 28px;
position: sticky;
align-self: flex-start;
top: 0;
height: 100%;
background-color: transparent;
margin-top: 0px;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.ck-fullscreen__left-sidebar > :first-child {
min-width: 300px;
padding-top: var(--ck-fullscreen-editor-top-margin);
}
.ck-fullscreen__left-sidebar .ck.ck-presence-list--collapsed {
--ck-user-avatar-size: 32px;
}
.ck-fullscreen__left-sidebar .ck-user {
font-size: 0.85em;
}
.ck-fullscreen__left-sidebar .ck-presence-list__users-counter__text {
font-size: 0.85em;
}
.ck-fullscreen__left-sidebar-item {
padding: var(--ck-spacing-medium);
margin-bottom: var(--ck-spacing-medium);
}
.ck-fullscreen__left-sidebar-item:first-child {
padding-top: 0;
}
.ck-fullscreen__left-sidebar-item:last-child {
margin-bottom: 0;
}
.ck-fullscreen__left-sidebar-header {
--ck-fullscreen-presence-list-header-font-size: 0.875em;
font-size: var(--ck-fullscreen-presence-list-header-font-size);
font-weight: bold;
color: var(--ck-document-outline-item-default-color);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ck-fullscreen__left-sidebar--sticky {
position: sticky;
top: 0;
}
.ck-fullscreen__left-sidebar--sticky > :first-child {
padding-top: 0;
}
.ck-fullscreen__presence-list {
margin-top: var(--ck-spacing-medium);
}
.ck-fullscreen__left-sidebar-item--no-margin {
margin: 0;
}
.ck-fullscreen__left-sidebar .ck.ck-document-outline {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.ck-fullscreen__document-outline-wrapper {
padding-top: 0;
overflow-y: auto;
}
.ck-fullscreen__sidebar.ck-fullscreen__right-sidebar {
margin-top: var(--ck-fullscreen-editor-top-margin);
margin-right: auto;
}
.ck-fullscreen__sidebar.ck-fullscreen__right-sidebar > :first-child {
min-width: 300px;
}
.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-content-highlight-marker-yellow: hsl(60, 97%, 73%);
--ck-content-highlight-marker-green: hsl(120, 93%, 68%);
--ck-content-highlight-marker-pink: hsl(345, 96%, 73%);
--ck-content-highlight-marker-blue: hsl(201, 97%, 72%);
--ck-content-highlight-pen-red: hsl(0, 85%, 49%);
--ck-content-highlight-pen-green: hsl(112, 100%, 27%);
}
.ck-content .marker-yellow {
background-color: var(--ck-content-highlight-marker-yellow);
}
.ck-content .marker-green {
background-color: var(--ck-content-highlight-marker-green);
}
.ck-content .marker-pink {
background-color: var(--ck-content-highlight-marker-pink);
}
.ck-content .marker-blue {
background-color: var(--ck-content-highlight-marker-blue);
}
.ck-content .pen-red {
color: var(--ck-content-highlight-pen-red);
background-color: transparent;
}
.ck-content .pen-green {
color: var(--ck-content-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-content-color-image-caption-background: hsl(0, 0%, 97%);
--ck-content-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: normal;
overflow-wrap: anywhere;
break-before: avoid;
color: var(--ck-content-color-image-caption-text);
background-color: var(--ck-content-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-content-color-image-caption-background);
}
}
.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;
}
:root {
--ck-content-image-style-spacing: 1.5em;
--ck-content-inline-image-style-spacing: calc(var(--ck-content-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-content-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-content-image-style-spacing);
max-width: 50%;
}
.ck-content .image.image-style-align-left {
float: left;
margin-right: var(--ck-content-image-style-spacing);
}
.ck-content .image.image-style-align-right {
float: right;
margin-left: var(--ck-content-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-content-image-style-spacing);
}
.ck-content .image-style-align-right {
float: right;
margin-left: var(--ck-content-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-content-inline-image-style-spacing);
margin-bottom: var(--ck-content-inline-image-style-spacing);
}
.ck-content .image-inline.image-style-align-left {
margin-right: var(--ck-content-inline-image-style-spacing);
}
.ck-content .image-inline.image-style-align-right {
margin-left: var(--ck-content-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-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-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.ck-link-toolbar__preview {
display: inline-block;
}
.ck.ck-link-toolbar__preview .ck-button__label {
overflow: hidden;
}
.ck.ck-editor__editable figure.image > a::after,
.ck.ck-editor__editable a span.image-inline::after {
display: block;
position: absolute;
}
.ck.ck-link-form .ck-link-form__providers-list {
display: flex;
flex-direction: column;
}
.ck.ck-link-form .ck-link-form__providers-list .ck-link__button > .ck-button__label {
flex-grow: 1;
}
.ck.ck-link-form .ck-link__items:empty {
display: none;
}
.ck.ck-link-providers > .ck-link-providers__list {
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
}
.ck.ck-link-providers > .ck-link-providers__list .ck-button > .ck-icon {
flex-shrink: 0;
}
.ck-editor__editable .ck-list-bogus-paragraph {
display: block;
}
.ck.ck-list-styles-list {
display: grid;
}
:root {
--ck-content-list-marker-color: var(--ck-content-font-color);
--ck-content-list-marker-font-family: var(--ck-content-font-family);
--ck-content-list-marker-font-size: var(--ck-content-font-size);
}
.ck-content li > p:first-of-type {
margin-top: 0;
}
.ck-content li > p:only-of-type {
margin-top: 0;
margin-bottom: 0;
}
.ck-content li.ck-list-marker-bold::marker {
font-weight: bold;
}
.ck-content li.ck-list-marker-italic::marker {
font-style: italic;
}
.ck-content li.ck-list-marker-color::marker {
color: var(--ck-content-list-marker-color);
}
.ck-content li.ck-list-marker-font-family::marker {
font-family: var(--ck-content-list-marker-font-family);
}
.ck-content li.ck-list-marker-font-size::marker {
font-size: var(--ck-content-list-marker-font-size);
}
.ck-content li.ck-list-marker-font-size-tiny::marker {
font-size: var(--ck-content-font-size-tiny);
}
.ck-content li.ck-list-marker-font-size-small::marker {
font-size: var(--ck-content-font-size-small);
}
.ck-content li.ck-list-marker-font-size-big::marker {
font-size: var(--ck-content-font-size-big);
}
.ck-content li.ck-list-marker-font-size-huge::marker {
font-size: var(--ck-content-font-size-huge);
}
.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-content-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-content-todo-list-checkmark-size);
height: var(--ck-content-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-content-todo-list-checkmark-size) / 3);
top: calc(var(--ck-content-todo-list-checkmark-size) / 5.3);
width: calc(var(--ck-content-todo-list-checkmark-size) / 5.3);
height: calc(var(--ck-content-todo-list-checkmark-size) / 2.6);
border-style: solid;
border-color: transparent;
border-width: 0 calc(var(--ck-content-todo-list-checkmark-size) / 8) calc(var(--ck-content-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-content-todo-list-checkmark-size);
height: var(--ck-content-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-content-todo-list-checkmark-size) / 3);
top: calc(var(--ck-content-todo-list-checkmark-size) / 5.3);
width: calc(var(--ck-content-todo-list-checkmark-size) / 5.3);
height: calc(var(--ck-content-todo-list-checkmark-size) / 2.6);
border-style: solid;
border-color: transparent;
border-width: 0 calc(var(--ck-content-todo-list-checkmark-size) / 8) calc(var(--ck-content-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;
}
div.ck.ck-balloon-panel.ck-mention-balloon {
z-index: calc(var( --ck-z-dialog ) + 1);
}
: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;
-webkit-user-select: none;
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-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-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;
}
.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;
}
: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[dir=rtl] .table th {
text-align: right;
}
.ck-content[dir=ltr] .table th {
text-align: left;
}
.ck-content figure.table:not(.layout-table) {
display: table;
}
.ck-content figure.table:not(.layout-table) > table {
width: 100%;
height: 100%;
}
.ck-content .table:not(.layout-table) {
margin: 0.9em auto;
}
.ck-content table.table:not(.layout-table),
.ck-content figure.table:not(.layout-table) > table {
border-collapse: collapse;
border-spacing: 0;
border: 1px double hsl(0, 0%, 70%);
}
.ck-content table.table:not(.layout-table) > thead > tr > th,
.ck-content figure.table:not(.layout-table) > table > thead > tr > th,
.ck-content table.table:not(.layout-table) > tbody > tr > th,
.ck-content figure.table:not(.layout-table) > table > tbody > tr > th {
font-weight: bold;
background: hsla(0, 0%, 0%, 5%);
}
.ck-content table.table:not(.layout-table) > thead > tr > td,
.ck-content figure.table:not(.layout-table) > table > thead > tr > td,
.ck-content table.table:not(.layout-table) > tbody > tr > td,
.ck-content figure.table:not(.layout-table) > table > tbody > tr > td,
.ck-content table.table:not(.layout-table) > thead > tr > th,
.ck-content figure.table:not(.layout-table) > table > thead > tr > th,
.ck-content table.table:not(.layout-table) > tbody > tr > th,
.ck-content figure.table:not(.layout-table) > table > tbody > tr > th {
min-width: 2em;
padding: 0.4em;
border: 1px solid hsl(0, 0%, 75%);
}
.ck-content table.table:not(.layout-table) > thead > tr > td > p:first-of-type,
.ck-content figure.table:not(.layout-table) > table > thead > tr > td > p:first-of-type,
.ck-content table.table:not(.layout-table) > tbody > tr > td > p:first-of-type,
.ck-content figure.table:not(.layout-table) > table > tbody > tr > td > p:first-of-type,
.ck-content table.table:not(.layout-table) > thead > tr > th > p:first-of-type,
.ck-content figure.table:not(.layout-table) > table > thead > tr > th > p:first-of-type,
.ck-content table.table:not(.layout-table) > tbody > tr > th > p:first-of-type,
.ck-content figure.table:not(.layout-table) > table > tbody > tr > th > p:first-of-type {
margin-top: 0;
}
.ck-content table.table:not(.layout-table) > thead > tr > td > p:last-of-type,
.ck-content figure.table:not(.layout-table) > table > thead > tr > td > p:last-of-type,
.ck-content table.table:not(.layout-table) > tbody > tr > td > p:last-of-type,
.ck-content figure.table:not(.layout-table) > table > tbody > tr > td > p:last-of-type,
.ck-content table.table:not(.layout-table) > thead > tr > th > p:last-of-type,
.ck-content figure.table:not(.layout-table) > table > thead > tr > th > p:last-of-type,
.ck-content table.table:not(.layout-table) > tbody > tr > th > p:last-of-type,
.ck-content figure.table:not(.layout-table) > table > tbody > tr > th > p:last-of-type {
margin-bottom: 0;
}
@media print {
.ck-content figure.table:not(.layout-table):not(:has(> figcaption)) {
display: block;
width: fit-content;
}
.ck-content figure.table:not(.layout-table) > table {
height: initial;
}
}
.ck-editor__editable .ck-table-bogus-paragraph {
display: inline-block;
width: 100%;
}
.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-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:first-child {
margin-top: var(--ck-spacing-large);
}
.ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:last-child,
.ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:nth-last-child(2):has(+ .ck-fake-selection-container) {
margin-bottom: var(--ck-spacing-large);
}
.ck-editor__editable .table.layout-table {
display: table;
margin: 0;
}
.ck-editor__editable .table.layout-table.ck-widget:hover {
z-index: var(--ck-z-default);
}
.ck-editor__editable .table.layout-table.ck-widget:hover > .ck-widget__selection-handle {
opacity: 0.75;
visibility: visible;
}
.ck-editor__editable .table.layout-table.ck-widget:hover > .ck-widget__selection-handle:hover {
opacity: 1;
}
.ck-editor__editable .table.layout-table.ck-widget:has(.ck-widget.table:hover) > .ck-widget__selection-handle {
opacity: 0;
visibility: hidden;
}
.ck-editor__editable .table.layout-table.ck-widget.ck-widget_selected {
z-index: var(--ck-z-default);
}
.ck-content table.table.layout-table,
.ck-content figure.table.layout-table {
margin-top: 0;
margin-bottom: 0;
}
.ck-content table.table.layout-table,
.ck-content figure.table.layout-table > table {
border-spacing: 0;
}
:root {
--ck-form-default-width: 340px;
}
.ck.ck-form {
padding: 0 0 var(--ck-spacing-large);
}
.ck.ck-form.ck-form_default-width {
width: var(--ck-form-default-width);
}
.ck.ck-form:focus {
outline: none;
}
.ck.ck-form .ck.ck-input-text,
.ck.ck-form .ck.ck-input-number {
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%;
}
@media screen and (max-width: 600px) {
.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit {
flex-direction: column;
align-items: stretch;
padding: 0;
}
}
@media screen and (max-width: 600px) {
.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit > .ck {
margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
}
}
@media screen and (max-width: 600px) {
.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit .ck-button_with-text {
justify-content: center;
}
}
@media screen and (max-width: 600px) {
.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_large-bottom-padding {
padding-bottom: var(--ck-spacing-large);
}
}
[dir=ltr] .ck.ck-form.ck-responsive-form > :not(:first-child) {
margin-left: 0;
}
[dir=rtl] .ck.ck-form.ck-responsive-form > :not(:last-child) {
margin-left: 0;
}
.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-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-form__row > *:not(.ck-label, .ck-table-form__dimension-operator) {
flex-grow: 1;
}
.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-content-color-table-caption-background: hsl(0, 0%, 97%);
--ck-content-color-table-caption-text: hsl(0, 0%, 20%);
--ck-color-table-caption-highlighted-background: hsl(52deg 100% 50%);
}
.ck-content .table > figcaption,
.ck-content figure.table > table > caption {
display: table-caption;
caption-side: top;
word-break: normal;
overflow-wrap: anywhere;
text-align: center;
color: var(--ck-content-color-table-caption-text);
background-color: var(--ck-content-color-table-caption-background);
padding: .6em;
font-size: .75em;
outline-offset: -1px;
}
@media (forced-colors: active) {
.ck-content .table > figcaption,
.ck-content figure.table > table > caption {
background-color: unset;
color: unset;
}
}
@media (forced-colors: none) {
.ck.ck-editor__editable .table > figcaption.table__caption_highlighted,
.ck.ck-editor__editable figure.table > table > caption.table__caption_highlighted {
animation: ck-table-caption-highlight .6s ease-out;
}
}
.ck.ck-editor__editable .table > figcaption.ck-placeholder::before,
.ck.ck-editor__editable figure.table > table > caption.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-table-caption-highlighted-background);
}
100% {
background-color: var(--ck-content-color-table-caption-background);
}
}
:root {
--ck-color-table-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 td,
.ck-content .table th {
overflow-wrap: break-word;
}
.ck.ck-editor__editable .table td,
.ck.ck-editor__editable .table th {
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;
-webkit-user-select: none;
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-table-column-resizer-hover);
opacity: 0.25;
}
.ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer {
left: var(--ck-table-column-resizer-position-offset);
right: unset;
}
.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-insert-table-dropdown__grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.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-font-size: calc(var(--ck-font-size-base) * 7.5 / 13);
--ck-powered-by-line-height: calc(var(--ck-font-size-base) * 10 / 13);
--ck-powered-by-letter-spacing: calc(var(--ck-font-size-base) * -0.2 / 13);
--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-powered-by-svg-width: 53;
--ck-powered-by-svg-height: 10;
--ck-powered-by-icon-width: calc(var(--ck-font-size-base) * var(--ck-powered-by-svg-width) / 13);
--ck-powered-by-icon-height: calc(var(--ck-font-size-base) * var(--ck-powered-by-svg-height) / 13);
}
.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: var(--ck-powered-by-font-size);
letter-spacing: var(--ck-powered-by-letter-spacing);
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;
width: var(--ck-powered-by-icon-width);
height: var(--ck-powered-by-icon-height);
}
.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);
}
:root {
--ck-evaluation-badge-font-size: calc(var(--ck-font-size-base) * 7.5 / 13);
--ck-evaluation-badge-line-height: calc(var(--ck-font-size-base) * 7.5 / 13);
--ck-evaluation-badge-letter-spacing: calc(var(--ck-font-size-base) * -0.2 / 13);
--ck-evaluation-badge-padding-vertical: 2px;
--ck-evaluation-badge-padding-horizontal: 4px;
--ck-evaluation-badge-text-color: hsl(0, 0%, 31%);
--ck-evaluation-badge-border-radius: var(--ck-border-radius);
--ck-evaluation-badge-background: hsl(0, 0%, 100%);
--ck-evaluation-badge-border-color: var(--ck-color-focus-border);
}
.ck.ck-balloon-panel.ck-evaluation-badge-balloon {
--ck-border-radius: var(--ck-evaluation-badge-border-radius);
box-shadow: none;
background: var(--ck-evaluation-badge-background);
min-height: unset;
z-index: calc(var(--ck-z-panel) - 1);
}
.ck.ck-balloon-panel.ck-evaluation-badge-balloon .ck.ck-evaluation-badge {
line-height: var(--ck-evaluation-badge-line-height);
padding: var(--ck-evaluation-badge-padding-vertical) var(--ck-evaluation-badge-padding-horizontal);
}
.ck.ck-balloon-panel.ck-evaluation-badge-balloon .ck.ck-evaluation-badge .ck-evaluation-badge__label {
display: block;
padding: 0 2px;
font-size: var(--ck-evaluation-badge-font-size);
letter-spacing: var(--ck-evaluation-badge-letter-spacing);
font-weight: bold;
line-height: normal;
text-transform: uppercase;
color: var(--ck-evaluation-badge-text-color);
}
.ck.ck-balloon-panel.ck-evaluation-badge-balloon[class*=position_inside] {
border-color: transparent;
}
.ck.ck-balloon-panel.ck-evaluation-badge-balloon[class*=position_border] {
border: var(--ck-focus-ring);
border-color: var(--ck-evaluation-badge-border-color);
}
.ck.ck-aria-live-announcer {
position: absolute;
left: -10000px;
top: -10000px;
}
.ck.ck-aria-live-region-list {
list-style-type: none;
}
.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-overlay {
-webkit-user-select: none;
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;
}
.ck.ck-dialog .ck.ck-dialog__actions {
display: flex;
justify-content: flex-end;
}
: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 {
display: block;
}
.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-form__row {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0;
}
.ck.ck-form__row.ck-form__row_large-top-padding {
padding-top: var(--ck-spacing-large);
}
.ck.ck-form__row.ck-form__row_large-bottom-padding {
padding-bottom: var(--ck-spacing-large);
}
.ck.ck-form__row.ck-form__row_with-submit {
flex-wrap: nowrap;
}
.ck.ck-form__row.ck-form__row_with-submit > *:not(:first-child) {
margin-inline-start: var(--ck-spacing-standard);
}
.ck.ck-form__row > .ck.ck-form__row {
padding: 0;
}
.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;
}
/* projects/portal/src/styles.scss */
.position-relative {
position: relative;
}
.position-absolute {
position: absolute;
}
.position-static {
position: static;
}
@media screen and (min-width: 600px) {
.position-sm-relative {
position: relative;
}
.position-sm-absolute {
position: absolute;
}
.position-sm-static {
position: static;
}
}
@media screen and (min-width: 960px) {
.position-md-relative {
position: relative;
}
.position-md-absolute {
position: absolute;
}
.position-md-static {
position: static;
}
}
@media screen and (min-width: 1280px) {
.position-lg-relative {
position: relative;
}
.position-lg-absolute {
position: absolute;
}
.position-lg-static {
position: static;
}
}
@media screen and (min-width: 1920px) {
.position-xl-relative {
position: relative;
}
.position-xl-absolute {
position: absolute;
}
.position-xl-static {
position: static;
}
}
.align-top {
top: 0;
}
.align-right {
right: 0;
}
.align-bottom {
bottom: 0;
}
.align-left {
left: 0;
}
@media screen and (min-width: 600px) {
.align-sm-top {
top: 0;
}
.align-sm-right {
right: 0;
}
.align-sm-bottom {
bottom: 0;
}
.align-sm-left {
left: 0;
}
}
@media screen and (min-width: 960px) {
.align-md-top {
top: 0;
}
.align-md-right {
right: 0;
}
.align-md-bottom {
bottom: 0;
}
.align-md-left {
left: 0;
}
}
@media screen and (min-width: 1280px) {
.align-lg-top {
top: 0;
}
.align-lg-right {
right: 0;
}
.align-lg-bottom {
bottom: 0;
}
.align-lg-left {
left: 0;
}
}
@media screen and (min-width: 1920px) {
.align-xl-top {
top: 0;
}
.align-xl-right {
right: 0;
}
.align-xl-bottom {
bottom: 0;
}
.align-xl-left {
left: 0;
}
}
.h-0 {
height: 0px !important;
min-height: 0px !important;
max-height: 0px !important;
}
.h-4 {
height: 4px !important;
min-height: 4px !important;
max-height: 4px !important;
}
.h-8 {
height: 8px !important;
min-height: 8px !important;
max-height: 8px !important;
}
.h-12 {
height: 12px !important;
min-height: 12px !important;
max-height: 12px !important;
}
.h-16 {
height: 16px !important;
min-height: 16px !important;
max-height: 16px !important;
}
.h-20 {
height: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
}
.h-24 {
height: 24px !important;
min-height: 24px !important;
max-height: 24px !important;
}
.h-28 {
height: 28px !important;
min-height: 28px !important;
max-height: 28px !important;
}
.h-32 {
height: 32px !important;
min-height: 32px !important;
max-height: 32px !important;
}
.h-36 {
height: 36px !important;
min-height: 36px !important;
max-height: 36px !important;
}
.h-40 {
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
}
.h-44 {
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
.h-48 {
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
}
.h-52 {
height: 52px !important;
min-height: 52px !important;
max-height: 52px !important;
}
.h-56 {
height: 56px !important;
min-height: 56px !important;
max-height: 56px !important;
}
.h-60 {
height: 60px !important;
min-height: 60px !important;
max-height: 60px !important;
}
.h-64 {
height: 64px !important;
min-height: 64px !important;
max-height: 64px !important;
}
.h-68 {
height: 68px !important;
min-height: 68px !important;
max-height: 68px !important;
}
.h-72 {
height: 72px !important;
min-height: 72px !important;
max-height: 72px !important;
}
.h-76 {
height: 76px !important;
min-height: 76px !important;
max-height: 76px !important;
}
.h-80 {
height: 80px !important;
min-height: 80px !important;
max-height: 80px !important;
}
.h-84 {
height: 84px !important;
min-height: 84px !important;
max-height: 84px !important;
}
.h-88 {
height: 88px !important;
min-height: 88px !important;
max-height: 88px !important;
}
.h-92 {
height: 92px !important;
min-height: 92px !important;
max-height: 92px !important;
}
.h-96 {
height: 96px !important;
min-height: 96px !important;
max-height: 96px !important;
}
.h-100 {
height: 100px !important;
min-height: 100px !important;
max-height: 100px !important;
}
.h-104 {
height: 104px !important;
min-height: 104px !important;
max-height: 104px !important;
}
.h-108 {
height: 108px !important;
min-height: 108px !important;
max-height: 108px !important;
}
.h-112 {
height: 112px !important;
min-height: 112px !important;
max-height: 112px !important;
}
.h-116 {
height: 116px !important;
min-height: 116px !important;
max-height: 116px !important;
}
.h-120 {
height: 120px !important;
min-height: 120px !important;
max-height: 120px !important;
}
.h-124 {
height: 124px !important;
min-height: 124px !important;
max-height: 124px !important;
}
.h-128 {
height: 128px !important;
min-height: 128px !important;
max-height: 128px !important;
}
.h-132 {
height: 132px !important;
min-height: 132px !important;
max-height: 132px !important;
}
.h-136 {
height: 136px !important;
min-height: 136px !important;
max-height: 136px !important;
}
.h-140 {
height: 140px !important;
min-height: 140px !important;
max-height: 140px !important;
}
.h-144 {
height: 144px !important;
min-height: 144px !important;
max-height: 144px !important;
}
.h-148 {
height: 148px !important;
min-height: 148px !important;
max-height: 148px !important;
}
.h-152 {
height: 152px !important;
min-height: 152px !important;
max-height: 152px !important;
}
.h-156 {
height: 156px !important;
min-height: 156px !important;
max-height: 156px !important;
}
.h-160 {
height: 160px !important;
min-height: 160px !important;
max-height: 160px !important;
}
.h-164 {
height: 164px !important;
min-height: 164px !important;
max-height: 164px !important;
}
.h-168 {
height: 168px !important;
min-height: 168px !important;
max-height: 168px !important;
}
.h-172 {
height: 172px !important;
min-height: 172px !important;
max-height: 172px !important;
}
.h-176 {
height: 176px !important;
min-height: 176px !important;
max-height: 176px !important;
}
.h-180 {
height: 180px !important;
min-height: 180px !important;
max-height: 180px !important;
}
.h-184 {
height: 184px !important;
min-height: 184px !important;
max-height: 184px !important;
}
.h-188 {
height: 188px !important;
min-height: 188px !important;
max-height: 188px !important;
}
.h-192 {
height: 192px !important;
min-height: 192px !important;
max-height: 192px !important;
}
.h-196 {
height: 196px !important;
min-height: 196px !important;
max-height: 196px !important;
}
.h-200 {
height: 200px !important;
min-height: 200px !important;
max-height: 200px !important;
}
.h-204 {
height: 204px !important;
min-height: 204px !important;
max-height: 204px !important;
}
.h-208 {
height: 208px !important;
min-height: 208px !important;
max-height: 208px !important;
}
.h-212 {
height: 212px !important;
min-height: 212px !important;
max-height: 212px !important;
}
.h-216 {
height: 216px !important;
min-height: 216px !important;
max-height: 216px !important;
}
.h-220 {
height: 220px !important;
min-height: 220px !important;
max-height: 220px !important;
}
.h-224 {
height: 224px !important;
min-height: 224px !important;
max-height: 224px !important;
}
.h-228 {
height: 228px !important;
min-height: 228px !important;
max-height: 228px !important;
}
.h-232 {
height: 232px !important;
min-height: 232px !important;
max-height: 232px !important;
}
.h-236 {
height: 236px !important;
min-height: 236px !important;
max-height: 236px !important;
}
.h-240 {
height: 240px !important;
min-height: 240px !important;
max-height: 240px !important;
}
.h-244 {
height: 244px !important;
min-height: 244px !important;
max-height: 244px !important;
}
.h-248 {
height: 248px !important;
min-height: 248px !important;
max-height: 248px !important;
}
.h-252 {
height: 252px !important;
min-height: 252px !important;
max-height: 252px !important;
}
.h-256 {
height: 256px !important;
min-height: 256px !important;
max-height: 256px !important;
}
.h-260 {
height: 260px !important;
min-height: 260px !important;
max-height: 260px !important;
}
.h-264 {
height: 264px !important;
min-height: 264px !important;
max-height: 264px !important;
}
.h-268 {
height: 268px !important;
min-height: 268px !important;
max-height: 268px !important;
}
.h-272 {
height: 272px !important;
min-height: 272px !important;
max-height: 272px !important;
}
.h-276 {
height: 276px !important;
min-height: 276px !important;
max-height: 276px !important;
}
.h-280 {
height: 280px !important;
min-height: 280px !important;
max-height: 280px !important;
}
.h-284 {
height: 284px !important;
min-height: 284px !important;
max-height: 284px !important;
}
.h-288 {
height: 288px !important;
min-height: 288px !important;
max-height: 288px !important;
}
.h-292 {
height: 292px !important;
min-height: 292px !important;
max-height: 292px !important;
}
.h-296 {
height: 296px !important;
min-height: 296px !important;
max-height: 296px !important;
}
.h-300 {
height: 300px !important;
min-height: 300px !important;
max-height: 300px !important;
}
.h-304 {
height: 304px !important;
min-height: 304px !important;
max-height: 304px !important;
}
.h-308 {
height: 308px !important;
min-height: 308px !important;
max-height: 308px !important;
}
.h-312 {
height: 312px !important;
min-height: 312px !important;
max-height: 312px !important;
}
.h-316 {
height: 316px !important;
min-height: 316px !important;
max-height: 316px !important;
}
.h-320 {
height: 320px !important;
min-height: 320px !important;
max-height: 320px !important;
}
.h-324 {
height: 324px !important;
min-height: 324px !important;
max-height: 324px !important;
}
.h-328 {
height: 328px !important;
min-height: 328px !important;
max-height: 328px !important;
}
.h-332 {
height: 332px !important;
min-height: 332px !important;
max-height: 332px !important;
}
.h-336 {
height: 336px !important;
min-height: 336px !important;
max-height: 336px !important;
}
.h-340 {
height: 340px !important;
min-height: 340px !important;
max-height: 340px !important;
}
.h-344 {
height: 344px !important;
min-height: 344px !important;
max-height: 344px !important;
}
.h-348 {
height: 348px !important;
min-height: 348px !important;
max-height: 348px !important;
}
.h-352 {
height: 352px !important;
min-height: 352px !important;
max-height: 352px !important;
}
.h-356 {
height: 356px !important;
min-height: 356px !important;
max-height: 356px !important;
}
.h-360 {
height: 360px !important;
min-height: 360px !important;
max-height: 360px !important;
}
.h-364 {
height: 364px !important;
min-height: 364px !important;
max-height: 364px !important;
}
.h-368 {
height: 368px !important;
min-height: 368px !important;
max-height: 368px !important;
}
.h-372 {
height: 372px !important;
min-height: 372px !important;
max-height: 372px !important;
}
.h-376 {
height: 376px !important;
min-height: 376px !important;
max-height: 376px !important;
}
.h-380 {
height: 380px !important;
min-height: 380px !important;
max-height: 380px !important;
}
.h-384 {
height: 384px !important;
min-height: 384px !important;
max-height: 384px !important;
}
.h-388 {
height: 388px !important;
min-height: 388px !important;
max-height: 388px !important;
}
.h-392 {
height: 392px !important;
min-height: 392px !important;
max-height: 392px !important;
}
.h-396 {
height: 396px !important;
min-height: 396px !important;
max-height: 396px !important;
}
.h-400 {
height: 400px !important;
min-height: 400px !important;
max-height: 400px !important;
}
.h-404 {
height: 404px !important;
min-height: 404px !important;
max-height: 404px !important;
}
.h-408 {
height: 408px !important;
min-height: 408px !important;
max-height: 408px !important;
}
.h-412 {
height: 412px !important;
min-height: 412px !important;
max-height: 412px !important;
}
.h-416 {
height: 416px !important;
min-height: 416px !important;
max-height: 416px !important;
}
.h-420 {
height: 420px !important;
min-height: 420px !important;
max-height: 420px !important;
}
.h-424 {
height: 424px !important;
min-height: 424px !important;
max-height: 424px !important;
}
.h-428 {
height: 428px !important;
min-height: 428px !important;
max-height: 428px !important;
}
.h-432 {
height: 432px !important;
min-height: 432px !important;
max-height: 432px !important;
}
.h-436 {
height: 436px !important;
min-height: 436px !important;
max-height: 436px !important;
}
.h-440 {
height: 440px !important;
min-height: 440px !important;
max-height: 440px !important;
}
.h-444 {
height: 444px !important;
min-height: 444px !important;
max-height: 444px !important;
}
.h-448 {
height: 448px !important;
min-height: 448px !important;
max-height: 448px !important;
}
.h-452 {
height: 452px !important;
min-height: 452px !important;
max-height: 452px !important;
}
.h-456 {
height: 456px !important;
min-height: 456px !important;
max-height: 456px !important;
}
.h-460 {
height: 460px !important;
min-height: 460px !important;
max-height: 460px !important;
}
.h-464 {
height: 464px !important;
min-height: 464px !important;
max-height: 464px !important;
}
.h-468 {
height: 468px !important;
min-height: 468px !important;
max-height: 468px !important;
}
.h-472 {
height: 472px !important;
min-height: 472px !important;
max-height: 472px !important;
}
.h-476 {
height: 476px !important;
min-height: 476px !important;
max-height: 476px !important;
}
.h-480 {
height: 480px !important;
min-height: 480px !important;
max-height: 480px !important;
}
.h-484 {
height: 484px !important;
min-height: 484px !important;
max-height: 484px !important;
}
.h-488 {
height: 488px !important;
min-height: 488px !important;
max-height: 488px !important;
}
.h-492 {
height: 492px !important;
min-height: 492px !important;
max-height: 492px !important;
}
.h-496 {
height: 496px !important;
min-height: 496px !important;
max-height: 496px !important;
}
.h-500 {
height: 500px !important;
min-height: 500px !important;
max-height: 500px !important;
}
.h-504 {
height: 504px !important;
min-height: 504px !important;
max-height: 504px !important;
}
.h-508 {
height: 508px !important;
min-height: 508px !important;
max-height: 508px !important;
}
.h-512 {
height: 512px !important;
min-height: 512px !important;
max-height: 512px !important;
}
.h-516 {
height: 516px !important;
min-height: 516px !important;
max-height: 516px !important;
}
.h-520 {
height: 520px !important;
min-height: 520px !important;
max-height: 520px !important;
}
.h-524 {
height: 524px !important;
min-height: 524px !important;
max-height: 524px !important;
}
.h-528 {
height: 528px !important;
min-height: 528px !important;
max-height: 528px !important;
}
.h-532 {
height: 532px !important;
min-height: 532px !important;
max-height: 532px !important;
}
.h-536 {
height: 536px !important;
min-height: 536px !important;
max-height: 536px !important;
}
.h-540 {
height: 540px !important;
min-height: 540px !important;
max-height: 540px !important;
}
.h-544 {
height: 544px !important;
min-height: 544px !important;
max-height: 544px !important;
}
.h-548 {
height: 548px !important;
min-height: 548px !important;
max-height: 548px !important;
}
.h-552 {
height: 552px !important;
min-height: 552px !important;
max-height: 552px !important;
}
.h-556 {
height: 556px !important;
min-height: 556px !important;
max-height: 556px !important;
}
.h-560 {
height: 560px !important;
min-height: 560px !important;
max-height: 560px !important;
}
.h-564 {
height: 564px !important;
min-height: 564px !important;
max-height: 564px !important;
}
.h-568 {
height: 568px !important;
min-height: 568px !important;
max-height: 568px !important;
}
.h-572 {
height: 572px !important;
min-height: 572px !important;
max-height: 572px !important;
}
.h-576 {
height: 576px !important;
min-height: 576px !important;
max-height: 576px !important;
}
.h-580 {
height: 580px !important;
min-height: 580px !important;
max-height: 580px !important;
}
.h-584 {
height: 584px !important;
min-height: 584px !important;
max-height: 584px !important;
}
.h-588 {
height: 588px !important;
min-height: 588px !important;
max-height: 588px !important;
}
.h-592 {
height: 592px !important;
min-height: 592px !important;
max-height: 592px !important;
}
.h-596 {
height: 596px !important;
min-height: 596px !important;
max-height: 596px !important;
}
.h-600 {
height: 600px !important;
min-height: 600px !important;
max-height: 600px !important;
}
.h-604 {
height: 604px !important;
min-height: 604px !important;
max-height: 604px !important;
}
.h-608 {
height: 608px !important;
min-height: 608px !important;
max-height: 608px !important;
}
.h-612 {
height: 612px !important;
min-height: 612px !important;
max-height: 612px !important;
}
.h-616 {
height: 616px !important;
min-height: 616px !important;
max-height: 616px !important;
}
.h-620 {
height: 620px !important;
min-height: 620px !important;
max-height: 620px !important;
}
.h-624 {
height: 624px !important;
min-height: 624px !important;
max-height: 624px !important;
}
.h-628 {
height: 628px !important;
min-height: 628px !important;
max-height: 628px !important;
}
.h-632 {
height: 632px !important;
min-height: 632px !important;
max-height: 632px !important;
}
.h-636 {
height: 636px !important;
min-height: 636px !important;
max-height: 636px !important;
}
.h-640 {
height: 640px !important;
min-height: 640px !important;
max-height: 640px !important;
}
.h-644 {
height: 644px !important;
min-height: 644px !important;
max-height: 644px !important;
}
.h-648 {
height: 648px !important;
min-height: 648px !important;
max-height: 648px !important;
}
.h-652 {
height: 652px !important;
min-height: 652px !important;
max-height: 652px !important;
}
.h-656 {
height: 656px !important;
min-height: 656px !important;
max-height: 656px !important;
}
.h-660 {
height: 660px !important;
min-height: 660px !important;
max-height: 660px !important;
}
.h-664 {
height: 664px !important;
min-height: 664px !important;
max-height: 664px !important;
}
.h-668 {
height: 668px !important;
min-height: 668px !important;
max-height: 668px !important;
}
.h-672 {
height: 672px !important;
min-height: 672px !important;
max-height: 672px !important;
}
.h-676 {
height: 676px !important;
min-height: 676px !important;
max-height: 676px !important;
}
.h-680 {
height: 680px !important;
min-height: 680px !important;
max-height: 680px !important;
}
.h-684 {
height: 684px !important;
min-height: 684px !important;
max-height: 684px !important;
}
.h-688 {
height: 688px !important;
min-height: 688px !important;
max-height: 688px !important;
}
.h-692 {
height: 692px !important;
min-height: 692px !important;
max-height: 692px !important;
}
.h-696 {
height: 696px !important;
min-height: 696px !important;
max-height: 696px !important;
}
.h-700 {
height: 700px !important;
min-height: 700px !important;
max-height: 700px !important;
}
.h-704 {
height: 704px !important;
min-height: 704px !important;
max-height: 704px !important;
}
.h-708 {
height: 708px !important;
min-height: 708px !important;
max-height: 708px !important;
}
.h-712 {
height: 712px !important;
min-height: 712px !important;
max-height: 712px !important;
}
.h-716 {
height: 716px !important;
min-height: 716px !important;
max-height: 716px !important;
}
.h-720 {
height: 720px !important;
min-height: 720px !important;
max-height: 720px !important;
}
.h-0-p {
height: 0% !important;
}
.h-5-p {
height: 5% !important;
}
.h-10-p {
height: 10% !important;
}
.h-15-p {
height: 15% !important;
}
.h-20-p {
height: 20% !important;
}
.h-25-p {
height: 25% !important;
}
.h-30-p {
height: 30% !important;
}
.h-35-p {
height: 35% !important;
}
.h-40-p {
height: 40% !important;
}
.h-45-p {
height: 45% !important;
}
.h-50-p {
height: 50% !important;
}
.h-55-p {
height: 55% !important;
}
.h-60-p {
height: 60% !important;
}
.h-65-p {
height: 65% !important;
}
.h-70-p {
height: 70% !important;
}
.h-75-p {
height: 75% !important;
}
.h-80-p {
height: 80% !important;
}
.h-85-p {
height: 85% !important;
}
.h-90-p {
height: 90% !important;
}
.h-95-p {
height: 95% !important;
}
.h-100-p {
height: 100% !important;
}
.w-0 {
width: 0px !important;
min-width: 0px !important;
max-width: 0px !important;
}
.w-4 {
width: 4px !important;
min-width: 4px !important;
max-width: 4px !important;
}
.w-8 {
width: 8px !important;
min-width: 8px !important;
max-width: 8px !important;
}
.w-12 {
width: 12px !important;
min-width: 12px !important;
max-width: 12px !important;
}
.w-16 {
width: 16px !important;
min-width: 16px !important;
max-width: 16px !important;
}
.w-20 {
width: 20px !important;
min-width: 20px !important;
max-width: 20px !important;
}
.w-24 {
width: 24px !important;
min-width: 24px !important;
max-width: 24px !important;
}
.w-28 {
width: 28px !important;
min-width: 28px !important;
max-width: 28px !important;
}
.w-32 {
width: 32px !important;
min-width: 32px !important;
max-width: 32px !important;
}
.w-36 {
width: 36px !important;
min-width: 36px !important;
max-width: 36px !important;
}
.w-40 {
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
}
.w-44 {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
}
.w-48 {
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
}
.w-52 {
width: 52px !important;
min-width: 52px !important;
max-width: 52px !important;
}
.w-56 {
width: 56px !important;
min-width: 56px !important;
max-width: 56px !important;
}
.w-60 {
width: 60px !important;
min-width: 60px !important;
max-width: 60px !important;
}
.w-64 {
width: 64px !important;
min-width: 64px !important;
max-width: 64px !important;
}
.w-68 {
width: 68px !important;
min-width: 68px !important;
max-width: 68px !important;
}
.w-72 {
width: 72px !important;
min-width: 72px !important;
max-width: 72px !important;
}
.w-76 {
width: 76px !important;
min-width: 76px !important;
max-width: 76px !important;
}
.w-80 {
width: 80px !important;
min-width: 80px !important;
max-width: 80px !important;
}
.w-84 {
width: 84px !important;
min-width: 84px !important;
max-width: 84px !important;
}
.w-88 {
width: 88px !important;
min-width: 88px !important;
max-width: 88px !important;
}
.w-92 {
width: 92px !important;
min-width: 92px !important;
max-width: 92px !important;
}
.w-96 {
width: 96px !important;
min-width: 96px !important;
max-width: 96px !important;
}
.w-100 {
width: 100px !important;
min-width: 100px !important;
max-width: 100px !important;
}
.w-104 {
width: 104px !important;
min-width: 104px !important;
max-width: 104px !important;
}
.w-108 {
width: 108px !important;
min-width: 108px !important;
max-width: 108px !important;
}
.w-112 {
width: 112px !important;
min-width: 112px !important;
max-width: 112px !important;
}
.w-116 {
width: 116px !important;
min-width: 116px !important;
max-width: 116px !important;
}
.w-120 {
width: 120px !important;
min-width: 120px !important;
max-width: 120px !important;
}
.w-124 {
width: 124px !important;
min-width: 124px !important;
max-width: 124px !important;
}
.w-128 {
width: 128px !important;
min-width: 128px !important;
max-width: 128px !important;
}
.w-132 {
width: 132px !important;
min-width: 132px !important;
max-width: 132px !important;
}
.w-136 {
width: 136px !important;
min-width: 136px !important;
max-width: 136px !important;
}
.w-140 {
width: 140px !important;
min-width: 140px !important;
max-width: 140px !important;
}
.w-144 {
width: 144px !important;
min-width: 144px !important;
max-width: 144px !important;
}
.w-148 {
width: 148px !important;
min-width: 148px !important;
max-width: 148px !important;
}
.w-152 {
width: 152px !important;
min-width: 152px !important;
max-width: 152px !important;
}
.w-156 {
width: 156px !important;
min-width: 156px !important;
max-width: 156px !important;
}
.w-160 {
width: 160px !important;
min-width: 160px !important;
max-width: 160px !important;
}
.w-164 {
width: 164px !important;
min-width: 164px !important;
max-width: 164px !important;
}
.w-168 {
width: 168px !important;
min-width: 168px !important;
max-width: 168px !important;
}
.w-172 {
width: 172px !important;
min-width: 172px !important;
max-width: 172px !important;
}
.w-176 {
width: 176px !important;
min-width: 176px !important;
max-width: 176px !important;
}
.w-180 {
width: 180px !important;
min-width: 180px !important;
max-width: 180px !important;
}
.w-184 {
width: 184px !important;
min-width: 184px !important;
max-width: 184px !important;
}
.w-188 {
width: 188px !important;
min-width: 188px !important;
max-width: 188px !important;
}
.w-192 {
width: 192px !important;
min-width: 192px !important;
max-width: 192px !important;
}
.w-196 {
width: 196px !important;
min-width: 196px !important;
max-width: 196px !important;
}
.w-200 {
width: 200px !important;
min-width: 200px !important;
max-width: 200px !important;
}
.w-204 {
width: 204px !important;
min-width: 204px !important;
max-width: 204px !important;
}
.w-208 {
width: 208px !important;
min-width: 208px !important;
max-width: 208px !important;
}
.w-212 {
width: 212px !important;
min-width: 212px !important;
max-width: 212px !important;
}
.w-216 {
width: 216px !important;
min-width: 216px !important;
max-width: 216px !important;
}
.w-220 {
width: 220px !important;
min-width: 220px !important;
max-width: 220px !important;
}
.w-224 {
width: 224px !important;
min-width: 224px !important;
max-width: 224px !important;
}
.w-228 {
width: 228px !important;
min-width: 228px !important;
max-width: 228px !important;
}
.w-232 {
width: 232px !important;
min-width: 232px !important;
max-width: 232px !important;
}
.w-236 {
width: 236px !important;
min-width: 236px !important;
max-width: 236px !important;
}
.w-240 {
width: 240px !important;
min-width: 240px !important;
max-width: 240px !important;
}
.w-244 {
width: 244px !important;
min-width: 244px !important;
max-width: 244px !important;
}
.w-248 {
width: 248px !important;
min-width: 248px !important;
max-width: 248px !important;
}
.w-252 {
width: 252px !important;
min-width: 252px !important;
max-width: 252px !important;
}
.w-256 {
width: 256px !important;
min-width: 256px !important;
max-width: 256px !important;
}
.w-260 {
width: 260px !important;
min-width: 260px !important;
max-width: 260px !important;
}
.w-264 {
width: 264px !important;
min-width: 264px !important;
max-width: 264px !important;
}
.w-268 {
width: 268px !important;
min-width: 268px !important;
max-width: 268px !important;
}
.w-272 {
width: 272px !important;
min-width: 272px !important;
max-width: 272px !important;
}
.w-276 {
width: 276px !important;
min-width: 276px !important;
max-width: 276px !important;
}
.w-280 {
width: 280px !important;
min-width: 280px !important;
max-width: 280px !important;
}
.w-284 {
width: 284px !important;
min-width: 284px !important;
max-width: 284px !important;
}
.w-288 {
width: 288px !important;
min-width: 288px !important;
max-width: 288px !important;
}
.w-292 {
width: 292px !important;
min-width: 292px !important;
max-width: 292px !important;
}
.w-296 {
width: 296px !important;
min-width: 296px !important;
max-width: 296px !important;
}
.w-300 {
width: 300px !important;
min-width: 300px !important;
max-width: 300px !important;
}
.w-304 {
width: 304px !important;
min-width: 304px !important;
max-width: 304px !important;
}
.w-308 {
width: 308px !important;
min-width: 308px !important;
max-width: 308px !important;
}
.w-312 {
width: 312px !important;
min-width: 312px !important;
max-width: 312px !important;
}
.w-316 {
width: 316px !important;
min-width: 316px !important;
max-width: 316px !important;
}
.w-320 {
width: 320px !important;
min-width: 320px !important;
max-width: 320px !important;
}
.w-324 {
width: 324px !important;
min-width: 324px !important;
max-width: 324px !important;
}
.w-328 {
width: 328px !important;
min-width: 328px !important;
max-width: 328px !important;
}
.w-332 {
width: 332px !important;
min-width: 332px !important;
max-width: 332px !important;
}
.w-336 {
width: 336px !important;
min-width: 336px !important;
max-width: 336px !important;
}
.w-340 {
width: 340px !important;
min-width: 340px !important;
max-width: 340px !important;
}
.w-344 {
width: 344px !important;
min-width: 344px !important;
max-width: 344px !important;
}
.w-348 {
width: 348px !important;
min-width: 348px !important;
max-width: 348px !important;
}
.w-352 {
width: 352px !important;
min-width: 352px !important;
max-width: 352px !important;
}
.w-356 {
width: 356px !important;
min-width: 356px !important;
max-width: 356px !important;
}
.w-360 {
width: 360px !important;
min-width: 360px !important;
max-width: 360px !important;
}
.w-364 {
width: 364px !important;
min-width: 364px !important;
max-width: 364px !important;
}
.w-368 {
width: 368px !important;
min-width: 368px !important;
max-width: 368px !important;
}
.w-372 {
width: 372px !important;
min-width: 372px !important;
max-width: 372px !important;
}
.w-376 {
width: 376px !important;
min-width: 376px !important;
max-width: 376px !important;
}
.w-380 {
width: 380px !important;
min-width: 380px !important;
max-width: 380px !important;
}
.w-384 {
width: 384px !important;
min-width: 384px !important;
max-width: 384px !important;
}
.w-388 {
width: 388px !important;
min-width: 388px !important;
max-width: 388px !important;
}
.w-392 {
width: 392px !important;
min-width: 392px !important;
max-width: 392px !important;
}
.w-396 {
width: 396px !important;
min-width: 396px !important;
max-width: 396px !important;
}
.w-400 {
width: 400px !important;
min-width: 400px !important;
max-width: 400px !important;
}
.w-404 {
width: 404px !important;
min-width: 404px !important;
max-width: 404px !important;
}
.w-408 {
width: 408px !important;
min-width: 408px !important;
max-width: 408px !important;
}
.w-412 {
width: 412px !important;
min-width: 412px !important;
max-width: 412px !important;
}
.w-416 {
width: 416px !important;
min-width: 416px !important;
max-width: 416px !important;
}
.w-420 {
width: 420px !important;
min-width: 420px !important;
max-width: 420px !important;
}
.w-424 {
width: 424px !important;
min-width: 424px !important;
max-width: 424px !important;
}
.w-428 {
width: 428px !important;
min-width: 428px !important;
max-width: 428px !important;
}
.w-432 {
width: 432px !important;
min-width: 432px !important;
max-width: 432px !important;
}
.w-436 {
width: 436px !important;
min-width: 436px !important;
max-width: 436px !important;
}
.w-440 {
width: 440px !important;
min-width: 440px !important;
max-width: 440px !important;
}
.w-444 {
width: 444px !important;
min-width: 444px !important;
max-width: 444px !important;
}
.w-448 {
width: 448px !important;
min-width: 448px !important;
max-width: 448px !important;
}
.w-452 {
width: 452px !important;
min-width: 452px !important;
max-width: 452px !important;
}
.w-456 {
width: 456px !important;
min-width: 456px !important;
max-width: 456px !important;
}
.w-460 {
width: 460px !important;
min-width: 460px !important;
max-width: 460px !important;
}
.w-464 {
width: 464px !important;
min-width: 464px !important;
max-width: 464px !important;
}
.w-468 {
width: 468px !important;
min-width: 468px !important;
max-width: 468px !important;
}
.w-472 {
width: 472px !important;
min-width: 472px !important;
max-width: 472px !important;
}
.w-476 {
width: 476px !important;
min-width: 476px !important;
max-width: 476px !important;
}
.w-480 {
width: 480px !important;
min-width: 480px !important;
max-width: 480px !important;
}
.w-484 {
width: 484px !important;
min-width: 484px !important;
max-width: 484px !important;
}
.w-488 {
width: 488px !important;
min-width: 488px !important;
max-width: 488px !important;
}
.w-492 {
width: 492px !important;
min-width: 492px !important;
max-width: 492px !important;
}
.w-496 {
width: 496px !important;
min-width: 496px !important;
max-width: 496px !important;
}
.w-500 {
width: 500px !important;
min-width: 500px !important;
max-width: 500px !important;
}
.w-504 {
width: 504px !important;
min-width: 504px !important;
max-width: 504px !important;
}
.w-508 {
width: 508px !important;
min-width: 508px !important;
max-width: 508px !important;
}
.w-512 {
width: 512px !important;
min-width: 512px !important;
max-width: 512px !important;
}
.w-516 {
width: 516px !important;
min-width: 516px !important;
max-width: 516px !important;
}
.w-520 {
width: 520px !important;
min-width: 520px !important;
max-width: 520px !important;
}
.w-524 {
width: 524px !important;
min-width: 524px !important;
max-width: 524px !important;
}
.w-528 {
width: 528px !important;
min-width: 528px !important;
max-width: 528px !important;
}
.w-532 {
width: 532px !important;
min-width: 532px !important;
max-width: 532px !important;
}
.w-536 {
width: 536px !important;
min-width: 536px !important;
max-width: 536px !important;
}
.w-540 {
width: 540px !important;
min-width: 540px !important;
max-width: 540px !important;
}
.w-544 {
width: 544px !important;
min-width: 544px !important;
max-width: 544px !important;
}
.w-548 {
width: 548px !important;
min-width: 548px !important;
max-width: 548px !important;
}
.w-552 {
width: 552px !important;
min-width: 552px !important;
max-width: 552px !important;
}
.w-556 {
width: 556px !important;
min-width: 556px !important;
max-width: 556px !important;
}
.w-560 {
width: 560px !important;
min-width: 560px !important;
max-width: 560px !important;
}
.w-564 {
width: 564px !important;
min-width: 564px !important;
max-width: 564px !important;
}
.w-568 {
width: 568px !important;
min-width: 568px !important;
max-width: 568px !important;
}
.w-572 {
width: 572px !important;
min-width: 572px !important;
max-width: 572px !important;
}
.w-576 {
width: 576px !important;
min-width: 576px !important;
max-width: 576px !important;
}
.w-580 {
width: 580px !important;
min-width: 580px !important;
max-width: 580px !important;
}
.w-584 {
width: 584px !important;
min-width: 584px !important;
max-width: 584px !important;
}
.w-588 {
width: 588px !important;
min-width: 588px !important;
max-width: 588px !important;
}
.w-592 {
width: 592px !important;
min-width: 592px !important;
max-width: 592px !important;
}
.w-596 {
width: 596px !important;
min-width: 596px !important;
max-width: 596px !important;
}
.w-600 {
width: 600px !important;
min-width: 600px !important;
max-width: 600px !important;
}
.w-604 {
width: 604px !important;
min-width: 604px !important;
max-width: 604px !important;
}
.w-608 {
width: 608px !important;
min-width: 608px !important;
max-width: 608px !important;
}
.w-612 {
width: 612px !important;
min-width: 612px !important;
max-width: 612px !important;
}
.w-616 {
width: 616px !important;
min-width: 616px !important;
max-width: 616px !important;
}
.w-620 {
width: 620px !important;
min-width: 620px !important;
max-width: 620px !important;
}
.w-624 {
width: 624px !important;
min-width: 624px !important;
max-width: 624px !important;
}
.w-628 {
width: 628px !important;
min-width: 628px !important;
max-width: 628px !important;
}
.w-632 {
width: 632px !important;
min-width: 632px !important;
max-width: 632px !important;
}
.w-636 {
width: 636px !important;
min-width: 636px !important;
max-width: 636px !important;
}
.w-640 {
width: 640px !important;
min-width: 640px !important;
max-width: 640px !important;
}
.w-644 {
width: 644px !important;
min-width: 644px !important;
max-width: 644px !important;
}
.w-648 {
width: 648px !important;
min-width: 648px !important;
max-width: 648px !important;
}
.w-652 {
width: 652px !important;
min-width: 652px !important;
max-width: 652px !important;
}
.w-656 {
width: 656px !important;
min-width: 656px !important;
max-width: 656px !important;
}
.w-660 {
width: 660px !important;
min-width: 660px !important;
max-width: 660px !important;
}
.w-664 {
width: 664px !important;
min-width: 664px !important;
max-width: 664px !important;
}
.w-668 {
width: 668px !important;
min-width: 668px !important;
max-width: 668px !important;
}
.w-672 {
width: 672px !important;
min-width: 672px !important;
max-width: 672px !important;
}
.w-676 {
width: 676px !important;
min-width: 676px !important;
max-width: 676px !important;
}
.w-680 {
width: 680px !important;
min-width: 680px !important;
max-width: 680px !important;
}
.w-684 {
width: 684px !important;
min-width: 684px !important;
max-width: 684px !important;
}
.w-688 {
width: 688px !important;
min-width: 688px !important;
max-width: 688px !important;
}
.w-692 {
width: 692px !important;
min-width: 692px !important;
max-width: 692px !important;
}
.w-696 {
width: 696px !important;
min-width: 696px !important;
max-width: 696px !important;
}
.w-700 {
width: 700px !important;
min-width: 700px !important;
max-width: 700px !important;
}
.w-704 {
width: 704px !important;
min-width: 704px !important;
max-width: 704px !important;
}
.w-708 {
width: 708px !important;
min-width: 708px !important;
max-width: 708px !important;
}
.w-712 {
width: 712px !important;
min-width: 712px !important;
max-width: 712px !important;
}
.w-716 {
width: 716px !important;
min-width: 716px !important;
max-width: 716px !important;
}
.w-720 {
width: 720px !important;
min-width: 720px !important;
max-width: 720px !important;
}
.w-0-p {
width: 0% !important;
}
.w-5-p {
width: 5% !important;
}
.w-10-p {
width: 10% !important;
}
.w-15-p {
width: 15% !important;
}
.w-20-p {
width: 20% !important;
}
.w-25-p {
width: 25% !important;
}
.w-30-p {
width: 30% !important;
}
.w-35-p {
width: 35% !important;
}
.w-40-p {
width: 40% !important;
}
.w-45-p {
width: 45% !important;
}
.w-50-p {
width: 50% !important;
}
.w-55-p {
width: 55% !important;
}
.w-60-p {
width: 60% !important;
}
.w-65-p {
width: 65% !important;
}
.w-70-p {
width: 70% !important;
}
.w-75-p {
width: 75% !important;
}
.w-80-p {
width: 80% !important;
}
.w-85-p {
width: 85% !important;
}
.w-90-p {
width: 90% !important;
}
.w-95-p {
width: 95% !important;
}
.w-100-p {
width: 100% !important;
}
.h-fit {
height: fit-content !important;
}
.w-fit {
width: fit-content !important;
}
.m-0 {
margin: 0px !important;
}
.m-4 {
margin: 4px !important;
}
.m-8 {
margin: 8px !important;
}
.m-12 {
margin: 12px !important;
}
.m-16 {
margin: 16px !important;
}
.m-20 {
margin: 20px !important;
}
.m-24 {
margin: 24px !important;
}
.m-28 {
margin: 28px !important;
}
.m-32 {
margin: 32px !important;
}
.m-36 {
margin: 36px !important;
}
.m-40 {
margin: 40px !important;
}
.m-44 {
margin: 44px !important;
}
.m-48 {
margin: 48px !important;
}
.m-52 {
margin: 52px !important;
}
.m-56 {
margin: 56px !important;
}
.m-60 {
margin: 60px !important;
}
.m-64 {
margin: 64px !important;
}
.m-68 {
margin: 68px !important;
}
.m-72 {
margin: 72px !important;
}
.m-76 {
margin: 76px !important;
}
.m-80 {
margin: 80px !important;
}
.m-84 {
margin: 84px !important;
}
.m-88 {
margin: 88px !important;
}
.m-92 {
margin: 92px !important;
}
.m-96 {
margin: 96px !important;
}
.m-100 {
margin: 100px !important;
}
.m-104 {
margin: 104px !important;
}
.m-108 {
margin: 108px !important;
}
.m-112 {
margin: 112px !important;
}
.m-116 {
margin: 116px !important;
}
.m-120 {
margin: 120px !important;
}
.m-124 {
margin: 124px !important;
}
.m-128 {
margin: 128px !important;
}
.m-132 {
margin: 132px !important;
}
.m-136 {
margin: 136px !important;
}
.m-140 {
margin: 140px !important;
}
.m-144 {
margin: 144px !important;
}
.m-148 {
margin: 148px !important;
}
.m-152 {
margin: 152px !important;
}
.m-156 {
margin: 156px !important;
}
.m-160 {
margin: 160px !important;
}
.m-164 {
margin: 164px !important;
}
.m-168 {
margin: 168px !important;
}
.m-172 {
margin: 172px !important;
}
.m-176 {
margin: 176px !important;
}
.m-180 {
margin: 180px !important;
}
.m-184 {
margin: 184px !important;
}
.m-188 {
margin: 188px !important;
}
.m-192 {
margin: 192px !important;
}
.m-196 {
margin: 196px !important;
}
.m-200 {
margin: 200px !important;
}
.m-204 {
margin: 204px !important;
}
.m-208 {
margin: 208px !important;
}
.m-212 {
margin: 212px !important;
}
.m-216 {
margin: 216px !important;
}
.m-220 {
margin: 220px !important;
}
.m-224 {
margin: 224px !important;
}
.m-228 {
margin: 228px !important;
}
.m-232 {
margin: 232px !important;
}
.m-236 {
margin: 236px !important;
}
.m-240 {
margin: 240px !important;
}
.m-244 {
margin: 244px !important;
}
.m-248 {
margin: 248px !important;
}
.m-252 {
margin: 252px !important;
}
.m-256 {
margin: 256px !important;
}
.mx-0 {
margin-right: 0px !important;
margin-left: 0px !important;
}
.my-0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.mx-2 {
margin-right: 2px !important;
margin-left: 2px !important;
}
.my-2 {
margin-top: 2px !important;
margin-bottom: 2px !important;
}
.mx-4 {
margin-right: 4px !important;
margin-left: 4px !important;
}
.my-4 {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
.mx-6 {
margin-right: 6px !important;
margin-left: 6px !important;
}
.my-6 {
margin-top: 6px !important;
margin-bottom: 6px !important;
}
.mx-8 {
margin-right: 8px !important;
margin-left: 8px !important;
}
.my-8 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.mx-10 {
margin-right: 10px !important;
margin-left: 10px !important;
}
.my-10 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.mx-12 {
margin-right: 12px !important;
margin-left: 12px !important;
}
.my-12 {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
.mx-14 {
margin-right: 14px !important;
margin-left: 14px !important;
}
.my-14 {
margin-top: 14px !important;
margin-bottom: 14px !important;
}
.mx-16 {
margin-right: 16px !important;
margin-left: 16px !important;
}
.my-16 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.mx-18 {
margin-right: 18px !important;
margin-left: 18px !important;
}
.my-18 {
margin-top: 18px !important;
margin-bottom: 18px !important;
}
.mx-20 {
margin-right: 20px !important;
margin-left: 20px !important;
}
.my-20 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.mx-22 {
margin-right: 22px !important;
margin-left: 22px !important;
}
.my-22 {
margin-top: 22px !important;
margin-bottom: 22px !important;
}
.mx-24 {
margin-right: 24px !important;
margin-left: 24px !important;
}
.my-24 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.mx-26 {
margin-right: 26px !important;
margin-left: 26px !important;
}
.my-26 {
margin-top: 26px !important;
margin-bottom: 26px !important;
}
.mx-28 {
margin-right: 28px !important;
margin-left: 28px !important;
}
.my-28 {
margin-top: 28px !important;
margin-bottom: 28px !important;
}
.mx-30 {
margin-right: 30px !important;
margin-left: 30px !important;
}
.my-30 {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.mx-32 {
margin-right: 32px !important;
margin-left: 32px !important;
}
.my-32 {
margin-top: 32px !important;
margin-bottom: 32px !important;
}
.mx-34 {
margin-right: 34px !important;
margin-left: 34px !important;
}
.my-34 {
margin-top: 34px !important;
margin-bottom: 34px !important;
}
.mx-36 {
margin-right: 36px !important;
margin-left: 36px !important;
}
.my-36 {
margin-top: 36px !important;
margin-bottom: 36px !important;
}
.mx-38 {
margin-right: 38px !important;
margin-left: 38px !important;
}
.my-38 {
margin-top: 38px !important;
margin-bottom: 38px !important;
}
.mx-40 {
margin-right: 40px !important;
margin-left: 40px !important;
}
.my-40 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.mx-42 {
margin-right: 42px !important;
margin-left: 42px !important;
}
.my-42 {
margin-top: 42px !important;
margin-bottom: 42px !important;
}
.mx-44 {
margin-right: 44px !important;
margin-left: 44px !important;
}
.my-44 {
margin-top: 44px !important;
margin-bottom: 44px !important;
}
.mx-46 {
margin-right: 46px !important;
margin-left: 46px !important;
}
.my-46 {
margin-top: 46px !important;
margin-bottom: 46px !important;
}
.mx-48 {
margin-right: 48px !important;
margin-left: 48px !important;
}
.my-48 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.mx-50 {
margin-right: 50px !important;
margin-left: 50px !important;
}
.my-50 {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.mx-52 {
margin-right: 52px !important;
margin-left: 52px !important;
}
.my-52 {
margin-top: 52px !important;
margin-bottom: 52px !important;
}
.mx-54 {
margin-right: 54px !important;
margin-left: 54px !important;
}
.my-54 {
margin-top: 54px !important;
margin-bottom: 54px !important;
}
.mx-56 {
margin-right: 56px !important;
margin-left: 56px !important;
}
.my-56 {
margin-top: 56px !important;
margin-bottom: 56px !important;
}
.mx-58 {
margin-right: 58px !important;
margin-left: 58px !important;
}
.my-58 {
margin-top: 58px !important;
margin-bottom: 58px !important;
}
.mx-60 {
margin-right: 60px !important;
margin-left: 60px !important;
}
.my-60 {
margin-top: 60px !important;
margin-bottom: 60px !important;
}
.mx-62 {
margin-right: 62px !important;
margin-left: 62px !important;
}
.my-62 {
margin-top: 62px !important;
margin-bottom: 62px !important;
}
.mx-64 {
margin-right: 64px !important;
margin-left: 64px !important;
}
.my-64 {
margin-top: 64px !important;
margin-bottom: 64px !important;
}
.mx-66 {
margin-right: 66px !important;
margin-left: 66px !important;
}
.my-66 {
margin-top: 66px !important;
margin-bottom: 66px !important;
}
.mx-68 {
margin-right: 68px !important;
margin-left: 68px !important;
}
.my-68 {
margin-top: 68px !important;
margin-bottom: 68px !important;
}
.mx-70 {
margin-right: 70px !important;
margin-left: 70px !important;
}
.my-70 {
margin-top: 70px !important;
margin-bottom: 70px !important;
}
.mx-72 {
margin-right: 72px !important;
margin-left: 72px !important;
}
.my-72 {
margin-top: 72px !important;
margin-bottom: 72px !important;
}
.mx-74 {
margin-right: 74px !important;
margin-left: 74px !important;
}
.my-74 {
margin-top: 74px !important;
margin-bottom: 74px !important;
}
.mx-76 {
margin-right: 76px !important;
margin-left: 76px !important;
}
.my-76 {
margin-top: 76px !important;
margin-bottom: 76px !important;
}
.mx-78 {
margin-right: 78px !important;
margin-left: 78px !important;
}
.my-78 {
margin-top: 78px !important;
margin-bottom: 78px !important;
}
.mx-80 {
margin-right: 80px !important;
margin-left: 80px !important;
}
.my-80 {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
.mx-82 {
margin-right: 82px !important;
margin-left: 82px !important;
}
.my-82 {
margin-top: 82px !important;
margin-bottom: 82px !important;
}
.mx-84 {
margin-right: 84px !important;
margin-left: 84px !important;
}
.my-84 {
margin-top: 84px !important;
margin-bottom: 84px !important;
}
.mx-86 {
margin-right: 86px !important;
margin-left: 86px !important;
}
.my-86 {
margin-top: 86px !important;
margin-bottom: 86px !important;
}
.mx-88 {
margin-right: 88px !important;
margin-left: 88px !important;
}
.my-88 {
margin-top: 88px !important;
margin-bottom: 88px !important;
}
.mx-90 {
margin-right: 90px !important;
margin-left: 90px !important;
}
.my-90 {
margin-top: 90px !important;
margin-bottom: 90px !important;
}
.mx-92 {
margin-right: 92px !important;
margin-left: 92px !important;
}
.my-92 {
margin-top: 92px !important;
margin-bottom: 92px !important;
}
.mx-94 {
margin-right: 94px !important;
margin-left: 94px !important;
}
.my-94 {
margin-top: 94px !important;
margin-bottom: 94px !important;
}
.mx-96 {
margin-right: 96px !important;
margin-left: 96px !important;
}
.my-96 {
margin-top: 96px !important;
margin-bottom: 96px !important;
}
.mx-98 {
margin-right: 98px !important;
margin-left: 98px !important;
}
.my-98 {
margin-top: 98px !important;
margin-bottom: 98px !important;
}
.mx-100 {
margin-right: 100px !important;
margin-left: 100px !important;
}
.my-100 {
margin-top: 100px !important;
margin-bottom: 100px !important;
}
.mx-102 {
margin-right: 102px !important;
margin-left: 102px !important;
}
.my-102 {
margin-top: 102px !important;
margin-bottom: 102px !important;
}
.mx-104 {
margin-right: 104px !important;
margin-left: 104px !important;
}
.my-104 {
margin-top: 104px !important;
margin-bottom: 104px !important;
}
.mx-106 {
margin-right: 106px !important;
margin-left: 106px !important;
}
.my-106 {
margin-top: 106px !important;
margin-bottom: 106px !important;
}
.mx-108 {
margin-right: 108px !important;
margin-left: 108px !important;
}
.my-108 {
margin-top: 108px !important;
margin-bottom: 108px !important;
}
.mx-110 {
margin-right: 110px !important;
margin-left: 110px !important;
}
.my-110 {
margin-top: 110px !important;
margin-bottom: 110px !important;
}
.mx-112 {
margin-right: 112px !important;
margin-left: 112px !important;
}
.my-112 {
margin-top: 112px !important;
margin-bottom: 112px !important;
}
.mx-114 {
margin-right: 114px !important;
margin-left: 114px !important;
}
.my-114 {
margin-top: 114px !important;
margin-bottom: 114px !important;
}
.mx-116 {
margin-right: 116px !important;
margin-left: 116px !important;
}
.my-116 {
margin-top: 116px !important;
margin-bottom: 116px !important;
}
.mx-118 {
margin-right: 118px !important;
margin-left: 118px !important;
}
.my-118 {
margin-top: 118px !important;
margin-bottom: 118px !important;
}
.mx-120 {
margin-right: 120px !important;
margin-left: 120px !important;
}
.my-120 {
margin-top: 120px !important;
margin-bottom: 120px !important;
}
.mx-122 {
margin-right: 122px !important;
margin-left: 122px !important;
}
.my-122 {
margin-top: 122px !important;
margin-bottom: 122px !important;
}
.mx-124 {
margin-right: 124px !important;
margin-left: 124px !important;
}
.my-124 {
margin-top: 124px !important;
margin-bottom: 124px !important;
}
.mx-126 {
margin-right: 126px !important;
margin-left: 126px !important;
}
.my-126 {
margin-top: 126px !important;
margin-bottom: 126px !important;
}
.mx-128 {
margin-right: 128px !important;
margin-left: 128px !important;
}
.my-128 {
margin-top: 128px !important;
margin-bottom: 128px !important;
}
.mt-0 {
margin-top: 0px !important;
}
.mr-0 {
margin-right: 0px !important;
}
.mb-0 {
margin-bottom: 0px !important;
}
.ml-0 {
margin-left: 0px !important;
}
.mt-2 {
margin-top: 2px !important;
}
.mr-2 {
margin-right: 2px !important;
}
.mb-2 {
margin-bottom: 2px !important;
}
.ml-2 {
margin-left: 2px !important;
}
.mt-4 {
margin-top: 4px !important;
}
.mr-4 {
margin-right: 4px !important;
}
.mb-4 {
margin-bottom: 4px !important;
}
.ml-4 {
margin-left: 4px !important;
}
.mt-6 {
margin-top: 6px !important;
}
.mr-6 {
margin-right: 6px !important;
}
.mb-6 {
margin-bottom: 6px !important;
}
.ml-6 {
margin-left: 6px !important;
}
.mt-8 {
margin-top: 8px !important;
}
.mr-8 {
margin-right: 8px !important;
}
.mb-8 {
margin-bottom: 8px !important;
}
.ml-8 {
margin-left: 8px !important;
}
.mt-10 {
margin-top: 10px !important;
}
.mr-10 {
margin-right: 10px !important;
}
.mb-10 {
margin-bottom: 10px !important;
}
.ml-10 {
margin-left: 10px !important;
}
.mt-12 {
margin-top: 12px !important;
}
.mr-12 {
margin-right: 12px !important;
}
.mb-12 {
margin-bottom: 12px !important;
}
.ml-12 {
margin-left: 12px !important;
}
.mt-14 {
margin-top: 14px !important;
}
.mr-14 {
margin-right: 14px !important;
}
.mb-14 {
margin-bottom: 14px !important;
}
.ml-14 {
margin-left: 14px !important;
}
.mt-16 {
margin-top: 16px !important;
}
.mr-16 {
margin-right: 16px !important;
}
.mb-16 {
margin-bottom: 16px !important;
}
.ml-16 {
margin-left: 16px !important;
}
.mt-18 {
margin-top: 18px !important;
}
.mr-18 {
margin-right: 18px !important;
}
.mb-18 {
margin-bottom: 18px !important;
}
.ml-18 {
margin-left: 18px !important;
}
.mt-20 {
margin-top: 20px !important;
}
.mr-20 {
margin-right: 20px !important;
}
.mb-20 {
margin-bottom: 20px !important;
}
.ml-20 {
margin-left: 20px !important;
}
.mt-22 {
margin-top: 22px !important;
}
.mr-22 {
margin-right: 22px !important;
}
.mb-22 {
margin-bottom: 22px !important;
}
.ml-22 {
margin-left: 22px !important;
}
.mt-24 {
margin-top: 24px !important;
}
.mr-24 {
margin-right: 24px !important;
}
.mb-24 {
margin-bottom: 24px !important;
}
.ml-24 {
margin-left: 24px !important;
}
.mt-26 {
margin-top: 26px !important;
}
.mr-26 {
margin-right: 26px !important;
}
.mb-26 {
margin-bottom: 26px !important;
}
.ml-26 {
margin-left: 26px !important;
}
.mt-28 {
margin-top: 28px !important;
}
.mr-28 {
margin-right: 28px !important;
}
.mb-28 {
margin-bottom: 28px !important;
}
.ml-28 {
margin-left: 28px !important;
}
.mt-30 {
margin-top: 30px !important;
}
.mr-30 {
margin-right: 30px !important;
}
.mb-30 {
margin-bottom: 30px !important;
}
.ml-30 {
margin-left: 30px !important;
}
.mt-32 {
margin-top: 32px !important;
}
.mr-32 {
margin-right: 32px !important;
}
.mb-32 {
margin-bottom: 32px !important;
}
.ml-32 {
margin-left: 32px !important;
}
.mt-34 {
margin-top: 34px !important;
}
.mr-34 {
margin-right: 34px !important;
}
.mb-34 {
margin-bottom: 34px !important;
}
.ml-34 {
margin-left: 34px !important;
}
.mt-36 {
margin-top: 36px !important;
}
.mr-36 {
margin-right: 36px !important;
}
.mb-36 {
margin-bottom: 36px !important;
}
.ml-36 {
margin-left: 36px !important;
}
.mt-38 {
margin-top: 38px !important;
}
.mr-38 {
margin-right: 38px !important;
}
.mb-38 {
margin-bottom: 38px !important;
}
.ml-38 {
margin-left: 38px !important;
}
.mt-40 {
margin-top: 40px !important;
}
.mr-40 {
margin-right: 40px !important;
}
.mb-40 {
margin-bottom: 40px !important;
}
.ml-40 {
margin-left: 40px !important;
}
.mt-42 {
margin-top: 42px !important;
}
.mr-42 {
margin-right: 42px !important;
}
.mb-42 {
margin-bottom: 42px !important;
}
.ml-42 {
margin-left: 42px !important;
}
.mt-44 {
margin-top: 44px !important;
}
.mr-44 {
margin-right: 44px !important;
}
.mb-44 {
margin-bottom: 44px !important;
}
.ml-44 {
margin-left: 44px !important;
}
.mt-46 {
margin-top: 46px !important;
}
.mr-46 {
margin-right: 46px !important;
}
.mb-46 {
margin-bottom: 46px !important;
}
.ml-46 {
margin-left: 46px !important;
}
.mt-48 {
margin-top: 48px !important;
}
.mr-48 {
margin-right: 48px !important;
}
.mb-48 {
margin-bottom: 48px !important;
}
.ml-48 {
margin-left: 48px !important;
}
.mt-50 {
margin-top: 50px !important;
}
.mr-50 {
margin-right: 50px !important;
}
.mb-50 {
margin-bottom: 50px !important;
}
.ml-50 {
margin-left: 50px !important;
}
.mt-52 {
margin-top: 52px !important;
}
.mr-52 {
margin-right: 52px !important;
}
.mb-52 {
margin-bottom: 52px !important;
}
.ml-52 {
margin-left: 52px !important;
}
.mt-54 {
margin-top: 54px !important;
}
.mr-54 {
margin-right: 54px !important;
}
.mb-54 {
margin-bottom: 54px !important;
}
.ml-54 {
margin-left: 54px !important;
}
.mt-56 {
margin-top: 56px !important;
}
.mr-56 {
margin-right: 56px !important;
}
.mb-56 {
margin-bottom: 56px !important;
}
.ml-56 {
margin-left: 56px !important;
}
.mt-58 {
margin-top: 58px !important;
}
.mr-58 {
margin-right: 58px !important;
}
.mb-58 {
margin-bottom: 58px !important;
}
.ml-58 {
margin-left: 58px !important;
}
.mt-60 {
margin-top: 60px !important;
}
.mr-60 {
margin-right: 60px !important;
}
.mb-60 {
margin-bottom: 60px !important;
}
.ml-60 {
margin-left: 60px !important;
}
.mt-62 {
margin-top: 62px !important;
}
.mr-62 {
margin-right: 62px !important;
}
.mb-62 {
margin-bottom: 62px !important;
}
.ml-62 {
margin-left: 62px !important;
}
.mt-64 {
margin-top: 64px !important;
}
.mr-64 {
margin-right: 64px !important;
}
.mb-64 {
margin-bottom: 64px !important;
}
.ml-64 {
margin-left: 64px !important;
}
.mt-66 {
margin-top: 66px !important;
}
.mr-66 {
margin-right: 66px !important;
}
.mb-66 {
margin-bottom: 66px !important;
}
.ml-66 {
margin-left: 66px !important;
}
.mt-68 {
margin-top: 68px !important;
}
.mr-68 {
margin-right: 68px !important;
}
.mb-68 {
margin-bottom: 68px !important;
}
.ml-68 {
margin-left: 68px !important;
}
.mt-70 {
margin-top: 70px !important;
}
.mr-70 {
margin-right: 70px !important;
}
.mb-70 {
margin-bottom: 70px !important;
}
.ml-70 {
margin-left: 70px !important;
}
.mt-72 {
margin-top: 72px !important;
}
.mr-72 {
margin-right: 72px !important;
}
.mb-72 {
margin-bottom: 72px !important;
}
.ml-72 {
margin-left: 72px !important;
}
.mt-74 {
margin-top: 74px !important;
}
.mr-74 {
margin-right: 74px !important;
}
.mb-74 {
margin-bottom: 74px !important;
}
.ml-74 {
margin-left: 74px !important;
}
.mt-76 {
margin-top: 76px !important;
}
.mr-76 {
margin-right: 76px !important;
}
.mb-76 {
margin-bottom: 76px !important;
}
.ml-76 {
margin-left: 76px !important;
}
.mt-78 {
margin-top: 78px !important;
}
.mr-78 {
margin-right: 78px !important;
}
.mb-78 {
margin-bottom: 78px !important;
}
.ml-78 {
margin-left: 78px !important;
}
.mt-80 {
margin-top: 80px !important;
}
.mr-80 {
margin-right: 80px !important;
}
.mb-80 {
margin-bottom: 80px !important;
}
.ml-80 {
margin-left: 80px !important;
}
.mt-82 {
margin-top: 82px !important;
}
.mr-82 {
margin-right: 82px !important;
}
.mb-82 {
margin-bottom: 82px !important;
}
.ml-82 {
margin-left: 82px !important;
}
.mt-84 {
margin-top: 84px !important;
}
.mr-84 {
margin-right: 84px !important;
}
.mb-84 {
margin-bottom: 84px !important;
}
.ml-84 {
margin-left: 84px !important;
}
.mt-86 {
margin-top: 86px !important;
}
.mr-86 {
margin-right: 86px !important;
}
.mb-86 {
margin-bottom: 86px !important;
}
.ml-86 {
margin-left: 86px !important;
}
.mt-88 {
margin-top: 88px !important;
}
.mr-88 {
margin-right: 88px !important;
}
.mb-88 {
margin-bottom: 88px !important;
}
.ml-88 {
margin-left: 88px !important;
}
.mt-90 {
margin-top: 90px !important;
}
.mr-90 {
margin-right: 90px !important;
}
.mb-90 {
margin-bottom: 90px !important;
}
.ml-90 {
margin-left: 90px !important;
}
.mt-92 {
margin-top: 92px !important;
}
.mr-92 {
margin-right: 92px !important;
}
.mb-92 {
margin-bottom: 92px !important;
}
.ml-92 {
margin-left: 92px !important;
}
.mt-94 {
margin-top: 94px !important;
}
.mr-94 {
margin-right: 94px !important;
}
.mb-94 {
margin-bottom: 94px !important;
}
.ml-94 {
margin-left: 94px !important;
}
.mt-96 {
margin-top: 96px !important;
}
.mr-96 {
margin-right: 96px !important;
}
.mb-96 {
margin-bottom: 96px !important;
}
.ml-96 {
margin-left: 96px !important;
}
.mt-98 {
margin-top: 98px !important;
}
.mr-98 {
margin-right: 98px !important;
}
.mb-98 {
margin-bottom: 98px !important;
}
.ml-98 {
margin-left: 98px !important;
}
.mt-100 {
margin-top: 100px !important;
}
.mr-100 {
margin-right: 100px !important;
}
.mb-100 {
margin-bottom: 100px !important;
}
.ml-100 {
margin-left: 100px !important;
}
.mt-102 {
margin-top: 102px !important;
}
.mr-102 {
margin-right: 102px !important;
}
.mb-102 {
margin-bottom: 102px !important;
}
.ml-102 {
margin-left: 102px !important;
}
.mt-104 {
margin-top: 104px !important;
}
.mr-104 {
margin-right: 104px !important;
}
.mb-104 {
margin-bottom: 104px !important;
}
.ml-104 {
margin-left: 104px !important;
}
.mt-106 {
margin-top: 106px !important;
}
.mr-106 {
margin-right: 106px !important;
}
.mb-106 {
margin-bottom: 106px !important;
}
.ml-106 {
margin-left: 106px !important;
}
.mt-108 {
margin-top: 108px !important;
}
.mr-108 {
margin-right: 108px !important;
}
.mb-108 {
margin-bottom: 108px !important;
}
.ml-108 {
margin-left: 108px !important;
}
.mt-110 {
margin-top: 110px !important;
}
.mr-110 {
margin-right: 110px !important;
}
.mb-110 {
margin-bottom: 110px !important;
}
.ml-110 {
margin-left: 110px !important;
}
.mt-112 {
margin-top: 112px !important;
}
.mr-112 {
margin-right: 112px !important;
}
.mb-112 {
margin-bottom: 112px !important;
}
.ml-112 {
margin-left: 112px !important;
}
.mt-114 {
margin-top: 114px !important;
}
.mr-114 {
margin-right: 114px !important;
}
.mb-114 {
margin-bottom: 114px !important;
}
.ml-114 {
margin-left: 114px !important;
}
.mt-116 {
margin-top: 116px !important;
}
.mr-116 {
margin-right: 116px !important;
}
.mb-116 {
margin-bottom: 116px !important;
}
.ml-116 {
margin-left: 116px !important;
}
.mt-118 {
margin-top: 118px !important;
}
.mr-118 {
margin-right: 118px !important;
}
.mb-118 {
margin-bottom: 118px !important;
}
.ml-118 {
margin-left: 118px !important;
}
.mt-120 {
margin-top: 120px !important;
}
.mr-120 {
margin-right: 120px !important;
}
.mb-120 {
margin-bottom: 120px !important;
}
.ml-120 {
margin-left: 120px !important;
}
.mt-122 {
margin-top: 122px !important;
}
.mr-122 {
margin-right: 122px !important;
}
.mb-122 {
margin-bottom: 122px !important;
}
.ml-122 {
margin-left: 122px !important;
}
.mt-124 {
margin-top: 124px !important;
}
.mr-124 {
margin-right: 124px !important;
}
.mb-124 {
margin-bottom: 124px !important;
}
.ml-124 {
margin-left: 124px !important;
}
.mt-126 {
margin-top: 126px !important;
}
.mr-126 {
margin-right: 126px !important;
}
.mb-126 {
margin-bottom: 126px !important;
}
.ml-126 {
margin-left: 126px !important;
}
.mt-128 {
margin-top: 128px !important;
}
.mr-128 {
margin-right: 128px !important;
}
.mb-128 {
margin-bottom: 128px !important;
}
.ml-128 {
margin-left: 128px !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto {
margin-top: auto !important;
}
.mr-auto {
margin-right: auto !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ml-auto {
margin-left: auto !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.p-0 {
padding: 0px !important;
}
.p-4 {
padding: 4px !important;
}
.p-8 {
padding: 8px !important;
}
.p-12 {
padding: 12px !important;
}
.p-16 {
padding: 16px !important;
}
.p-20 {
padding: 20px !important;
}
.p-24 {
padding: 24px !important;
}
.p-28 {
padding: 28px !important;
}
.p-32 {
padding: 32px !important;
}
.p-36 {
padding: 36px !important;
}
.p-40 {
padding: 40px !important;
}
.p-44 {
padding: 44px !important;
}
.p-48 {
padding: 48px !important;
}
.p-52 {
padding: 52px !important;
}
.p-56 {
padding: 56px !important;
}
.p-60 {
padding: 60px !important;
}
.p-64 {
padding: 64px !important;
}
.p-68 {
padding: 68px !important;
}
.p-72 {
padding: 72px !important;
}
.p-76 {
padding: 76px !important;
}
.p-80 {
padding: 80px !important;
}
.p-84 {
padding: 84px !important;
}
.p-88 {
padding: 88px !important;
}
.p-92 {
padding: 92px !important;
}
.p-96 {
padding: 96px !important;
}
.p-100 {
padding: 100px !important;
}
.p-104 {
padding: 104px !important;
}
.p-108 {
padding: 108px !important;
}
.p-112 {
padding: 112px !important;
}
.p-116 {
padding: 116px !important;
}
.p-120 {
padding: 120px !important;
}
.p-124 {
padding: 124px !important;
}
.p-128 {
padding: 128px !important;
}
.p-132 {
padding: 132px !important;
}
.p-136 {
padding: 136px !important;
}
.p-140 {
padding: 140px !important;
}
.p-144 {
padding: 144px !important;
}
.p-148 {
padding: 148px !important;
}
.p-152 {
padding: 152px !important;
}
.p-156 {
padding: 156px !important;
}
.p-160 {
padding: 160px !important;
}
.p-164 {
padding: 164px !important;
}
.p-168 {
padding: 168px !important;
}
.p-172 {
padding: 172px !important;
}
.p-176 {
padding: 176px !important;
}
.p-180 {
padding: 180px !important;
}
.p-184 {
padding: 184px !important;
}
.p-188 {
padding: 188px !important;
}
.p-192 {
padding: 192px !important;
}
.p-196 {
padding: 196px !important;
}
.p-200 {
padding: 200px !important;
}
.p-204 {
padding: 204px !important;
}
.p-208 {
padding: 208px !important;
}
.p-212 {
padding: 212px !important;
}
.p-216 {
padding: 216px !important;
}
.p-220 {
padding: 220px !important;
}
.p-224 {
padding: 224px !important;
}
.p-228 {
padding: 228px !important;
}
.p-232 {
padding: 232px !important;
}
.p-236 {
padding: 236px !important;
}
.p-240 {
padding: 240px !important;
}
.p-244 {
padding: 244px !important;
}
.p-248 {
padding: 248px !important;
}
.p-252 {
padding: 252px !important;
}
.p-256 {
padding: 256px !important;
}
.px-0 {
padding-right: 0px !important;
padding-left: 0px !important;
}
.py-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.px-2 {
padding-right: 2px !important;
padding-left: 2px !important;
}
.py-2 {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
.px-4 {
padding-right: 4px !important;
padding-left: 4px !important;
}
.py-4 {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.px-6 {
padding-right: 6px !important;
padding-left: 6px !important;
}
.py-6 {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
.px-8 {
padding-right: 8px !important;
padding-left: 8px !important;
}
.py-8 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.px-10 {
padding-right: 10px !important;
padding-left: 10px !important;
}
.py-10 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.px-12 {
padding-right: 12px !important;
padding-left: 12px !important;
}
.py-12 {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.px-14 {
padding-right: 14px !important;
padding-left: 14px !important;
}
.py-14 {
padding-top: 14px !important;
padding-bottom: 14px !important;
}
.px-16 {
padding-right: 16px !important;
padding-left: 16px !important;
}
.py-16 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.px-18 {
padding-right: 18px !important;
padding-left: 18px !important;
}
.py-18 {
padding-top: 18px !important;
padding-bottom: 18px !important;
}
.px-20 {
padding-right: 20px !important;
padding-left: 20px !important;
}
.py-20 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.px-22 {
padding-right: 22px !important;
padding-left: 22px !important;
}
.py-22 {
padding-top: 22px !important;
padding-bottom: 22px !important;
}
.px-24 {
padding-right: 24px !important;
padding-left: 24px !important;
}
.py-24 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.px-26 {
padding-right: 26px !important;
padding-left: 26px !important;
}
.py-26 {
padding-top: 26px !important;
padding-bottom: 26px !important;
}
.px-28 {
padding-right: 28px !important;
padding-left: 28px !important;
}
.py-28 {
padding-top: 28px !important;
padding-bottom: 28px !important;
}
.px-30 {
padding-right: 30px !important;
padding-left: 30px !important;
}
.py-30 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.px-32 {
padding-right: 32px !important;
padding-left: 32px !important;
}
.py-32 {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.px-34 {
padding-right: 34px !important;
padding-left: 34px !important;
}
.py-34 {
padding-top: 34px !important;
padding-bottom: 34px !important;
}
.px-36 {
padding-right: 36px !important;
padding-left: 36px !important;
}
.py-36 {
padding-top: 36px !important;
padding-bottom: 36px !important;
}
.px-38 {
padding-right: 38px !important;
padding-left: 38px !important;
}
.py-38 {
padding-top: 38px !important;
padding-bottom: 38px !important;
}
.px-40 {
padding-right: 40px !important;
padding-left: 40px !important;
}
.py-40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.px-42 {
padding-right: 42px !important;
padding-left: 42px !important;
}
.py-42 {
padding-top: 42px !important;
padding-bottom: 42px !important;
}
.px-44 {
padding-right: 44px !important;
padding-left: 44px !important;
}
.py-44 {
padding-top: 44px !important;
padding-bottom: 44px !important;
}
.px-46 {
padding-right: 46px !important;
padding-left: 46px !important;
}
.py-46 {
padding-top: 46px !important;
padding-bottom: 46px !important;
}
.px-48 {
padding-right: 48px !important;
padding-left: 48px !important;
}
.py-48 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.px-50 {
padding-right: 50px !important;
padding-left: 50px !important;
}
.py-50 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.px-52 {
padding-right: 52px !important;
padding-left: 52px !important;
}
.py-52 {
padding-top: 52px !important;
padding-bottom: 52px !important;
}
.px-54 {
padding-right: 54px !important;
padding-left: 54px !important;
}
.py-54 {
padding-top: 54px !important;
padding-bottom: 54px !important;
}
.px-56 {
padding-right: 56px !important;
padding-left: 56px !important;
}
.py-56 {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.px-58 {
padding-right: 58px !important;
padding-left: 58px !important;
}
.py-58 {
padding-top: 58px !important;
padding-bottom: 58px !important;
}
.px-60 {
padding-right: 60px !important;
padding-left: 60px !important;
}
.py-60 {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.px-62 {
padding-right: 62px !important;
padding-left: 62px !important;
}
.py-62 {
padding-top: 62px !important;
padding-bottom: 62px !important;
}
.px-64 {
padding-right: 64px !important;
padding-left: 64px !important;
}
.py-64 {
padding-top: 64px !important;
padding-bottom: 64px !important;
}
.px-66 {
padding-right: 66px !important;
padding-left: 66px !important;
}
.py-66 {
padding-top: 66px !important;
padding-bottom: 66px !important;
}
.px-68 {
padding-right: 68px !important;
padding-left: 68px !important;
}
.py-68 {
padding-top: 68px !important;
padding-bottom: 68px !important;
}
.px-70 {
padding-right: 70px !important;
padding-left: 70px !important;
}
.py-70 {
padding-top: 70px !important;
padding-bottom: 70px !important;
}
.px-72 {
padding-right: 72px !important;
padding-left: 72px !important;
}
.py-72 {
padding-top: 72px !important;
padding-bottom: 72px !important;
}
.px-74 {
padding-right: 74px !important;
padding-left: 74px !important;
}
.py-74 {
padding-top: 74px !important;
padding-bottom: 74px !important;
}
.px-76 {
padding-right: 76px !important;
padding-left: 76px !important;
}
.py-76 {
padding-top: 76px !important;
padding-bottom: 76px !important;
}
.px-78 {
padding-right: 78px !important;
padding-left: 78px !important;
}
.py-78 {
padding-top: 78px !important;
padding-bottom: 78px !important;
}
.px-80 {
padding-right: 80px !important;
padding-left: 80px !important;
}
.py-80 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.px-82 {
padding-right: 82px !important;
padding-left: 82px !important;
}
.py-82 {
padding-top: 82px !important;
padding-bottom: 82px !important;
}
.px-84 {
padding-right: 84px !important;
padding-left: 84px !important;
}
.py-84 {
padding-top: 84px !important;
padding-bottom: 84px !important;
}
.px-86 {
padding-right: 86px !important;
padding-left: 86px !important;
}
.py-86 {
padding-top: 86px !important;
padding-bottom: 86px !important;
}
.px-88 {
padding-right: 88px !important;
padding-left: 88px !important;
}
.py-88 {
padding-top: 88px !important;
padding-bottom: 88px !important;
}
.px-90 {
padding-right: 90px !important;
padding-left: 90px !important;
}
.py-90 {
padding-top: 90px !important;
padding-bottom: 90px !important;
}
.px-92 {
padding-right: 92px !important;
padding-left: 92px !important;
}
.py-92 {
padding-top: 92px !important;
padding-bottom: 92px !important;
}
.px-94 {
padding-right: 94px !important;
padding-left: 94px !important;
}
.py-94 {
padding-top: 94px !important;
padding-bottom: 94px !important;
}
.px-96 {
padding-right: 96px !important;
padding-left: 96px !important;
}
.py-96 {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
.px-98 {
padding-right: 98px !important;
padding-left: 98px !important;
}
.py-98 {
padding-top: 98px !important;
padding-bottom: 98px !important;
}
.px-100 {
padding-right: 100px !important;
padding-left: 100px !important;
}
.py-100 {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
.px-102 {
padding-right: 102px !important;
padding-left: 102px !important;
}
.py-102 {
padding-top: 102px !important;
padding-bottom: 102px !important;
}
.px-104 {
padding-right: 104px !important;
padding-left: 104px !important;
}
.py-104 {
padding-top: 104px !important;
padding-bottom: 104px !important;
}
.px-106 {
padding-right: 106px !important;
padding-left: 106px !important;
}
.py-106 {
padding-top: 106px !important;
padding-bottom: 106px !important;
}
.px-108 {
padding-right: 108px !important;
padding-left: 108px !important;
}
.py-108 {
padding-top: 108px !important;
padding-bottom: 108px !important;
}
.px-110 {
padding-right: 110px !important;
padding-left: 110px !important;
}
.py-110 {
padding-top: 110px !important;
padding-bottom: 110px !important;
}
.px-112 {
padding-right: 112px !important;
padding-left: 112px !important;
}
.py-112 {
padding-top: 112px !important;
padding-bottom: 112px !important;
}
.px-114 {
padding-right: 114px !important;
padding-left: 114px !important;
}
.py-114 {
padding-top: 114px !important;
padding-bottom: 114px !important;
}
.px-116 {
padding-right: 116px !important;
padding-left: 116px !important;
}
.py-116 {
padding-top: 116px !important;
padding-bottom: 116px !important;
}
.px-118 {
padding-right: 118px !important;
padding-left: 118px !important;
}
.py-118 {
padding-top: 118px !important;
padding-bottom: 118px !important;
}
.px-120 {
padding-right: 120px !important;
padding-left: 120px !important;
}
.py-120 {
padding-top: 120px !important;
padding-bottom: 120px !important;
}
.px-122 {
padding-right: 122px !important;
padding-left: 122px !important;
}
.py-122 {
padding-top: 122px !important;
padding-bottom: 122px !important;
}
.px-124 {
padding-right: 124px !important;
padding-left: 124px !important;
}
.py-124 {
padding-top: 124px !important;
padding-bottom: 124px !important;
}
.px-126 {
padding-right: 126px !important;
padding-left: 126px !important;
}
.py-126 {
padding-top: 126px !important;
padding-bottom: 126px !important;
}
.px-128 {
padding-right: 128px !important;
padding-left: 128px !important;
}
.py-128 {
padding-top: 128px !important;
padding-bottom: 128px !important;
}
.pt-0 {
padding-top: 0px !important;
}
.pr-0 {
padding-right: 0px !important;
}
.pb-0 {
padding-bottom: 0px !important;
}
.pl-0 {
padding-left: 0px !important;
}
.pt-2 {
padding-top: 2px !important;
}
.pr-2 {
padding-right: 2px !important;
}
.pb-2 {
padding-bottom: 2px !important;
}
.pl-2 {
padding-left: 2px !important;
}
.pt-4 {
padding-top: 4px !important;
}
.pr-4 {
padding-right: 4px !important;
}
.pb-4 {
padding-bottom: 4px !important;
}
.pl-4 {
padding-left: 4px !important;
}
.pt-6 {
padding-top: 6px !important;
}
.pr-6 {
padding-right: 6px !important;
}
.pb-6 {
padding-bottom: 6px !important;
}
.pl-6 {
padding-left: 6px !important;
}
.pt-8 {
padding-top: 8px !important;
}
.pr-8 {
padding-right: 8px !important;
}
.pb-8 {
padding-bottom: 8px !important;
}
.pl-8 {
padding-left: 8px !important;
}
.pt-10 {
padding-top: 10px !important;
}
.pr-10 {
padding-right: 10px !important;
}
.pb-10 {
padding-bottom: 10px !important;
}
.pl-10 {
padding-left: 10px !important;
}
.pt-12 {
padding-top: 12px !important;
}
.pr-12 {
padding-right: 12px !important;
}
.pb-12 {
padding-bottom: 12px !important;
}
.pl-12 {
padding-left: 12px !important;
}
.pt-14 {
padding-top: 14px !important;
}
.pr-14 {
padding-right: 14px !important;
}
.pb-14 {
padding-bottom: 14px !important;
}
.pl-14 {
padding-left: 14px !important;
}
.pt-16 {
padding-top: 16px !important;
}
.pr-16 {
padding-right: 16px !important;
}
.pb-16 {
padding-bottom: 16px !important;
}
.pl-16 {
padding-left: 16px !important;
}
.pt-18 {
padding-top: 18px !important;
}
.pr-18 {
padding-right: 18px !important;
}
.pb-18 {
padding-bottom: 18px !important;
}
.pl-18 {
padding-left: 18px !important;
}
.pt-20 {
padding-top: 20px !important;
}
.pr-20 {
padding-right: 20px !important;
}
.pb-20 {
padding-bottom: 20px !important;
}
.pl-20 {
padding-left: 20px !important;
}
.pt-22 {
padding-top: 22px !important;
}
.pr-22 {
padding-right: 22px !important;
}
.pb-22 {
padding-bottom: 22px !important;
}
.pl-22 {
padding-left: 22px !important;
}
.pt-24 {
padding-top: 24px !important;
}
.pr-24 {
padding-right: 24px !important;
}
.pb-24 {
padding-bottom: 24px !important;
}
.pl-24 {
padding-left: 24px !important;
}
.pt-26 {
padding-top: 26px !important;
}
.pr-26 {
padding-right: 26px !important;
}
.pb-26 {
padding-bottom: 26px !important;
}
.pl-26 {
padding-left: 26px !important;
}
.pt-28 {
padding-top: 28px !important;
}
.pr-28 {
padding-right: 28px !important;
}
.pb-28 {
padding-bottom: 28px !important;
}
.pl-28 {
padding-left: 28px !important;
}
.pt-30 {
padding-top: 30px !important;
}
.pr-30 {
padding-right: 30px !important;
}
.pb-30 {
padding-bottom: 30px !important;
}
.pl-30 {
padding-left: 30px !important;
}
.pt-32 {
padding-top: 32px !important;
}
.pr-32 {
padding-right: 32px !important;
}
.pb-32 {
padding-bottom: 32px !important;
}
.pl-32 {
padding-left: 32px !important;
}
.pt-34 {
padding-top: 34px !important;
}
.pr-34 {
padding-right: 34px !important;
}
.pb-34 {
padding-bottom: 34px !important;
}
.pl-34 {
padding-left: 34px !important;
}
.pt-36 {
padding-top: 36px !important;
}
.pr-36 {
padding-right: 36px !important;
}
.pb-36 {
padding-bottom: 36px !important;
}
.pl-36 {
padding-left: 36px !important;
}
.pt-38 {
padding-top: 38px !important;
}
.pr-38 {
padding-right: 38px !important;
}
.pb-38 {
padding-bottom: 38px !important;
}
.pl-38 {
padding-left: 38px !important;
}
.pt-40 {
padding-top: 40px !important;
}
.pr-40 {
padding-right: 40px !important;
}
.pb-40 {
padding-bottom: 40px !important;
}
.pl-40 {
padding-left: 40px !important;
}
.pt-42 {
padding-top: 42px !important;
}
.pr-42 {
padding-right: 42px !important;
}
.pb-42 {
padding-bottom: 42px !important;
}
.pl-42 {
padding-left: 42px !important;
}
.pt-44 {
padding-top: 44px !important;
}
.pr-44 {
padding-right: 44px !important;
}
.pb-44 {
padding-bottom: 44px !important;
}
.pl-44 {
padding-left: 44px !important;
}
.pt-46 {
padding-top: 46px !important;
}
.pr-46 {
padding-right: 46px !important;
}
.pb-46 {
padding-bottom: 46px !important;
}
.pl-46 {
padding-left: 46px !important;
}
.pt-48 {
padding-top: 48px !important;
}
.pr-48 {
padding-right: 48px !important;
}
.pb-48 {
padding-bottom: 48px !important;
}
.pl-48 {
padding-left: 48px !important;
}
.pt-50 {
padding-top: 50px !important;
}
.pr-50 {
padding-right: 50px !important;
}
.pb-50 {
padding-bottom: 50px !important;
}
.pl-50 {
padding-left: 50px !important;
}
.pt-52 {
padding-top: 52px !important;
}
.pr-52 {
padding-right: 52px !important;
}
.pb-52 {
padding-bottom: 52px !important;
}
.pl-52 {
padding-left: 52px !important;
}
.pt-54 {
padding-top: 54px !important;
}
.pr-54 {
padding-right: 54px !important;
}
.pb-54 {
padding-bottom: 54px !important;
}
.pl-54 {
padding-left: 54px !important;
}
.pt-56 {
padding-top: 56px !important;
}
.pr-56 {
padding-right: 56px !important;
}
.pb-56 {
padding-bottom: 56px !important;
}
.pl-56 {
padding-left: 56px !important;
}
.pt-58 {
padding-top: 58px !important;
}
.pr-58 {
padding-right: 58px !important;
}
.pb-58 {
padding-bottom: 58px !important;
}
.pl-58 {
padding-left: 58px !important;
}
.pt-60 {
padding-top: 60px !important;
}
.pr-60 {
padding-right: 60px !important;
}
.pb-60 {
padding-bottom: 60px !important;
}
.pl-60 {
padding-left: 60px !important;
}
.pt-62 {
padding-top: 62px !important;
}
.pr-62 {
padding-right: 62px !important;
}
.pb-62 {
padding-bottom: 62px !important;
}
.pl-62 {
padding-left: 62px !important;
}
.pt-64 {
padding-top: 64px !important;
}
.pr-64 {
padding-right: 64px !important;
}
.pb-64 {
padding-bottom: 64px !important;
}
.pl-64 {
padding-left: 64px !important;
}
.pt-66 {
padding-top: 66px !important;
}
.pr-66 {
padding-right: 66px !important;
}
.pb-66 {
padding-bottom: 66px !important;
}
.pl-66 {
padding-left: 66px !important;
}
.pt-68 {
padding-top: 68px !important;
}
.pr-68 {
padding-right: 68px !important;
}
.pb-68 {
padding-bottom: 68px !important;
}
.pl-68 {
padding-left: 68px !important;
}
.pt-70 {
padding-top: 70px !important;
}
.pr-70 {
padding-right: 70px !important;
}
.pb-70 {
padding-bottom: 70px !important;
}
.pl-70 {
padding-left: 70px !important;
}
.pt-72 {
padding-top: 72px !important;
}
.pr-72 {
padding-right: 72px !important;
}
.pb-72 {
padding-bottom: 72px !important;
}
.pl-72 {
padding-left: 72px !important;
}
.pt-74 {
padding-top: 74px !important;
}
.pr-74 {
padding-right: 74px !important;
}
.pb-74 {
padding-bottom: 74px !important;
}
.pl-74 {
padding-left: 74px !important;
}
.pt-76 {
padding-top: 76px !important;
}
.pr-76 {
padding-right: 76px !important;
}
.pb-76 {
padding-bottom: 76px !important;
}
.pl-76 {
padding-left: 76px !important;
}
.pt-78 {
padding-top: 78px !important;
}
.pr-78 {
padding-right: 78px !important;
}
.pb-78 {
padding-bottom: 78px !important;
}
.pl-78 {
padding-left: 78px !important;
}
.pt-80 {
padding-top: 80px !important;
}
.pr-80 {
padding-right: 80px !important;
}
.pb-80 {
padding-bottom: 80px !important;
}
.pl-80 {
padding-left: 80px !important;
}
.pt-82 {
padding-top: 82px !important;
}
.pr-82 {
padding-right: 82px !important;
}
.pb-82 {
padding-bottom: 82px !important;
}
.pl-82 {
padding-left: 82px !important;
}
.pt-84 {
padding-top: 84px !important;
}
.pr-84 {
padding-right: 84px !important;
}
.pb-84 {
padding-bottom: 84px !important;
}
.pl-84 {
padding-left: 84px !important;
}
.pt-86 {
padding-top: 86px !important;
}
.pr-86 {
padding-right: 86px !important;
}
.pb-86 {
padding-bottom: 86px !important;
}
.pl-86 {
padding-left: 86px !important;
}
.pt-88 {
padding-top: 88px !important;
}
.pr-88 {
padding-right: 88px !important;
}
.pb-88 {
padding-bottom: 88px !important;
}
.pl-88 {
padding-left: 88px !important;
}
.pt-90 {
padding-top: 90px !important;
}
.pr-90 {
padding-right: 90px !important;
}
.pb-90 {
padding-bottom: 90px !important;
}
.pl-90 {
padding-left: 90px !important;
}
.pt-92 {
padding-top: 92px !important;
}
.pr-92 {
padding-right: 92px !important;
}
.pb-92 {
padding-bottom: 92px !important;
}
.pl-92 {
padding-left: 92px !important;
}
.pt-94 {
padding-top: 94px !important;
}
.pr-94 {
padding-right: 94px !important;
}
.pb-94 {
padding-bottom: 94px !important;
}
.pl-94 {
padding-left: 94px !important;
}
.pt-96 {
padding-top: 96px !important;
}
.pr-96 {
padding-right: 96px !important;
}
.pb-96 {
padding-bottom: 96px !important;
}
.pl-96 {
padding-left: 96px !important;
}
.pt-98 {
padding-top: 98px !important;
}
.pr-98 {
padding-right: 98px !important;
}
.pb-98 {
padding-bottom: 98px !important;
}
.pl-98 {
padding-left: 98px !important;
}
.pt-100 {
padding-top: 100px !important;
}
.pr-100 {
padding-right: 100px !important;
}
.pb-100 {
padding-bottom: 100px !important;
}
.pl-100 {
padding-left: 100px !important;
}
.pt-102 {
padding-top: 102px !important;
}
.pr-102 {
padding-right: 102px !important;
}
.pb-102 {
padding-bottom: 102px !important;
}
.pl-102 {
padding-left: 102px !important;
}
.pt-104 {
padding-top: 104px !important;
}
.pr-104 {
padding-right: 104px !important;
}
.pb-104 {
padding-bottom: 104px !important;
}
.pl-104 {
padding-left: 104px !important;
}
.pt-106 {
padding-top: 106px !important;
}
.pr-106 {
padding-right: 106px !important;
}
.pb-106 {
padding-bottom: 106px !important;
}
.pl-106 {
padding-left: 106px !important;
}
.pt-108 {
padding-top: 108px !important;
}
.pr-108 {
padding-right: 108px !important;
}
.pb-108 {
padding-bottom: 108px !important;
}
.pl-108 {
padding-left: 108px !important;
}
.pt-110 {
padding-top: 110px !important;
}
.pr-110 {
padding-right: 110px !important;
}
.pb-110 {
padding-bottom: 110px !important;
}
.pl-110 {
padding-left: 110px !important;
}
.pt-112 {
padding-top: 112px !important;
}
.pr-112 {
padding-right: 112px !important;
}
.pb-112 {
padding-bottom: 112px !important;
}
.pl-112 {
padding-left: 112px !important;
}
.pt-114 {
padding-top: 114px !important;
}
.pr-114 {
padding-right: 114px !important;
}
.pb-114 {
padding-bottom: 114px !important;
}
.pl-114 {
padding-left: 114px !important;
}
.pt-116 {
padding-top: 116px !important;
}
.pr-116 {
padding-right: 116px !important;
}
.pb-116 {
padding-bottom: 116px !important;
}
.pl-116 {
padding-left: 116px !important;
}
.pt-118 {
padding-top: 118px !important;
}
.pr-118 {
padding-right: 118px !important;
}
.pb-118 {
padding-bottom: 118px !important;
}
.pl-118 {
padding-left: 118px !important;
}
.pt-120 {
padding-top: 120px !important;
}
.pr-120 {
padding-right: 120px !important;
}
.pb-120 {
padding-bottom: 120px !important;
}
.pl-120 {
padding-left: 120px !important;
}
.pt-122 {
padding-top: 122px !important;
}
.pr-122 {
padding-right: 122px !important;
}
.pb-122 {
padding-bottom: 122px !important;
}
.pl-122 {
padding-left: 122px !important;
}
.pt-124 {
padding-top: 124px !important;
}
.pr-124 {
padding-right: 124px !important;
}
.pb-124 {
padding-bottom: 124px !important;
}
.pl-124 {
padding-left: 124px !important;
}
.pt-126 {
padding-top: 126px !important;
}
.pr-126 {
padding-right: 126px !important;
}
.pb-126 {
padding-bottom: 126px !important;
}
.pl-126 {
padding-left: 126px !important;
}
.pt-128 {
padding-top: 128px !important;
}
.pr-128 {
padding-right: 128px !important;
}
.pb-128 {
padding-bottom: 128px !important;
}
.pl-128 {
padding-left: 128px !important;
}
@media screen and (min-width: 600px) {
.m-sm-0 {
margin: 0px !important;
}
.m-sm-4 {
margin: 4px !important;
}
.m-sm-8 {
margin: 8px !important;
}
.m-sm-12 {
margin: 12px !important;
}
.m-sm-16 {
margin: 16px !important;
}
.m-sm-20 {
margin: 20px !important;
}
.m-sm-24 {
margin: 24px !important;
}
.m-sm-28 {
margin: 28px !important;
}
.m-sm-32 {
margin: 32px !important;
}
.m-sm-36 {
margin: 36px !important;
}
.m-sm-40 {
margin: 40px !important;
}
.m-sm-44 {
margin: 44px !important;
}
.m-sm-48 {
margin: 48px !important;
}
.m-sm-52 {
margin: 52px !important;
}
.m-sm-56 {
margin: 56px !important;
}
.m-sm-60 {
margin: 60px !important;
}
.m-sm-64 {
margin: 64px !important;
}
.m-sm-68 {
margin: 68px !important;
}
.m-sm-72 {
margin: 72px !important;
}
.m-sm-76 {
margin: 76px !important;
}
.m-sm-80 {
margin: 80px !important;
}
.m-sm-84 {
margin: 84px !important;
}
.m-sm-88 {
margin: 88px !important;
}
.m-sm-92 {
margin: 92px !important;
}
.m-sm-96 {
margin: 96px !important;
}
.m-sm-100 {
margin: 100px !important;
}
.m-sm-104 {
margin: 104px !important;
}
.m-sm-108 {
margin: 108px !important;
}
.m-sm-112 {
margin: 112px !important;
}
.m-sm-116 {
margin: 116px !important;
}
.m-sm-120 {
margin: 120px !important;
}
.m-sm-124 {
margin: 124px !important;
}
.m-sm-128 {
margin: 128px !important;
}
.m-sm-132 {
margin: 132px !important;
}
.m-sm-136 {
margin: 136px !important;
}
.m-sm-140 {
margin: 140px !important;
}
.m-sm-144 {
margin: 144px !important;
}
.m-sm-148 {
margin: 148px !important;
}
.m-sm-152 {
margin: 152px !important;
}
.m-sm-156 {
margin: 156px !important;
}
.m-sm-160 {
margin: 160px !important;
}
.m-sm-164 {
margin: 164px !important;
}
.m-sm-168 {
margin: 168px !important;
}
.m-sm-172 {
margin: 172px !important;
}
.m-sm-176 {
margin: 176px !important;
}
.m-sm-180 {
margin: 180px !important;
}
.m-sm-184 {
margin: 184px !important;
}
.m-sm-188 {
margin: 188px !important;
}
.m-sm-192 {
margin: 192px !important;
}
.m-sm-196 {
margin: 196px !important;
}
.m-sm-200 {
margin: 200px !important;
}
.m-sm-204 {
margin: 204px !important;
}
.m-sm-208 {
margin: 208px !important;
}
.m-sm-212 {
margin: 212px !important;
}
.m-sm-216 {
margin: 216px !important;
}
.m-sm-220 {
margin: 220px !important;
}
.m-sm-224 {
margin: 224px !important;
}
.m-sm-228 {
margin: 228px !important;
}
.m-sm-232 {
margin: 232px !important;
}
.m-sm-236 {
margin: 236px !important;
}
.m-sm-240 {
margin: 240px !important;
}
.m-sm-244 {
margin: 244px !important;
}
.m-sm-248 {
margin: 248px !important;
}
.m-sm-252 {
margin: 252px !important;
}
.m-sm-256 {
margin: 256px !important;
}
.mx-sm-0 {
margin-right: 0px !important;
margin-left: 0px !important;
}
.my-sm-0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.mx-sm-2 {
margin-right: 2px !important;
margin-left: 2px !important;
}
.my-sm-2 {
margin-top: 2px !important;
margin-bottom: 2px !important;
}
.mx-sm-4 {
margin-right: 4px !important;
margin-left: 4px !important;
}
.my-sm-4 {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
.mx-sm-6 {
margin-right: 6px !important;
margin-left: 6px !important;
}
.my-sm-6 {
margin-top: 6px !important;
margin-bottom: 6px !important;
}
.mx-sm-8 {
margin-right: 8px !important;
margin-left: 8px !important;
}
.my-sm-8 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.mx-sm-10 {
margin-right: 10px !important;
margin-left: 10px !important;
}
.my-sm-10 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.mx-sm-12 {
margin-right: 12px !important;
margin-left: 12px !important;
}
.my-sm-12 {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
.mx-sm-14 {
margin-right: 14px !important;
margin-left: 14px !important;
}
.my-sm-14 {
margin-top: 14px !important;
margin-bottom: 14px !important;
}
.mx-sm-16 {
margin-right: 16px !important;
margin-left: 16px !important;
}
.my-sm-16 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.mx-sm-18 {
margin-right: 18px !important;
margin-left: 18px !important;
}
.my-sm-18 {
margin-top: 18px !important;
margin-bottom: 18px !important;
}
.mx-sm-20 {
margin-right: 20px !important;
margin-left: 20px !important;
}
.my-sm-20 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.mx-sm-22 {
margin-right: 22px !important;
margin-left: 22px !important;
}
.my-sm-22 {
margin-top: 22px !important;
margin-bottom: 22px !important;
}
.mx-sm-24 {
margin-right: 24px !important;
margin-left: 24px !important;
}
.my-sm-24 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.mx-sm-26 {
margin-right: 26px !important;
margin-left: 26px !important;
}
.my-sm-26 {
margin-top: 26px !important;
margin-bottom: 26px !important;
}
.mx-sm-28 {
margin-right: 28px !important;
margin-left: 28px !important;
}
.my-sm-28 {
margin-top: 28px !important;
margin-bottom: 28px !important;
}
.mx-sm-30 {
margin-right: 30px !important;
margin-left: 30px !important;
}
.my-sm-30 {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.mx-sm-32 {
margin-right: 32px !important;
margin-left: 32px !important;
}
.my-sm-32 {
margin-top: 32px !important;
margin-bottom: 32px !important;
}
.mx-sm-34 {
margin-right: 34px !important;
margin-left: 34px !important;
}
.my-sm-34 {
margin-top: 34px !important;
margin-bottom: 34px !important;
}
.mx-sm-36 {
margin-right: 36px !important;
margin-left: 36px !important;
}
.my-sm-36 {
margin-top: 36px !important;
margin-bottom: 36px !important;
}
.mx-sm-38 {
margin-right: 38px !important;
margin-left: 38px !important;
}
.my-sm-38 {
margin-top: 38px !important;
margin-bottom: 38px !important;
}
.mx-sm-40 {
margin-right: 40px !important;
margin-left: 40px !important;
}
.my-sm-40 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.mx-sm-42 {
margin-right: 42px !important;
margin-left: 42px !important;
}
.my-sm-42 {
margin-top: 42px !important;
margin-bottom: 42px !important;
}
.mx-sm-44 {
margin-right: 44px !important;
margin-left: 44px !important;
}
.my-sm-44 {
margin-top: 44px !important;
margin-bottom: 44px !important;
}
.mx-sm-46 {
margin-right: 46px !important;
margin-left: 46px !important;
}
.my-sm-46 {
margin-top: 46px !important;
margin-bottom: 46px !important;
}
.mx-sm-48 {
margin-right: 48px !important;
margin-left: 48px !important;
}
.my-sm-48 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.mx-sm-50 {
margin-right: 50px !important;
margin-left: 50px !important;
}
.my-sm-50 {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.mx-sm-52 {
margin-right: 52px !important;
margin-left: 52px !important;
}
.my-sm-52 {
margin-top: 52px !important;
margin-bottom: 52px !important;
}
.mx-sm-54 {
margin-right: 54px !important;
margin-left: 54px !important;
}
.my-sm-54 {
margin-top: 54px !important;
margin-bottom: 54px !important;
}
.mx-sm-56 {
margin-right: 56px !important;
margin-left: 56px !important;
}
.my-sm-56 {
margin-top: 56px !important;
margin-bottom: 56px !important;
}
.mx-sm-58 {
margin-right: 58px !important;
margin-left: 58px !important;
}
.my-sm-58 {
margin-top: 58px !important;
margin-bottom: 58px !important;
}
.mx-sm-60 {
margin-right: 60px !important;
margin-left: 60px !important;
}
.my-sm-60 {
margin-top: 60px !important;
margin-bottom: 60px !important;
}
.mx-sm-62 {
margin-right: 62px !important;
margin-left: 62px !important;
}
.my-sm-62 {
margin-top: 62px !important;
margin-bottom: 62px !important;
}
.mx-sm-64 {
margin-right: 64px !important;
margin-left: 64px !important;
}
.my-sm-64 {
margin-top: 64px !important;
margin-bottom: 64px !important;
}
.mx-sm-66 {
margin-right: 66px !important;
margin-left: 66px !important;
}
.my-sm-66 {
margin-top: 66px !important;
margin-bottom: 66px !important;
}
.mx-sm-68 {
margin-right: 68px !important;
margin-left: 68px !important;
}
.my-sm-68 {
margin-top: 68px !important;
margin-bottom: 68px !important;
}
.mx-sm-70 {
margin-right: 70px !important;
margin-left: 70px !important;
}
.my-sm-70 {
margin-top: 70px !important;
margin-bottom: 70px !important;
}
.mx-sm-72 {
margin-right: 72px !important;
margin-left: 72px !important;
}
.my-sm-72 {
margin-top: 72px !important;
margin-bottom: 72px !important;
}
.mx-sm-74 {
margin-right: 74px !important;
margin-left: 74px !important;
}
.my-sm-74 {
margin-top: 74px !important;
margin-bottom: 74px !important;
}
.mx-sm-76 {
margin-right: 76px !important;
margin-left: 76px !important;
}
.my-sm-76 {
margin-top: 76px !important;
margin-bottom: 76px !important;
}
.mx-sm-78 {
margin-right: 78px !important;
margin-left: 78px !important;
}
.my-sm-78 {
margin-top: 78px !important;
margin-bottom: 78px !important;
}
.mx-sm-80 {
margin-right: 80px !important;
margin-left: 80px !important;
}
.my-sm-80 {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
.mx-sm-82 {
margin-right: 82px !important;
margin-left: 82px !important;
}
.my-sm-82 {
margin-top: 82px !important;
margin-bottom: 82px !important;
}
.mx-sm-84 {
margin-right: 84px !important;
margin-left: 84px !important;
}
.my-sm-84 {
margin-top: 84px !important;
margin-bottom: 84px !important;
}
.mx-sm-86 {
margin-right: 86px !important;
margin-left: 86px !important;
}
.my-sm-86 {
margin-top: 86px !important;
margin-bottom: 86px !important;
}
.mx-sm-88 {
margin-right: 88px !important;
margin-left: 88px !important;
}
.my-sm-88 {
margin-top: 88px !important;
margin-bottom: 88px !important;
}
.mx-sm-90 {
margin-right: 90px !important;
margin-left: 90px !important;
}
.my-sm-90 {
margin-top: 90px !important;
margin-bottom: 90px !important;
}
.mx-sm-92 {
margin-right: 92px !important;
margin-left: 92px !important;
}
.my-sm-92 {
margin-top: 92px !important;
margin-bottom: 92px !important;
}
.mx-sm-94 {
margin-right: 94px !important;
margin-left: 94px !important;
}
.my-sm-94 {
margin-top: 94px !important;
margin-bottom: 94px !important;
}
.mx-sm-96 {
margin-right: 96px !important;
margin-left: 96px !important;
}
.my-sm-96 {
margin-top: 96px !important;
margin-bottom: 96px !important;
}
.mx-sm-98 {
margin-right: 98px !important;
margin-left: 98px !important;
}
.my-sm-98 {
margin-top: 98px !important;
margin-bottom: 98px !important;
}
.mx-sm-100 {
margin-right: 100px !important;
margin-left: 100px !important;
}
.my-sm-100 {
margin-top: 100px !important;
margin-bottom: 100px !important;
}
.mx-sm-102 {
margin-right: 102px !important;
margin-left: 102px !important;
}
.my-sm-102 {
margin-top: 102px !important;
margin-bottom: 102px !important;
}
.mx-sm-104 {
margin-right: 104px !important;
margin-left: 104px !important;
}
.my-sm-104 {
margin-top: 104px !important;
margin-bottom: 104px !important;
}
.mx-sm-106 {
margin-right: 106px !important;
margin-left: 106px !important;
}
.my-sm-106 {
margin-top: 106px !important;
margin-bottom: 106px !important;
}
.mx-sm-108 {
margin-right: 108px !important;
margin-left: 108px !important;
}
.my-sm-108 {
margin-top: 108px !important;
margin-bottom: 108px !important;
}
.mx-sm-110 {
margin-right: 110px !important;
margin-left: 110px !important;
}
.my-sm-110 {
margin-top: 110px !important;
margin-bottom: 110px !important;
}
.mx-sm-112 {
margin-right: 112px !important;
margin-left: 112px !important;
}
.my-sm-112 {
margin-top: 112px !important;
margin-bottom: 112px !important;
}
.mx-sm-114 {
margin-right: 114px !important;
margin-left: 114px !important;
}
.my-sm-114 {
margin-top: 114px !important;
margin-bottom: 114px !important;
}
.mx-sm-116 {
margin-right: 116px !important;
margin-left: 116px !important;
}
.my-sm-116 {
margin-top: 116px !important;
margin-bottom: 116px !important;
}
.mx-sm-118 {
margin-right: 118px !important;
margin-left: 118px !important;
}
.my-sm-118 {
margin-top: 118px !important;
margin-bottom: 118px !important;
}
.mx-sm-120 {
margin-right: 120px !important;
margin-left: 120px !important;
}
.my-sm-120 {
margin-top: 120px !important;
margin-bottom: 120px !important;
}
.mx-sm-122 {
margin-right: 122px !important;
margin-left: 122px !important;
}
.my-sm-122 {
margin-top: 122px !important;
margin-bottom: 122px !important;
}
.mx-sm-124 {
margin-right: 124px !important;
margin-left: 124px !important;
}
.my-sm-124 {
margin-top: 124px !important;
margin-bottom: 124px !important;
}
.mx-sm-126 {
margin-right: 126px !important;
margin-left: 126px !important;
}
.my-sm-126 {
margin-top: 126px !important;
margin-bottom: 126px !important;
}
.mx-sm-128 {
margin-right: 128px !important;
margin-left: 128px !important;
}
.my-sm-128 {
margin-top: 128px !important;
margin-bottom: 128px !important;
}
.mt-sm-0 {
margin-top: 0px !important;
}
.mr-sm-0 {
margin-right: 0px !important;
}
.mb-sm-0 {
margin-bottom: 0px !important;
}
.ml-sm-0 {
margin-left: 0px !important;
}
.mt-sm-2 {
margin-top: 2px !important;
}
.mr-sm-2 {
margin-right: 2px !important;
}
.mb-sm-2 {
margin-bottom: 2px !important;
}
.ml-sm-2 {
margin-left: 2px !important;
}
.mt-sm-4 {
margin-top: 4px !important;
}
.mr-sm-4 {
margin-right: 4px !important;
}
.mb-sm-4 {
margin-bottom: 4px !important;
}
.ml-sm-4 {
margin-left: 4px !important;
}
.mt-sm-6 {
margin-top: 6px !important;
}
.mr-sm-6 {
margin-right: 6px !important;
}
.mb-sm-6 {
margin-bottom: 6px !important;
}
.ml-sm-6 {
margin-left: 6px !important;
}
.mt-sm-8 {
margin-top: 8px !important;
}
.mr-sm-8 {
margin-right: 8px !important;
}
.mb-sm-8 {
margin-bottom: 8px !important;
}
.ml-sm-8 {
margin-left: 8px !important;
}
.mt-sm-10 {
margin-top: 10px !important;
}
.mr-sm-10 {
margin-right: 10px !important;
}
.mb-sm-10 {
margin-bottom: 10px !important;
}
.ml-sm-10 {
margin-left: 10px !important;
}
.mt-sm-12 {
margin-top: 12px !important;
}
.mr-sm-12 {
margin-right: 12px !important;
}
.mb-sm-12 {
margin-bottom: 12px !important;
}
.ml-sm-12 {
margin-left: 12px !important;
}
.mt-sm-14 {
margin-top: 14px !important;
}
.mr-sm-14 {
margin-right: 14px !important;
}
.mb-sm-14 {
margin-bottom: 14px !important;
}
.ml-sm-14 {
margin-left: 14px !important;
}
.mt-sm-16 {
margin-top: 16px !important;
}
.mr-sm-16 {
margin-right: 16px !important;
}
.mb-sm-16 {
margin-bottom: 16px !important;
}
.ml-sm-16 {
margin-left: 16px !important;
}
.mt-sm-18 {
margin-top: 18px !important;
}
.mr-sm-18 {
margin-right: 18px !important;
}
.mb-sm-18 {
margin-bottom: 18px !important;
}
.ml-sm-18 {
margin-left: 18px !important;
}
.mt-sm-20 {
margin-top: 20px !important;
}
.mr-sm-20 {
margin-right: 20px !important;
}
.mb-sm-20 {
margin-bottom: 20px !important;
}
.ml-sm-20 {
margin-left: 20px !important;
}
.mt-sm-22 {
margin-top: 22px !important;
}
.mr-sm-22 {
margin-right: 22px !important;
}
.mb-sm-22 {
margin-bottom: 22px !important;
}
.ml-sm-22 {
margin-left: 22px !important;
}
.mt-sm-24 {
margin-top: 24px !important;
}
.mr-sm-24 {
margin-right: 24px !important;
}
.mb-sm-24 {
margin-bottom: 24px !important;
}
.ml-sm-24 {
margin-left: 24px !important;
}
.mt-sm-26 {
margin-top: 26px !important;
}
.mr-sm-26 {
margin-right: 26px !important;
}
.mb-sm-26 {
margin-bottom: 26px !important;
}
.ml-sm-26 {
margin-left: 26px !important;
}
.mt-sm-28 {
margin-top: 28px !important;
}
.mr-sm-28 {
margin-right: 28px !important;
}
.mb-sm-28 {
margin-bottom: 28px !important;
}
.ml-sm-28 {
margin-left: 28px !important;
}
.mt-sm-30 {
margin-top: 30px !important;
}
.mr-sm-30 {
margin-right: 30px !important;
}
.mb-sm-30 {
margin-bottom: 30px !important;
}
.ml-sm-30 {
margin-left: 30px !important;
}
.mt-sm-32 {
margin-top: 32px !important;
}
.mr-sm-32 {
margin-right: 32px !important;
}
.mb-sm-32 {
margin-bottom: 32px !important;
}
.ml-sm-32 {
margin-left: 32px !important;
}
.mt-sm-34 {
margin-top: 34px !important;
}
.mr-sm-34 {
margin-right: 34px !important;
}
.mb-sm-34 {
margin-bottom: 34px !important;
}
.ml-sm-34 {
margin-left: 34px !important;
}
.mt-sm-36 {
margin-top: 36px !important;
}
.mr-sm-36 {
margin-right: 36px !important;
}
.mb-sm-36 {
margin-bottom: 36px !important;
}
.ml-sm-36 {
margin-left: 36px !important;
}
.mt-sm-38 {
margin-top: 38px !important;
}
.mr-sm-38 {
margin-right: 38px !important;
}
.mb-sm-38 {
margin-bottom: 38px !important;
}
.ml-sm-38 {
margin-left: 38px !important;
}
.mt-sm-40 {
margin-top: 40px !important;
}
.mr-sm-40 {
margin-right: 40px !important;
}
.mb-sm-40 {
margin-bottom: 40px !important;
}
.ml-sm-40 {
margin-left: 40px !important;
}
.mt-sm-42 {
margin-top: 42px !important;
}
.mr-sm-42 {
margin-right: 42px !important;
}
.mb-sm-42 {
margin-bottom: 42px !important;
}
.ml-sm-42 {
margin-left: 42px !important;
}
.mt-sm-44 {
margin-top: 44px !important;
}
.mr-sm-44 {
margin-right: 44px !important;
}
.mb-sm-44 {
margin-bottom: 44px !important;
}
.ml-sm-44 {
margin-left: 44px !important;
}
.mt-sm-46 {
margin-top: 46px !important;
}
.mr-sm-46 {
margin-right: 46px !important;
}
.mb-sm-46 {
margin-bottom: 46px !important;
}
.ml-sm-46 {
margin-left: 46px !important;
}
.mt-sm-48 {
margin-top: 48px !important;
}
.mr-sm-48 {
margin-right: 48px !important;
}
.mb-sm-48 {
margin-bottom: 48px !important;
}
.ml-sm-48 {
margin-left: 48px !important;
}
.mt-sm-50 {
margin-top: 50px !important;
}
.mr-sm-50 {
margin-right: 50px !important;
}
.mb-sm-50 {
margin-bottom: 50px !important;
}
.ml-sm-50 {
margin-left: 50px !important;
}
.mt-sm-52 {
margin-top: 52px !important;
}
.mr-sm-52 {
margin-right: 52px !important;
}
.mb-sm-52 {
margin-bottom: 52px !important;
}
.ml-sm-52 {
margin-left: 52px !important;
}
.mt-sm-54 {
margin-top: 54px !important;
}
.mr-sm-54 {
margin-right: 54px !important;
}
.mb-sm-54 {
margin-bottom: 54px !important;
}
.ml-sm-54 {
margin-left: 54px !important;
}
.mt-sm-56 {
margin-top: 56px !important;
}
.mr-sm-56 {
margin-right: 56px !important;
}
.mb-sm-56 {
margin-bottom: 56px !important;
}
.ml-sm-56 {
margin-left: 56px !important;
}
.mt-sm-58 {
margin-top: 58px !important;
}
.mr-sm-58 {
margin-right: 58px !important;
}
.mb-sm-58 {
margin-bottom: 58px !important;
}
.ml-sm-58 {
margin-left: 58px !important;
}
.mt-sm-60 {
margin-top: 60px !important;
}
.mr-sm-60 {
margin-right: 60px !important;
}
.mb-sm-60 {
margin-bottom: 60px !important;
}
.ml-sm-60 {
margin-left: 60px !important;
}
.mt-sm-62 {
margin-top: 62px !important;
}
.mr-sm-62 {
margin-right: 62px !important;
}
.mb-sm-62 {
margin-bottom: 62px !important;
}
.ml-sm-62 {
margin-left: 62px !important;
}
.mt-sm-64 {
margin-top: 64px !important;
}
.mr-sm-64 {
margin-right: 64px !important;
}
.mb-sm-64 {
margin-bottom: 64px !important;
}
.ml-sm-64 {
margin-left: 64px !important;
}
.mt-sm-66 {
margin-top: 66px !important;
}
.mr-sm-66 {
margin-right: 66px !important;
}
.mb-sm-66 {
margin-bottom: 66px !important;
}
.ml-sm-66 {
margin-left: 66px !important;
}
.mt-sm-68 {
margin-top: 68px !important;
}
.mr-sm-68 {
margin-right: 68px !important;
}
.mb-sm-68 {
margin-bottom: 68px !important;
}
.ml-sm-68 {
margin-left: 68px !important;
}
.mt-sm-70 {
margin-top: 70px !important;
}
.mr-sm-70 {
margin-right: 70px !important;
}
.mb-sm-70 {
margin-bottom: 70px !important;
}
.ml-sm-70 {
margin-left: 70px !important;
}
.mt-sm-72 {
margin-top: 72px !important;
}
.mr-sm-72 {
margin-right: 72px !important;
}
.mb-sm-72 {
margin-bottom: 72px !important;
}
.ml-sm-72 {
margin-left: 72px !important;
}
.mt-sm-74 {
margin-top: 74px !important;
}
.mr-sm-74 {
margin-right: 74px !important;
}
.mb-sm-74 {
margin-bottom: 74px !important;
}
.ml-sm-74 {
margin-left: 74px !important;
}
.mt-sm-76 {
margin-top: 76px !important;
}
.mr-sm-76 {
margin-right: 76px !important;
}
.mb-sm-76 {
margin-bottom: 76px !important;
}
.ml-sm-76 {
margin-left: 76px !important;
}
.mt-sm-78 {
margin-top: 78px !important;
}
.mr-sm-78 {
margin-right: 78px !important;
}
.mb-sm-78 {
margin-bottom: 78px !important;
}
.ml-sm-78 {
margin-left: 78px !important;
}
.mt-sm-80 {
margin-top: 80px !important;
}
.mr-sm-80 {
margin-right: 80px !important;
}
.mb-sm-80 {
margin-bottom: 80px !important;
}
.ml-sm-80 {
margin-left: 80px !important;
}
.mt-sm-82 {
margin-top: 82px !important;
}
.mr-sm-82 {
margin-right: 82px !important;
}
.mb-sm-82 {
margin-bottom: 82px !important;
}
.ml-sm-82 {
margin-left: 82px !important;
}
.mt-sm-84 {
margin-top: 84px !important;
}
.mr-sm-84 {
margin-right: 84px !important;
}
.mb-sm-84 {
margin-bottom: 84px !important;
}
.ml-sm-84 {
margin-left: 84px !important;
}
.mt-sm-86 {
margin-top: 86px !important;
}
.mr-sm-86 {
margin-right: 86px !important;
}
.mb-sm-86 {
margin-bottom: 86px !important;
}
.ml-sm-86 {
margin-left: 86px !important;
}
.mt-sm-88 {
margin-top: 88px !important;
}
.mr-sm-88 {
margin-right: 88px !important;
}
.mb-sm-88 {
margin-bottom: 88px !important;
}
.ml-sm-88 {
margin-left: 88px !important;
}
.mt-sm-90 {
margin-top: 90px !important;
}
.mr-sm-90 {
margin-right: 90px !important;
}
.mb-sm-90 {
margin-bottom: 90px !important;
}
.ml-sm-90 {
margin-left: 90px !important;
}
.mt-sm-92 {
margin-top: 92px !important;
}
.mr-sm-92 {
margin-right: 92px !important;
}
.mb-sm-92 {
margin-bottom: 92px !important;
}
.ml-sm-92 {
margin-left: 92px !important;
}
.mt-sm-94 {
margin-top: 94px !important;
}
.mr-sm-94 {
margin-right: 94px !important;
}
.mb-sm-94 {
margin-bottom: 94px !important;
}
.ml-sm-94 {
margin-left: 94px !important;
}
.mt-sm-96 {
margin-top: 96px !important;
}
.mr-sm-96 {
margin-right: 96px !important;
}
.mb-sm-96 {
margin-bottom: 96px !important;
}
.ml-sm-96 {
margin-left: 96px !important;
}
.mt-sm-98 {
margin-top: 98px !important;
}
.mr-sm-98 {
margin-right: 98px !important;
}
.mb-sm-98 {
margin-bottom: 98px !important;
}
.ml-sm-98 {
margin-left: 98px !important;
}
.mt-sm-100 {
margin-top: 100px !important;
}
.mr-sm-100 {
margin-right: 100px !important;
}
.mb-sm-100 {
margin-bottom: 100px !important;
}
.ml-sm-100 {
margin-left: 100px !important;
}
.mt-sm-102 {
margin-top: 102px !important;
}
.mr-sm-102 {
margin-right: 102px !important;
}
.mb-sm-102 {
margin-bottom: 102px !important;
}
.ml-sm-102 {
margin-left: 102px !important;
}
.mt-sm-104 {
margin-top: 104px !important;
}
.mr-sm-104 {
margin-right: 104px !important;
}
.mb-sm-104 {
margin-bottom: 104px !important;
}
.ml-sm-104 {
margin-left: 104px !important;
}
.mt-sm-106 {
margin-top: 106px !important;
}
.mr-sm-106 {
margin-right: 106px !important;
}
.mb-sm-106 {
margin-bottom: 106px !important;
}
.ml-sm-106 {
margin-left: 106px !important;
}
.mt-sm-108 {
margin-top: 108px !important;
}
.mr-sm-108 {
margin-right: 108px !important;
}
.mb-sm-108 {
margin-bottom: 108px !important;
}
.ml-sm-108 {
margin-left: 108px !important;
}
.mt-sm-110 {
margin-top: 110px !important;
}
.mr-sm-110 {
margin-right: 110px !important;
}
.mb-sm-110 {
margin-bottom: 110px !important;
}
.ml-sm-110 {
margin-left: 110px !important;
}
.mt-sm-112 {
margin-top: 112px !important;
}
.mr-sm-112 {
margin-right: 112px !important;
}
.mb-sm-112 {
margin-bottom: 112px !important;
}
.ml-sm-112 {
margin-left: 112px !important;
}
.mt-sm-114 {
margin-top: 114px !important;
}
.mr-sm-114 {
margin-right: 114px !important;
}
.mb-sm-114 {
margin-bottom: 114px !important;
}
.ml-sm-114 {
margin-left: 114px !important;
}
.mt-sm-116 {
margin-top: 116px !important;
}
.mr-sm-116 {
margin-right: 116px !important;
}
.mb-sm-116 {
margin-bottom: 116px !important;
}
.ml-sm-116 {
margin-left: 116px !important;
}
.mt-sm-118 {
margin-top: 118px !important;
}
.mr-sm-118 {
margin-right: 118px !important;
}
.mb-sm-118 {
margin-bottom: 118px !important;
}
.ml-sm-118 {
margin-left: 118px !important;
}
.mt-sm-120 {
margin-top: 120px !important;
}
.mr-sm-120 {
margin-right: 120px !important;
}
.mb-sm-120 {
margin-bottom: 120px !important;
}
.ml-sm-120 {
margin-left: 120px !important;
}
.mt-sm-122 {
margin-top: 122px !important;
}
.mr-sm-122 {
margin-right: 122px !important;
}
.mb-sm-122 {
margin-bottom: 122px !important;
}
.ml-sm-122 {
margin-left: 122px !important;
}
.mt-sm-124 {
margin-top: 124px !important;
}
.mr-sm-124 {
margin-right: 124px !important;
}
.mb-sm-124 {
margin-bottom: 124px !important;
}
.ml-sm-124 {
margin-left: 124px !important;
}
.mt-sm-126 {
margin-top: 126px !important;
}
.mr-sm-126 {
margin-right: 126px !important;
}
.mb-sm-126 {
margin-bottom: 126px !important;
}
.ml-sm-126 {
margin-left: 126px !important;
}
.mt-sm-128 {
margin-top: 128px !important;
}
.mr-sm-128 {
margin-right: 128px !important;
}
.mb-sm-128 {
margin-bottom: 128px !important;
}
.ml-sm-128 {
margin-left: 128px !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto {
margin-left: auto !important;
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.p-sm-0 {
padding: 0px !important;
}
.p-sm-4 {
padding: 4px !important;
}
.p-sm-8 {
padding: 8px !important;
}
.p-sm-12 {
padding: 12px !important;
}
.p-sm-16 {
padding: 16px !important;
}
.p-sm-20 {
padding: 20px !important;
}
.p-sm-24 {
padding: 24px !important;
}
.p-sm-28 {
padding: 28px !important;
}
.p-sm-32 {
padding: 32px !important;
}
.p-sm-36 {
padding: 36px !important;
}
.p-sm-40 {
padding: 40px !important;
}
.p-sm-44 {
padding: 44px !important;
}
.p-sm-48 {
padding: 48px !important;
}
.p-sm-52 {
padding: 52px !important;
}
.p-sm-56 {
padding: 56px !important;
}
.p-sm-60 {
padding: 60px !important;
}
.p-sm-64 {
padding: 64px !important;
}
.p-sm-68 {
padding: 68px !important;
}
.p-sm-72 {
padding: 72px !important;
}
.p-sm-76 {
padding: 76px !important;
}
.p-sm-80 {
padding: 80px !important;
}
.p-sm-84 {
padding: 84px !important;
}
.p-sm-88 {
padding: 88px !important;
}
.p-sm-92 {
padding: 92px !important;
}
.p-sm-96 {
padding: 96px !important;
}
.p-sm-100 {
padding: 100px !important;
}
.p-sm-104 {
padding: 104px !important;
}
.p-sm-108 {
padding: 108px !important;
}
.p-sm-112 {
padding: 112px !important;
}
.p-sm-116 {
padding: 116px !important;
}
.p-sm-120 {
padding: 120px !important;
}
.p-sm-124 {
padding: 124px !important;
}
.p-sm-128 {
padding: 128px !important;
}
.p-sm-132 {
padding: 132px !important;
}
.p-sm-136 {
padding: 136px !important;
}
.p-sm-140 {
padding: 140px !important;
}
.p-sm-144 {
padding: 144px !important;
}
.p-sm-148 {
padding: 148px !important;
}
.p-sm-152 {
padding: 152px !important;
}
.p-sm-156 {
padding: 156px !important;
}
.p-sm-160 {
padding: 160px !important;
}
.p-sm-164 {
padding: 164px !important;
}
.p-sm-168 {
padding: 168px !important;
}
.p-sm-172 {
padding: 172px !important;
}
.p-sm-176 {
padding: 176px !important;
}
.p-sm-180 {
padding: 180px !important;
}
.p-sm-184 {
padding: 184px !important;
}
.p-sm-188 {
padding: 188px !important;
}
.p-sm-192 {
padding: 192px !important;
}
.p-sm-196 {
padding: 196px !important;
}
.p-sm-200 {
padding: 200px !important;
}
.p-sm-204 {
padding: 204px !important;
}
.p-sm-208 {
padding: 208px !important;
}
.p-sm-212 {
padding: 212px !important;
}
.p-sm-216 {
padding: 216px !important;
}
.p-sm-220 {
padding: 220px !important;
}
.p-sm-224 {
padding: 224px !important;
}
.p-sm-228 {
padding: 228px !important;
}
.p-sm-232 {
padding: 232px !important;
}
.p-sm-236 {
padding: 236px !important;
}
.p-sm-240 {
padding: 240px !important;
}
.p-sm-244 {
padding: 244px !important;
}
.p-sm-248 {
padding: 248px !important;
}
.p-sm-252 {
padding: 252px !important;
}
.p-sm-256 {
padding: 256px !important;
}
.px-sm-0 {
padding-right: 0px !important;
padding-left: 0px !important;
}
.py-sm-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.px-sm-2 {
padding-right: 2px !important;
padding-left: 2px !important;
}
.py-sm-2 {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
.px-sm-4 {
padding-right: 4px !important;
padding-left: 4px !important;
}
.py-sm-4 {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.px-sm-6 {
padding-right: 6px !important;
padding-left: 6px !important;
}
.py-sm-6 {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
.px-sm-8 {
padding-right: 8px !important;
padding-left: 8px !important;
}
.py-sm-8 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.px-sm-10 {
padding-right: 10px !important;
padding-left: 10px !important;
}
.py-sm-10 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.px-sm-12 {
padding-right: 12px !important;
padding-left: 12px !important;
}
.py-sm-12 {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.px-sm-14 {
padding-right: 14px !important;
padding-left: 14px !important;
}
.py-sm-14 {
padding-top: 14px !important;
padding-bottom: 14px !important;
}
.px-sm-16 {
padding-right: 16px !important;
padding-left: 16px !important;
}
.py-sm-16 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.px-sm-18 {
padding-right: 18px !important;
padding-left: 18px !important;
}
.py-sm-18 {
padding-top: 18px !important;
padding-bottom: 18px !important;
}
.px-sm-20 {
padding-right: 20px !important;
padding-left: 20px !important;
}
.py-sm-20 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.px-sm-22 {
padding-right: 22px !important;
padding-left: 22px !important;
}
.py-sm-22 {
padding-top: 22px !important;
padding-bottom: 22px !important;
}
.px-sm-24 {
padding-right: 24px !important;
padding-left: 24px !important;
}
.py-sm-24 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.px-sm-26 {
padding-right: 26px !important;
padding-left: 26px !important;
}
.py-sm-26 {
padding-top: 26px !important;
padding-bottom: 26px !important;
}
.px-sm-28 {
padding-right: 28px !important;
padding-left: 28px !important;
}
.py-sm-28 {
padding-top: 28px !important;
padding-bottom: 28px !important;
}
.px-sm-30 {
padding-right: 30px !important;
padding-left: 30px !important;
}
.py-sm-30 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.px-sm-32 {
padding-right: 32px !important;
padding-left: 32px !important;
}
.py-sm-32 {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.px-sm-34 {
padding-right: 34px !important;
padding-left: 34px !important;
}
.py-sm-34 {
padding-top: 34px !important;
padding-bottom: 34px !important;
}
.px-sm-36 {
padding-right: 36px !important;
padding-left: 36px !important;
}
.py-sm-36 {
padding-top: 36px !important;
padding-bottom: 36px !important;
}
.px-sm-38 {
padding-right: 38px !important;
padding-left: 38px !important;
}
.py-sm-38 {
padding-top: 38px !important;
padding-bottom: 38px !important;
}
.px-sm-40 {
padding-right: 40px !important;
padding-left: 40px !important;
}
.py-sm-40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.px-sm-42 {
padding-right: 42px !important;
padding-left: 42px !important;
}
.py-sm-42 {
padding-top: 42px !important;
padding-bottom: 42px !important;
}
.px-sm-44 {
padding-right: 44px !important;
padding-left: 44px !important;
}
.py-sm-44 {
padding-top: 44px !important;
padding-bottom: 44px !important;
}
.px-sm-46 {
padding-right: 46px !important;
padding-left: 46px !important;
}
.py-sm-46 {
padding-top: 46px !important;
padding-bottom: 46px !important;
}
.px-sm-48 {
padding-right: 48px !important;
padding-left: 48px !important;
}
.py-sm-48 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.px-sm-50 {
padding-right: 50px !important;
padding-left: 50px !important;
}
.py-sm-50 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.px-sm-52 {
padding-right: 52px !important;
padding-left: 52px !important;
}
.py-sm-52 {
padding-top: 52px !important;
padding-bottom: 52px !important;
}
.px-sm-54 {
padding-right: 54px !important;
padding-left: 54px !important;
}
.py-sm-54 {
padding-top: 54px !important;
padding-bottom: 54px !important;
}
.px-sm-56 {
padding-right: 56px !important;
padding-left: 56px !important;
}
.py-sm-56 {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.px-sm-58 {
padding-right: 58px !important;
padding-left: 58px !important;
}
.py-sm-58 {
padding-top: 58px !important;
padding-bottom: 58px !important;
}
.px-sm-60 {
padding-right: 60px !important;
padding-left: 60px !important;
}
.py-sm-60 {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.px-sm-62 {
padding-right: 62px !important;
padding-left: 62px !important;
}
.py-sm-62 {
padding-top: 62px !important;
padding-bottom: 62px !important;
}
.px-sm-64 {
padding-right: 64px !important;
padding-left: 64px !important;
}
.py-sm-64 {
padding-top: 64px !important;
padding-bottom: 64px !important;
}
.px-sm-66 {
padding-right: 66px !important;
padding-left: 66px !important;
}
.py-sm-66 {
padding-top: 66px !important;
padding-bottom: 66px !important;
}
.px-sm-68 {
padding-right: 68px !important;
padding-left: 68px !important;
}
.py-sm-68 {
padding-top: 68px !important;
padding-bottom: 68px !important;
}
.px-sm-70 {
padding-right: 70px !important;
padding-left: 70px !important;
}
.py-sm-70 {
padding-top: 70px !important;
padding-bottom: 70px !important;
}
.px-sm-72 {
padding-right: 72px !important;
padding-left: 72px !important;
}
.py-sm-72 {
padding-top: 72px !important;
padding-bottom: 72px !important;
}
.px-sm-74 {
padding-right: 74px !important;
padding-left: 74px !important;
}
.py-sm-74 {
padding-top: 74px !important;
padding-bottom: 74px !important;
}
.px-sm-76 {
padding-right: 76px !important;
padding-left: 76px !important;
}
.py-sm-76 {
padding-top: 76px !important;
padding-bottom: 76px !important;
}
.px-sm-78 {
padding-right: 78px !important;
padding-left: 78px !important;
}
.py-sm-78 {
padding-top: 78px !important;
padding-bottom: 78px !important;
}
.px-sm-80 {
padding-right: 80px !important;
padding-left: 80px !important;
}
.py-sm-80 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.px-sm-82 {
padding-right: 82px !important;
padding-left: 82px !important;
}
.py-sm-82 {
padding-top: 82px !important;
padding-bottom: 82px !important;
}
.px-sm-84 {
padding-right: 84px !important;
padding-left: 84px !important;
}
.py-sm-84 {
padding-top: 84px !important;
padding-bottom: 84px !important;
}
.px-sm-86 {
padding-right: 86px !important;
padding-left: 86px !important;
}
.py-sm-86 {
padding-top: 86px !important;
padding-bottom: 86px !important;
}
.px-sm-88 {
padding-right: 88px !important;
padding-left: 88px !important;
}
.py-sm-88 {
padding-top: 88px !important;
padding-bottom: 88px !important;
}
.px-sm-90 {
padding-right: 90px !important;
padding-left: 90px !important;
}
.py-sm-90 {
padding-top: 90px !important;
padding-bottom: 90px !important;
}
.px-sm-92 {
padding-right: 92px !important;
padding-left: 92px !important;
}
.py-sm-92 {
padding-top: 92px !important;
padding-bottom: 92px !important;
}
.px-sm-94 {
padding-right: 94px !important;
padding-left: 94px !important;
}
.py-sm-94 {
padding-top: 94px !important;
padding-bottom: 94px !important;
}
.px-sm-96 {
padding-right: 96px !important;
padding-left: 96px !important;
}
.py-sm-96 {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
.px-sm-98 {
padding-right: 98px !important;
padding-left: 98px !important;
}
.py-sm-98 {
padding-top: 98px !important;
padding-bottom: 98px !important;
}
.px-sm-100 {
padding-right: 100px !important;
padding-left: 100px !important;
}
.py-sm-100 {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
.px-sm-102 {
padding-right: 102px !important;
padding-left: 102px !important;
}
.py-sm-102 {
padding-top: 102px !important;
padding-bottom: 102px !important;
}
.px-sm-104 {
padding-right: 104px !important;
padding-left: 104px !important;
}
.py-sm-104 {
padding-top: 104px !important;
padding-bottom: 104px !important;
}
.px-sm-106 {
padding-right: 106px !important;
padding-left: 106px !important;
}
.py-sm-106 {
padding-top: 106px !important;
padding-bottom: 106px !important;
}
.px-sm-108 {
padding-right: 108px !important;
padding-left: 108px !important;
}
.py-sm-108 {
padding-top: 108px !important;
padding-bottom: 108px !important;
}
.px-sm-110 {
padding-right: 110px !important;
padding-left: 110px !important;
}
.py-sm-110 {
padding-top: 110px !important;
padding-bottom: 110px !important;
}
.px-sm-112 {
padding-right: 112px !important;
padding-left: 112px !important;
}
.py-sm-112 {
padding-top: 112px !important;
padding-bottom: 112px !important;
}
.px-sm-114 {
padding-right: 114px !important;
padding-left: 114px !important;
}
.py-sm-114 {
padding-top: 114px !important;
padding-bottom: 114px !important;
}
.px-sm-116 {
padding-right: 116px !important;
padding-left: 116px !important;
}
.py-sm-116 {
padding-top: 116px !important;
padding-bottom: 116px !important;
}
.px-sm-118 {
padding-right: 118px !important;
padding-left: 118px !important;
}
.py-sm-118 {
padding-top: 118px !important;
padding-bottom: 118px !important;
}
.px-sm-120 {
padding-right: 120px !important;
padding-left: 120px !important;
}
.py-sm-120 {
padding-top: 120px !important;
padding-bottom: 120px !important;
}
.px-sm-122 {
padding-right: 122px !important;
padding-left: 122px !important;
}
.py-sm-122 {
padding-top: 122px !important;
padding-bottom: 122px !important;
}
.px-sm-124 {
padding-right: 124px !important;
padding-left: 124px !important;
}
.py-sm-124 {
padding-top: 124px !important;
padding-bottom: 124px !important;
}
.px-sm-126 {
padding-right: 126px !important;
padding-left: 126px !important;
}
.py-sm-126 {
padding-top: 126px !important;
padding-bottom: 126px !important;
}
.px-sm-128 {
padding-right: 128px !important;
padding-left: 128px !important;
}
.py-sm-128 {
padding-top: 128px !important;
padding-bottom: 128px !important;
}
.pt-sm-0 {
padding-top: 0px !important;
}
.pr-sm-0 {
padding-right: 0px !important;
}
.pb-sm-0 {
padding-bottom: 0px !important;
}
.pl-sm-0 {
padding-left: 0px !important;
}
.pt-sm-2 {
padding-top: 2px !important;
}
.pr-sm-2 {
padding-right: 2px !important;
}
.pb-sm-2 {
padding-bottom: 2px !important;
}
.pl-sm-2 {
padding-left: 2px !important;
}
.pt-sm-4 {
padding-top: 4px !important;
}
.pr-sm-4 {
padding-right: 4px !important;
}
.pb-sm-4 {
padding-bottom: 4px !important;
}
.pl-sm-4 {
padding-left: 4px !important;
}
.pt-sm-6 {
padding-top: 6px !important;
}
.pr-sm-6 {
padding-right: 6px !important;
}
.pb-sm-6 {
padding-bottom: 6px !important;
}
.pl-sm-6 {
padding-left: 6px !important;
}
.pt-sm-8 {
padding-top: 8px !important;
}
.pr-sm-8 {
padding-right: 8px !important;
}
.pb-sm-8 {
padding-bottom: 8px !important;
}
.pl-sm-8 {
padding-left: 8px !important;
}
.pt-sm-10 {
padding-top: 10px !important;
}
.pr-sm-10 {
padding-right: 10px !important;
}
.pb-sm-10 {
padding-bottom: 10px !important;
}
.pl-sm-10 {
padding-left: 10px !important;
}
.pt-sm-12 {
padding-top: 12px !important;
}
.pr-sm-12 {
padding-right: 12px !important;
}
.pb-sm-12 {
padding-bottom: 12px !important;
}
.pl-sm-12 {
padding-left: 12px !important;
}
.pt-sm-14 {
padding-top: 14px !important;
}
.pr-sm-14 {
padding-right: 14px !important;
}
.pb-sm-14 {
padding-bottom: 14px !important;
}
.pl-sm-14 {
padding-left: 14px !important;
}
.pt-sm-16 {
padding-top: 16px !important;
}
.pr-sm-16 {
padding-right: 16px !important;
}
.pb-sm-16 {
padding-bottom: 16px !important;
}
.pl-sm-16 {
padding-left: 16px !important;
}
.pt-sm-18 {
padding-top: 18px !important;
}
.pr-sm-18 {
padding-right: 18px !important;
}
.pb-sm-18 {
padding-bottom: 18px !important;
}
.pl-sm-18 {
padding-left: 18px !important;
}
.pt-sm-20 {
padding-top: 20px !important;
}
.pr-sm-20 {
padding-right: 20px !important;
}
.pb-sm-20 {
padding-bottom: 20px !important;
}
.pl-sm-20 {
padding-left: 20px !important;
}
.pt-sm-22 {
padding-top: 22px !important;
}
.pr-sm-22 {
padding-right: 22px !important;
}
.pb-sm-22 {
padding-bottom: 22px !important;
}
.pl-sm-22 {
padding-left: 22px !important;
}
.pt-sm-24 {
padding-top: 24px !important;
}
.pr-sm-24 {
padding-right: 24px !important;
}
.pb-sm-24 {
padding-bottom: 24px !important;
}
.pl-sm-24 {
padding-left: 24px !important;
}
.pt-sm-26 {
padding-top: 26px !important;
}
.pr-sm-26 {
padding-right: 26px !important;
}
.pb-sm-26 {
padding-bottom: 26px !important;
}
.pl-sm-26 {
padding-left: 26px !important;
}
.pt-sm-28 {
padding-top: 28px !important;
}
.pr-sm-28 {
padding-right: 28px !important;
}
.pb-sm-28 {
padding-bottom: 28px !important;
}
.pl-sm-28 {
padding-left: 28px !important;
}
.pt-sm-30 {
padding-top: 30px !important;
}
.pr-sm-30 {
padding-right: 30px !important;
}
.pb-sm-30 {
padding-bottom: 30px !important;
}
.pl-sm-30 {
padding-left: 30px !important;
}
.pt-sm-32 {
padding-top: 32px !important;
}
.pr-sm-32 {
padding-right: 32px !important;
}
.pb-sm-32 {
padding-bottom: 32px !important;
}
.pl-sm-32 {
padding-left: 32px !important;
}
.pt-sm-34 {
padding-top: 34px !important;
}
.pr-sm-34 {
padding-right: 34px !important;
}
.pb-sm-34 {
padding-bottom: 34px !important;
}
.pl-sm-34 {
padding-left: 34px !important;
}
.pt-sm-36 {
padding-top: 36px !important;
}
.pr-sm-36 {
padding-right: 36px !important;
}
.pb-sm-36 {
padding-bottom: 36px !important;
}
.pl-sm-36 {
padding-left: 36px !important;
}
.pt-sm-38 {
padding-top: 38px !important;
}
.pr-sm-38 {
padding-right: 38px !important;
}
.pb-sm-38 {
padding-bottom: 38px !important;
}
.pl-sm-38 {
padding-left: 38px !important;
}
.pt-sm-40 {
padding-top: 40px !important;
}
.pr-sm-40 {
padding-right: 40px !important;
}
.pb-sm-40 {
padding-bottom: 40px !important;
}
.pl-sm-40 {
padding-left: 40px !important;
}
.pt-sm-42 {
padding-top: 42px !important;
}
.pr-sm-42 {
padding-right: 42px !important;
}
.pb-sm-42 {
padding-bottom: 42px !important;
}
.pl-sm-42 {
padding-left: 42px !important;
}
.pt-sm-44 {
padding-top: 44px !important;
}
.pr-sm-44 {
padding-right: 44px !important;
}
.pb-sm-44 {
padding-bottom: 44px !important;
}
.pl-sm-44 {
padding-left: 44px !important;
}
.pt-sm-46 {
padding-top: 46px !important;
}
.pr-sm-46 {
padding-right: 46px !important;
}
.pb-sm-46 {
padding-bottom: 46px !important;
}
.pl-sm-46 {
padding-left: 46px !important;
}
.pt-sm-48 {
padding-top: 48px !important;
}
.pr-sm-48 {
padding-right: 48px !important;
}
.pb-sm-48 {
padding-bottom: 48px !important;
}
.pl-sm-48 {
padding-left: 48px !important;
}
.pt-sm-50 {
padding-top: 50px !important;
}
.pr-sm-50 {
padding-right: 50px !important;
}
.pb-sm-50 {
padding-bottom: 50px !important;
}
.pl-sm-50 {
padding-left: 50px !important;
}
.pt-sm-52 {
padding-top: 52px !important;
}
.pr-sm-52 {
padding-right: 52px !important;
}
.pb-sm-52 {
padding-bottom: 52px !important;
}
.pl-sm-52 {
padding-left: 52px !important;
}
.pt-sm-54 {
padding-top: 54px !important;
}
.pr-sm-54 {
padding-right: 54px !important;
}
.pb-sm-54 {
padding-bottom: 54px !important;
}
.pl-sm-54 {
padding-left: 54px !important;
}
.pt-sm-56 {
padding-top: 56px !important;
}
.pr-sm-56 {
padding-right: 56px !important;
}
.pb-sm-56 {
padding-bottom: 56px !important;
}
.pl-sm-56 {
padding-left: 56px !important;
}
.pt-sm-58 {
padding-top: 58px !important;
}
.pr-sm-58 {
padding-right: 58px !important;
}
.pb-sm-58 {
padding-bottom: 58px !important;
}
.pl-sm-58 {
padding-left: 58px !important;
}
.pt-sm-60 {
padding-top: 60px !important;
}
.pr-sm-60 {
padding-right: 60px !important;
}
.pb-sm-60 {
padding-bottom: 60px !important;
}
.pl-sm-60 {
padding-left: 60px !important;
}
.pt-sm-62 {
padding-top: 62px !important;
}
.pr-sm-62 {
padding-right: 62px !important;
}
.pb-sm-62 {
padding-bottom: 62px !important;
}
.pl-sm-62 {
padding-left: 62px !important;
}
.pt-sm-64 {
padding-top: 64px !important;
}
.pr-sm-64 {
padding-right: 64px !important;
}
.pb-sm-64 {
padding-bottom: 64px !important;
}
.pl-sm-64 {
padding-left: 64px !important;
}
.pt-sm-66 {
padding-top: 66px !important;
}
.pr-sm-66 {
padding-right: 66px !important;
}
.pb-sm-66 {
padding-bottom: 66px !important;
}
.pl-sm-66 {
padding-left: 66px !important;
}
.pt-sm-68 {
padding-top: 68px !important;
}
.pr-sm-68 {
padding-right: 68px !important;
}
.pb-sm-68 {
padding-bottom: 68px !important;
}
.pl-sm-68 {
padding-left: 68px !important;
}
.pt-sm-70 {
padding-top: 70px !important;
}
.pr-sm-70 {
padding-right: 70px !important;
}
.pb-sm-70 {
padding-bottom: 70px !important;
}
.pl-sm-70 {
padding-left: 70px !important;
}
.pt-sm-72 {
padding-top: 72px !important;
}
.pr-sm-72 {
padding-right: 72px !important;
}
.pb-sm-72 {
padding-bottom: 72px !important;
}
.pl-sm-72 {
padding-left: 72px !important;
}
.pt-sm-74 {
padding-top: 74px !important;
}
.pr-sm-74 {
padding-right: 74px !important;
}
.pb-sm-74 {
padding-bottom: 74px !important;
}
.pl-sm-74 {
padding-left: 74px !important;
}
.pt-sm-76 {
padding-top: 76px !important;
}
.pr-sm-76 {
padding-right: 76px !important;
}
.pb-sm-76 {
padding-bottom: 76px !important;
}
.pl-sm-76 {
padding-left: 76px !important;
}
.pt-sm-78 {
padding-top: 78px !important;
}
.pr-sm-78 {
padding-right: 78px !important;
}
.pb-sm-78 {
padding-bottom: 78px !important;
}
.pl-sm-78 {
padding-left: 78px !important;
}
.pt-sm-80 {
padding-top: 80px !important;
}
.pr-sm-80 {
padding-right: 80px !important;
}
.pb-sm-80 {
padding-bottom: 80px !important;
}
.pl-sm-80 {
padding-left: 80px !important;
}
.pt-sm-82 {
padding-top: 82px !important;
}
.pr-sm-82 {
padding-right: 82px !important;
}
.pb-sm-82 {
padding-bottom: 82px !important;
}
.pl-sm-82 {
padding-left: 82px !important;
}
.pt-sm-84 {
padding-top: 84px !important;
}
.pr-sm-84 {
padding-right: 84px !important;
}
.pb-sm-84 {
padding-bottom: 84px !important;
}
.pl-sm-84 {
padding-left: 84px !important;
}
.pt-sm-86 {
padding-top: 86px !important;
}
.pr-sm-86 {
padding-right: 86px !important;
}
.pb-sm-86 {
padding-bottom: 86px !important;
}
.pl-sm-86 {
padding-left: 86px !important;
}
.pt-sm-88 {
padding-top: 88px !important;
}
.pr-sm-88 {
padding-right: 88px !important;
}
.pb-sm-88 {
padding-bottom: 88px !important;
}
.pl-sm-88 {
padding-left: 88px !important;
}
.pt-sm-90 {
padding-top: 90px !important;
}
.pr-sm-90 {
padding-right: 90px !important;
}
.pb-sm-90 {
padding-bottom: 90px !important;
}
.pl-sm-90 {
padding-left: 90px !important;
}
.pt-sm-92 {
padding-top: 92px !important;
}
.pr-sm-92 {
padding-right: 92px !important;
}
.pb-sm-92 {
padding-bottom: 92px !important;
}
.pl-sm-92 {
padding-left: 92px !important;
}
.pt-sm-94 {
padding-top: 94px !important;
}
.pr-sm-94 {
padding-right: 94px !important;
}
.pb-sm-94 {
padding-bottom: 94px !important;
}
.pl-sm-94 {
padding-left: 94px !important;
}
.pt-sm-96 {
padding-top: 96px !important;
}
.pr-sm-96 {
padding-right: 96px !important;
}
.pb-sm-96 {
padding-bottom: 96px !important;
}
.pl-sm-96 {
padding-left: 96px !important;
}
.pt-sm-98 {
padding-top: 98px !important;
}
.pr-sm-98 {
padding-right: 98px !important;
}
.pb-sm-98 {
padding-bottom: 98px !important;
}
.pl-sm-98 {
padding-left: 98px !important;
}
.pt-sm-100 {
padding-top: 100px !important;
}
.pr-sm-100 {
padding-right: 100px !important;
}
.pb-sm-100 {
padding-bottom: 100px !important;
}
.pl-sm-100 {
padding-left: 100px !important;
}
.pt-sm-102 {
padding-top: 102px !important;
}
.pr-sm-102 {
padding-right: 102px !important;
}
.pb-sm-102 {
padding-bottom: 102px !important;
}
.pl-sm-102 {
padding-left: 102px !important;
}
.pt-sm-104 {
padding-top: 104px !important;
}
.pr-sm-104 {
padding-right: 104px !important;
}
.pb-sm-104 {
padding-bottom: 104px !important;
}
.pl-sm-104 {
padding-left: 104px !important;
}
.pt-sm-106 {
padding-top: 106px !important;
}
.pr-sm-106 {
padding-right: 106px !important;
}
.pb-sm-106 {
padding-bottom: 106px !important;
}
.pl-sm-106 {
padding-left: 106px !important;
}
.pt-sm-108 {
padding-top: 108px !important;
}
.pr-sm-108 {
padding-right: 108px !important;
}
.pb-sm-108 {
padding-bottom: 108px !important;
}
.pl-sm-108 {
padding-left: 108px !important;
}
.pt-sm-110 {
padding-top: 110px !important;
}
.pr-sm-110 {
padding-right: 110px !important;
}
.pb-sm-110 {
padding-bottom: 110px !important;
}
.pl-sm-110 {
padding-left: 110px !important;
}
.pt-sm-112 {
padding-top: 112px !important;
}
.pr-sm-112 {
padding-right: 112px !important;
}
.pb-sm-112 {
padding-bottom: 112px !important;
}
.pl-sm-112 {
padding-left: 112px !important;
}
.pt-sm-114 {
padding-top: 114px !important;
}
.pr-sm-114 {
padding-right: 114px !important;
}
.pb-sm-114 {
padding-bottom: 114px !important;
}
.pl-sm-114 {
padding-left: 114px !important;
}
.pt-sm-116 {
padding-top: 116px !important;
}
.pr-sm-116 {
padding-right: 116px !important;
}
.pb-sm-116 {
padding-bottom: 116px !important;
}
.pl-sm-116 {
padding-left: 116px !important;
}
.pt-sm-118 {
padding-top: 118px !important;
}
.pr-sm-118 {
padding-right: 118px !important;
}
.pb-sm-118 {
padding-bottom: 118px !important;
}
.pl-sm-118 {
padding-left: 118px !important;
}
.pt-sm-120 {
padding-top: 120px !important;
}
.pr-sm-120 {
padding-right: 120px !important;
}
.pb-sm-120 {
padding-bottom: 120px !important;
}
.pl-sm-120 {
padding-left: 120px !important;
}
.pt-sm-122 {
padding-top: 122px !important;
}
.pr-sm-122 {
padding-right: 122px !important;
}
.pb-sm-122 {
padding-bottom: 122px !important;
}
.pl-sm-122 {
padding-left: 122px !important;
}
.pt-sm-124 {
padding-top: 124px !important;
}
.pr-sm-124 {
padding-right: 124px !important;
}
.pb-sm-124 {
padding-bottom: 124px !important;
}
.pl-sm-124 {
padding-left: 124px !important;
}
.pt-sm-126 {
padding-top: 126px !important;
}
.pr-sm-126 {
padding-right: 126px !important;
}
.pb-sm-126 {
padding-bottom: 126px !important;
}
.pl-sm-126 {
padding-left: 126px !important;
}
.pt-sm-128 {
padding-top: 128px !important;
}
.pr-sm-128 {
padding-right: 128px !important;
}
.pb-sm-128 {
padding-bottom: 128px !important;
}
.pl-sm-128 {
padding-left: 128px !important;
}
}
@media screen and (min-width: 960px) {
.m-md-0 {
margin: 0px !important;
}
.m-md-4 {
margin: 4px !important;
}
.m-md-8 {
margin: 8px !important;
}
.m-md-12 {
margin: 12px !important;
}
.m-md-16 {
margin: 16px !important;
}
.m-md-20 {
margin: 20px !important;
}
.m-md-24 {
margin: 24px !important;
}
.m-md-28 {
margin: 28px !important;
}
.m-md-32 {
margin: 32px !important;
}
.m-md-36 {
margin: 36px !important;
}
.m-md-40 {
margin: 40px !important;
}
.m-md-44 {
margin: 44px !important;
}
.m-md-48 {
margin: 48px !important;
}
.m-md-52 {
margin: 52px !important;
}
.m-md-56 {
margin: 56px !important;
}
.m-md-60 {
margin: 60px !important;
}
.m-md-64 {
margin: 64px !important;
}
.m-md-68 {
margin: 68px !important;
}
.m-md-72 {
margin: 72px !important;
}
.m-md-76 {
margin: 76px !important;
}
.m-md-80 {
margin: 80px !important;
}
.m-md-84 {
margin: 84px !important;
}
.m-md-88 {
margin: 88px !important;
}
.m-md-92 {
margin: 92px !important;
}
.m-md-96 {
margin: 96px !important;
}
.m-md-100 {
margin: 100px !important;
}
.m-md-104 {
margin: 104px !important;
}
.m-md-108 {
margin: 108px !important;
}
.m-md-112 {
margin: 112px !important;
}
.m-md-116 {
margin: 116px !important;
}
.m-md-120 {
margin: 120px !important;
}
.m-md-124 {
margin: 124px !important;
}
.m-md-128 {
margin: 128px !important;
}
.m-md-132 {
margin: 132px !important;
}
.m-md-136 {
margin: 136px !important;
}
.m-md-140 {
margin: 140px !important;
}
.m-md-144 {
margin: 144px !important;
}
.m-md-148 {
margin: 148px !important;
}
.m-md-152 {
margin: 152px !important;
}
.m-md-156 {
margin: 156px !important;
}
.m-md-160 {
margin: 160px !important;
}
.m-md-164 {
margin: 164px !important;
}
.m-md-168 {
margin: 168px !important;
}
.m-md-172 {
margin: 172px !important;
}
.m-md-176 {
margin: 176px !important;
}
.m-md-180 {
margin: 180px !important;
}
.m-md-184 {
margin: 184px !important;
}
.m-md-188 {
margin: 188px !important;
}
.m-md-192 {
margin: 192px !important;
}
.m-md-196 {
margin: 196px !important;
}
.m-md-200 {
margin: 200px !important;
}
.m-md-204 {
margin: 204px !important;
}
.m-md-208 {
margin: 208px !important;
}
.m-md-212 {
margin: 212px !important;
}
.m-md-216 {
margin: 216px !important;
}
.m-md-220 {
margin: 220px !important;
}
.m-md-224 {
margin: 224px !important;
}
.m-md-228 {
margin: 228px !important;
}
.m-md-232 {
margin: 232px !important;
}
.m-md-236 {
margin: 236px !important;
}
.m-md-240 {
margin: 240px !important;
}
.m-md-244 {
margin: 244px !important;
}
.m-md-248 {
margin: 248px !important;
}
.m-md-252 {
margin: 252px !important;
}
.m-md-256 {
margin: 256px !important;
}
.mx-md-0 {
margin-right: 0px !important;
margin-left: 0px !important;
}
.my-md-0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.mx-md-2 {
margin-right: 2px !important;
margin-left: 2px !important;
}
.my-md-2 {
margin-top: 2px !important;
margin-bottom: 2px !important;
}
.mx-md-4 {
margin-right: 4px !important;
margin-left: 4px !important;
}
.my-md-4 {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
.mx-md-6 {
margin-right: 6px !important;
margin-left: 6px !important;
}
.my-md-6 {
margin-top: 6px !important;
margin-bottom: 6px !important;
}
.mx-md-8 {
margin-right: 8px !important;
margin-left: 8px !important;
}
.my-md-8 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.mx-md-10 {
margin-right: 10px !important;
margin-left: 10px !important;
}
.my-md-10 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.mx-md-12 {
margin-right: 12px !important;
margin-left: 12px !important;
}
.my-md-12 {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
.mx-md-14 {
margin-right: 14px !important;
margin-left: 14px !important;
}
.my-md-14 {
margin-top: 14px !important;
margin-bottom: 14px !important;
}
.mx-md-16 {
margin-right: 16px !important;
margin-left: 16px !important;
}
.my-md-16 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.mx-md-18 {
margin-right: 18px !important;
margin-left: 18px !important;
}
.my-md-18 {
margin-top: 18px !important;
margin-bottom: 18px !important;
}
.mx-md-20 {
margin-right: 20px !important;
margin-left: 20px !important;
}
.my-md-20 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.mx-md-22 {
margin-right: 22px !important;
margin-left: 22px !important;
}
.my-md-22 {
margin-top: 22px !important;
margin-bottom: 22px !important;
}
.mx-md-24 {
margin-right: 24px !important;
margin-left: 24px !important;
}
.my-md-24 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.mx-md-26 {
margin-right: 26px !important;
margin-left: 26px !important;
}
.my-md-26 {
margin-top: 26px !important;
margin-bottom: 26px !important;
}
.mx-md-28 {
margin-right: 28px !important;
margin-left: 28px !important;
}
.my-md-28 {
margin-top: 28px !important;
margin-bottom: 28px !important;
}
.mx-md-30 {
margin-right: 30px !important;
margin-left: 30px !important;
}
.my-md-30 {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.mx-md-32 {
margin-right: 32px !important;
margin-left: 32px !important;
}
.my-md-32 {
margin-top: 32px !important;
margin-bottom: 32px !important;
}
.mx-md-34 {
margin-right: 34px !important;
margin-left: 34px !important;
}
.my-md-34 {
margin-top: 34px !important;
margin-bottom: 34px !important;
}
.mx-md-36 {
margin-right: 36px !important;
margin-left: 36px !important;
}
.my-md-36 {
margin-top: 36px !important;
margin-bottom: 36px !important;
}
.mx-md-38 {
margin-right: 38px !important;
margin-left: 38px !important;
}
.my-md-38 {
margin-top: 38px !important;
margin-bottom: 38px !important;
}
.mx-md-40 {
margin-right: 40px !important;
margin-left: 40px !important;
}
.my-md-40 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.mx-md-42 {
margin-right: 42px !important;
margin-left: 42px !important;
}
.my-md-42 {
margin-top: 42px !important;
margin-bottom: 42px !important;
}
.mx-md-44 {
margin-right: 44px !important;
margin-left: 44px !important;
}
.my-md-44 {
margin-top: 44px !important;
margin-bottom: 44px !important;
}
.mx-md-46 {
margin-right: 46px !important;
margin-left: 46px !important;
}
.my-md-46 {
margin-top: 46px !important;
margin-bottom: 46px !important;
}
.mx-md-48 {
margin-right: 48px !important;
margin-left: 48px !important;
}
.my-md-48 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.mx-md-50 {
margin-right: 50px !important;
margin-left: 50px !important;
}
.my-md-50 {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.mx-md-52 {
margin-right: 52px !important;
margin-left: 52px !important;
}
.my-md-52 {
margin-top: 52px !important;
margin-bottom: 52px !important;
}
.mx-md-54 {
margin-right: 54px !important;
margin-left: 54px !important;
}
.my-md-54 {
margin-top: 54px !important;
margin-bottom: 54px !important;
}
.mx-md-56 {
margin-right: 56px !important;
margin-left: 56px !important;
}
.my-md-56 {
margin-top: 56px !important;
margin-bottom: 56px !important;
}
.mx-md-58 {
margin-right: 58px !important;
margin-left: 58px !important;
}
.my-md-58 {
margin-top: 58px !important;
margin-bottom: 58px !important;
}
.mx-md-60 {
margin-right: 60px !important;
margin-left: 60px !important;
}
.my-md-60 {
margin-top: 60px !important;
margin-bottom: 60px !important;
}
.mx-md-62 {
margin-right: 62px !important;
margin-left: 62px !important;
}
.my-md-62 {
margin-top: 62px !important;
margin-bottom: 62px !important;
}
.mx-md-64 {
margin-right: 64px !important;
margin-left: 64px !important;
}
.my-md-64 {
margin-top: 64px !important;
margin-bottom: 64px !important;
}
.mx-md-66 {
margin-right: 66px !important;
margin-left: 66px !important;
}
.my-md-66 {
margin-top: 66px !important;
margin-bottom: 66px !important;
}
.mx-md-68 {
margin-right: 68px !important;
margin-left: 68px !important;
}
.my-md-68 {
margin-top: 68px !important;
margin-bottom: 68px !important;
}
.mx-md-70 {
margin-right: 70px !important;
margin-left: 70px !important;
}
.my-md-70 {
margin-top: 70px !important;
margin-bottom: 70px !important;
}
.mx-md-72 {
margin-right: 72px !important;
margin-left: 72px !important;
}
.my-md-72 {
margin-top: 72px !important;
margin-bottom: 72px !important;
}
.mx-md-74 {
margin-right: 74px !important;
margin-left: 74px !important;
}
.my-md-74 {
margin-top: 74px !important;
margin-bottom: 74px !important;
}
.mx-md-76 {
margin-right: 76px !important;
margin-left: 76px !important;
}
.my-md-76 {
margin-top: 76px !important;
margin-bottom: 76px !important;
}
.mx-md-78 {
margin-right: 78px !important;
margin-left: 78px !important;
}
.my-md-78 {
margin-top: 78px !important;
margin-bottom: 78px !important;
}
.mx-md-80 {
margin-right: 80px !important;
margin-left: 80px !important;
}
.my-md-80 {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
.mx-md-82 {
margin-right: 82px !important;
margin-left: 82px !important;
}
.my-md-82 {
margin-top: 82px !important;
margin-bottom: 82px !important;
}
.mx-md-84 {
margin-right: 84px !important;
margin-left: 84px !important;
}
.my-md-84 {
margin-top: 84px !important;
margin-bottom: 84px !important;
}
.mx-md-86 {
margin-right: 86px !important;
margin-left: 86px !important;
}
.my-md-86 {
margin-top: 86px !important;
margin-bottom: 86px !important;
}
.mx-md-88 {
margin-right: 88px !important;
margin-left: 88px !important;
}
.my-md-88 {
margin-top: 88px !important;
margin-bottom: 88px !important;
}
.mx-md-90 {
margin-right: 90px !important;
margin-left: 90px !important;
}
.my-md-90 {
margin-top: 90px !important;
margin-bottom: 90px !important;
}
.mx-md-92 {
margin-right: 92px !important;
margin-left: 92px !important;
}
.my-md-92 {
margin-top: 92px !important;
margin-bottom: 92px !important;
}
.mx-md-94 {
margin-right: 94px !important;
margin-left: 94px !important;
}
.my-md-94 {
margin-top: 94px !important;
margin-bottom: 94px !important;
}
.mx-md-96 {
margin-right: 96px !important;
margin-left: 96px !important;
}
.my-md-96 {
margin-top: 96px !important;
margin-bottom: 96px !important;
}
.mx-md-98 {
margin-right: 98px !important;
margin-left: 98px !important;
}
.my-md-98 {
margin-top: 98px !important;
margin-bottom: 98px !important;
}
.mx-md-100 {
margin-right: 100px !important;
margin-left: 100px !important;
}
.my-md-100 {
margin-top: 100px !important;
margin-bottom: 100px !important;
}
.mx-md-102 {
margin-right: 102px !important;
margin-left: 102px !important;
}
.my-md-102 {
margin-top: 102px !important;
margin-bottom: 102px !important;
}
.mx-md-104 {
margin-right: 104px !important;
margin-left: 104px !important;
}
.my-md-104 {
margin-top: 104px !important;
margin-bottom: 104px !important;
}
.mx-md-106 {
margin-right: 106px !important;
margin-left: 106px !important;
}
.my-md-106 {
margin-top: 106px !important;
margin-bottom: 106px !important;
}
.mx-md-108 {
margin-right: 108px !important;
margin-left: 108px !important;
}
.my-md-108 {
margin-top: 108px !important;
margin-bottom: 108px !important;
}
.mx-md-110 {
margin-right: 110px !important;
margin-left: 110px !important;
}
.my-md-110 {
margin-top: 110px !important;
margin-bottom: 110px !important;
}
.mx-md-112 {
margin-right: 112px !important;
margin-left: 112px !important;
}
.my-md-112 {
margin-top: 112px !important;
margin-bottom: 112px !important;
}
.mx-md-114 {
margin-right: 114px !important;
margin-left: 114px !important;
}
.my-md-114 {
margin-top: 114px !important;
margin-bottom: 114px !important;
}
.mx-md-116 {
margin-right: 116px !important;
margin-left: 116px !important;
}
.my-md-116 {
margin-top: 116px !important;
margin-bottom: 116px !important;
}
.mx-md-118 {
margin-right: 118px !important;
margin-left: 118px !important;
}
.my-md-118 {
margin-top: 118px !important;
margin-bottom: 118px !important;
}
.mx-md-120 {
margin-right: 120px !important;
margin-left: 120px !important;
}
.my-md-120 {
margin-top: 120px !important;
margin-bottom: 120px !important;
}
.mx-md-122 {
margin-right: 122px !important;
margin-left: 122px !important;
}
.my-md-122 {
margin-top: 122px !important;
margin-bottom: 122px !important;
}
.mx-md-124 {
margin-right: 124px !important;
margin-left: 124px !important;
}
.my-md-124 {
margin-top: 124px !important;
margin-bottom: 124px !important;
}
.mx-md-126 {
margin-right: 126px !important;
margin-left: 126px !important;
}
.my-md-126 {
margin-top: 126px !important;
margin-bottom: 126px !important;
}
.mx-md-128 {
margin-right: 128px !important;
margin-left: 128px !important;
}
.my-md-128 {
margin-top: 128px !important;
margin-bottom: 128px !important;
}
.mt-md-0 {
margin-top: 0px !important;
}
.mr-md-0 {
margin-right: 0px !important;
}
.mb-md-0 {
margin-bottom: 0px !important;
}
.ml-md-0 {
margin-left: 0px !important;
}
.mt-md-2 {
margin-top: 2px !important;
}
.mr-md-2 {
margin-right: 2px !important;
}
.mb-md-2 {
margin-bottom: 2px !important;
}
.ml-md-2 {
margin-left: 2px !important;
}
.mt-md-4 {
margin-top: 4px !important;
}
.mr-md-4 {
margin-right: 4px !important;
}
.mb-md-4 {
margin-bottom: 4px !important;
}
.ml-md-4 {
margin-left: 4px !important;
}
.mt-md-6 {
margin-top: 6px !important;
}
.mr-md-6 {
margin-right: 6px !important;
}
.mb-md-6 {
margin-bottom: 6px !important;
}
.ml-md-6 {
margin-left: 6px !important;
}
.mt-md-8 {
margin-top: 8px !important;
}
.mr-md-8 {
margin-right: 8px !important;
}
.mb-md-8 {
margin-bottom: 8px !important;
}
.ml-md-8 {
margin-left: 8px !important;
}
.mt-md-10 {
margin-top: 10px !important;
}
.mr-md-10 {
margin-right: 10px !important;
}
.mb-md-10 {
margin-bottom: 10px !important;
}
.ml-md-10 {
margin-left: 10px !important;
}
.mt-md-12 {
margin-top: 12px !important;
}
.mr-md-12 {
margin-right: 12px !important;
}
.mb-md-12 {
margin-bottom: 12px !important;
}
.ml-md-12 {
margin-left: 12px !important;
}
.mt-md-14 {
margin-top: 14px !important;
}
.mr-md-14 {
margin-right: 14px !important;
}
.mb-md-14 {
margin-bottom: 14px !important;
}
.ml-md-14 {
margin-left: 14px !important;
}
.mt-md-16 {
margin-top: 16px !important;
}
.mr-md-16 {
margin-right: 16px !important;
}
.mb-md-16 {
margin-bottom: 16px !important;
}
.ml-md-16 {
margin-left: 16px !important;
}
.mt-md-18 {
margin-top: 18px !important;
}
.mr-md-18 {
margin-right: 18px !important;
}
.mb-md-18 {
margin-bottom: 18px !important;
}
.ml-md-18 {
margin-left: 18px !important;
}
.mt-md-20 {
margin-top: 20px !important;
}
.mr-md-20 {
margin-right: 20px !important;
}
.mb-md-20 {
margin-bottom: 20px !important;
}
.ml-md-20 {
margin-left: 20px !important;
}
.mt-md-22 {
margin-top: 22px !important;
}
.mr-md-22 {
margin-right: 22px !important;
}
.mb-md-22 {
margin-bottom: 22px !important;
}
.ml-md-22 {
margin-left: 22px !important;
}
.mt-md-24 {
margin-top: 24px !important;
}
.mr-md-24 {
margin-right: 24px !important;
}
.mb-md-24 {
margin-bottom: 24px !important;
}
.ml-md-24 {
margin-left: 24px !important;
}
.mt-md-26 {
margin-top: 26px !important;
}
.mr-md-26 {
margin-right: 26px !important;
}
.mb-md-26 {
margin-bottom: 26px !important;
}
.ml-md-26 {
margin-left: 26px !important;
}
.mt-md-28 {
margin-top: 28px !important;
}
.mr-md-28 {
margin-right: 28px !important;
}
.mb-md-28 {
margin-bottom: 28px !important;
}
.ml-md-28 {
margin-left: 28px !important;
}
.mt-md-30 {
margin-top: 30px !important;
}
.mr-md-30 {
margin-right: 30px !important;
}
.mb-md-30 {
margin-bottom: 30px !important;
}
.ml-md-30 {
margin-left: 30px !important;
}
.mt-md-32 {
margin-top: 32px !important;
}
.mr-md-32 {
margin-right: 32px !important;
}
.mb-md-32 {
margin-bottom: 32px !important;
}
.ml-md-32 {
margin-left: 32px !important;
}
.mt-md-34 {
margin-top: 34px !important;
}
.mr-md-34 {
margin-right: 34px !important;
}
.mb-md-34 {
margin-bottom: 34px !important;
}
.ml-md-34 {
margin-left: 34px !important;
}
.mt-md-36 {
margin-top: 36px !important;
}
.mr-md-36 {
margin-right: 36px !important;
}
.mb-md-36 {
margin-bottom: 36px !important;
}
.ml-md-36 {
margin-left: 36px !important;
}
.mt-md-38 {
margin-top: 38px !important;
}
.mr-md-38 {
margin-right: 38px !important;
}
.mb-md-38 {
margin-bottom: 38px !important;
}
.ml-md-38 {
margin-left: 38px !important;
}
.mt-md-40 {
margin-top: 40px !important;
}
.mr-md-40 {
margin-right: 40px !important;
}
.mb-md-40 {
margin-bottom: 40px !important;
}
.ml-md-40 {
margin-left: 40px !important;
}
.mt-md-42 {
margin-top: 42px !important;
}
.mr-md-42 {
margin-right: 42px !important;
}
.mb-md-42 {
margin-bottom: 42px !important;
}
.ml-md-42 {
margin-left: 42px !important;
}
.mt-md-44 {
margin-top: 44px !important;
}
.mr-md-44 {
margin-right: 44px !important;
}
.mb-md-44 {
margin-bottom: 44px !important;
}
.ml-md-44 {
margin-left: 44px !important;
}
.mt-md-46 {
margin-top: 46px !important;
}
.mr-md-46 {
margin-right: 46px !important;
}
.mb-md-46 {
margin-bottom: 46px !important;
}
.ml-md-46 {
margin-left: 46px !important;
}
.mt-md-48 {
margin-top: 48px !important;
}
.mr-md-48 {
margin-right: 48px !important;
}
.mb-md-48 {
margin-bottom: 48px !important;
}
.ml-md-48 {
margin-left: 48px !important;
}
.mt-md-50 {
margin-top: 50px !important;
}
.mr-md-50 {
margin-right: 50px !important;
}
.mb-md-50 {
margin-bottom: 50px !important;
}
.ml-md-50 {
margin-left: 50px !important;
}
.mt-md-52 {
margin-top: 52px !important;
}
.mr-md-52 {
margin-right: 52px !important;
}
.mb-md-52 {
margin-bottom: 52px !important;
}
.ml-md-52 {
margin-left: 52px !important;
}
.mt-md-54 {
margin-top: 54px !important;
}
.mr-md-54 {
margin-right: 54px !important;
}
.mb-md-54 {
margin-bottom: 54px !important;
}
.ml-md-54 {
margin-left: 54px !important;
}
.mt-md-56 {
margin-top: 56px !important;
}
.mr-md-56 {
margin-right: 56px !important;
}
.mb-md-56 {
margin-bottom: 56px !important;
}
.ml-md-56 {
margin-left: 56px !important;
}
.mt-md-58 {
margin-top: 58px !important;
}
.mr-md-58 {
margin-right: 58px !important;
}
.mb-md-58 {
margin-bottom: 58px !important;
}
.ml-md-58 {
margin-left: 58px !important;
}
.mt-md-60 {
margin-top: 60px !important;
}
.mr-md-60 {
margin-right: 60px !important;
}
.mb-md-60 {
margin-bottom: 60px !important;
}
.ml-md-60 {
margin-left: 60px !important;
}
.mt-md-62 {
margin-top: 62px !important;
}
.mr-md-62 {
margin-right: 62px !important;
}
.mb-md-62 {
margin-bottom: 62px !important;
}
.ml-md-62 {
margin-left: 62px !important;
}
.mt-md-64 {
margin-top: 64px !important;
}
.mr-md-64 {
margin-right: 64px !important;
}
.mb-md-64 {
margin-bottom: 64px !important;
}
.ml-md-64 {
margin-left: 64px !important;
}
.mt-md-66 {
margin-top: 66px !important;
}
.mr-md-66 {
margin-right: 66px !important;
}
.mb-md-66 {
margin-bottom: 66px !important;
}
.ml-md-66 {
margin-left: 66px !important;
}
.mt-md-68 {
margin-top: 68px !important;
}
.mr-md-68 {
margin-right: 68px !important;
}
.mb-md-68 {
margin-bottom: 68px !important;
}
.ml-md-68 {
margin-left: 68px !important;
}
.mt-md-70 {
margin-top: 70px !important;
}
.mr-md-70 {
margin-right: 70px !important;
}
.mb-md-70 {
margin-bottom: 70px !important;
}
.ml-md-70 {
margin-left: 70px !important;
}
.mt-md-72 {
margin-top: 72px !important;
}
.mr-md-72 {
margin-right: 72px !important;
}
.mb-md-72 {
margin-bottom: 72px !important;
}
.ml-md-72 {
margin-left: 72px !important;
}
.mt-md-74 {
margin-top: 74px !important;
}
.mr-md-74 {
margin-right: 74px !important;
}
.mb-md-74 {
margin-bottom: 74px !important;
}
.ml-md-74 {
margin-left: 74px !important;
}
.mt-md-76 {
margin-top: 76px !important;
}
.mr-md-76 {
margin-right: 76px !important;
}
.mb-md-76 {
margin-bottom: 76px !important;
}
.ml-md-76 {
margin-left: 76px !important;
}
.mt-md-78 {
margin-top: 78px !important;
}
.mr-md-78 {
margin-right: 78px !important;
}
.mb-md-78 {
margin-bottom: 78px !important;
}
.ml-md-78 {
margin-left: 78px !important;
}
.mt-md-80 {
margin-top: 80px !important;
}
.mr-md-80 {
margin-right: 80px !important;
}
.mb-md-80 {
margin-bottom: 80px !important;
}
.ml-md-80 {
margin-left: 80px !important;
}
.mt-md-82 {
margin-top: 82px !important;
}
.mr-md-82 {
margin-right: 82px !important;
}
.mb-md-82 {
margin-bottom: 82px !important;
}
.ml-md-82 {
margin-left: 82px !important;
}
.mt-md-84 {
margin-top: 84px !important;
}
.mr-md-84 {
margin-right: 84px !important;
}
.mb-md-84 {
margin-bottom: 84px !important;
}
.ml-md-84 {
margin-left: 84px !important;
}
.mt-md-86 {
margin-top: 86px !important;
}
.mr-md-86 {
margin-right: 86px !important;
}
.mb-md-86 {
margin-bottom: 86px !important;
}
.ml-md-86 {
margin-left: 86px !important;
}
.mt-md-88 {
margin-top: 88px !important;
}
.mr-md-88 {
margin-right: 88px !important;
}
.mb-md-88 {
margin-bottom: 88px !important;
}
.ml-md-88 {
margin-left: 88px !important;
}
.mt-md-90 {
margin-top: 90px !important;
}
.mr-md-90 {
margin-right: 90px !important;
}
.mb-md-90 {
margin-bottom: 90px !important;
}
.ml-md-90 {
margin-left: 90px !important;
}
.mt-md-92 {
margin-top: 92px !important;
}
.mr-md-92 {
margin-right: 92px !important;
}
.mb-md-92 {
margin-bottom: 92px !important;
}
.ml-md-92 {
margin-left: 92px !important;
}
.mt-md-94 {
margin-top: 94px !important;
}
.mr-md-94 {
margin-right: 94px !important;
}
.mb-md-94 {
margin-bottom: 94px !important;
}
.ml-md-94 {
margin-left: 94px !important;
}
.mt-md-96 {
margin-top: 96px !important;
}
.mr-md-96 {
margin-right: 96px !important;
}
.mb-md-96 {
margin-bottom: 96px !important;
}
.ml-md-96 {
margin-left: 96px !important;
}
.mt-md-98 {
margin-top: 98px !important;
}
.mr-md-98 {
margin-right: 98px !important;
}
.mb-md-98 {
margin-bottom: 98px !important;
}
.ml-md-98 {
margin-left: 98px !important;
}
.mt-md-100 {
margin-top: 100px !important;
}
.mr-md-100 {
margin-right: 100px !important;
}
.mb-md-100 {
margin-bottom: 100px !important;
}
.ml-md-100 {
margin-left: 100px !important;
}
.mt-md-102 {
margin-top: 102px !important;
}
.mr-md-102 {
margin-right: 102px !important;
}
.mb-md-102 {
margin-bottom: 102px !important;
}
.ml-md-102 {
margin-left: 102px !important;
}
.mt-md-104 {
margin-top: 104px !important;
}
.mr-md-104 {
margin-right: 104px !important;
}
.mb-md-104 {
margin-bottom: 104px !important;
}
.ml-md-104 {
margin-left: 104px !important;
}
.mt-md-106 {
margin-top: 106px !important;
}
.mr-md-106 {
margin-right: 106px !important;
}
.mb-md-106 {
margin-bottom: 106px !important;
}
.ml-md-106 {
margin-left: 106px !important;
}
.mt-md-108 {
margin-top: 108px !important;
}
.mr-md-108 {
margin-right: 108px !important;
}
.mb-md-108 {
margin-bottom: 108px !important;
}
.ml-md-108 {
margin-left: 108px !important;
}
.mt-md-110 {
margin-top: 110px !important;
}
.mr-md-110 {
margin-right: 110px !important;
}
.mb-md-110 {
margin-bottom: 110px !important;
}
.ml-md-110 {
margin-left: 110px !important;
}
.mt-md-112 {
margin-top: 112px !important;
}
.mr-md-112 {
margin-right: 112px !important;
}
.mb-md-112 {
margin-bottom: 112px !important;
}
.ml-md-112 {
margin-left: 112px !important;
}
.mt-md-114 {
margin-top: 114px !important;
}
.mr-md-114 {
margin-right: 114px !important;
}
.mb-md-114 {
margin-bottom: 114px !important;
}
.ml-md-114 {
margin-left: 114px !important;
}
.mt-md-116 {
margin-top: 116px !important;
}
.mr-md-116 {
margin-right: 116px !important;
}
.mb-md-116 {
margin-bottom: 116px !important;
}
.ml-md-116 {
margin-left: 116px !important;
}
.mt-md-118 {
margin-top: 118px !important;
}
.mr-md-118 {
margin-right: 118px !important;
}
.mb-md-118 {
margin-bottom: 118px !important;
}
.ml-md-118 {
margin-left: 118px !important;
}
.mt-md-120 {
margin-top: 120px !important;
}
.mr-md-120 {
margin-right: 120px !important;
}
.mb-md-120 {
margin-bottom: 120px !important;
}
.ml-md-120 {
margin-left: 120px !important;
}
.mt-md-122 {
margin-top: 122px !important;
}
.mr-md-122 {
margin-right: 122px !important;
}
.mb-md-122 {
margin-bottom: 122px !important;
}
.ml-md-122 {
margin-left: 122px !important;
}
.mt-md-124 {
margin-top: 124px !important;
}
.mr-md-124 {
margin-right: 124px !important;
}
.mb-md-124 {
margin-bottom: 124px !important;
}
.ml-md-124 {
margin-left: 124px !important;
}
.mt-md-126 {
margin-top: 126px !important;
}
.mr-md-126 {
margin-right: 126px !important;
}
.mb-md-126 {
margin-bottom: 126px !important;
}
.ml-md-126 {
margin-left: 126px !important;
}
.mt-md-128 {
margin-top: 128px !important;
}
.mr-md-128 {
margin-right: 128px !important;
}
.mb-md-128 {
margin-bottom: 128px !important;
}
.ml-md-128 {
margin-left: 128px !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto {
margin-top: auto !important;
}
.mr-md-auto {
margin-right: auto !important;
}
.mb-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto {
margin-left: auto !important;
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.p-md-0 {
padding: 0px !important;
}
.p-md-4 {
padding: 4px !important;
}
.p-md-8 {
padding: 8px !important;
}
.p-md-12 {
padding: 12px !important;
}
.p-md-16 {
padding: 16px !important;
}
.p-md-20 {
padding: 20px !important;
}
.p-md-24 {
padding: 24px !important;
}
.p-md-28 {
padding: 28px !important;
}
.p-md-32 {
padding: 32px !important;
}
.p-md-36 {
padding: 36px !important;
}
.p-md-40 {
padding: 40px !important;
}
.p-md-44 {
padding: 44px !important;
}
.p-md-48 {
padding: 48px !important;
}
.p-md-52 {
padding: 52px !important;
}
.p-md-56 {
padding: 56px !important;
}
.p-md-60 {
padding: 60px !important;
}
.p-md-64 {
padding: 64px !important;
}
.p-md-68 {
padding: 68px !important;
}
.p-md-72 {
padding: 72px !important;
}
.p-md-76 {
padding: 76px !important;
}
.p-md-80 {
padding: 80px !important;
}
.p-md-84 {
padding: 84px !important;
}
.p-md-88 {
padding: 88px !important;
}
.p-md-92 {
padding: 92px !important;
}
.p-md-96 {
padding: 96px !important;
}
.p-md-100 {
padding: 100px !important;
}
.p-md-104 {
padding: 104px !important;
}
.p-md-108 {
padding: 108px !important;
}
.p-md-112 {
padding: 112px !important;
}
.p-md-116 {
padding: 116px !important;
}
.p-md-120 {
padding: 120px !important;
}
.p-md-124 {
padding: 124px !important;
}
.p-md-128 {
padding: 128px !important;
}
.p-md-132 {
padding: 132px !important;
}
.p-md-136 {
padding: 136px !important;
}
.p-md-140 {
padding: 140px !important;
}
.p-md-144 {
padding: 144px !important;
}
.p-md-148 {
padding: 148px !important;
}
.p-md-152 {
padding: 152px !important;
}
.p-md-156 {
padding: 156px !important;
}
.p-md-160 {
padding: 160px !important;
}
.p-md-164 {
padding: 164px !important;
}
.p-md-168 {
padding: 168px !important;
}
.p-md-172 {
padding: 172px !important;
}
.p-md-176 {
padding: 176px !important;
}
.p-md-180 {
padding: 180px !important;
}
.p-md-184 {
padding: 184px !important;
}
.p-md-188 {
padding: 188px !important;
}
.p-md-192 {
padding: 192px !important;
}
.p-md-196 {
padding: 196px !important;
}
.p-md-200 {
padding: 200px !important;
}
.p-md-204 {
padding: 204px !important;
}
.p-md-208 {
padding: 208px !important;
}
.p-md-212 {
padding: 212px !important;
}
.p-md-216 {
padding: 216px !important;
}
.p-md-220 {
padding: 220px !important;
}
.p-md-224 {
padding: 224px !important;
}
.p-md-228 {
padding: 228px !important;
}
.p-md-232 {
padding: 232px !important;
}
.p-md-236 {
padding: 236px !important;
}
.p-md-240 {
padding: 240px !important;
}
.p-md-244 {
padding: 244px !important;
}
.p-md-248 {
padding: 248px !important;
}
.p-md-252 {
padding: 252px !important;
}
.p-md-256 {
padding: 256px !important;
}
.px-md-0 {
padding-right: 0px !important;
padding-left: 0px !important;
}
.py-md-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.px-md-2 {
padding-right: 2px !important;
padding-left: 2px !important;
}
.py-md-2 {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
.px-md-4 {
padding-right: 4px !important;
padding-left: 4px !important;
}
.py-md-4 {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.px-md-6 {
padding-right: 6px !important;
padding-left: 6px !important;
}
.py-md-6 {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
.px-md-8 {
padding-right: 8px !important;
padding-left: 8px !important;
}
.py-md-8 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.px-md-10 {
padding-right: 10px !important;
padding-left: 10px !important;
}
.py-md-10 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.px-md-12 {
padding-right: 12px !important;
padding-left: 12px !important;
}
.py-md-12 {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.px-md-14 {
padding-right: 14px !important;
padding-left: 14px !important;
}
.py-md-14 {
padding-top: 14px !important;
padding-bottom: 14px !important;
}
.px-md-16 {
padding-right: 16px !important;
padding-left: 16px !important;
}
.py-md-16 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.px-md-18 {
padding-right: 18px !important;
padding-left: 18px !important;
}
.py-md-18 {
padding-top: 18px !important;
padding-bottom: 18px !important;
}
.px-md-20 {
padding-right: 20px !important;
padding-left: 20px !important;
}
.py-md-20 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.px-md-22 {
padding-right: 22px !important;
padding-left: 22px !important;
}
.py-md-22 {
padding-top: 22px !important;
padding-bottom: 22px !important;
}
.px-md-24 {
padding-right: 24px !important;
padding-left: 24px !important;
}
.py-md-24 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.px-md-26 {
padding-right: 26px !important;
padding-left: 26px !important;
}
.py-md-26 {
padding-top: 26px !important;
padding-bottom: 26px !important;
}
.px-md-28 {
padding-right: 28px !important;
padding-left: 28px !important;
}
.py-md-28 {
padding-top: 28px !important;
padding-bottom: 28px !important;
}
.px-md-30 {
padding-right: 30px !important;
padding-left: 30px !important;
}
.py-md-30 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.px-md-32 {
padding-right: 32px !important;
padding-left: 32px !important;
}
.py-md-32 {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.px-md-34 {
padding-right: 34px !important;
padding-left: 34px !important;
}
.py-md-34 {
padding-top: 34px !important;
padding-bottom: 34px !important;
}
.px-md-36 {
padding-right: 36px !important;
padding-left: 36px !important;
}
.py-md-36 {
padding-top: 36px !important;
padding-bottom: 36px !important;
}
.px-md-38 {
padding-right: 38px !important;
padding-left: 38px !important;
}
.py-md-38 {
padding-top: 38px !important;
padding-bottom: 38px !important;
}
.px-md-40 {
padding-right: 40px !important;
padding-left: 40px !important;
}
.py-md-40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.px-md-42 {
padding-right: 42px !important;
padding-left: 42px !important;
}
.py-md-42 {
padding-top: 42px !important;
padding-bottom: 42px !important;
}
.px-md-44 {
padding-right: 44px !important;
padding-left: 44px !important;
}
.py-md-44 {
padding-top: 44px !important;
padding-bottom: 44px !important;
}
.px-md-46 {
padding-right: 46px !important;
padding-left: 46px !important;
}
.py-md-46 {
padding-top: 46px !important;
padding-bottom: 46px !important;
}
.px-md-48 {
padding-right: 48px !important;
padding-left: 48px !important;
}
.py-md-48 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.px-md-50 {
padding-right: 50px !important;
padding-left: 50px !important;
}
.py-md-50 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.px-md-52 {
padding-right: 52px !important;
padding-left: 52px !important;
}
.py-md-52 {
padding-top: 52px !important;
padding-bottom: 52px !important;
}
.px-md-54 {
padding-right: 54px !important;
padding-left: 54px !important;
}
.py-md-54 {
padding-top: 54px !important;
padding-bottom: 54px !important;
}
.px-md-56 {
padding-right: 56px !important;
padding-left: 56px !important;
}
.py-md-56 {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.px-md-58 {
padding-right: 58px !important;
padding-left: 58px !important;
}
.py-md-58 {
padding-top: 58px !important;
padding-bottom: 58px !important;
}
.px-md-60 {
padding-right: 60px !important;
padding-left: 60px !important;
}
.py-md-60 {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.px-md-62 {
padding-right: 62px !important;
padding-left: 62px !important;
}
.py-md-62 {
padding-top: 62px !important;
padding-bottom: 62px !important;
}
.px-md-64 {
padding-right: 64px !important;
padding-left: 64px !important;
}
.py-md-64 {
padding-top: 64px !important;
padding-bottom: 64px !important;
}
.px-md-66 {
padding-right: 66px !important;
padding-left: 66px !important;
}
.py-md-66 {
padding-top: 66px !important;
padding-bottom: 66px !important;
}
.px-md-68 {
padding-right: 68px !important;
padding-left: 68px !important;
}
.py-md-68 {
padding-top: 68px !important;
padding-bottom: 68px !important;
}
.px-md-70 {
padding-right: 70px !important;
padding-left: 70px !important;
}
.py-md-70 {
padding-top: 70px !important;
padding-bottom: 70px !important;
}
.px-md-72 {
padding-right: 72px !important;
padding-left: 72px !important;
}
.py-md-72 {
padding-top: 72px !important;
padding-bottom: 72px !important;
}
.px-md-74 {
padding-right: 74px !important;
padding-left: 74px !important;
}
.py-md-74 {
padding-top: 74px !important;
padding-bottom: 74px !important;
}
.px-md-76 {
padding-right: 76px !important;
padding-left: 76px !important;
}
.py-md-76 {
padding-top: 76px !important;
padding-bottom: 76px !important;
}
.px-md-78 {
padding-right: 78px !important;
padding-left: 78px !important;
}
.py-md-78 {
padding-top: 78px !important;
padding-bottom: 78px !important;
}
.px-md-80 {
padding-right: 80px !important;
padding-left: 80px !important;
}
.py-md-80 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.px-md-82 {
padding-right: 82px !important;
padding-left: 82px !important;
}
.py-md-82 {
padding-top: 82px !important;
padding-bottom: 82px !important;
}
.px-md-84 {
padding-right: 84px !important;
padding-left: 84px !important;
}
.py-md-84 {
padding-top: 84px !important;
padding-bottom: 84px !important;
}
.px-md-86 {
padding-right: 86px !important;
padding-left: 86px !important;
}
.py-md-86 {
padding-top: 86px !important;
padding-bottom: 86px !important;
}
.px-md-88 {
padding-right: 88px !important;
padding-left: 88px !important;
}
.py-md-88 {
padding-top: 88px !important;
padding-bottom: 88px !important;
}
.px-md-90 {
padding-right: 90px !important;
padding-left: 90px !important;
}
.py-md-90 {
padding-top: 90px !important;
padding-bottom: 90px !important;
}
.px-md-92 {
padding-right: 92px !important;
padding-left: 92px !important;
}
.py-md-92 {
padding-top: 92px !important;
padding-bottom: 92px !important;
}
.px-md-94 {
padding-right: 94px !important;
padding-left: 94px !important;
}
.py-md-94 {
padding-top: 94px !important;
padding-bottom: 94px !important;
}
.px-md-96 {
padding-right: 96px !important;
padding-left: 96px !important;
}
.py-md-96 {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
.px-md-98 {
padding-right: 98px !important;
padding-left: 98px !important;
}
.py-md-98 {
padding-top: 98px !important;
padding-bottom: 98px !important;
}
.px-md-100 {
padding-right: 100px !important;
padding-left: 100px !important;
}
.py-md-100 {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
.px-md-102 {
padding-right: 102px !important;
padding-left: 102px !important;
}
.py-md-102 {
padding-top: 102px !important;
padding-bottom: 102px !important;
}
.px-md-104 {
padding-right: 104px !important;
padding-left: 104px !important;
}
.py-md-104 {
padding-top: 104px !important;
padding-bottom: 104px !important;
}
.px-md-106 {
padding-right: 106px !important;
padding-left: 106px !important;
}
.py-md-106 {
padding-top: 106px !important;
padding-bottom: 106px !important;
}
.px-md-108 {
padding-right: 108px !important;
padding-left: 108px !important;
}
.py-md-108 {
padding-top: 108px !important;
padding-bottom: 108px !important;
}
.px-md-110 {
padding-right: 110px !important;
padding-left: 110px !important;
}
.py-md-110 {
padding-top: 110px !important;
padding-bottom: 110px !important;
}
.px-md-112 {
padding-right: 112px !important;
padding-left: 112px !important;
}
.py-md-112 {
padding-top: 112px !important;
padding-bottom: 112px !important;
}
.px-md-114 {
padding-right: 114px !important;
padding-left: 114px !important;
}
.py-md-114 {
padding-top: 114px !important;
padding-bottom: 114px !important;
}
.px-md-116 {
padding-right: 116px !important;
padding-left: 116px !important;
}
.py-md-116 {
padding-top: 116px !important;
padding-bottom: 116px !important;
}
.px-md-118 {
padding-right: 118px !important;
padding-left: 118px !important;
}
.py-md-118 {
padding-top: 118px !important;
padding-bottom: 118px !important;
}
.px-md-120 {
padding-right: 120px !important;
padding-left: 120px !important;
}
.py-md-120 {
padding-top: 120px !important;
padding-bottom: 120px !important;
}
.px-md-122 {
padding-right: 122px !important;
padding-left: 122px !important;
}
.py-md-122 {
padding-top: 122px !important;
padding-bottom: 122px !important;
}
.px-md-124 {
padding-right: 124px !important;
padding-left: 124px !important;
}
.py-md-124 {
padding-top: 124px !important;
padding-bottom: 124px !important;
}
.px-md-126 {
padding-right: 126px !important;
padding-left: 126px !important;
}
.py-md-126 {
padding-top: 126px !important;
padding-bottom: 126px !important;
}
.px-md-128 {
padding-right: 128px !important;
padding-left: 128px !important;
}
.py-md-128 {
padding-top: 128px !important;
padding-bottom: 128px !important;
}
.pt-md-0 {
padding-top: 0px !important;
}
.pr-md-0 {
padding-right: 0px !important;
}
.pb-md-0 {
padding-bottom: 0px !important;
}
.pl-md-0 {
padding-left: 0px !important;
}
.pt-md-2 {
padding-top: 2px !important;
}
.pr-md-2 {
padding-right: 2px !important;
}
.pb-md-2 {
padding-bottom: 2px !important;
}
.pl-md-2 {
padding-left: 2px !important;
}
.pt-md-4 {
padding-top: 4px !important;
}
.pr-md-4 {
padding-right: 4px !important;
}
.pb-md-4 {
padding-bottom: 4px !important;
}
.pl-md-4 {
padding-left: 4px !important;
}
.pt-md-6 {
padding-top: 6px !important;
}
.pr-md-6 {
padding-right: 6px !important;
}
.pb-md-6 {
padding-bottom: 6px !important;
}
.pl-md-6 {
padding-left: 6px !important;
}
.pt-md-8 {
padding-top: 8px !important;
}
.pr-md-8 {
padding-right: 8px !important;
}
.pb-md-8 {
padding-bottom: 8px !important;
}
.pl-md-8 {
padding-left: 8px !important;
}
.pt-md-10 {
padding-top: 10px !important;
}
.pr-md-10 {
padding-right: 10px !important;
}
.pb-md-10 {
padding-bottom: 10px !important;
}
.pl-md-10 {
padding-left: 10px !important;
}
.pt-md-12 {
padding-top: 12px !important;
}
.pr-md-12 {
padding-right: 12px !important;
}
.pb-md-12 {
padding-bottom: 12px !important;
}
.pl-md-12 {
padding-left: 12px !important;
}
.pt-md-14 {
padding-top: 14px !important;
}
.pr-md-14 {
padding-right: 14px !important;
}
.pb-md-14 {
padding-bottom: 14px !important;
}
.pl-md-14 {
padding-left: 14px !important;
}
.pt-md-16 {
padding-top: 16px !important;
}
.pr-md-16 {
padding-right: 16px !important;
}
.pb-md-16 {
padding-bottom: 16px !important;
}
.pl-md-16 {
padding-left: 16px !important;
}
.pt-md-18 {
padding-top: 18px !important;
}
.pr-md-18 {
padding-right: 18px !important;
}
.pb-md-18 {
padding-bottom: 18px !important;
}
.pl-md-18 {
padding-left: 18px !important;
}
.pt-md-20 {
padding-top: 20px !important;
}
.pr-md-20 {
padding-right: 20px !important;
}
.pb-md-20 {
padding-bottom: 20px !important;
}
.pl-md-20 {
padding-left: 20px !important;
}
.pt-md-22 {
padding-top: 22px !important;
}
.pr-md-22 {
padding-right: 22px !important;
}
.pb-md-22 {
padding-bottom: 22px !important;
}
.pl-md-22 {
padding-left: 22px !important;
}
.pt-md-24 {
padding-top: 24px !important;
}
.pr-md-24 {
padding-right: 24px !important;
}
.pb-md-24 {
padding-bottom: 24px !important;
}
.pl-md-24 {
padding-left: 24px !important;
}
.pt-md-26 {
padding-top: 26px !important;
}
.pr-md-26 {
padding-right: 26px !important;
}
.pb-md-26 {
padding-bottom: 26px !important;
}
.pl-md-26 {
padding-left: 26px !important;
}
.pt-md-28 {
padding-top: 28px !important;
}
.pr-md-28 {
padding-right: 28px !important;
}
.pb-md-28 {
padding-bottom: 28px !important;
}
.pl-md-28 {
padding-left: 28px !important;
}
.pt-md-30 {
padding-top: 30px !important;
}
.pr-md-30 {
padding-right: 30px !important;
}
.pb-md-30 {
padding-bottom: 30px !important;
}
.pl-md-30 {
padding-left: 30px !important;
}
.pt-md-32 {
padding-top: 32px !important;
}
.pr-md-32 {
padding-right: 32px !important;
}
.pb-md-32 {
padding-bottom: 32px !important;
}
.pl-md-32 {
padding-left: 32px !important;
}
.pt-md-34 {
padding-top: 34px !important;
}
.pr-md-34 {
padding-right: 34px !important;
}
.pb-md-34 {
padding-bottom: 34px !important;
}
.pl-md-34 {
padding-left: 34px !important;
}
.pt-md-36 {
padding-top: 36px !important;
}
.pr-md-36 {
padding-right: 36px !important;
}
.pb-md-36 {
padding-bottom: 36px !important;
}
.pl-md-36 {
padding-left: 36px !important;
}
.pt-md-38 {
padding-top: 38px !important;
}
.pr-md-38 {
padding-right: 38px !important;
}
.pb-md-38 {
padding-bottom: 38px !important;
}
.pl-md-38 {
padding-left: 38px !important;
}
.pt-md-40 {
padding-top: 40px !important;
}
.pr-md-40 {
padding-right: 40px !important;
}
.pb-md-40 {
padding-bottom: 40px !important;
}
.pl-md-40 {
padding-left: 40px !important;
}
.pt-md-42 {
padding-top: 42px !important;
}
.pr-md-42 {
padding-right: 42px !important;
}
.pb-md-42 {
padding-bottom: 42px !important;
}
.pl-md-42 {
padding-left: 42px !important;
}
.pt-md-44 {
padding-top: 44px !important;
}
.pr-md-44 {
padding-right: 44px !important;
}
.pb-md-44 {
padding-bottom: 44px !important;
}
.pl-md-44 {
padding-left: 44px !important;
}
.pt-md-46 {
padding-top: 46px !important;
}
.pr-md-46 {
padding-right: 46px !important;
}
.pb-md-46 {
padding-bottom: 46px !important;
}
.pl-md-46 {
padding-left: 46px !important;
}
.pt-md-48 {
padding-top: 48px !important;
}
.pr-md-48 {
padding-right: 48px !important;
}
.pb-md-48 {
padding-bottom: 48px !important;
}
.pl-md-48 {
padding-left: 48px !important;
}
.pt-md-50 {
padding-top: 50px !important;
}
.pr-md-50 {
padding-right: 50px !important;
}
.pb-md-50 {
padding-bottom: 50px !important;
}
.pl-md-50 {
padding-left: 50px !important;
}
.pt-md-52 {
padding-top: 52px !important;
}
.pr-md-52 {
padding-right: 52px !important;
}
.pb-md-52 {
padding-bottom: 52px !important;
}
.pl-md-52 {
padding-left: 52px !important;
}
.pt-md-54 {
padding-top: 54px !important;
}
.pr-md-54 {
padding-right: 54px !important;
}
.pb-md-54 {
padding-bottom: 54px !important;
}
.pl-md-54 {
padding-left: 54px !important;
}
.pt-md-56 {
padding-top: 56px !important;
}
.pr-md-56 {
padding-right: 56px !important;
}
.pb-md-56 {
padding-bottom: 56px !important;
}
.pl-md-56 {
padding-left: 56px !important;
}
.pt-md-58 {
padding-top: 58px !important;
}
.pr-md-58 {
padding-right: 58px !important;
}
.pb-md-58 {
padding-bottom: 58px !important;
}
.pl-md-58 {
padding-left: 58px !important;
}
.pt-md-60 {
padding-top: 60px !important;
}
.pr-md-60 {
padding-right: 60px !important;
}
.pb-md-60 {
padding-bottom: 60px !important;
}
.pl-md-60 {
padding-left: 60px !important;
}
.pt-md-62 {
padding-top: 62px !important;
}
.pr-md-62 {
padding-right: 62px !important;
}
.pb-md-62 {
padding-bottom: 62px !important;
}
.pl-md-62 {
padding-left: 62px !important;
}
.pt-md-64 {
padding-top: 64px !important;
}
.pr-md-64 {
padding-right: 64px !important;
}
.pb-md-64 {
padding-bottom: 64px !important;
}
.pl-md-64 {
padding-left: 64px !important;
}
.pt-md-66 {
padding-top: 66px !important;
}
.pr-md-66 {
padding-right: 66px !important;
}
.pb-md-66 {
padding-bottom: 66px !important;
}
.pl-md-66 {
padding-left: 66px !important;
}
.pt-md-68 {
padding-top: 68px !important;
}
.pr-md-68 {
padding-right: 68px !important;
}
.pb-md-68 {
padding-bottom: 68px !important;
}
.pl-md-68 {
padding-left: 68px !important;
}
.pt-md-70 {
padding-top: 70px !important;
}
.pr-md-70 {
padding-right: 70px !important;
}
.pb-md-70 {
padding-bottom: 70px !important;
}
.pl-md-70 {
padding-left: 70px !important;
}
.pt-md-72 {
padding-top: 72px !important;
}
.pr-md-72 {
padding-right: 72px !important;
}
.pb-md-72 {
padding-bottom: 72px !important;
}
.pl-md-72 {
padding-left: 72px !important;
}
.pt-md-74 {
padding-top: 74px !important;
}
.pr-md-74 {
padding-right: 74px !important;
}
.pb-md-74 {
padding-bottom: 74px !important;
}
.pl-md-74 {
padding-left: 74px !important;
}
.pt-md-76 {
padding-top: 76px !important;
}
.pr-md-76 {
padding-right: 76px !important;
}
.pb-md-76 {
padding-bottom: 76px !important;
}
.pl-md-76 {
padding-left: 76px !important;
}
.pt-md-78 {
padding-top: 78px !important;
}
.pr-md-78 {
padding-right: 78px !important;
}
.pb-md-78 {
padding-bottom: 78px !important;
}
.pl-md-78 {
padding-left: 78px !important;
}
.pt-md-80 {
padding-top: 80px !important;
}
.pr-md-80 {
padding-right: 80px !important;
}
.pb-md-80 {
padding-bottom: 80px !important;
}
.pl-md-80 {
padding-left: 80px !important;
}
.pt-md-82 {
padding-top: 82px !important;
}
.pr-md-82 {
padding-right: 82px !important;
}
.pb-md-82 {
padding-bottom: 82px !important;
}
.pl-md-82 {
padding-left: 82px !important;
}
.pt-md-84 {
padding-top: 84px !important;
}
.pr-md-84 {
padding-right: 84px !important;
}
.pb-md-84 {
padding-bottom: 84px !important;
}
.pl-md-84 {
padding-left: 84px !important;
}
.pt-md-86 {
padding-top: 86px !important;
}
.pr-md-86 {
padding-right: 86px !important;
}
.pb-md-86 {
padding-bottom: 86px !important;
}
.pl-md-86 {
padding-left: 86px !important;
}
.pt-md-88 {
padding-top: 88px !important;
}
.pr-md-88 {
padding-right: 88px !important;
}
.pb-md-88 {
padding-bottom: 88px !important;
}
.pl-md-88 {
padding-left: 88px !important;
}
.pt-md-90 {
padding-top: 90px !important;
}
.pr-md-90 {
padding-right: 90px !important;
}
.pb-md-90 {
padding-bottom: 90px !important;
}
.pl-md-90 {
padding-left: 90px !important;
}
.pt-md-92 {
padding-top: 92px !important;
}
.pr-md-92 {
padding-right: 92px !important;
}
.pb-md-92 {
padding-bottom: 92px !important;
}
.pl-md-92 {
padding-left: 92px !important;
}
.pt-md-94 {
padding-top: 94px !important;
}
.pr-md-94 {
padding-right: 94px !important;
}
.pb-md-94 {
padding-bottom: 94px !important;
}
.pl-md-94 {
padding-left: 94px !important;
}
.pt-md-96 {
padding-top: 96px !important;
}
.pr-md-96 {
padding-right: 96px !important;
}
.pb-md-96 {
padding-bottom: 96px !important;
}
.pl-md-96 {
padding-left: 96px !important;
}
.pt-md-98 {
padding-top: 98px !important;
}
.pr-md-98 {
padding-right: 98px !important;
}
.pb-md-98 {
padding-bottom: 98px !important;
}
.pl-md-98 {
padding-left: 98px !important;
}
.pt-md-100 {
padding-top: 100px !important;
}
.pr-md-100 {
padding-right: 100px !important;
}
.pb-md-100 {
padding-bottom: 100px !important;
}
.pl-md-100 {
padding-left: 100px !important;
}
.pt-md-102 {
padding-top: 102px !important;
}
.pr-md-102 {
padding-right: 102px !important;
}
.pb-md-102 {
padding-bottom: 102px !important;
}
.pl-md-102 {
padding-left: 102px !important;
}
.pt-md-104 {
padding-top: 104px !important;
}
.pr-md-104 {
padding-right: 104px !important;
}
.pb-md-104 {
padding-bottom: 104px !important;
}
.pl-md-104 {
padding-left: 104px !important;
}
.pt-md-106 {
padding-top: 106px !important;
}
.pr-md-106 {
padding-right: 106px !important;
}
.pb-md-106 {
padding-bottom: 106px !important;
}
.pl-md-106 {
padding-left: 106px !important;
}
.pt-md-108 {
padding-top: 108px !important;
}
.pr-md-108 {
padding-right: 108px !important;
}
.pb-md-108 {
padding-bottom: 108px !important;
}
.pl-md-108 {
padding-left: 108px !important;
}
.pt-md-110 {
padding-top: 110px !important;
}
.pr-md-110 {
padding-right: 110px !important;
}
.pb-md-110 {
padding-bottom: 110px !important;
}
.pl-md-110 {
padding-left: 110px !important;
}
.pt-md-112 {
padding-top: 112px !important;
}
.pr-md-112 {
padding-right: 112px !important;
}
.pb-md-112 {
padding-bottom: 112px !important;
}
.pl-md-112 {
padding-left: 112px !important;
}
.pt-md-114 {
padding-top: 114px !important;
}
.pr-md-114 {
padding-right: 114px !important;
}
.pb-md-114 {
padding-bottom: 114px !important;
}
.pl-md-114 {
padding-left: 114px !important;
}
.pt-md-116 {
padding-top: 116px !important;
}
.pr-md-116 {
padding-right: 116px !important;
}
.pb-md-116 {
padding-bottom: 116px !important;
}
.pl-md-116 {
padding-left: 116px !important;
}
.pt-md-118 {
padding-top: 118px !important;
}
.pr-md-118 {
padding-right: 118px !important;
}
.pb-md-118 {
padding-bottom: 118px !important;
}
.pl-md-118 {
padding-left: 118px !important;
}
.pt-md-120 {
padding-top: 120px !important;
}
.pr-md-120 {
padding-right: 120px !important;
}
.pb-md-120 {
padding-bottom: 120px !important;
}
.pl-md-120 {
padding-left: 120px !important;
}
.pt-md-122 {
padding-top: 122px !important;
}
.pr-md-122 {
padding-right: 122px !important;
}
.pb-md-122 {
padding-bottom: 122px !important;
}
.pl-md-122 {
padding-left: 122px !important;
}
.pt-md-124 {
padding-top: 124px !important;
}
.pr-md-124 {
padding-right: 124px !important;
}
.pb-md-124 {
padding-bottom: 124px !important;
}
.pl-md-124 {
padding-left: 124px !important;
}
.pt-md-126 {
padding-top: 126px !important;
}
.pr-md-126 {
padding-right: 126px !important;
}
.pb-md-126 {
padding-bottom: 126px !important;
}
.pl-md-126 {
padding-left: 126px !important;
}
.pt-md-128 {
padding-top: 128px !important;
}
.pr-md-128 {
padding-right: 128px !important;
}
.pb-md-128 {
padding-bottom: 128px !important;
}
.pl-md-128 {
padding-left: 128px !important;
}
}
@media screen and (min-width: 1280px) {
.m-lg-0 {
margin: 0px !important;
}
.m-lg-4 {
margin: 4px !important;
}
.m-lg-8 {
margin: 8px !important;
}
.m-lg-12 {
margin: 12px !important;
}
.m-lg-16 {
margin: 16px !important;
}
.m-lg-20 {
margin: 20px !important;
}
.m-lg-24 {
margin: 24px !important;
}
.m-lg-28 {
margin: 28px !important;
}
.m-lg-32 {
margin: 32px !important;
}
.m-lg-36 {
margin: 36px !important;
}
.m-lg-40 {
margin: 40px !important;
}
.m-lg-44 {
margin: 44px !important;
}
.m-lg-48 {
margin: 48px !important;
}
.m-lg-52 {
margin: 52px !important;
}
.m-lg-56 {
margin: 56px !important;
}
.m-lg-60 {
margin: 60px !important;
}
.m-lg-64 {
margin: 64px !important;
}
.m-lg-68 {
margin: 68px !important;
}
.m-lg-72 {
margin: 72px !important;
}
.m-lg-76 {
margin: 76px !important;
}
.m-lg-80 {
margin: 80px !important;
}
.m-lg-84 {
margin: 84px !important;
}
.m-lg-88 {
margin: 88px !important;
}
.m-lg-92 {
margin: 92px !important;
}
.m-lg-96 {
margin: 96px !important;
}
.m-lg-100 {
margin: 100px !important;
}
.m-lg-104 {
margin: 104px !important;
}
.m-lg-108 {
margin: 108px !important;
}
.m-lg-112 {
margin: 112px !important;
}
.m-lg-116 {
margin: 116px !important;
}
.m-lg-120 {
margin: 120px !important;
}
.m-lg-124 {
margin: 124px !important;
}
.m-lg-128 {
margin: 128px !important;
}
.m-lg-132 {
margin: 132px !important;
}
.m-lg-136 {
margin: 136px !important;
}
.m-lg-140 {
margin: 140px !important;
}
.m-lg-144 {
margin: 144px !important;
}
.m-lg-148 {
margin: 148px !important;
}
.m-lg-152 {
margin: 152px !important;
}
.m-lg-156 {
margin: 156px !important;
}
.m-lg-160 {
margin: 160px !important;
}
.m-lg-164 {
margin: 164px !important;
}
.m-lg-168 {
margin: 168px !important;
}
.m-lg-172 {
margin: 172px !important;
}
.m-lg-176 {
margin: 176px !important;
}
.m-lg-180 {
margin: 180px !important;
}
.m-lg-184 {
margin: 184px !important;
}
.m-lg-188 {
margin: 188px !important;
}
.m-lg-192 {
margin: 192px !important;
}
.m-lg-196 {
margin: 196px !important;
}
.m-lg-200 {
margin: 200px !important;
}
.m-lg-204 {
margin: 204px !important;
}
.m-lg-208 {
margin: 208px !important;
}
.m-lg-212 {
margin: 212px !important;
}
.m-lg-216 {
margin: 216px !important;
}
.m-lg-220 {
margin: 220px !important;
}
.m-lg-224 {
margin: 224px !important;
}
.m-lg-228 {
margin: 228px !important;
}
.m-lg-232 {
margin: 232px !important;
}
.m-lg-236 {
margin: 236px !important;
}
.m-lg-240 {
margin: 240px !important;
}
.m-lg-244 {
margin: 244px !important;
}
.m-lg-248 {
margin: 248px !important;
}
.m-lg-252 {
margin: 252px !important;
}
.m-lg-256 {
margin: 256px !important;
}
.mx-lg-0 {
margin-right: 0px !important;
margin-left: 0px !important;
}
.my-lg-0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.mx-lg-2 {
margin-right: 2px !important;
margin-left: 2px !important;
}
.my-lg-2 {
margin-top: 2px !important;
margin-bottom: 2px !important;
}
.mx-lg-4 {
margin-right: 4px !important;
margin-left: 4px !important;
}
.my-lg-4 {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
.mx-lg-6 {
margin-right: 6px !important;
margin-left: 6px !important;
}
.my-lg-6 {
margin-top: 6px !important;
margin-bottom: 6px !important;
}
.mx-lg-8 {
margin-right: 8px !important;
margin-left: 8px !important;
}
.my-lg-8 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.mx-lg-10 {
margin-right: 10px !important;
margin-left: 10px !important;
}
.my-lg-10 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.mx-lg-12 {
margin-right: 12px !important;
margin-left: 12px !important;
}
.my-lg-12 {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
.mx-lg-14 {
margin-right: 14px !important;
margin-left: 14px !important;
}
.my-lg-14 {
margin-top: 14px !important;
margin-bottom: 14px !important;
}
.mx-lg-16 {
margin-right: 16px !important;
margin-left: 16px !important;
}
.my-lg-16 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.mx-lg-18 {
margin-right: 18px !important;
margin-left: 18px !important;
}
.my-lg-18 {
margin-top: 18px !important;
margin-bottom: 18px !important;
}
.mx-lg-20 {
margin-right: 20px !important;
margin-left: 20px !important;
}
.my-lg-20 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.mx-lg-22 {
margin-right: 22px !important;
margin-left: 22px !important;
}
.my-lg-22 {
margin-top: 22px !important;
margin-bottom: 22px !important;
}
.mx-lg-24 {
margin-right: 24px !important;
margin-left: 24px !important;
}
.my-lg-24 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.mx-lg-26 {
margin-right: 26px !important;
margin-left: 26px !important;
}
.my-lg-26 {
margin-top: 26px !important;
margin-bottom: 26px !important;
}
.mx-lg-28 {
margin-right: 28px !important;
margin-left: 28px !important;
}
.my-lg-28 {
margin-top: 28px !important;
margin-bottom: 28px !important;
}
.mx-lg-30 {
margin-right: 30px !important;
margin-left: 30px !important;
}
.my-lg-30 {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.mx-lg-32 {
margin-right: 32px !important;
margin-left: 32px !important;
}
.my-lg-32 {
margin-top: 32px !important;
margin-bottom: 32px !important;
}
.mx-lg-34 {
margin-right: 34px !important;
margin-left: 34px !important;
}
.my-lg-34 {
margin-top: 34px !important;
margin-bottom: 34px !important;
}
.mx-lg-36 {
margin-right: 36px !important;
margin-left: 36px !important;
}
.my-lg-36 {
margin-top: 36px !important;
margin-bottom: 36px !important;
}
.mx-lg-38 {
margin-right: 38px !important;
margin-left: 38px !important;
}
.my-lg-38 {
margin-top: 38px !important;
margin-bottom: 38px !important;
}
.mx-lg-40 {
margin-right: 40px !important;
margin-left: 40px !important;
}
.my-lg-40 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.mx-lg-42 {
margin-right: 42px !important;
margin-left: 42px !important;
}
.my-lg-42 {
margin-top: 42px !important;
margin-bottom: 42px !important;
}
.mx-lg-44 {
margin-right: 44px !important;
margin-left: 44px !important;
}
.my-lg-44 {
margin-top: 44px !important;
margin-bottom: 44px !important;
}
.mx-lg-46 {
margin-right: 46px !important;
margin-left: 46px !important;
}
.my-lg-46 {
margin-top: 46px !important;
margin-bottom: 46px !important;
}
.mx-lg-48 {
margin-right: 48px !important;
margin-left: 48px !important;
}
.my-lg-48 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.mx-lg-50 {
margin-right: 50px !important;
margin-left: 50px !important;
}
.my-lg-50 {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.mx-lg-52 {
margin-right: 52px !important;
margin-left: 52px !important;
}
.my-lg-52 {
margin-top: 52px !important;
margin-bottom: 52px !important;
}
.mx-lg-54 {
margin-right: 54px !important;
margin-left: 54px !important;
}
.my-lg-54 {
margin-top: 54px !important;
margin-bottom: 54px !important;
}
.mx-lg-56 {
margin-right: 56px !important;
margin-left: 56px !important;
}
.my-lg-56 {
margin-top: 56px !important;
margin-bottom: 56px !important;
}
.mx-lg-58 {
margin-right: 58px !important;
margin-left: 58px !important;
}
.my-lg-58 {
margin-top: 58px !important;
margin-bottom: 58px !important;
}
.mx-lg-60 {
margin-right: 60px !important;
margin-left: 60px !important;
}
.my-lg-60 {
margin-top: 60px !important;
margin-bottom: 60px !important;
}
.mx-lg-62 {
margin-right: 62px !important;
margin-left: 62px !important;
}
.my-lg-62 {
margin-top: 62px !important;
margin-bottom: 62px !important;
}
.mx-lg-64 {
margin-right: 64px !important;
margin-left: 64px !important;
}
.my-lg-64 {
margin-top: 64px !important;
margin-bottom: 64px !important;
}
.mx-lg-66 {
margin-right: 66px !important;
margin-left: 66px !important;
}
.my-lg-66 {
margin-top: 66px !important;
margin-bottom: 66px !important;
}
.mx-lg-68 {
margin-right: 68px !important;
margin-left: 68px !important;
}
.my-lg-68 {
margin-top: 68px !important;
margin-bottom: 68px !important;
}
.mx-lg-70 {
margin-right: 70px !important;
margin-left: 70px !important;
}
.my-lg-70 {
margin-top: 70px !important;
margin-bottom: 70px !important;
}
.mx-lg-72 {
margin-right: 72px !important;
margin-left: 72px !important;
}
.my-lg-72 {
margin-top: 72px !important;
margin-bottom: 72px !important;
}
.mx-lg-74 {
margin-right: 74px !important;
margin-left: 74px !important;
}
.my-lg-74 {
margin-top: 74px !important;
margin-bottom: 74px !important;
}
.mx-lg-76 {
margin-right: 76px !important;
margin-left: 76px !important;
}
.my-lg-76 {
margin-top: 76px !important;
margin-bottom: 76px !important;
}
.mx-lg-78 {
margin-right: 78px !important;
margin-left: 78px !important;
}
.my-lg-78 {
margin-top: 78px !important;
margin-bottom: 78px !important;
}
.mx-lg-80 {
margin-right: 80px !important;
margin-left: 80px !important;
}
.my-lg-80 {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
.mx-lg-82 {
margin-right: 82px !important;
margin-left: 82px !important;
}
.my-lg-82 {
margin-top: 82px !important;
margin-bottom: 82px !important;
}
.mx-lg-84 {
margin-right: 84px !important;
margin-left: 84px !important;
}
.my-lg-84 {
margin-top: 84px !important;
margin-bottom: 84px !important;
}
.mx-lg-86 {
margin-right: 86px !important;
margin-left: 86px !important;
}
.my-lg-86 {
margin-top: 86px !important;
margin-bottom: 86px !important;
}
.mx-lg-88 {
margin-right: 88px !important;
margin-left: 88px !important;
}
.my-lg-88 {
margin-top: 88px !important;
margin-bottom: 88px !important;
}
.mx-lg-90 {
margin-right: 90px !important;
margin-left: 90px !important;
}
.my-lg-90 {
margin-top: 90px !important;
margin-bottom: 90px !important;
}
.mx-lg-92 {
margin-right: 92px !important;
margin-left: 92px !important;
}
.my-lg-92 {
margin-top: 92px !important;
margin-bottom: 92px !important;
}
.mx-lg-94 {
margin-right: 94px !important;
margin-left: 94px !important;
}
.my-lg-94 {
margin-top: 94px !important;
margin-bottom: 94px !important;
}
.mx-lg-96 {
margin-right: 96px !important;
margin-left: 96px !important;
}
.my-lg-96 {
margin-top: 96px !important;
margin-bottom: 96px !important;
}
.mx-lg-98 {
margin-right: 98px !important;
margin-left: 98px !important;
}
.my-lg-98 {
margin-top: 98px !important;
margin-bottom: 98px !important;
}
.mx-lg-100 {
margin-right: 100px !important;
margin-left: 100px !important;
}
.my-lg-100 {
margin-top: 100px !important;
margin-bottom: 100px !important;
}
.mx-lg-102 {
margin-right: 102px !important;
margin-left: 102px !important;
}
.my-lg-102 {
margin-top: 102px !important;
margin-bottom: 102px !important;
}
.mx-lg-104 {
margin-right: 104px !important;
margin-left: 104px !important;
}
.my-lg-104 {
margin-top: 104px !important;
margin-bottom: 104px !important;
}
.mx-lg-106 {
margin-right: 106px !important;
margin-left: 106px !important;
}
.my-lg-106 {
margin-top: 106px !important;
margin-bottom: 106px !important;
}
.mx-lg-108 {
margin-right: 108px !important;
margin-left: 108px !important;
}
.my-lg-108 {
margin-top: 108px !important;
margin-bottom: 108px !important;
}
.mx-lg-110 {
margin-right: 110px !important;
margin-left: 110px !important;
}
.my-lg-110 {
margin-top: 110px !important;
margin-bottom: 110px !important;
}
.mx-lg-112 {
margin-right: 112px !important;
margin-left: 112px !important;
}
.my-lg-112 {
margin-top: 112px !important;
margin-bottom: 112px !important;
}
.mx-lg-114 {
margin-right: 114px !important;
margin-left: 114px !important;
}
.my-lg-114 {
margin-top: 114px !important;
margin-bottom: 114px !important;
}
.mx-lg-116 {
margin-right: 116px !important;
margin-left: 116px !important;
}
.my-lg-116 {
margin-top: 116px !important;
margin-bottom: 116px !important;
}
.mx-lg-118 {
margin-right: 118px !important;
margin-left: 118px !important;
}
.my-lg-118 {
margin-top: 118px !important;
margin-bottom: 118px !important;
}
.mx-lg-120 {
margin-right: 120px !important;
margin-left: 120px !important;
}
.my-lg-120 {
margin-top: 120px !important;
margin-bottom: 120px !important;
}
.mx-lg-122 {
margin-right: 122px !important;
margin-left: 122px !important;
}
.my-lg-122 {
margin-top: 122px !important;
margin-bottom: 122px !important;
}
.mx-lg-124 {
margin-right: 124px !important;
margin-left: 124px !important;
}
.my-lg-124 {
margin-top: 124px !important;
margin-bottom: 124px !important;
}
.mx-lg-126 {
margin-right: 126px !important;
margin-left: 126px !important;
}
.my-lg-126 {
margin-top: 126px !important;
margin-bottom: 126px !important;
}
.mx-lg-128 {
margin-right: 128px !important;
margin-left: 128px !important;
}
.my-lg-128 {
margin-top: 128px !important;
margin-bottom: 128px !important;
}
.mt-lg-0 {
margin-top: 0px !important;
}
.mr-lg-0 {
margin-right: 0px !important;
}
.mb-lg-0 {
margin-bottom: 0px !important;
}
.ml-lg-0 {
margin-left: 0px !important;
}
.mt-lg-2 {
margin-top: 2px !important;
}
.mr-lg-2 {
margin-right: 2px !important;
}
.mb-lg-2 {
margin-bottom: 2px !important;
}
.ml-lg-2 {
margin-left: 2px !important;
}
.mt-lg-4 {
margin-top: 4px !important;
}
.mr-lg-4 {
margin-right: 4px !important;
}
.mb-lg-4 {
margin-bottom: 4px !important;
}
.ml-lg-4 {
margin-left: 4px !important;
}
.mt-lg-6 {
margin-top: 6px !important;
}
.mr-lg-6 {
margin-right: 6px !important;
}
.mb-lg-6 {
margin-bottom: 6px !important;
}
.ml-lg-6 {
margin-left: 6px !important;
}
.mt-lg-8 {
margin-top: 8px !important;
}
.mr-lg-8 {
margin-right: 8px !important;
}
.mb-lg-8 {
margin-bottom: 8px !important;
}
.ml-lg-8 {
margin-left: 8px !important;
}
.mt-lg-10 {
margin-top: 10px !important;
}
.mr-lg-10 {
margin-right: 10px !important;
}
.mb-lg-10 {
margin-bottom: 10px !important;
}
.ml-lg-10 {
margin-left: 10px !important;
}
.mt-lg-12 {
margin-top: 12px !important;
}
.mr-lg-12 {
margin-right: 12px !important;
}
.mb-lg-12 {
margin-bottom: 12px !important;
}
.ml-lg-12 {
margin-left: 12px !important;
}
.mt-lg-14 {
margin-top: 14px !important;
}
.mr-lg-14 {
margin-right: 14px !important;
}
.mb-lg-14 {
margin-bottom: 14px !important;
}
.ml-lg-14 {
margin-left: 14px !important;
}
.mt-lg-16 {
margin-top: 16px !important;
}
.mr-lg-16 {
margin-right: 16px !important;
}
.mb-lg-16 {
margin-bottom: 16px !important;
}
.ml-lg-16 {
margin-left: 16px !important;
}
.mt-lg-18 {
margin-top: 18px !important;
}
.mr-lg-18 {
margin-right: 18px !important;
}
.mb-lg-18 {
margin-bottom: 18px !important;
}
.ml-lg-18 {
margin-left: 18px !important;
}
.mt-lg-20 {
margin-top: 20px !important;
}
.mr-lg-20 {
margin-right: 20px !important;
}
.mb-lg-20 {
margin-bottom: 20px !important;
}
.ml-lg-20 {
margin-left: 20px !important;
}
.mt-lg-22 {
margin-top: 22px !important;
}
.mr-lg-22 {
margin-right: 22px !important;
}
.mb-lg-22 {
margin-bottom: 22px !important;
}
.ml-lg-22 {
margin-left: 22px !important;
}
.mt-lg-24 {
margin-top: 24px !important;
}
.mr-lg-24 {
margin-right: 24px !important;
}
.mb-lg-24 {
margin-bottom: 24px !important;
}
.ml-lg-24 {
margin-left: 24px !important;
}
.mt-lg-26 {
margin-top: 26px !important;
}
.mr-lg-26 {
margin-right: 26px !important;
}
.mb-lg-26 {
margin-bottom: 26px !important;
}
.ml-lg-26 {
margin-left: 26px !important;
}
.mt-lg-28 {
margin-top: 28px !important;
}
.mr-lg-28 {
margin-right: 28px !important;
}
.mb-lg-28 {
margin-bottom: 28px !important;
}
.ml-lg-28 {
margin-left: 28px !important;
}
.mt-lg-30 {
margin-top: 30px !important;
}
.mr-lg-30 {
margin-right: 30px !important;
}
.mb-lg-30 {
margin-bottom: 30px !important;
}
.ml-lg-30 {
margin-left: 30px !important;
}
.mt-lg-32 {
margin-top: 32px !important;
}
.mr-lg-32 {
margin-right: 32px !important;
}
.mb-lg-32 {
margin-bottom: 32px !important;
}
.ml-lg-32 {
margin-left: 32px !important;
}
.mt-lg-34 {
margin-top: 34px !important;
}
.mr-lg-34 {
margin-right: 34px !important;
}
.mb-lg-34 {
margin-bottom: 34px !important;
}
.ml-lg-34 {
margin-left: 34px !important;
}
.mt-lg-36 {
margin-top: 36px !important;
}
.mr-lg-36 {
margin-right: 36px !important;
}
.mb-lg-36 {
margin-bottom: 36px !important;
}
.ml-lg-36 {
margin-left: 36px !important;
}
.mt-lg-38 {
margin-top: 38px !important;
}
.mr-lg-38 {
margin-right: 38px !important;
}
.mb-lg-38 {
margin-bottom: 38px !important;
}
.ml-lg-38 {
margin-left: 38px !important;
}
.mt-lg-40 {
margin-top: 40px !important;
}
.mr-lg-40 {
margin-right: 40px !important;
}
.mb-lg-40 {
margin-bottom: 40px !important;
}
.ml-lg-40 {
margin-left: 40px !important;
}
.mt-lg-42 {
margin-top: 42px !important;
}
.mr-lg-42 {
margin-right: 42px !important;
}
.mb-lg-42 {
margin-bottom: 42px !important;
}
.ml-lg-42 {
margin-left: 42px !important;
}
.mt-lg-44 {
margin-top: 44px !important;
}
.mr-lg-44 {
margin-right: 44px !important;
}
.mb-lg-44 {
margin-bottom: 44px !important;
}
.ml-lg-44 {
margin-left: 44px !important;
}
.mt-lg-46 {
margin-top: 46px !important;
}
.mr-lg-46 {
margin-right: 46px !important;
}
.mb-lg-46 {
margin-bottom: 46px !important;
}
.ml-lg-46 {
margin-left: 46px !important;
}
.mt-lg-48 {
margin-top: 48px !important;
}
.mr-lg-48 {
margin-right: 48px !important;
}
.mb-lg-48 {
margin-bottom: 48px !important;
}
.ml-lg-48 {
margin-left: 48px !important;
}
.mt-lg-50 {
margin-top: 50px !important;
}
.mr-lg-50 {
margin-right: 50px !important;
}
.mb-lg-50 {
margin-bottom: 50px !important;
}
.ml-lg-50 {
margin-left: 50px !important;
}
.mt-lg-52 {
margin-top: 52px !important;
}
.mr-lg-52 {
margin-right: 52px !important;
}
.mb-lg-52 {
margin-bottom: 52px !important;
}
.ml-lg-52 {
margin-left: 52px !important;
}
.mt-lg-54 {
margin-top: 54px !important;
}
.mr-lg-54 {
margin-right: 54px !important;
}
.mb-lg-54 {
margin-bottom: 54px !important;
}
.ml-lg-54 {
margin-left: 54px !important;
}
.mt-lg-56 {
margin-top: 56px !important;
}
.mr-lg-56 {
margin-right: 56px !important;
}
.mb-lg-56 {
margin-bottom: 56px !important;
}
.ml-lg-56 {
margin-left: 56px !important;
}
.mt-lg-58 {
margin-top: 58px !important;
}
.mr-lg-58 {
margin-right: 58px !important;
}
.mb-lg-58 {
margin-bottom: 58px !important;
}
.ml-lg-58 {
margin-left: 58px !important;
}
.mt-lg-60 {
margin-top: 60px !important;
}
.mr-lg-60 {
margin-right: 60px !important;
}
.mb-lg-60 {
margin-bottom: 60px !important;
}
.ml-lg-60 {
margin-left: 60px !important;
}
.mt-lg-62 {
margin-top: 62px !important;
}
.mr-lg-62 {
margin-right: 62px !important;
}
.mb-lg-62 {
margin-bottom: 62px !important;
}
.ml-lg-62 {
margin-left: 62px !important;
}
.mt-lg-64 {
margin-top: 64px !important;
}
.mr-lg-64 {
margin-right: 64px !important;
}
.mb-lg-64 {
margin-bottom: 64px !important;
}
.ml-lg-64 {
margin-left: 64px !important;
}
.mt-lg-66 {
margin-top: 66px !important;
}
.mr-lg-66 {
margin-right: 66px !important;
}
.mb-lg-66 {
margin-bottom: 66px !important;
}
.ml-lg-66 {
margin-left: 66px !important;
}
.mt-lg-68 {
margin-top: 68px !important;
}
.mr-lg-68 {
margin-right: 68px !important;
}
.mb-lg-68 {
margin-bottom: 68px !important;
}
.ml-lg-68 {
margin-left: 68px !important;
}
.mt-lg-70 {
margin-top: 70px !important;
}
.mr-lg-70 {
margin-right: 70px !important;
}
.mb-lg-70 {
margin-bottom: 70px !important;
}
.ml-lg-70 {
margin-left: 70px !important;
}
.mt-lg-72 {
margin-top: 72px !important;
}
.mr-lg-72 {
margin-right: 72px !important;
}
.mb-lg-72 {
margin-bottom: 72px !important;
}
.ml-lg-72 {
margin-left: 72px !important;
}
.mt-lg-74 {
margin-top: 74px !important;
}
.mr-lg-74 {
margin-right: 74px !important;
}
.mb-lg-74 {
margin-bottom: 74px !important;
}
.ml-lg-74 {
margin-left: 74px !important;
}
.mt-lg-76 {
margin-top: 76px !important;
}
.mr-lg-76 {
margin-right: 76px !important;
}
.mb-lg-76 {
margin-bottom: 76px !important;
}
.ml-lg-76 {
margin-left: 76px !important;
}
.mt-lg-78 {
margin-top: 78px !important;
}
.mr-lg-78 {
margin-right: 78px !important;
}
.mb-lg-78 {
margin-bottom: 78px !important;
}
.ml-lg-78 {
margin-left: 78px !important;
}
.mt-lg-80 {
margin-top: 80px !important;
}
.mr-lg-80 {
margin-right: 80px !important;
}
.mb-lg-80 {
margin-bottom: 80px !important;
}
.ml-lg-80 {
margin-left: 80px !important;
}
.mt-lg-82 {
margin-top: 82px !important;
}
.mr-lg-82 {
margin-right: 82px !important;
}
.mb-lg-82 {
margin-bottom: 82px !important;
}
.ml-lg-82 {
margin-left: 82px !important;
}
.mt-lg-84 {
margin-top: 84px !important;
}
.mr-lg-84 {
margin-right: 84px !important;
}
.mb-lg-84 {
margin-bottom: 84px !important;
}
.ml-lg-84 {
margin-left: 84px !important;
}
.mt-lg-86 {
margin-top: 86px !important;
}
.mr-lg-86 {
margin-right: 86px !important;
}
.mb-lg-86 {
margin-bottom: 86px !important;
}
.ml-lg-86 {
margin-left: 86px !important;
}
.mt-lg-88 {
margin-top: 88px !important;
}
.mr-lg-88 {
margin-right: 88px !important;
}
.mb-lg-88 {
margin-bottom: 88px !important;
}
.ml-lg-88 {
margin-left: 88px !important;
}
.mt-lg-90 {
margin-top: 90px !important;
}
.mr-lg-90 {
margin-right: 90px !important;
}
.mb-lg-90 {
margin-bottom: 90px !important;
}
.ml-lg-90 {
margin-left: 90px !important;
}
.mt-lg-92 {
margin-top: 92px !important;
}
.mr-lg-92 {
margin-right: 92px !important;
}
.mb-lg-92 {
margin-bottom: 92px !important;
}
.ml-lg-92 {
margin-left: 92px !important;
}
.mt-lg-94 {
margin-top: 94px !important;
}
.mr-lg-94 {
margin-right: 94px !important;
}
.mb-lg-94 {
margin-bottom: 94px !important;
}
.ml-lg-94 {
margin-left: 94px !important;
}
.mt-lg-96 {
margin-top: 96px !important;
}
.mr-lg-96 {
margin-right: 96px !important;
}
.mb-lg-96 {
margin-bottom: 96px !important;
}
.ml-lg-96 {
margin-left: 96px !important;
}
.mt-lg-98 {
margin-top: 98px !important;
}
.mr-lg-98 {
margin-right: 98px !important;
}
.mb-lg-98 {
margin-bottom: 98px !important;
}
.ml-lg-98 {
margin-left: 98px !important;
}
.mt-lg-100 {
margin-top: 100px !important;
}
.mr-lg-100 {
margin-right: 100px !important;
}
.mb-lg-100 {
margin-bottom: 100px !important;
}
.ml-lg-100 {
margin-left: 100px !important;
}
.mt-lg-102 {
margin-top: 102px !important;
}
.mr-lg-102 {
margin-right: 102px !important;
}
.mb-lg-102 {
margin-bottom: 102px !important;
}
.ml-lg-102 {
margin-left: 102px !important;
}
.mt-lg-104 {
margin-top: 104px !important;
}
.mr-lg-104 {
margin-right: 104px !important;
}
.mb-lg-104 {
margin-bottom: 104px !important;
}
.ml-lg-104 {
margin-left: 104px !important;
}
.mt-lg-106 {
margin-top: 106px !important;
}
.mr-lg-106 {
margin-right: 106px !important;
}
.mb-lg-106 {
margin-bottom: 106px !important;
}
.ml-lg-106 {
margin-left: 106px !important;
}
.mt-lg-108 {
margin-top: 108px !important;
}
.mr-lg-108 {
margin-right: 108px !important;
}
.mb-lg-108 {
margin-bottom: 108px !important;
}
.ml-lg-108 {
margin-left: 108px !important;
}
.mt-lg-110 {
margin-top: 110px !important;
}
.mr-lg-110 {
margin-right: 110px !important;
}
.mb-lg-110 {
margin-bottom: 110px !important;
}
.ml-lg-110 {
margin-left: 110px !important;
}
.mt-lg-112 {
margin-top: 112px !important;
}
.mr-lg-112 {
margin-right: 112px !important;
}
.mb-lg-112 {
margin-bottom: 112px !important;
}
.ml-lg-112 {
margin-left: 112px !important;
}
.mt-lg-114 {
margin-top: 114px !important;
}
.mr-lg-114 {
margin-right: 114px !important;
}
.mb-lg-114 {
margin-bottom: 114px !important;
}
.ml-lg-114 {
margin-left: 114px !important;
}
.mt-lg-116 {
margin-top: 116px !important;
}
.mr-lg-116 {
margin-right: 116px !important;
}
.mb-lg-116 {
margin-bottom: 116px !important;
}
.ml-lg-116 {
margin-left: 116px !important;
}
.mt-lg-118 {
margin-top: 118px !important;
}
.mr-lg-118 {
margin-right: 118px !important;
}
.mb-lg-118 {
margin-bottom: 118px !important;
}
.ml-lg-118 {
margin-left: 118px !important;
}
.mt-lg-120 {
margin-top: 120px !important;
}
.mr-lg-120 {
margin-right: 120px !important;
}
.mb-lg-120 {
margin-bottom: 120px !important;
}
.ml-lg-120 {
margin-left: 120px !important;
}
.mt-lg-122 {
margin-top: 122px !important;
}
.mr-lg-122 {
margin-right: 122px !important;
}
.mb-lg-122 {
margin-bottom: 122px !important;
}
.ml-lg-122 {
margin-left: 122px !important;
}
.mt-lg-124 {
margin-top: 124px !important;
}
.mr-lg-124 {
margin-right: 124px !important;
}
.mb-lg-124 {
margin-bottom: 124px !important;
}
.ml-lg-124 {
margin-left: 124px !important;
}
.mt-lg-126 {
margin-top: 126px !important;
}
.mr-lg-126 {
margin-right: 126px !important;
}
.mb-lg-126 {
margin-bottom: 126px !important;
}
.ml-lg-126 {
margin-left: 126px !important;
}
.mt-lg-128 {
margin-top: 128px !important;
}
.mr-lg-128 {
margin-right: 128px !important;
}
.mb-lg-128 {
margin-bottom: 128px !important;
}
.ml-lg-128 {
margin-left: 128px !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto {
margin-left: auto !important;
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.p-lg-0 {
padding: 0px !important;
}
.p-lg-4 {
padding: 4px !important;
}
.p-lg-8 {
padding: 8px !important;
}
.p-lg-12 {
padding: 12px !important;
}
.p-lg-16 {
padding: 16px !important;
}
.p-lg-20 {
padding: 20px !important;
}
.p-lg-24 {
padding: 24px !important;
}
.p-lg-28 {
padding: 28px !important;
}
.p-lg-32 {
padding: 32px !important;
}
.p-lg-36 {
padding: 36px !important;
}
.p-lg-40 {
padding: 40px !important;
}
.p-lg-44 {
padding: 44px !important;
}
.p-lg-48 {
padding: 48px !important;
}
.p-lg-52 {
padding: 52px !important;
}
.p-lg-56 {
padding: 56px !important;
}
.p-lg-60 {
padding: 60px !important;
}
.p-lg-64 {
padding: 64px !important;
}
.p-lg-68 {
padding: 68px !important;
}
.p-lg-72 {
padding: 72px !important;
}
.p-lg-76 {
padding: 76px !important;
}
.p-lg-80 {
padding: 80px !important;
}
.p-lg-84 {
padding: 84px !important;
}
.p-lg-88 {
padding: 88px !important;
}
.p-lg-92 {
padding: 92px !important;
}
.p-lg-96 {
padding: 96px !important;
}
.p-lg-100 {
padding: 100px !important;
}
.p-lg-104 {
padding: 104px !important;
}
.p-lg-108 {
padding: 108px !important;
}
.p-lg-112 {
padding: 112px !important;
}
.p-lg-116 {
padding: 116px !important;
}
.p-lg-120 {
padding: 120px !important;
}
.p-lg-124 {
padding: 124px !important;
}
.p-lg-128 {
padding: 128px !important;
}
.p-lg-132 {
padding: 132px !important;
}
.p-lg-136 {
padding: 136px !important;
}
.p-lg-140 {
padding: 140px !important;
}
.p-lg-144 {
padding: 144px !important;
}
.p-lg-148 {
padding: 148px !important;
}
.p-lg-152 {
padding: 152px !important;
}
.p-lg-156 {
padding: 156px !important;
}
.p-lg-160 {
padding: 160px !important;
}
.p-lg-164 {
padding: 164px !important;
}
.p-lg-168 {
padding: 168px !important;
}
.p-lg-172 {
padding: 172px !important;
}
.p-lg-176 {
padding: 176px !important;
}
.p-lg-180 {
padding: 180px !important;
}
.p-lg-184 {
padding: 184px !important;
}
.p-lg-188 {
padding: 188px !important;
}
.p-lg-192 {
padding: 192px !important;
}
.p-lg-196 {
padding: 196px !important;
}
.p-lg-200 {
padding: 200px !important;
}
.p-lg-204 {
padding: 204px !important;
}
.p-lg-208 {
padding: 208px !important;
}
.p-lg-212 {
padding: 212px !important;
}
.p-lg-216 {
padding: 216px !important;
}
.p-lg-220 {
padding: 220px !important;
}
.p-lg-224 {
padding: 224px !important;
}
.p-lg-228 {
padding: 228px !important;
}
.p-lg-232 {
padding: 232px !important;
}
.p-lg-236 {
padding: 236px !important;
}
.p-lg-240 {
padding: 240px !important;
}
.p-lg-244 {
padding: 244px !important;
}
.p-lg-248 {
padding: 248px !important;
}
.p-lg-252 {
padding: 252px !important;
}
.p-lg-256 {
padding: 256px !important;
}
.px-lg-0 {
padding-right: 0px !important;
padding-left: 0px !important;
}
.py-lg-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.px-lg-2 {
padding-right: 2px !important;
padding-left: 2px !important;
}
.py-lg-2 {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
.px-lg-4 {
padding-right: 4px !important;
padding-left: 4px !important;
}
.py-lg-4 {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.px-lg-6 {
padding-right: 6px !important;
padding-left: 6px !important;
}
.py-lg-6 {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
.px-lg-8 {
padding-right: 8px !important;
padding-left: 8px !important;
}
.py-lg-8 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.px-lg-10 {
padding-right: 10px !important;
padding-left: 10px !important;
}
.py-lg-10 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.px-lg-12 {
padding-right: 12px !important;
padding-left: 12px !important;
}
.py-lg-12 {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.px-lg-14 {
padding-right: 14px !important;
padding-left: 14px !important;
}
.py-lg-14 {
padding-top: 14px !important;
padding-bottom: 14px !important;
}
.px-lg-16 {
padding-right: 16px !important;
padding-left: 16px !important;
}
.py-lg-16 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.px-lg-18 {
padding-right: 18px !important;
padding-left: 18px !important;
}
.py-lg-18 {
padding-top: 18px !important;
padding-bottom: 18px !important;
}
.px-lg-20 {
padding-right: 20px !important;
padding-left: 20px !important;
}
.py-lg-20 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.px-lg-22 {
padding-right: 22px !important;
padding-left: 22px !important;
}
.py-lg-22 {
padding-top: 22px !important;
padding-bottom: 22px !important;
}
.px-lg-24 {
padding-right: 24px !important;
padding-left: 24px !important;
}
.py-lg-24 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.px-lg-26 {
padding-right: 26px !important;
padding-left: 26px !important;
}
.py-lg-26 {
padding-top: 26px !important;
padding-bottom: 26px !important;
}
.px-lg-28 {
padding-right: 28px !important;
padding-left: 28px !important;
}
.py-lg-28 {
padding-top: 28px !important;
padding-bottom: 28px !important;
}
.px-lg-30 {
padding-right: 30px !important;
padding-left: 30px !important;
}
.py-lg-30 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.px-lg-32 {
padding-right: 32px !important;
padding-left: 32px !important;
}
.py-lg-32 {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.px-lg-34 {
padding-right: 34px !important;
padding-left: 34px !important;
}
.py-lg-34 {
padding-top: 34px !important;
padding-bottom: 34px !important;
}
.px-lg-36 {
padding-right: 36px !important;
padding-left: 36px !important;
}
.py-lg-36 {
padding-top: 36px !important;
padding-bottom: 36px !important;
}
.px-lg-38 {
padding-right: 38px !important;
padding-left: 38px !important;
}
.py-lg-38 {
padding-top: 38px !important;
padding-bottom: 38px !important;
}
.px-lg-40 {
padding-right: 40px !important;
padding-left: 40px !important;
}
.py-lg-40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.px-lg-42 {
padding-right: 42px !important;
padding-left: 42px !important;
}
.py-lg-42 {
padding-top: 42px !important;
padding-bottom: 42px !important;
}
.px-lg-44 {
padding-right: 44px !important;
padding-left: 44px !important;
}
.py-lg-44 {
padding-top: 44px !important;
padding-bottom: 44px !important;
}
.px-lg-46 {
padding-right: 46px !important;
padding-left: 46px !important;
}
.py-lg-46 {
padding-top: 46px !important;
padding-bottom: 46px !important;
}
.px-lg-48 {
padding-right: 48px !important;
padding-left: 48px !important;
}
.py-lg-48 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.px-lg-50 {
padding-right: 50px !important;
padding-left: 50px !important;
}
.py-lg-50 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.px-lg-52 {
padding-right: 52px !important;
padding-left: 52px !important;
}
.py-lg-52 {
padding-top: 52px !important;
padding-bottom: 52px !important;
}
.px-lg-54 {
padding-right: 54px !important;
padding-left: 54px !important;
}
.py-lg-54 {
padding-top: 54px !important;
padding-bottom: 54px !important;
}
.px-lg-56 {
padding-right: 56px !important;
padding-left: 56px !important;
}
.py-lg-56 {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.px-lg-58 {
padding-right: 58px !important;
padding-left: 58px !important;
}
.py-lg-58 {
padding-top: 58px !important;
padding-bottom: 58px !important;
}
.px-lg-60 {
padding-right: 60px !important;
padding-left: 60px !important;
}
.py-lg-60 {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.px-lg-62 {
padding-right: 62px !important;
padding-left: 62px !important;
}
.py-lg-62 {
padding-top: 62px !important;
padding-bottom: 62px !important;
}
.px-lg-64 {
padding-right: 64px !important;
padding-left: 64px !important;
}
.py-lg-64 {
padding-top: 64px !important;
padding-bottom: 64px !important;
}
.px-lg-66 {
padding-right: 66px !important;
padding-left: 66px !important;
}
.py-lg-66 {
padding-top: 66px !important;
padding-bottom: 66px !important;
}
.px-lg-68 {
padding-right: 68px !important;
padding-left: 68px !important;
}
.py-lg-68 {
padding-top: 68px !important;
padding-bottom: 68px !important;
}
.px-lg-70 {
padding-right: 70px !important;
padding-left: 70px !important;
}
.py-lg-70 {
padding-top: 70px !important;
padding-bottom: 70px !important;
}
.px-lg-72 {
padding-right: 72px !important;
padding-left: 72px !important;
}
.py-lg-72 {
padding-top: 72px !important;
padding-bottom: 72px !important;
}
.px-lg-74 {
padding-right: 74px !important;
padding-left: 74px !important;
}
.py-lg-74 {
padding-top: 74px !important;
padding-bottom: 74px !important;
}
.px-lg-76 {
padding-right: 76px !important;
padding-left: 76px !important;
}
.py-lg-76 {
padding-top: 76px !important;
padding-bottom: 76px !important;
}
.px-lg-78 {
padding-right: 78px !important;
padding-left: 78px !important;
}
.py-lg-78 {
padding-top: 78px !important;
padding-bottom: 78px !important;
}
.px-lg-80 {
padding-right: 80px !important;
padding-left: 80px !important;
}
.py-lg-80 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.px-lg-82 {
padding-right: 82px !important;
padding-left: 82px !important;
}
.py-lg-82 {
padding-top: 82px !important;
padding-bottom: 82px !important;
}
.px-lg-84 {
padding-right: 84px !important;
padding-left: 84px !important;
}
.py-lg-84 {
padding-top: 84px !important;
padding-bottom: 84px !important;
}
.px-lg-86 {
padding-right: 86px !important;
padding-left: 86px !important;
}
.py-lg-86 {
padding-top: 86px !important;
padding-bottom: 86px !important;
}
.px-lg-88 {
padding-right: 88px !important;
padding-left: 88px !important;
}
.py-lg-88 {
padding-top: 88px !important;
padding-bottom: 88px !important;
}
.px-lg-90 {
padding-right: 90px !important;
padding-left: 90px !important;
}
.py-lg-90 {
padding-top: 90px !important;
padding-bottom: 90px !important;
}
.px-lg-92 {
padding-right: 92px !important;
padding-left: 92px !important;
}
.py-lg-92 {
padding-top: 92px !important;
padding-bottom: 92px !important;
}
.px-lg-94 {
padding-right: 94px !important;
padding-left: 94px !important;
}
.py-lg-94 {
padding-top: 94px !important;
padding-bottom: 94px !important;
}
.px-lg-96 {
padding-right: 96px !important;
padding-left: 96px !important;
}
.py-lg-96 {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
.px-lg-98 {
padding-right: 98px !important;
padding-left: 98px !important;
}
.py-lg-98 {
padding-top: 98px !important;
padding-bottom: 98px !important;
}
.px-lg-100 {
padding-right: 100px !important;
padding-left: 100px !important;
}
.py-lg-100 {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
.px-lg-102 {
padding-right: 102px !important;
padding-left: 102px !important;
}
.py-lg-102 {
padding-top: 102px !important;
padding-bottom: 102px !important;
}
.px-lg-104 {
padding-right: 104px !important;
padding-left: 104px !important;
}
.py-lg-104 {
padding-top: 104px !important;
padding-bottom: 104px !important;
}
.px-lg-106 {
padding-right: 106px !important;
padding-left: 106px !important;
}
.py-lg-106 {
padding-top: 106px !important;
padding-bottom: 106px !important;
}
.px-lg-108 {
padding-right: 108px !important;
padding-left: 108px !important;
}
.py-lg-108 {
padding-top: 108px !important;
padding-bottom: 108px !important;
}
.px-lg-110 {
padding-right: 110px !important;
padding-left: 110px !important;
}
.py-lg-110 {
padding-top: 110px !important;
padding-bottom: 110px !important;
}
.px-lg-112 {
padding-right: 112px !important;
padding-left: 112px !important;
}
.py-lg-112 {
padding-top: 112px !important;
padding-bottom: 112px !important;
}
.px-lg-114 {
padding-right: 114px !important;
padding-left: 114px !important;
}
.py-lg-114 {
padding-top: 114px !important;
padding-bottom: 114px !important;
}
.px-lg-116 {
padding-right: 116px !important;
padding-left: 116px !important;
}
.py-lg-116 {
padding-top: 116px !important;
padding-bottom: 116px !important;
}
.px-lg-118 {
padding-right: 118px !important;
padding-left: 118px !important;
}
.py-lg-118 {
padding-top: 118px !important;
padding-bottom: 118px !important;
}
.px-lg-120 {
padding-right: 120px !important;
padding-left: 120px !important;
}
.py-lg-120 {
padding-top: 120px !important;
padding-bottom: 120px !important;
}
.px-lg-122 {
padding-right: 122px !important;
padding-left: 122px !important;
}
.py-lg-122 {
padding-top: 122px !important;
padding-bottom: 122px !important;
}
.px-lg-124 {
padding-right: 124px !important;
padding-left: 124px !important;
}
.py-lg-124 {
padding-top: 124px !important;
padding-bottom: 124px !important;
}
.px-lg-126 {
padding-right: 126px !important;
padding-left: 126px !important;
}
.py-lg-126 {
padding-top: 126px !important;
padding-bottom: 126px !important;
}
.px-lg-128 {
padding-right: 128px !important;
padding-left: 128px !important;
}
.py-lg-128 {
padding-top: 128px !important;
padding-bottom: 128px !important;
}
.pt-lg-0 {
padding-top: 0px !important;
}
.pr-lg-0 {
padding-right: 0px !important;
}
.pb-lg-0 {
padding-bottom: 0px !important;
}
.pl-lg-0 {
padding-left: 0px !important;
}
.pt-lg-2 {
padding-top: 2px !important;
}
.pr-lg-2 {
padding-right: 2px !important;
}
.pb-lg-2 {
padding-bottom: 2px !important;
}
.pl-lg-2 {
padding-left: 2px !important;
}
.pt-lg-4 {
padding-top: 4px !important;
}
.pr-lg-4 {
padding-right: 4px !important;
}
.pb-lg-4 {
padding-bottom: 4px !important;
}
.pl-lg-4 {
padding-left: 4px !important;
}
.pt-lg-6 {
padding-top: 6px !important;
}
.pr-lg-6 {
padding-right: 6px !important;
}
.pb-lg-6 {
padding-bottom: 6px !important;
}
.pl-lg-6 {
padding-left: 6px !important;
}
.pt-lg-8 {
padding-top: 8px !important;
}
.pr-lg-8 {
padding-right: 8px !important;
}
.pb-lg-8 {
padding-bottom: 8px !important;
}
.pl-lg-8 {
padding-left: 8px !important;
}
.pt-lg-10 {
padding-top: 10px !important;
}
.pr-lg-10 {
padding-right: 10px !important;
}
.pb-lg-10 {
padding-bottom: 10px !important;
}
.pl-lg-10 {
padding-left: 10px !important;
}
.pt-lg-12 {
padding-top: 12px !important;
}
.pr-lg-12 {
padding-right: 12px !important;
}
.pb-lg-12 {
padding-bottom: 12px !important;
}
.pl-lg-12 {
padding-left: 12px !important;
}
.pt-lg-14 {
padding-top: 14px !important;
}
.pr-lg-14 {
padding-right: 14px !important;
}
.pb-lg-14 {
padding-bottom: 14px !important;
}
.pl-lg-14 {
padding-left: 14px !important;
}
.pt-lg-16 {
padding-top: 16px !important;
}
.pr-lg-16 {
padding-right: 16px !important;
}
.pb-lg-16 {
padding-bottom: 16px !important;
}
.pl-lg-16 {
padding-left: 16px !important;
}
.pt-lg-18 {
padding-top: 18px !important;
}
.pr-lg-18 {
padding-right: 18px !important;
}
.pb-lg-18 {
padding-bottom: 18px !important;
}
.pl-lg-18 {
padding-left: 18px !important;
}
.pt-lg-20 {
padding-top: 20px !important;
}
.pr-lg-20 {
padding-right: 20px !important;
}
.pb-lg-20 {
padding-bottom: 20px !important;
}
.pl-lg-20 {
padding-left: 20px !important;
}
.pt-lg-22 {
padding-top: 22px !important;
}
.pr-lg-22 {
padding-right: 22px !important;
}
.pb-lg-22 {
padding-bottom: 22px !important;
}
.pl-lg-22 {
padding-left: 22px !important;
}
.pt-lg-24 {
padding-top: 24px !important;
}
.pr-lg-24 {
padding-right: 24px !important;
}
.pb-lg-24 {
padding-bottom: 24px !important;
}
.pl-lg-24 {
padding-left: 24px !important;
}
.pt-lg-26 {
padding-top: 26px !important;
}
.pr-lg-26 {
padding-right: 26px !important;
}
.pb-lg-26 {
padding-bottom: 26px !important;
}
.pl-lg-26 {
padding-left: 26px !important;
}
.pt-lg-28 {
padding-top: 28px !important;
}
.pr-lg-28 {
padding-right: 28px !important;
}
.pb-lg-28 {
padding-bottom: 28px !important;
}
.pl-lg-28 {
padding-left: 28px !important;
}
.pt-lg-30 {
padding-top: 30px !important;
}
.pr-lg-30 {
padding-right: 30px !important;
}
.pb-lg-30 {
padding-bottom: 30px !important;
}
.pl-lg-30 {
padding-left: 30px !important;
}
.pt-lg-32 {
padding-top: 32px !important;
}
.pr-lg-32 {
padding-right: 32px !important;
}
.pb-lg-32 {
padding-bottom: 32px !important;
}
.pl-lg-32 {
padding-left: 32px !important;
}
.pt-lg-34 {
padding-top: 34px !important;
}
.pr-lg-34 {
padding-right: 34px !important;
}
.pb-lg-34 {
padding-bottom: 34px !important;
}
.pl-lg-34 {
padding-left: 34px !important;
}
.pt-lg-36 {
padding-top: 36px !important;
}
.pr-lg-36 {
padding-right: 36px !important;
}
.pb-lg-36 {
padding-bottom: 36px !important;
}
.pl-lg-36 {
padding-left: 36px !important;
}
.pt-lg-38 {
padding-top: 38px !important;
}
.pr-lg-38 {
padding-right: 38px !important;
}
.pb-lg-38 {
padding-bottom: 38px !important;
}
.pl-lg-38 {
padding-left: 38px !important;
}
.pt-lg-40 {
padding-top: 40px !important;
}
.pr-lg-40 {
padding-right: 40px !important;
}
.pb-lg-40 {
padding-bottom: 40px !important;
}
.pl-lg-40 {
padding-left: 40px !important;
}
.pt-lg-42 {
padding-top: 42px !important;
}
.pr-lg-42 {
padding-right: 42px !important;
}
.pb-lg-42 {
padding-bottom: 42px !important;
}
.pl-lg-42 {
padding-left: 42px !important;
}
.pt-lg-44 {
padding-top: 44px !important;
}
.pr-lg-44 {
padding-right: 44px !important;
}
.pb-lg-44 {
padding-bottom: 44px !important;
}
.pl-lg-44 {
padding-left: 44px !important;
}
.pt-lg-46 {
padding-top: 46px !important;
}
.pr-lg-46 {
padding-right: 46px !important;
}
.pb-lg-46 {
padding-bottom: 46px !important;
}
.pl-lg-46 {
padding-left: 46px !important;
}
.pt-lg-48 {
padding-top: 48px !important;
}
.pr-lg-48 {
padding-right: 48px !important;
}
.pb-lg-48 {
padding-bottom: 48px !important;
}
.pl-lg-48 {
padding-left: 48px !important;
}
.pt-lg-50 {
padding-top: 50px !important;
}
.pr-lg-50 {
padding-right: 50px !important;
}
.pb-lg-50 {
padding-bottom: 50px !important;
}
.pl-lg-50 {
padding-left: 50px !important;
}
.pt-lg-52 {
padding-top: 52px !important;
}
.pr-lg-52 {
padding-right: 52px !important;
}
.pb-lg-52 {
padding-bottom: 52px !important;
}
.pl-lg-52 {
padding-left: 52px !important;
}
.pt-lg-54 {
padding-top: 54px !important;
}
.pr-lg-54 {
padding-right: 54px !important;
}
.pb-lg-54 {
padding-bottom: 54px !important;
}
.pl-lg-54 {
padding-left: 54px !important;
}
.pt-lg-56 {
padding-top: 56px !important;
}
.pr-lg-56 {
padding-right: 56px !important;
}
.pb-lg-56 {
padding-bottom: 56px !important;
}
.pl-lg-56 {
padding-left: 56px !important;
}
.pt-lg-58 {
padding-top: 58px !important;
}
.pr-lg-58 {
padding-right: 58px !important;
}
.pb-lg-58 {
padding-bottom: 58px !important;
}
.pl-lg-58 {
padding-left: 58px !important;
}
.pt-lg-60 {
padding-top: 60px !important;
}
.pr-lg-60 {
padding-right: 60px !important;
}
.pb-lg-60 {
padding-bottom: 60px !important;
}
.pl-lg-60 {
padding-left: 60px !important;
}
.pt-lg-62 {
padding-top: 62px !important;
}
.pr-lg-62 {
padding-right: 62px !important;
}
.pb-lg-62 {
padding-bottom: 62px !important;
}
.pl-lg-62 {
padding-left: 62px !important;
}
.pt-lg-64 {
padding-top: 64px !important;
}
.pr-lg-64 {
padding-right: 64px !important;
}
.pb-lg-64 {
padding-bottom: 64px !important;
}
.pl-lg-64 {
padding-left: 64px !important;
}
.pt-lg-66 {
padding-top: 66px !important;
}
.pr-lg-66 {
padding-right: 66px !important;
}
.pb-lg-66 {
padding-bottom: 66px !important;
}
.pl-lg-66 {
padding-left: 66px !important;
}
.pt-lg-68 {
padding-top: 68px !important;
}
.pr-lg-68 {
padding-right: 68px !important;
}
.pb-lg-68 {
padding-bottom: 68px !important;
}
.pl-lg-68 {
padding-left: 68px !important;
}
.pt-lg-70 {
padding-top: 70px !important;
}
.pr-lg-70 {
padding-right: 70px !important;
}
.pb-lg-70 {
padding-bottom: 70px !important;
}
.pl-lg-70 {
padding-left: 70px !important;
}
.pt-lg-72 {
padding-top: 72px !important;
}
.pr-lg-72 {
padding-right: 72px !important;
}
.pb-lg-72 {
padding-bottom: 72px !important;
}
.pl-lg-72 {
padding-left: 72px !important;
}
.pt-lg-74 {
padding-top: 74px !important;
}
.pr-lg-74 {
padding-right: 74px !important;
}
.pb-lg-74 {
padding-bottom: 74px !important;
}
.pl-lg-74 {
padding-left: 74px !important;
}
.pt-lg-76 {
padding-top: 76px !important;
}
.pr-lg-76 {
padding-right: 76px !important;
}
.pb-lg-76 {
padding-bottom: 76px !important;
}
.pl-lg-76 {
padding-left: 76px !important;
}
.pt-lg-78 {
padding-top: 78px !important;
}
.pr-lg-78 {
padding-right: 78px !important;
}
.pb-lg-78 {
padding-bottom: 78px !important;
}
.pl-lg-78 {
padding-left: 78px !important;
}
.pt-lg-80 {
padding-top: 80px !important;
}
.pr-lg-80 {
padding-right: 80px !important;
}
.pb-lg-80 {
padding-bottom: 80px !important;
}
.pl-lg-80 {
padding-left: 80px !important;
}
.pt-lg-82 {
padding-top: 82px !important;
}
.pr-lg-82 {
padding-right: 82px !important;
}
.pb-lg-82 {
padding-bottom: 82px !important;
}
.pl-lg-82 {
padding-left: 82px !important;
}
.pt-lg-84 {
padding-top: 84px !important;
}
.pr-lg-84 {
padding-right: 84px !important;
}
.pb-lg-84 {
padding-bottom: 84px !important;
}
.pl-lg-84 {
padding-left: 84px !important;
}
.pt-lg-86 {
padding-top: 86px !important;
}
.pr-lg-86 {
padding-right: 86px !important;
}
.pb-lg-86 {
padding-bottom: 86px !important;
}
.pl-lg-86 {
padding-left: 86px !important;
}
.pt-lg-88 {
padding-top: 88px !important;
}
.pr-lg-88 {
padding-right: 88px !important;
}
.pb-lg-88 {
padding-bottom: 88px !important;
}
.pl-lg-88 {
padding-left: 88px !important;
}
.pt-lg-90 {
padding-top: 90px !important;
}
.pr-lg-90 {
padding-right: 90px !important;
}
.pb-lg-90 {
padding-bottom: 90px !important;
}
.pl-lg-90 {
padding-left: 90px !important;
}
.pt-lg-92 {
padding-top: 92px !important;
}
.pr-lg-92 {
padding-right: 92px !important;
}
.pb-lg-92 {
padding-bottom: 92px !important;
}
.pl-lg-92 {
padding-left: 92px !important;
}
.pt-lg-94 {
padding-top: 94px !important;
}
.pr-lg-94 {
padding-right: 94px !important;
}
.pb-lg-94 {
padding-bottom: 94px !important;
}
.pl-lg-94 {
padding-left: 94px !important;
}
.pt-lg-96 {
padding-top: 96px !important;
}
.pr-lg-96 {
padding-right: 96px !important;
}
.pb-lg-96 {
padding-bottom: 96px !important;
}
.pl-lg-96 {
padding-left: 96px !important;
}
.pt-lg-98 {
padding-top: 98px !important;
}
.pr-lg-98 {
padding-right: 98px !important;
}
.pb-lg-98 {
padding-bottom: 98px !important;
}
.pl-lg-98 {
padding-left: 98px !important;
}
.pt-lg-100 {
padding-top: 100px !important;
}
.pr-lg-100 {
padding-right: 100px !important;
}
.pb-lg-100 {
padding-bottom: 100px !important;
}
.pl-lg-100 {
padding-left: 100px !important;
}
.pt-lg-102 {
padding-top: 102px !important;
}
.pr-lg-102 {
padding-right: 102px !important;
}
.pb-lg-102 {
padding-bottom: 102px !important;
}
.pl-lg-102 {
padding-left: 102px !important;
}
.pt-lg-104 {
padding-top: 104px !important;
}
.pr-lg-104 {
padding-right: 104px !important;
}
.pb-lg-104 {
padding-bottom: 104px !important;
}
.pl-lg-104 {
padding-left: 104px !important;
}
.pt-lg-106 {
padding-top: 106px !important;
}
.pr-lg-106 {
padding-right: 106px !important;
}
.pb-lg-106 {
padding-bottom: 106px !important;
}
.pl-lg-106 {
padding-left: 106px !important;
}
.pt-lg-108 {
padding-top: 108px !important;
}
.pr-lg-108 {
padding-right: 108px !important;
}
.pb-lg-108 {
padding-bottom: 108px !important;
}
.pl-lg-108 {
padding-left: 108px !important;
}
.pt-lg-110 {
padding-top: 110px !important;
}
.pr-lg-110 {
padding-right: 110px !important;
}
.pb-lg-110 {
padding-bottom: 110px !important;
}
.pl-lg-110 {
padding-left: 110px !important;
}
.pt-lg-112 {
padding-top: 112px !important;
}
.pr-lg-112 {
padding-right: 112px !important;
}
.pb-lg-112 {
padding-bottom: 112px !important;
}
.pl-lg-112 {
padding-left: 112px !important;
}
.pt-lg-114 {
padding-top: 114px !important;
}
.pr-lg-114 {
padding-right: 114px !important;
}
.pb-lg-114 {
padding-bottom: 114px !important;
}
.pl-lg-114 {
padding-left: 114px !important;
}
.pt-lg-116 {
padding-top: 116px !important;
}
.pr-lg-116 {
padding-right: 116px !important;
}
.pb-lg-116 {
padding-bottom: 116px !important;
}
.pl-lg-116 {
padding-left: 116px !important;
}
.pt-lg-118 {
padding-top: 118px !important;
}
.pr-lg-118 {
padding-right: 118px !important;
}
.pb-lg-118 {
padding-bottom: 118px !important;
}
.pl-lg-118 {
padding-left: 118px !important;
}
.pt-lg-120 {
padding-top: 120px !important;
}
.pr-lg-120 {
padding-right: 120px !important;
}
.pb-lg-120 {
padding-bottom: 120px !important;
}
.pl-lg-120 {
padding-left: 120px !important;
}
.pt-lg-122 {
padding-top: 122px !important;
}
.pr-lg-122 {
padding-right: 122px !important;
}
.pb-lg-122 {
padding-bottom: 122px !important;
}
.pl-lg-122 {
padding-left: 122px !important;
}
.pt-lg-124 {
padding-top: 124px !important;
}
.pr-lg-124 {
padding-right: 124px !important;
}
.pb-lg-124 {
padding-bottom: 124px !important;
}
.pl-lg-124 {
padding-left: 124px !important;
}
.pt-lg-126 {
padding-top: 126px !important;
}
.pr-lg-126 {
padding-right: 126px !important;
}
.pb-lg-126 {
padding-bottom: 126px !important;
}
.pl-lg-126 {
padding-left: 126px !important;
}
.pt-lg-128 {
padding-top: 128px !important;
}
.pr-lg-128 {
padding-right: 128px !important;
}
.pb-lg-128 {
padding-bottom: 128px !important;
}
.pl-lg-128 {
padding-left: 128px !important;
}
}
@media screen and (min-width: 1920px) {
.m-xl-0 {
margin: 0px !important;
}
.m-xl-4 {
margin: 4px !important;
}
.m-xl-8 {
margin: 8px !important;
}
.m-xl-12 {
margin: 12px !important;
}
.m-xl-16 {
margin: 16px !important;
}
.m-xl-20 {
margin: 20px !important;
}
.m-xl-24 {
margin: 24px !important;
}
.m-xl-28 {
margin: 28px !important;
}
.m-xl-32 {
margin: 32px !important;
}
.m-xl-36 {
margin: 36px !important;
}
.m-xl-40 {
margin: 40px !important;
}
.m-xl-44 {
margin: 44px !important;
}
.m-xl-48 {
margin: 48px !important;
}
.m-xl-52 {
margin: 52px !important;
}
.m-xl-56 {
margin: 56px !important;
}
.m-xl-60 {
margin: 60px !important;
}
.m-xl-64 {
margin: 64px !important;
}
.m-xl-68 {
margin: 68px !important;
}
.m-xl-72 {
margin: 72px !important;
}
.m-xl-76 {
margin: 76px !important;
}
.m-xl-80 {
margin: 80px !important;
}
.m-xl-84 {
margin: 84px !important;
}
.m-xl-88 {
margin: 88px !important;
}
.m-xl-92 {
margin: 92px !important;
}
.m-xl-96 {
margin: 96px !important;
}
.m-xl-100 {
margin: 100px !important;
}
.m-xl-104 {
margin: 104px !important;
}
.m-xl-108 {
margin: 108px !important;
}
.m-xl-112 {
margin: 112px !important;
}
.m-xl-116 {
margin: 116px !important;
}
.m-xl-120 {
margin: 120px !important;
}
.m-xl-124 {
margin: 124px !important;
}
.m-xl-128 {
margin: 128px !important;
}
.m-xl-132 {
margin: 132px !important;
}
.m-xl-136 {
margin: 136px !important;
}
.m-xl-140 {
margin: 140px !important;
}
.m-xl-144 {
margin: 144px !important;
}
.m-xl-148 {
margin: 148px !important;
}
.m-xl-152 {
margin: 152px !important;
}
.m-xl-156 {
margin: 156px !important;
}
.m-xl-160 {
margin: 160px !important;
}
.m-xl-164 {
margin: 164px !important;
}
.m-xl-168 {
margin: 168px !important;
}
.m-xl-172 {
margin: 172px !important;
}
.m-xl-176 {
margin: 176px !important;
}
.m-xl-180 {
margin: 180px !important;
}
.m-xl-184 {
margin: 184px !important;
}
.m-xl-188 {
margin: 188px !important;
}
.m-xl-192 {
margin: 192px !important;
}
.m-xl-196 {
margin: 196px !important;
}
.m-xl-200 {
margin: 200px !important;
}
.m-xl-204 {
margin: 204px !important;
}
.m-xl-208 {
margin: 208px !important;
}
.m-xl-212 {
margin: 212px !important;
}
.m-xl-216 {
margin: 216px !important;
}
.m-xl-220 {
margin: 220px !important;
}
.m-xl-224 {
margin: 224px !important;
}
.m-xl-228 {
margin: 228px !important;
}
.m-xl-232 {
margin: 232px !important;
}
.m-xl-236 {
margin: 236px !important;
}
.m-xl-240 {
margin: 240px !important;
}
.m-xl-244 {
margin: 244px !important;
}
.m-xl-248 {
margin: 248px !important;
}
.m-xl-252 {
margin: 252px !important;
}
.m-xl-256 {
margin: 256px !important;
}
.mx-xl-0 {
margin-right: 0px !important;
margin-left: 0px !important;
}
.my-xl-0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.mx-xl-2 {
margin-right: 2px !important;
margin-left: 2px !important;
}
.my-xl-2 {
margin-top: 2px !important;
margin-bottom: 2px !important;
}
.mx-xl-4 {
margin-right: 4px !important;
margin-left: 4px !important;
}
.my-xl-4 {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
.mx-xl-6 {
margin-right: 6px !important;
margin-left: 6px !important;
}
.my-xl-6 {
margin-top: 6px !important;
margin-bottom: 6px !important;
}
.mx-xl-8 {
margin-right: 8px !important;
margin-left: 8px !important;
}
.my-xl-8 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.mx-xl-10 {
margin-right: 10px !important;
margin-left: 10px !important;
}
.my-xl-10 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.mx-xl-12 {
margin-right: 12px !important;
margin-left: 12px !important;
}
.my-xl-12 {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
.mx-xl-14 {
margin-right: 14px !important;
margin-left: 14px !important;
}
.my-xl-14 {
margin-top: 14px !important;
margin-bottom: 14px !important;
}
.mx-xl-16 {
margin-right: 16px !important;
margin-left: 16px !important;
}
.my-xl-16 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.mx-xl-18 {
margin-right: 18px !important;
margin-left: 18px !important;
}
.my-xl-18 {
margin-top: 18px !important;
margin-bottom: 18px !important;
}
.mx-xl-20 {
margin-right: 20px !important;
margin-left: 20px !important;
}
.my-xl-20 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.mx-xl-22 {
margin-right: 22px !important;
margin-left: 22px !important;
}
.my-xl-22 {
margin-top: 22px !important;
margin-bottom: 22px !important;
}
.mx-xl-24 {
margin-right: 24px !important;
margin-left: 24px !important;
}
.my-xl-24 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.mx-xl-26 {
margin-right: 26px !important;
margin-left: 26px !important;
}
.my-xl-26 {
margin-top: 26px !important;
margin-bottom: 26px !important;
}
.mx-xl-28 {
margin-right: 28px !important;
margin-left: 28px !important;
}
.my-xl-28 {
margin-top: 28px !important;
margin-bottom: 28px !important;
}
.mx-xl-30 {
margin-right: 30px !important;
margin-left: 30px !important;
}
.my-xl-30 {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.mx-xl-32 {
margin-right: 32px !important;
margin-left: 32px !important;
}
.my-xl-32 {
margin-top: 32px !important;
margin-bottom: 32px !important;
}
.mx-xl-34 {
margin-right: 34px !important;
margin-left: 34px !important;
}
.my-xl-34 {
margin-top: 34px !important;
margin-bottom: 34px !important;
}
.mx-xl-36 {
margin-right: 36px !important;
margin-left: 36px !important;
}
.my-xl-36 {
margin-top: 36px !important;
margin-bottom: 36px !important;
}
.mx-xl-38 {
margin-right: 38px !important;
margin-left: 38px !important;
}
.my-xl-38 {
margin-top: 38px !important;
margin-bottom: 38px !important;
}
.mx-xl-40 {
margin-right: 40px !important;
margin-left: 40px !important;
}
.my-xl-40 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.mx-xl-42 {
margin-right: 42px !important;
margin-left: 42px !important;
}
.my-xl-42 {
margin-top: 42px !important;
margin-bottom: 42px !important;
}
.mx-xl-44 {
margin-right: 44px !important;
margin-left: 44px !important;
}
.my-xl-44 {
margin-top: 44px !important;
margin-bottom: 44px !important;
}
.mx-xl-46 {
margin-right: 46px !important;
margin-left: 46px !important;
}
.my-xl-46 {
margin-top: 46px !important;
margin-bottom: 46px !important;
}
.mx-xl-48 {
margin-right: 48px !important;
margin-left: 48px !important;
}
.my-xl-48 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.mx-xl-50 {
margin-right: 50px !important;
margin-left: 50px !important;
}
.my-xl-50 {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.mx-xl-52 {
margin-right: 52px !important;
margin-left: 52px !important;
}
.my-xl-52 {
margin-top: 52px !important;
margin-bottom: 52px !important;
}
.mx-xl-54 {
margin-right: 54px !important;
margin-left: 54px !important;
}
.my-xl-54 {
margin-top: 54px !important;
margin-bottom: 54px !important;
}
.mx-xl-56 {
margin-right: 56px !important;
margin-left: 56px !important;
}
.my-xl-56 {
margin-top: 56px !important;
margin-bottom: 56px !important;
}
.mx-xl-58 {
margin-right: 58px !important;
margin-left: 58px !important;
}
.my-xl-58 {
margin-top: 58px !important;
margin-bottom: 58px !important;
}
.mx-xl-60 {
margin-right: 60px !important;
margin-left: 60px !important;
}
.my-xl-60 {
margin-top: 60px !important;
margin-bottom: 60px !important;
}
.mx-xl-62 {
margin-right: 62px !important;
margin-left: 62px !important;
}
.my-xl-62 {
margin-top: 62px !important;
margin-bottom: 62px !important;
}
.mx-xl-64 {
margin-right: 64px !important;
margin-left: 64px !important;
}
.my-xl-64 {
margin-top: 64px !important;
margin-bottom: 64px !important;
}
.mx-xl-66 {
margin-right: 66px !important;
margin-left: 66px !important;
}
.my-xl-66 {
margin-top: 66px !important;
margin-bottom: 66px !important;
}
.mx-xl-68 {
margin-right: 68px !important;
margin-left: 68px !important;
}
.my-xl-68 {
margin-top: 68px !important;
margin-bottom: 68px !important;
}
.mx-xl-70 {
margin-right: 70px !important;
margin-left: 70px !important;
}
.my-xl-70 {
margin-top: 70px !important;
margin-bottom: 70px !important;
}
.mx-xl-72 {
margin-right: 72px !important;
margin-left: 72px !important;
}
.my-xl-72 {
margin-top: 72px !important;
margin-bottom: 72px !important;
}
.mx-xl-74 {
margin-right: 74px !important;
margin-left: 74px !important;
}
.my-xl-74 {
margin-top: 74px !important;
margin-bottom: 74px !important;
}
.mx-xl-76 {
margin-right: 76px !important;
margin-left: 76px !important;
}
.my-xl-76 {
margin-top: 76px !important;
margin-bottom: 76px !important;
}
.mx-xl-78 {
margin-right: 78px !important;
margin-left: 78px !important;
}
.my-xl-78 {
margin-top: 78px !important;
margin-bottom: 78px !important;
}
.mx-xl-80 {
margin-right: 80px !important;
margin-left: 80px !important;
}
.my-xl-80 {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
.mx-xl-82 {
margin-right: 82px !important;
margin-left: 82px !important;
}
.my-xl-82 {
margin-top: 82px !important;
margin-bottom: 82px !important;
}
.mx-xl-84 {
margin-right: 84px !important;
margin-left: 84px !important;
}
.my-xl-84 {
margin-top: 84px !important;
margin-bottom: 84px !important;
}
.mx-xl-86 {
margin-right: 86px !important;
margin-left: 86px !important;
}
.my-xl-86 {
margin-top: 86px !important;
margin-bottom: 86px !important;
}
.mx-xl-88 {
margin-right: 88px !important;
margin-left: 88px !important;
}
.my-xl-88 {
margin-top: 88px !important;
margin-bottom: 88px !important;
}
.mx-xl-90 {
margin-right: 90px !important;
margin-left: 90px !important;
}
.my-xl-90 {
margin-top: 90px !important;
margin-bottom: 90px !important;
}
.mx-xl-92 {
margin-right: 92px !important;
margin-left: 92px !important;
}
.my-xl-92 {
margin-top: 92px !important;
margin-bottom: 92px !important;
}
.mx-xl-94 {
margin-right: 94px !important;
margin-left: 94px !important;
}
.my-xl-94 {
margin-top: 94px !important;
margin-bottom: 94px !important;
}
.mx-xl-96 {
margin-right: 96px !important;
margin-left: 96px !important;
}
.my-xl-96 {
margin-top: 96px !important;
margin-bottom: 96px !important;
}
.mx-xl-98 {
margin-right: 98px !important;
margin-left: 98px !important;
}
.my-xl-98 {
margin-top: 98px !important;
margin-bottom: 98px !important;
}
.mx-xl-100 {
margin-right: 100px !important;
margin-left: 100px !important;
}
.my-xl-100 {
margin-top: 100px !important;
margin-bottom: 100px !important;
}
.mx-xl-102 {
margin-right: 102px !important;
margin-left: 102px !important;
}
.my-xl-102 {
margin-top: 102px !important;
margin-bottom: 102px !important;
}
.mx-xl-104 {
margin-right: 104px !important;
margin-left: 104px !important;
}
.my-xl-104 {
margin-top: 104px !important;
margin-bottom: 104px !important;
}
.mx-xl-106 {
margin-right: 106px !important;
margin-left: 106px !important;
}
.my-xl-106 {
margin-top: 106px !important;
margin-bottom: 106px !important;
}
.mx-xl-108 {
margin-right: 108px !important;
margin-left: 108px !important;
}
.my-xl-108 {
margin-top: 108px !important;
margin-bottom: 108px !important;
}
.mx-xl-110 {
margin-right: 110px !important;
margin-left: 110px !important;
}
.my-xl-110 {
margin-top: 110px !important;
margin-bottom: 110px !important;
}
.mx-xl-112 {
margin-right: 112px !important;
margin-left: 112px !important;
}
.my-xl-112 {
margin-top: 112px !important;
margin-bottom: 112px !important;
}
.mx-xl-114 {
margin-right: 114px !important;
margin-left: 114px !important;
}
.my-xl-114 {
margin-top: 114px !important;
margin-bottom: 114px !important;
}
.mx-xl-116 {
margin-right: 116px !important;
margin-left: 116px !important;
}
.my-xl-116 {
margin-top: 116px !important;
margin-bottom: 116px !important;
}
.mx-xl-118 {
margin-right: 118px !important;
margin-left: 118px !important;
}
.my-xl-118 {
margin-top: 118px !important;
margin-bottom: 118px !important;
}
.mx-xl-120 {
margin-right: 120px !important;
margin-left: 120px !important;
}
.my-xl-120 {
margin-top: 120px !important;
margin-bottom: 120px !important;
}
.mx-xl-122 {
margin-right: 122px !important;
margin-left: 122px !important;
}
.my-xl-122 {
margin-top: 122px !important;
margin-bottom: 122px !important;
}
.mx-xl-124 {
margin-right: 124px !important;
margin-left: 124px !important;
}
.my-xl-124 {
margin-top: 124px !important;
margin-bottom: 124px !important;
}
.mx-xl-126 {
margin-right: 126px !important;
margin-left: 126px !important;
}
.my-xl-126 {
margin-top: 126px !important;
margin-bottom: 126px !important;
}
.mx-xl-128 {
margin-right: 128px !important;
margin-left: 128px !important;
}
.my-xl-128 {
margin-top: 128px !important;
margin-bottom: 128px !important;
}
.mt-xl-0 {
margin-top: 0px !important;
}
.mr-xl-0 {
margin-right: 0px !important;
}
.mb-xl-0 {
margin-bottom: 0px !important;
}
.ml-xl-0 {
margin-left: 0px !important;
}
.mt-xl-2 {
margin-top: 2px !important;
}
.mr-xl-2 {
margin-right: 2px !important;
}
.mb-xl-2 {
margin-bottom: 2px !important;
}
.ml-xl-2 {
margin-left: 2px !important;
}
.mt-xl-4 {
margin-top: 4px !important;
}
.mr-xl-4 {
margin-right: 4px !important;
}
.mb-xl-4 {
margin-bottom: 4px !important;
}
.ml-xl-4 {
margin-left: 4px !important;
}
.mt-xl-6 {
margin-top: 6px !important;
}
.mr-xl-6 {
margin-right: 6px !important;
}
.mb-xl-6 {
margin-bottom: 6px !important;
}
.ml-xl-6 {
margin-left: 6px !important;
}
.mt-xl-8 {
margin-top: 8px !important;
}
.mr-xl-8 {
margin-right: 8px !important;
}
.mb-xl-8 {
margin-bottom: 8px !important;
}
.ml-xl-8 {
margin-left: 8px !important;
}
.mt-xl-10 {
margin-top: 10px !important;
}
.mr-xl-10 {
margin-right: 10px !important;
}
.mb-xl-10 {
margin-bottom: 10px !important;
}
.ml-xl-10 {
margin-left: 10px !important;
}
.mt-xl-12 {
margin-top: 12px !important;
}
.mr-xl-12 {
margin-right: 12px !important;
}
.mb-xl-12 {
margin-bottom: 12px !important;
}
.ml-xl-12 {
margin-left: 12px !important;
}
.mt-xl-14 {
margin-top: 14px !important;
}
.mr-xl-14 {
margin-right: 14px !important;
}
.mb-xl-14 {
margin-bottom: 14px !important;
}
.ml-xl-14 {
margin-left: 14px !important;
}
.mt-xl-16 {
margin-top: 16px !important;
}
.mr-xl-16 {
margin-right: 16px !important;
}
.mb-xl-16 {
margin-bottom: 16px !important;
}
.ml-xl-16 {
margin-left: 16px !important;
}
.mt-xl-18 {
margin-top: 18px !important;
}
.mr-xl-18 {
margin-right: 18px !important;
}
.mb-xl-18 {
margin-bottom: 18px !important;
}
.ml-xl-18 {
margin-left: 18px !important;
}
.mt-xl-20 {
margin-top: 20px !important;
}
.mr-xl-20 {
margin-right: 20px !important;
}
.mb-xl-20 {
margin-bottom: 20px !important;
}
.ml-xl-20 {
margin-left: 20px !important;
}
.mt-xl-22 {
margin-top: 22px !important;
}
.mr-xl-22 {
margin-right: 22px !important;
}
.mb-xl-22 {
margin-bottom: 22px !important;
}
.ml-xl-22 {
margin-left: 22px !important;
}
.mt-xl-24 {
margin-top: 24px !important;
}
.mr-xl-24 {
margin-right: 24px !important;
}
.mb-xl-24 {
margin-bottom: 24px !important;
}
.ml-xl-24 {
margin-left: 24px !important;
}
.mt-xl-26 {
margin-top: 26px !important;
}
.mr-xl-26 {
margin-right: 26px !important;
}
.mb-xl-26 {
margin-bottom: 26px !important;
}
.ml-xl-26 {
margin-left: 26px !important;
}
.mt-xl-28 {
margin-top: 28px !important;
}
.mr-xl-28 {
margin-right: 28px !important;
}
.mb-xl-28 {
margin-bottom: 28px !important;
}
.ml-xl-28 {
margin-left: 28px !important;
}
.mt-xl-30 {
margin-top: 30px !important;
}
.mr-xl-30 {
margin-right: 30px !important;
}
.mb-xl-30 {
margin-bottom: 30px !important;
}
.ml-xl-30 {
margin-left: 30px !important;
}
.mt-xl-32 {
margin-top: 32px !important;
}
.mr-xl-32 {
margin-right: 32px !important;
}
.mb-xl-32 {
margin-bottom: 32px !important;
}
.ml-xl-32 {
margin-left: 32px !important;
}
.mt-xl-34 {
margin-top: 34px !important;
}
.mr-xl-34 {
margin-right: 34px !important;
}
.mb-xl-34 {
margin-bottom: 34px !important;
}
.ml-xl-34 {
margin-left: 34px !important;
}
.mt-xl-36 {
margin-top: 36px !important;
}
.mr-xl-36 {
margin-right: 36px !important;
}
.mb-xl-36 {
margin-bottom: 36px !important;
}
.ml-xl-36 {
margin-left: 36px !important;
}
.mt-xl-38 {
margin-top: 38px !important;
}
.mr-xl-38 {
margin-right: 38px !important;
}
.mb-xl-38 {
margin-bottom: 38px !important;
}
.ml-xl-38 {
margin-left: 38px !important;
}
.mt-xl-40 {
margin-top: 40px !important;
}
.mr-xl-40 {
margin-right: 40px !important;
}
.mb-xl-40 {
margin-bottom: 40px !important;
}
.ml-xl-40 {
margin-left: 40px !important;
}
.mt-xl-42 {
margin-top: 42px !important;
}
.mr-xl-42 {
margin-right: 42px !important;
}
.mb-xl-42 {
margin-bottom: 42px !important;
}
.ml-xl-42 {
margin-left: 42px !important;
}
.mt-xl-44 {
margin-top: 44px !important;
}
.mr-xl-44 {
margin-right: 44px !important;
}
.mb-xl-44 {
margin-bottom: 44px !important;
}
.ml-xl-44 {
margin-left: 44px !important;
}
.mt-xl-46 {
margin-top: 46px !important;
}
.mr-xl-46 {
margin-right: 46px !important;
}
.mb-xl-46 {
margin-bottom: 46px !important;
}
.ml-xl-46 {
margin-left: 46px !important;
}
.mt-xl-48 {
margin-top: 48px !important;
}
.mr-xl-48 {
margin-right: 48px !important;
}
.mb-xl-48 {
margin-bottom: 48px !important;
}
.ml-xl-48 {
margin-left: 48px !important;
}
.mt-xl-50 {
margin-top: 50px !important;
}
.mr-xl-50 {
margin-right: 50px !important;
}
.mb-xl-50 {
margin-bottom: 50px !important;
}
.ml-xl-50 {
margin-left: 50px !important;
}
.mt-xl-52 {
margin-top: 52px !important;
}
.mr-xl-52 {
margin-right: 52px !important;
}
.mb-xl-52 {
margin-bottom: 52px !important;
}
.ml-xl-52 {
margin-left: 52px !important;
}
.mt-xl-54 {
margin-top: 54px !important;
}
.mr-xl-54 {
margin-right: 54px !important;
}
.mb-xl-54 {
margin-bottom: 54px !important;
}
.ml-xl-54 {
margin-left: 54px !important;
}
.mt-xl-56 {
margin-top: 56px !important;
}
.mr-xl-56 {
margin-right: 56px !important;
}
.mb-xl-56 {
margin-bottom: 56px !important;
}
.ml-xl-56 {
margin-left: 56px !important;
}
.mt-xl-58 {
margin-top: 58px !important;
}
.mr-xl-58 {
margin-right: 58px !important;
}
.mb-xl-58 {
margin-bottom: 58px !important;
}
.ml-xl-58 {
margin-left: 58px !important;
}
.mt-xl-60 {
margin-top: 60px !important;
}
.mr-xl-60 {
margin-right: 60px !important;
}
.mb-xl-60 {
margin-bottom: 60px !important;
}
.ml-xl-60 {
margin-left: 60px !important;
}
.mt-xl-62 {
margin-top: 62px !important;
}
.mr-xl-62 {
margin-right: 62px !important;
}
.mb-xl-62 {
margin-bottom: 62px !important;
}
.ml-xl-62 {
margin-left: 62px !important;
}
.mt-xl-64 {
margin-top: 64px !important;
}
.mr-xl-64 {
margin-right: 64px !important;
}
.mb-xl-64 {
margin-bottom: 64px !important;
}
.ml-xl-64 {
margin-left: 64px !important;
}
.mt-xl-66 {
margin-top: 66px !important;
}
.mr-xl-66 {
margin-right: 66px !important;
}
.mb-xl-66 {
margin-bottom: 66px !important;
}
.ml-xl-66 {
margin-left: 66px !important;
}
.mt-xl-68 {
margin-top: 68px !important;
}
.mr-xl-68 {
margin-right: 68px !important;
}
.mb-xl-68 {
margin-bottom: 68px !important;
}
.ml-xl-68 {
margin-left: 68px !important;
}
.mt-xl-70 {
margin-top: 70px !important;
}
.mr-xl-70 {
margin-right: 70px !important;
}
.mb-xl-70 {
margin-bottom: 70px !important;
}
.ml-xl-70 {
margin-left: 70px !important;
}
.mt-xl-72 {
margin-top: 72px !important;
}
.mr-xl-72 {
margin-right: 72px !important;
}
.mb-xl-72 {
margin-bottom: 72px !important;
}
.ml-xl-72 {
margin-left: 72px !important;
}
.mt-xl-74 {
margin-top: 74px !important;
}
.mr-xl-74 {
margin-right: 74px !important;
}
.mb-xl-74 {
margin-bottom: 74px !important;
}
.ml-xl-74 {
margin-left: 74px !important;
}
.mt-xl-76 {
margin-top: 76px !important;
}
.mr-xl-76 {
margin-right: 76px !important;
}
.mb-xl-76 {
margin-bottom: 76px !important;
}
.ml-xl-76 {
margin-left: 76px !important;
}
.mt-xl-78 {
margin-top: 78px !important;
}
.mr-xl-78 {
margin-right: 78px !important;
}
.mb-xl-78 {
margin-bottom: 78px !important;
}
.ml-xl-78 {
margin-left: 78px !important;
}
.mt-xl-80 {
margin-top: 80px !important;
}
.mr-xl-80 {
margin-right: 80px !important;
}
.mb-xl-80 {
margin-bottom: 80px !important;
}
.ml-xl-80 {
margin-left: 80px !important;
}
.mt-xl-82 {
margin-top: 82px !important;
}
.mr-xl-82 {
margin-right: 82px !important;
}
.mb-xl-82 {
margin-bottom: 82px !important;
}
.ml-xl-82 {
margin-left: 82px !important;
}
.mt-xl-84 {
margin-top: 84px !important;
}
.mr-xl-84 {
margin-right: 84px !important;
}
.mb-xl-84 {
margin-bottom: 84px !important;
}
.ml-xl-84 {
margin-left: 84px !important;
}
.mt-xl-86 {
margin-top: 86px !important;
}
.mr-xl-86 {
margin-right: 86px !important;
}
.mb-xl-86 {
margin-bottom: 86px !important;
}
.ml-xl-86 {
margin-left: 86px !important;
}
.mt-xl-88 {
margin-top: 88px !important;
}
.mr-xl-88 {
margin-right: 88px !important;
}
.mb-xl-88 {
margin-bottom: 88px !important;
}
.ml-xl-88 {
margin-left: 88px !important;
}
.mt-xl-90 {
margin-top: 90px !important;
}
.mr-xl-90 {
margin-right: 90px !important;
}
.mb-xl-90 {
margin-bottom: 90px !important;
}
.ml-xl-90 {
margin-left: 90px !important;
}
.mt-xl-92 {
margin-top: 92px !important;
}
.mr-xl-92 {
margin-right: 92px !important;
}
.mb-xl-92 {
margin-bottom: 92px !important;
}
.ml-xl-92 {
margin-left: 92px !important;
}
.mt-xl-94 {
margin-top: 94px !important;
}
.mr-xl-94 {
margin-right: 94px !important;
}
.mb-xl-94 {
margin-bottom: 94px !important;
}
.ml-xl-94 {
margin-left: 94px !important;
}
.mt-xl-96 {
margin-top: 96px !important;
}
.mr-xl-96 {
margin-right: 96px !important;
}
.mb-xl-96 {
margin-bottom: 96px !important;
}
.ml-xl-96 {
margin-left: 96px !important;
}
.mt-xl-98 {
margin-top: 98px !important;
}
.mr-xl-98 {
margin-right: 98px !important;
}
.mb-xl-98 {
margin-bottom: 98px !important;
}
.ml-xl-98 {
margin-left: 98px !important;
}
.mt-xl-100 {
margin-top: 100px !important;
}
.mr-xl-100 {
margin-right: 100px !important;
}
.mb-xl-100 {
margin-bottom: 100px !important;
}
.ml-xl-100 {
margin-left: 100px !important;
}
.mt-xl-102 {
margin-top: 102px !important;
}
.mr-xl-102 {
margin-right: 102px !important;
}
.mb-xl-102 {
margin-bottom: 102px !important;
}
.ml-xl-102 {
margin-left: 102px !important;
}
.mt-xl-104 {
margin-top: 104px !important;
}
.mr-xl-104 {
margin-right: 104px !important;
}
.mb-xl-104 {
margin-bottom: 104px !important;
}
.ml-xl-104 {
margin-left: 104px !important;
}
.mt-xl-106 {
margin-top: 106px !important;
}
.mr-xl-106 {
margin-right: 106px !important;
}
.mb-xl-106 {
margin-bottom: 106px !important;
}
.ml-xl-106 {
margin-left: 106px !important;
}
.mt-xl-108 {
margin-top: 108px !important;
}
.mr-xl-108 {
margin-right: 108px !important;
}
.mb-xl-108 {
margin-bottom: 108px !important;
}
.ml-xl-108 {
margin-left: 108px !important;
}
.mt-xl-110 {
margin-top: 110px !important;
}
.mr-xl-110 {
margin-right: 110px !important;
}
.mb-xl-110 {
margin-bottom: 110px !important;
}
.ml-xl-110 {
margin-left: 110px !important;
}
.mt-xl-112 {
margin-top: 112px !important;
}
.mr-xl-112 {
margin-right: 112px !important;
}
.mb-xl-112 {
margin-bottom: 112px !important;
}
.ml-xl-112 {
margin-left: 112px !important;
}
.mt-xl-114 {
margin-top: 114px !important;
}
.mr-xl-114 {
margin-right: 114px !important;
}
.mb-xl-114 {
margin-bottom: 114px !important;
}
.ml-xl-114 {
margin-left: 114px !important;
}
.mt-xl-116 {
margin-top: 116px !important;
}
.mr-xl-116 {
margin-right: 116px !important;
}
.mb-xl-116 {
margin-bottom: 116px !important;
}
.ml-xl-116 {
margin-left: 116px !important;
}
.mt-xl-118 {
margin-top: 118px !important;
}
.mr-xl-118 {
margin-right: 118px !important;
}
.mb-xl-118 {
margin-bottom: 118px !important;
}
.ml-xl-118 {
margin-left: 118px !important;
}
.mt-xl-120 {
margin-top: 120px !important;
}
.mr-xl-120 {
margin-right: 120px !important;
}
.mb-xl-120 {
margin-bottom: 120px !important;
}
.ml-xl-120 {
margin-left: 120px !important;
}
.mt-xl-122 {
margin-top: 122px !important;
}
.mr-xl-122 {
margin-right: 122px !important;
}
.mb-xl-122 {
margin-bottom: 122px !important;
}
.ml-xl-122 {
margin-left: 122px !important;
}
.mt-xl-124 {
margin-top: 124px !important;
}
.mr-xl-124 {
margin-right: 124px !important;
}
.mb-xl-124 {
margin-bottom: 124px !important;
}
.ml-xl-124 {
margin-left: 124px !important;
}
.mt-xl-126 {
margin-top: 126px !important;
}
.mr-xl-126 {
margin-right: 126px !important;
}
.mb-xl-126 {
margin-bottom: 126px !important;
}
.ml-xl-126 {
margin-left: 126px !important;
}
.mt-xl-128 {
margin-top: 128px !important;
}
.mr-xl-128 {
margin-right: 128px !important;
}
.mb-xl-128 {
margin-bottom: 128px !important;
}
.ml-xl-128 {
margin-left: 128px !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto {
margin-left: auto !important;
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.p-xl-0 {
padding: 0px !important;
}
.p-xl-4 {
padding: 4px !important;
}
.p-xl-8 {
padding: 8px !important;
}
.p-xl-12 {
padding: 12px !important;
}
.p-xl-16 {
padding: 16px !important;
}
.p-xl-20 {
padding: 20px !important;
}
.p-xl-24 {
padding: 24px !important;
}
.p-xl-28 {
padding: 28px !important;
}
.p-xl-32 {
padding: 32px !important;
}
.p-xl-36 {
padding: 36px !important;
}
.p-xl-40 {
padding: 40px !important;
}
.p-xl-44 {
padding: 44px !important;
}
.p-xl-48 {
padding: 48px !important;
}
.p-xl-52 {
padding: 52px !important;
}
.p-xl-56 {
padding: 56px !important;
}
.p-xl-60 {
padding: 60px !important;
}
.p-xl-64 {
padding: 64px !important;
}
.p-xl-68 {
padding: 68px !important;
}
.p-xl-72 {
padding: 72px !important;
}
.p-xl-76 {
padding: 76px !important;
}
.p-xl-80 {
padding: 80px !important;
}
.p-xl-84 {
padding: 84px !important;
}
.p-xl-88 {
padding: 88px !important;
}
.p-xl-92 {
padding: 92px !important;
}
.p-xl-96 {
padding: 96px !important;
}
.p-xl-100 {
padding: 100px !important;
}
.p-xl-104 {
padding: 104px !important;
}
.p-xl-108 {
padding: 108px !important;
}
.p-xl-112 {
padding: 112px !important;
}
.p-xl-116 {
padding: 116px !important;
}
.p-xl-120 {
padding: 120px !important;
}
.p-xl-124 {
padding: 124px !important;
}
.p-xl-128 {
padding: 128px !important;
}
.p-xl-132 {
padding: 132px !important;
}
.p-xl-136 {
padding: 136px !important;
}
.p-xl-140 {
padding: 140px !important;
}
.p-xl-144 {
padding: 144px !important;
}
.p-xl-148 {
padding: 148px !important;
}
.p-xl-152 {
padding: 152px !important;
}
.p-xl-156 {
padding: 156px !important;
}
.p-xl-160 {
padding: 160px !important;
}
.p-xl-164 {
padding: 164px !important;
}
.p-xl-168 {
padding: 168px !important;
}
.p-xl-172 {
padding: 172px !important;
}
.p-xl-176 {
padding: 176px !important;
}
.p-xl-180 {
padding: 180px !important;
}
.p-xl-184 {
padding: 184px !important;
}
.p-xl-188 {
padding: 188px !important;
}
.p-xl-192 {
padding: 192px !important;
}
.p-xl-196 {
padding: 196px !important;
}
.p-xl-200 {
padding: 200px !important;
}
.p-xl-204 {
padding: 204px !important;
}
.p-xl-208 {
padding: 208px !important;
}
.p-xl-212 {
padding: 212px !important;
}
.p-xl-216 {
padding: 216px !important;
}
.p-xl-220 {
padding: 220px !important;
}
.p-xl-224 {
padding: 224px !important;
}
.p-xl-228 {
padding: 228px !important;
}
.p-xl-232 {
padding: 232px !important;
}
.p-xl-236 {
padding: 236px !important;
}
.p-xl-240 {
padding: 240px !important;
}
.p-xl-244 {
padding: 244px !important;
}
.p-xl-248 {
padding: 248px !important;
}
.p-xl-252 {
padding: 252px !important;
}
.p-xl-256 {
padding: 256px !important;
}
.px-xl-0 {
padding-right: 0px !important;
padding-left: 0px !important;
}
.py-xl-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.px-xl-2 {
padding-right: 2px !important;
padding-left: 2px !important;
}
.py-xl-2 {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
.px-xl-4 {
padding-right: 4px !important;
padding-left: 4px !important;
}
.py-xl-4 {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.px-xl-6 {
padding-right: 6px !important;
padding-left: 6px !important;
}
.py-xl-6 {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
.px-xl-8 {
padding-right: 8px !important;
padding-left: 8px !important;
}
.py-xl-8 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.px-xl-10 {
padding-right: 10px !important;
padding-left: 10px !important;
}
.py-xl-10 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.px-xl-12 {
padding-right: 12px !important;
padding-left: 12px !important;
}
.py-xl-12 {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.px-xl-14 {
padding-right: 14px !important;
padding-left: 14px !important;
}
.py-xl-14 {
padding-top: 14px !important;
padding-bottom: 14px !important;
}
.px-xl-16 {
padding-right: 16px !important;
padding-left: 16px !important;
}
.py-xl-16 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.px-xl-18 {
padding-right: 18px !important;
padding-left: 18px !important;
}
.py-xl-18 {
padding-top: 18px !important;
padding-bottom: 18px !important;
}
.px-xl-20 {
padding-right: 20px !important;
padding-left: 20px !important;
}
.py-xl-20 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.px-xl-22 {
padding-right: 22px !important;
padding-left: 22px !important;
}
.py-xl-22 {
padding-top: 22px !important;
padding-bottom: 22px !important;
}
.px-xl-24 {
padding-right: 24px !important;
padding-left: 24px !important;
}
.py-xl-24 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.px-xl-26 {
padding-right: 26px !important;
padding-left: 26px !important;
}
.py-xl-26 {
padding-top: 26px !important;
padding-bottom: 26px !important;
}
.px-xl-28 {
padding-right: 28px !important;
padding-left: 28px !important;
}
.py-xl-28 {
padding-top: 28px !important;
padding-bottom: 28px !important;
}
.px-xl-30 {
padding-right: 30px !important;
padding-left: 30px !important;
}
.py-xl-30 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.px-xl-32 {
padding-right: 32px !important;
padding-left: 32px !important;
}
.py-xl-32 {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.px-xl-34 {
padding-right: 34px !important;
padding-left: 34px !important;
}
.py-xl-34 {
padding-top: 34px !important;
padding-bottom: 34px !important;
}
.px-xl-36 {
padding-right: 36px !important;
padding-left: 36px !important;
}
.py-xl-36 {
padding-top: 36px !important;
padding-bottom: 36px !important;
}
.px-xl-38 {
padding-right: 38px !important;
padding-left: 38px !important;
}
.py-xl-38 {
padding-top: 38px !important;
padding-bottom: 38px !important;
}
.px-xl-40 {
padding-right: 40px !important;
padding-left: 40px !important;
}
.py-xl-40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.px-xl-42 {
padding-right: 42px !important;
padding-left: 42px !important;
}
.py-xl-42 {
padding-top: 42px !important;
padding-bottom: 42px !important;
}
.px-xl-44 {
padding-right: 44px !important;
padding-left: 44px !important;
}
.py-xl-44 {
padding-top: 44px !important;
padding-bottom: 44px !important;
}
.px-xl-46 {
padding-right: 46px !important;
padding-left: 46px !important;
}
.py-xl-46 {
padding-top: 46px !important;
padding-bottom: 46px !important;
}
.px-xl-48 {
padding-right: 48px !important;
padding-left: 48px !important;
}
.py-xl-48 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.px-xl-50 {
padding-right: 50px !important;
padding-left: 50px !important;
}
.py-xl-50 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.px-xl-52 {
padding-right: 52px !important;
padding-left: 52px !important;
}
.py-xl-52 {
padding-top: 52px !important;
padding-bottom: 52px !important;
}
.px-xl-54 {
padding-right: 54px !important;
padding-left: 54px !important;
}
.py-xl-54 {
padding-top: 54px !important;
padding-bottom: 54px !important;
}
.px-xl-56 {
padding-right: 56px !important;
padding-left: 56px !important;
}
.py-xl-56 {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.px-xl-58 {
padding-right: 58px !important;
padding-left: 58px !important;
}
.py-xl-58 {
padding-top: 58px !important;
padding-bottom: 58px !important;
}
.px-xl-60 {
padding-right: 60px !important;
padding-left: 60px !important;
}
.py-xl-60 {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.px-xl-62 {
padding-right: 62px !important;
padding-left: 62px !important;
}
.py-xl-62 {
padding-top: 62px !important;
padding-bottom: 62px !important;
}
.px-xl-64 {
padding-right: 64px !important;
padding-left: 64px !important;
}
.py-xl-64 {
padding-top: 64px !important;
padding-bottom: 64px !important;
}
.px-xl-66 {
padding-right: 66px !important;
padding-left: 66px !important;
}
.py-xl-66 {
padding-top: 66px !important;
padding-bottom: 66px !important;
}
.px-xl-68 {
padding-right: 68px !important;
padding-left: 68px !important;
}
.py-xl-68 {
padding-top: 68px !important;
padding-bottom: 68px !important;
}
.px-xl-70 {
padding-right: 70px !important;
padding-left: 70px !important;
}
.py-xl-70 {
padding-top: 70px !important;
padding-bottom: 70px !important;
}
.px-xl-72 {
padding-right: 72px !important;
padding-left: 72px !important;
}
.py-xl-72 {
padding-top: 72px !important;
padding-bottom: 72px !important;
}
.px-xl-74 {
padding-right: 74px !important;
padding-left: 74px !important;
}
.py-xl-74 {
padding-top: 74px !important;
padding-bottom: 74px !important;
}
.px-xl-76 {
padding-right: 76px !important;
padding-left: 76px !important;
}
.py-xl-76 {
padding-top: 76px !important;
padding-bottom: 76px !important;
}
.px-xl-78 {
padding-right: 78px !important;
padding-left: 78px !important;
}
.py-xl-78 {
padding-top: 78px !important;
padding-bottom: 78px !important;
}
.px-xl-80 {
padding-right: 80px !important;
padding-left: 80px !important;
}
.py-xl-80 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.px-xl-82 {
padding-right: 82px !important;
padding-left: 82px !important;
}
.py-xl-82 {
padding-top: 82px !important;
padding-bottom: 82px !important;
}
.px-xl-84 {
padding-right: 84px !important;
padding-left: 84px !important;
}
.py-xl-84 {
padding-top: 84px !important;
padding-bottom: 84px !important;
}
.px-xl-86 {
padding-right: 86px !important;
padding-left: 86px !important;
}
.py-xl-86 {
padding-top: 86px !important;
padding-bottom: 86px !important;
}
.px-xl-88 {
padding-right: 88px !important;
padding-left: 88px !important;
}
.py-xl-88 {
padding-top: 88px !important;
padding-bottom: 88px !important;
}
.px-xl-90 {
padding-right: 90px !important;
padding-left: 90px !important;
}
.py-xl-90 {
padding-top: 90px !important;
padding-bottom: 90px !important;
}
.px-xl-92 {
padding-right: 92px !important;
padding-left: 92px !important;
}
.py-xl-92 {
padding-top: 92px !important;
padding-bottom: 92px !important;
}
.px-xl-94 {
padding-right: 94px !important;
padding-left: 94px !important;
}
.py-xl-94 {
padding-top: 94px !important;
padding-bottom: 94px !important;
}
.px-xl-96 {
padding-right: 96px !important;
padding-left: 96px !important;
}
.py-xl-96 {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
.px-xl-98 {
padding-right: 98px !important;
padding-left: 98px !important;
}
.py-xl-98 {
padding-top: 98px !important;
padding-bottom: 98px !important;
}
.px-xl-100 {
padding-right: 100px !important;
padding-left: 100px !important;
}
.py-xl-100 {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
.px-xl-102 {
padding-right: 102px !important;
padding-left: 102px !important;
}
.py-xl-102 {
padding-top: 102px !important;
padding-bottom: 102px !important;
}
.px-xl-104 {
padding-right: 104px !important;
padding-left: 104px !important;
}
.py-xl-104 {
padding-top: 104px !important;
padding-bottom: 104px !important;
}
.px-xl-106 {
padding-right: 106px !important;
padding-left: 106px !important;
}
.py-xl-106 {
padding-top: 106px !important;
padding-bottom: 106px !important;
}
.px-xl-108 {
padding-right: 108px !important;
padding-left: 108px !important;
}
.py-xl-108 {
padding-top: 108px !important;
padding-bottom: 108px !important;
}
.px-xl-110 {
padding-right: 110px !important;
padding-left: 110px !important;
}
.py-xl-110 {
padding-top: 110px !important;
padding-bottom: 110px !important;
}
.px-xl-112 {
padding-right: 112px !important;
padding-left: 112px !important;
}
.py-xl-112 {
padding-top: 112px !important;
padding-bottom: 112px !important;
}
.px-xl-114 {
padding-right: 114px !important;
padding-left: 114px !important;
}
.py-xl-114 {
padding-top: 114px !important;
padding-bottom: 114px !important;
}
.px-xl-116 {
padding-right: 116px !important;
padding-left: 116px !important;
}
.py-xl-116 {
padding-top: 116px !important;
padding-bottom: 116px !important;
}
.px-xl-118 {
padding-right: 118px !important;
padding-left: 118px !important;
}
.py-xl-118 {
padding-top: 118px !important;
padding-bottom: 118px !important;
}
.px-xl-120 {
padding-right: 120px !important;
padding-left: 120px !important;
}
.py-xl-120 {
padding-top: 120px !important;
padding-bottom: 120px !important;
}
.px-xl-122 {
padding-right: 122px !important;
padding-left: 122px !important;
}
.py-xl-122 {
padding-top: 122px !important;
padding-bottom: 122px !important;
}
.px-xl-124 {
padding-right: 124px !important;
padding-left: 124px !important;
}
.py-xl-124 {
padding-top: 124px !important;
padding-bottom: 124px !important;
}
.px-xl-126 {
padding-right: 126px !important;
padding-left: 126px !important;
}
.py-xl-126 {
padding-top: 126px !important;
padding-bottom: 126px !important;
}
.px-xl-128 {
padding-right: 128px !important;
padding-left: 128px !important;
}
.py-xl-128 {
padding-top: 128px !important;
padding-bottom: 128px !important;
}
.pt-xl-0 {
padding-top: 0px !important;
}
.pr-xl-0 {
padding-right: 0px !important;
}
.pb-xl-0 {
padding-bottom: 0px !important;
}
.pl-xl-0 {
padding-left: 0px !important;
}
.pt-xl-2 {
padding-top: 2px !important;
}
.pr-xl-2 {
padding-right: 2px !important;
}
.pb-xl-2 {
padding-bottom: 2px !important;
}
.pl-xl-2 {
padding-left: 2px !important;
}
.pt-xl-4 {
padding-top: 4px !important;
}
.pr-xl-4 {
padding-right: 4px !important;
}
.pb-xl-4 {
padding-bottom: 4px !important;
}
.pl-xl-4 {
padding-left: 4px !important;
}
.pt-xl-6 {
padding-top: 6px !important;
}
.pr-xl-6 {
padding-right: 6px !important;
}
.pb-xl-6 {
padding-bottom: 6px !important;
}
.pl-xl-6 {
padding-left: 6px !important;
}
.pt-xl-8 {
padding-top: 8px !important;
}
.pr-xl-8 {
padding-right: 8px !important;
}
.pb-xl-8 {
padding-bottom: 8px !important;
}
.pl-xl-8 {
padding-left: 8px !important;
}
.pt-xl-10 {
padding-top: 10px !important;
}
.pr-xl-10 {
padding-right: 10px !important;
}
.pb-xl-10 {
padding-bottom: 10px !important;
}
.pl-xl-10 {
padding-left: 10px !important;
}
.pt-xl-12 {
padding-top: 12px !important;
}
.pr-xl-12 {
padding-right: 12px !important;
}
.pb-xl-12 {
padding-bottom: 12px !important;
}
.pl-xl-12 {
padding-left: 12px !important;
}
.pt-xl-14 {
padding-top: 14px !important;
}
.pr-xl-14 {
padding-right: 14px !important;
}
.pb-xl-14 {
padding-bottom: 14px !important;
}
.pl-xl-14 {
padding-left: 14px !important;
}
.pt-xl-16 {
padding-top: 16px !important;
}
.pr-xl-16 {
padding-right: 16px !important;
}
.pb-xl-16 {
padding-bottom: 16px !important;
}
.pl-xl-16 {
padding-left: 16px !important;
}
.pt-xl-18 {
padding-top: 18px !important;
}
.pr-xl-18 {
padding-right: 18px !important;
}
.pb-xl-18 {
padding-bottom: 18px !important;
}
.pl-xl-18 {
padding-left: 18px !important;
}
.pt-xl-20 {
padding-top: 20px !important;
}
.pr-xl-20 {
padding-right: 20px !important;
}
.pb-xl-20 {
padding-bottom: 20px !important;
}
.pl-xl-20 {
padding-left: 20px !important;
}
.pt-xl-22 {
padding-top: 22px !important;
}
.pr-xl-22 {
padding-right: 22px !important;
}
.pb-xl-22 {
padding-bottom: 22px !important;
}
.pl-xl-22 {
padding-left: 22px !important;
}
.pt-xl-24 {
padding-top: 24px !important;
}
.pr-xl-24 {
padding-right: 24px !important;
}
.pb-xl-24 {
padding-bottom: 24px !important;
}
.pl-xl-24 {
padding-left: 24px !important;
}
.pt-xl-26 {
padding-top: 26px !important;
}
.pr-xl-26 {
padding-right: 26px !important;
}
.pb-xl-26 {
padding-bottom: 26px !important;
}
.pl-xl-26 {
padding-left: 26px !important;
}
.pt-xl-28 {
padding-top: 28px !important;
}
.pr-xl-28 {
padding-right: 28px !important;
}
.pb-xl-28 {
padding-bottom: 28px !important;
}
.pl-xl-28 {
padding-left: 28px !important;
}
.pt-xl-30 {
padding-top: 30px !important;
}
.pr-xl-30 {
padding-right: 30px !important;
}
.pb-xl-30 {
padding-bottom: 30px !important;
}
.pl-xl-30 {
padding-left: 30px !important;
}
.pt-xl-32 {
padding-top: 32px !important;
}
.pr-xl-32 {
padding-right: 32px !important;
}
.pb-xl-32 {
padding-bottom: 32px !important;
}
.pl-xl-32 {
padding-left: 32px !important;
}
.pt-xl-34 {
padding-top: 34px !important;
}
.pr-xl-34 {
padding-right: 34px !important;
}
.pb-xl-34 {
padding-bottom: 34px !important;
}
.pl-xl-34 {
padding-left: 34px !important;
}
.pt-xl-36 {
padding-top: 36px !important;
}
.pr-xl-36 {
padding-right: 36px !important;
}
.pb-xl-36 {
padding-bottom: 36px !important;
}
.pl-xl-36 {
padding-left: 36px !important;
}
.pt-xl-38 {
padding-top: 38px !important;
}
.pr-xl-38 {
padding-right: 38px !important;
}
.pb-xl-38 {
padding-bottom: 38px !important;
}
.pl-xl-38 {
padding-left: 38px !important;
}
.pt-xl-40 {
padding-top: 40px !important;
}
.pr-xl-40 {
padding-right: 40px !important;
}
.pb-xl-40 {
padding-bottom: 40px !important;
}
.pl-xl-40 {
padding-left: 40px !important;
}
.pt-xl-42 {
padding-top: 42px !important;
}
.pr-xl-42 {
padding-right: 42px !important;
}
.pb-xl-42 {
padding-bottom: 42px !important;
}
.pl-xl-42 {
padding-left: 42px !important;
}
.pt-xl-44 {
padding-top: 44px !important;
}
.pr-xl-44 {
padding-right: 44px !important;
}
.pb-xl-44 {
padding-bottom: 44px !important;
}
.pl-xl-44 {
padding-left: 44px !important;
}
.pt-xl-46 {
padding-top: 46px !important;
}
.pr-xl-46 {
padding-right: 46px !important;
}
.pb-xl-46 {
padding-bottom: 46px !important;
}
.pl-xl-46 {
padding-left: 46px !important;
}
.pt-xl-48 {
padding-top: 48px !important;
}
.pr-xl-48 {
padding-right: 48px !important;
}
.pb-xl-48 {
padding-bottom: 48px !important;
}
.pl-xl-48 {
padding-left: 48px !important;
}
.pt-xl-50 {
padding-top: 50px !important;
}
.pr-xl-50 {
padding-right: 50px !important;
}
.pb-xl-50 {
padding-bottom: 50px !important;
}
.pl-xl-50 {
padding-left: 50px !important;
}
.pt-xl-52 {
padding-top: 52px !important;
}
.pr-xl-52 {
padding-right: 52px !important;
}
.pb-xl-52 {
padding-bottom: 52px !important;
}
.pl-xl-52 {
padding-left: 52px !important;
}
.pt-xl-54 {
padding-top: 54px !important;
}
.pr-xl-54 {
padding-right: 54px !important;
}
.pb-xl-54 {
padding-bottom: 54px !important;
}
.pl-xl-54 {
padding-left: 54px !important;
}
.pt-xl-56 {
padding-top: 56px !important;
}
.pr-xl-56 {
padding-right: 56px !important;
}
.pb-xl-56 {
padding-bottom: 56px !important;
}
.pl-xl-56 {
padding-left: 56px !important;
}
.pt-xl-58 {
padding-top: 58px !important;
}
.pr-xl-58 {
padding-right: 58px !important;
}
.pb-xl-58 {
padding-bottom: 58px !important;
}
.pl-xl-58 {
padding-left: 58px !important;
}
.pt-xl-60 {
padding-top: 60px !important;
}
.pr-xl-60 {
padding-right: 60px !important;
}
.pb-xl-60 {
padding-bottom: 60px !important;
}
.pl-xl-60 {
padding-left: 60px !important;
}
.pt-xl-62 {
padding-top: 62px !important;
}
.pr-xl-62 {
padding-right: 62px !important;
}
.pb-xl-62 {
padding-bottom: 62px !important;
}
.pl-xl-62 {
padding-left: 62px !important;
}
.pt-xl-64 {
padding-top: 64px !important;
}
.pr-xl-64 {
padding-right: 64px !important;
}
.pb-xl-64 {
padding-bottom: 64px !important;
}
.pl-xl-64 {
padding-left: 64px !important;
}
.pt-xl-66 {
padding-top: 66px !important;
}
.pr-xl-66 {
padding-right: 66px !important;
}
.pb-xl-66 {
padding-bottom: 66px !important;
}
.pl-xl-66 {
padding-left: 66px !important;
}
.pt-xl-68 {
padding-top: 68px !important;
}
.pr-xl-68 {
padding-right: 68px !important;
}
.pb-xl-68 {
padding-bottom: 68px !important;
}
.pl-xl-68 {
padding-left: 68px !important;
}
.pt-xl-70 {
padding-top: 70px !important;
}
.pr-xl-70 {
padding-right: 70px !important;
}
.pb-xl-70 {
padding-bottom: 70px !important;
}
.pl-xl-70 {
padding-left: 70px !important;
}
.pt-xl-72 {
padding-top: 72px !important;
}
.pr-xl-72 {
padding-right: 72px !important;
}
.pb-xl-72 {
padding-bottom: 72px !important;
}
.pl-xl-72 {
padding-left: 72px !important;
}
.pt-xl-74 {
padding-top: 74px !important;
}
.pr-xl-74 {
padding-right: 74px !important;
}
.pb-xl-74 {
padding-bottom: 74px !important;
}
.pl-xl-74 {
padding-left: 74px !important;
}
.pt-xl-76 {
padding-top: 76px !important;
}
.pr-xl-76 {
padding-right: 76px !important;
}
.pb-xl-76 {
padding-bottom: 76px !important;
}
.pl-xl-76 {
padding-left: 76px !important;
}
.pt-xl-78 {
padding-top: 78px !important;
}
.pr-xl-78 {
padding-right: 78px !important;
}
.pb-xl-78 {
padding-bottom: 78px !important;
}
.pl-xl-78 {
padding-left: 78px !important;
}
.pt-xl-80 {
padding-top: 80px !important;
}
.pr-xl-80 {
padding-right: 80px !important;
}
.pb-xl-80 {
padding-bottom: 80px !important;
}
.pl-xl-80 {
padding-left: 80px !important;
}
.pt-xl-82 {
padding-top: 82px !important;
}
.pr-xl-82 {
padding-right: 82px !important;
}
.pb-xl-82 {
padding-bottom: 82px !important;
}
.pl-xl-82 {
padding-left: 82px !important;
}
.pt-xl-84 {
padding-top: 84px !important;
}
.pr-xl-84 {
padding-right: 84px !important;
}
.pb-xl-84 {
padding-bottom: 84px !important;
}
.pl-xl-84 {
padding-left: 84px !important;
}
.pt-xl-86 {
padding-top: 86px !important;
}
.pr-xl-86 {
padding-right: 86px !important;
}
.pb-xl-86 {
padding-bottom: 86px !important;
}
.pl-xl-86 {
padding-left: 86px !important;
}
.pt-xl-88 {
padding-top: 88px !important;
}
.pr-xl-88 {
padding-right: 88px !important;
}
.pb-xl-88 {
padding-bottom: 88px !important;
}
.pl-xl-88 {
padding-left: 88px !important;
}
.pt-xl-90 {
padding-top: 90px !important;
}
.pr-xl-90 {
padding-right: 90px !important;
}
.pb-xl-90 {
padding-bottom: 90px !important;
}
.pl-xl-90 {
padding-left: 90px !important;
}
.pt-xl-92 {
padding-top: 92px !important;
}
.pr-xl-92 {
padding-right: 92px !important;
}
.pb-xl-92 {
padding-bottom: 92px !important;
}
.pl-xl-92 {
padding-left: 92px !important;
}
.pt-xl-94 {
padding-top: 94px !important;
}
.pr-xl-94 {
padding-right: 94px !important;
}
.pb-xl-94 {
padding-bottom: 94px !important;
}
.pl-xl-94 {
padding-left: 94px !important;
}
.pt-xl-96 {
padding-top: 96px !important;
}
.pr-xl-96 {
padding-right: 96px !important;
}
.pb-xl-96 {
padding-bottom: 96px !important;
}
.pl-xl-96 {
padding-left: 96px !important;
}
.pt-xl-98 {
padding-top: 98px !important;
}
.pr-xl-98 {
padding-right: 98px !important;
}
.pb-xl-98 {
padding-bottom: 98px !important;
}
.pl-xl-98 {
padding-left: 98px !important;
}
.pt-xl-100 {
padding-top: 100px !important;
}
.pr-xl-100 {
padding-right: 100px !important;
}
.pb-xl-100 {
padding-bottom: 100px !important;
}
.pl-xl-100 {
padding-left: 100px !important;
}
.pt-xl-102 {
padding-top: 102px !important;
}
.pr-xl-102 {
padding-right: 102px !important;
}
.pb-xl-102 {
padding-bottom: 102px !important;
}
.pl-xl-102 {
padding-left: 102px !important;
}
.pt-xl-104 {
padding-top: 104px !important;
}
.pr-xl-104 {
padding-right: 104px !important;
}
.pb-xl-104 {
padding-bottom: 104px !important;
}
.pl-xl-104 {
padding-left: 104px !important;
}
.pt-xl-106 {
padding-top: 106px !important;
}
.pr-xl-106 {
padding-right: 106px !important;
}
.pb-xl-106 {
padding-bottom: 106px !important;
}
.pl-xl-106 {
padding-left: 106px !important;
}
.pt-xl-108 {
padding-top: 108px !important;
}
.pr-xl-108 {
padding-right: 108px !important;
}
.pb-xl-108 {
padding-bottom: 108px !important;
}
.pl-xl-108 {
padding-left: 108px !important;
}
.pt-xl-110 {
padding-top: 110px !important;
}
.pr-xl-110 {
padding-right: 110px !important;
}
.pb-xl-110 {
padding-bottom: 110px !important;
}
.pl-xl-110 {
padding-left: 110px !important;
}
.pt-xl-112 {
padding-top: 112px !important;
}
.pr-xl-112 {
padding-right: 112px !important;
}
.pb-xl-112 {
padding-bottom: 112px !important;
}
.pl-xl-112 {
padding-left: 112px !important;
}
.pt-xl-114 {
padding-top: 114px !important;
}
.pr-xl-114 {
padding-right: 114px !important;
}
.pb-xl-114 {
padding-bottom: 114px !important;
}
.pl-xl-114 {
padding-left: 114px !important;
}
.pt-xl-116 {
padding-top: 116px !important;
}
.pr-xl-116 {
padding-right: 116px !important;
}
.pb-xl-116 {
padding-bottom: 116px !important;
}
.pl-xl-116 {
padding-left: 116px !important;
}
.pt-xl-118 {
padding-top: 118px !important;
}
.pr-xl-118 {
padding-right: 118px !important;
}
.pb-xl-118 {
padding-bottom: 118px !important;
}
.pl-xl-118 {
padding-left: 118px !important;
}
.pt-xl-120 {
padding-top: 120px !important;
}
.pr-xl-120 {
padding-right: 120px !important;
}
.pb-xl-120 {
padding-bottom: 120px !important;
}
.pl-xl-120 {
padding-left: 120px !important;
}
.pt-xl-122 {
padding-top: 122px !important;
}
.pr-xl-122 {
padding-right: 122px !important;
}
.pb-xl-122 {
padding-bottom: 122px !important;
}
.pl-xl-122 {
padding-left: 122px !important;
}
.pt-xl-124 {
padding-top: 124px !important;
}
.pr-xl-124 {
padding-right: 124px !important;
}
.pb-xl-124 {
padding-bottom: 124px !important;
}
.pl-xl-124 {
padding-left: 124px !important;
}
.pt-xl-126 {
padding-top: 126px !important;
}
.pr-xl-126 {
padding-right: 126px !important;
}
.pb-xl-126 {
padding-bottom: 126px !important;
}
.pl-xl-126 {
padding-left: 126px !important;
}
.pt-xl-128 {
padding-top: 128px !important;
}
.pr-xl-128 {
padding-right: 128px !important;
}
.pb-xl-128 {
padding-bottom: 128px !important;
}
.pl-xl-128 {
padding-left: 128px !important;
}
}
.border,
.b {
border: 1px solid #d9dbe9;
}
.border-top,
.bt {
border-top: 1px solid #d9dbe9;
}
.border-right,
.br {
border-right: 1px solid #d9dbe9;
}
.border-bottom,
.bb {
border-bottom: 1px solid #d9dbe9;
}
.border-left,
.bl {
border-left: 1px solid #d9dbe9;
}
.border-horizontal,
.bx {
border-left: 1px solid #d9dbe9;
border-right: 1px solid #d9dbe9;
}
.border-vertical,
.by {
border-top: 1px solid #d9dbe9;
border-bottom: 1px solid #d9dbe9;
}
.border-radius-100 {
border-radius: 100%;
}
.border-radius-2 {
border-radius: 2px;
}
.border-radius-4,
.br-4 {
border-radius: 4px;
}
.border-radius-8,
.br-8 {
border-radius: 8px;
}
.border-radius-12,
.br-12 {
border-radius: 12px;
}
.border-radius-16,
.br-16 {
border-radius: 16px;
}
.border-radius-20,
.br-20 {
border-radius: 20px;
}
.border-radius-48,
.br-48 {
border-radius: 48px;
}
.cursor-pointer {
cursor: pointer;
}
.cursor-default {
cursor: default;
}
.cursor-not-allowed {
cursor: not-allowed;
}
.cursor-progress {
cursor: progress;
}
.pointer-events-none {
pointer-events: none;
}
.overflow-y-hidden {
overflow-y: hidden;
}
.overflow-y-scroll {
overflow-y: scroll;
}
.overflow-y-auto {
overflow-y: auto;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-x-scroll {
overflow-x: scroll;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-hidden-important {
overflow: hidden !important;
}
.overflow-visible-important {
overflow: visible !important;
}
.text-align-center {
text-align: center;
}
.text-align-left {
text-align: left;
}
.text-align-right {
text-align: right;
}
.break-word {
word-break: break-word;
}
.text-nowrap {
white-space: nowrap;
}
.user-select-none {
-webkit-user-select: none;
user-select: none;
}
.image img {
height: auto;
}
@media screen and (max-width: 1279px) {
.hide-text-lt-ml {
display: none;
}
}
.inline-link {
color: #147ae8;
text-decoration: none;
cursor: pointer;
}
.inline-link:focus {
outline: none;
}
.inline-button-link {
background: none;
outline: none;
border: none;
padding: 0;
color: #147ae8;
text-decoration: none;
cursor: pointer;
}
.inline-button-link:focus {
outline: none;
}
.inline-button-link:disabled {
color: #686b8b;
}
.nowrap {
white-space: nowrap;
}
.headlines-card-title {
font-size: 13px;
font-weight: 500;
line-height: 24px;
letter-spacing: 1px;
text-align: left;
text-transform: uppercase;
}
.headlines-mega-1 {
font-size: 96px;
font-style: normal;
font-weight: 400;
line-height: 112px;
letter-spacing: -1.5px;
}
.headlines-mega-2 {
font-size: 60px;
font-style: normal;
font-weight: 400;
line-height: 72px;
letter-spacing: -0.5px;
}
.headlines-title {
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 56px;
}
.headlines-h1 {
font-size: 34px;
font-style: normal;
font-weight: 400;
line-height: 36px;
}
.headlines-h2 {
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.18px;
}
.headlines-h3 {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.32px;
}
.headlines-subtitle1 {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.15px;
}
.headlines-subtitle2 {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.2px;
}
.headlines-subtitle-all-caps {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: 1px;
text-transform: uppercase;
opacity: 0.48;
}
.paragraph-body {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.5px;
}
.paragraph-body-1-bold {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.5px;
}
.paragraph-body-2 {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.2px;
}
.paragraph-body-2-bold {
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px;
letter-spacing: 0.25px;
}
.paragraph-caption-bold {
font-size: 11px;
font-style: normal;
font-weight: 700;
line-height: 16px;
letter-spacing: 0.5px;
}
.labels-label-xs {
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 12px;
letter-spacing: 0.5px;
}
.labels-label-xs-bold {
font-size: 10px;
font-style: normal;
font-weight: 700;
line-height: 12px;
letter-spacing: 0.5px;
}
.labels-label-s {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.5px;
}
.labels-label-s-bold {
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 16px;
letter-spacing: 0.5px;
}
.labels-label-s-underlined {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.5px;
text-decoration-line: underline;
}
.labels-label-m {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}
.labels-label-m-bold {
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 16px;
}
.labels-label-m-underlined {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
text-decoration-line: underline;
}
.labels-label-l {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.labels-label-l-bold {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.labels-label-l-underlined {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-decoration-line: underline;
}
.labels-label-xl {
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.5px;
}
.labels-button {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 16px;
letter-spacing: 1px;
}
.caption {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.5px;
}
.headlines-overline {
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: 1.5px;
text-transform: uppercase;
}
.all-caps {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
.no-decoration {
text-decoration: none;
}
.line-through {
text-decoration: line-through;
}
.avatar {
width: 24px !important;
min-width: 24px;
height: 24px !important;
min-height: 24px;
border-radius: 50%;
}
.avatar.big {
width: 32px !important;
min-width: 32px;
height: 32px !important;
min-height: 32px;
}
.avatar.large {
width: 48px !important;
min-width: 48px;
height: 48px !important;
min-height: 48px;
}
.avatar.small {
width: 16px !important;
min-width: 16px;
height: 16px !important;
min-height: 16px;
}
.avatar.small svg {
width: 16px;
height: 16px;
}
.avatar.big-2x {
width: 72px !important;
min-width: 72px;
height: 72px !important;
min-height: 72px;
font-size: 24px !important;
}
.avatar.settings {
width: 100% !important;
height: 100% !important;
border-radius: 50%;
overflow: hidden;
}
.avatar-circle {
width: 24px !important;
height: 24px !important;
border-radius: 50%;
background: #9497b1 !important;
font-family: "DM Sans", sans-serif !important;
font-style: normal !important;
font-weight: bold !important;
font-size: 10px !important;
line-height: 24px !important;
display: flex;
align-items: center;
justify-content: center;
text-align: center !important;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #fcfcfc !important;
box-shadow: 0 2px 8px -3px rgba(73, 70, 97, 0.16);
}
.avatar-circle.pink {
background: #f13b81 !important;
}
.avatar-circle.primary-colors-accent-blue {
background: #147ae8 !important;
}
.avatar-circle.orange {
background: #f97b28 !important;
}
.avatar-circle.big {
width: 32px !important;
height: 32px !important;
font-size: 14px !important;
}
.avatar-circle.small {
width: 16px !important;
height: 16px !important;
font-size: 8px !important;
min-height: 8px !important;
}
.avatar-circle.big-2x {
width: 72px !important;
min-width: 72px;
height: 72px !important;
min-height: 72px;
font-size: 24px !important;
}
.card {
background: #fcfcfc;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
border-radius: 12px;
}
.card .card-title {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
display: flex;
align-items: center;
letter-spacing: 0.15px;
color: #686b8b;
}
.card .card-link {
flex-direction: row;
display: flex;
place-content: center center;
align-items: center;
text-decoration: none;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.5px;
color: #147ae8;
}
.btn {
flex-direction: row;
display: flex;
place-content: center center;
align-items: center;
height: 36px;
min-height: 36px;
border-radius: 4px;
border: none;
padding: 0 12px;
font-style: normal;
font-weight: bold;
font-size: 14px;
letter-spacing: 1.25px;
text-transform: uppercase;
cursor: pointer;
text-decoration: none;
}
.btn.h-32 {
height: 32px;
min-height: 32px;
}
.btn.h-28 {
height: 28px;
min-height: 28px;
}
.btn.h-24 {
height: 24px;
min-height: 24px;
}
.btn:focus {
outline: none;
}
.btn.full {
width: 100%;
}
.btn.primary {
color: #fcfcfc;
background: #147ae8;
}
.btn.primary:hover {
background: #1959d4;
}
.btn.primary[disabled=disabled],
.btn.primary:disabled {
background: #f1f2f8;
color: #9497b1;
cursor: not-allowed;
}
.btn.secondary {
color: #147ae8;
background: #fcfcfc;
border: 1px solid #d9dbe9;
}
.btn.secondary:hover {
background: #f7f7fc;
}
.btn.secondary[disabled=disabled],
.btn.secondary:disabled {
background: #fcfcfc;
color: #9497b1;
cursor: not-allowed;
}
.btn.transparent {
color: #147ae8;
border: 1px solid #d9dbe9;
background: transparent;
}
.btn.transparent:hover {
background: #f7f7fc;
}
.btn.transparent[disabled=disabled],
.btn.transparent:disabled {
background: #fcfcfc;
color: #9497b1;
cursor: not-allowed;
}
.btn.btn-text {
color: #147ae8;
background: transparent;
}
.btn.btn-text:hover {
background: rgba(48, 112, 235, 0.08);
}
.btn.btn-text[disabled=disabled],
.btn.btn-text:disabled {
background: transparent;
color: #9497b1;
cursor: not-allowed;
}
.btn.btn-text.active {
background: rgba(48, 112, 235, 0.08);
}
.btn.regular-case {
text-transform: none;
}
.btn.normal-style {
font-weight: normal;
}
.btn.style-500 {
font-weight: 500;
}
.btn.flex-start {
place-content: flex-start;
}
.btn.nowrap {
white-space: nowrap;
}
.btn.f-16 {
font-size: 16px;
}
.btn.f-12 {
font-size: 12px;
}
.btn.ls-0_5 {
letter-spacing: 0.5px;
}
.btn.br-20 {
border-radius: 20px;
}
.btn.link {
padding: 0;
background: none;
color: #147ae8;
height: auto;
min-height: 0;
}
.btn.link.red {
color: #e52750;
}
.status-box {
flex-shrink: 0;
flex-direction: row;
display: flex;
place-content: center center;
align-items: center;
height: 24px;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.5px;
background-color: #fcfcfc;
border-radius: 14px;
padding: 4px 8px;
}
.page-left-menu {
background: #fcfcfc;
border-radius: 0 12px 0 0;
transition: all 0.2s ease-in-out;
}
.page-left-menu .menu-link {
padding: 8px;
text-decoration: none;
-webkit-user-select: none;
user-select: none;
}
.page-left-menu .menu-link .mat-link-text {
margin-left: 16px;
text-decoration: none;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
display: flex;
align-items: center;
letter-spacing: 0.5px;
color: #686b8b;
white-space: nowrap;
}
.page-left-menu .menu-link:hover:not(.disabled) {
background: #f7f7fc;
border-radius: 4px;
}
.page-left-menu .menu-link:hover:not(.disabled) .mat-link-text {
color: #14142a;
}
.page-left-menu .menu-link:hover:not(.active):not(.disabled) svg {
color: #14142a;
}
.page-left-menu .menu-link.disabled:hover {
cursor: not-allowed;
}
.page-left-menu .menu-link.active {
background: #ecf4fd;
border-radius: 4px;
}
.page-left-menu .menu-link.active .mat-link-text {
color: #14142a;
}
.page-left-menu .menu-link.active .active-indicator {
display: flex;
}
.page-left-menu .menu-link .active-indicator {
display: none;
}
.my-work-filter {
color: #686b8b;
padding: 6px 12px;
cursor: pointer;
border-radius: 20px;
border: 1px solid #d9dbe9;
}
.my-work-filter.selected {
color: #14142a;
background: #ecf4fd;
}
.advanced-pie-legend .total-label {
margin-top: 10px !important;
}
.advanced-pie-legend .legend-items-container .legend-items .legend-item .item-value {
margin-top: 0 !important;
}
.advanced-pie-legend .legend-items-container .legend-items .legend-item .item-label {
margin-top: 0 !important;
}
.advanced-pie-legend .legend-items-container .legend-items .legend-item {
min-height: 100px !important;
}
.special-notification-background {
background:
linear-gradient(
87.15deg,
#f7f7fc -4.74%,
#eff2fc 111.75%);
}
.close {
visibility: hidden;
}
app-notification:not(.alert-notification):hover {
transition: 0.2s;
background-color: #f7f7fc;
}
app-notification:not(.alert-notification):hover .close {
visibility: visible;
}
.custom-scroller {
overflow-y: auto;
scrollbar-width: thin;
}
.custom-scroller::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.custom-scroller::-webkit-scrollbar-track {
background: transparent;
}
.custom-scroller::-webkit-scrollbar-thumb {
background-color: rgba(155, 155, 155, 0.5);
border-radius: 20px;
}
.custom-x-scroller {
overflow-x: auto;
overflow-y: visible;
scrollbar-width: thin;
}
.custom-x-scroller::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.custom-x-scroller::-webkit-scrollbar-track {
background: transparent;
}
.custom-x-scroller::-webkit-scrollbar-thumb {
background-color: rgba(155, 155, 155, 0.5);
border-radius: 20px;
}
.projects-menu-panel {
max-height: 250px !important;
scrollbar-width: thin;
}
.projects-menu-panel::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.projects-menu-panel::-webkit-scrollbar-track {
background: transparent;
}
.projects-menu-panel::-webkit-scrollbar-thumb {
background-color: rgba(155, 155, 155, 0.5);
border-radius: 20px;
}
.wrapper.inline .cke-readonly .ck-content {
border-color: transparent !important;
}
.ck.ck-editor__editable_inline {
padding: 0 10px !important;
}
.ck-editor__main {
order: 1;
}
.ck-editor__top {
order: 2;
}
.ck.ck-editor {
display: flex;
flex-direction: column;
}
.ck.ck-editor__top .ck-sticky-panel .ck-toolbar {
border-bottom: 1px solid var(--ck-color-toolbar-border) !important;
border-top-width: 0 !important;
border-radius: 0 0 4px 4px !important;
}
.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: 0 0 4px 4px !important;
}
.ck.ck-editor__main > .ck-editor__editable {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.ck-content {
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
}
.cke-readonly {
cursor: pointer;
}
.cke-readonly .ck.ck-editor__top .ck-sticky-panel .ck-toolbar {
border-bottom: 1px solid transparent !important;
}
.cke-readonly .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
.cke-readonly .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
border-color: transparent !important;
}
.cke-readonly .ck-content {
border-radius: 4px !important;
overflow: hidden !important;
box-shadow: none !important;
}
.cke-readonly .ck.ck-editor__main > .ck-editor__editable {
background: #fcfcfc !important;
}
ckeditor:not(.cke-readonly) .ck-editor__editable_inline {
min-height: 100px;
}
.wrapper.comments .cke-readonly .ck.ck-editor__main > .ck-editor__editable {
min-height: 64px;
}
.ck.ck-balloon-panel {
border: 1px solid #d9dbe9 !important;
border-radius: 4px !important;
box-shadow: 0 4px 16px rgba(104, 107, 139, 0.16), 0 1px 4px rgba(104, 107, 139, 0.16) !important;
overflow: hidden;
}
.ck .ck-placeholder:before,
.ck.ck-placeholder:before {
font-size: 16px;
color: #9497b1 !important;
font-weight: 500;
letter-spacing: 0.5px;
}
.ck-placeholder {
margin: 7px 0 !important;
}
.ck-mention-wrapper {
cursor: pointer !important;
padding: 0 16px !important;
display: flex;
align-items: center;
}
.ck-mention-wrapper.ck-on {
background: #f7f7fc !important;
}
.ck-mention-wrapper .ck-mention-text {
pointer-events: none;
display: flex;
flex-direction: column;
}
.ck-mention-wrapper .ck-image-wrapper {
pointer-events: none;
}
.ck-mention-wrapper .cm-mention-name {
font-family: "DM Sans", sans-serif !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 16px !important;
line-height: 24px !important;
letter-spacing: 0.5px !important;
color: #14142a !important;
}
.ck-mention-wrapper .cm-mention-org {
font-family: "DM Sans", sans-serif !important;
font-style: normal !important;
font-weight: 500 !important;
font-size: 12px !important;
line-height: 16px !important;
letter-spacing: 0.5px !important;
color: #14142a !important;
}
img {
max-width: 100%;
height: auto;
}
.comment-text img {
cursor: pointer;
}
.dots-overflow {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.min-width-0 {
min-width: 0;
}
:focus-visible {
outline: none;
}
.relative {
position: relative;
}
.pill {
height: 20px;
padding-left: 8px;
padding-right: 8px;
border-radius: 20px;
}
.pill .pill-name {
font-style: normal;
font-size: 12px;
line-height: 14px;
letter-spacing: 0.5px;
color: #fcfcfc;
white-space: nowrap;
}
.ck-content * {
word-break: break-word;
}
.ck-powered-by {
display: none !important;
}
.project-list-menu-component {
border-radius: 8px;
overflow: hidden;
}
.project-list-menu-component .mat-mdc-dialog-content {
max-height: calc(100dvh - 153px) !important;
}
.time-tracking-dialog .mat-mdc-dialog-content {
max-height: unset !important;
}
.image-analytics-more-menu {
max-width: 300px !important;
}
.qa-stage-badge {
display: inline-flex;
gap: 2px;
border-radius: 2px;
padding: 2px 4px;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 12px;
letter-spacing: 0.5px;
}
.qa-stage-badge svg {
width: 12px;
height: 12px;
}
.qa-stage-badge.approved {
color: #13b45f;
background-color: #e9f6ef;
}
.qa-stage-badge.new-version-requested {
color: #e52750;
background-color: #faebee;
}
.qa-stage-badge.performed-by-you {
color: #f53a84;
background-color: #feeff5;
}
.more-menu {
min-width: 421px !important;
right: 10% !important;
transform: translateX(10%) !important;
margin-top: 8px;
}
@media screen and (max-width: 1024px) {
.more-menu {
width: auto !important;
min-width: 290px !important;
max-width: 300px !important;
right: 15% !important;
transform: translateX(15%) !important;
}
}
@media screen and (max-width: 599px) {
.more-menu {
width: auto !important;
min-width: 220px !important;
max-width: 280px !important;
right: 20% !important;
transform: translateX(20%) !important;
}
}
.hidden-pinned-projects-menu {
background: #f1f2f8 !important;
min-width: 160px !important;
max-width: 300px !important;
margin-right: -96px;
margin-top: 4px;
}
.hidden-pinned-projects-menu .menu-item {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
padding-left: 16px;
height: 48px;
text-decoration: none;
}
.hidden-pinned-projects-menu .menu-item:hover,
.hidden-pinned-projects-menu .menu-item.cdk-program-focused,
.hidden-pinned-projects-menu .menu-item.cdk-keyboard-focused,
.hidden-pinned-projects-menu .menu-item.cdk-highlighted {
background-color: transparent !important;
}
.hidden-pinned-projects-menu .menu-item.active .nav-link {
color: #14142a;
}
.hidden-pinned-projects-menu .menu-item .indicator-left {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
height: 100%;
width: 4px;
background: #147ae8;
border-radius: 3px;
}
.hidden-pinned-projects-menu .menu-item .nav-link {
text-decoration: none;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 16px;
letter-spacing: 1px;
color: #686b8b;
cursor: pointer;
white-space: nowrap;
}
.hidden-pinned-projects-menu .menu-item .nav-link:hover {
color: #14142a;
}
.delivery-radio-button .mdc-radio {
padding-top: 0 !important;
padding-left: 0 !important;
margin-top: calc((var(--mat-radio-state-layer-size, 40px) - 20px) / 2 * -1) !important;
}
.delivery-radio-button .mat-internal-form-field,
.delivery-radio-button .mdc-label {
width: 100%;
}
.hidden-collaborators-menu {
background: #fcfcfc !important;
min-width: 399px !important;
max-width: 700px !important;
border-radius: 8px;
box-shadow: 0px 1px 4px 0px rgba(104, 107, 139, 0.1607843137), 0px 4px 16px 0px rgba(104, 107, 139, 0.1607843137) !important;
}
.ck-editor .ck-content a:visited {
color: inherit !important;
color: #147ae8 !important;
}
.ck-editor .ck-content a {
color: #147ae8 !important;
}
.hidden-owners-menu {
background: #fcfcfc !important;
min-width: 429px !important;
max-width: 700px !important;
border-radius: 4px;
box-shadow: 0px 1px 4px 0px rgba(104, 107, 139, 0.1607843137), 0px 4px 16px 0px rgba(104, 107, 139, 0.1607843137) !important;
}
.ck-editor .ck-content a:visited {
color: inherit !important;
color: #147ae8 !important;
}
.ck-editor .ck-content a {
color: #147ae8 !important;
}
.team-groups-menu {
background: #fcfcfc !important;
min-width: 399px !important;
max-width: 700px !important;
margin-left: -103px;
border-radius: 4px;
box-shadow: 0px 1px 4px 0px rgba(104, 107, 139, 0.1607843137), 0px 4px 16px 0px rgba(104, 107, 139, 0.1607843137) !important;
}
.ck-editor .ck-content a:visited {
color: inherit !important;
color: #147ae8 !important;
}
.ck-editor .ck-content a {
color: #147ae8 !important;
}
.select-workload-type-menu {
background: #fcfcfc !important;
min-width: 179px !important;
border-radius: 4px;
box-shadow: 0px 1px 4px 0px rgba(104, 107, 139, 0.1607843137), 0px 4px 16px 0px rgba(104, 107, 139, 0.1607843137) !important;
}
.ck-editor .ck-content a:visited {
color: inherit !important;
color: #147ae8 !important;
}
.ck-editor .ck-content a {
color: #147ae8 !important;
}
.project-overview-menu {
background: #fcfcfc !important;
min-width: 877px !important;
margin-top: 13px;
margin-left: -119px;
border-radius: 8px;
box-shadow: 0px 1px 4px 0px rgba(104, 107, 139, 0.1607843137), 0px 4px 16px 0px rgba(104, 107, 139, 0.1607843137) !important;
}
.ck-editor .ck-content a:visited {
color: inherit !important;
color: #147ae8 !important;
}
.ck-editor .ck-content a {
color: #147ae8 !important;
}
.hidden-collaborators-menu {
background: #fcfcfc !important;
min-width: 399px !important;
max-width: 700px !important;
cursor: pointer;
border-radius: 8px;
box-shadow: 0px 1px 4px 0px rgba(104, 107, 139, 0.1607843137), 0px 4px 16px 0px rgba(104, 107, 139, 0.1607843137) !important;
}
.ck-editor .ck-content a:visited {
color: inherit !important;
color: #147ae8 !important;
}
.ck-editor .ck-content a {
color: #147ae8 !important;
}
.hidden-owners-menu {
background: #fcfcfc !important;
min-width: 429px !important;
max-width: 700px !important;
cursor: pointer;
border-radius: 4px;
box-shadow: 0px 1px 4px 0px rgba(104, 107, 139, 0.1607843137), 0px 4px 16px 0px rgba(104, 107, 139, 0.1607843137) !important;
}
.ck-editor .ck-content a:visited {
color: inherit !important;
color: #147ae8 !important;
}
.ck-editor .ck-content a {
color: #147ae8 !important;
}
.team-groups-menu {
background: #fcfcfc !important;
min-width: 399px !important;
max-width: 700px !important;
cursor: pointer;
margin-left: -103px;
border-radius: 4px;
box-shadow: 0px 1px 4px 0px rgba(104, 107, 139, 0.1607843137), 0px 4px 16px 0px rgba(104, 107, 139, 0.1607843137) !important;
}
.ck-editor .ck-content a:visited {
color: inherit !important;
color: #147ae8 !important;
}
.ck-editor .ck-content a {
color: #147ae8 !important;
}
.select-workload-type-menu {
background: #fcfcfc !important;
min-width: 179px !important;
cursor: pointer;
border-radius: 4px;
box-shadow: 0px 1px 4px 0px rgba(104, 107, 139, 0.1607843137), 0px 4px 16px 0px rgba(104, 107, 139, 0.1607843137) !important;
}
.ck-editor .ck-content a:visited {
color: inherit !important;
color: #147ae8 !important;
}
.ck-editor .ck-content a {
color: #147ae8 !important;
}
.project-overview-menu {
background: #fcfcfc !important;
min-width: 877px !important;
margin-top: 13px;
margin-left: -119px;
border-radius: 8px;
box-shadow: 0px 1px 4px 0px rgba(104, 107, 139, 0.1607843137), 0px 4px 16px 0px rgba(104, 107, 139, 0.1607843137) !important;
}
.ck-editor .ck-content a:visited {
color: inherit !important;
color: #147ae8 !important;
}
.ck-editor .ck-content a {
color: #147ae8 !important;
}
.primary-button {
white-space: nowrap;
display: inline-flex;
justify-content: center;
background-color: transparent;
align-items: center;
gap: 8px;
border-radius: 4px;
text-decoration: none;
vertical-align: middle;
flex-grow: 0;
}
.primary-button:focus:not(:disabled) {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.primary-button svg {
color: inherit;
}
.primary-button {
padding: 7px 10px;
}
.primary-button svg {
width: 24px;
height: 24px;
}
.primary-button svg svg {
width: 24px;
height: 24px;
}
.primary-button.svg-left {
padding: 3px 10px 3px 4px;
}
.primary-button.svg-right {
padding: 3px 4px 3px 10px;
}
.primary-button.svg-both {
padding: 0;
}
.primary-button.small {
padding: 3px 8px;
}
.primary-button.small svg {
width: 16px;
height: 16px;
}
.primary-button.small svg svg {
width: 16px;
height: 16px;
}
.primary-button.small.svg-left {
padding: 3px 8px 3px 4px;
}
.primary-button.small.svg-right {
padding: 3px 4px 3px 8px;
}
.primary-button.small.svg-both {
padding: 0;
}
.primary-button.large {
padding: 9px 12px;
}
.primary-button.large svg {
width: 24px;
height: 24px;
}
.primary-button.large svg svg {
width: 24px;
height: 24px;
}
.primary-button.large.svg-left {
padding: 5px 12px 5px 6px;
}
.primary-button.large.svg-right {
padding: 5px 6px 5px 12px;
}
.primary-button.large.svg-both {
padding: 0;
}
.primary-button.xl {
padding: 13px 24px;
}
.primary-button.xl svg {
width: 24px;
height: 24px;
}
.primary-button.xl svg svg {
width: 24px;
height: 24px;
}
.primary-button.xl.svg-left {
padding: 9px 24px 9px 18px;
}
.primary-button.xl.svg-right {
padding: 9px 18px 9px 24px;
}
.primary-button.xl.svg-both {
padding: 0;
}
.primary-button {
font-feature-settings: "clig" off, "liga" off;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 16px;
letter-spacing: 1px;
cursor: pointer;
background: #147ae8;
border: 1px solid transparent;
color: #fcfcfc;
}
.primary-button:disabled,
.primary-button:disabled svg {
color: #9497b1;
background-color: #f1f2f8;
cursor: not-allowed;
}
.primary-button:hover:not(:disabled) {
background-color: #0061cf;
}
.primary-button.inverted {
background-color: #fcfcfc;
color: #147ae8;
border: 1px solid transparent;
}
.primary-button.inverted:disabled {
background-color: #f1f2f8;
color: #9497b1;
cursor: not-allowed;
}
.primary-button.inverted:hover:not(:disabled) {
background-color: #ecf4fd;
}
.secondary-button {
white-space: nowrap;
display: inline-flex;
justify-content: center;
background-color: transparent;
align-items: center;
gap: 8px;
border-radius: 4px;
text-decoration: none;
vertical-align: middle;
flex-grow: 0;
}
.secondary-button:focus:not(:disabled) {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.secondary-button svg {
color: inherit;
}
.secondary-button {
padding: 7px 10px;
}
.secondary-button svg {
width: 24px;
height: 24px;
}
.secondary-button svg svg {
width: 24px;
height: 24px;
}
.secondary-button.svg-left {
padding: 3px 10px 3px 4px;
}
.secondary-button.svg-right {
padding: 3px 4px 3px 10px;
}
.secondary-button.svg-both {
padding: 0;
}
.secondary-button.small {
padding: 3px 8px;
}
.secondary-button.small svg {
width: 16px;
height: 16px;
}
.secondary-button.small svg svg {
width: 16px;
height: 16px;
}
.secondary-button.small.svg-left {
padding: 3px 8px 3px 4px;
}
.secondary-button.small.svg-right {
padding: 3px 4px 3px 8px;
}
.secondary-button.small.svg-both {
padding: 0;
}
.secondary-button.large {
padding: 9px 12px;
}
.secondary-button.large svg {
width: 24px;
height: 24px;
}
.secondary-button.large svg svg {
width: 24px;
height: 24px;
}
.secondary-button.large.svg-left {
padding: 5px 12px 5px 6px;
}
.secondary-button.large.svg-right {
padding: 5px 6px 5px 12px;
}
.secondary-button.large.svg-both {
padding: 0;
}
.secondary-button.xl {
padding: 13px 24px;
}
.secondary-button.xl svg {
width: 24px;
height: 24px;
}
.secondary-button.xl svg svg {
width: 24px;
height: 24px;
}
.secondary-button.xl.svg-left {
padding: 9px 24px 9px 18px;
}
.secondary-button.xl.svg-right {
padding: 9px 18px 9px 24px;
}
.secondary-button.xl.svg-both {
padding: 0;
}
.secondary-button {
font-feature-settings: "clig" off, "liga" off;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 16px;
letter-spacing: 1px;
cursor: pointer;
border: 1px solid #d9dbe9;
color: #147ae8;
}
.secondary-button:disabled,
.secondary-button:disabled svg {
color: #d9dbe9;
cursor: not-allowed;
}
.secondary-button:hover:not(:disabled) {
background-color: #f7f7fc;
}
.tertiary-button {
white-space: nowrap;
display: inline-flex;
justify-content: center;
background-color: transparent;
align-items: center;
gap: 8px;
border-radius: 4px;
text-decoration: none;
vertical-align: middle;
flex-grow: 0;
}
.tertiary-button:focus:not(:disabled) {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.tertiary-button svg {
color: inherit;
}
.tertiary-button {
padding: 7px 10px;
}
.tertiary-button svg {
width: 24px;
height: 24px;
}
.tertiary-button svg svg {
width: 24px;
height: 24px;
}
.tertiary-button.svg-left {
padding: 3px 10px 3px 4px;
}
.tertiary-button.svg-right {
padding: 3px 4px 3px 10px;
}
.tertiary-button.svg-both {
padding: 0;
}
.tertiary-button.small {
padding: 3px 8px;
}
.tertiary-button.small svg {
width: 16px;
height: 16px;
}
.tertiary-button.small svg svg {
width: 16px;
height: 16px;
}
.tertiary-button.small.svg-left {
padding: 3px 8px 3px 4px;
}
.tertiary-button.small.svg-right {
padding: 3px 4px 3px 8px;
}
.tertiary-button.small.svg-both {
padding: 0;
}
.tertiary-button.large {
padding: 9px 12px;
}
.tertiary-button.large svg {
width: 24px;
height: 24px;
}
.tertiary-button.large svg svg {
width: 24px;
height: 24px;
}
.tertiary-button.large.svg-left {
padding: 5px 12px 5px 6px;
}
.tertiary-button.large.svg-right {
padding: 5px 6px 5px 12px;
}
.tertiary-button.large.svg-both {
padding: 0;
}
.tertiary-button.xl {
padding: 13px 24px;
}
.tertiary-button.xl svg {
width: 24px;
height: 24px;
}
.tertiary-button.xl svg svg {
width: 24px;
height: 24px;
}
.tertiary-button.xl.svg-left {
padding: 9px 24px 9px 18px;
}
.tertiary-button.xl.svg-right {
padding: 9px 18px 9px 24px;
}
.tertiary-button.xl.svg-both {
padding: 0;
}
.tertiary-button {
font-feature-settings: "clig" off, "liga" off;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 16px;
letter-spacing: 1px;
cursor: pointer;
color: #147ae8;
border: 1px solid transparent;
}
.tertiary-button:disabled,
.tertiary-button:disabled svg {
color: #d9dbe9;
cursor: not-allowed;
}
.tertiary-button:hover:not(:disabled) {
background-color: #f7f7fc;
}
.primary-round-icon-button,
.primary-square-icon-button {
display: inline-flex;
border-radius: 54px;
align-items: center;
background-color: transparent;
padding: 3px;
}
.primary-round-icon-button svg,
.primary-square-icon-button svg {
width: 24px;
height: 24px;
}
.primary-round-icon-button svg svg,
.primary-square-icon-button svg svg {
width: 24px;
height: 24px;
}
.primary-round-icon-button.svg-left,
.primary-square-icon-button.svg-left {
padding: 0;
}
.primary-round-icon-button.svg-right,
.primary-square-icon-button.svg-right {
padding: 0;
}
.primary-round-icon-button.svg-both,
.primary-square-icon-button.svg-both {
padding: 0;
}
.primary-round-icon-button.small,
.primary-square-icon-button.small {
padding: 0;
}
.primary-round-icon-button.small svg,
.primary-square-icon-button.small svg {
width: 16px;
height: 16px;
}
.primary-round-icon-button.small svg svg,
.primary-square-icon-button.small svg svg {
width: 16px;
height: 16px;
}
.primary-round-icon-button.small.svg-left,
.primary-square-icon-button.small.svg-left {
padding: 0;
}
.primary-round-icon-button.small.svg-right,
.primary-square-icon-button.small.svg-right {
padding: 0;
}
.primary-round-icon-button.small.svg-both,
.primary-square-icon-button.small.svg-both {
padding: 0;
}
.primary-round-icon-button.large,
.primary-square-icon-button.large {
padding: 7px;
}
.primary-round-icon-button.large svg,
.primary-square-icon-button.large svg {
width: 24px;
height: 24px;
}
.primary-round-icon-button.large svg svg,
.primary-square-icon-button.large svg svg {
width: 24px;
height: 24px;
}
.primary-round-icon-button.large.svg-left,
.primary-square-icon-button.large.svg-left {
padding: 0;
}
.primary-round-icon-button.large.svg-right,
.primary-square-icon-button.large.svg-right {
padding: 0;
}
.primary-round-icon-button.large.svg-both,
.primary-square-icon-button.large.svg-both {
padding: 0;
}
.primary-round-icon-button:hover:not(:disabled),
.primary-square-icon-button:hover:not(:disabled) {
cursor: pointer;
}
.primary-round-icon-button:hover:not(:disabled) svg,
.primary-square-icon-button:hover:not(:disabled) svg {
cursor: pointer;
}
.primary-round-icon-button,
.primary-square-icon-button {
border: 1px solid transparent;
color: #fcfcfc;
background-color: #147ae8;
}
.primary-round-icon-button:disabled,
.primary-round-icon-button:disabled svg,
.primary-square-icon-button:disabled,
.primary-square-icon-button:disabled svg {
color: #9497b1;
background-color: #f1f2f8;
cursor: not-allowed;
}
.primary-round-icon-button:hover:not(:disabled),
.primary-square-icon-button:hover:not(:disabled) {
background-color: #0061cf;
}
.secondary-round-icon-button,
.secondary-square-icon-button {
display: inline-flex;
border-radius: 54px;
align-items: center;
background-color: transparent;
padding: 3px;
}
.secondary-round-icon-button svg,
.secondary-square-icon-button svg {
width: 24px;
height: 24px;
}
.secondary-round-icon-button svg svg,
.secondary-square-icon-button svg svg {
width: 24px;
height: 24px;
}
.secondary-round-icon-button.svg-left,
.secondary-square-icon-button.svg-left {
padding: 0;
}
.secondary-round-icon-button.svg-right,
.secondary-square-icon-button.svg-right {
padding: 0;
}
.secondary-round-icon-button.svg-both,
.secondary-square-icon-button.svg-both {
padding: 0;
}
.secondary-round-icon-button.small,
.secondary-square-icon-button.small {
padding: 0;
}
.secondary-round-icon-button.small svg,
.secondary-square-icon-button.small svg {
width: 16px;
height: 16px;
}
.secondary-round-icon-button.small svg svg,
.secondary-square-icon-button.small svg svg {
width: 16px;
height: 16px;
}
.secondary-round-icon-button.small.svg-left,
.secondary-square-icon-button.small.svg-left {
padding: 0;
}
.secondary-round-icon-button.small.svg-right,
.secondary-square-icon-button.small.svg-right {
padding: 0;
}
.secondary-round-icon-button.small.svg-both,
.secondary-square-icon-button.small.svg-both {
padding: 0;
}
.secondary-round-icon-button.large,
.secondary-square-icon-button.large {
padding: 7px;
}
.secondary-round-icon-button.large svg,
.secondary-square-icon-button.large svg {
width: 24px;
height: 24px;
}
.secondary-round-icon-button.large svg svg,
.secondary-square-icon-button.large svg svg {
width: 24px;
height: 24px;
}
.secondary-round-icon-button.large.svg-left,
.secondary-square-icon-button.large.svg-left {
padding: 0;
}
.secondary-round-icon-button.large.svg-right,
.secondary-square-icon-button.large.svg-right {
padding: 0;
}
.secondary-round-icon-button.large.svg-both,
.secondary-square-icon-button.large.svg-both {
padding: 0;
}
.secondary-round-icon-button:hover:not(:disabled),
.secondary-square-icon-button:hover:not(:disabled) {
cursor: pointer;
}
.secondary-round-icon-button:hover:not(:disabled) svg,
.secondary-square-icon-button:hover:not(:disabled) svg {
cursor: pointer;
}
.secondary-round-icon-button,
.secondary-square-icon-button {
border: 1px solid #d9dbe9;
color: #147ae8;
background-color: #fcfcfc;
}
.secondary-round-icon-button:disabled,
.secondary-round-icon-button:disabled svg,
.secondary-square-icon-button:disabled,
.secondary-square-icon-button:disabled svg {
color: #d9dbe9;
cursor: not-allowed;
}
.secondary-round-icon-button:hover:not(:disabled),
.secondary-square-icon-button:hover:not(:disabled) {
background-color: #f7f7fc;
}
.secondary-attention-round-icon-button,
.secondary-attention-square-icon-button {
display: inline-flex;
border-radius: 54px;
align-items: center;
background-color: transparent;
padding: 3px;
}
.secondary-attention-round-icon-button svg,
.secondary-attention-square-icon-button svg {
width: 24px;
height: 24px;
}
.secondary-attention-round-icon-button svg svg,
.secondary-attention-square-icon-button svg svg {
width: 24px;
height: 24px;
}
.secondary-attention-round-icon-button.svg-left,
.secondary-attention-square-icon-button.svg-left {
padding: 0;
}
.secondary-attention-round-icon-button.svg-right,
.secondary-attention-square-icon-button.svg-right {
padding: 0;
}
.secondary-attention-round-icon-button.svg-both,
.secondary-attention-square-icon-button.svg-both {
padding: 0;
}
.secondary-attention-round-icon-button.small,
.secondary-attention-square-icon-button.small {
padding: 0;
}
.secondary-attention-round-icon-button.small svg,
.secondary-attention-square-icon-button.small svg {
width: 16px;
height: 16px;
}
.secondary-attention-round-icon-button.small svg svg,
.secondary-attention-square-icon-button.small svg svg {
width: 16px;
height: 16px;
}
.secondary-attention-round-icon-button.small.svg-left,
.secondary-attention-square-icon-button.small.svg-left {
padding: 0;
}
.secondary-attention-round-icon-button.small.svg-right,
.secondary-attention-square-icon-button.small.svg-right {
padding: 0;
}
.secondary-attention-round-icon-button.small.svg-both,
.secondary-attention-square-icon-button.small.svg-both {
padding: 0;
}
.secondary-attention-round-icon-button.large,
.secondary-attention-square-icon-button.large {
padding: 7px;
}
.secondary-attention-round-icon-button.large svg,
.secondary-attention-square-icon-button.large svg {
width: 24px;
height: 24px;
}
.secondary-attention-round-icon-button.large svg svg,
.secondary-attention-square-icon-button.large svg svg {
width: 24px;
height: 24px;
}
.secondary-attention-round-icon-button.large.svg-left,
.secondary-attention-square-icon-button.large.svg-left {
padding: 0;
}
.secondary-attention-round-icon-button.large.svg-right,
.secondary-attention-square-icon-button.large.svg-right {
padding: 0;
}
.secondary-attention-round-icon-button.large.svg-both,
.secondary-attention-square-icon-button.large.svg-both {
padding: 0;
}
.secondary-attention-round-icon-button:hover:not(:disabled),
.secondary-attention-square-icon-button:hover:not(:disabled) {
cursor: pointer;
}
.secondary-attention-round-icon-button:hover:not(:disabled) svg,
.secondary-attention-square-icon-button:hover:not(:disabled) svg {
cursor: pointer;
}
.secondary-attention-round-icon-button,
.secondary-attention-square-icon-button {
border: 1px solid #d9dbe9;
color: #e52750;
background-color: #fcfcfc;
}
.secondary-attention-round-icon-button:disabled,
.secondary-attention-round-icon-button:disabled svg,
.secondary-attention-square-icon-button:disabled,
.secondary-attention-square-icon-button:disabled svg {
color: #d9dbe9;
cursor: not-allowed;
}
.secondary-attention-round-icon-button:hover:not(:disabled),
.secondary-attention-square-icon-button:hover:not(:disabled) {
background-color: #faebee;
}
.tertiary-round-icon-button,
.tertiary-square-icon-button {
display: inline-flex;
border-radius: 54px;
align-items: center;
background-color: transparent;
padding: 3px;
}
.tertiary-round-icon-button svg,
.tertiary-square-icon-button svg {
width: 24px;
height: 24px;
}
.tertiary-round-icon-button svg svg,
.tertiary-square-icon-button svg svg {
width: 24px;
height: 24px;
}
.tertiary-round-icon-button.svg-left,
.tertiary-square-icon-button.svg-left {
padding: 0;
}
.tertiary-round-icon-button.svg-right,
.tertiary-square-icon-button.svg-right {
padding: 0;
}
.tertiary-round-icon-button.svg-both,
.tertiary-square-icon-button.svg-both {
padding: 0;
}
.tertiary-round-icon-button.small,
.tertiary-square-icon-button.small {
padding: 0;
}
.tertiary-round-icon-button.small svg,
.tertiary-square-icon-button.small svg {
width: 16px;
height: 16px;
}
.tertiary-round-icon-button.small svg svg,
.tertiary-square-icon-button.small svg svg {
width: 16px;
height: 16px;
}
.tertiary-round-icon-button.small.svg-left,
.tertiary-square-icon-button.small.svg-left {
padding: 0;
}
.tertiary-round-icon-button.small.svg-right,
.tertiary-square-icon-button.small.svg-right {
padding: 0;
}
.tertiary-round-icon-button.small.svg-both,
.tertiary-square-icon-button.small.svg-both {
padding: 0;
}
.tertiary-round-icon-button.large,
.tertiary-square-icon-button.large {
padding: 7px;
}
.tertiary-round-icon-button.large svg,
.tertiary-square-icon-button.large svg {
width: 24px;
height: 24px;
}
.tertiary-round-icon-button.large svg svg,
.tertiary-square-icon-button.large svg svg {
width: 24px;
height: 24px;
}
.tertiary-round-icon-button.large.svg-left,
.tertiary-square-icon-button.large.svg-left {
padding: 0;
}
.tertiary-round-icon-button.large.svg-right,
.tertiary-square-icon-button.large.svg-right {
padding: 0;
}
.tertiary-round-icon-button.large.svg-both,
.tertiary-square-icon-button.large.svg-both {
padding: 0;
}
.tertiary-round-icon-button:hover:not(:disabled),
.tertiary-square-icon-button:hover:not(:disabled) {
cursor: pointer;
}
.tertiary-round-icon-button:hover:not(:disabled) svg,
.tertiary-square-icon-button:hover:not(:disabled) svg {
cursor: pointer;
}
.tertiary-round-icon-button,
.tertiary-square-icon-button {
border: 1px solid transparent;
color: #147ae8;
}
.tertiary-round-icon-button:disabled,
.tertiary-round-icon-button:disabled svg,
.tertiary-square-icon-button:disabled,
.tertiary-square-icon-button:disabled svg {
color: #d9dbe9;
cursor: not-allowed;
}
.tertiary-round-icon-button:hover:not(:disabled),
.tertiary-square-icon-button:hover:not(:disabled) {
background-color: #f7f7fc;
}
.primary-square-icon-button,
.secondary-square-icon-button,
.secondary-attention-square-icon-button,
.tertiary-square-icon-button {
border-radius: 4px;
}
.button-group button:first-child {
border-right: none;
border-radius: 4px 0 0 4px;
}
.button-group button:last-child {
border-radius: 0 4px 4px 0;
}
.pill-button-l-darkest-gray {
white-space: nowrap;
display: inline-flex;
justify-content: center;
gap: 2px;
background-color: transparent;
border: none;
padding: 4px 8px;
border-radius: 16px;
}
.pill-button-l-darkest-gray.left-svg {
padding: 4px 8px 4px 4px;
}
.pill-button-l-darkest-gray.right-svg {
padding: 4px 4px 4px 8px;
}
.pill-button-l-darkest-gray {
color: #14142a;
}
.pill-button-l-darkest-gray:hover:not(:disabled),
.pill-button-l-darkest-gray .active {
cursor: pointer;
background-color: #f1f2f8;
}
.pill-button-m {
white-space: nowrap;
display: inline-flex;
justify-content: center;
align-items: center;
vertical-align: middle;
gap: 4px;
background-color: transparent;
color: #686b8b;
border: 1px solid #d9dbe9;
border-radius: 20px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}
.pill-button-m:hover:not(:disabled) {
cursor: pointer;
background-color: #f7f7fc;
}
.pill-button-m.active {
background-color: #ecf4fd;
color: #14142a;
}
.pill-button-m {
padding: 8px 12px;
}
.pill-button-m svg {
width: 16px;
height: 16px;
}
.pill-button-m svg svg {
width: 16px;
height: 16px;
}
.pill-button-m.svg-left {
padding: 8px 12px 8px 8px;
}
.pill-button-m.svg-right {
padding: 8px 8px 8px 12px;
}
.pill-button-m.svg-both {
padding: 8px 12px 8px 12px;
}
.pill-button-m.large-icon {
padding: 8px 12px;
}
.pill-button-m.large-icon svg {
width: 24px;
height: 24px;
}
.pill-button-m.large-icon svg svg {
width: 24px;
height: 24px;
}
.pill-button-m.large-icon.svg-left {
padding: 4px 8px 4px 4px;
}
.pill-button-m.large-icon.svg-right {
padding: 4px 4px 4px 8px;
}
.pill-button-m.large-icon.svg-both {
padding: 4px 8px 4px 8px;
}
.pill-label {
border: 1px solid #d9dbe9;
border-radius: 20px;
padding: 0 8px 0 8px;
gap: 4px;
display: flex;
white-space: nowrap;
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.5px;
text-align: left;
color: #14142a;
}
.pill-label:hover,
.pill-label.active {
color: #147ae8;
background-color: #ecf4fd;
cursor: pointer;
}
.pill-label svg-icon {
align-self: center;
width: 16px;
height: 16px;
}
.pill-label svg-icon svg {
width: 16px;
height: 16px;
}
.pill-label.has-icon {
padding: 0 4px 0 4px;
}
.pill-label.active:hover {
color: #14142a;
}
.links-m {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
color: #147ae8;
display: inline-flex;
align-items: center;
gap: 4px;
text-decoration: none;
white-space: nowrap;
background: none;
border: none;
padding: 0;
align-self: center;
min-width: 0;
max-width: 100%;
}
.links-m.disabled {
pointer-events: none;
color: #9497b1;
}
.links-m:disabled {
color: #9497b1;
cursor: not-allowed;
}
.links-m.destructive {
color: #e52750;
}
.links-m:hover:not(.disabled):not(:disabled) {
color: #14142a;
cursor: pointer;
}
.links-s {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.5px;
color: #147ae8;
display: inline-flex;
align-items: center;
gap: 4px;
text-decoration: none;
white-space: nowrap;
background: none;
border: none;
padding: 0;
align-self: center;
min-width: 0;
max-width: 100%;
}
.links-s.disabled {
pointer-events: none;
color: #9497b1;
}
.links-s:disabled {
color: #9497b1;
cursor: not-allowed;
}
.links-s.destructive {
color: #e52750;
}
.links-s:hover:not(.disabled):not(:disabled) {
color: #14142a;
cursor: pointer;
}
.links-s svg {
width: 16px;
height: 16px;
}
.links-s svg svg {
width: 16px;
height: 16px;
}
.links-l {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: #147ae8;
display: inline-flex;
align-items: center;
gap: 4px;
text-decoration: none;
white-space: nowrap;
background: none;
border: none;
padding: 0;
align-self: center;
min-width: 0;
max-width: 100%;
}
.links-l.disabled {
pointer-events: none;
color: #9497b1;
}
.links-l:disabled {
color: #9497b1;
cursor: not-allowed;
}
.links-l.destructive {
color: #e52750;
}
.links-l:hover:not(.disabled):not(:disabled) {
color: #14142a;
cursor: pointer;
}
.icon {
background-size: contain;
display: inline-block;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-repeat: no-repeat;
background-position: center;
}
.standard-size {
width: 24px;
height: 24px;
background-position: center;
background-size: 24px 24px !important;
}
.small-size {
width: 16px;
height: 16px;
background-position: center;
background-size: 16px 16px !important;
}
.big-size,
.attachment-size {
width: 64px;
height: 64px;
background-position: center;
background-size: 64px 64px !important;
}
.size-32 {
width: 32px;
height: 32px;
background-position: center;
background-size: 32px 32px !important;
}
.svg-12 {
display: block;
}
.svg-12.inline-block {
display: inline-block;
}
.svg-12 {
width: 12px;
height: 12px;
}
.svg-12 svg {
width: 12px;
height: 12px;
}
.svg-16 {
display: block;
}
.svg-16.inline-block {
display: inline-block;
}
.svg-16 {
width: 16px;
height: 16px;
}
.svg-16 svg {
width: 16px;
height: 16px;
}
.svg-24 {
display: block;
}
.svg-24.inline-block {
display: inline-block;
}
.svg-24 {
width: 24px;
height: 24px;
}
.svg-24 svg {
width: 24px;
height: 24px;
}
.svg-32 {
display: block;
}
.svg-32.inline-block {
display: inline-block;
}
.svg-32 {
width: 32px;
height: 32px;
}
.svg-32 svg {
width: 32px;
height: 32px;
}
.svg-40 {
display: block;
}
.svg-40.inline-block {
display: inline-block;
}
.svg-40 {
width: 40px;
height: 40px;
}
.svg-40 svg {
width: 40px;
height: 40px;
}
.svg-48 {
display: block;
}
.svg-48.inline-block {
display: inline-block;
}
.svg-48 {
width: 48px;
height: 48px;
}
.svg-48 svg {
width: 48px;
height: 48px;
}
.svg-64 {
display: block;
}
.svg-64.inline-block {
display: inline-block;
}
.svg-64 {
width: 64px;
height: 64px;
}
.svg-64 svg {
width: 64px;
height: 64px;
}
.svg-124 {
display: block;
}
.svg-124.inline-block {
display: inline-block;
}
.svg-124 {
width: 124px;
height: 124px;
}
.svg-124 svg {
width: 124px;
height: 124px;
}
.greyscale-off-white {
color: #fcfcfc;
}
.greyscale-off-white-bg {
background-color: #fcfcfc;
}
.greyscale-background-grey {
color: #f1f2f8;
}
.greyscale-background-grey-bg {
background-color: #f1f2f8;
}
.greyscale-lightest-grey {
color: #f7f7fc;
}
.greyscale-lightest-grey-bg {
background-color: #f7f7fc;
}
.hover-bg-blue-color {
color: #e9f2fa;
}
.hover-bg-blue-color-bg {
background-color: #e9f2fa;
}
.secondary-8-blue-8 {
color: #ecf4fd;
}
.secondary-8-blue-8-bg {
background-color: #ecf4fd;
}
.greyscale-light-text {
color: #686b8b;
}
.greyscale-light-text-bg {
background-color: #686b8b;
}
.greyscale-body-text-grey {
color: #494661;
}
.greyscale-body-text-grey-bg {
background-color: #494661;
}
.greyscale-darkest-grey {
color: #14142a;
}
.greyscale-darkest-grey-bg {
background-color: #14142a;
}
.greyscale-idle-grey {
color: #9497b1;
}
.greyscale-idle-grey-bg {
background-color: #9497b1;
}
.title-color {
color: #000000;
}
.title-color-bg {
background-color: #000000;
}
.primary-colors-accent-blue {
color: #147ae8;
}
.primary-colors-accent-blue-bg {
background-color: #147ae8;
}
.grouped-notification-blue {
color: #f1f7fe;
}
.grouped-notification-blue-bg {
background-color: #f1f7fe;
}
.hover-blue {
color: #1959d4;
}
.hover-blue-bg {
background-color: #1959d4;
}
.light-pink {
color: #f13b81;
}
.light-pink-bg {
background-color: #f13b81;
}
.light-orange {
color: #f97b28;
}
.light-orange-bg {
background-color: #f97b28;
}
.greyscale-light-grey {
color: #d9dbe9;
}
.greyscale-light-grey-bg {
background-color: #d9dbe9;
}
.purple-blue {
color: #5059c9;
}
.purple-blue-bg {
background-color: #5059c9;
}
.status-done {
color: #16a75b;
}
.status-done-bg {
background-color: #16a75b;
}
.error-color {
color: #e32d41;
}
.error-color-bg {
background-color: #e32d41;
}
.red-color {
color: #e62750;
}
.red-color-bg {
background-color: #e62750;
}
.yellow-color {
color: #fcf7eb;
}
.yellow-color-bg {
background-color: #fcf7eb;
}
.feedback-success-green-8 {
color: #e9f6ef;
}
.feedback-success-green-8-bg {
background-color: #e9f6ef;
}
.primary-colors-bubblegum {
color: #f53a84;
}
.primary-colors-bubblegum-bg {
background-color: #f53a84;
}
.feedback-success-green {
color: #13b45f;
}
.feedback-success-green-bg {
background-color: #13b45f;
}
.reddish {
color: #f96f51;
}
.reddish-bg {
background-color: #f96f51;
}
.feedback-attention-red {
color: #e52750;
}
.feedback-attention-red-bg {
background-color: #e52750;
}
.feedback-attention-red-8 {
color: #faebee;
}
.feedback-attention-red-8-bg {
background-color: #faebee;
}
.primary-colors-orange {
color: #ff9026;
}
.primary-colors-orange-bg {
background-color: #ff9026;
}
.secondary-8-pink-8 {
color: #feeff5;
}
.secondary-8-pink-8-bg {
background-color: #feeff5;
}
.primary-colors-cyan {
color: #08c1ee;
}
.primary-colors-cyan-bg {
background-color: #08c1ee;
}
.secondary-8-cyan-8 {
color: #ebfafe;
}
.secondary-8-cyan-8-bg {
background-color: #ebfafe;
}
.secondary-8-orange-8 {
color: #fff6ee;
}
.secondary-8-orange-8-bg {
background-color: #fff6ee;
}
.secondary-125-ultramarine-125 {
color: #0061cf;
}
.secondary-125-ultramarine-125-bg {
background-color: #0061cf;
}
.secondary-8-yellow-8 {
color: #fff9ee;
}
.secondary-8-yellow-8-bg {
background-color: #fff9ee;
}
.primary-colors-magenta {
color: #d61ee3;
}
.primary-colors-magenta-bg {
background-color: #d61ee3;
}
.primary-colors-cold-pale {
color: #a4b8ce;
}
.primary-colors-cold-pale-bg {
background-color: #a4b8ce;
}
.primary-colors-scarlet {
color: #f84018;
}
.primary-colors-scarlet-bg {
background-color: #f84018;
}
.primary-colors-sunflower {
color: #ffb825;
}
.primary-colors-sunflower-bg {
background-color: #ffb825;
}
.primary-colors-sunflower-0-08 {
color: rgba(255, 184, 37, 0.08);
}
.primary-colors-sunflower-0-08-bg {
background-color: rgba(255, 184, 37, 0.08);
}
.primary-colors-magenta-0-08 {
color: rgba(214, 30, 227, 0.08);
}
.primary-colors-magenta-0-08-bg {
background-color: rgba(214, 30, 227, 0.08);
}
.primary-colors-cold-pale-0-16 {
color: rgba(164, 184, 206, 0.16);
}
.primary-colors-cold-pale-0-16-bg {
background-color: rgba(164, 184, 206, 0.16);
}
.primary-colors-cyan-0-08 {
color: rgba(8, 193, 238, 0.08);
}
.primary-colors-cyan-0-08-bg {
background-color: rgba(8, 193, 238, 0.08);
}
.primary-colors-orange-0-08 {
color: rgba(255, 144, 38, 0.08);
}
.primary-colors-orange-0-08-bg {
background-color: rgba(255, 144, 38, 0.08);
}
.feedback-success-green-0-08 {
color: rgba(19, 180, 95, 0.08);
}
.feedback-success-green-0-08-bg {
background-color: rgba(19, 180, 95, 0.08);
}
.greyscale-idle-grey-0-16 {
color: rgba(148, 151, 177, 0.16);
}
.greyscale-idle-grey-0-16-bg {
background-color: rgba(148, 151, 177, 0.16);
}
.primary-colors-amethyst {
color: #8438f4;
}
.primary-colors-amethyst-bg {
background-color: #8438f4;
}
.primary-colors-amethyst-0-08 {
color: rgba(132, 56, 244, 0.08);
}
.primary-colors-amethyst-0-08-bg {
background-color: rgba(132, 56, 244, 0.08);
}
.mat-body,
.mat-subtitle-2,
.mat-typography .mat-body,
.mat-typography .mat-subtitle-2,
.mat-typography {
font:
400 14px/20px "DM Sans",
Roboto,
"Helvetica Neue",
sans-serif !important;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
margin: 0;
}
.mat-expansion-panel-body {
padding: 0 !important;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel .mat-mdc-menu-item {
padding: 0;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.user-menu {
min-width: 260px;
max-width: 400px;
margin-right: -24px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.user-menu .mat-mdc-menu-item {
flex-direction: row;
display: flex;
place-content: flex-start;
align-items: center;
padding: 0 20px;
}
.icon-tooltip {
display: flex !important;
justify-content: center !important;
align-items: center !important;
color: #fcfcfc !important;
background: #14142a !important;
border-radius: 4px !important;
font-family: "DM Sans", sans-serif !important;
font-style: normal !important;
font-weight: bold !important;
font-size: 12px !important;
line-height: 16px !important;
letter-spacing: 0.5px;
padding-top: 3px !important;
padding-bottom: 3px !important;
word-break: break-all;
max-width: 600px !important;
}
.icon-tooltip > div {
background-color: transparent !important;
}
.icon-tooltip.success {
color: #fcfcfc !important;
background: #13b45f url(/assets/icons/basic/checkmark-icon.svg) no-repeat right 5px center !important;
background-size: 16px !important;
padding-right: 24px;
}
.icon-tooltip.warning {
background: #ff9026 !important;
}
.icon-tooltip.warning .mat-mdc-tooltip-surface {
max-width: 260px !important;
}
.icon-tooltip.error {
background: #e52750 !important;
}
.icon-tooltip.error .mat-mdc-tooltip-surface {
max-width: 260px !important;
}
.icon-tooltip.settings .mat-mdc-tooltip-surface {
max-width: 300px !important;
}
.mat-mdc-dialog-container {
padding: 0 !important;
border-radius: 6px;
}
.mat-mdc-dialog-content {
padding: 0 !important;
margin: 0 !important;
}
.mat-mdc-dialog-actions {
margin-bottom: 0 !important;
}
.custom-overflow-dialog {
overflow-y: scroll;
}
.custom-overflow-dialog .mat-mdc-dialog-container {
overflow: visible;
}
.attachment-preview-dialog-container {
position: absolute !important;
max-width: 100% !important;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.attachment-preview-dialog-container .mat-mdc-dialog-container {
background-color: transparent;
box-shadow: none;
}
.mat-mdc-progress-spinner circle,
.mat-mdc-progress-spinner circle {
stroke: #147ae8 !important;
}
.mat-calendar {
font-family: "DM Sans", sans-serif !important;
}
@media (hover: hover) {
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
background-color: #f7f7fc !important;
}
}
.mat-calendar-body-selected {
background-color: #147ae8 !important;
}
.mat-mdc-dialog-container {
background: #fcfcfc !important;
}
.mat-mdc-menu-item:hover:not([disabled]),
.mat-mdc-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
background-color: #ecf4fd !important;
}
.org-image-menu {
margin-left: -50px;
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) {
background-color: transparent !important;
border: 1px solid #d9dbe9 !important;
border-radius: 4px !important;
}
.mat-mdc-form-field {
--mat-form-field-container-height: 38px;
--mat-form-field-container-vertical-padding: 4px;
}
.read-only .mdc-text-field--filled:not(.mdc-text-field--disabled),
.inline .mdc-text-field--filled:not(.mdc-text-field--disabled) {
border: none !important;
}
.table {
--mat-form-field-container-height: 28px !important;
--mat-form-field-container-vertical-padding: 2px !important;
}
.table .mdc-text-field--filled:not(.mdc-text-field--disabled) {
border-radius: 0 !important;
border-color: transparent !important;
}
.table .mdc-text-field {
padding: 0 8px;
}
.table .mdc-text-field__input,
.table mat-select-trigger {
font-size: 12px !important;
}
.error .mdc-text-field--filled:not(.mdc-text-field--disabled) {
border: 1px solid #e32d41 !important;
}
.mdc-text-field--disabled.mdc-text-field--filled {
background-color: transparent !important;
}
.mat-mdc-form-field-focus-overlay {
background-color: #f7f7fc !important;
border: 1px solid #d9dbe9 !important;
border-radius: 4px !important;
}
.inline.mat-mdc-form-field:hover {
opacity: 1 !important;
}
.mdc-line-ripple {
display: none;
}
.mat-mdc-option:hover:not(.mdc-list-item--disabled) {
background: #f7f7fc !important;
}
.mat-mdc-option .mdc-list-item__primary-text {
display: block;
width: 100%;
}
.mat-pseudo-checkbox {
display: none !important;
}
.mat-mdc-select-arrow-wrapper {
display: none !important;
}
.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
color: inherit !important;
}
.mat-mdc-table {
background: #fcfcfc;
}
.mat-mdc-paginator {
background: #fcfcfc !important;
}
.mat-mdc-table tbody,
.mat-mdc-table tfoot,
.mat-mdc-table thead,
.mat-mdc-cell,
.mat-mdc-footer-cell,
.mat-mdc-header-row,
.mat-mdc-row,
.mat-mdc-footer-row,
.mat-mdc-table .mat-mdc-header-cell {
background: #fcfcfc !important;
}
.mat-form-field-disabled {
background-color: #f7f7fc;
cursor: not-allowed;
}
.mat-form-field-disabled .mat-mdc-select-placeholder {
color: #9497b1;
}
.mat-mdc-form-field {
border-radius: 4px;
}
.mdc-tab {
padding: 8px 12px !important;
color: #686b8b !important;
}
.mdc-tab-indicator {
display: none !important;
}
.mat-mdc-tab,
.mat-mdc-tab .mdc-tab__ripple::before {
border-radius: 20px !important;
}
.mat-mdc-tab:not(.mdc-tab--stacked) {
height: auto !important;
}
.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs > .mat-mdc-tab-header .mat-mdc-tab {
flex-grow: 0 !important;
}
.mat-mdc-tab.mdc-tab--active {
background-color: #ecf4fd !important;
}
.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
color: #147ae8 !important;
}
.mat-mdc-tab-body-content,
.mat-mdc-tab-body.mat-mdc-tab-body-active {
height: auto !important;
overflow: visible !important;
}
.mat-mdc-tab-body-wrapper {
overflow: visible !important;
}
.plain-accordion .mat-content {
flex: none !important;
}
.plain-accordion .mat-expansion-indicator::after {
margin-top: -6px;
color: #147ae8;
}
.plain-accordion .mat-expansion-panel-header {
height: auto;
}
.plain-accordion .mat-expansion-panel-header.mat-expanded {
height: auto;
}
.qa-section-accordion {
--mat-expansion-header-collapsed-state-height: auto !important;
--mat-expansion-header-expanded-state-height: auto !important;
--mat-expansion-container-background-color: transparent !important;
}
.qa-section-accordion .mat-expansion-panel {
box-shadow: none !important;
}
.qa-section-accordion .mat-expansion-panel-header {
padding: 0 !important;
}
.qa-section-accordion .mat-expansion-indicator {
padding-right: 2px;
}
.qa-section-accordion .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
background: none;
}
.qa-section-accordion .mat-expansion-panel-spacing {
margin: 0 !important;
}
.qa-section-accordion .mat-content.mat-content-hide-toggle {
margin-right: 0 !important;
}
.project-overview-no-image .mdc-text-field--filled:not(.mdc-text-field--disabled) {
border: 1px solid #08c1ee !important;
}
.project-overview-with-image .mdc-text-field--filled:not(.mdc-text-field--disabled) {
border: 1px solid #fcfcfc !important;
}
.project-overview-with-image .mat-mdc-select {
color: #fcfcfc !important;
}
.project-overview-with-image .inline.mat-mdc-form-field:hover {
opacity: 0 !important;
}
.mdc-linear-progress__bar-inner {
border-color: #0061cf !important;
}
.mat-mdc-dialog-surface {
overflow-y: visible !important;
}
.user-card-dialog .mat-mdc-dialog-surface {
border-radius: 8px;
box-shadow: 0px 4px 16px 0px rgba(104, 107, 139, 0.1607843137);
background: #fcfcfc;
}
.mat-focused .mdc-text-field--filled:not(.mdc-text-field--disabled) {
border-color: #147ae8 !important;
}
.mat-mdc-select {
vertical-align: middle;
}
.mat-mdc-form-field-infix {
display: flex;
align-items: center;
}
.mat-mdc-select-trigger {
vertical-align: middle;
}
.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
border-color: #147ae8 !important;
background-color: #147ae8 !important;
}
.tags-tab .mat-mdc-tab-header {
padding: 16px;
}
.tags-tab .mat-mdc-tab-body-wrapper {
height: 100%;
}
.tags-tab .mat-mdc-tab-body-content {
height: 100% !important;
}
.mat-mdc-menu-submenu-icon {
display: none;
}
.mat-calendar-with-weeks mat-month-view {
position: relative;
}
.delivery-settings-menu {
min-width: 246px !important;
margin-left: -122px;
margin-top: 5px;
}
.force-panel-above {
transform-origin: center bottom !important;
bottom: 100% !important;
top: auto !important;
position: absolute !important;
margin-bottom: 42px;
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
--mat-sys-on-surface: initial;
}
.mat-app-background {
background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
html {
--mat-app-background-color: #fafafa;
--mat-app-text-color: rgba(0, 0, 0, 0.87);
--mat-app-elevation-shadow-level-0:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-1:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-2:
0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-3:
0px 3px 3px -2px rgba(0, 0, 0, 0.2),
0px 3px 4px 0px rgba(0, 0, 0, 0.14),
0px 1px 8px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-4:
0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-5:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 5px 8px 0px rgba(0, 0, 0, 0.14),
0px 1px 14px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-6:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-7:
0px 4px 5px -2px rgba(0, 0, 0, 0.2),
0px 7px 10px 1px rgba(0, 0, 0, 0.14),
0px 2px 16px 1px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-8:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-9:
0px 5px 6px -3px rgba(0, 0, 0, 0.2),
0px 9px 12px 1px rgba(0, 0, 0, 0.14),
0px 3px 16px 2px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-10:
0px 6px 6px -3px rgba(0, 0, 0, 0.2),
0px 10px 14px 1px rgba(0, 0, 0, 0.14),
0px 4px 18px 3px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-11:
0px 6px 7px -4px rgba(0, 0, 0, 0.2),
0px 11px 15px 1px rgba(0, 0, 0, 0.14),
0px 4px 20px 3px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-12:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-13:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 13px 19px 2px rgba(0, 0, 0, 0.14),
0px 5px 24px 4px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-14:
0px 7px 9px -4px rgba(0, 0, 0, 0.2),
0px 14px 21px 2px rgba(0, 0, 0, 0.14),
0px 5px 26px 4px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-15:
0px 8px 9px -5px rgba(0, 0, 0, 0.2),
0px 15px 22px 2px rgba(0, 0, 0, 0.14),
0px 6px 28px 5px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-16:
0px 8px 10px -5px rgba(0, 0, 0, 0.2),
0px 16px 24px 2px rgba(0, 0, 0, 0.14),
0px 6px 30px 5px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-17:
0px 8px 11px -5px rgba(0, 0, 0, 0.2),
0px 17px 26px 2px rgba(0, 0, 0, 0.14),
0px 6px 32px 5px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-18:
0px 9px 11px -5px rgba(0, 0, 0, 0.2),
0px 18px 28px 2px rgba(0, 0, 0, 0.14),
0px 7px 34px 6px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-19:
0px 9px 12px -6px rgba(0, 0, 0, 0.2),
0px 19px 29px 2px rgba(0, 0, 0, 0.14),
0px 7px 36px 6px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-20:
0px 10px 13px -6px rgba(0, 0, 0, 0.2),
0px 20px 31px 3px rgba(0, 0, 0, 0.14),
0px 8px 38px 7px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-21:
0px 10px 13px -6px rgba(0, 0, 0, 0.2),
0px 21px 33px 3px rgba(0, 0, 0, 0.14),
0px 8px 40px 7px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-22:
0px 10px 14px -6px rgba(0, 0, 0, 0.2),
0px 22px 35px 3px rgba(0, 0, 0, 0.14),
0px 8px 42px 7px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-23:
0px 11px 14px -7px rgba(0, 0, 0, 0.2),
0px 23px 36px 3px rgba(0, 0, 0, 0.14),
0px 9px 44px 8px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-24:
0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
--mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
--mat-option-selected-state-label-text-color: #3f51b5;
--mat-option-label-text-color: rgba(0, 0, 0, 0.87);
--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
--mat-option-selected-state-label-text-color: #448aff;
--mat-option-label-text-color: rgba(0, 0, 0, 0.87);
--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
--mat-option-selected-state-label-text-color: #f44336;
--mat-option-label-text-color: rgba(0, 0, 0, 0.87);
--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
--mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-pseudo-checkbox-full-selected-icon-color: #448aff;
--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-minimal-selected-checkmark-color: #448aff;
--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
--mat-pseudo-checkbox-full-selected-icon-color: #3f51b5;
--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-minimal-selected-checkmark-color: #3f51b5;
--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
--mat-pseudo-checkbox-full-selected-icon-color: #448aff;
--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-minimal-selected-checkmark-color: #448aff;
--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
--mat-pseudo-checkbox-full-selected-icon-color: #f44336;
--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
--mat-card-elevated-container-shape: 4px;
--mat-card-outlined-container-shape: 4px;
--mat-card-filled-container-shape: 4px;
--mat-card-outlined-outline-width: 1px;
}
html {
--mat-card-elevated-container-color: white;
--mat-card-elevated-container-elevation:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-card-outlined-container-color: white;
--mat-card-outlined-container-elevation:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
--mat-card-filled-container-color: white;
--mat-card-filled-container-elevation:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
--mat-progress-bar-active-indicator-height: 4px;
--mat-progress-bar-track-height: 4px;
--mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
--mat-progress-bar-active-indicator-color: #3f51b5;
--mat-progress-bar-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
--mat-progress-bar-active-indicator-color: #448aff;
--mat-progress-bar-track-color: rgba(68, 138, 255, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
--mat-progress-bar-active-indicator-color: #f44336;
--mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
--mat-tooltip-container-shape: 4px;
--mat-tooltip-supporting-text-line-height: 16px;
}
html {
--mat-tooltip-container-color: #424242;
--mat-tooltip-supporting-text-color: white;
}
html {
--mat-form-field-filled-active-indicator-height: 1px;
--mat-form-field-filled-focus-active-indicator-height: 2px;
--mat-form-field-filled-container-shape: 4px;
--mat-form-field-outlined-outline-width: 1px;
--mat-form-field-outlined-focus-outline-width: 2px;
--mat-form-field-outlined-container-shape: 4px;
}
html {
--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #3f51b5 87%, transparent);
--mat-form-field-filled-caret-color: #3f51b5;
--mat-form-field-filled-focus-active-indicator-color: #3f51b5;
--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
--mat-form-field-outlined-caret-color: #3f51b5;
--mat-form-field-outlined-focus-outline-color: #3f51b5;
--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-form-field-error-text-color: #f44336;
--mat-form-field-select-option-text-color: inherit;
--mat-form-field-select-disabled-option-text-color: GrayText;
--mat-form-field-leading-icon-color: unset;
--mat-form-field-disabled-leading-icon-color: unset;
--mat-form-field-trailing-icon-color: unset;
--mat-form-field-disabled-trailing-icon-color: unset;
--mat-form-field-error-focus-trailing-icon-color: unset;
--mat-form-field-error-hover-trailing-icon-color: unset;
--mat-form-field-error-trailing-icon-color: unset;
--mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-hover-state-layer-opacity: 0.04;
--mat-form-field-focus-state-layer-opacity: 0.12;
--mat-form-field-filled-container-color: #f6f6f6;
--mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
--mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
--mat-form-field-filled-error-hover-label-text-color: #f44336;
--mat-form-field-filled-error-focus-label-text-color: #f44336;
--mat-form-field-filled-error-label-text-color: #f44336;
--mat-form-field-filled-error-caret-color: #f44336;
--mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
--mat-form-field-filled-error-active-indicator-color: #f44336;
--mat-form-field-filled-error-focus-active-indicator-color: #f44336;
--mat-form-field-filled-error-hover-active-indicator-color: #f44336;
--mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
--mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
--mat-form-field-outlined-error-caret-color: #f44336;
--mat-form-field-outlined-error-focus-label-text-color: #f44336;
--mat-form-field-outlined-error-label-text-color: #f44336;
--mat-form-field-outlined-error-hover-label-text-color: #f44336;
--mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
--mat-form-field-outlined-error-focus-outline-color: #f44336;
--mat-form-field-outlined-error-hover-outline-color: #f44336;
--mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #448aff 87%, transparent);
--mat-form-field-filled-caret-color: #448aff;
--mat-form-field-filled-focus-active-indicator-color: #448aff;
--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #448aff 87%, transparent);
--mat-form-field-outlined-caret-color: #448aff;
--mat-form-field-outlined-focus-outline-color: #448aff;
--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #448aff 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
--mat-form-field-filled-caret-color: #f44336;
--mat-form-field-filled-focus-active-indicator-color: #f44336;
--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
--mat-form-field-outlined-caret-color: #f44336;
--mat-form-field-outlined-focus-outline-color: #f44336;
--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
--mat-form-field-container-height: 56px;
--mat-form-field-filled-label-display: block;
--mat-form-field-container-vertical-padding: 16px;
--mat-form-field-filled-with-label-container-padding-top: 24px;
--mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
--mat-select-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
--mat-select-panel-background-color: white;
--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
--mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-focused-arrow-color: #3f51b5;
--mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
--mat-select-panel-background-color: white;
--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
--mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-focused-arrow-color: #448aff;
--mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
--mat-select-panel-background-color: white;
--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
--mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-focused-arrow-color: #f44336;
--mat-select-invalid-arrow-color: #f44336;
}
html {
--mat-select-arrow-transform: translateY(-8px);
}
html {
--mat-autocomplete-container-shape: 4px;
--mat-autocomplete-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
--mat-autocomplete-background-color: white;
}
html {
--mat-dialog-container-shape: 4px;
--mat-dialog-container-elevation-shadow:
0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12);
--mat-dialog-container-max-width: 80vw;
--mat-dialog-container-small-max-width: 80vw;
--mat-dialog-container-min-width: 0;
--mat-dialog-actions-alignment: start;
--mat-dialog-actions-padding: 8px;
--mat-dialog-content-padding: 20px 24px;
--mat-dialog-with-actions-content-padding: 20px 24px;
--mat-dialog-headline-padding: 0 24px 9px;
}
html {
--mat-dialog-container-color: white;
--mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
--mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-standard-chip {
--mat-chip-container-shape-radius: 16px;
--mat-chip-disabled-container-opacity: 0.4;
--mat-chip-disabled-outline-color: transparent;
--mat-chip-flat-selected-outline-width: 0;
--mat-chip-focus-outline-color: transparent;
--mat-chip-hover-state-layer-opacity: 0.04;
--mat-chip-outline-color: transparent;
--mat-chip-outline-width: 0;
--mat-chip-selected-hover-state-layer-opacity: 0.04;
--mat-chip-selected-trailing-action-state-layer-color: transparent;
--mat-chip-trailing-action-focus-opacity: 1;
--mat-chip-trailing-action-focus-state-layer-opacity: 0;
--mat-chip-trailing-action-hover-state-layer-opacity: 0;
--mat-chip-trailing-action-opacity: 0.54;
--mat-chip-trailing-action-state-layer-color: transparent;
--mat-chip-with-avatar-avatar-shape-radius: 14px;
--mat-chip-with-avatar-avatar-size: 28px;
--mat-chip-with-avatar-disabled-avatar-opacity: 1;
--mat-chip-with-icon-disabled-icon-opacity: 1;
--mat-chip-with-icon-icon-size: 18px;
--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
--mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
--mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-focus-state-layer-opacity: 0.12;
--mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
--mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-selected-focus-state-layer-color: 0.12;
--mat-chip-selected-focus-state-layer-opacity: 0.12;
--mat-chip-selected-hover-state-layer-color: 0.04;
--mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
--mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
--mat-chip-disabled-label-text-color: white;
--mat-chip-elevated-container-color: #3f51b5;
--mat-chip-elevated-disabled-container-color: #3f51b5;
--mat-chip-elevated-selected-container-color: #3f51b5;
--mat-chip-flat-disabled-selected-container-color: #3f51b5;
--mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-focus-state-layer-opacity: 0.12;
--mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-label-text-color: white;
--mat-chip-selected-disabled-trailing-icon-color: white;
--mat-chip-selected-focus-state-layer-color: 0.12;
--mat-chip-selected-focus-state-layer-opacity: 0.12;
--mat-chip-selected-hover-state-layer-color: 0.04;
--mat-chip-selected-label-text-color: white;
--mat-chip-selected-trailing-icon-color: white;
--mat-chip-with-icon-disabled-icon-color: white;
--mat-chip-with-icon-icon-color: white;
--mat-chip-with-icon-selected-icon-color: white;
--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
--mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
--mat-chip-disabled-label-text-color: white;
--mat-chip-elevated-container-color: #448aff;
--mat-chip-elevated-disabled-container-color: #448aff;
--mat-chip-elevated-selected-container-color: #448aff;
--mat-chip-flat-disabled-selected-container-color: #448aff;
--mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-focus-state-layer-opacity: 0.12;
--mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-label-text-color: white;
--mat-chip-selected-disabled-trailing-icon-color: white;
--mat-chip-selected-focus-state-layer-color: 0.12;
--mat-chip-selected-focus-state-layer-opacity: 0.12;
--mat-chip-selected-hover-state-layer-color: 0.04;
--mat-chip-selected-label-text-color: white;
--mat-chip-selected-trailing-icon-color: white;
--mat-chip-with-icon-disabled-icon-color: white;
--mat-chip-with-icon-icon-color: white;
--mat-chip-with-icon-selected-icon-color: white;
--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
--mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
--mat-chip-disabled-label-text-color: white;
--mat-chip-elevated-container-color: #f44336;
--mat-chip-elevated-disabled-container-color: #f44336;
--mat-chip-elevated-selected-container-color: #f44336;
--mat-chip-flat-disabled-selected-container-color: #f44336;
--mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-focus-state-layer-opacity: 0.12;
--mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-label-text-color: white;
--mat-chip-selected-disabled-trailing-icon-color: white;
--mat-chip-selected-focus-state-layer-color: 0.12;
--mat-chip-selected-focus-state-layer-opacity: 0.12;
--mat-chip-selected-hover-state-layer-color: 0.04;
--mat-chip-selected-label-text-color: white;
--mat-chip-selected-trailing-icon-color: white;
--mat-chip-with-icon-disabled-icon-color: white;
--mat-chip-with-icon-icon-color: white;
--mat-chip-with-icon-selected-icon-color: white;
--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
--mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
--mat-chip-container-height: 32px;
}
html {
--mat-slide-toggle-disabled-handle-opacity: 0.38;
--mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
--mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
--mat-slide-toggle-disabled-track-opacity: 0.12;
--mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
--mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
--mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
--mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
--mat-slide-toggle-handle-height: 20px;
--mat-slide-toggle-handle-shape: 10px;
--mat-slide-toggle-handle-width: 20px;
--mat-slide-toggle-hidden-track-opacity: 1;
--mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
--mat-slide-toggle-pressed-handle-size: 20px;
--mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
--mat-slide-toggle-selected-handle-horizontal-margin: 0;
--mat-slide-toggle-selected-handle-size: 20px;
--mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
--mat-slide-toggle-selected-icon-size: 18px;
--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
--mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
--mat-slide-toggle-selected-track-outline-color: transparent;
--mat-slide-toggle-selected-track-outline-width: 1px;
--mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
--mat-slide-toggle-track-height: 14px;
--mat-slide-toggle-track-outline-color: transparent;
--mat-slide-toggle-track-outline-width: 1px;
--mat-slide-toggle-track-shape: 7px;
--mat-slide-toggle-track-width: 36px;
--mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
--mat-slide-toggle-unselected-handle-horizontal-margin: 0;
--mat-slide-toggle-unselected-handle-size: 20px;
--mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
--mat-slide-toggle-unselected-icon-size: 18px;
--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
--mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
--mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
--mat-slide-toggle-visible-track-opacity: 1;
--mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
--mat-slide-toggle-with-icon-handle-size: 20px;
--mat-slide-toggle-touch-target-size: 48px;
}
html {
--mat-slide-toggle-selected-icon-color: white;
--mat-slide-toggle-disabled-selected-icon-color: white;
--mat-slide-toggle-selected-focus-state-layer-color: #3f51b5;
--mat-slide-toggle-selected-handle-color: #3f51b5;
--mat-slide-toggle-selected-hover-state-layer-color: #3f51b5;
--mat-slide-toggle-selected-pressed-state-layer-color: #3f51b5;
--mat-slide-toggle-selected-focus-handle-color: #3f51b5;
--mat-slide-toggle-selected-hover-handle-color: #3f51b5;
--mat-slide-toggle-selected-pressed-handle-color: #3f51b5;
--mat-slide-toggle-selected-focus-track-color: #7986cb;
--mat-slide-toggle-selected-hover-track-color: #7986cb;
--mat-slide-toggle-selected-pressed-track-color: #7986cb;
--mat-slide-toggle-selected-track-color: #7986cb;
--mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-slide-toggle-disabled-handle-elevation-shadow:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
--mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-handle-elevation-shadow:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-slide-toggle-handle-surface-color: white;
--mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-unselected-hover-handle-color: #424242;
--mat-slide-toggle-unselected-focus-handle-color: #424242;
--mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
--mat-slide-toggle-unselected-icon-color: #f6f6f6;
--mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
--mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
--mat-slide-toggle-unselected-pressed-handle-color: #424242;
--mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
--mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
--mat-slide-toggle-selected-icon-color: white;
--mat-slide-toggle-disabled-selected-icon-color: white;
--mat-slide-toggle-selected-focus-state-layer-color: #448aff;
--mat-slide-toggle-selected-handle-color: #448aff;
--mat-slide-toggle-selected-hover-state-layer-color: #448aff;
--mat-slide-toggle-selected-pressed-state-layer-color: #448aff;
--mat-slide-toggle-selected-focus-handle-color: #448aff;
--mat-slide-toggle-selected-hover-handle-color: #448aff;
--mat-slide-toggle-selected-pressed-handle-color: #448aff;
--mat-slide-toggle-selected-focus-track-color: #64b5f6;
--mat-slide-toggle-selected-hover-track-color: #64b5f6;
--mat-slide-toggle-selected-pressed-track-color: #64b5f6;
--mat-slide-toggle-selected-track-color: #64b5f6;
}
.mat-mdc-slide-toggle.mat-warn {
--mat-slide-toggle-selected-icon-color: white;
--mat-slide-toggle-disabled-selected-icon-color: white;
--mat-slide-toggle-selected-focus-state-layer-color: #f44336;
--mat-slide-toggle-selected-handle-color: #f44336;
--mat-slide-toggle-selected-hover-state-layer-color: #f44336;
--mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
--mat-slide-toggle-selected-focus-handle-color: #f44336;
--mat-slide-toggle-selected-hover-handle-color: #f44336;
--mat-slide-toggle-selected-pressed-handle-color: #f44336;
--mat-slide-toggle-selected-focus-track-color: #e57373;
--mat-slide-toggle-selected-hover-track-color: #e57373;
--mat-slide-toggle-selected-pressed-track-color: #e57373;
--mat-slide-toggle-selected-track-color: #e57373;
}
html {
--mat-slide-toggle-state-layer-size: 40px;
--mat-slide-toggle-touch-target-display: block;
}
html {
--mat-radio-disabled-selected-icon-opacity: 0.38;
--mat-radio-disabled-unselected-icon-opacity: 0.38;
--mat-radio-state-layer-size: 40px;
--mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
--mat-radio-checked-ripple-color: #3f51b5;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #3f51b5;
--mat-radio-selected-hover-icon-color: #3f51b5;
--mat-radio-selected-icon-color: #3f51b5;
--mat-radio-selected-pressed-icon-color: #3f51b5;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
--mat-radio-checked-ripple-color: #448aff;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #448aff;
--mat-radio-selected-hover-icon-color: #448aff;
--mat-radio-selected-icon-color: #448aff;
--mat-radio-selected-pressed-icon-color: #448aff;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
--mat-radio-checked-ripple-color: #f44336;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #f44336;
--mat-radio-selected-hover-icon-color: #f44336;
--mat-radio-selected-icon-color: #f44336;
--mat-radio-selected-pressed-icon-color: #f44336;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-radio-state-layer-size: 40px;
--mat-radio-touch-target-display: block;
}
html {
--mat-slider-active-track-height: 6px;
--mat-slider-active-track-shape: 9999px;
--mat-slider-handle-elevation:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-slider-handle-height: 20px;
--mat-slider-handle-shape: 50%;
--mat-slider-handle-width: 20px;
--mat-slider-inactive-track-height: 4px;
--mat-slider-inactive-track-shape: 9999px;
--mat-slider-value-indicator-border-radius: 4px;
--mat-slider-value-indicator-caret-display: block;
--mat-slider-value-indicator-container-transform: translateX(-50%);
--mat-slider-value-indicator-height: 32px;
--mat-slider-value-indicator-padding: 0 12px;
--mat-slider-value-indicator-text-transform: none;
--mat-slider-value-indicator-width: auto;
--mat-slider-with-overlap-handle-outline-width: 1px;
--mat-slider-with-tick-marks-active-container-opacity: 0.6;
--mat-slider-with-tick-marks-container-shape: 50%;
--mat-slider-with-tick-marks-container-size: 2px;
--mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
--mat-slider-value-indicator-transform-origin: bottom;
}
html {
--mat-slider-active-track-color: #3f51b5;
--mat-slider-focus-handle-color: #3f51b5;
--mat-slider-handle-color: #3f51b5;
--mat-slider-hover-handle-color: #3f51b5;
--mat-slider-focus-state-layer-color: color-mix(in srgb, #3f51b5 12%, transparent);
--mat-slider-hover-state-layer-color: color-mix(in srgb, #3f51b5 4%, transparent);
--mat-slider-inactive-track-color: #3f51b5;
--mat-slider-ripple-color: #3f51b5;
--mat-slider-with-tick-marks-active-container-color: white;
--mat-slider-with-tick-marks-inactive-container-color: #3f51b5;
--mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
--mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
--mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
--mat-slider-label-container-color: #424242;
--mat-slider-label-label-text-color: white;
--mat-slider-value-indicator-opacity: 1;
--mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
--mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
--mat-slider-active-track-color: #448aff;
--mat-slider-focus-handle-color: #448aff;
--mat-slider-handle-color: #448aff;
--mat-slider-hover-handle-color: #448aff;
--mat-slider-focus-state-layer-color: color-mix(in srgb, #448aff 12%, transparent);
--mat-slider-hover-state-layer-color: color-mix(in srgb, #448aff 4%, transparent);
--mat-slider-inactive-track-color: #448aff;
--mat-slider-ripple-color: #448aff;
--mat-slider-with-tick-marks-active-container-color: white;
--mat-slider-with-tick-marks-inactive-container-color: #448aff;
}
.mat-warn {
--mat-slider-active-track-color: #f44336;
--mat-slider-focus-handle-color: #f44336;
--mat-slider-handle-color: #f44336;
--mat-slider-hover-handle-color: #f44336;
--mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
--mat-slider-inactive-track-color: #f44336;
--mat-slider-ripple-color: #f44336;
--mat-slider-with-tick-marks-active-container-color: white;
--mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
--mat-menu-container-shape: 4px;
--mat-menu-divider-bottom-spacing: 0;
--mat-menu-divider-top-spacing: 0;
--mat-menu-item-spacing: 16px;
--mat-menu-item-icon-size: 24px;
--mat-menu-item-leading-spacing: 16px;
--mat-menu-item-trailing-spacing: 16px;
--mat-menu-item-with-icon-leading-spacing: 16px;
--mat-menu-item-with-icon-trailing-spacing: 16px;
--mat-menu-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
--mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
--mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
--mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-menu-container-color: white;
--mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
--mat-list-active-indicator-color: transparent;
--mat-list-active-indicator-shape: 4px;
--mat-list-list-item-container-shape: 0;
--mat-list-list-item-leading-avatar-shape: 50%;
--mat-list-list-item-container-color: transparent;
--mat-list-list-item-selected-container-color: transparent;
--mat-list-list-item-leading-avatar-color: transparent;
--mat-list-list-item-leading-icon-size: 24px;
--mat-list-list-item-leading-avatar-size: 40px;
--mat-list-list-item-trailing-icon-size: 24px;
--mat-list-list-item-disabled-state-layer-color: transparent;
--mat-list-list-item-disabled-state-layer-opacity: 0;
--mat-list-list-item-disabled-label-text-opacity: 0.38;
--mat-list-list-item-disabled-leading-icon-opacity: 0.38;
--mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
--mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-hover-state-layer-opacity: 0.04;
--mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
--mat-radio-checked-ripple-color: #3f51b5;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #3f51b5;
--mat-radio-selected-hover-icon-color: #3f51b5;
--mat-radio-selected-icon-color: #3f51b5;
--mat-radio-selected-pressed-icon-color: #3f51b5;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
--mat-radio-checked-ripple-color: #448aff;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #448aff;
--mat-radio-selected-hover-icon-color: #448aff;
--mat-radio-selected-icon-color: #448aff;
--mat-radio-selected-pressed-icon-color: #448aff;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
--mat-radio-checked-ripple-color: #f44336;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #f44336;
--mat-radio-selected-hover-icon-color: #f44336;
--mat-radio-selected-icon-color: #f44336;
--mat-radio-selected-pressed-icon-color: #f44336;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #3f51b5;
--mat-checkbox-selected-hover-icon-color: #3f51b5;
--mat-checkbox-selected-icon-color: #3f51b5;
--mat-checkbox-selected-pressed-icon-color: #3f51b5;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #3f51b5;
--mat-checkbox-selected-hover-state-layer-color: #3f51b5;
--mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #448aff;
--mat-checkbox-selected-hover-icon-color: #448aff;
--mat-checkbox-selected-icon-color: #448aff;
--mat-checkbox-selected-pressed-icon-color: #448aff;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #448aff;
--mat-checkbox-selected-hover-state-layer-color: #448aff;
--mat-checkbox-selected-pressed-state-layer-color: #448aff;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #f44336;
--mat-checkbox-selected-hover-icon-color: #f44336;
--mat-checkbox-selected-icon-color: #f44336;
--mat-checkbox-selected-pressed-icon-color: #f44336;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #f44336;
--mat-checkbox-selected-hover-state-layer-color: #f44336;
--mat-checkbox-selected-pressed-state-layer-color: #f44336;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
color: #3f51b5;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
opacity: 1;
}
html {
--mat-list-list-item-leading-icon-start-space: 16px;
--mat-list-list-item-leading-icon-end-space: 32px;
--mat-list-list-item-one-line-container-height: 48px;
--mat-list-list-item-two-line-container-height: 64px;
--mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
--mat-radio-state-layer-size: 40px;
--mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
height: 72px;
}
html {
--mat-paginator-page-size-select-width: 84px;
--mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
--mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
--mat-paginator-container-background-color: white;
--mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
--mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
--mat-paginator-container-size: 56px;
--mat-paginator-form-field-container-height: 40px;
--mat-paginator-form-field-container-vertical-padding: 8px;
--mat-paginator-touch-target-display: block;
}
html {
--mat-tab-container-height: 48px;
--mat-tab-divider-color: transparent;
--mat-tab-divider-height: 0;
--mat-tab-active-indicator-height: 2px;
--mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
--mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
--mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
--mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-label-text-color: #3f51b5;
--mat-tab-active-ripple-color: #3f51b5;
--mat-tab-inactive-ripple-color: #3f51b5;
--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-focus-label-text-color: #3f51b5;
--mat-tab-active-hover-label-text-color: #3f51b5;
--mat-tab-active-focus-indicator-color: #3f51b5;
--mat-tab-active-hover-indicator-color: #3f51b5;
--mat-tab-active-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
--mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
--mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
--mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-label-text-color: #448aff;
--mat-tab-active-ripple-color: #448aff;
--mat-tab-inactive-ripple-color: #448aff;
--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-focus-label-text-color: #448aff;
--mat-tab-active-hover-label-text-color: #448aff;
--mat-tab-active-focus-indicator-color: #448aff;
--mat-tab-active-hover-indicator-color: #448aff;
--mat-tab-active-indicator-color: #448aff;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
--mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
--mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
--mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-label-text-color: #f44336;
--mat-tab-active-ripple-color: #f44336;
--mat-tab-inactive-ripple-color: #f44336;
--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-focus-label-text-color: #f44336;
--mat-tab-active-hover-label-text-color: #f44336;
--mat-tab-active-focus-indicator-color: #f44336;
--mat-tab-active-hover-indicator-color: #f44336;
--mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
--mat-tab-background-color: #3f51b5;
--mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
--mat-tab-background-color: #448aff;
--mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
--mat-tab-background-color: #f44336;
--mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
--mat-tab-container-height: 48px;
}
html {
--mat-checkbox-disabled-selected-checkmark-color: white;
--mat-checkbox-selected-focus-state-layer-opacity: 0.12;
--mat-checkbox-selected-hover-state-layer-opacity: 0.04;
--mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
--mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
--mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
--mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
--mat-checkbox-touch-target-size: 48px;
}
html {
--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #448aff;
--mat-checkbox-selected-hover-icon-color: #448aff;
--mat-checkbox-selected-icon-color: #448aff;
--mat-checkbox-selected-pressed-icon-color: #448aff;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #448aff;
--mat-checkbox-selected-hover-state-layer-color: #448aff;
--mat-checkbox-selected-pressed-state-layer-color: #448aff;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #3f51b5;
--mat-checkbox-selected-hover-icon-color: #3f51b5;
--mat-checkbox-selected-icon-color: #3f51b5;
--mat-checkbox-selected-pressed-icon-color: #3f51b5;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #3f51b5;
--mat-checkbox-selected-hover-state-layer-color: #3f51b5;
--mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #f44336;
--mat-checkbox-selected-hover-icon-color: #f44336;
--mat-checkbox-selected-icon-color: #f44336;
--mat-checkbox-selected-pressed-icon-color: #f44336;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #f44336;
--mat-checkbox-selected-hover-state-layer-color: #f44336;
--mat-checkbox-selected-pressed-state-layer-color: #f44336;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-checkbox-touch-target-display: block;
--mat-checkbox-state-layer-size: 40px;
}
html {
--mat-button-filled-container-shape: 4px;
--mat-button-filled-horizontal-padding: 16px;
--mat-button-filled-icon-offset: -4px;
--mat-button-filled-icon-spacing: 8px;
--mat-button-filled-touch-target-size: 48px;
--mat-button-outlined-container-shape: 4px;
--mat-button-outlined-horizontal-padding: 15px;
--mat-button-outlined-icon-offset: -4px;
--mat-button-outlined-icon-spacing: 8px;
--mat-button-outlined-keep-touch-target: false;
--mat-button-outlined-outline-width: 1px;
--mat-button-outlined-touch-target-size: 48px;
--mat-button-protected-container-elevation-shadow:
0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--mat-button-protected-container-shape: 4px;
--mat-button-protected-disabled-container-elevation-shadow:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-button-protected-focus-container-elevation-shadow:
0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--mat-button-protected-horizontal-padding: 16px;
--mat-button-protected-hover-container-elevation-shadow:
0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--mat-button-protected-icon-offset: -4px;
--mat-button-protected-icon-spacing: 8px;
--mat-button-protected-pressed-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-button-protected-touch-target-size: 48px;
--mat-button-text-container-shape: 4px;
--mat-button-text-horizontal-padding: 8px;
--mat-button-text-icon-offset: 0;
--mat-button-text-icon-spacing: 8px;
--mat-button-text-with-icon-horizontal-padding: 8px;
--mat-button-text-touch-target-size: 48px;
--mat-button-tonal-container-shape: 4px;
--mat-button-tonal-horizontal-padding: 16px;
--mat-button-tonal-icon-offset: -4px;
--mat-button-tonal-icon-spacing: 8px;
--mat-button-tonal-touch-target-size: 48px;
}
html {
--mat-button-filled-container-color: white;
--mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-button-filled-focus-state-layer-opacity: 0.12;
--mat-button-filled-hover-state-layer-opacity: 0.04;
--mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-filled-pressed-state-layer-opacity: 0.12;
--mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-button-outlined-focus-state-layer-opacity: 0.12;
--mat-button-outlined-hover-state-layer-opacity: 0.04;
--mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-pressed-state-layer-opacity: 0.12;
--mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-protected-container-color: white;
--mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-button-protected-focus-state-layer-opacity: 0.12;
--mat-button-protected-hover-state-layer-opacity: 0.04;
--mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-protected-pressed-state-layer-opacity: 0.12;
--mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-button-text-focus-state-layer-opacity: 0.12;
--mat-button-text-hover-state-layer-opacity: 0.04;
--mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-text-pressed-state-layer-opacity: 0.12;
--mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-tonal-container-color: white;
--mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-button-tonal-focus-state-layer-opacity: 0.12;
--mat-button-tonal-hover-state-layer-opacity: 0.04;
--mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-tonal-pressed-state-layer-opacity: 0.12;
--mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
--mat-button-filled-container-color: #3f51b5;
--mat-button-filled-label-text-color: white;
--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-filled-state-layer-color: white;
--mat-button-outlined-label-text-color: #3f51b5;
--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
--mat-button-outlined-state-layer-color: #3f51b5;
--mat-button-protected-container-color: #3f51b5;
--mat-button-protected-label-text-color: white;
--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-protected-state-layer-color: white;
--mat-button-text-label-text-color: #3f51b5;
--mat-button-text-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
--mat-button-text-state-layer-color: #3f51b5;
--mat-button-tonal-container-color: #3f51b5;
--mat-button-tonal-label-text-color: white;
--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
--mat-button-filled-container-color: #448aff;
--mat-button-filled-label-text-color: white;
--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-filled-state-layer-color: white;
--mat-button-outlined-label-text-color: #448aff;
--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-ripple-color: color-mix(in srgb, #448aff 12%, transparent);
--mat-button-outlined-state-layer-color: #448aff;
--mat-button-protected-container-color: #448aff;
--mat-button-protected-label-text-color: white;
--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-protected-state-layer-color: white;
--mat-button-text-label-text-color: #448aff;
--mat-button-text-ripple-color: color-mix(in srgb, #448aff 12%, transparent);
--mat-button-text-state-layer-color: #448aff;
--mat-button-tonal-container-color: #448aff;
--mat-button-tonal-label-text-color: white;
--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
--mat-button-filled-container-color: #f44336;
--mat-button-filled-label-text-color: white;
--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-filled-state-layer-color: white;
--mat-button-outlined-label-text-color: #f44336;
--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-button-outlined-state-layer-color: #f44336;
--mat-button-protected-container-color: #f44336;
--mat-button-protected-label-text-color: white;
--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-protected-state-layer-color: white;
--mat-button-text-label-text-color: #f44336;
--mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-button-text-state-layer-color: #f44336;
--mat-button-tonal-container-color: #f44336;
--mat-button-tonal-label-text-color: white;
--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-tonal-state-layer-color: white;
}
html {
--mat-button-filled-container-height: 36px;
--mat-button-filled-touch-target-display: block;
--mat-button-outlined-container-height: 36px;
--mat-button-outlined-touch-target-display: block;
--mat-button-protected-container-height: 36px;
--mat-button-protected-touch-target-display: block;
--mat-button-text-container-height: 36px;
--mat-button-text-touch-target-display: block;
--mat-button-tonal-container-height: 36px;
--mat-button-tonal-touch-target-display: block;
}
html {
--mat-icon-button-icon-size: 24px;
--mat-icon-button-container-shape: 50%;
--mat-icon-button-touch-target-size: 48px;
}
html {
--mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-icon-button-focus-state-layer-opacity: 0.12;
--mat-icon-button-hover-state-layer-opacity: 0.04;
--mat-icon-button-icon-color: inherit;
--mat-icon-button-pressed-state-layer-opacity: 0.12;
--mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
--mat-icon-button-icon-color: #3f51b5;
--mat-icon-button-state-layer-color: #3f51b5;
--mat-icon-button-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
--mat-icon-button-icon-color: #448aff;
--mat-icon-button-state-layer-color: #448aff;
--mat-icon-button-ripple-color: color-mix(in srgb, #448aff 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
--mat-icon-button-icon-color: #f44336;
--mat-icon-button-state-layer-color: #f44336;
--mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
--mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
--mdc-icon-button-state-layer-size: 48px;
--mat-icon-button-state-layer-size: 48px;
width: var(--mat-icon-button-state-layer-size);
height: var(--mat-icon-button-state-layer-size);
padding: 12px;
}
html {
--mat-fab-container-elevation-shadow:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-fab-container-shape: 50%;
--mat-fab-touch-target-size: 48px;
--mat-fab-extended-container-elevation-shadow:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-fab-extended-container-height: 48px;
--mat-fab-extended-container-shape: 24px;
--mat-fab-extended-focus-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-extended-hover-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-extended-pressed-container-elevation-shadow:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
--mat-fab-focus-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-hover-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-pressed-container-elevation-shadow:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
--mat-fab-small-container-elevation-shadow:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-fab-small-container-shape: 50%;
--mat-fab-small-touch-target-size: 48px;
--mat-fab-small-focus-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-small-hover-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-small-pressed-container-elevation-shadow:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
--mat-fab-container-color: white;
--mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-fab-focus-state-layer-opacity: 0.12;
--mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
--mat-fab-hover-state-layer-opacity: 0.04;
--mat-fab-pressed-state-layer-opacity: 0.12;
--mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-fab-small-container-color: white;
--mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-fab-small-focus-state-layer-opacity: 0.12;
--mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
--mat-fab-small-hover-state-layer-opacity: 0.04;
--mat-fab-small-pressed-state-layer-opacity: 0.12;
--mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
--mat-fab-container-color: #3f51b5;
--mat-fab-foreground-color: white;
--mat-fab-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
--mat-fab-small-container-color: #3f51b5;
--mat-fab-small-foreground-color: white;
--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-fab-small-state-layer-color: white;
--mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
--mat-fab-container-color: #448aff;
--mat-fab-foreground-color: white;
--mat-fab-ripple-color: color-mix(in srgb, #448aff 12%, transparent);
--mat-fab-small-container-color: #448aff;
--mat-fab-small-foreground-color: white;
--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-fab-small-state-layer-color: white;
--mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
--mat-fab-container-color: #f44336;
--mat-fab-foreground-color: white;
--mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-fab-small-container-color: #f44336;
--mat-fab-small-foreground-color: white;
--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-fab-small-state-layer-color: white;
--mat-fab-state-layer-color: white;
}
html {
--mat-fab-small-touch-target-display: block;
--mat-fab-touch-target-display: block;
}
html {
--mat-snack-bar-container-shape: 4px;
}
html {
--mat-snack-bar-container-color: #424242;
--mat-snack-bar-supporting-text-color: white;
--mat-snack-bar-button-color: #7986cb;
}
html {
--mat-table-row-item-outline-width: 1px;
}
html {
--mat-table-background-color: white;
--mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
--mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
--mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
--mat-table-header-container-height: 56px;
--mat-table-footer-container-height: 52px;
--mat-table-row-item-container-height: 52px;
}
html {
--mat-progress-spinner-active-indicator-width: 4px;
--mat-progress-spinner-size: 48px;
}
html {
--mat-progress-spinner-active-indicator-color: #3f51b5;
}
.mat-accent {
--mat-progress-spinner-active-indicator-color: #448aff;
}
.mat-warn {
--mat-progress-spinner-active-indicator-color: #f44336;
}
html {
--mat-badge-container-shape: 50%;
--mat-badge-container-size: unset;
--mat-badge-small-size-container-size: unset;
--mat-badge-large-size-container-size: unset;
--mat-badge-legacy-container-size: 22px;
--mat-badge-legacy-small-size-container-size: 16px;
--mat-badge-legacy-large-size-container-size: 28px;
--mat-badge-container-offset: -11px 0;
--mat-badge-small-size-container-offset: -8px 0;
--mat-badge-large-size-container-offset: -14px 0;
--mat-badge-container-overlap-offset: -11px;
--mat-badge-small-size-container-overlap-offset: -8px;
--mat-badge-large-size-container-overlap-offset: -14px;
--mat-badge-container-padding: 0;
--mat-badge-small-size-container-padding: 0;
--mat-badge-large-size-container-padding: 0;
}
html {
--mat-badge-background-color: #3f51b5;
--mat-badge-text-color: white;
--mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
--mat-badge-background-color: #448aff;
--mat-badge-text-color: white;
}
.mat-badge-warn {
--mat-badge-background-color: #f44336;
--mat-badge-text-color: white;
}
html {
--mat-bottom-sheet-container-shape: 4px;
}
html {
--mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
--mat-bottom-sheet-container-background-color: white;
}
html {
--mat-button-toggle-focus-state-layer-opacity: 0.12;
--mat-button-toggle-hover-state-layer-opacity: 0.04;
--mat-button-toggle-legacy-focus-state-layer-opacity: 1;
--mat-button-toggle-legacy-height: 36px;
--mat-button-toggle-legacy-shape: 2px;
--mat-button-toggle-shape: 4px;
}
html {
--mat-button-toggle-background-color: white;
--mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-toggle-disabled-state-background-color: white;
--mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
--mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-toggle-legacy-disabled-state-background-color: white;
--mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
--mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
--mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
--mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-button-toggle-height: 48px;
}
html {
--mat-datepicker-calendar-container-shape: 4px;
--mat-datepicker-calendar-container-touch-shape: 4px;
--mat-datepicker-calendar-container-elevation-shadow:
0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--mat-datepicker-calendar-container-touch-elevation-shadow:
0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent);
--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #448aff 20%, transparent);
--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
--mat-datepicker-calendar-date-selected-state-text-color: white;
--mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #3f51b5 38%, transparent);
--mat-datepicker-calendar-date-today-selected-state-outline-color: white;
--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);
--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3f51b5 4%, transparent);
--mat-datepicker-toggle-active-state-icon-color: #3f51b5;
--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-outline-color: transparent;
--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-container-background-color: white;
--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #448aff 20%, transparent);
--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #448aff 20%, transparent);
--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
--mat-datepicker-calendar-date-selected-state-text-color: white;
--mat-datepicker-calendar-date-selected-state-background-color: #448aff;
--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #448aff 38%, transparent);
--mat-datepicker-calendar-date-today-selected-state-outline-color: white;
--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #448aff 12%, transparent);
--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #448aff 4%, transparent);
--mat-datepicker-toggle-active-state-icon-color: #448aff;
--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-outline-color: transparent;
--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-container-background-color: white;
--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #448aff 20%, transparent);
--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
--mat-datepicker-calendar-date-selected-state-text-color: white;
--mat-datepicker-calendar-date-selected-state-background-color: #f44336;
--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
--mat-datepicker-calendar-date-today-selected-state-outline-color: white;
--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
--mat-datepicker-toggle-active-state-icon-color: #f44336;
--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-outline-color: transparent;
--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-container-background-color: white;
--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
--mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
--mdc-icon-button-state-layer-size: 40px;
--mat-icon-button-state-layer-size: 40px;
width: var(--mat-icon-button-state-layer-size);
height: var(--mat-icon-button-state-layer-size);
padding: 8px;
}
html {
--mat-divider-width: 1px;
}
html {
--mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
--mat-expansion-container-shape: 4px;
--mat-expansion-container-elevation-shadow:
0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--mat-expansion-legacy-header-indicator-display: inline-block;
--mat-expansion-header-indicator-display: none;
}
html {
--mat-expansion-container-background-color: white;
--mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
--mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
--mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
--mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
--mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
--mat-expansion-header-collapsed-state-height: 48px;
--mat-expansion-header-expanded-state-height: 64px;
}
html {
--mat-icon-color: inherit;
}
.mat-icon.mat-primary {
--mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
--mat-icon-color: #448aff;
}
.mat-icon.mat-warn {
--mat-icon-color: #f44336;
}
html {
--mat-sidenav-container-shape: 0;
--mat-sidenav-container-elevation-shadow:
0px 8px 10px -5px rgba(0, 0, 0, 0.2),
0px 16px 24px 2px rgba(0, 0, 0, 0.14),
0px 6px 30px 5px rgba(0, 0, 0, 0.12);
--mat-sidenav-container-width: auto;
}
html {
--mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
--mat-sidenav-container-background-color: white;
--mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
--mat-sidenav-content-background-color: #fafafa;
--mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
--mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
--mat-stepper-header-focus-state-layer-shape: 0;
--mat-stepper-header-hover-state-layer-shape: 0;
}
html {
--mat-stepper-header-icon-foreground-color: white;
--mat-stepper-header-selected-state-icon-background-color: #3f51b5;
--mat-stepper-header-selected-state-icon-foreground-color: white;
--mat-stepper-header-done-state-icon-background-color: #3f51b5;
--mat-stepper-header-done-state-icon-foreground-color: white;
--mat-stepper-header-edit-state-icon-background-color: #3f51b5;
--mat-stepper-header-edit-state-icon-foreground-color: white;
--mat-stepper-container-color: white;
--mat-stepper-line-color: rgba(0, 0, 0, 0.12);
--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
--mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
--mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
--mat-stepper-header-error-state-label-text-color: #f44336;
--mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
--mat-stepper-header-error-state-icon-foreground-color: #f44336;
--mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
--mat-stepper-header-icon-foreground-color: white;
--mat-stepper-header-selected-state-icon-background-color: #448aff;
--mat-stepper-header-selected-state-icon-foreground-color: white;
--mat-stepper-header-done-state-icon-background-color: #448aff;
--mat-stepper-header-done-state-icon-foreground-color: white;
--mat-stepper-header-edit-state-icon-background-color: #448aff;
--mat-stepper-header-edit-state-icon-foreground-color: white;
}
.mat-step-header.mat-warn {
--mat-stepper-header-icon-foreground-color: white;
--mat-stepper-header-selected-state-icon-background-color: #f44336;
--mat-stepper-header-selected-state-icon-foreground-color: white;
--mat-stepper-header-done-state-icon-background-color: #f44336;
--mat-stepper-header-done-state-icon-foreground-color: white;
--mat-stepper-header-edit-state-icon-background-color: #f44336;
--mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
--mat-stepper-header-height: 72px;
}
html {
--mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-toolbar-container-background-color: white;
--mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
--mat-toolbar-container-background-color: #3f51b5;
--mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
--mat-toolbar-container-background-color: #448aff;
--mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
--mat-toolbar-container-background-color: #f44336;
--mat-toolbar-container-text-color: white;
}
html {
--mat-toolbar-standard-height: 64px;
--mat-toolbar-mobile-height: 56px;
}
html {
--mat-tree-container-background-color: white;
--mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-tree-node-min-height: 48px;
}
html {
--mat-timepicker-container-shape: 4px;
--mat-timepicker-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
--mat-timepicker-container-background-color: white;
}
.apexcharts-tooltip,
.apexcharts-tooltip.tooltip {
width: 157px;
height: 56px;
padding: 8px;
background: #fcfcfc;
box-shadow: 0 2px 8px -3px rgba(73, 70, 97, 0.16);
border-radius: 4px;
flex-direction: column;
place-content: center;
align-items: center;
text-align: center;
}
[class*=col-] {
width: 100%;
}
@media only screen and (min-width: 834px) {
.col-md-1 {
width: 8.33%;
}
.col-md-2 {
width: 16.66%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33.33%;
}
.col-md-5 {
width: 41.66%;
}
.col-md-6 {
width: 50%;
}
.col-md-7 {
width: 58.33%;
}
.col-md-8 {
width: 66.66%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83.33%;
}
.col-md-11 {
width: 91.66%;
}
.col-md-12 {
width: 100%;
}
}
@media only screen and (min-width: 1024px) {
.col-1 {
width: 8.33%;
}
.col-2 {
width: 16.66%;
}
.col-3 {
width: 25%;
}
.col-4 {
width: 33.33%;
}
.col-5 {
width: 41.66%;
}
.col-6 {
width: 50%;
}
.col-7 {
width: 58.33%;
}
.col-8 {
width: 66.66%;
}
.col-9 {
width: 75%;
}
.col-10 {
width: 83.33%;
}
.col-11 {
width: 91.66%;
}
.col-12 {
width: 100%;
}
}
.display-flex {
display: flex;
}
.display-inline-flex {
display: inline-flex;
}
.flex {
flex: 1 1 0;
}
.flex-100 {
width: 100%;
height: 100%;
}
.flex-min-width {
min-width: 0;
}
.flex-column {
flex-direction: column;
box-sizing: border-box;
display: flex;
}
.flex-column-reverse {
flex-direction: column-reverse;
box-sizing: border-box;
display: flex;
}
.flex-row {
flex-direction: row;
box-sizing: border-box;
display: flex;
}
.flex-row-wrap {
flex-flow: row wrap;
box-sizing: border-box;
display: flex;
}
.flex-align-self-start {
align-self: flex-start;
}
.flex-align-self-end {
align-self: flex-end;
}
.flex-align-self-center {
align-self: center;
}
.flex-align-self-normal {
align-self: normal;
}
.flex-align-items-center {
align-items: center;
}
.flex-align-items-start {
align-items: flex-start;
}
.flex-justify-content-start {
justify-content: flex-start;
}
.flex-justify-content-end {
justify-content: flex-end;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.flex-fill {
height: 100%;
min-height: 100%;
min-width: 100%;
width: 100%;
}
@media screen and (max-width: 1024px) {
.flex-column-lt-ml {
flex-direction: column;
box-sizing: border-box;
display: flex;
}
.flex-row-lt-ml {
flex-direction: row;
box-sizing: border-box;
display: flex;
}
}
@media screen and (max-width: 959px) {
.flex-column-lt-md {
flex-direction: column;
box-sizing: border-box;
display: flex;
}
.flex-row-lt-md {
flex-direction: row;
box-sizing: border-box;
display: flex;
}
}
@media screen and (max-width: 599px) {
.flex-column-lt-sm {
flex-direction: column;
box-sizing: border-box;
display: flex;
}
}
.badge-darkest-gray-m {
width: 16px;
height: 16px;
border-radius: 100%;
text-align: center;
font-size: 11px;
font-weight: bold;
line-height: 16px;
letter-spacing: 0.5px;
color: #fcfcfc;
background-color: #14142a;
}
.badge-grayscale-bg-gray-m {
width: 16px;
height: 16px;
border-radius: 100%;
text-align: center;
font-size: 11px;
font-weight: bold;
line-height: 16px;
letter-spacing: 0.5px;
color: #686b8b;
background-color: #f1f2f8;
}
.badge-darkest-gray-l {
width: 24px;
height: 24px;
border-radius: 100%;
text-align: center;
font-size: 11px;
font-weight: bold;
line-height: 24px;
color: #fcfcfc;
background-color: #14142a;
}
.segmented-control-s {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.5px;
padding: 4px 10px;
white-space: nowrap;
display: inline-flex;
justify-content: center;
background-color: transparent;
align-items: center;
gap: 4px;
border: none;
border-radius: 20px;
color: #686b8b;
flex-grow: 0;
}
.segmented-control-s:hover:not(:disabled):not(.success):not(.error),
.segmented-control-s:focus:not(:disabled):not(.success):not(.error) {
cursor: pointer;
background-color: #f7f7fc;
color: #14142a;
}
.segmented-control-s.active {
background-color: #ecf4fd;
color: #147ae8;
}
.segmented-control-s.success {
background-color: #e9f6ef;
color: #13b45f;
border-color: #13b45f;
}
.segmented-control-s.error {
background-color: #faebee;
color: #e52750;
border-color: #e52750;
}
.segmented-control-s:disabled {
color: #f7f7fc;
}
.segmented-control-s svg {
width: 16px;
height: 16px;
}
.segmented-control-s svg svg {
width: 16px;
height: 16px;
}
.segmented-control-m {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
padding: 8px 12px;
white-space: nowrap;
display: inline-flex;
justify-content: center;
background-color: transparent;
align-items: center;
gap: 4px;
border: none;
border-radius: 20px;
color: #686b8b;
flex-grow: 0;
}
.segmented-control-m:hover:not(:disabled):not(.success):not(.error),
.segmented-control-m:focus:not(:disabled):not(.success):not(.error) {
cursor: pointer;
background-color: #f7f7fc;
color: #14142a;
}
.segmented-control-m.active {
background-color: #ecf4fd;
color: #147ae8;
}
.segmented-control-m.success {
background-color: #e9f6ef;
color: #13b45f;
border-color: #13b45f;
}
.segmented-control-m.error {
background-color: #faebee;
color: #e52750;
border-color: #e52750;
}
.segmented-control-m:disabled {
color: #f7f7fc;
}
.segmented-control-m svg {
width: 24px;
height: 24px;
}
.segmented-control-m svg svg {
width: 24px;
height: 24px;
}
.segmented-control-border {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
white-space: nowrap;
display: inline-flex;
justify-content: center;
background-color: transparent;
align-items: center;
gap: 4px;
border: none;
border-radius: 20px;
color: #686b8b;
flex-grow: 0;
}
.segmented-control-border:hover:not(:disabled):not(.success):not(.error),
.segmented-control-border:focus:not(:disabled):not(.success):not(.error) {
cursor: pointer;
background-color: #f7f7fc;
color: #14142a;
}
.segmented-control-border.active {
background-color: #ecf4fd;
color: #147ae8;
}
.segmented-control-border.success {
background-color: #e9f6ef;
color: #13b45f;
border-color: #13b45f;
}
.segmented-control-border.error {
background-color: #faebee;
color: #e52750;
border-color: #e52750;
}
.segmented-control-border:disabled {
color: #f7f7fc;
}
.segmented-control-border {
padding: 4px 10px;
border: 1px solid #d9dbe9;
border-radius: 20px;
}
.segmented-control-border svg {
width: 16px;
height: 16px;
}
.segmented-control-border svg svg {
width: 16px;
height: 16px;
}
.segmented-control-border.svg-left {
padding: 8px 12px 8px 8px;
}
.segmented-control-border.svg-right {
padding: 8px 8px 8px 12px;
}
.dropdown-list-item {
width: 100%;
padding: 12px 16px;
background-color: #fcfcfc;
border: none;
display: flex;
align-items: center;
gap: 8px;
white-space: nowrap;
min-height: 48px;
}
.dropdown-list-item:hover:not(:disabled) {
cursor: pointer;
background-color: #f7f7fc;
}
.dropdown-list-item:disabled {
color: #9497b1;
cursor: not-allowed;
}
.dropdown-list-item.active {
background-color: #ecf4fd;
}
.dropdown-list-item.second-line {
padding: 4px 16px;
}
.dropdown-list-item {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.dropdown-list-item-link-option {
width: 100%;
padding: 12px 16px;
background-color: #fcfcfc;
border: none;
display: flex;
align-items: center;
gap: 8px;
white-space: nowrap;
min-height: 48px;
}
.dropdown-list-item-link-option:hover:not(:disabled) {
cursor: pointer;
background-color: #f7f7fc;
}
.dropdown-list-item-link-option:disabled {
color: #9497b1;
cursor: not-allowed;
}
.dropdown-list-item-link-option.active {
background-color: #ecf4fd;
}
.dropdown-list-item-link-option.second-line {
padding: 4px 16px;
}
.dropdown-list-item-link-option {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: #147ae8;
}
.dropdown-list-item-link-destructive {
width: 100%;
padding: 12px 16px;
background-color: #fcfcfc;
border: none;
display: flex;
align-items: center;
gap: 8px;
white-space: nowrap;
min-height: 48px;
}
.dropdown-list-item-link-destructive:hover:not(:disabled) {
cursor: pointer;
background-color: #f7f7fc;
}
.dropdown-list-item-link-destructive:disabled {
color: #9497b1;
cursor: not-allowed;
}
.dropdown-list-item-link-destructive.active {
background-color: #ecf4fd;
}
.dropdown-list-item-link-destructive.second-line {
padding: 4px 16px;
}
.dropdown-list-item-link-destructive {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: #e52750;
}
.grid-stack {
position: relative;
}
.grid-stack-rtl {
direction: ltr;
}
.grid-stack-rtl > .grid-stack-item {
direction: rtl;
}
.grid-stack-placeholder > .placeholder-content {
background-color: rgba(0, 0, 0, 0.1);
margin: 0;
position: absolute;
width: auto;
z-index: 0 !important;
}
.grid-stack > .grid-stack-item {
position: absolute;
padding: 0;
top: 0;
left: 0;
width: var(--gs-column-width);
height: var(--gs-cell-height);
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
margin: 0;
position: absolute;
width: auto;
overflow-x: hidden;
overflow-y: auto;
}
.grid-stack > .grid-stack-item.size-to-content:not(.size-to-content-max) > .grid-stack-item-content {
overflow-y: hidden;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content,
.grid-stack > .grid-stack-placeholder > .placeholder-content {
top: var(--gs-item-margin-top);
right: var(--gs-item-margin-right);
bottom: var(--gs-item-margin-bottom);
left: var(--gs-item-margin-left);
}
.grid-stack-item > .ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.grid-stack-item.ui-resizable-autohide > .ui-resizable-handle,
.grid-stack-item.ui-resizable-disabled > .ui-resizable-handle {
display: none;
}
.grid-stack-item > .ui-resizable-ne,
.grid-stack-item > .ui-resizable-nw,
.grid-stack-item > .ui-resizable-se,
.grid-stack-item > .ui-resizable-sw {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
}
.grid-stack-item > .ui-resizable-ne {
transform: rotate(45deg);
}
.grid-stack-item > .ui-resizable-sw {
transform: rotate(45deg);
}
.grid-stack-item > .ui-resizable-nw {
transform: rotate(-45deg);
}
.grid-stack-item > .ui-resizable-se {
transform: rotate(-45deg);
}
.grid-stack-item > .ui-resizable-nw {
cursor: nw-resize;
width: 20px;
height: 20px;
top: var(--gs-item-margin-top);
left: var(--gs-item-margin-left);
}
.grid-stack-item > .ui-resizable-n {
cursor: n-resize;
height: 10px;
top: var(--gs-item-margin-top);
left: 25px;
right: 25px;
}
.grid-stack-item > .ui-resizable-ne {
cursor: ne-resize;
width: 20px;
height: 20px;
top: var(--gs-item-margin-top);
right: var(--gs-item-margin-right);
}
.grid-stack-item > .ui-resizable-e {
cursor: e-resize;
width: 10px;
top: 15px;
bottom: 15px;
right: var(--gs-item-margin-right);
}
.grid-stack-item > .ui-resizable-se {
cursor: se-resize;
width: 20px;
height: 20px;
bottom: var(--gs-item-margin-bottom);
right: var(--gs-item-margin-right);
}
.grid-stack-item > .ui-resizable-s {
cursor: s-resize;
height: 10px;
left: 25px;
bottom: var(--gs-item-margin-bottom);
right: 25px;
}
.grid-stack-item > .ui-resizable-sw {
cursor: sw-resize;
width: 20px;
height: 20px;
bottom: var(--gs-item-margin-bottom);
left: var(--gs-item-margin-left);
}
.grid-stack-item > .ui-resizable-w {
cursor: w-resize;
width: 10px;
top: 15px;
bottom: 15px;
left: var(--gs-item-margin-left);
}
.grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
display: none !important;
}
.grid-stack-item.ui-draggable-dragging {
will-change: left, top;
}
.grid-stack-item.ui-resizable-resizing {
will-change: width, height;
}
.ui-draggable-dragging,
.ui-resizable-resizing {
z-index: 10000;
}
.ui-draggable-dragging > .grid-stack-item-content,
.ui-resizable-resizing > .grid-stack-item-content {
box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
opacity: 0.8;
}
.grid-stack-animate,
.grid-stack-animate .grid-stack-item {
transition:
left 0.3s,
top 0.3s,
height 0.3s,
width 0.3s;
}
.grid-stack-animate .grid-stack-item.grid-stack-placeholder,
.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
.grid-stack-animate .grid-stack-item.ui-resizable-resizing {
transition:
left 0s,
top 0s,
height 0s,
width 0s;
}
.grid-stack > .grid-stack-item[gs-y="0"] {
top: 0;
}
.grid-stack > .grid-stack-item[gs-x="0"] {
left: 0;
}
*,
:after,
:before {
box-sizing: border-box;
font-family: "DM Sans", sans-serif !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body,
html {
display: flex;
flex: 1 0 auto;
width: 100%;
height: 100%;
max-height: 100%;
min-height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
.search-marker-underline {
text-decoration: underline;
}
* {
scrollbar-width: thin;
}
*::-webkit-scrollbar {
width: 9px;
height: 9px;
}
*::-webkit-scrollbar-track {
background: transparent;
}
*::-webkit-scrollbar-thumb {
background-color: rgba(155, 155, 155, 0.5);
border-radius: 20px;
}
a:visited {
color: #147ae8;
}
/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */