body {
  --white: rgb(255, 255, 255);
  --white-80: rgba(255, 255, 255, 0.8);
  --white-60: rgba(255, 255, 255, 0.6);
  --white-50: rgba(255, 255, 255, 0.5);
  --white-40: rgba(255, 255, 255, 0.4);
  --white-25: rgba(255, 255, 255, 0.25);
  --white-20: rgba(255, 255, 255, 0.2);
  --white-10: rgba(255, 255, 255, 0.1);
  --white-5: rgba(255, 255, 255, 0.05);
  --white-2-5: rgba(255, 255, 255, 0.025);
  --white-1: rgba(255, 255, 255, 0.01);
  --black-140: rgb(16, 30, 30);
  --black-120: rgb(33, 46, 57);
  --black-100: rgb(52, 64, 85);
  --black-80: rgb(93, 102, 119);
  --black-71: rgb(111, 119, 134);
  --black-60: rgb(133, 140, 153);
  --black-50: rgb(153, 159, 170);
  --black-40: rgb(174, 179, 187);
  --black-25: rgb(204, 207, 212);
  --black-20: rgb(214, 217, 221);
  --black-10: rgb(234, 235, 238);
  --black-5: rgb(245, 245, 246);
  --black-2-5: rgb(249, 249, 250);
  --black-2: rgb(251, 251, 252);
  --black-1: rgb(253, 253, 253);
  --green-180: rgb(25, 68, 54);
  --green-146: rgb(40, 133, 95);
  --green-140: rgb(42, 144, 102);
  --green-100: rgb(61, 220, 151);
  --green-80: rgb(100, 227, 172);
  --green-60: rgb(139, 234, 193);
  --green-50: rgb(158, 237, 203);
  --green-40: rgb(177, 241, 213);
  --green-25: rgb(206, 246, 229);
  --green-20: rgb(216, 248, 234);
  --green-10: rgb(235, 251, 244);
  --teal-200: rgb(14, 140, 118);
  --teal-100: rgb(27, 252, 213);
  --teal-50: rgba(27, 252, 213, 0.5);
  --teal-25: rgba(27, 252, 213, 0.25);
  --teal-10: rgba(27, 252, 213, 0.1);
  --blue-180: rgb(13, 49, 75);
  --blue-153: rgb(8, 75, 136);
  --blue-144: rgb(7, 84, 156);
  --blue-140: rgb(6, 88, 165);
  --blue-120: rgb(3, 107, 210);
  --blue-110: rgb(0, 116, 232);
  --blue-100: rgb(0, 127, 255);
  --blue-80: rgb(51, 153, 255);
  --blue-60: rgb(102, 178, 255);
  --blue-50: rgb(127, 191, 255);
  --blue-40: rgb(153, 204, 255);
  --blue-25: rgb(191, 223, 255);
  --blue-20: rgb(204, 229, 255);
  --blue-10: rgb(229, 242, 255);
  --blue-5: rgb(242, 248, 255);
  --blue-2-5: rgb(250, 253, 255);
  --blue-1: rgb(252, 253, 255);
  --cyan-200: rgb(12, 148, 158);
  --cyan-100: rgb(4, 228, 244);
  --cyan-50: rgba(4, 228, 244, 0.5);
  --cyan-40: rgba(4, 228, 244, 0.4);
  --cyan-25: rgba(4, 228, 244, 0.25);
  --cyan-20: rgba(4, 228, 244, 0.2);
  --cyan-10: rgba(4, 228, 244, 0.1);
  --cyan-5: rgba(4, 228, 244, 0.05);
  --cyan-2-5: rgba(4, 228, 244, 0.025);
  --cyan-1: rgba(4, 228, 244, 0.01);
  --purple-400: rgb(29, 29, 92);
  --purple-300: rgb(33, 27, 72);
  --purple-200: rgb(68, 21, 157);
  --purple-100: rgb(102, 16, 242);
  --purple-50: rgba(102, 16, 242, 0.5);
  --purple-25: rgba(102, 16, 242, 0.25);
  --purple-10: rgba(102, 16, 242, 0.1);
  --red-180: rgb(64, 38, 42);
  --red-140: rgb(159, 55, 67);
  --red-118: rgb(212, 64, 80);
  --red-100: rgb(255, 73, 92);
  --red-80: rgb(255, 109, 125);
  --red-60: rgb(255, 146, 157);
  --red-50: rgb(255, 164, 173);
  --red-40: rgb(255, 182, 190);
  --red-25: rgb(255, 209, 214);
  --red-20: rgb(255, 219, 222);
  --red-10: rgb(255, 236, 238);
  --orange-180: rgb(64, 56, 24);
  --orange-141: rgb(157, 108, 12);
  --orange-140: rgb(159, 110, 12);
  --orange-100: rgb(255, 164, 0);
  --orange-80: rgb(255, 182, 51);
  --orange-60: rgb(255, 200, 102);
  --orange-50: rgb(255, 209, 127);
  --orange-40: rgb(255, 219, 153);
  --orange-25: rgb(255, 232, 191);
  --orange-20: rgb(255, 237, 204);
  --orange-10: rgb(255, 245, 229);
  --yellow-300: rgb(63, 64, 35);
  --yellow-200: rgb(157, 133, 49);
  --yellow-100: rgb(253, 202, 64);
  --yellow-50: rgba(253, 202, 64, 0.5);
  --yellow-25: rgba(253, 202, 64, 0.25);
  --yellow-10: rgba(253, 202, 64, 0.1);
  --transparent: rgba(0, 0, 0, 0);
  background: var(--background) !important
}
body:not(.dark) {
  --bg-background-color: var(--background);
  --cl-background-color: var(--background);
  --cl-success-color: var(--green-100);
  --bg-success-color: var(--green-10);
  --cl-error-color: var(--red-100);
  --bg-error-color: var(--red-10);
  --cl-warning-color: var(--orange-100);
  --bg-warning-color: var(--orange-10);
  --cl-text-color: var(--text-color);
  --bg-selected-color: var(--selected-color);
  --bg-selected-light-color: var(--selected-background);
  --cl-selected-color: var(--selected-color);
  --cl-default-inverse-color: var(--default-color-inverse);
  --bg-default-color: var(--default-background);
  --bg-default-inverse-color: var(--default-background-inverse);
  --cl-default-color: var(--default-color);
  --cl-hint-text-color: var(--hint-text-color);
  --bg-transparent: var(--transparent)
}
body.dark {
  --cl-background-color: var(--background);
  --bg-background-color: var(--background);
  --cl-success-color: var(--green-100);
  --bg-success-color: var(--green-10);
  --cl-error-color: var(--red-100);
  --bg-error-color: var(--red-10);
  --cl-warning-color: var(--orange-100);
  --bg-warning-color: var(--orange-10);
  --cl-text-color: var(--text-color);
  --bg-selected-color: var(--selected-color);
  --bg-selected-light-color: var(--selected-background);
  --cl-selected-color: var(--selected-color);
  --cl-default-inverse-color: var(--default-color-inverse);
  --bg-default-color: var(--default-background);
  --bg-default-inverse-color: var(--default-background-inverse);
  --cl-default-color: var(--default-color);
  --cl-hint-text-color: var(--hint-text-color);
  --bg-transparent: var(--transparent)
}
.bg-background-color {
  background-color: var(--background)
}
.bg-selected-color {
  background-color: var(--selected-color)
}
.bg-selected-color:not([class*=cl-]) {
  color: var(--white)
}
.bg-selected-light-color, cm-smart-filter-pill .pill.pill-state.pill-state-applied, .bg-selected-light-color-hover:hover, .bg-selected-light-color-active:active {
  background-color: var(--selected-background)
}
.bg-default-color-trans {
  background-color: var(--default-background-trans)
}
.bg-default-color-hover:hover {
  background-color: var(--black-71)
}
.bg-default-inverse-color {
  background-color: var(--default-background-inverse)
}
.bg-primary-color-xhc {
  background-color: var(--blue-153)
}
.bg-primary-color-xhc:not([class*=cl-]) {
  color: var(--white)
}
.bg-primary-color-hc {
  background-color: var(--blue-120)
}
.bg-primary-color-hc:not([class*=cl-]) {
  color: var(--white)
}
.bg-primary-color {
  background-color: var(--blue-110)
}
.bg-primary-color:not([class*=cl-]) {
  color: var(--white)
}
.bg-primary-color-light {
  background-color: var(--blue-20)
}
.bg-primary-color-light:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-default-color-xhc {
  background-color: var(--black-140)
}
.bg-default-color-xhc:not([class*=cl-]) {
  color: var(--white)
}
.bg-default-color-hc {
  background-color: var(--black-100)
}
.bg-default-color-hc:not([class*=cl-]) {
  color: var(--white)
}
.bg-default-color {
  background-color: var(--black-71)
}
.bg-default-color:not([class*=cl-]) {
  color: var(--white)
}
.bg-default-color-light, cm-smart-filter-pill .pill.pill-state, .bg-default-color-light-hover:hover {
  background-color: var(--black-10)
}
.bg-default-color-light:not([class*=cl-]), cm-smart-filter-pill .pill.pill-state:not([class*=cl-]), .bg-default-color-light-hover:hover:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-success-color-hc {
  background-color: var(--green-146)
}
.bg-success-color-hc:not([class*=cl-]) {
  color: var(--white)
}
.bg-success-color {
  background-color: var(--green-100)
}
.bg-success-color:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-success-color-light {
  background-color: var(--green-20)
}
.bg-success-color-light:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-warning-color-hc, .bg-shit-color {
  background-color: var(--orange-141)
}
.bg-warning-color-hc:not([class*=cl-]), .bg-shit-color:not([class*=cl-]) {
  color: var(--white)
}
.bg-warning-color {
  background-color: var(--orange-100)
}
.bg-warning-color:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-warning-color-light {
  background-color: var(--orange-20)
}
.bg-warning-color-light:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-error-color-hc {
  background-color: var(--red-118)
}
.bg-error-color-hc:not([class*=cl-]) {
  color: var(--white)
}
.bg-error-color {
  background-color: var(--red-100)
}
.bg-error-color:not([class*=cl-]) {
  color: var(--black-140)
}
.bg-error-color-light {
  background-color: var(--red-20)
}
.bg-error-color-light:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-disabled-color, cm-smart-filter-pill .pill.pill-state.pill-state-disabled {
  background-color: var(--black-20)
}
.bg-disabled-color:not([class*=cl-]), cm-smart-filter-pill .pill.pill-state.pill-state-disabled:not([class*=cl-]) {
  color: var(--white)
}
.cl-background-color {
  color: var(--background)
}
.cl-selected-color, cm-smart-filter-pill .pill.pill-state.pill-state-applied, .cl-selected-color-hover:hover {
  color: var(--selected-color)
}
.cl-default-color {
  color: var(--default-color)
}
.cl-default-inverse-color {
  color: var(--default-color-inverse)
}
.cl-text-color {
  color: var(--text-color)
}
.cl-hint-text-color {
  color: var(--hint-text-color)
}
.cl-error-color, cm-smart-filter-pill .pill.pill-state.pill-state-error {
  color: var(--red-118)
}
.cl-warning-color, cm-smart-filter-pill .pill.pill-state.pill-state-warning {
  color: var(--orange-141)
}
.cl-success-color {
  color: var(--green-146)
}
.cl-disabled-color {
  color: var(--black-40)
}
.cl-label-required-color {
  color: var(--label-required-color)
}
.cl-default-icon-color {
  color: var(--default-color)
}
.cl-error-icon-color {
  color: var(--red-100)
}
.cl-warning-icon-color {
  color: var(--orange-100)
}
.cl-success-icon-color {
  color: var(--green-100)
}
.cl-cta-icon-color {
  color: var(--blue-110)
}
.ab-testing-color .A {
  color: var(--blue-100)
}
.ab-testing-color .A.disabled {
  color: var(--blue-25)
}
.ab-testing-color .B {
  color: var(--green-100)
}
.ab-testing-color .B.disabled {
  color: var(--green-25)
}
.ab-testing-color .C {
  color: var(--red-100)
}
.ab-testing-color .C.disabled {
  color: var(--red-25)
}
.ab-testing-color .D {
  color: var(--default-color)
}
.ab-testing-color .D.disabled {
  color: var(--label-disabled-color)
}
.ab-testing-color .E {
  color: var(--orange-100)
}
.ab-testing-color .E.disabled {
  color: var(--orange-25)
}
.ab-testing-color .F {
  color: var(--cyan-100)
}
.ab-testing-color .F.disabled {
  color: var(--cyan-25)
}
.selected-border {
  border: var(--selected-border)
}
.selected-dashed-border {
  border: var(--selected-dashed-border)
}
.disabled-border {
  border: var(--disabled-border)
}
.disabled-border:not([class*=cl-]) {
  color: var(--cl-disabled-color)
}
.default-border {
  border: var(--default-border)
}
.default-dashed-border {
  border: var(--default-dashed-border)
}
.default-error-border {
  border: var(--default-error-border)
}
.default-warning-border {
  border: var(--default-warning-border)
}
.default-success-border {
  border: var(--default-success-border)
}
.default-small-border {
  border: var(--default-small-border)
}
.selected-border-top {
  border-top: var(--selected-border)
}
.selected-dashed-border-top {
  border-top: var(--selected-dashed-border)
}
.default-border-top {
  border-top: var(--default-border)
}
.default-dashed-border-top {
  border-top: var(--default-dashed-border)
}
.default-error-border-top {
  border-top: var(--default-error-border)
}
.default-warning-border-top {
  border-top: var(--default-warning-border)
}
.default-success-border-top {
  border-top: var(--default-success-border)
}
.default-small-border-top {
  border-top: var(--default-small-border)
}
.selected-border-left {
  border-left: var(--selected-border)
}
.selected-dashed-border-left {
  border-left: var(--selected-dashed-border)
}
.default-border-left {
  border-left: var(--default-border)
}
.default-dashed-border-left {
  border-left: var(--default-dashed-border)
}
.default-error-border-left {
  border-left: var(--default-error-border)
}
.default-warning-border-left {
  border-left: var(--default-warning-border)
}
.default-success-border-left {
  border-left: var(--default-success-border)
}
.default-small-border-left {
  border-left: var(--default-small-border)
}
.selected-border-right {
  border-right: var(--selected-border)
}
.selected-dashed-border-right {
  border-right: var(--selected-dashed-border)
}
.default-border-right {
  border-right: var(--default-border)
}
.default-dashed-border-right {
  border-right: var(--default-dashed-border)
}
.default-error-border-right {
  border-right: var(--default-error-border)
}
.default-warning-border-right {
  border-right: var(--default-warning-border)
}
.default-success-border-right {
  border-right: var(--default-success-border)
}
.default-small-border-right {
  border-right: var(--default-small-border)
}
.selected-border-bottom {
  border-bottom: var(--selected-border)
}
.selected-dashed-border-bottom {
  border-bottom: var(--selected-dashed-border)
}
.default-border-bottom {
  border-bottom: var(--default-border)
}
.default-dashed-border-bottom {
  border-bottom: var(--default-dashed-border)
}
.default-error-border-bottom {
  border-bottom: var(--default-error-border)
}
.default-warning-border-bottom {
  border-bottom: var(--default-warning-border)
}
.default-success-border-bottom {
  border-bottom: var(--default-success-border)
}
.default-small-border-bottom {
  border-bottom: var(--default-small-border)
}
body:not(.dark) {
  --background: #ffffff;
  --background-inverse: var(--black-140);
  --label-color: var(--black-120);
  --label-sub-color: var(--black-50);
  --label-hover-color: var(--black-100);
  --label-disabled-color: var(--black-40);
  --label-error-color: var(--red-118);
  --label-success-color: var(--green-100);
  --label-warning-color: var(--orange-100);
  --label-focus-color: var(--blue-110);
  --label-required-color: var(--blue-110);
  --input-placeholder-color: var(--black-40);
  --input-bg: var(--background);
  --input-color: var(--black-100);
  --input-border: 2px solid var(--black-20);
  --input-focus-bg: var(--background);
  --input-focus-border: 2px solid var(--blue-110);
  --input-success-bg: var(--background);
  --input-error-bg: var(--background);
  --input-warning-bg: var(--background);
  --input-disabled-bg: var(--black-5);
  --input-disabled-border: var(--input-border);
  --input-icon-left: var(--black-60);
  --input-icon-right: var(--black-60);
  --input-icon-right-hover: var(--black-100);
  --header-color: var(--black-140);
  --text-color: var(--black-100);
  --disabled-color: var(--blue-25);
  --cl-disabled-color: var(--black-40);
  --disabled-border: 2px solid var(--black-40);
  --selected-border: 2px solid var(--blue-110);
  --selected-small-border: 1px solid var(--blue-110);
  --selected-dashed-border: 2px dashed var(--blue-110);
  --selected-color: var(--blue-110);
  --selected-background: var(--blue-10);
  --selected-background-hover: var(--blue-20);
  --selected-background-light: var(--blue-5);
  --selected-gradient: linear-gradient(296.57deg, var(--blue-110) 0%, var(--blue-110) 100%);
  --selected-gradient-background: linear-gradient(var(--background), var(--background)), var(--selected-gradient);
  --default-border: 2px solid var(--black-10);
  --default-success-border: 2px solid var(--green-100);
  --default-small-success-border: 1px solid var(--green-100);
  --default-error-border: 2px solid var(--red-100);
  --default-small-error-border: 1px solid var(--red-100);
  --default-warning-border: 2px solid var(--orange-100);
  --default-small-warning-border: 1px solid var(--orange-100);
  --default-dashed-border: 2px dashed var(--black-10);
  --default-small-border: 1px solid var(--black-10);
  --default-small-active-border: 1px solid var(--black-100);
  --default-background: var(--black-10);
  --default-background-trans: var(--white-80);
  --default-background-inverse: var(--white);
  --default-color: var(--black-100);
  --default-color-inverse: var(--white);
  --default-hover-background: var(--blue-50);
  --default-active-background: var(--blue-25);
  --bg: var(--white-50);
  --error-bg: var(--red-10);
  --success-bg: var(--green-10);
  --warning-bg: var(--orange-10);
  --success-color-highcontrast: var(--green-146);
  --error-color-highcontrast: var(--red-118);
  --warning-color-highcontrast: var(--orange-141);
  --selected-color-highcontrast: var(--blue-144);
  --default-color-highcontrast: var(--black-71);
  --backdrop: 93, 102, 119;
  --mini-spinner-color: var(--black-40);
  --mini-spinner-btn-color: var(--blue-110);
  --mini-spinner-btn-cta-color: var(--white);
  --spinner-color: var(--black-140);
  --spinner-color-bg: var(--black-10);
  --close-button: var(--black-25);
  --scroll-bar: var(--black-25);
  --editor: var(--black-25);
  --file-error: var(--red-100);
  --file-error-background: var(--red-20);
  --file-error-color: var(--red-100);
  --file-success: var(--black-10);
  --file-success-background: var(--background);
  --file-success-color: var(--blue-110);
  --select-border: var(--black-20);
  --graph-column: var(--background);
  --chart-grid-line: var(--black-25);
  --icon-default-color: var(--black-50);
  --icon-error-color: var(--red-100);
  --hint-text-color: var(--black-50);
  --hint-hover-text-color: var(--blue-50);
  --focus-border-color: var(--blue-40);
  --count-down-bar-bg-color: var(--black-10);
  --count-down-bar-progress-color: var(--black-40);
  --notification-success-color: var(--green-100);
  --notification-warning-color: var(--yellow-100);
  --notification-error-color: var(--red-100);
  --notification-info-color: var(--blue-100);
  --notification-default-color: var(--black-100);
  --datetime-picker-selected-background: var(--blue-5);
  --datetime-picker-header-color: var(--black-140);
  --elevation-level-small: 0 0 5px 0 rgba(16, 30, 30, 0.1), 0 2px 7px 0 rgba(16, 30, 30, 0.15), 0 4px 4px -2px rgba(16, 30, 30, 0.1);
  --elevation-level-medium: 0 0 5px 0 rgba(16, 30, 30, 0.1), 0 2px 7px 0 rgba(16, 30, 30, 0.15), 0 16px 9px -12px rgba(16, 30, 30, 0.2);
  --elevation-level-large: 0 0 5px 0 rgba(16, 30, 30, 0.1), 0 2px 7px 0 rgba(16, 30, 30, 0.15), 0 20px 18px -12px rgba(16, 30, 30, 0.3);
  --elevation-table: 0 0 5px 0 rgba(16, 30, 30, 0.1), 0 2px 7px 0 rgba(16, 30, 30, 0.15), 0 4px 4px -2px rgba(16, 30, 30, 0.1);
  --elevation-table-summary: 0 0 5px 0 rgba(16, 30, 30, 0.1), 0 0 7px 0 rgba(16, 30, 30, 0.15), 0 0 9px 0 rgba(16, 30, 30, 0.1);
  --tab-header-label-color: var(--black-71);
  --tab-header-label-selected-color: var(--black-140);
  --tab-header-label-hover-color: var(--black-100);
  --tab-header-label-focused-color: var(--black-140);
  --tab-header-label-disabled-color: var(--black-40);
  --tab-header-hover-underline: var(--blue-40);
  --tab-header-default-badge-color: var(--black-71);
  --tab-header-disabled-badge-color: var(--black-10);
  --tab-header-information-badge-color: var(--blue-110);
  --tab-header-warning-badge-color: var(--orange-100);
  --tab-header-error-badge-color: var(--red-100);
  --tab-header-success-badge-color: var(--green-100);
  --tab-active-label-color: var(--black-140);
  --step-label-color: var(--black-100);
  --inline-notification-information-color: var(--blue-10);
  --inline-notification-succes-color: var(--green-10);
  --inline-notification-warning-color: var(--orange-10);
  --inline-notification-error-color: var(--red-10);
  --option-hover-background-color: var(--blue-5);
  --option-selected-background-color: var(--blue-10);
  --chat-background-color: var(--black-2-5);
  --text-editor-background-color: var(--background);
  --table-background-color: var(--black-2);
  --table-header-background-color: var(--black-5);
  --outline-border: 2px solid var(--blue-60);
  --chart-line-color-1: var(--blue-110);
  --chart-line-color-2: var(--green-100);
  --chart-line-color-3: var(--red-100);
  --chart-line-color-4: var(--orange-100);
  --chart-line-color-5: var(--purple-100);
  --chart-line-color-6: var(--cyan-100);
  --chart-line-color-7: var(--orange-100);
  --chart-line-color-8: var(--yellow-100);
  --chart-line-color-9: var(--black-100);
  --chart-line-color-10: var(--green-146);
  --chart-line-mono-color-1: var(--blue-110);
  --chart-line-mono-color-2: var(--blue-60);
  --chart-line-mono-color-3: var(--blue-40);
  --chart-line-mono-color-4: var(--blue-20);
  --chart-line-mono-color-5: var(--blue-140);
  --chart-line-mono-color-6: var(--blue-180);
  --checkbox-inactive-color: var(--black-40);
  --more-info-color: var(--black-60);
  --more-info-hover-color: var(--black-100);
  --combo-chip-border: var(--blue-40);
  --combo-chip-background: var(--blue-10);
  --combo-chip-color: var(--blue-144);
  --combo-chip-border-success: var(--green-40);
  --combo-chip-background-success: var(--green-10);
  --combo-chip-color-success: var(--green-146);
  --combo-chip-border-error: var(--red-40);
  --combo-chip-background-error: var(--red-10);
  --combo-chip-color-error: var(--red-118);
  --combo-chip-border-warning: var(--orange-40);
  --combo-chip-background-warning: var(--orange-10);
  --combo-chip-color-warning: var(--orange-141);
  --trend-upward-color: var(--green-146);
  --trend-downward-color: var(--red-118);
  --checkbox-outline-color: var(--blue-40);
  --checkbox-default-color: var(--black-40);
  --checkbox-disabled-color: var(--black-20);
  --checkbox-disabled-background: var(--black-10);
  --radiobutton-outline-color: var(--blue-40);
  --radiobutton-default-color: var(--black-40);
  --radiobutton-disabled-color: var(--black-20)
}
body.dark {
  --background: var(--black-140) !important;
  --background-inverse: #ffffff;
  --label-color: var(--white);
  --label-sub-color: var(--white-50);
  --label-hover-color: var(--white);
  --label-disabled-color: var(--white-25);
  --label-error-color: var(--red-100);
  --label-success-color: var(--green-100);
  --label-warning-color: var(--orange-100);
  --label-focus-color: var(--cyan-100);
  --label-required-color: var(--cyan-100);
  --input-placeholder-color: var(--white-25);
  --input-bg: var(--background);
  --input-color: var(--white-50);
  --input-border: 2px solid var(--white-10);
  --input-focus-bg: var(--background);
  --input-focus-border: var(--selected-gradient-background);
  --input-success-bg: var(--background);
  --input-error-bg: var(--background);
  --input-warning-bg: var(--background);
  --input-error-hover-bg: var(--red-25);
  --input-disabled-bg: transparent;
  --input-disabled-border: 2px dashed var(--white-10);
  --input-icon-left: var(--white);
  --input-icon-right: var(--white-25);
  --input-icon-right-hover: var(--white-50);
  --header-color: var(--white);
  --text-color: var(--white-80);
  --disabled-color: var(--cyan-25);
  --cl-disabled-color: var(--white-40);
  --disabled-border: 2px solid var(--cyan-25);
  --selected-border: 2px solid var(--cyan-100);
  --selected-small-border: 1px solid var(--cyan-110);
  --selected-dashed-border: 2px dashed var(--cyan-100);
  --selected-color: var(--cyan-100);
  --selected-background: var(--cyan-10);
  --selected-background-hover: var(--cyan-20);
  --selected-background-light: var(--cyan-5);
  --selected-gradient: linear-gradient(296.57deg, var(--cyan-100) 0%, var(--cyan-100) 100%);
  --selected-gradient-background: linear-gradient(var(--background), var(--background)), linear-gradient(296.57deg, var(--cyan-100) 0%, var(--cyan-100) 100%);
  --default-border: 2px solid var(--white-10);
  --default-success-border: 2px solid var(--green-100);
  --default-small-success-border: 1px solid var(--green-100);
  --default-error-border: 2px solid var(--red-100);
  --default-small-error-border: 1px solid var(--red-100);
  --default-warning-border: 2px solid var(--orange-100);
  --default-small-warning-border: 1px solid var(--orange-100);
  --default-dashed-border: 2px dashed var(--white-10);
  --default-small-border: 1px solid var(--white-10);
  --default-small-active-border: 1px solid var(--white-100);
  --default-background: var(--white-10);
  --default-background-trans: var(--black-80);
  --default-background-inverse: var(--black-100);
  --default-color: var(--white);
  --default-color-inverse: var(--black-100);
  --default-hover-background: var(--cyan-50);
  --default-active-background: var(--cyan-25);
  --bg: var(--black-50);
  --error-bg: var(--red-10);
  --success-bg: var(--green-10);
  --warning-bg: var(--orange-10);
  --success-color-highcontrast: var(--green-146);
  --error-color-highcontrast: var(--red-118);
  --warning-color-highcontrast: var(--orange-141);
  --selected-color-highcontrast: var(--cyan-200);
  --default-color-highcontrast: var(--white-100);
  --backdrop: 93, 102, 119;
  --mini-spinner-color: var(--white-40);
  --mini-spinner-btn-color: var(--cyan-100);
  --mini-spinner-btn-cta-color: var(--black-100);
  --spinner-color: var(--white);
  --spinner-color-bg: var(--white-10);
  --close-button: var(--white-25);
  --scroll-bar: var(--white-25);
  --editor: var(--white-25);
  --file-error: var(--red-100);
  --file-error-background: var(--red-20);
  --file-error-color: var(--red-100);
  --file-success: var(--white-10);
  --file-success-background: var(--background);
  --file-success-color: var(--cyan-100);
  --select-border: var(--white-10);
  --graph-column: var(--background);
  --chart-grid-line: var(--white-25);
  --icon-default-color: var(--white-50);
  --icon-error-color: var(--red-100);
  --hint-text-color: var(--white-50);
  --hint-hover-text-color: var(--cyan-50);
  --focus-border-color: var(--cyan-40);
  --count-down-bar-bg-color: var(--white-10);
  --count-down-bar-progress-color: var(--white-40);
  --notification-success-color: var(--green-100);
  --notification-warning-color: var(--yellow-100);
  --notification-error-color: var(--red-100);
  --notification-info-color: var(--blue-100);
  --notification-default-color: var(--white-100);
  --datetime-picker-selected-background: var(--cyan-5);
  --datetime-picker-header-color: var(--white);
  --elevation-level-small: 0 0 5px 0 rgba(255, 255, 255, 0.1), 0 2px 7px 0 rgba(255, 255, 255, 0.15), 0 4px 4px -2px rgba(255, 255, 255, 0.1);
  --elevation-level-medium: 0 0 5px 0 rgba(255, 255, 255, 0.1), 0 2px 7px 0 rgba(255, 255, 255, 0.15), 0 16px 9px -12px rgba(255, 255, 255, 0.2);
  --elevation-level-large: 0 0 5px 0 rgba(255, 255, 255, 0.1), 0 2px 7px 0 rgba(255, 255, 255, 0.15), 0 20px 18px -12px rgba(255, 255, 255, 0.3);
  --elevation-table: 0 0 5px 0 rgba(16, 30, 30, 0.1), 0 0 7px 0 rgba(16, 30, 30, 0.15), 0 0 9px 0 rgba(16, 30, 30, 0.1);
  --tab-header-label-color: var(--white-71);
  --tab-header-label-selected-color: var(--white-180);
  --tab-header-label-hover-color: var(--white-100);
  --tab-header-label-focused-color: var(--white-180);
  --tab-header-label-disabled-color: var(--white-40);
  --tab-header-hover-underline: var(--cyan-40);
  --tab-header-default-badge-color: var(--black-71);
  --tab-header-disabled-badge-color: var(--black-10);
  --tab-header-information-badge-color: var(--blue-110);
  --tab-header-warning-badge-color: var(--orange-100);
  --tab-header-error-badge-color: var(--red-100);
  --tab-header-success-badge-color: var(--green-100);
  --tab-active-label-color: var(--white);
  --step-label-color: var(--white);
  --inline-notification-information-color: var(--blue-153);
  --inline-notification-succes-color: var(--green-146);
  --inline-notification-warning-color: var(--orange-141);
  --inline-notification-error-color: var(--red-118);
  --option-hover-background-color: var(--cyan-5);
  --option-selected-background-color: var(--cyan-10);
  --chat-background-color: var(--white-2-5);
  --text-editor-background-color: var(--black-40);
  --table-background-color: var(--white-2-5);
  --table-header-background-color: var(--white-5);
  --outline-border: 2px solid var(--cyan-50);
  --chart-line-color-1: var(--cyan-100);
  --chart-line-color-2: var(--green-100);
  --chart-line-color-3: var(--red-100);
  --chart-line-color-4: var(--orange-100);
  --chart-line-color-5: var(--purple-100);
  --chart-line-color-6: var(--blue-110);
  --chart-line-color-7: var(--orange-100);
  --chart-line-color-8: var(--yellow-100);
  --chart-line-color-9: var(--white);
  --chart-line-color-10: var(--green-146);
  --chart-line-mono-color-1: var(--cyan-100);
  --chart-line-mono-color-2: var(--cyan-50);
  --chart-line-mono-color-3: var(--cyan-40);
  --chart-line-mono-color-4: var(--cyan-20);
  --chart-line-mono-color-5: var(--cyan-200);
  --chart-line-mono-color-6: var(--cyan-5);
  --checkbox-inactive-color: var(--white-40);
  --more-info-color: var(--white-25);
  --more-info-hover-color: var(--white-50);
  --combo-chip-border: var(--blue-40);
  --combo-chip-background: var(--blue-10);
  --combo-chip-color: var(--blue-144);
  --combo-chip-border-success: var(--green-40);
  --combo-chip-background-success: var(--green-10);
  --combo-chip-color-success: var(--green-146);
  --combo-chip-border-error: var(--red-40);
  --combo-chip-background-error: var(--red-10);
  --combo-chip-color-error: var(--red-118);
  --combo-chip-border-warning: var(--orange-40);
  --combo-chip-background-warning: var(--orange-10);
  --combo-chip-color-warning: var(--orange-141);
  --trend-upward-color: var(--green-146);
  --trend-downward-color: var(--red-118);
  --checkbox-outline-color: var(--cyan-40);
  --checkbox-default-color: var(--white-40);
  --checkbox-disabled-color: var(--white-20);
  --checkbox-disabled-background: var(--white-10);
  --radiobutton-outline-color: var(--cyan-40);
  --radiobutton-default-color: var(--white-40);
  --radiobutton-disabled-color: var(--white-20)
}
body {
  --font-family-base: "Gotham";
  --font-size-h1: 40px;
  --font-size-h2: 32px;
  --font-size-h3: 26px;
  --font-size-h4: 20px;
  --font-size-h5: 16px;
  --font-size-h6: 14px
}
body.ja-jp {
  --font-family-base: "Noto Sans"
} /*!* Quill Editor v1.2.2
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com*/ .ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 100%;
  margin: 0;
  position: relative
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%
}
.ql-clipboard p {
  margin: 0;
  padding: 0
}
.ql-editor {
  box-sizing: border-box;
  cursor: text;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word
}
.ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
.ql-editor ol, .ql-editor ul {
  padding-left: 1.5em
}
.ql-editor ol > li, .ql-editor ul > li {
  list-style-type: none
}
.ql-editor ul > li::before {
  content: "•"
}
.ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] {
  pointer-events: none
}
.ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all
}
.ql-editor ul[data-checked=true] > li::before {
  content: "☑"
}
.ql-editor ul[data-checked=false] > li::before {
  content: "☐"
}
.ql-editor li::before {
  display: inline-block;
  margin-right: .3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em
}
.ql-editor ol li, .ql-editor ul li {
  padding-left: 1.5em
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-num
}
.ql-editor ol li:before {
  content: counter(list-num, decimal) ". "
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". "
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". "
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". "
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". "
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". "
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". "
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". "
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". "
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". "
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto
}
.ql-editor .ql-bg-black {
  background-color: #000
}
.ql-editor .ql-bg-red {
  background-color: #e60000
}
.ql-editor .ql-bg-orange {
  background-color: #f90
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0
}
.ql-editor .ql-bg-green {
  background-color: #008a00
}
.ql-editor .ql-bg-blue {
  background-color: #06c
}
.ql-editor .ql-bg-purple {
  background-color: #93f
}
.ql-editor .ql-color-white {
  color: #fff
}
.ql-editor .ql-color-red {
  color: #e60000
}
.ql-editor .ql-color-orange {
  color: #f90
}
.ql-editor .ql-color-yellow {
  color: #ff0
}
.ql-editor .ql-color-green {
  color: #008a00
}
.ql-editor .ql-color-blue {
  color: #06c
}
.ql-editor .ql-color-purple {
  color: #93f
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace
}
.ql-editor .ql-size-small {
  font-size: .75em
}
.ql-editor .ql-size-large {
  font-size: 1.5em
}
.ql-editor .ql-size-huge {
  font-size: 2.5em
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit
}
.ql-editor .ql-align-center {
  text-align: center
}
.ql-editor .ql-align-justify {
  text-align: justify
}
.ql-editor .ql-align-right {
  text-align: right
}
.ql-editor.ql-blank::before {
  color: var(--input-placeholder-color);
  content: attr(data-placeholder);
  font-family: var(--font-family-base);
  pointer-events: none;
  position: absolute
}
.ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table
}
.ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button {
  background: 0 0;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px
}
.ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%
}
.ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover {
  outline: none
}
.ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none
}
.ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c
}
.ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c
}
.ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c
}
.ql-snow {
  box-sizing: border-box
}
.ql-snow * {
  box-sizing: border-box
}
.ql-snow .ql-hidden {
  display: none
}
.ql-snow .ql-out-bottom, .ql-snow .ql-out-top {
  visibility: hidden
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px)
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px)
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2
}
.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
  fill: #444
}
.ql-snow .ql-empty {
  fill: none
}
.ql-snow .ql-even {
  fill-rule: evenodd
}
.ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin {
  stroke-width: 1
}
.ql-snow .ql-transparent {
  opacity: .4
}
.ql-snow .ql-direction svg:last-child {
  display: none
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none
}
.ql-snow .ql-editor h1 {
  font-size: 2em
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em
}
.ql-snow .ql-editor h4 {
  font-size: 1em
}
.ql-snow .ql-editor h5 {
  font-size: .83em
}
.ql-snow .ql-editor h6 {
  font-size: .67em
}
.ql-snow .ql-editor a {
  text-decoration: underline
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px
}
.ql-snow .ql-editor code, .ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding-bottom: 2px;
  padding-top: 2px
}
.ql-snow .ql-editor code:before, .ql-snow .ql-editor code:after {
  content: " ";
  letter-spacing: -2px
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible
}
.ql-snow .ql-editor img {
  max-width: 100%
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1
}
.ql-snow .ql-color-picker, .ql-snow .ql-icon-picker {
  width: 28px
}
.ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px
}
.ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label)
}
.ql-snow .ql-picker.ql-header {
  width: 98px
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal"
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1"
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2"
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3"
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4"
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5"
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6"
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: .83em
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: .67em
}
.ql-snow .ql-picker.ql-font {
  width: 108px
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif"
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif"
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace"
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace
}
.ql-snow .ql-picker.ql-size {
  width: 98px
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal"
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small"
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large"
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge"
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: helvetica neue, helvetica, arial, sans-serif;
  padding: 8px
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: var(--elevation-level-small)
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: var(--elevation-level-large);
  color: #444;
  padding: 5px 12px;
  white-space: nowrap
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px
}
.ql-snow .ql-tooltip a {
  line-height: 26px
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: "Save";
  padding-right: 0
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:"
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:"
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:"
}
.ql-snow a {
  color: #06c
}
.ql-container.ql-snow {
  border: 1px solid #ccc
}
@media print {
  *, ::after, ::before {
    text-shadow: none !important;
    box-shadow: none !important
  }
  a, a:visited {
    text-decoration: underline
  }
  abbr[title]::after {
    content: " ("attr(title) ")"
  }
  pre {
    white-space: pre-wrap !important
  }
  blockquote, pre {
    border: 1px solid #999;
    page-break-inside: avoid
  }
  thead {
    display: table-header-group
  }
  img, tr {
    page-break-inside: avoid
  }
  h2, h3, p {
    orphans: 3;
    widows: 3
  }
  h2, h3 {
    page-break-after: avoid
  }
  .navbar {
    display: none
  }
  .badge {
    border: 1px solid #000
  }
  .table {
    border-collapse: collapse !important
  }
  .table td, .table th {
    background-color: var(--white) !important
  }
  .table-bordered td, .table-bordered th {
    border: 1px solid #ddd !important
  }
}
*, ::after, ::before {
  box-sizing: border-box
}
html {
  min-height: 100%
}
body {
  font-family: var(--font-family-base), sans-serif;
  font-weight: 400;
  font-size: 14px;
  height: 100%;
  background-color: var(--background);
  margin: 0;
  line-height: 1.5;
  color: var(--text-color);
  text-align: left
}
body.prevent-scroll {
  overflow: hidden !important;
  overflow-y: hidden !important;
  overflow-x: hidden !important
}
body.overlay-open {
  overflow: hidden;
  margin-right: 17px
}
@-ms-viewport {
  width: device-width
}
[tabindex="-1"]:focus {
  outline: 0 !important
}
::-webkit-scrollbar {
  width: 24px !important;
  height: 24px !important
}
::-webkit-scrollbar-thumb {
  min-height: 32px !important;
  height: auto;
  border: 8px solid transparent !important;
  background-clip: padding-box !important;
  -webkit-border-radius: 16px !important;
  border-radius: 16px !important;
  background-color: var(--scroll-bar) !important
}
::-webkit-scrollbar-track {
  box-shadow: none !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important
}
::-webkit-scrollbar-button {
  width: 0 !important;
  height: 0 !important;
  display: none !important
}
::-webkit-scrollbar-corner {
  background-color: transparent !important
}
a {
  color: var(--selected-color);
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}
a:hover, a:focus {
  color: var(--selected-color);
  text-decoration: none
}
a.link:hover, a.link:focus {
  text-decoration: underline
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none
}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none
}
a:not([href]):not([tabindex]):focus {
  outline: 0
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block
}

.rounded {
  border-radius: 8px
}
ul {
  list-style: none;
  margin: 0;
  padding: 0
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  height: 2px;
  border: 0;
  border-top: var(--default-border)
}
p a, span a {
  color: var(--selected-color);
  text-decoration: underline
}
@font-face {
  font-family: cm-icons;
  src: url(../font/cm-icons.woff) format("woff"), url(../font/cm-icons.ttf) format("truetype"), url(https://www.cm.com/en-gb/app/aurora/fonts/icons/cm-icons.svg) format("svg");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: gotham;
  src: url(../font/GothamRnd-Light_Web.woff2) format("woff2"), url(../font/GothamRnd-Light_Web.woff) format("woff");
  font-weight: 100;
  font-style: normal
}
@font-face {
  font-family: gotham;
  src: url(../font/GothamRnd-LightItalic_Web.woff2) format("woff2"), url(../font/GothamRnd-LightItalic_Web.woff) format("woff");
  font-weight: 100;
  font-style: italic
}
@font-face {
  font-family: gotham;
  src: url(../font/GothamRnd-Book_Web.woff2) format("woff2"), url(../font/GothamRnd-Book_Web.woff) format("woff");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: gotham;
  src: url(../font/GothamRnd-BookItalic_Web.woff2) format("woff2"), url(../font/GothamRnd-BookItalic_Web.woff) format("woff");
  font-weight: 400;
  font-style: italic
}
@font-face {
  font-family: gotham;
  src: url(../font/GothamRnd-Medium_Web.woff2) format("woff2"), url(../font/GothamRnd-Medium_Web.woff) format("woff");
  font-weight: 500;
  font-style: normal
}
@font-face {
  font-family: gotham;
  src: url(../font/GothamRnd-MediumItalic_Web.woff2) format("woff2"), url(../font/GothamRnd-MediumItalic_Web.woff) format("woff");
  font-weight: 500;
  font-style: italic
}
@font-face {
  font-family: gotham;
  src: url(../font/GothamRnd-Medium_Web.woff2) format("woff2"), url(../font/GothamRnd-Medium_Web.woff) format("woff");
  font-weight: 600;
  font-style: normal
}
@font-face {
  font-family: gotham;
  src: url(../font/GothamRnd-MediumItalic_Web.woff2) format("woff2"), url(../font/GothamRnd-MediumItalic_Web.woff) format("woff");
  font-weight: 600;
  font-style: italic
}
@font-face {
  font-family: gotham;
  src: url(../font/GothamRnd-Bold_Web.woff2) format("woff2"), url(../font/GothamRnd-Bold_Web.woff) format("woff");
  font-weight: 700;
  font-style: normal
}
@font-face {
  font-family: gotham;
  src: url(../font/GothamRnd-BoldItalic_Web.woff2) format("woff2"), url(../font/GothamRnd-BoldItalic_Web.woff) format("woff");
  font-weight: 700;
  font-style: italic
}
@font-face {
  font-family: foro-extralightitalic;
  src: url(../font/Foro-ExtraLightItalic.woff2) format("woff2"), url(../font/Foro-ExtraLightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic
}
@font-face {
  font-family: foro;
  src: url(../font/Foro-Medium.woff2) format("woff2"), url(../font/Foro-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal
}
@font-face {
  font-family: foro-mediumitalic;
  src: url(../font/Foro-MediumItalic.woff2) format("woff2"), url(../font/Foro-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic
}
@font-face {
  font-family: foro;
  src: url(../font/Foro-Black.woff2) format("woff2"), url(../font/Foro-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal
}
@font-face {
  font-family: foro;
  src: url(../font/Foro-Bold.woff2) format("woff2"), url(../font/Foro-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal
}
@font-face {
  font-family: foro;
  src: url(../font/Foro-Regular.woff2) format("woff2"), url(../font/Foro-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: foro-thinitalic;
  src: url(../font/Foro-ThinItalic.woff2) format("woff2"), url(../font/Foro-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic
}
@font-face {
  font-family: foro;
  src: url(../font/Foro-Thin.woff2) format("woff2"), url(../font/Foro-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal
}
@font-face {
  font-family: foro;
  src: url(https://www.cm.com/en-gb/app/aurora/fonts/foro/Foro-Light.otf), url(../font/Foro-Light.woff2) format("woff2"), url(../font/Foro-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal
}
@font-face {
  font-family: foro-extrabolditalic;
  src: url(../font/Foro-ExtraBoldItalic.woff2) format("woff2"), url(../font/Foro-ExtraBoldItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic
}
@font-face {
  font-family: foro-lightitalic;
  src: url(../font/Foro-LightItalic.woff2) format("woff2"), url(../font/Foro-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic
}
@font-face {
  font-family: foro;
  src: url(../font/Foro-ExtraBold.woff2) format("woff2"), url(../font/Foro-ExtraBold.woff) format("woff");
  font-weight: 800;
  font-style: normal
}
@font-face {
  font-family: foro-blackitalic;
  src: url(../font/Foro-BlackItalic.woff2) format("woff2"), url(../font/Foro-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic
}
@font-face {
  font-family: foro;
  src: url(../font/Foro-Italic.woff2) format("woff2"), url(../font/Foro-Italic.woff) format("woff");
  font-weight: 400;
  font-style: italic
}
@font-face {
  font-family: foro;
  src: url(../font/Foro-ExtraLight.woff2) format("woff2"), url(../font/Foro-ExtraLight.woff) format("woff");
  font-weight: 200;
  font-style: normal
}
@font-face {
  font-family: foro-bolditalic;
  src: url(../font/Foro-BoldItalic.woff2) format("woff2"), url(../font/Foro-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic
}
@font-face {
  font-family: open sans;
  src: url(../font/OpenSans-SemiboldItalic.woff2) format("woff2"), url(../font/OpenSans-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic
}
@font-face {
  font-family: open sans;
  src: url(../font/OpenSans.woff2) format("woff2"), url(../font/OpenSans.woff) format("woff");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: open sans;
  src: url(../font/OpenSans-BoldItalic.woff2) format("woff2"), url(../font/OpenSans-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic
}
@font-face {
  font-family: open sans;
  src: url(../font/OpenSans-Italic.woff2) format("woff2"), url(../font/OpenSans-Italic.woff) format("woff");
  font-weight: 400;
  font-style: italic
}
@font-face {
  font-family: open sans;
  src: url(../font/OpenSans-ExtraboldItalic.woff2) format("woff2"), url(../font/OpenSans-ExtraboldItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic
}
@font-face {
  font-family: open sans;
  src: url(../font/OpenSans-Bold.woff2) format("woff2"), url(../font/OpenSans-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal
}
@font-face {
  font-family: open sans;
  src: url(../font/OpenSans-Extrabold.woff2) format("woff2"), url(../font/OpenSans-Extrabold.woff) format("woff");
  font-weight: 800;
  font-style: normal
}
@font-face {
  font-family: open sans;
  src: url(../font/OpenSansLight-Italic.woff2) format("woff2"), url(../font/OpenSansLight-Italic.woff) format("woff");
  font-weight: 300;
  font-style: italic
}
@font-face {
  font-family: open sans;
  src: url(../font/OpenSans-Light.woff2) format("woff2"), url(../font/OpenSans-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal
}
@font-face {
  font-family: open sans;
  src: url(../font/OpenSans-Semibold.woff2) format("woff2"), url(../font/OpenSans-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal
}
@font-face {
  font-family: bangers;
  src: url(../font/Bangers-Regular.ttf) format("truetype");
  font-weight: 600;
  font-style: normal
}
@font-face {
  font-family: galada;
  src: url(../font/Galada-Regular.ttf) format("truetype");
  font-weight: 600;
  font-style: normal
}
@font-face {
  font-family: playfair display;
  src: url(../font/PlayfairDisplay-Regular.ttf) format("truetype");
  font-weight: 600;
  font-style: normal
}
@font-face {
  font-family: playfair display;
  src: url(../font/PlayfairDisplay-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic
}
@font-face {
  font-family: roboto;
  src: url(../font/Roboto-Regular.ttf) format("truetype");
  font-weight: 600;
  font-style: normal
}
@font-face {
  font-family: shadows into light;
  src: url(../font/ShadowsIntoLight-Regular.ttf) format("truetype");
  font-weight: 600;
  font-style: normal
}
@font-face {
  font-family: noto sans;
  src: url(../font/NotoSans-Black.woff2) format("woff2"), url(../font/NotoSans-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal
}
@font-face {
  font-family: noto sans;
  src: url(../font/NotoSans-Bold.woff2) format("woff2"), url(../font/NotoSans-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal
}
@font-face {
  font-family: noto sans;
  src: url(../font/NotoSans-Light.woff2) format("woff2"), url(../font/NotoSans-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal
}
@font-face {
  font-family: noto sans;
  src: url(../font/NotoSans-Medium.woff2) format("woff2"), url(../font/NotoSans-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal
}
@font-face {
  font-family: noto sans;
  src: url(../font/NotoSans-Regular.woff2) format("woff2"), url(../font/NotoSans-Regular.woff) format("woff");
  font-weight: 500;
  font-style: normal
}
@font-face {
  font-family: noto sans;
  src: url(../font/NotoSans-Thin.woff2) format("woff2"), url(../font/NotoSans-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: var(--font-family-base), sans-serif;
  color: var(--header-color)
}
p {
  color: var(--text-color)
}
h1 {
  font-size: var(--font-size-h1);
  font-weight: 500;
  font-family: var(--font-family-base), sans-serif;
  margin-bottom: 32px
}
h2 {
  font-size: var(--font-size-h2);
  font-weight: 500;
  font-family: var(--font-family-base), sans-serif;
  margin-bottom: 16px
}
h3 {
  font-size: var(--font-size-h3);
  font-weight: 500;
  font-family: var(--font-family-base), sans-serif;
  margin-bottom: 16px
}
h4 {
  font-size: var(--font-size-h4);
  font-weight: 500;
  font-family: var(--font-family-base), sans-serif;
  margin-bottom: 8px
}
h5 {
  font-size: var(--font-size-h5);
  font-weight: 500;
  font-family: var(--font-family-base), sans-serif;
  margin-bottom: 8px
}
h6 {
  font-size: var(--font-size-h6);
  font-weight: 500;
  font-family: var(--font-family-base), sans-serif;
  margin-bottom: 8px
}
b, strong {
  font-family: var(--font-family-base), sans-serif;
  font-weight: 600
}
.text-justify {
  text-align: justify !important
}
.text-nowrap {
  white-space: nowrap !important
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.text-left {
  text-align: left !important
}
.text-right {
  text-align: right !important
}
.text-center {
  text-align: center !important
}
@media(min-width:576px) {
  .text-sm-left {
    text-align: left !important
  }
  .text-sm-right {
    text-align: right !important
  }
  .text-sm-center {
    text-align: center !important
  }
}
@media(min-width:768px) {
  .text-md-left {
    text-align: left !important
  }
  .text-md-right {
    text-align: right !important
  }
  .text-md-center {
    text-align: center !important
  }
}
@media(min-width:992px) {
  .text-lg-left {
    text-align: left !important
  }
  .text-lg-right {
    text-align: right !important
  }
  .text-lg-center {
    text-align: center !important
  }
}
@media(min-width:1200px) {
  .text-xl-left {
    text-align: left !important
  }
  .text-xl-right {
    text-align: right !important
  }
  .text-xl-center {
    text-align: center !important
  }
}
.text-large {
  font-size: 16px
}
.text-small {
  font-size: 12px
}
.text-extra-small {
  font-size: 10px
}
.text-lowercase {
  text-transform: lowercase !important
}
.text-uppercase {
  text-transform: uppercase !important
}
.text-capitalize {
  text-transform: capitalize !important
}
.visible {
  visibility: visible !important
}
.invisible {
  visibility: hidden !important
}
*.fs-base {
  font-size: 14px !important
}
*.fs-large {
  font-size: 16px !important
}
*.fs-small {
  font-size: 12px !important
}
*.fs-h1 {
  font-size: var(--font-size-h1) !important
}
*.fs-h2 {
  font-size: var(--font-size-h2) !important
}
.display-01 {
  color: var(--header-color);
  font-family: var(--font-family-base), sans-serif;
  font-size: 120px;
  font-weight: 700;
  line-height: 120px;
  padding-bottom: 40px
}
.display-02 {
  color: var(--header-color);
  font-family: var(--font-family-base), sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 96px;
  padding-bottom: 40px
}
.display-03 {
  color: var(--header-color);
  font-family: var(--font-family-base), sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  padding-bottom: 32px
}
.subheading-01 {
  color: var(--header-color);
  font-family: var(--font-family-base), sans-serif;
  font-size: var(--font-size-h5);
  font-weight: 500;
  line-height: 21px;
  padding-bottom: 8px
}
.subheading-02 {
  color: var(--header-color);
  font-family: var(--font-family-base), sans-serif;
  font-size: var(--font-size-h6);
  font-weight: 500;
  line-height: 21px;
  padding-bottom: 8px
}
.ql-font-bangers {
  font-family: bangers, cursive
}
.ql-font-roboto {
  font-family: roboto, sans-serif
}
.ql-font-galada {
  font-family: galada, cursive
}
.ql-font-gotham {
  font-family: var(--font-family-base), sans-serif
}
.ql-font-playfairdisplay {
  font-family: playfair display, serif
}
.ql-font-shadowsintolight {
  font-family: shadows into light, cursive
}
.ql-font-arial {
  font-family: arial
}
#aurora-notification {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 76px;
  left: 0;
  right: 0;
  background: var(--bg-warning-color);
  height: 40px;
  z-index: 9999999;
  padding: 8px 0;
  text-align: center
}
#cm-sidenav-toggle:checked ~ #aurora-notification, #cm-sidenav-toggle:checked ~ * #aurora-notification {
  left: 320px
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 40px;
  padding: 0 8px;
  transition: padding .25s;
  max-width: calc(100% - 80px)
}
.container:not([class*=p-t-]):not([class*=m-t-]) {
  padding-top: 128px
}
@media(min-width:769px) {
  .container .topbar ~ * {
    padding-top: 292px
  }
  .container .topbar ~ * .inline-notification-container {
    position: fixed;
    right: 16px;
    top: 176px
  }
  .container:not([class*=p-t-]):not([class*=m-t-]) {
    transition: none;
    padding-top: 100px
  }
}
platform-header:not([data-platform-header-ready]) ~ .container:not([class*=p-t-]):not([class*=m-t-]), platform-header:not([data-platform-header-ready]) ~ * .container:not([class*=p-t-]):not([class*=m-t-]) {
  padding-top: 200px
}
@media(max-width:608px) {
  .container {
    padding: 0;
    max-width: calc(100% - 48px);
    margin-left: 24px
  }
}
@media(max-width:320px) {
  .container {
    max-width: calc(100% - 16px);
    margin-left: 8px
  }
}
@media(min-width:992px) {
  .container {
    max-width: 960px;
    margin-left: calc((100vw - 960px)/2)
  }
}
@media(min-width:1200px) {
  #cm-sidenav-toggle:checked ~ .container, #cm-sidenav-toggle:checked ~ * .container {
    padding-left: 240px
  }
  #cm-sidenav-toggle:checked ~ .container-fluid, #cm-sidenav-toggle:checked ~ * .container-fluid {
    padding-left: 336px
  }
  #cm-sidenav-toggle:checked ~ .container-full, #cm-sidenav-toggle:checked ~ * .container-full {
    padding-left: 320px
  }
  .container {
    max-width: 960px;
    margin-left: calc((100vw - 960px)/2)
  }
}
@media(min-width:1400px) {
  .container {
    max-width: 1224px;
    margin-left: calc((100vw - 1208px)/2)
  }
}
@media(min-width:1600px) {
  #cm-sidenav-toggle:checked ~ .container, #cm-sidenav-toggle:checked ~ * .container {
    padding-left: 128px
  }
  cm-filter.active ~ * .container, cm-filter.active ~ .container {
    padding-right: 144px
  }
  cm-filter.active ~ * .container-fluid, cm-filter.active ~ .container-fluid {
    padding-right: 352px
  }
  cm-filter.active ~ * .container-full, cm-filter.active ~ .container-full {
    padding-right: 320px
  }
  #cm-sidenav-toggle:checked ~ cm-filter.active ~ * .container, #cm-sidenav-toggle:checked ~ cm-filter.active ~ .container {
    padding-left: 80px;
    padding-right: 80px
  }
  #cm-sidenav-toggle:checked ~ cm-filter.active ~ * .container-fluid, #cm-sidenav-toggle:checked ~ cm-filter.active ~ .container-fluid {
    padding-left: 352px;
    padding-right: 352px
  }
  #cm-sidenav-toggle:checked ~ cm-filter.active ~ * .container-full, #cm-sidenav-toggle:checked ~ cm-filter.active ~ .container-full {
    padding-left: 320px;
    padding-right: 320px
  }
  .container {
    max-width: 1224px
  }
}
@media(min-width:1700px) {
  #cm-sidenav-toggle:checked ~ cm-filter.active ~ * .container, #cm-sidenav-toggle:checked ~ cm-filter.active ~ .container {
    padding-left: 32px;
    padding-right: 32px
  }
}
.container-full {
  padding: 0
}
.container-full:not([class*=p-t-]):not([class*=m-t-]) {
  padding-top: 76px;
  --platform-header-height: 76px
}
.container-fluid {
  padding: 16px
}
.container-fluid:not([class*=p-t-]):not([class*=m-t-]) {
  padding-top: 128px
}
.container-full, .container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  transition: padding .25s
}
body.platform-demobanner-active:not(.platform-hide-demobanner) .container:not([class*=p-t-]):not([class*=m-t-]) {
  padding-top: 168px
}
body.platform-demobanner-active:not(.platform-hide-demobanner) .container-fluid:not([class*=p-t-]):not([class*=m-t-]) {
  padding-top: 128px
}
body.platform-demobanner-active:not(.platform-hide-demobanner) .container-full:not([class*=p-t-]):not([class*=m-t-]) {
  padding-top: 120px;
  --platform-header-height: 120px
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%
}
.no-gutters {
  margin-right: 0;
  margin-left: 0
}
.no-gutters > .col, .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-auto {
  position: relative;
  width: 100%;
  min-height: 1px
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%
}
.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none
}
.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%
}
.col-1td {
  width: 8.333333%
}
.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%
}
.col-2td {
  width: 16.666667%
}
.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}
.col-3td {
  width: 25%
}
.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%
}
.col-4td {
  width: 33.333333%
}
.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%
}
.col-5td {
  width: 41.666667%
}
.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}
.col-6td {
  width: 50%
}
.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%
}
.col-7td {
  width: 58.333333%
}
.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%
}
.col-8td {
  width: 66.666667%
}
.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%
}
.col-9td {
  width: 75%
}
.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%
}
.col-10td {
  width: 83.333333%
}
.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%
}
.col-11td {
  width: 91.666667%
}
.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}
.col-12td {
  width: 100%
}
.order-first {
  -ms-flex-order: -1;
  order: -1
}
.order-1 {
  -ms-flex-order: 1;
  order: 1
}
.order-2 {
  -ms-flex-order: 2;
  order: 2
}
.order-3 {
  -ms-flex-order: 3;
  order: 3
}
.order-4 {
  -ms-flex-order: 4;
  order: 4
}
.order-5 {
  -ms-flex-order: 5;
  order: 5
}
.order-6 {
  -ms-flex-order: 6;
  order: 6
}
.order-7 {
  -ms-flex-order: 7;
  order: 7
}
.order-8 {
  -ms-flex-order: 8;
  order: 8
}
.order-9 {
  -ms-flex-order: 9;
  order: 9
}
.order-10 {
  -ms-flex-order: 10;
  order: 10
}
.order-11 {
  -ms-flex-order: 11;
  order: 11
}
.order-12 {
  -ms-flex-order: 12;
  order: 12
}
.offset-1 {
  margin-left: 8.333333%
}
.offset-2 {
  margin-left: 16.666667%
}
.offset-3 {
  margin-left: 25%
}
.offset-4 {
  margin-left: 33.333333%
}
.offset-5 {
  margin-left: 41.666667%
}
.offset-6 {
  margin-left: 50%
}
.offset-7 {
  margin-left: 58.333333%
}
.offset-8 {
  margin-left: 66.666667%
}
.offset-9 {
  margin-left: 75%
}
.offset-10 {
  margin-left: 83.333333%
}
.offset-11 {
  margin-left: 91.666667%
}
@media(min-width:576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12
  }
  .offset-sm-0 {
    margin-left: 0
  }
  .offset-sm-1 {
    margin-left: 8.333333%
  }
  .offset-sm-2 {
    margin-left: 16.666667%
  }
  .offset-sm-3 {
    margin-left: 25%
  }
  .offset-sm-4 {
    margin-left: 33.333333%
  }
  .offset-sm-5 {
    margin-left: 41.666667%
  }
  .offset-sm-6 {
    margin-left: 50%
  }
  .offset-sm-7 {
    margin-left: 58.333333%
  }
  .offset-sm-8 {
    margin-left: 66.666667%
  }
  .offset-sm-9 {
    margin-left: 75%
  }
  .offset-sm-10 {
    margin-left: 83.333333%
  }
  .offset-sm-11 {
    margin-left: 91.666667%
  }
}
@media(min-width:768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12
  }
  .offset-md-0 {
    margin-left: 0
  }
  .offset-md-1 {
    margin-left: 8.333333%
  }
  .offset-md-2 {
    margin-left: 16.666667%
  }
  .offset-md-3 {
    margin-left: 25%
  }
  .offset-md-4 {
    margin-left: 33.333333%
  }
  .offset-md-5 {
    margin-left: 41.666667%
  }
  .offset-md-6 {
    margin-left: 50%
  }
  .offset-md-7 {
    margin-left: 58.333333%
  }
  .offset-md-8 {
    margin-left: 66.666667%
  }
  .offset-md-9 {
    margin-left: 75%
  }
  .offset-md-10 {
    margin-left: 83.333333%
  }
  .offset-md-11 {
    margin-left: 91.666667%
  }
}
@media(min-width:992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12
  }
  .offset-lg-0 {
    margin-left: 0
  }
  .offset-lg-1 {
    margin-left: 8.333333%
  }
  .offset-lg-2 {
    margin-left: 16.666667%
  }
  .offset-lg-3 {
    margin-left: 25%
  }
  .offset-lg-4 {
    margin-left: 33.333333%
  }
  .offset-lg-5 {
    margin-left: 41.666667%
  }
  .offset-lg-6 {
    margin-left: 50%
  }
  .offset-lg-7 {
    margin-left: 58.333333%
  }
  .offset-lg-8 {
    margin-left: 66.666667%
  }
  .offset-lg-9 {
    margin-left: 75%
  }
  .offset-lg-10 {
    margin-left: 83.333333%
  }
  .offset-lg-11 {
    margin-left: 91.666667%
  }
}
@media(min-width:1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12
  }
  .offset-xl-0 {
    margin-left: 0
  }
  .offset-xl-1 {
    margin-left: 8.333333%
  }
  .offset-xl-2 {
    margin-left: 16.666667%
  }
  .offset-xl-3 {
    margin-left: 25%
  }
  .offset-xl-4 {
    margin-left: 33.333333%
  }
  .offset-xl-5 {
    margin-left: 41.666667%
  }
  .offset-xl-6 {
    margin-left: 50%
  }
  .offset-xl-7 {
    margin-left: 58.333333%
  }
  .offset-xl-8 {
    margin-left: 66.666667%
  }
  .offset-xl-9 {
    margin-left: 75%
  }
  .offset-xl-10 {
    margin-left: 83.333333%
  }
  .offset-xl-11 {
    margin-left: 91.666667%
  }
}
@media(min-width:1400px) {
  .col-xxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .col-xxl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }
  .col-xxl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-xxl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-xxl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-xxl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-xxl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-xxl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-xxl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-xxl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-xxl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-xxl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-xxl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-xxl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .order-xxl-first {
    -ms-flex-order: -1;
    order: -1
  }
  .order-xxl-1 {
    -ms-flex-order: 1;
    order: 1
  }
  .order-xxl-2 {
    -ms-flex-order: 2;
    order: 2
  }
  .order-xxl-3 {
    -ms-flex-order: 3;
    order: 3
  }
  .order-xxl-4 {
    -ms-flex-order: 4;
    order: 4
  }
  .order-xxl-5 {
    -ms-flex-order: 5;
    order: 5
  }
  .order-xxl-6 {
    -ms-flex-order: 6;
    order: 6
  }
  .order-xxl-7 {
    -ms-flex-order: 7;
    order: 7
  }
  .order-xxl-8 {
    -ms-flex-order: 8;
    order: 8
  }
  .order-xxl-9 {
    -ms-flex-order: 9;
    order: 9
  }
  .order-xxl-10 {
    -ms-flex-order: 10;
    order: 10
  }
  .order-xxl-11 {
    -ms-flex-order: 11;
    order: 11
  }
  .order-xxl-12 {
    -ms-flex-order: 12;
    order: 12
  }
  .offset-xxl-0 {
    margin-left: 0
  }
  .offset-xxl-1 {
    margin-left: 8.333333%
  }
  .offset-xxl-2 {
    margin-left: 16.666667%
  }
  .offset-xxl-3 {
    margin-left: 25%
  }
  .offset-xxl-4 {
    margin-left: 33.333333%
  }
  .offset-xxl-5 {
    margin-left: 41.666667%
  }
  .offset-xxl-6 {
    margin-left: 50%
  }
  .offset-xxl-7 {
    margin-left: 58.333333%
  }
  .offset-xxl-8 {
    margin-left: 66.666667%
  }
  .offset-xxl-9 {
    margin-left: 75%
  }
  .offset-xxl-10 {
    margin-left: 83.333333%
  }
  .offset-xxl-11 {
    margin-left: 91.666667%
  }
}
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important
}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important
}
.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important
}
.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important
}
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important
}
.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important
}
.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important
}
.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important
}
.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important
}
.justify-content-evenly {
  justify-content: space-evenly !important
}
.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important
}
.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important
}
.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important
}
.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important
}
.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important
}
.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important
}
.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important
}
.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important
}
.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important
}
.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important
}
.align-content-evenly {
  align-content: space-evenly !important
}
.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important
}
.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important
}
.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important
}
.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important
}
.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important
}
.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important
}
@media(min-width:576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }
  .align-content-sm-evenly {
    align-content: space-evenly !important
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}
@media(min-width:768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }
  .align-content-md-evenly {
    align-content: space-evenly !important
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}
@media(min-width:992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }
  .align-content-lg-evenly {
    align-content: space-evenly !important
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}
@media(min-width:1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }
  .align-content-xl-evenly {
    align-content: space-evenly !important
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}
@media(min-width:1400px) {
  .flex-xxl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }
  .flex-xxl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }
  .flex-xxl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }
  .flex-xxl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }
  .flex-xxl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }
  .flex-xxl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }
  .flex-xxl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }
  .justify-content-xxl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }
  .justify-content-xxl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }
  .justify-content-xxl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
  }
  .justify-content-xxl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }
  .justify-content-xxl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important
  }
  .align-items-xxl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }
  .align-items-xxl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }
  .align-items-xxl-center {
    -ms-flex-align: center !important;
    align-items: center !important
  }
  .align-items-xxl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }
  .align-items-xxl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }
  .align-content-xxl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }
  .align-content-xxl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }
  .align-content-xxl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }
  .align-content-xxl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }
  .align-content-xxl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }
  .align-content-xxl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }
  .align-content-xxl-evenly {
    align-content: space-evenly !important
  }
  .align-self-xxl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }
  .align-self-xxl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }
  .align-self-xxl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }
  .align-self-xxl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }
  .align-self-xxl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }
  .align-self-xxl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}
.float-left {
  float: left !important
}
.float-right {
  float: right !important
}
.float-none {
  float: none !important
}
@media(min-width:576px) {
  .float-sm-left {
    float: left !important
  }
  .float-sm-right {
    float: right !important
  }
  .float-sm-none {
    float: none !important
  }
}
@media(min-width:768px) {
  .float-md-left {
    float: left !important
  }
  .float-md-right {
    float: right !important
  }
  .float-md-none {
    float: none !important
  }
}
@media(min-width:992px) {
  .float-lg-left {
    float: left !important
  }
  .float-lg-right {
    float: right !important
  }
  .float-lg-none {
    float: none !important
  }
}
@media(min-width:1200px) {
  .float-xl-left {
    float: left !important
  }
  .float-xl-right {
    float: right !important
  }
  .float-xl-none {
    float: none !important
  }
}
@media(min-width:1400px) {
  .float-xxl-left {
    float: left !important
  }
  .float-xxl-right {
    float: right !important
  }
  .float-xxl-none {
    float: none !important
  }
}
.position-static {
  position: static !important
}
.position-relative {
  position: relative !important
}
.position-absolute {
  position: absolute !important
}
.position-fixed {
  position: fixed !important
}
.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030
}
@supports(position:-webkit-sticky) or (position:sticky) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  -webkit-clip-path: none;
  clip-path: none
}
.m-0 {
  margin: 0 !important
}
.p-0 {
  padding: 0 !important
}
.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}
.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}
.m-x-0 {
  margin-left: 0 !important;
  margin-right: 0 !important
}
.p-x-0 {
  padding-left: 0 !important;
  padding-right: 0 !important
}
.m-t-0 {
  margin-top: 0 !important
}
.p-t-0 {
  padding-top: 0 !important
}
.m-b-0 {
  margin-bottom: 0 !important
}
.p-b-0 {
  padding-bottom: 0 !important
}
.m-l-0 {
  margin-left: 0 !important
}
.p-l-0 {
  padding-left: 0 !important
}
.m-r-0 {
  margin-right: 0 !important
}
.p-r-0 {
  padding-right: 0 !important
}
.m-4 {
  margin: 4px !important
}
.p-4 {
  padding: 4px !important
}
.m-y-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important
}
.p-y-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important
}
.m-x-4 {
  margin-left: 4px !important;
  margin-right: 4px !important
}
.p-x-4 {
  padding-left: 4px !important;
  padding-right: 4px !important
}
.m-t-4 {
  margin-top: 4px !important
}
.p-t-4 {
  padding-top: 4px !important
}
.m-b-4 {
  margin-bottom: 4px !important
}
.p-b-4 {
  padding-bottom: 4px !important
}
.m-l-4 {
  margin-left: 4px !important
}
.p-l-4 {
  padding-left: 4px !important
}
.m-r-4 {
  margin-right: 4px !important
}
.p-r-4 {
  padding-right: 4px !important
}
.m-8 {
  margin: 8px !important
}
.p-8 {
  padding: 8px !important
}
.m-y-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important
}
.p-y-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important
}
.m-x-8 {
  margin-left: 8px !important;
  margin-right: 8px !important
}
.p-x-8 {
  padding-left: 8px !important;
  padding-right: 8px !important
}
.m-t-8 {
  margin-top: 8px !important
}
.p-t-8 {
  padding-top: 8px !important
}
.m-b-8 {
  margin-bottom: 8px !important
}
.p-b-8 {
  padding-bottom: 8px !important
}
.m-l-8 {
  margin-left: 8px !important
}
.p-l-8 {
  padding-left: 8px !important
}
.m-r-8 {
  margin-right: 8px !important
}
.p-r-8 {
  padding-right: 8px !important
}
.m-16 {
  margin: 16px !important
}
.p-16 {
  padding: 16px !important
}
.m-y-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important
}
.p-y-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important
}
.m-x-16 {
  margin-left: 16px !important;
  margin-right: 16px !important
}
.p-x-16 {
  padding-left: 16px !important;
  padding-right: 16px !important
}
.m-t-16 {
  margin-top: 16px !important
}
.p-t-16 {
  padding-top: 16px !important
}
.m-b-16 {
  margin-bottom: 16px !important
}
.p-b-16 {
  padding-bottom: 16px !important
}
.m-l-16 {
  margin-left: 16px !important
}
.p-l-16 {
  padding-left: 16px !important
}
.m-r-16 {
  margin-right: 16px !important
}
.p-r-16 {
  padding-right: 16px !important
}
.m-24 {
  margin: 24px !important
}
.p-24 {
  padding: 24px !important
}
.m-y-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important
}
.p-y-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important
}
.m-x-24 {
  margin-left: 24px !important;
  margin-right: 24px !important
}
.p-x-24 {
  padding-left: 24px !important;
  padding-right: 24px !important
}
.m-t-24 {
  margin-top: 24px !important
}
.p-t-24 {
  padding-top: 24px !important
}
.m-b-24 {
  margin-bottom: 24px !important
}
.p-b-24 {
  padding-bottom: 24px !important
}
.m-l-24 {
  margin-left: 24px !important
}
.p-l-24 {
  padding-left: 24px !important
}
.m-r-24 {
  margin-right: 24px !important
}
.p-r-24 {
  padding-right: 24px !important
}
.m-32 {
  margin: 32px !important
}
.p-32 {
  padding: 32px !important
}
.m-y-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important
}
.p-y-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important
}
.m-x-32 {
  margin-left: 32px !important;
  margin-right: 32px !important
}
.p-x-32 {
  padding-left: 32px !important;
  padding-right: 32px !important
}
.m-t-32 {
  margin-top: 32px !important
}
.p-t-32 {
  padding-top: 32px !important
}
.m-b-32 {
  margin-bottom: 32px !important
}
.p-b-32 {
  padding-bottom: 32px !important
}
.m-l-32 {
  margin-left: 32px !important
}
.p-l-32 {
  padding-left: 32px !important
}
.m-r-32 {
  margin-right: 32px !important
}
.p-r-32 {
  padding-right: 32px !important
}
.m-40 {
  margin: 40px !important
}
.p-40 {
  padding: 40px !important
}
.m-y-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important
}
.p-y-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important
}
.m-x-40 {
  margin-left: 40px !important;
  margin-right: 40px !important
}
.p-x-40 {
  padding-left: 40px !important;
  padding-right: 40px !important
}
.m-t-40 {
  margin-top: 40px !important
}
.p-t-40 {
  padding-top: 40px !important
}
.m-b-40 {
  margin-bottom: 40px !important
}
.p-b-40 {
  padding-bottom: 40px !important
}
.m-l-40 {
  margin-left: 40px !important
}
.p-l-40 {
  padding-left: 40px !important
}
.m-r-40 {
  margin-right: 40px !important
}
.p-r-40 {
  padding-right: 40px !important
}
.m-48 {
  margin: 48px !important
}
.p-48 {
  padding: 48px !important
}
.m-y-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important
}
.p-y-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important
}
.m-x-48 {
  margin-left: 48px !important;
  margin-right: 48px !important
}
.p-x-48 {
  padding-left: 48px !important;
  padding-right: 48px !important
}
.m-t-48 {
  margin-top: 48px !important
}
.p-t-48 {
  padding-top: 48px !important
}
.m-b-48 {
  margin-bottom: 48px !important
}
.p-b-48 {
  padding-bottom: 48px !important
}
.m-l-48 {
  margin-left: 48px !important
}
.p-l-48 {
  padding-left: 48px !important
}
.m-r-48 {
  margin-right: 48px !important
}
.p-r-48 {
  padding-right: 48px !important
}
.m-56 {
  margin: 56px !important
}
.p-56 {
  padding: 56px !important
}
.m-y-56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important
}
.p-y-56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important
}
.m-x-56 {
  margin-left: 56px !important;
  margin-right: 56px !important
}
.p-x-56 {
  padding-left: 56px !important;
  padding-right: 56px !important
}
.m-t-56 {
  margin-top: 56px !important
}
.p-t-56 {
  padding-top: 56px !important
}
.m-b-56 {
  margin-bottom: 56px !important
}
.p-b-56 {
  padding-bottom: 56px !important
}
.m-l-56 {
  margin-left: 56px !important
}
.p-l-56 {
  padding-left: 56px !important
}
.m-r-56 {
  margin-right: 56px !important
}
.p-r-56 {
  padding-right: 56px !important
}
.m-64 {
  margin: 64px !important
}
.p-64 {
  padding: 64px !important
}
.m-y-64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important
}
.p-y-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important
}
.m-x-64 {
  margin-left: 64px !important;
  margin-right: 64px !important
}
.p-x-64 {
  padding-left: 64px !important;
  padding-right: 64px !important
}
.m-t-64 {
  margin-top: 64px !important
}
.p-t-64 {
  padding-top: 64px !important
}
.m-b-64 {
  margin-bottom: 64px !important
}
.p-b-64 {
  padding-bottom: 64px !important
}
.m-l-64 {
  margin-left: 64px !important
}
.p-l-64 {
  padding-left: 64px !important
}
.m-r-64 {
  margin-right: 64px !important
}
.p-r-64 {
  padding-right: 64px !important
}
.m-72 {
  margin: 72px !important
}
.p-72 {
  padding: 72px !important
}
.m-y-72 {
  margin-top: 72px !important;
  margin-bottom: 72px !important
}
.p-y-72 {
  padding-top: 72px !important;
  padding-bottom: 72px !important
}
.m-x-72 {
  margin-left: 72px !important;
  margin-right: 72px !important
}
.p-x-72 {
  padding-left: 72px !important;
  padding-right: 72px !important
}
.m-t-72 {
  margin-top: 72px !important
}
.p-t-72 {
  padding-top: 72px !important
}
.m-b-72 {
  margin-bottom: 72px !important
}
.p-b-72 {
  padding-bottom: 72px !important
}
.m-l-72 {
  margin-left: 72px !important
}
.p-l-72 {
  padding-left: 72px !important
}
.m-r-72 {
  margin-right: 72px !important
}
.p-r-72 {
  padding-right: 72px !important
}
.m-80 {
  margin: 80px !important
}
.p-80 {
  padding: 80px !important
}
.m-y-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important
}
.p-y-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important
}
.m-x-80 {
  margin-left: 80px !important;
  margin-right: 80px !important
}
.p-x-80 {
  padding-left: 80px !important;
  padding-right: 80px !important
}
.m-t-80 {
  margin-top: 80px !important
}
.p-t-80 {
  padding-top: 80px !important
}
.m-b-80 {
  margin-bottom: 80px !important
}
.p-b-80 {
  padding-bottom: 80px !important
}
.m-l-80 {
  margin-left: 80px !important
}
.p-l-80 {
  padding-left: 80px !important
}
.m-r-80 {
  margin-right: 80px !important
}
.p-r-80 {
  padding-right: 80px !important
}
.m-88 {
  margin: 88px !important
}
.p-88 {
  padding: 88px !important
}
.m-y-88 {
  margin-top: 88px !important;
  margin-bottom: 88px !important
}
.p-y-88 {
  padding-top: 88px !important;
  padding-bottom: 88px !important
}
.m-x-88 {
  margin-left: 88px !important;
  margin-right: 88px !important
}
.p-x-88 {
  padding-left: 88px !important;
  padding-right: 88px !important
}
.m-t-88 {
  margin-top: 88px !important
}
.p-t-88 {
  padding-top: 88px !important
}
.m-b-88 {
  margin-bottom: 88px !important
}
.p-b-88 {
  padding-bottom: 88px !important
}
.m-l-88 {
  margin-left: 88px !important
}
.p-l-88 {
  padding-left: 88px !important
}
.m-r-88 {
  margin-right: 88px !important
}
.p-r-88 {
  padding-right: 88px !important
}
.m-96 {
  margin: 96px !important
}
.p-96 {
  padding: 96px !important
}
.m-y-96 {
  margin-top: 96px !important;
  margin-bottom: 96px !important
}
.p-y-96 {
  padding-top: 96px !important;
  padding-bottom: 96px !important
}
.m-x-96 {
  margin-left: 96px !important;
  margin-right: 96px !important
}
.p-x-96 {
  padding-left: 96px !important;
  padding-right: 96px !important
}
.m-t-96 {
  margin-top: 96px !important
}
.p-t-96 {
  padding-top: 96px !important
}
.m-b-96 {
  margin-bottom: 96px !important
}
.p-b-96 {
  padding-bottom: 96px !important
}
.m-l-96 {
  margin-left: 96px !important
}
.p-l-96 {
  padding-left: 96px !important
}
.m-r-96 {
  margin-right: 96px !important
}
.p-r-96 {
  padding-right: 96px !important
}
.m-104 {
  margin: 104px !important
}
.p-104 {
  padding: 104px !important
}
.m-y-104 {
  margin-top: 104px !important;
  margin-bottom: 104px !important
}
.p-y-104 {
  padding-top: 104px !important;
  padding-bottom: 104px !important
}
.m-x-104 {
  margin-left: 104px !important;
  margin-right: 104px !important
}
.p-x-104 {
  padding-left: 104px !important;
  padding-right: 104px !important
}
.m-t-104 {
  margin-top: 104px !important
}
.p-t-104 {
  padding-top: 104px !important
}
.m-b-104 {
  margin-bottom: 104px !important
}
.p-b-104 {
  padding-bottom: 104px !important
}
.m-l-104 {
  margin-left: 104px !important
}
.p-l-104 {
  padding-left: 104px !important
}
.m-r-104 {
  margin-right: 104px !important
}
.p-r-104 {
  padding-right: 104px !important
}
.m-112 {
  margin: 112px !important
}
.p-112 {
  padding: 112px !important
}
.m-y-112 {
  margin-top: 112px !important;
  margin-bottom: 112px !important
}
.p-y-112 {
  padding-top: 112px !important;
  padding-bottom: 112px !important
}
.m-x-112 {
  margin-left: 112px !important;
  margin-right: 112px !important
}
.p-x-112 {
  padding-left: 112px !important;
  padding-right: 112px !important
}
.m-t-112 {
  margin-top: 112px !important
}
.p-t-112 {
  padding-top: 112px !important
}
.m-b-112 {
  margin-bottom: 112px !important
}
.p-b-112 {
  padding-bottom: 112px !important
}
.m-l-112 {
  margin-left: 112px !important
}
.p-l-112 {
  padding-left: 112px !important
}
.m-r-112 {
  margin-right: 112px !important
}
.p-r-112 {
  padding-right: 112px !important
}
.m-120 {
  margin: 120px !important
}
.p-120 {
  padding: 120px !important
}
.m-y-120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important
}
.p-y-120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important
}
.m-x-120 {
  margin-left: 120px !important;
  margin-right: 120px !important
}
.p-x-120 {
  padding-left: 120px !important;
  padding-right: 120px !important
}
.m-t-120 {
  margin-top: 120px !important
}
.p-t-120 {
  padding-top: 120px !important
}
.m-b-120 {
  margin-bottom: 120px !important
}
.p-b-120 {
  padding-bottom: 120px !important
}
.m-l-120 {
  margin-left: 120px !important
}
.p-l-120 {
  padding-left: 120px !important
}
.m-r-120 {
  margin-right: 120px !important
}
.p-r-120 {
  padding-right: 120px !important
}
@media(max-width:575px) {
  .sm-m-0 {
    margin: 0 !important
  }
  .sm-p-0 {
    padding: 0 !important
  }
  .sm-m-t-0 {
    margin-top: 0 !important
  }
  .sm-p-t-0 {
    padding-top: 0 !important
  }
  .sm-m-b-0 {
    margin-bottom: 0 !important
  }
  .sm-p-b-0 {
    padding-bottom: 0 !important
  }
  .sm-m-l-0 {
    margin-left: 0 !important
  }
  .sm-p-l-0 {
    padding-left: 0 !important
  }
  .sm-m-r-0 {
    margin-right: 0 !important
  }
  .sm-p-r-0 {
    padding-right: 0 !important
  }
  .sm-m-4 {
    margin: 4px !important
  }
  .sm-p-4 {
    padding: 4px !important
  }
  .sm-m-t-4 {
    margin-top: 4px !important
  }
  .sm-p-t-4 {
    padding-top: 4px !important
  }
  .sm-m-b-4 {
    margin-bottom: 4px !important
  }
  .sm-p-b-4 {
    padding-bottom: 4px !important
  }
  .sm-m-l-4 {
    margin-left: 4px !important
  }
  .sm-p-l-4 {
    padding-left: 4px !important
  }
  .sm-m-r-4 {
    margin-right: 4px !important
  }
  .sm-p-r-4 {
    padding-right: 4px !important
  }
  .sm-m-8 {
    margin: 8px !important
  }
  .sm-p-8 {
    padding: 8px !important
  }
  .sm-m-t-8 {
    margin-top: 8px !important
  }
  .sm-p-t-8 {
    padding-top: 8px !important
  }
  .sm-m-b-8 {
    margin-bottom: 8px !important
  }
  .sm-p-b-8 {
    padding-bottom: 8px !important
  }
  .sm-m-l-8 {
    margin-left: 8px !important
  }
  .sm-p-l-8 {
    padding-left: 8px !important
  }
  .sm-m-r-8 {
    margin-right: 8px !important
  }
  .sm-p-r-8 {
    padding-right: 8px !important
  }
  .sm-m-16 {
    margin: 16px !important
  }
  .sm-p-16 {
    padding: 16px !important
  }
  .sm-m-t-16 {
    margin-top: 16px !important
  }
  .sm-p-t-16 {
    padding-top: 16px !important
  }
  .sm-m-b-16 {
    margin-bottom: 16px !important
  }
  .sm-p-b-16 {
    padding-bottom: 16px !important
  }
  .sm-m-l-16 {
    margin-left: 16px !important
  }
  .sm-p-l-16 {
    padding-left: 16px !important
  }
  .sm-m-r-16 {
    margin-right: 16px !important
  }
  .sm-p-r-16 {
    padding-right: 16px !important
  }
  .sm-m-24 {
    margin: 24px !important
  }
  .sm-p-24 {
    padding: 24px !important
  }
  .sm-m-t-24 {
    margin-top: 24px !important
  }
  .sm-p-t-24 {
    padding-top: 24px !important
  }
  .sm-m-b-24 {
    margin-bottom: 24px !important
  }
  .sm-p-b-24 {
    padding-bottom: 24px !important
  }
  .sm-m-l-24 {
    margin-left: 24px !important
  }
  .sm-p-l-24 {
    padding-left: 24px !important
  }
  .sm-m-r-24 {
    margin-right: 24px !important
  }
  .sm-p-r-24 {
    padding-right: 24px !important
  }
  .sm-m-32 {
    margin: 32px !important
  }
  .sm-p-32 {
    padding: 32px !important
  }
  .sm-m-t-32 {
    margin-top: 32px !important
  }
  .sm-p-t-32 {
    padding-top: 32px !important
  }
  .sm-m-b-32 {
    margin-bottom: 32px !important
  }
  .sm-p-b-32 {
    padding-bottom: 32px !important
  }
  .sm-m-l-32 {
    margin-left: 32px !important
  }
  .sm-p-l-32 {
    padding-left: 32px !important
  }
  .sm-m-r-32 {
    margin-right: 32px !important
  }
  .sm-p-r-32 {
    padding-right: 32px !important
  }
  .sm-m-40 {
    margin: 40px !important
  }
  .sm-p-40 {
    padding: 40px !important
  }
  .sm-m-t-40 {
    margin-top: 40px !important
  }
  .sm-p-t-40 {
    padding-top: 40px !important
  }
  .sm-m-b-40 {
    margin-bottom: 40px !important
  }
  .sm-p-b-40 {
    padding-bottom: 40px !important
  }
  .sm-m-l-40 {
    margin-left: 40px !important
  }
  .sm-p-l-40 {
    padding-left: 40px !important
  }
  .sm-m-r-40 {
    margin-right: 40px !important
  }
  .sm-p-r-40 {
    padding-right: 40px !important
  }
  .sm-m-48 {
    margin: 48px !important
  }
  .sm-p-48 {
    padding: 48px !important
  }
  .sm-m-t-48 {
    margin-top: 48px !important
  }
  .sm-p-t-48 {
    padding-top: 48px !important
  }
  .sm-m-b-48 {
    margin-bottom: 48px !important
  }
  .sm-p-b-48 {
    padding-bottom: 48px !important
  }
  .sm-m-l-48 {
    margin-left: 48px !important
  }
  .sm-p-l-48 {
    padding-left: 48px !important
  }
  .sm-m-r-48 {
    margin-right: 48px !important
  }
  .sm-p-r-48 {
    padding-right: 48px !important
  }
  .sm-m-56 {
    margin: 56px !important
  }
  .sm-p-56 {
    padding: 56px !important
  }
  .sm-m-t-56 {
    margin-top: 56px !important
  }
  .sm-p-t-56 {
    padding-top: 56px !important
  }
  .sm-m-b-56 {
    margin-bottom: 56px !important
  }
  .sm-p-b-56 {
    padding-bottom: 56px !important
  }
  .sm-m-l-56 {
    margin-left: 56px !important
  }
  .sm-p-l-56 {
    padding-left: 56px !important
  }
  .sm-m-r-56 {
    margin-right: 56px !important
  }
  .sm-p-r-56 {
    padding-right: 56px !important
  }
  .sm-m-64 {
    margin: 64px !important
  }
  .sm-p-64 {
    padding: 64px !important
  }
  .sm-m-t-64 {
    margin-top: 64px !important
  }
  .sm-p-t-64 {
    padding-top: 64px !important
  }
  .sm-m-b-64 {
    margin-bottom: 64px !important
  }
  .sm-p-b-64 {
    padding-bottom: 64px !important
  }
  .sm-m-l-64 {
    margin-left: 64px !important
  }
  .sm-p-l-64 {
    padding-left: 64px !important
  }
  .sm-m-r-64 {
    margin-right: 64px !important
  }
  .sm-p-r-64 {
    padding-right: 64px !important
  }
  .sm-m-72 {
    margin: 72px !important
  }
  .sm-p-72 {
    padding: 72px !important
  }
  .sm-m-t-72 {
    margin-top: 72px !important
  }
  .sm-p-t-72 {
    padding-top: 72px !important
  }
  .sm-m-b-72 {
    margin-bottom: 72px !important
  }
  .sm-p-b-72 {
    padding-bottom: 72px !important
  }
  .sm-m-l-72 {
    margin-left: 72px !important
  }
  .sm-p-l-72 {
    padding-left: 72px !important
  }
  .sm-m-r-72 {
    margin-right: 72px !important
  }
  .sm-p-r-72 {
    padding-right: 72px !important
  }
  .sm-m-80 {
    margin: 80px !important
  }
  .sm-p-80 {
    padding: 80px !important
  }
  .sm-m-t-80 {
    margin-top: 80px !important
  }
  .sm-p-t-80 {
    padding-top: 80px !important
  }
  .sm-m-b-80 {
    margin-bottom: 80px !important
  }
  .sm-p-b-80 {
    padding-bottom: 80px !important
  }
  .sm-m-l-80 {
    margin-left: 80px !important
  }
  .sm-p-l-80 {
    padding-left: 80px !important
  }
  .sm-m-r-80 {
    margin-right: 80px !important
  }
  .sm-p-r-80 {
    padding-right: 80px !important
  }
  .sm-m-88 {
    margin: 88px !important
  }
  .sm-p-88 {
    padding: 88px !important
  }
  .sm-m-t-88 {
    margin-top: 88px !important
  }
  .sm-p-t-88 {
    padding-top: 88px !important
  }
  .sm-m-b-88 {
    margin-bottom: 88px !important
  }
  .sm-p-b-88 {
    padding-bottom: 88px !important
  }
  .sm-m-l-88 {
    margin-left: 88px !important
  }
  .sm-p-l-88 {
    padding-left: 88px !important
  }
  .sm-m-r-88 {
    margin-right: 88px !important
  }
  .sm-p-r-88 {
    padding-right: 88px !important
  }
  .sm-m-96 {
    margin: 96px !important
  }
  .sm-p-96 {
    padding: 96px !important
  }
  .sm-m-t-96 {
    margin-top: 96px !important
  }
  .sm-p-t-96 {
    padding-top: 96px !important
  }
  .sm-m-b-96 {
    margin-bottom: 96px !important
  }
  .sm-p-b-96 {
    padding-bottom: 96px !important
  }
  .sm-m-l-96 {
    margin-left: 96px !important
  }
  .sm-p-l-96 {
    padding-left: 96px !important
  }
  .sm-m-r-96 {
    margin-right: 96px !important
  }
  .sm-p-r-96 {
    padding-right: 96px !important
  }
  .sm-m-104 {
    margin: 104px !important
  }
  .sm-p-104 {
    padding: 104px !important
  }
  .sm-m-t-104 {
    margin-top: 104px !important
  }
  .sm-p-t-104 {
    padding-top: 104px !important
  }
  .sm-m-b-104 {
    margin-bottom: 104px !important
  }
  .sm-p-b-104 {
    padding-bottom: 104px !important
  }
  .sm-m-l-104 {
    margin-left: 104px !important
  }
  .sm-p-l-104 {
    padding-left: 104px !important
  }
  .sm-m-r-104 {
    margin-right: 104px !important
  }
  .sm-p-r-104 {
    padding-right: 104px !important
  }
  .sm-m-112 {
    margin: 112px !important
  }
  .sm-p-112 {
    padding: 112px !important
  }
  .sm-m-t-112 {
    margin-top: 112px !important
  }
  .sm-p-t-112 {
    padding-top: 112px !important
  }
  .sm-m-b-112 {
    margin-bottom: 112px !important
  }
  .sm-p-b-112 {
    padding-bottom: 112px !important
  }
  .sm-m-l-112 {
    margin-left: 112px !important
  }
  .sm-p-l-112 {
    padding-left: 112px !important
  }
  .sm-m-r-112 {
    margin-right: 112px !important
  }
  .sm-p-r-112 {
    padding-right: 112px !important
  }
  .sm-m-120 {
    margin: 120px !important
  }
  .sm-p-120 {
    padding: 120px !important
  }
  .sm-m-t-120 {
    margin-top: 120px !important
  }
  .sm-p-t-120 {
    padding-top: 120px !important
  }
  .sm-m-b-120 {
    margin-bottom: 120px !important
  }
  .sm-p-b-120 {
    padding-bottom: 120px !important
  }
  .sm-m-l-120 {
    margin-left: 120px !important
  }
  .sm-p-l-120 {
    padding-left: 120px !important
  }
  .sm-m-r-120 {
    margin-right: 120px !important
  }
  .sm-p-r-120 {
    padding-right: 120px !important
  }
}
@media(max-width:767px) {
  .md-m-0 {
    margin: 0 !important
  }
  .md-p-0 {
    padding: 0 !important
  }
  .md-m-t-0 {
    margin-top: 0 !important
  }
  .md-p-t-0 {
    padding-top: 0 !important
  }
  .md-m-b-0 {
    margin-bottom: 0 !important
  }
  .md-p-b-0 {
    padding-bottom: 0 !important
  }
  .md-m-l-0 {
    margin-left: 0 !important
  }
  .md-p-l-0 {
    padding-left: 0 !important
  }
  .md-m-r-0 {
    margin-right: 0 !important
  }
  .md-p-r-0 {
    padding-right: 0 !important
  }
  .md-m-4 {
    margin: 4px !important
  }
  .md-p-4 {
    padding: 4px !important
  }
  .md-m-t-4 {
    margin-top: 4px !important
  }
  .md-p-t-4 {
    padding-top: 4px !important
  }
  .md-m-b-4 {
    margin-bottom: 4px !important
  }
  .md-p-b-4 {
    padding-bottom: 4px !important
  }
  .md-m-l-4 {
    margin-left: 4px !important
  }
  .md-p-l-4 {
    padding-left: 4px !important
  }
  .md-m-r-4 {
    margin-right: 4px !important
  }
  .md-p-r-4 {
    padding-right: 4px !important
  }
  .md-m-8 {
    margin: 8px !important
  }
  .md-p-8 {
    padding: 8px !important
  }
  .md-m-t-8 {
    margin-top: 8px !important
  }
  .md-p-t-8 {
    padding-top: 8px !important
  }
  .md-m-b-8 {
    margin-bottom: 8px !important
  }
  .md-p-b-8 {
    padding-bottom: 8px !important
  }
  .md-m-l-8 {
    margin-left: 8px !important
  }
  .md-p-l-8 {
    padding-left: 8px !important
  }
  .md-m-r-8 {
    margin-right: 8px !important
  }
  .md-p-r-8 {
    padding-right: 8px !important
  }
  .md-m-16 {
    margin: 16px !important
  }
  .md-p-16 {
    padding: 16px !important
  }
  .md-m-t-16 {
    margin-top: 16px !important
  }
  .md-p-t-16 {
    padding-top: 16px !important
  }
  .md-m-b-16 {
    margin-bottom: 16px !important
  }
  .md-p-b-16 {
    padding-bottom: 16px !important
  }
  .md-m-l-16 {
    margin-left: 16px !important
  }
  .md-p-l-16 {
    padding-left: 16px !important
  }
  .md-m-r-16 {
    margin-right: 16px !important
  }
  .md-p-r-16 {
    padding-right: 16px !important
  }
  .md-m-24 {
    margin: 24px !important
  }
  .md-p-24 {
    padding: 24px !important
  }
  .md-m-t-24 {
    margin-top: 24px !important
  }
  .md-p-t-24 {
    padding-top: 24px !important
  }
  .md-m-b-24 {
    margin-bottom: 24px !important
  }
  .md-p-b-24 {
    padding-bottom: 24px !important
  }
  .md-m-l-24 {
    margin-left: 24px !important
  }
  .md-p-l-24 {
    padding-left: 24px !important
  }
  .md-m-r-24 {
    margin-right: 24px !important
  }
  .md-p-r-24 {
    padding-right: 24px !important
  }
  .md-m-32 {
    margin: 32px !important
  }
  .md-p-32 {
    padding: 32px !important
  }
  .md-m-t-32 {
    margin-top: 32px !important
  }
  .md-p-t-32 {
    padding-top: 32px !important
  }
  .md-m-b-32 {
    margin-bottom: 32px !important
  }
  .md-p-b-32 {
    padding-bottom: 32px !important
  }
  .md-m-l-32 {
    margin-left: 32px !important
  }
  .md-p-l-32 {
    padding-left: 32px !important
  }
  .md-m-r-32 {
    margin-right: 32px !important
  }
  .md-p-r-32 {
    padding-right: 32px !important
  }
  .md-m-40 {
    margin: 40px !important
  }
  .md-p-40 {
    padding: 40px !important
  }
  .md-m-t-40 {
    margin-top: 40px !important
  }
  .md-p-t-40 {
    padding-top: 40px !important
  }
  .md-m-b-40 {
    margin-bottom: 40px !important
  }
  .md-p-b-40 {
    padding-bottom: 40px !important
  }
  .md-m-l-40 {
    margin-left: 40px !important
  }
  .md-p-l-40 {
    padding-left: 40px !important
  }
  .md-m-r-40 {
    margin-right: 40px !important
  }
  .md-p-r-40 {
    padding-right: 40px !important
  }
  .md-m-48 {
    margin: 48px !important
  }
  .md-p-48 {
    padding: 48px !important
  }
  .md-m-t-48 {
    margin-top: 48px !important
  }
  .md-p-t-48 {
    padding-top: 48px !important
  }
  .md-m-b-48 {
    margin-bottom: 48px !important
  }
  .md-p-b-48 {
    padding-bottom: 48px !important
  }
  .md-m-l-48 {
    margin-left: 48px !important
  }
  .md-p-l-48 {
    padding-left: 48px !important
  }
  .md-m-r-48 {
    margin-right: 48px !important
  }
  .md-p-r-48 {
    padding-right: 48px !important
  }
  .md-m-56 {
    margin: 56px !important
  }
  .md-p-56 {
    padding: 56px !important
  }
  .md-m-t-56 {
    margin-top: 56px !important
  }
  .md-p-t-56 {
    padding-top: 56px !important
  }
  .md-m-b-56 {
    margin-bottom: 56px !important
  }
  .md-p-b-56 {
    padding-bottom: 56px !important
  }
  .md-m-l-56 {
    margin-left: 56px !important
  }
  .md-p-l-56 {
    padding-left: 56px !important
  }
  .md-m-r-56 {
    margin-right: 56px !important
  }
  .md-p-r-56 {
    padding-right: 56px !important
  }
  .md-m-64 {
    margin: 64px !important
  }
  .md-p-64 {
    padding: 64px !important
  }
  .md-m-t-64 {
    margin-top: 64px !important
  }
  .md-p-t-64 {
    padding-top: 64px !important
  }
  .md-m-b-64 {
    margin-bottom: 64px !important
  }
  .md-p-b-64 {
    padding-bottom: 64px !important
  }
  .md-m-l-64 {
    margin-left: 64px !important
  }
  .md-p-l-64 {
    padding-left: 64px !important
  }
  .md-m-r-64 {
    margin-right: 64px !important
  }
  .md-p-r-64 {
    padding-right: 64px !important
  }
  .md-m-72 {
    margin: 72px !important
  }
  .md-p-72 {
    padding: 72px !important
  }
  .md-m-t-72 {
    margin-top: 72px !important
  }
  .md-p-t-72 {
    padding-top: 72px !important
  }
  .md-m-b-72 {
    margin-bottom: 72px !important
  }
  .md-p-b-72 {
    padding-bottom: 72px !important
  }
  .md-m-l-72 {
    margin-left: 72px !important
  }
  .md-p-l-72 {
    padding-left: 72px !important
  }
  .md-m-r-72 {
    margin-right: 72px !important
  }
  .md-p-r-72 {
    padding-right: 72px !important
  }
  .md-m-80 {
    margin: 80px !important
  }
  .md-p-80 {
    padding: 80px !important
  }
  .md-m-t-80 {
    margin-top: 80px !important
  }
  .md-p-t-80 {
    padding-top: 80px !important
  }
  .md-m-b-80 {
    margin-bottom: 80px !important
  }
  .md-p-b-80 {
    padding-bottom: 80px !important
  }
  .md-m-l-80 {
    margin-left: 80px !important
  }
  .md-p-l-80 {
    padding-left: 80px !important
  }
  .md-m-r-80 {
    margin-right: 80px !important
  }
  .md-p-r-80 {
    padding-right: 80px !important
  }
  .md-m-88 {
    margin: 88px !important
  }
  .md-p-88 {
    padding: 88px !important
  }
  .md-m-t-88 {
    margin-top: 88px !important
  }
  .md-p-t-88 {
    padding-top: 88px !important
  }
  .md-m-b-88 {
    margin-bottom: 88px !important
  }
  .md-p-b-88 {
    padding-bottom: 88px !important
  }
  .md-m-l-88 {
    margin-left: 88px !important
  }
  .md-p-l-88 {
    padding-left: 88px !important
  }
  .md-m-r-88 {
    margin-right: 88px !important
  }
  .md-p-r-88 {
    padding-right: 88px !important
  }
  .md-m-96 {
    margin: 96px !important
  }
  .md-p-96 {
    padding: 96px !important
  }
  .md-m-t-96 {
    margin-top: 96px !important
  }
  .md-p-t-96 {
    padding-top: 96px !important
  }
  .md-m-b-96 {
    margin-bottom: 96px !important
  }
  .md-p-b-96 {
    padding-bottom: 96px !important
  }
  .md-m-l-96 {
    margin-left: 96px !important
  }
  .md-p-l-96 {
    padding-left: 96px !important
  }
  .md-m-r-96 {
    margin-right: 96px !important
  }
  .md-p-r-96 {
    padding-right: 96px !important
  }
  .md-m-104 {
    margin: 104px !important
  }
  .md-p-104 {
    padding: 104px !important
  }
  .md-m-t-104 {
    margin-top: 104px !important
  }
  .md-p-t-104 {
    padding-top: 104px !important
  }
  .md-m-b-104 {
    margin-bottom: 104px !important
  }
  .md-p-b-104 {
    padding-bottom: 104px !important
  }
  .md-m-l-104 {
    margin-left: 104px !important
  }
  .md-p-l-104 {
    padding-left: 104px !important
  }
  .md-m-r-104 {
    margin-right: 104px !important
  }
  .md-p-r-104 {
    padding-right: 104px !important
  }
  .md-m-112 {
    margin: 112px !important
  }
  .md-p-112 {
    padding: 112px !important
  }
  .md-m-t-112 {
    margin-top: 112px !important
  }
  .md-p-t-112 {
    padding-top: 112px !important
  }
  .md-m-b-112 {
    margin-bottom: 112px !important
  }
  .md-p-b-112 {
    padding-bottom: 112px !important
  }
  .md-m-l-112 {
    margin-left: 112px !important
  }
  .md-p-l-112 {
    padding-left: 112px !important
  }
  .md-m-r-112 {
    margin-right: 112px !important
  }
  .md-p-r-112 {
    padding-right: 112px !important
  }
  .md-m-120 {
    margin: 120px !important
  }
  .md-p-120 {
    padding: 120px !important
  }
  .md-m-t-120 {
    margin-top: 120px !important
  }
  .md-p-t-120 {
    padding-top: 120px !important
  }
  .md-m-b-120 {
    margin-bottom: 120px !important
  }
  .md-p-b-120 {
    padding-bottom: 120px !important
  }
  .md-m-l-120 {
    margin-left: 120px !important
  }
  .md-p-l-120 {
    padding-left: 120px !important
  }
  .md-m-r-120 {
    margin-right: 120px !important
  }
  .md-p-r-120 {
    padding-right: 120px !important
  }
}
@media(max-width:991px) {
  .lg-m-0 {
    margin: 0 !important
  }
  .lg-p-0 {
    padding: 0 !important
  }
  .lg-m-t-0 {
    margin-top: 0 !important
  }
  .lg-p-t-0 {
    padding-top: 0 !important
  }
  .lg-m-b-0 {
    margin-bottom: 0 !important
  }
  .lg-p-b-0 {
    padding-bottom: 0 !important
  }
  .lg-m-l-0 {
    margin-left: 0 !important
  }
  .lg-p-l-0 {
    padding-left: 0 !important
  }
  .lg-m-r-0 {
    margin-right: 0 !important
  }
  .lg-p-r-0 {
    padding-right: 0 !important
  }
  .lg-m-4 {
    margin: 4px !important
  }
  .lg-p-4 {
    padding: 4px !important
  }
  .lg-m-t-4 {
    margin-top: 4px !important
  }
  .lg-p-t-4 {
    padding-top: 4px !important
  }
  .lg-m-b-4 {
    margin-bottom: 4px !important
  }
  .lg-p-b-4 {
    padding-bottom: 4px !important
  }
  .lg-m-l-4 {
    margin-left: 4px !important
  }
  .lg-p-l-4 {
    padding-left: 4px !important
  }
  .lg-m-r-4 {
    margin-right: 4px !important
  }
  .lg-p-r-4 {
    padding-right: 4px !important
  }
  .lg-m-8 {
    margin: 8px !important
  }
  .lg-p-8 {
    padding: 8px !important
  }
  .lg-m-t-8 {
    margin-top: 8px !important
  }
  .lg-p-t-8 {
    padding-top: 8px !important
  }
  .lg-m-b-8 {
    margin-bottom: 8px !important
  }
  .lg-p-b-8 {
    padding-bottom: 8px !important
  }
  .lg-m-l-8 {
    margin-left: 8px !important
  }
  .lg-p-l-8 {
    padding-left: 8px !important
  }
  .lg-m-r-8 {
    margin-right: 8px !important
  }
  .lg-p-r-8 {
    padding-right: 8px !important
  }
  .lg-m-16 {
    margin: 16px !important
  }
  .lg-p-16 {
    padding: 16px !important
  }
  .lg-m-t-16 {
    margin-top: 16px !important
  }
  .lg-p-t-16 {
    padding-top: 16px !important
  }
  .lg-m-b-16 {
    margin-bottom: 16px !important
  }
  .lg-p-b-16 {
    padding-bottom: 16px !important
  }
  .lg-m-l-16 {
    margin-left: 16px !important
  }
  .lg-p-l-16 {
    padding-left: 16px !important
  }
  .lg-m-r-16 {
    margin-right: 16px !important
  }
  .lg-p-r-16 {
    padding-right: 16px !important
  }
  .lg-m-24 {
    margin: 24px !important
  }
  .lg-p-24 {
    padding: 24px !important
  }
  .lg-m-t-24 {
    margin-top: 24px !important
  }
  .lg-p-t-24 {
    padding-top: 24px !important
  }
  .lg-m-b-24 {
    margin-bottom: 24px !important
  }
  .lg-p-b-24 {
    padding-bottom: 24px !important
  }
  .lg-m-l-24 {
    margin-left: 24px !important
  }
  .lg-p-l-24 {
    padding-left: 24px !important
  }
  .lg-m-r-24 {
    margin-right: 24px !important
  }
  .lg-p-r-24 {
    padding-right: 24px !important
  }
  .lg-m-32 {
    margin: 32px !important
  }
  .lg-p-32 {
    padding: 32px !important
  }
  .lg-m-t-32 {
    margin-top: 32px !important
  }
  .lg-p-t-32 {
    padding-top: 32px !important
  }
  .lg-m-b-32 {
    margin-bottom: 32px !important
  }
  .lg-p-b-32 {
    padding-bottom: 32px !important
  }
  .lg-m-l-32 {
    margin-left: 32px !important
  }
  .lg-p-l-32 {
    padding-left: 32px !important
  }
  .lg-m-r-32 {
    margin-right: 32px !important
  }
  .lg-p-r-32 {
    padding-right: 32px !important
  }
  .lg-m-40 {
    margin: 40px !important
  }
  .lg-p-40 {
    padding: 40px !important
  }
  .lg-m-t-40 {
    margin-top: 40px !important
  }
  .lg-p-t-40 {
    padding-top: 40px !important
  }
  .lg-m-b-40 {
    margin-bottom: 40px !important
  }
  .lg-p-b-40 {
    padding-bottom: 40px !important
  }
  .lg-m-l-40 {
    margin-left: 40px !important
  }
  .lg-p-l-40 {
    padding-left: 40px !important
  }
  .lg-m-r-40 {
    margin-right: 40px !important
  }
  .lg-p-r-40 {
    padding-right: 40px !important
  }
  .lg-m-48 {
    margin: 48px !important
  }
  .lg-p-48 {
    padding: 48px !important
  }
  .lg-m-t-48 {
    margin-top: 48px !important
  }
  .lg-p-t-48 {
    padding-top: 48px !important
  }
  .lg-m-b-48 {
    margin-bottom: 48px !important
  }
  .lg-p-b-48 {
    padding-bottom: 48px !important
  }
  .lg-m-l-48 {
    margin-left: 48px !important
  }
  .lg-p-l-48 {
    padding-left: 48px !important
  }
  .lg-m-r-48 {
    margin-right: 48px !important
  }
  .lg-p-r-48 {
    padding-right: 48px !important
  }
  .lg-m-56 {
    margin: 56px !important
  }
  .lg-p-56 {
    padding: 56px !important
  }
  .lg-m-t-56 {
    margin-top: 56px !important
  }
  .lg-p-t-56 {
    padding-top: 56px !important
  }
  .lg-m-b-56 {
    margin-bottom: 56px !important
  }
  .lg-p-b-56 {
    padding-bottom: 56px !important
  }
  .lg-m-l-56 {
    margin-left: 56px !important
  }
  .lg-p-l-56 {
    padding-left: 56px !important
  }
  .lg-m-r-56 {
    margin-right: 56px !important
  }
  .lg-p-r-56 {
    padding-right: 56px !important
  }
  .lg-m-64 {
    margin: 64px !important
  }
  .lg-p-64 {
    padding: 64px !important
  }
  .lg-m-t-64 {
    margin-top: 64px !important
  }
  .lg-p-t-64 {
    padding-top: 64px !important
  }
  .lg-m-b-64 {
    margin-bottom: 64px !important
  }
  .lg-p-b-64 {
    padding-bottom: 64px !important
  }
  .lg-m-l-64 {
    margin-left: 64px !important
  }
  .lg-p-l-64 {
    padding-left: 64px !important
  }
  .lg-m-r-64 {
    margin-right: 64px !important
  }
  .lg-p-r-64 {
    padding-right: 64px !important
  }
  .lg-m-72 {
    margin: 72px !important
  }
  .lg-p-72 {
    padding: 72px !important
  }
  .lg-m-t-72 {
    margin-top: 72px !important
  }
  .lg-p-t-72 {
    padding-top: 72px !important
  }
  .lg-m-b-72 {
    margin-bottom: 72px !important
  }
  .lg-p-b-72 {
    padding-bottom: 72px !important
  }
  .lg-m-l-72 {
    margin-left: 72px !important
  }
  .lg-p-l-72 {
    padding-left: 72px !important
  }
  .lg-m-r-72 {
    margin-right: 72px !important
  }
  .lg-p-r-72 {
    padding-right: 72px !important
  }
  .lg-m-80 {
    margin: 80px !important
  }
  .lg-p-80 {
    padding: 80px !important
  }
  .lg-m-t-80 {
    margin-top: 80px !important
  }
  .lg-p-t-80 {
    padding-top: 80px !important
  }
  .lg-m-b-80 {
    margin-bottom: 80px !important
  }
  .lg-p-b-80 {
    padding-bottom: 80px !important
  }
  .lg-m-l-80 {
    margin-left: 80px !important
  }
  .lg-p-l-80 {
    padding-left: 80px !important
  }
  .lg-m-r-80 {
    margin-right: 80px !important
  }
  .lg-p-r-80 {
    padding-right: 80px !important
  }
  .lg-m-88 {
    margin: 88px !important
  }
  .lg-p-88 {
    padding: 88px !important
  }
  .lg-m-t-88 {
    margin-top: 88px !important
  }
  .lg-p-t-88 {
    padding-top: 88px !important
  }
  .lg-m-b-88 {
    margin-bottom: 88px !important
  }
  .lg-p-b-88 {
    padding-bottom: 88px !important
  }
  .lg-m-l-88 {
    margin-left: 88px !important
  }
  .lg-p-l-88 {
    padding-left: 88px !important
  }
  .lg-m-r-88 {
    margin-right: 88px !important
  }
  .lg-p-r-88 {
    padding-right: 88px !important
  }
  .lg-m-96 {
    margin: 96px !important
  }
  .lg-p-96 {
    padding: 96px !important
  }
  .lg-m-t-96 {
    margin-top: 96px !important
  }
  .lg-p-t-96 {
    padding-top: 96px !important
  }
  .lg-m-b-96 {
    margin-bottom: 96px !important
  }
  .lg-p-b-96 {
    padding-bottom: 96px !important
  }
  .lg-m-l-96 {
    margin-left: 96px !important
  }
  .lg-p-l-96 {
    padding-left: 96px !important
  }
  .lg-m-r-96 {
    margin-right: 96px !important
  }
  .lg-p-r-96 {
    padding-right: 96px !important
  }
  .lg-m-104 {
    margin: 104px !important
  }
  .lg-p-104 {
    padding: 104px !important
  }
  .lg-m-t-104 {
    margin-top: 104px !important
  }
  .lg-p-t-104 {
    padding-top: 104px !important
  }
  .lg-m-b-104 {
    margin-bottom: 104px !important
  }
  .lg-p-b-104 {
    padding-bottom: 104px !important
  }
  .lg-m-l-104 {
    margin-left: 104px !important
  }
  .lg-p-l-104 {
    padding-left: 104px !important
  }
  .lg-m-r-104 {
    margin-right: 104px !important
  }
  .lg-p-r-104 {
    padding-right: 104px !important
  }
  .lg-m-112 {
    margin: 112px !important
  }
  .lg-p-112 {
    padding: 112px !important
  }
  .lg-m-t-112 {
    margin-top: 112px !important
  }
  .lg-p-t-112 {
    padding-top: 112px !important
  }
  .lg-m-b-112 {
    margin-bottom: 112px !important
  }
  .lg-p-b-112 {
    padding-bottom: 112px !important
  }
  .lg-m-l-112 {
    margin-left: 112px !important
  }
  .lg-p-l-112 {
    padding-left: 112px !important
  }
  .lg-m-r-112 {
    margin-right: 112px !important
  }
  .lg-p-r-112 {
    padding-right: 112px !important
  }
  .lg-m-120 {
    margin: 120px !important
  }
  .lg-p-120 {
    padding: 120px !important
  }
  .lg-m-t-120 {
    margin-top: 120px !important
  }
  .lg-p-t-120 {
    padding-top: 120px !important
  }
  .lg-m-b-120 {
    margin-bottom: 120px !important
  }
  .lg-p-b-120 {
    padding-bottom: 120px !important
  }
  .lg-m-l-120 {
    margin-left: 120px !important
  }
  .lg-p-l-120 {
    padding-left: 120px !important
  }
  .lg-m-r-120 {
    margin-right: 120px !important
  }
  .lg-p-r-120 {
    padding-right: 120px !important
  }
}
@media(max-width:1199px) {
  .xl-m-0 {
    margin: 0 !important
  }
  .xl-p-0 {
    padding: 0 !important
  }
  .xl-m-t-0 {
    margin-top: 0 !important
  }
  .xl-p-t-0 {
    padding-top: 0 !important
  }
  .xl-m-b-0 {
    margin-bottom: 0 !important
  }
  .xl-p-b-0 {
    padding-bottom: 0 !important
  }
  .xl-m-l-0 {
    margin-left: 0 !important
  }
  .xl-p-l-0 {
    padding-left: 0 !important
  }
  .xl-m-r-0 {
    margin-right: 0 !important
  }
  .xl-p-r-0 {
    padding-right: 0 !important
  }
  .xl-m-4 {
    margin: 4px !important
  }
  .xl-p-4 {
    padding: 4px !important
  }
  .xl-m-t-4 {
    margin-top: 4px !important
  }
  .xl-p-t-4 {
    padding-top: 4px !important
  }
  .xl-m-b-4 {
    margin-bottom: 4px !important
  }
  .xl-p-b-4 {
    padding-bottom: 4px !important
  }
  .xl-m-l-4 {
    margin-left: 4px !important
  }
  .xl-p-l-4 {
    padding-left: 4px !important
  }
  .xl-m-r-4 {
    margin-right: 4px !important
  }
  .xl-p-r-4 {
    padding-right: 4px !important
  }
  .xl-m-8 {
    margin: 8px !important
  }
  .xl-p-8 {
    padding: 8px !important
  }
  .xl-m-t-8 {
    margin-top: 8px !important
  }
  .xl-p-t-8 {
    padding-top: 8px !important
  }
  .xl-m-b-8 {
    margin-bottom: 8px !important
  }
  .xl-p-b-8 {
    padding-bottom: 8px !important
  }
  .xl-m-l-8 {
    margin-left: 8px !important
  }
  .xl-p-l-8 {
    padding-left: 8px !important
  }
  .xl-m-r-8 {
    margin-right: 8px !important
  }
  .xl-p-r-8 {
    padding-right: 8px !important
  }
  .xl-m-16 {
    margin: 16px !important
  }
  .xl-p-16 {
    padding: 16px !important
  }
  .xl-m-t-16 {
    margin-top: 16px !important
  }
  .xl-p-t-16 {
    padding-top: 16px !important
  }
  .xl-m-b-16 {
    margin-bottom: 16px !important
  }
  .xl-p-b-16 {
    padding-bottom: 16px !important
  }
  .xl-m-l-16 {
    margin-left: 16px !important
  }
  .xl-p-l-16 {
    padding-left: 16px !important
  }
  .xl-m-r-16 {
    margin-right: 16px !important
  }
  .xl-p-r-16 {
    padding-right: 16px !important
  }
  .xl-m-24 {
    margin: 24px !important
  }
  .xl-p-24 {
    padding: 24px !important
  }
  .xl-m-t-24 {
    margin-top: 24px !important
  }
  .xl-p-t-24 {
    padding-top: 24px !important
  }
  .xl-m-b-24 {
    margin-bottom: 24px !important
  }
  .xl-p-b-24 {
    padding-bottom: 24px !important
  }
  .xl-m-l-24 {
    margin-left: 24px !important
  }
  .xl-p-l-24 {
    padding-left: 24px !important
  }
  .xl-m-r-24 {
    margin-right: 24px !important
  }
  .xl-p-r-24 {
    padding-right: 24px !important
  }
  .xl-m-32 {
    margin: 32px !important
  }
  .xl-p-32 {
    padding: 32px !important
  }
  .xl-m-t-32 {
    margin-top: 32px !important
  }
  .xl-p-t-32 {
    padding-top: 32px !important
  }
  .xl-m-b-32 {
    margin-bottom: 32px !important
  }
  .xl-p-b-32 {
    padding-bottom: 32px !important
  }
  .xl-m-l-32 {
    margin-left: 32px !important
  }
  .xl-p-l-32 {
    padding-left: 32px !important
  }
  .xl-m-r-32 {
    margin-right: 32px !important
  }
  .xl-p-r-32 {
    padding-right: 32px !important
  }
  .xl-m-40 {
    margin: 40px !important
  }
  .xl-p-40 {
    padding: 40px !important
  }
  .xl-m-t-40 {
    margin-top: 40px !important
  }
  .xl-p-t-40 {
    padding-top: 40px !important
  }
  .xl-m-b-40 {
    margin-bottom: 40px !important
  }
  .xl-p-b-40 {
    padding-bottom: 40px !important
  }
  .xl-m-l-40 {
    margin-left: 40px !important
  }
  .xl-p-l-40 {
    padding-left: 40px !important
  }
  .xl-m-r-40 {
    margin-right: 40px !important
  }
  .xl-p-r-40 {
    padding-right: 40px !important
  }
  .xl-m-48 {
    margin: 48px !important
  }
  .xl-p-48 {
    padding: 48px !important
  }
  .xl-m-t-48 {
    margin-top: 48px !important
  }
  .xl-p-t-48 {
    padding-top: 48px !important
  }
  .xl-m-b-48 {
    margin-bottom: 48px !important
  }
  .xl-p-b-48 {
    padding-bottom: 48px !important
  }
  .xl-m-l-48 {
    margin-left: 48px !important
  }
  .xl-p-l-48 {
    padding-left: 48px !important
  }
  .xl-m-r-48 {
    margin-right: 48px !important
  }
  .xl-p-r-48 {
    padding-right: 48px !important
  }
  .xl-m-56 {
    margin: 56px !important
  }
  .xl-p-56 {
    padding: 56px !important
  }
  .xl-m-t-56 {
    margin-top: 56px !important
  }
  .xl-p-t-56 {
    padding-top: 56px !important
  }
  .xl-m-b-56 {
    margin-bottom: 56px !important
  }
  .xl-p-b-56 {
    padding-bottom: 56px !important
  }
  .xl-m-l-56 {
    margin-left: 56px !important
  }
  .xl-p-l-56 {
    padding-left: 56px !important
  }
  .xl-m-r-56 {
    margin-right: 56px !important
  }
  .xl-p-r-56 {
    padding-right: 56px !important
  }
  .xl-m-64 {
    margin: 64px !important
  }
  .xl-p-64 {
    padding: 64px !important
  }
  .xl-m-t-64 {
    margin-top: 64px !important
  }
  .xl-p-t-64 {
    padding-top: 64px !important
  }
  .xl-m-b-64 {
    margin-bottom: 64px !important
  }
  .xl-p-b-64 {
    padding-bottom: 64px !important
  }
  .xl-m-l-64 {
    margin-left: 64px !important
  }
  .xl-p-l-64 {
    padding-left: 64px !important
  }
  .xl-m-r-64 {
    margin-right: 64px !important
  }
  .xl-p-r-64 {
    padding-right: 64px !important
  }
  .xl-m-72 {
    margin: 72px !important
  }
  .xl-p-72 {
    padding: 72px !important
  }
  .xl-m-t-72 {
    margin-top: 72px !important
  }
  .xl-p-t-72 {
    padding-top: 72px !important
  }
  .xl-m-b-72 {
    margin-bottom: 72px !important
  }
  .xl-p-b-72 {
    padding-bottom: 72px !important
  }
  .xl-m-l-72 {
    margin-left: 72px !important
  }
  .xl-p-l-72 {
    padding-left: 72px !important
  }
  .xl-m-r-72 {
    margin-right: 72px !important
  }
  .xl-p-r-72 {
    padding-right: 72px !important
  }
  .xl-m-80 {
    margin: 80px !important
  }
  .xl-p-80 {
    padding: 80px !important
  }
  .xl-m-t-80 {
    margin-top: 80px !important
  }
  .xl-p-t-80 {
    padding-top: 80px !important
  }
  .xl-m-b-80 {
    margin-bottom: 80px !important
  }
  .xl-p-b-80 {
    padding-bottom: 80px !important
  }
  .xl-m-l-80 {
    margin-left: 80px !important
  }
  .xl-p-l-80 {
    padding-left: 80px !important
  }
  .xl-m-r-80 {
    margin-right: 80px !important
  }
  .xl-p-r-80 {
    padding-right: 80px !important
  }
  .xl-m-88 {
    margin: 88px !important
  }
  .xl-p-88 {
    padding: 88px !important
  }
  .xl-m-t-88 {
    margin-top: 88px !important
  }
  .xl-p-t-88 {
    padding-top: 88px !important
  }
  .xl-m-b-88 {
    margin-bottom: 88px !important
  }
  .xl-p-b-88 {
    padding-bottom: 88px !important
  }
  .xl-m-l-88 {
    margin-left: 88px !important
  }
  .xl-p-l-88 {
    padding-left: 88px !important
  }
  .xl-m-r-88 {
    margin-right: 88px !important
  }
  .xl-p-r-88 {
    padding-right: 88px !important
  }
  .xl-m-96 {
    margin: 96px !important
  }
  .xl-p-96 {
    padding: 96px !important
  }
  .xl-m-t-96 {
    margin-top: 96px !important
  }
  .xl-p-t-96 {
    padding-top: 96px !important
  }
  .xl-m-b-96 {
    margin-bottom: 96px !important
  }
  .xl-p-b-96 {
    padding-bottom: 96px !important
  }
  .xl-m-l-96 {
    margin-left: 96px !important
  }
  .xl-p-l-96 {
    padding-left: 96px !important
  }
  .xl-m-r-96 {
    margin-right: 96px !important
  }
  .xl-p-r-96 {
    padding-right: 96px !important
  }
  .xl-m-104 {
    margin: 104px !important
  }
  .xl-p-104 {
    padding: 104px !important
  }
  .xl-m-t-104 {
    margin-top: 104px !important
  }
  .xl-p-t-104 {
    padding-top: 104px !important
  }
  .xl-m-b-104 {
    margin-bottom: 104px !important
  }
  .xl-p-b-104 {
    padding-bottom: 104px !important
  }
  .xl-m-l-104 {
    margin-left: 104px !important
  }
  .xl-p-l-104 {
    padding-left: 104px !important
  }
  .xl-m-r-104 {
    margin-right: 104px !important
  }
  .xl-p-r-104 {
    padding-right: 104px !important
  }
  .xl-m-112 {
    margin: 112px !important
  }
  .xl-p-112 {
    padding: 112px !important
  }
  .xl-m-t-112 {
    margin-top: 112px !important
  }
  .xl-p-t-112 {
    padding-top: 112px !important
  }
  .xl-m-b-112 {
    margin-bottom: 112px !important
  }
  .xl-p-b-112 {
    padding-bottom: 112px !important
  }
  .xl-m-l-112 {
    margin-left: 112px !important
  }
  .xl-p-l-112 {
    padding-left: 112px !important
  }
  .xl-m-r-112 {
    margin-right: 112px !important
  }
  .xl-p-r-112 {
    padding-right: 112px !important
  }
  .xl-m-120 {
    margin: 120px !important
  }
  .xl-p-120 {
    padding: 120px !important
  }
  .xl-m-t-120 {
    margin-top: 120px !important
  }
  .xl-p-t-120 {
    padding-top: 120px !important
  }
  .xl-m-b-120 {
    margin-bottom: 120px !important
  }
  .xl-p-b-120 {
    padding-bottom: 120px !important
  }
  .xl-m-l-120 {
    margin-left: 120px !important
  }
  .xl-p-l-120 {
    padding-left: 120px !important
  }
  .xl-m-r-120 {
    margin-right: 120px !important
  }
  .xl-p-r-120 {
    padding-right: 120px !important
  }
}
@media(max-width:1399px) {
  .xxl-m-0 {
    margin: 0 !important
  }
  .xxl-p-0 {
    padding: 0 !important
  }
  .xxl-m-t-0 {
    margin-top: 0 !important
  }
  .xxl-p-t-0 {
    padding-top: 0 !important
  }
  .xxl-m-b-0 {
    margin-bottom: 0 !important
  }
  .xxl-p-b-0 {
    padding-bottom: 0 !important
  }
  .xxl-m-l-0 {
    margin-left: 0 !important
  }
  .xxl-p-l-0 {
    padding-left: 0 !important
  }
  .xxl-m-r-0 {
    margin-right: 0 !important
  }
  .xxl-p-r-0 {
    padding-right: 0 !important
  }
  .xxl-m-4 {
    margin: 4px !important
  }
  .xxl-p-4 {
    padding: 4px !important
  }
  .xxl-m-t-4 {
    margin-top: 4px !important
  }
  .xxl-p-t-4 {
    padding-top: 4px !important
  }
  .xxl-m-b-4 {
    margin-bottom: 4px !important
  }
  .xxl-p-b-4 {
    padding-bottom: 4px !important
  }
  .xxl-m-l-4 {
    margin-left: 4px !important
  }
  .xxl-p-l-4 {
    padding-left: 4px !important
  }
  .xxl-m-r-4 {
    margin-right: 4px !important
  }
  .xxl-p-r-4 {
    padding-right: 4px !important
  }
  .xxl-m-8 {
    margin: 8px !important
  }
  .xxl-p-8 {
    padding: 8px !important
  }
  .xxl-m-t-8 {
    margin-top: 8px !important
  }
  .xxl-p-t-8 {
    padding-top: 8px !important
  }
  .xxl-m-b-8 {
    margin-bottom: 8px !important
  }
  .xxl-p-b-8 {
    padding-bottom: 8px !important
  }
  .xxl-m-l-8 {
    margin-left: 8px !important
  }
  .xxl-p-l-8 {
    padding-left: 8px !important
  }
  .xxl-m-r-8 {
    margin-right: 8px !important
  }
  .xxl-p-r-8 {
    padding-right: 8px !important
  }
  .xxl-m-16 {
    margin: 16px !important
  }
  .xxl-p-16 {
    padding: 16px !important
  }
  .xxl-m-t-16 {
    margin-top: 16px !important
  }
  .xxl-p-t-16 {
    padding-top: 16px !important
  }
  .xxl-m-b-16 {
    margin-bottom: 16px !important
  }
  .xxl-p-b-16 {
    padding-bottom: 16px !important
  }
  .xxl-m-l-16 {
    margin-left: 16px !important
  }
  .xxl-p-l-16 {
    padding-left: 16px !important
  }
  .xxl-m-r-16 {
    margin-right: 16px !important
  }
  .xxl-p-r-16 {
    padding-right: 16px !important
  }
  .xxl-m-24 {
    margin: 24px !important
  }
  .xxl-p-24 {
    padding: 24px !important
  }
  .xxl-m-t-24 {
    margin-top: 24px !important
  }
  .xxl-p-t-24 {
    padding-top: 24px !important
  }
  .xxl-m-b-24 {
    margin-bottom: 24px !important
  }
  .xxl-p-b-24 {
    padding-bottom: 24px !important
  }
  .xxl-m-l-24 {
    margin-left: 24px !important
  }
  .xxl-p-l-24 {
    padding-left: 24px !important
  }
  .xxl-m-r-24 {
    margin-right: 24px !important
  }
  .xxl-p-r-24 {
    padding-right: 24px !important
  }
  .xxl-m-32 {
    margin: 32px !important
  }
  .xxl-p-32 {
    padding: 32px !important
  }
  .xxl-m-t-32 {
    margin-top: 32px !important
  }
  .xxl-p-t-32 {
    padding-top: 32px !important
  }
  .xxl-m-b-32 {
    margin-bottom: 32px !important
  }
  .xxl-p-b-32 {
    padding-bottom: 32px !important
  }
  .xxl-m-l-32 {
    margin-left: 32px !important
  }
  .xxl-p-l-32 {
    padding-left: 32px !important
  }
  .xxl-m-r-32 {
    margin-right: 32px !important
  }
  .xxl-p-r-32 {
    padding-right: 32px !important
  }
  .xxl-m-40 {
    margin: 40px !important
  }
  .xxl-p-40 {
    padding: 40px !important
  }
  .xxl-m-t-40 {
    margin-top: 40px !important
  }
  .xxl-p-t-40 {
    padding-top: 40px !important
  }
  .xxl-m-b-40 {
    margin-bottom: 40px !important
  }
  .xxl-p-b-40 {
    padding-bottom: 40px !important
  }
  .xxl-m-l-40 {
    margin-left: 40px !important
  }
  .xxl-p-l-40 {
    padding-left: 40px !important
  }
  .xxl-m-r-40 {
    margin-right: 40px !important
  }
  .xxl-p-r-40 {
    padding-right: 40px !important
  }
  .xxl-m-48 {
    margin: 48px !important
  }
  .xxl-p-48 {
    padding: 48px !important
  }
  .xxl-m-t-48 {
    margin-top: 48px !important
  }
  .xxl-p-t-48 {
    padding-top: 48px !important
  }
  .xxl-m-b-48 {
    margin-bottom: 48px !important
  }
  .xxl-p-b-48 {
    padding-bottom: 48px !important
  }
  .xxl-m-l-48 {
    margin-left: 48px !important
  }
  .xxl-p-l-48 {
    padding-left: 48px !important
  }
  .xxl-m-r-48 {
    margin-right: 48px !important
  }
  .xxl-p-r-48 {
    padding-right: 48px !important
  }
  .xxl-m-56 {
    margin: 56px !important
  }
  .xxl-p-56 {
    padding: 56px !important
  }
  .xxl-m-t-56 {
    margin-top: 56px !important
  }
  .xxl-p-t-56 {
    padding-top: 56px !important
  }
  .xxl-m-b-56 {
    margin-bottom: 56px !important
  }
  .xxl-p-b-56 {
    padding-bottom: 56px !important
  }
  .xxl-m-l-56 {
    margin-left: 56px !important
  }
  .xxl-p-l-56 {
    padding-left: 56px !important
  }
  .xxl-m-r-56 {
    margin-right: 56px !important
  }
  .xxl-p-r-56 {
    padding-right: 56px !important
  }
  .xxl-m-64 {
    margin: 64px !important
  }
  .xxl-p-64 {
    padding: 64px !important
  }
  .xxl-m-t-64 {
    margin-top: 64px !important
  }
  .xxl-p-t-64 {
    padding-top: 64px !important
  }
  .xxl-m-b-64 {
    margin-bottom: 64px !important
  }
  .xxl-p-b-64 {
    padding-bottom: 64px !important
  }
  .xxl-m-l-64 {
    margin-left: 64px !important
  }
  .xxl-p-l-64 {
    padding-left: 64px !important
  }
  .xxl-m-r-64 {
    margin-right: 64px !important
  }
  .xxl-p-r-64 {
    padding-right: 64px !important
  }
  .xxl-m-72 {
    margin: 72px !important
  }
  .xxl-p-72 {
    padding: 72px !important
  }
  .xxl-m-t-72 {
    margin-top: 72px !important
  }
  .xxl-p-t-72 {
    padding-top: 72px !important
  }
  .xxl-m-b-72 {
    margin-bottom: 72px !important
  }
  .xxl-p-b-72 {
    padding-bottom: 72px !important
  }
  .xxl-m-l-72 {
    margin-left: 72px !important
  }
  .xxl-p-l-72 {
    padding-left: 72px !important
  }
  .xxl-m-r-72 {
    margin-right: 72px !important
  }
  .xxl-p-r-72 {
    padding-right: 72px !important
  }
  .xxl-m-80 {
    margin: 80px !important
  }
  .xxl-p-80 {
    padding: 80px !important
  }
  .xxl-m-t-80 {
    margin-top: 80px !important
  }
  .xxl-p-t-80 {
    padding-top: 80px !important
  }
  .xxl-m-b-80 {
    margin-bottom: 80px !important
  }
  .xxl-p-b-80 {
    padding-bottom: 80px !important
  }
  .xxl-m-l-80 {
    margin-left: 80px !important
  }
  .xxl-p-l-80 {
    padding-left: 80px !important
  }
  .xxl-m-r-80 {
    margin-right: 80px !important
  }
  .xxl-p-r-80 {
    padding-right: 80px !important
  }
  .xxl-m-88 {
    margin: 88px !important
  }
  .xxl-p-88 {
    padding: 88px !important
  }
  .xxl-m-t-88 {
    margin-top: 88px !important
  }
  .xxl-p-t-88 {
    padding-top: 88px !important
  }
  .xxl-m-b-88 {
    margin-bottom: 88px !important
  }
  .xxl-p-b-88 {
    padding-bottom: 88px !important
  }
  .xxl-m-l-88 {
    margin-left: 88px !important
  }
  .xxl-p-l-88 {
    padding-left: 88px !important
  }
  .xxl-m-r-88 {
    margin-right: 88px !important
  }
  .xxl-p-r-88 {
    padding-right: 88px !important
  }
  .xxl-m-96 {
    margin: 96px !important
  }
  .xxl-p-96 {
    padding: 96px !important
  }
  .xxl-m-t-96 {
    margin-top: 96px !important
  }
  .xxl-p-t-96 {
    padding-top: 96px !important
  }
  .xxl-m-b-96 {
    margin-bottom: 96px !important
  }
  .xxl-p-b-96 {
    padding-bottom: 96px !important
  }
  .xxl-m-l-96 {
    margin-left: 96px !important
  }
  .xxl-p-l-96 {
    padding-left: 96px !important
  }
  .xxl-m-r-96 {
    margin-right: 96px !important
  }
  .xxl-p-r-96 {
    padding-right: 96px !important
  }
  .xxl-m-104 {
    margin: 104px !important
  }
  .xxl-p-104 {
    padding: 104px !important
  }
  .xxl-m-t-104 {
    margin-top: 104px !important
  }
  .xxl-p-t-104 {
    padding-top: 104px !important
  }
  .xxl-m-b-104 {
    margin-bottom: 104px !important
  }
  .xxl-p-b-104 {
    padding-bottom: 104px !important
  }
  .xxl-m-l-104 {
    margin-left: 104px !important
  }
  .xxl-p-l-104 {
    padding-left: 104px !important
  }
  .xxl-m-r-104 {
    margin-right: 104px !important
  }
  .xxl-p-r-104 {
    padding-right: 104px !important
  }
  .xxl-m-112 {
    margin: 112px !important
  }
  .xxl-p-112 {
    padding: 112px !important
  }
  .xxl-m-t-112 {
    margin-top: 112px !important
  }
  .xxl-p-t-112 {
    padding-top: 112px !important
  }
  .xxl-m-b-112 {
    margin-bottom: 112px !important
  }
  .xxl-p-b-112 {
    padding-bottom: 112px !important
  }
  .xxl-m-l-112 {
    margin-left: 112px !important
  }
  .xxl-p-l-112 {
    padding-left: 112px !important
  }
  .xxl-m-r-112 {
    margin-right: 112px !important
  }
  .xxl-p-r-112 {
    padding-right: 112px !important
  }
  .xxl-m-120 {
    margin: 120px !important
  }
  .xxl-p-120 {
    padding: 120px !important
  }
  .xxl-m-t-120 {
    margin-top: 120px !important
  }
  .xxl-p-t-120 {
    padding-top: 120px !important
  }
  .xxl-m-b-120 {
    margin-bottom: 120px !important
  }
  .xxl-p-b-120 {
    padding-bottom: 120px !important
  }
  .xxl-m-l-120 {
    margin-left: 120px !important
  }
  .xxl-p-l-120 {
    padding-left: 120px !important
  }
  .xxl-m-r-120 {
    margin-right: 120px !important
  }
  .xxl-p-r-120 {
    padding-right: 120px !important
  }
}
.menu ul {
  list-style-type: none;
  margin: 0;
  margin-left: 40px;
  padding: 0;
  display: inline-block;
  font-weight: 600;
  font-style: normal
}
.menu ul li {
  margin: 0;
  list-style: none;
  display: inline-block;
  position: relative;
  padding: 8px 0 24px;
  color: var(--blue-50)
}
.menu ul li a {
  padding: 8px 16px;
  text-decoration: none;
  display: inline-block;
  border-radius: 16px;
  transition: all linear .15s
}
.menu ul li:hover > a, .menu ul li a.active {
  text-decoration: none;
  cursor: pointer
}
.menu ul li:hover .dropdown-menu {
  z-index: 1;
  opacity: 1
}
.menu ul li ul.dropdown-menu {
  width: 200px;
  padding: 5px 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  opacity: 0;
  transition: opacity linear .15s;
  box-shadow: var(--elevation-level-medium);
  background: var(--white);
  border-radius: 16px;
  padding: 0;
  margin: 0
}
.menu ul li ul.dropdown-menu li {
  display: block;
  width: 100%;
  padding: 0
}
.menu ul li ul.dropdown-menu li:hover > a, .menu ul li ul.dropdown-menu li a.active {
  background-color: var(--black-10);
  color: var(--black-100);
  text-decoration: none;
  opacity: 1
}
.menu ul li ul.dropdown-menu li:hover > a.disabled, .menu ul li ul.dropdown-menu li a.disabled.active {
  background-color: var(--white);
  color: var(--black-10);
  text-decoration: none;
  opacity: 1;
  pointer-events: none;
  cursor: default
}
.menu ul li ul.dropdown-menu li a {
  padding: 10px 30px;
  display: block;
  border-radius: 0;
  color: var(--black-100)
}
.menu ul li ul.dropdown-menu li a.disabled {
  color: var(--black-10)
}
.menu ul li ul.dropdown-menu li:first-of-type {
  margin-top: 16px
}
.menu ul li ul.dropdown-menu li:last-of-type {
  margin-bottom: 16px
}
.menu ul li ul.dropdown-menu li.dropdown-submenu > .dropdown-menu {
  display: none
}
.menu ul li ul.dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
  display: block;
  left: 200px;
  top: -16px
}
.menu ul li ul.dropdown-menu li.dropdown-submenu > a:after {
  font-family: cm-icons;
  content: "";
  font-size: 20px;
  margin-top: -4px;
  margin-right: -10px;
  float: right
}
.dropdown-menu li a:hover, .dropdown-menu .current-item a {
  background: var(--black-10)
}
ul.secondary-menu li {
  margin: 0 0 8px
}
ul.secondary-menu li a {
  color: var(--blue-50);
  font-weight: 600
}
.menu-dropdown {
  position: relative;
  display: inline-block;
  color: var(--white)
}
.menu-dropdown input[type=checkbox] {
  display: none
}
.menu-dropdown input[type=checkbox]:checked ~ label {
  background-color: var(--blue-10)
}
.menu-dropdown input[type=checkbox]:checked ~ ul.menu-dropdown-list {
  display: block
}
.menu-dropdown ul.menu-dropdown-list {
  position: absolute;
  list-style: none;
  text-align: left;
  min-width: 200px;
  z-index: 1000;
  box-shadow: var(--elevation-level-medium);
  display: none;
  padding: 16px 0;
  background-color: var(--white);
  border-radius: 24px;
  margin-left: -160px
}
.menu-dropdown ul.menu-dropdown-list .line-separator {
  height: 1px;
  background: var(--black-10);
  margin: 8px 0
}
.menu-dropdown ul.menu-dropdown-list li {
  padding: 12px 40px;
  color: var(--black-100);
  cursor: pointer;
  font-weight: 600;
  height: 48px;
  line-height: 24px
}
.menu-dropdown ul.menu-dropdown-list li:hover {
  color: var(--selected-color);
  background-color: transparent
}
.menu-dropdown ul.menu-dropdown-list li a {
  color: inherit;
  text-decoration: none
}
.menu-dropdown ul.menu-dropdown-list li a .menu-dropdown-icon {
  margin-right: 8px;
  color: inherit;
  font-size: 24px;
  width: 24px
}
.menu-dropdown ul.menu-dropdown-list li a .menu-dropdown-info {
  margin-left: 8px;
  line-height: 26px
}
.menu-dropdown ul.menu-dropdown-list li:disabled {
  color: var(--black-25)
}
.d-none {
  display: none !important
}
.d-inline {
  display: inline !important
}
.d-inline-block {
  display: inline-block !important
}
.d-block {
  display: block !important
}
.d-table {
  display: table !important
}
.d-table-row {
  display: table-row !important
}
.d-table-cell {
  display: table-cell !important
}
.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important
}
.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important
}
.d-contents {
  display: contents !important
}
@media(min-width:576px) {
  .d-sm-none {
    display: none !important
  }
  .d-sm-inline {
    display: inline !important
  }
  .d-sm-inline-block {
    display: inline-block !important
  }
  .d-sm-block {
    display: block !important
  }
  .d-sm-table {
    display: table !important
  }
  .d-sm-table-row {
    display: table-row !important
  }
  .d-sm-table-cell {
    display: table-cell !important
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
  .d-sm-contents {
    display: contents !important
  }
}
@media(min-width:768px) {
  .d-md-none {
    display: none !important
  }
  .d-md-inline {
    display: inline !important
  }
  .d-md-inline-block {
    display: inline-block !important
  }
  .d-md-block {
    display: block !important
  }
  .d-md-table {
    display: table !important
  }
  .d-md-table-row {
    display: table-row !important
  }
  .d-md-table-cell {
    display: table-cell !important
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
  .d-md-contents {
    display: contents !important
  }
}
@media(min-width:992px) {
  .d-lg-none {
    display: none !important
  }
  .d-lg-inline {
    display: inline !important
  }
  .d-lg-inline-block {
    display: inline-block !important
  }
  .d-lg-block {
    display: block !important
  }
  .d-lg-table {
    display: table !important
  }
  .d-lg-table-row {
    display: table-row !important
  }
  .d-lg-table-cell {
    display: table-cell !important
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
  .d-lg-contents {
    display: contents !important
  }
}
@media(min-width:1200px) {
  .d-xl-none {
    display: none !important
  }
  .d-xl-inline {
    display: inline !important
  }
  .d-xl-inline-block {
    display: inline-block !important
  }
  .d-xl-block {
    display: block !important
  }
  .d-xl-table {
    display: table !important
  }
  .d-xl-table-row {
    display: table-row !important
  }
  .d-xl-table-cell {
    display: table-cell !important
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
  .d-xl-contents {
    display: contents !important
  }
}
.cm-app {
  display: inline-block;
  vertical-align: middle;
  position: relative
}
.cm-app.disabled {
  filter: grayscale(100%);
  opacity: 50%
}
.cm-app.cm-app-addressbook {
  background: url(../image/addressbook.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-addressbook.mono {
  background: url(../image/addressbook1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-addressbook.inverted {
  background: url(../image/addressbook2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-addressbook.small {
  width: 24px;
  height: 24px;
  background: url(../image/addressbook3.svg) center center no-repeat
}
.cm-app.cm-app-addressbook.small.mono {
  background: url(../image/addressbook4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-addressbook.small.inverted {
  background: url(../image/addressbook5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-addressbook.large {
  width: 64px;
  height: 64px;
  background: url(../image/addressbook6.svg) center center no-repeat
}
.cm-app.cm-app-addressbook.large.mono {
  background: url(../image/addressbook7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-addressbook.large.inverted {
  background: url(../image/addressbook8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-addressbook-product-suit {
  background: url(../image/addressbook.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-addressbook-product-suit.mono {
  background: url(../image/addressbook1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-addressbook-product-suit.inverted {
  background: url(../image/addressbook2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-addressbook-product-suit.small {
  width: 24px;
  height: 24px;
  background: url(../image/addressbook3.svg) center center no-repeat
}
.cm-app.cm-app-addressbook-product-suit.small.mono {
  background: url(../image/addressbook4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-addressbook-product-suit.small.inverted {
  background: url(../image/addressbook5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-addressbook-product-suit.large {
  width: 64px;
  height: 64px;
  background: url(../image/addressbook6.svg) center center no-repeat
}
.cm-app.cm-app-addressbook-product-suit.large.mono {
  background: url(../image/addressbook7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-addressbook-product-suit.large.inverted {
  background: url(../image/addressbook8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-agent-inbox {
  background: url(../image/agent-inbox.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-agent-inbox.mono {
  background: url(../image/agent-inbox1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-agent-inbox.inverted {
  background: url(../image/agent-inbox2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-agent-inbox.small {
  width: 24px;
  height: 24px;
  background: url(../image/agent-inbox3.svg) center center no-repeat
}
.cm-app.cm-app-agent-inbox.small.mono {
  background: url(../image/agent-inbox4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-agent-inbox.small.inverted {
  background: url(../image/agent-inbox5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-agent-inbox.large {
  width: 64px;
  height: 64px;
  background: url(../image/agent-inbox6.svg) center center no-repeat
}
.cm-app.cm-app-agent-inbox.large.mono {
  background: url(../image/agent-inbox7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-agent-inbox.large.inverted {
  background: url(../image/agent-inbox8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-app-manager {
  background: url(../image/app-manager.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-app-manager.mono {
  background: url(../image/app-manager1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-app-manager.inverted {
  background: url(../image/app-manager2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-app-manager.small {
  width: 24px;
  height: 24px;
  background: url(../image/app-manager3.svg) center center no-repeat
}
.cm-app.cm-app-app-manager.small.mono {
  background: url(../image/app-manager4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-app-manager.small.inverted {
  background: url(../image/app-manager5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-app-manager.large {
  width: 64px;
  height: 64px;
  background: url(../image/app-manager6.svg) center center no-repeat
}
.cm-app.cm-app-app-manager.large.mono {
  background: url(../image/app-manager7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-app-manager.large.inverted {
  background: url(../image/app-manager8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-appmiral {
  background: url(../image/appmiral.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-appmiral.mono {
  background: url(../image/appmiral1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-appmiral.inverted {
  background: url(../image/appmiral2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-appmiral.small {
  width: 24px;
  height: 24px;
  background: url(../image/appmiral3.svg) center center no-repeat
}
.cm-app.cm-app-appmiral.small.mono {
  background: url(../image/appmiral4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-appmiral.small.inverted {
  background: url(../image/appmiral5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-appmiral.large {
  width: 64px;
  height: 64px;
  background: url(../image/appmiral6.svg) center center no-repeat
}
.cm-app.cm-app-appmiral.large.mono {
  background: url(../image/appmiral7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-appmiral.large.inverted {
  background: url(../image/appmiral8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-attractions {
  background: url(../image/attractions.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-attractions.mono {
  background: url(../image/attractions1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-attractions.inverted {
  background: url(../image/attractions2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-attractions.small {
  width: 24px;
  height: 24px;
  background: url(../image/attractions3.svg) center center no-repeat
}
.cm-app.cm-app-attractions.small.mono {
  background: url(../image/attractions4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-attractions.small.inverted {
  background: url(../image/attractions5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-attractions.large {
  width: 64px;
  height: 64px;
  background: url(../image/attractions6.svg) center center no-repeat
}
.cm-app.cm-app-attractions.large.mono {
  background: url(../image/attractions7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-attractions.large.inverted {
  background: url(../image/attractions8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-audio-manager {
  background: url(../image/audio-manager.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-audio-manager.mono {
  background: url(../image/audio-manager1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-audio-manager.inverted {
  background: url(../image/audio-manager2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-audio-manager.small {
  width: 24px;
  height: 24px;
  background: url(../image/audio-manager3.svg) center center no-repeat
}
.cm-app.cm-app-audio-manager.small.mono {
  background: url(../image/audio-manager4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-audio-manager.small.inverted {
  background: url(../image/audio-manager5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-audio-manager.large {
  width: 64px;
  height: 64px;
  background: url(../image/audio-manager6.svg) center center no-repeat
}
.cm-app.cm-app-audio-manager.large.mono {
  background: url(../image/audio-manager7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-audio-manager.large.inverted {
  background: url(../image/audio-manager8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-aurora {
  background: url(../image/aurora.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-aurora.mono {
  background: url(../image/aurora1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-aurora.inverted {
  background: url(../image/aurora2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-aurora.small {
  width: 24px;
  height: 24px;
  background: url(../image/aurora3.svg) center center no-repeat
}
.cm-app.cm-app-aurora.small.mono {
  background: url(../image/aurora4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-aurora.small.inverted {
  background: url(../image/aurora5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-aurora.large {
  width: 64px;
  height: 64px;
  background: url(../image/aurora6.svg) center center no-repeat
}
.cm-app.cm-app-aurora.large.mono {
  background: url(../image/aurora7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-aurora.large.inverted {
  background: url(../image/aurora8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-authenticator {
  background: url(../image/authenticator.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-authenticator.mono {
  background: url(../image/authenticator1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-authenticator.inverted {
  background: url(../image/authenticator2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-authenticator.small {
  width: 24px;
  height: 24px;
  background: url(../image/authenticator3.svg) center center no-repeat
}
.cm-app.cm-app-authenticator.small.mono {
  background: url(../image/authenticator4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-authenticator.small.inverted {
  background: url(../image/authenticator5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-authenticator.large {
  width: 64px;
  height: 64px;
  background: url(../image/authenticator6.svg) center center no-repeat
}
.cm-app.cm-app-authenticator.large.mono {
  background: url(../image/authenticator7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-authenticator.large.inverted {
  background: url(../image/authenticator8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-campaigns {
  background: url(../image/campaigns.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-campaigns.mono {
  background: url(../image/campaigns1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-campaigns.inverted {
  background: url(../image/campaigns2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-campaigns.small {
  width: 24px;
  height: 24px;
  background: url(../image/campaigns3.svg) center center no-repeat
}
.cm-app.cm-app-campaigns.small.mono {
  background: url(../image/campaigns4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-campaigns.small.inverted {
  background: url(../image/campaigns5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-campaigns.large {
  width: 64px;
  height: 64px;
  background: url(../image/campaigns6.svg) center center no-repeat
}
.cm-app.cm-app-campaigns.large.mono {
  background: url(../image/campaigns7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-campaigns.large.inverted {
  background: url(../image/campaigns8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-campaigns-product-suit {
  background: url(../image/campaigns.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-campaigns-product-suit.mono {
  background: url(../image/campaigns1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-campaigns-product-suit.inverted {
  background: url(../image/campaigns2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-campaigns-product-suit.small {
  width: 24px;
  height: 24px;
  background: url(../image/campaigns3.svg) center center no-repeat
}
.cm-app.cm-app-campaigns-product-suit.small.mono {
  background: url(../image/campaigns4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-campaigns-product-suit.small.inverted {
  background: url(../image/campaigns5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-campaigns-product-suit.large {
  width: 64px;
  height: 64px;
  background: url(../image/campaigns6.svg) center center no-repeat
}
.cm-app.cm-app-campaigns-product-suit.large.mono {
  background: url(../image/campaigns7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-campaigns-product-suit.large.inverted {
  background: url(../image/campaigns8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-cash-register {
  background: url(../image/cash-register.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-cash-register.mono {
  background: url(../image/cash-register1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-cash-register.inverted {
  background: url(../image/cash-register2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-cash-register.small {
  width: 24px;
  height: 24px;
  background: url(../image/cash-register3.svg) center center no-repeat
}
.cm-app.cm-app-cash-register.small.mono {
  background: url(../image/cash-register4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-cash-register.small.inverted {
  background: url(../image/cash-register5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-cash-register.large {
  width: 64px;
  height: 64px;
  background: url(../image/cash-register6.svg) center center no-repeat
}
.cm-app.cm-app-cash-register.large.mono {
  background: url(../image/cash-register7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-cash-register.large.inverted {
  background: url(../image/cash-register8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-chatbot {
  background: url(../image/chatbot.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-chatbot.mono {
  background: url(../image/chatbot1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-chatbot.inverted {
  background: url(../image/chatbot2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-chatbot.small {
  width: 24px;
  height: 24px;
  background: url(../image/chatbot3.svg) center center no-repeat
}
.cm-app.cm-app-chatbot.small.mono {
  background: url(../image/chatbot4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-chatbot.small.inverted {
  background: url(../image/chatbot5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-chatbot.large {
  width: 64px;
  height: 64px;
  background: url(../image/chatbot6.svg) center center no-repeat
}
.cm-app.cm-app-chatbot.large.mono {
  background: url(../image/chatbot7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-chatbot.large.inverted {
  background: url(../image/chatbot8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-chatbot-product-suit {
  background: url(../image/chatbot.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-chatbot-product-suit.mono {
  background: url(../image/chatbot1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-chatbot-product-suit.inverted {
  background: url(../image/chatbot2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-chatbot-product-suit.small {
  width: 24px;
  height: 24px;
  background: url(../image/chatbot3.svg) center center no-repeat
}
.cm-app.cm-app-chatbot-product-suit.small.mono {
  background: url(../image/chatbot4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-chatbot-product-suit.small.inverted {
  background: url(../image/chatbot5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-chatbot-product-suit.large {
  width: 64px;
  height: 64px;
  background: url(../image/chatbot6.svg) center center no-repeat
}
.cm-app.cm-app-chatbot-product-suit.large.mono {
  background: url(../image/chatbot7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-chatbot-product-suit.large.inverted {
  background: url(../image/chatbot8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-conversational-router {
  background: url(../image/conversational-router.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-conversational-router.mono {
  background: url(../image/conversational-router1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-conversational-router.inverted {
  background: url(../image/conversational-router2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-conversational-router.small {
  width: 24px;
  height: 24px;
  background: url(../image/conversational-router3.svg) center center no-repeat
}
.cm-app.cm-app-conversational-router.small.mono {
  background: url(../image/conversational-router4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-conversational-router.small.inverted {
  background: url(../image/conversational-router5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-conversational-router.large {
  width: 64px;
  height: 64px;
  background: url(../image/conversational-router6.svg) center center no-repeat
}
.cm-app.cm-app-conversational-router.large.mono {
  background: url(../image/conversational-router7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-conversational-router.large.inverted {
  background: url(../image/conversational-router8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-customer-contact {
  background: url(../image/customer-contact.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-customer-contact.mono {
  background: url(../image/customer-contact1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-customer-contact.inverted {
  background: url(../image/customer-contact2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-customer-contact.small {
  width: 24px;
  height: 24px;
  background: url(../image/customer-contact3.svg) center center no-repeat
}
.cm-app.cm-app-customer-contact.small.mono {
  background: url(../image/customer-contact4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-customer-contact.small.inverted {
  background: url(../image/customer-contact5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-customer-contact.large {
  width: 64px;
  height: 64px;
  background: url(../image/customer-contact6.svg) center center no-repeat
}
.cm-app.cm-app-customer-contact.large.mono {
  background: url(../image/customer-contact7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-customer-contact.large.inverted {
  background: url(../image/customer-contact8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-customer-contact-product-suit {
  background: url(../image/customer-contact.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-customer-contact-product-suit.mono {
  background: url(../image/customer-contact1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-customer-contact-product-suit.inverted {
  background: url(../image/customer-contact2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-customer-contact-product-suit.small {
  width: 24px;
  height: 24px;
  background: url(../image/customer-contact3.svg) center center no-repeat
}
.cm-app.cm-app-customer-contact-product-suit.small.mono {
  background: url(../image/customer-contact4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-customer-contact-product-suit.small.inverted {
  background: url(../image/customer-contact5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-customer-contact-product-suit.large {
  width: 64px;
  height: 64px;
  background: url(../image/customer-contact6.svg) center center no-repeat
}
.cm-app.cm-app-customer-contact-product-suit.large.mono {
  background: url(../image/customer-contact7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-customer-contact-product-suit.large.inverted {
  background: url(../image/customer-contact8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-data {
  background: url(../image/data.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-data.mono {
  background: url(../image/data1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-data.inverted {
  background: url(../image/data2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-data.small {
  width: 24px;
  height: 24px;
  background: url(../image/data3.svg) center center no-repeat
}
.cm-app.cm-app-data.small.mono {
  background: url(../image/data4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-data.small.inverted {
  background: url(../image/data5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-data.large {
  width: 64px;
  height: 64px;
  background: url(../image/data6.svg) center center no-repeat
}
.cm-app.cm-app-data.large.mono {
  background: url(../image/data7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-data.large.inverted {
  background: url(../image/data8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-data-product-suit {
  background: url(../image/data.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-data-product-suit.mono {
  background: url(../image/data1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-data-product-suit.inverted {
  background: url(../image/data2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-data-product-suit.small {
  width: 24px;
  height: 24px;
  background: url(../image/data3.svg) center center no-repeat
}
.cm-app.cm-app-data-product-suit.small.mono {
  background: url(../image/data4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-data-product-suit.small.inverted {
  background: url(../image/data5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-data-product-suit.large {
  width: 64px;
  height: 64px;
  background: url(../image/data6.svg) center center no-repeat
}
.cm-app.cm-app-data-product-suit.large.mono {
  background: url(../image/data7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-data-product-suit.large.inverted {
  background: url(../image/data8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-email {
  background: url(../image/email.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-email.mono {
  background: url(../image/email1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-email.inverted {
  background: url(../image/email2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-email.small {
  width: 24px;
  height: 24px;
  background: url(../image/email3.svg) center center no-repeat
}
.cm-app.cm-app-email.small.mono {
  background: url(../image/email4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-email.small.inverted {
  background: url(../image/email5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-email.large {
  width: 64px;
  height: 64px;
  background: url(../image/email6.svg) center center no-repeat
}
.cm-app.cm-app-email.large.mono {
  background: url(../image/email7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-email.large.inverted {
  background: url(../image/email8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-email-product-suit {
  background: url(../image/email.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-email-product-suit.mono {
  background: url(../image/email1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-email-product-suit.inverted {
  background: url(../image/email2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-email-product-suit.small {
  width: 24px;
  height: 24px;
  background: url(../image/email3.svg) center center no-repeat
}
.cm-app.cm-app-email-product-suit.small.mono {
  background: url(../image/email4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-email-product-suit.small.inverted {
  background: url(../image/email5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-email-product-suit.large {
  width: 64px;
  height: 64px;
  background: url(../image/email6.svg) center center no-repeat
}
.cm-app.cm-app-email-product-suit.large.mono {
  background: url(../image/email7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-email-product-suit.large.inverted {
  background: url(../image/email8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-geef-mobiel {
  background: url(../image/geef-mobiel.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-geef-mobiel.mono {
  background: url(../image/geef-mobiel1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-geef-mobiel.inverted {
  background: url(../image/geef-mobiel2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-geef-mobiel.small {
  width: 24px;
  height: 24px;
  background: url(../image/geef-mobiel3.svg) center center no-repeat
}
.cm-app.cm-app-geef-mobiel.small.mono {
  background: url(../image/geef-mobiel4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-geef-mobiel.small.inverted {
  background: url(../image/geef-mobiel5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-geef-mobiel.large {
  width: 64px;
  height: 64px;
  background: url(../image/geef-mobiel6.svg) center center no-repeat
}
.cm-app.cm-app-geef-mobiel.large.mono {
  background: url(../image/geef-mobiel7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-geef-mobiel.large.inverted {
  background: url(../image/geef-mobiel8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-iban {
  background: url(../image/iban.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-iban.mono {
  background: url(../image/iban1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-iban.inverted {
  background: url(../image/iban2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-iban.small {
  width: 24px;
  height: 24px;
  background: url(../image/iban3.svg) center center no-repeat
}
.cm-app.cm-app-iban.small.mono {
  background: url(../image/iban4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-iban.small.inverted {
  background: url(../image/iban5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-iban.large {
  width: 64px;
  height: 64px;
  background: url(../image/iban6.svg) center center no-repeat
}
.cm-app.cm-app-iban.large.mono {
  background: url(../image/iban7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-iban.large.inverted {
  background: url(../image/iban8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-id-scan {
  background: url(../image/id-scan.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-id-scan.mono {
  background: url(../image/id-scan1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-id-scan.inverted {
  background: url(../image/id-scan2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-id-scan.small {
  width: 24px;
  height: 24px;
  background: url(../image/id-scan3.svg) center center no-repeat
}
.cm-app.cm-app-id-scan.small.mono {
  background: url(../image/id-scan4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-id-scan.small.inverted {
  background: url(../image/id-scan5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-id-scan.large {
  width: 64px;
  height: 64px;
  background: url(../image/id-scan6.svg) center center no-repeat
}
.cm-app.cm-app-id-scan.large.mono {
  background: url(../image/id-scan7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-id-scan.large.inverted {
  background: url(../image/id-scan8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-ideal-qr {
  background: url(../image/ideal-qr.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-ideal-qr.mono {
  background: url(../image/ideal-qr1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-ideal-qr.inverted {
  background: url(../image/ideal-qr2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-ideal-qr.small {
  width: 24px;
  height: 24px;
  background: url(../image/ideal-qr3.svg) center center no-repeat
}
.cm-app.cm-app-ideal-qr.small.mono {
  background: url(../image/ideal-qr4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-ideal-qr.small.inverted {
  background: url(../image/ideal-qr5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-ideal-qr.large {
  width: 64px;
  height: 64px;
  background: url(../image/ideal-qr6.svg) center center no-repeat
}
.cm-app.cm-app-ideal-qr.large.mono {
  background: url(../image/ideal-qr7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-ideal-qr.large.inverted {
  background: url(../image/ideal-qr8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-identity {
  background: url(../image/identity.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-identity.mono {
  background: url(../image/identity1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-identity.inverted {
  background: url(../image/identity2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-identity.small {
  width: 24px;
  height: 24px;
  background: url(../image/identity3.svg) center center no-repeat
}
.cm-app.cm-app-identity.small.mono {
  background: url(../image/identity4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-identity.small.inverted {
  background: url(../image/identity5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-identity.large {
  width: 64px;
  height: 64px;
  background: url(../image/identity6.svg) center center no-repeat
}
.cm-app.cm-app-identity.large.mono {
  background: url(../image/identity7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-identity.large.inverted {
  background: url(../image/identity8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-invoices {
  background: url(../image/invoices.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-invoices.mono {
  background: url(../image/invoices1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-invoices.inverted {
  background: url(../image/invoices2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-invoices.small {
  width: 24px;
  height: 24px;
  background: url(../image/invoices3.svg) center center no-repeat
}
.cm-app.cm-app-invoices.small.mono {
  background: url(../image/invoices4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-invoices.small.inverted {
  background: url(../image/invoices5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-invoices.large {
  width: 64px;
  height: 64px;
  background: url(../image/invoices6.svg) center center no-repeat
}
.cm-app.cm-app-invoices.large.mono {
  background: url(../image/invoices7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-invoices.large.inverted {
  background: url(../image/invoices8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-letters {
  background: url(../image/letters.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-letters.mono {
  background: url(../image/letters1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-letters.inverted {
  background: url(../image/letters2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-letters.small {
  width: 24px;
  height: 24px;
  background: url(../image/letters3.svg) center center no-repeat
}
.cm-app.cm-app-letters.small.mono {
  background: url(../image/letters4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-letters.small.inverted {
  background: url(../image/letters5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-letters.large {
  width: 64px;
  height: 64px;
  background: url(../image/letters6.svg) center center no-repeat
}
.cm-app.cm-app-letters.large.mono {
  background: url(../image/letters7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-letters.large.inverted {
  background: url(../image/letters8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-mail-sms {
  background: url(../image/mail-sms.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-mail-sms.mono {
  background: url(../image/mail-sms1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-mail-sms.inverted {
  background: url(../image/mail-sms2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-mail-sms.small {
  width: 24px;
  height: 24px;
  background: url(../image/mail-sms3.svg) center center no-repeat
}
.cm-app.cm-app-mail-sms.small.mono {
  background: url(../image/mail-sms4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-mail-sms.small.inverted {
  background: url(../image/mail-sms5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-mail-sms.large {
  width: 64px;
  height: 64px;
  background: url(../image/mail-sms6.svg) center center no-repeat
}
.cm-app.cm-app-mail-sms.large.mono {
  background: url(../image/mail-sms7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-mail-sms.large.inverted {
  background: url(../image/mail-sms8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-message-log {
  background: url(../image/message-log.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-message-log.mono {
  background: url(../image/message-log1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-message-log.inverted {
  background: url(../image/message-log2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-message-log.small {
  width: 24px;
  height: 24px;
  background: url(../image/message-log3.svg) center center no-repeat
}
.cm-app.cm-app-message-log.small.mono {
  background: url(../image/message-log4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-message-log.small.inverted {
  background: url(../image/message-log5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-message-log.large {
  width: 64px;
  height: 64px;
  background: url(../image/message-log6.svg) center center no-repeat
}
.cm-app.cm-app-message-log.large.mono {
  background: url(../image/message-log7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-message-log.large.inverted {
  background: url(../image/message-log8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging {
  background: url(../image/messaging.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-messaging.mono {
  background: url(../image/messaging1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging.inverted {
  background: url(../image/messaging2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging.small {
  width: 24px;
  height: 24px;
  background: url(../image/messaging3.svg) center center no-repeat
}
.cm-app.cm-app-messaging.small.mono {
  background: url(../image/messaging4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging.small.inverted {
  background: url(../image/messaging5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging.large {
  width: 64px;
  height: 64px;
  background: url(../image/messaging6.svg) center center no-repeat
}
.cm-app.cm-app-messaging.large.mono {
  background: url(../image/messaging7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging.large.inverted {
  background: url(../image/messaging8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging-analytics {
  background: url(../image/messaging-analytics.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-messaging-analytics.mono {
  background: url(../image/messaging-analytics1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging-analytics.inverted {
  background: url(../image/messaging-analytics2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging-analytics.small {
  width: 24px;
  height: 24px;
  background: url(../image/messaging-analytics3.svg) center center no-repeat
}
.cm-app.cm-app-messaging-analytics.small.mono {
  background: url(../image/messaging-analytics4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging-analytics.small.inverted {
  background: url(../image/messaging-analytics5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging-analytics.large {
  width: 64px;
  height: 64px;
  background: url(../image/messaging-analytics6.svg) center center no-repeat
}
.cm-app.cm-app-messaging-analytics.large.mono {
  background: url(../image/messaging-analytics7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging-analytics.large.inverted {
  background: url(../image/messaging-analytics8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging-gateway {
  background: url(../image/messaging-gateway.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-messaging-gateway.mono {
  background: url(../image/messaging-gateway1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging-gateway.inverted {
  background: url(../image/messaging-gateway2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging-gateway.small {
  width: 24px;
  height: 24px;
  background: url(../image/messaging-gateway3.svg) center center no-repeat
}
.cm-app.cm-app-messaging-gateway.small.mono {
  background: url(../image/messaging-gateway4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging-gateway.small.inverted {
  background: url(../image/messaging-gateway5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging-gateway.large {
  width: 64px;
  height: 64px;
  background: url(../image/messaging-gateway6.svg) center center no-repeat
}
.cm-app.cm-app-messaging-gateway.large.mono {
  background: url(../image/messaging-gateway7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging-gateway.large.inverted {
  background: url(../image/messaging-gateway8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging-log {
  background: url(../image/message-log.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-messaging-log.mono {
  background: url(../image/message-log1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging-log.inverted {
  background: url(../image/message-log2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging-log.small {
  width: 24px;
  height: 24px;
  background: url(../image/message-log3.svg) center center no-repeat
}
.cm-app.cm-app-messaging-log.small.mono {
  background: url(../image/message-log4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging-log.small.inverted {
  background: url(../image/message-log5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging-log.large {
  width: 64px;
  height: 64px;
  background: url(../image/message-log6.svg) center center no-repeat
}
.cm-app.cm-app-messaging-log.large.mono {
  background: url(../image/message-log7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-messaging-log.large.inverted {
  background: url(../image/message-log8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-mobile-charity {
  background: url(../image/geef-mobiel.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-mobile-charity.mono {
  background: url(../image/geef-mobiel1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-mobile-charity.inverted {
  background: url(../image/geef-mobiel2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-mobile-charity.small {
  width: 24px;
  height: 24px;
  background: url(../image/geef-mobiel3.svg) center center no-repeat
}
.cm-app.cm-app-mobile-charity.small.mono {
  background: url(../image/geef-mobiel4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-mobile-charity.small.inverted {
  background: url(../image/geef-mobiel5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-mobile-charity.large {
  width: 64px;
  height: 64px;
  background: url(../image/geef-mobiel6.svg) center center no-repeat
}
.cm-app.cm-app-mobile-charity.large.mono {
  background: url(../image/geef-mobiel7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-mobile-charity.large.inverted {
  background: url(../image/geef-mobiel8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-mobile-order {
  background: url(../image/mobile-order.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-mobile-order.mono {
  background: url(../image/mobile-order1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-mobile-order.inverted {
  background: url(../image/mobile-order2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-mobile-order.small {
  width: 24px;
  height: 24px;
  background: url(../image/mobile-order3.svg) center center no-repeat
}
.cm-app.cm-app-mobile-order.small.mono {
  background: url(../image/mobile-order4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-mobile-order.small.inverted {
  background: url(../image/mobile-order5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-mobile-order.large {
  width: 64px;
  height: 64px;
  background: url(../image/mobile-order6.svg) center center no-repeat
}
.cm-app.cm-app-mobile-order.large.mono {
  background: url(../image/mobile-order7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-mobile-order.large.inverted {
  background: url(../image/mobile-order8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-number-verifier {
  background: url(../image/number-verifier.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-number-verifier.mono {
  background: url(../image/number-verifier1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-number-verifier.inverted {
  background: url(../image/number-verifier2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-number-verifier.small {
  width: 24px;
  height: 24px;
  background: url(../image/number-verifier3.svg) center center no-repeat
}
.cm-app.cm-app-number-verifier.small.mono {
  background: url(../image/number-verifier4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-number-verifier.small.inverted {
  background: url(../image/number-verifier5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-number-verifier.large {
  width: 64px;
  height: 64px;
  background: url(../image/number-verifier6.svg) center center no-repeat
}
.cm-app.cm-app-number-verifier.large.mono {
  background: url(../image/number-verifier7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-number-verifier.large.inverted {
  background: url(../image/number-verifier8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-otp {
  background: url(../image/otp.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-otp.mono {
  background: url(../image/otp1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-otp.inverted {
  background: url(../image/otp2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-otp.small {
  width: 24px;
  height: 24px;
  background: url(../image/otp3.svg) center center no-repeat
}
.cm-app.cm-app-otp.small.mono {
  background: url(../image/otp4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-otp.small.inverted {
  background: url(../image/otp5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-otp.large {
  width: 64px;
  height: 64px;
  background: url(../image/otp6.svg) center center no-repeat
}
.cm-app.cm-app-otp.large.mono {
  background: url(../image/otp7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-otp.large.inverted {
  background: url(../image/otp8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-pages {
  background: url(../image/pages.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-pages.mono {
  background: url(../image/pages1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-pages.inverted {
  background: url(../image/pages2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-pages.small {
  width: 24px;
  height: 24px;
  background: url(../image/pages3.svg) center center no-repeat
}
.cm-app.cm-app-pages.small.mono {
  background: url(../image/pages4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-pages.small.inverted {
  background: url(../image/pages5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-pages.large {
  width: 64px;
  height: 64px;
  background: url(../image/pages6.svg) center center no-repeat
}
.cm-app.cm-app-pages.large.mono {
  background: url(../image/pages7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-pages.large.inverted {
  background: url(../image/pages8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-pages-product-suit {
  background: url(../image/pages.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-pages-product-suit.mono {
  background: url(../image/pages1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-pages-product-suit.inverted {
  background: url(../image/pages2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-pages-product-suit.small {
  width: 24px;
  height: 24px;
  background: url(../image/pages3.svg) center center no-repeat
}
.cm-app.cm-app-pages-product-suit.small.mono {
  background: url(../image/pages4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-pages-product-suit.small.inverted {
  background: url(../image/pages5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-pages-product-suit.large {
  width: 64px;
  height: 64px;
  background: url(../image/pages6.svg) center center no-repeat
}
.cm-app.cm-app-pages-product-suit.large.mono {
  background: url(../image/pages7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-pages-product-suit.large.inverted {
  background: url(../image/pages8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payment-innovations {
  background: url(../image/payment-innovations.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-payment-innovations.mono {
  background: url(../image/payment-innovations1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payment-innovations.inverted {
  background: url(../image/payment-innovations2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payment-innovations.small {
  width: 24px;
  height: 24px;
  background: url(../image/payment-innovations3.svg) center center no-repeat
}
.cm-app.cm-app-payment-innovations.small.mono {
  background: url(../image/payment-innovations4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payment-innovations.small.inverted {
  background: url(../image/payment-innovations5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payment-innovations.large {
  width: 64px;
  height: 64px;
  background: url(../image/payment-innovations6.svg) center center no-repeat
}
.cm-app.cm-app-payment-innovations.large.mono {
  background: url(../image/payment-innovations7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payment-innovations.large.inverted {
  background: url(../image/payment-innovations8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payment-links {
  background: url(../image/payment-links.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-payment-links.mono {
  background: url(../image/payment-links1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payment-links.inverted {
  background: url(../image/payment-links2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payment-links.small {
  width: 24px;
  height: 24px;
  background: url(../image/payment-links3.svg) center center no-repeat
}
.cm-app.cm-app-payment-links.small.mono {
  background: url(../image/payment-links4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payment-links.small.inverted {
  background: url(../image/payment-links5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payment-links.large {
  width: 64px;
  height: 64px;
  background: url(../image/payment-links6.svg) center center no-repeat
}
.cm-app.cm-app-payment-links.large.mono {
  background: url(../image/payment-links7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payment-links.large.inverted {
  background: url(../image/payment-links8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payment-merchant-portal {
  background: url(../image/payment-merchant-portal.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-payment-merchant-portal.mono {
  background: url(../image/payment-merchant-portal1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payment-merchant-portal.inverted {
  background: url(../image/payment-merchant-portal2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payment-merchant-portal.small {
  width: 24px;
  height: 24px;
  background: url(../image/payment-merchant-portal3.svg) center center no-repeat
}
.cm-app.cm-app-payment-merchant-portal.small.mono {
  background: url(../image/payment-merchant-portal4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payment-merchant-portal.small.inverted {
  background: url(../image/payment-merchant-portal5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payment-merchant-portal.large {
  width: 64px;
  height: 64px;
  background: url(../image/payment-merchant-portal6.svg) center center no-repeat
}
.cm-app.cm-app-payment-merchant-portal.large.mono {
  background: url(../image/payment-merchant-portal7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payment-merchant-portal.large.inverted {
  background: url(../image/payment-merchant-portal8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payments {
  background: url(../image/payments.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-payments.mono {
  background: url(../image/payments1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payments.inverted {
  background: url(../image/payments2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payments.small {
  width: 24px;
  height: 24px;
  background: url(../image/payments3.svg) center center no-repeat
}
.cm-app.cm-app-payments.small.mono {
  background: url(../image/payments4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payments.small.inverted {
  background: url(../image/payments5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payments.large {
  width: 64px;
  height: 64px;
  background: url(../image/payments6.svg) center center no-repeat
}
.cm-app.cm-app-payments.large.mono {
  background: url(../image/payments7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-payments.large.inverted {
  background: url(../image/payments8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-platform-features {
  background: url(../image/platform-features.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-platform-features.mono {
  background: url(../image/platform-features1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-platform-features.inverted {
  background: url(../image/platform-features2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-platform-features.small {
  width: 24px;
  height: 24px;
  background: url(../image/platform-features3.svg) center center no-repeat
}
.cm-app.cm-app-platform-features.small.mono {
  background: url(../image/platform-features4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-platform-features.small.inverted {
  background: url(../image/platform-features5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-platform-features.large {
  width: 64px;
  height: 64px;
  background: url(../image/platform-features6.svg) center center no-repeat
}
.cm-app.cm-app-platform-features.large.mono {
  background: url(../image/platform-features7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-platform-features.large.inverted {
  background: url(../image/platform-features8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-pos-terminal {
  background: url(../image/pos-terminal.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-pos-terminal.mono {
  background: url(../image/pos-terminal1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-pos-terminal.inverted {
  background: url(../image/pos-terminal2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-pos-terminal.small {
  width: 24px;
  height: 24px;
  background: url(../image/pos-terminal3.svg) center center no-repeat
}
.cm-app.cm-app-pos-terminal.small.mono {
  background: url(../image/pos-terminal4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-pos-terminal.small.inverted {
  background: url(../image/pos-terminal5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-pos-terminal.large {
  width: 64px;
  height: 64px;
  background: url(../image/pos-terminal6.svg) center center no-repeat
}
.cm-app.cm-app-pos-terminal.large.mono {
  background: url(../image/pos-terminal7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-pos-terminal.large.inverted {
  background: url(../image/pos-terminal8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-push {
  background: url(../image/push.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-push.mono {
  background: url(../image/push1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-push.inverted {
  background: url(../image/push2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-push.small {
  width: 24px;
  height: 24px;
  background: url(../image/push3.svg) center center no-repeat
}
.cm-app.cm-app-push.small.mono {
  background: url(../image/push4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-push.small.inverted {
  background: url(../image/push5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-push.large {
  width: 64px;
  height: 64px;
  background: url(../image/push6.svg) center center no-repeat
}
.cm-app.cm-app-push.large.mono {
  background: url(../image/push7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-push.large.inverted {
  background: url(../image/push8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-seated-ticketing {
  background: url(../image/seated-ticketing.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-seated-ticketing.mono {
  background: url(../image/seated-ticketing1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-seated-ticketing.inverted {
  background: url(../image/seated-ticketing2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-seated-ticketing.small {
  width: 24px;
  height: 24px;
  background: url(../image/seated-ticketing3.svg) center center no-repeat
}
.cm-app.cm-app-seated-ticketing.small.mono {
  background: url(../image/seated-ticketing4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-seated-ticketing.small.inverted {
  background: url(../image/seated-ticketing5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-seated-ticketing.large {
  width: 64px;
  height: 64px;
  background: url(../image/seated-ticketing6.svg) center center no-repeat
}
.cm-app.cm-app-seated-ticketing.large.mono {
  background: url(../image/seated-ticketing7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-seated-ticketing.large.inverted {
  background: url(../image/seated-ticketing8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-seated-ticketing-product-suit {
  background: url(../image/seated-ticketing.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-seated-ticketing-product-suit.mono {
  background: url(../image/seated-ticketing1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-seated-ticketing-product-suit.inverted {
  background: url(../image/seated-ticketing2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-seated-ticketing-product-suit.small {
  width: 24px;
  height: 24px;
  background: url(../image/seated-ticketing3.svg) center center no-repeat
}
.cm-app.cm-app-seated-ticketing-product-suit.small.mono {
  background: url(../image/seated-ticketing4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-seated-ticketing-product-suit.small.inverted {
  background: url(../image/seated-ticketing5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-seated-ticketing-product-suit.large {
  width: 64px;
  height: 64px;
  background: url(../image/seated-ticketing6.svg) center center no-repeat
}
.cm-app.cm-app-seated-ticketing-product-suit.large.mono {
  background: url(../image/seated-ticketing7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-seated-ticketing-product-suit.large.inverted {
  background: url(../image/seated-ticketing8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sign {
  background: url(../image/sign.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-sign.mono {
  background: url(../image/sign1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sign.inverted {
  background: url(../image/sign2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sign.small {
  width: 24px;
  height: 24px;
  background: url(../image/sign3.svg) center center no-repeat
}
.cm-app.cm-app-sign.small.mono {
  background: url(../image/sign4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sign.small.inverted {
  background: url(../image/sign5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sign.large {
  width: 64px;
  height: 64px;
  background: url(../image/sign6.svg) center center no-repeat
}
.cm-app.cm-app-sign.large.mono {
  background: url(../image/sign7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sign.large.inverted {
  background: url(../image/sign8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sign-product-suit {
  background: url(../image/sign.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-sign-product-suit.mono {
  background: url(../image/sign1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sign-product-suit.inverted {
  background: url(../image/sign2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sign-product-suit.small {
  width: 24px;
  height: 24px;
  background: url(../image/sign3.svg) center center no-repeat
}
.cm-app.cm-app-sign-product-suit.small.mono {
  background: url(../image/sign4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sign-product-suit.small.inverted {
  background: url(../image/sign5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sign-product-suit.large {
  width: 64px;
  height: 64px;
  background: url(../image/sign6.svg) center center no-repeat
}
.cm-app.cm-app-sign-product-suit.large.mono {
  background: url(../image/sign7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sign-product-suit.large.inverted {
  background: url(../image/sign8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sip-trunking {
  background: url(../image/sip-trunking.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-sip-trunking.mono {
  background: url(../image/sip-trunking1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sip-trunking.inverted {
  background: url(../image/sip-trunking2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sip-trunking.small {
  width: 24px;
  height: 24px;
  background: url(../image/sip-trunking3.svg) center center no-repeat
}
.cm-app.cm-app-sip-trunking.small.mono {
  background: url(../image/sip-trunking4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sip-trunking.small.inverted {
  background: url(../image/sip-trunking5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sip-trunking.large {
  width: 64px;
  height: 64px;
  background: url(../image/sip-trunking6.svg) center center no-repeat
}
.cm-app.cm-app-sip-trunking.large.mono {
  background: url(../image/sip-trunking7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sip-trunking.large.inverted {
  background: url(../image/sip-trunking8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sms {
  background: url(../image/sms.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-sms.mono {
  background: url(../image/sms1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sms.inverted {
  background: url(../image/sms2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sms.small {
  width: 24px;
  height: 24px;
  background: url(../image/sms3.svg) center center no-repeat
}
.cm-app.cm-app-sms.small.mono {
  background: url(../image/sms4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sms.small.inverted {
  background: url(../image/sms5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sms.large {
  width: 64px;
  height: 64px;
  background: url(../image/sms6.svg) center center no-repeat
}
.cm-app.cm-app-sms.large.mono {
  background: url(../image/sms7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sms.large.inverted {
  background: url(../image/sms8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sunmi {
  background: url(../image/sunmi.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-sunmi.mono {
  background: url(../image/sunmi1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sunmi.inverted {
  background: url(../image/sunmi2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sunmi.small {
  width: 24px;
  height: 24px;
  background: url(../image/sunmi3.svg) center center no-repeat
}
.cm-app.cm-app-sunmi.small.mono {
  background: url(../image/sunmi4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sunmi.small.inverted {
  background: url(../image/sunmi5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sunmi.large {
  width: 64px;
  height: 64px;
  background: url(../image/sunmi6.svg) center center no-repeat
}
.cm-app.cm-app-sunmi.large.mono {
  background: url(../image/sunmi7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-sunmi.large.inverted {
  background: url(../image/sunmi8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-texter {
  background: url(../image/texter.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-texter.mono {
  background: url(../image/texter1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-texter.inverted {
  background: url(../image/texter2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-texter.small {
  width: 24px;
  height: 24px;
  background: url(../image/texter3.svg) center center no-repeat
}
.cm-app.cm-app-texter.small.mono {
  background: url(../image/texter4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-texter.small.inverted {
  background: url(../image/texter5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-texter.large {
  width: 64px;
  height: 64px;
  background: url(../image/texter6.svg) center center no-repeat
}
.cm-app.cm-app-texter.large.mono {
  background: url(../image/texter7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-texter.large.inverted {
  background: url(../image/texter8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-ticketing {
  background: url(../image/ticketing.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-ticketing.mono {
  background: url(../image/ticketing1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-ticketing.inverted {
  background: url(../image/ticketing2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-ticketing.small {
  width: 24px;
  height: 24px;
  background: url(../image/ticketing3.svg) center center no-repeat
}
.cm-app.cm-app-ticketing.small.mono {
  background: url(../image/ticketing4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-ticketing.small.inverted {
  background: url(../image/ticketing5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-ticketing.large {
  width: 64px;
  height: 64px;
  background: url(../image/ticketing6.svg) center center no-repeat
}
.cm-app.cm-app-ticketing.large.mono {
  background: url(../image/ticketing7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-ticketing.large.inverted {
  background: url(../image/ticketing8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-ticketing-product-suit {
  background: url(../image/ticketing.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-ticketing-product-suit.mono {
  background: url(../image/ticketing1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-ticketing-product-suit.inverted {
  background: url(../image/ticketing2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-ticketing-product-suit.small {
  width: 24px;
  height: 24px;
  background: url(../image/ticketing3.svg) center center no-repeat
}
.cm-app.cm-app-ticketing-product-suit.small.mono {
  background: url(../image/ticketing4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-ticketing-product-suit.small.inverted {
  background: url(../image/ticketing5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-ticketing-product-suit.large {
  width: 64px;
  height: 64px;
  background: url(../image/ticketing6.svg) center center no-repeat
}
.cm-app.cm-app-ticketing-product-suit.large.mono {
  background: url(../image/ticketing7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-ticketing-product-suit.large.inverted {
  background: url(../image/ticketing8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-tracedock {
  background: url(../image/tracedock.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-tracedock.mono {
  background: url(../image/tracedock1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-tracedock.inverted {
  background: url(../image/tracedock2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-tracedock.small {
  width: 24px;
  height: 24px;
  background: url(../image/tracedock3.svg) center center no-repeat
}
.cm-app.cm-app-tracedock.small.mono {
  background: url(../image/tracedock4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-tracedock.small.inverted {
  background: url(../image/tracedock5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-tracedock.large {
  width: 64px;
  height: 64px;
  background: url(../image/tracedock6.svg) center center no-repeat
}
.cm-app.cm-app-tracedock.large.mono {
  background: url(../image/tracedock7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-tracedock.large.inverted {
  background: url(../image/tracedock8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-unknown {
  background: url(../image/unknown.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-unknown.mono {
  background: url(../image/unknown1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-unknown.inverted {
  background: url(../image/unknown2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-unknown.small {
  width: 24px;
  height: 24px;
  background: url(../image/unknown3.svg) center center no-repeat
}
.cm-app.cm-app-unknown.small.mono {
  background: url(../image/unknown4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-unknown.small.inverted {
  background: url(../image/unknown5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-unknown.large {
  width: 64px;
  height: 64px;
  background: url(../image/unknown6.svg) center center no-repeat
}
.cm-app.cm-app-unknown.large.mono {
  background: url(../image/unknown7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-unknown.large.inverted {
  background: url(../image/unknown8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-uptime-monitor {
  background: url(../image/uptime-monitor.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-uptime-monitor.mono {
  background: url(../image/uptime-monitor1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-uptime-monitor.inverted {
  background: url(../image/uptime-monitor2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-uptime-monitor.small {
  width: 24px;
  height: 24px;
  background: url(../image/uptime-monitor3.svg) center center no-repeat
}
.cm-app.cm-app-uptime-monitor.small.mono {
  background: url(../image/uptime-monitor4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-uptime-monitor.small.inverted {
  background: url(../image/uptime-monitor5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-uptime-monitor.large {
  width: 64px;
  height: 64px;
  background: url(../image/uptime-monitor6.svg) center center no-repeat
}
.cm-app.cm-app-uptime-monitor.large.mono {
  background: url(../image/uptime-monitor7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-uptime-monitor.large.inverted {
  background: url(../image/uptime-monitor8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice {
  background: url(../image/voice.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-voice.mono {
  background: url(../image/voice1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice.inverted {
  background: url(../image/voice2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice.small {
  width: 24px;
  height: 24px;
  background: url(../image/voice3.svg) center center no-repeat
}
.cm-app.cm-app-voice.small.mono {
  background: url(../image/voice4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice.small.inverted {
  background: url(../image/voice5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice.large {
  width: 64px;
  height: 64px;
  background: url(../image/voice6.svg) center center no-repeat
}
.cm-app.cm-app-voice.large.mono {
  background: url(../image/voice7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice.large.inverted {
  background: url(../image/voice8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-analytics {
  background: url(../image/voice-analytics.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-voice-analytics.mono {
  background: url(../image/voice-analytics1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-analytics.inverted {
  background: url(../image/voice-analytics2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-analytics.small {
  width: 24px;
  height: 24px;
  background: url(../image/voice-analytics3.svg) center center no-repeat
}
.cm-app.cm-app-voice-analytics.small.mono {
  background: url(../image/voice-analytics4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-analytics.small.inverted {
  background: url(../image/voice-analytics5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-analytics.large {
  width: 64px;
  height: 64px;
  background: url(../image/voice-analytics6.svg) center center no-repeat
}
.cm-app.cm-app-voice-analytics.large.mono {
  background: url(../image/voice-analytics7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-analytics.large.inverted {
  background: url(../image/voice-analytics8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-campaigns {
  background: url(../image/voice-campaigns.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-voice-campaigns.mono {
  background: url(../image/voice-campaigns1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-campaigns.inverted {
  background: url(../image/voice-campaigns2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-campaigns.small {
  width: 24px;
  height: 24px;
  background: url(../image/voice-campaigns3.svg) center center no-repeat
}
.cm-app.cm-app-voice-campaigns.small.mono {
  background: url(../image/voice-campaigns4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-campaigns.small.inverted {
  background: url(../image/voice-campaigns5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-campaigns.large {
  width: 64px;
  height: 64px;
  background: url(../image/voice-campaigns6.svg) center center no-repeat
}
.cm-app.cm-app-voice-campaigns.large.mono {
  background: url(../image/voice-campaigns7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-campaigns.large.inverted {
  background: url(../image/voice-campaigns8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-campaigns-product-suit {
  background: url(../image/voice-campaigns.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-voice-campaigns-product-suit.mono {
  background: url(../image/voice-campaigns1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-campaigns-product-suit.inverted {
  background: url(../image/voice-campaigns2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-campaigns-product-suit.small {
  width: 24px;
  height: 24px;
  background: url(../image/voice-campaigns3.svg) center center no-repeat
}
.cm-app.cm-app-voice-campaigns-product-suit.small.mono {
  background: url(../image/voice-campaigns4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-campaigns-product-suit.small.inverted {
  background: url(../image/voice-campaigns5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-campaigns-product-suit.large {
  width: 64px;
  height: 64px;
  background: url(../image/voice-campaigns6.svg) center center no-repeat
}
.cm-app.cm-app-voice-campaigns-product-suit.large.mono {
  background: url(../image/voice-campaigns7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-campaigns-product-suit.large.inverted {
  background: url(../image/voice-campaigns8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-management {
  background: url(../image/voice-management.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-voice-management.mono {
  background: url(../image/voice-management1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-management.inverted {
  background: url(../image/voice-management2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-management.small {
  width: 24px;
  height: 24px;
  background: url(../image/voice-management3.svg) center center no-repeat
}
.cm-app.cm-app-voice-management.small.mono {
  background: url(../image/voice-management4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-management.small.inverted {
  background: url(../image/voice-management5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-management.large {
  width: 64px;
  height: 64px;
  background: url(../image/voice-management6.svg) center center no-repeat
}
.cm-app.cm-app-voice-management.large.mono {
  background: url(../image/voice-management7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-management.large.inverted {
  background: url(../image/voice-management8.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-numbers {
  background: url(../image/voice-numbers.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-voice-numbers.mono {
  background: url(../image/voice-numbers1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-numbers.inverted {
  background: url(../image/voice-numbers2.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-numbers.small {
  width: 24px;
  height: 24px;
  background: url(../image/voice-numbers3.svg) center center no-repeat
}
.cm-app.cm-app-voice-numbers.small.mono {
  background: url(../image/voice-numbers4.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-numbers.small.inverted {
  background: url(../image/voice-numbers5.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-numbers.large {
  width: 64px;
  height: 64px;
  background: url(../image/voice-numbers6.svg) center center no-repeat
}
.cm-app.cm-app-voice-numbers.large.mono {
  background: url(../image/voice-numbers7.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-voice-numbers.large.inverted {
  background: url(../image/voice-numbers8.svg) center center no-repeat;
  background-size: contain
}
.author {
  color: var(--black-25)
}
cm-badge .badge {
  right: auto;
  transform: none;
  position: fixed
}
.cm-flag > .badge {
  transform: translate(25%, -25%)
}
.cm-flag > .badge.bottom-right {
  transform: translate(25%, 25%)
}
.cm-flag > .badge.top-left {
  transform: translate(-25%, -25%)
}
.cm-flag > .badge.bottom-left {
  transform: translate(-25%, 25%)
}
.flex-status-badge {
  flex: 1 0 8px
}
.badge {
  border-radius: 20px;
  min-width: 24px;
  height: 24px;
  line-height: 8px;
  text-align: center;
  padding: 6px;
  font-weight: 500;
  border: 2px solid var(--background);
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%)
}
.badge:not([class*=cl-]) {
  color: var(--default-color-inverse)
}
.badge.small {
  min-width: 16px;
  height: 16px;
  top: 2px;
  right: 2px
}
.badge.tab {
  min-width: 20px;
  height: 20px;
  top: 0;
  right: 1px;
  line-height: 12px;
  font-weight: 400;
  font-size: 12px;
  padding: 2px 4px;
  transform: translate(100%, 0%);
  background-color: var(--tab-header-default-badge-color)
}
.badge.tab.top-icon {
  top: -14px;
  right: 6px
}
.badge.tab.dot {
  min-width: 4px;
  height: 4px;
  top: 8px;
  right: 2px;
  padding: 2px
}
.badge.tab.dot.top-icon {
  top: 0;
  right: 2px
}
.badge.tab .cm-icon {
  position: absolute;
  font-size: 12px;
  top: 2px;
  left: 2px
}
.badge.tab.disabled {
  background-color: var(--tab-header-disabled-badge-color)
}
.badge.tab.information {
  background-color: var(--tab-header-information-badge-color)
}
.badge.tab.warning {
  background-color: var(--tab-header-warning-badge-color)
}
.badge.tab.error {
  background-color: var(--tab-header-error-badge-color)
}
.badge.tab.success {
  background-color: var(--tab-header-success-badge-color)
}
.badge.middle-right {
  transform: translate(100%, -50%);
  top: 50%
}
.badge.bottom-right {
  transform: translate(50%, 50%);
  top: auto;
  bottom: 0
}
.badge.bottom-right.small {
  bottom: 6px;
  right: 6px
}
.badge.top-left {
  transform: translate(-50%, -50%);
  right: auto;
  left: 0
}
.badge.top-left.small {
  left: 2px
}
.badge.middle-left {
  transform: translate(-100%, -50%);
  right: auto;
  left: 0;
  top: 50%
}
.badge.bottom-left {
  transform: translate(-50%, 50%);
  right: auto;
  top: auto;
  left: 0;
  bottom: 0
}
.badge.bottom-left.small {
  bottom: 6px;
  left: 6px
}
.badge .cm-icon {
  position: absolute;
  font-size: 16px;
  top: -2px;
  left: -2px
}
.badge .cm-channel {
  position: absolute;
  left: -6px;
  top: -6px;
  transform: scale(.5)
}
.status-badge {
  width: 8px;
  height: 8px;
  margin-right: 12px;
  border-radius: 50%;
  display: block;
  margin-top: 18px;
  background-color: var(--default-background)
}
.status-badge.sidenav {
  margin-top: 6px;
  flex: none !important
}
.status-badge.sidenav:hover {
  transform: scale(1.1)
}
.status-badge.active {
  background-color: var(--green-100)
}
.status-badge.inactive {
  background-color: var(--red-100)
}
.status-badge.warning {
  background-color: var(--orange-100)
}
cm-backdrop > .backdrop {
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999997;
  background-color: rgba(var(--backdrop), 0.8);
  transition: opacity .25s;
  pointer-events: none
}
.close {
  padding: 0;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: var(--black-100);
  opacity: .5
}
.close:focus, .close.pseudo-state-focus, .close:active, .close.pseudo-state-active, .close:hover, .close.pseudo-state-hover, .close:disabled, .close.pseudo-state-disabled {
  outline: 0;
  box-shadow: none;
  cursor: pointer;
  opacity: .75
}
cm-button .btn.large {
  font-size: 16px;
  height: 48px
}
cm-button .btn.small {
  font-size: 12px;
  height: 32px;
  line-height: 18px
}
.btn {
  font-family: var(--font-family-base), sans-serif;
  font-size: 14px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 48px;
  font-weight: 500;
  font-style: normal;
  line-height: 24px
}
.btn.btn-primary, .btn.btn-secondary, .btn.btn-cta, .btn.btn-ghost {
  padding: 8px 16px;
  position: relative
}
.btn.btn-primary.large, .btn.btn-secondary.large, .btn.btn-cta.large, .btn.btn-ghost.large {
  height: 48px;
  min-width: 48px
}
.btn.btn-primary.large > cm-indicator > .loader-mini-spinner, .btn.btn-secondary.large > cm-indicator > .loader-mini-spinner, .btn.btn-cta.large > cm-indicator > .loader-mini-spinner, .btn.btn-ghost.large > cm-indicator > .loader-mini-spinner {
  content: "";
  height: 27px;
  width: 27px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  margin: auto
}
.btn.btn-primary.medium, .btn.btn-secondary.medium, .btn.btn-cta.medium, .btn.btn-ghost.medium {
  height: 40px;
  min-width: 40px
}
.btn.btn-primary.medium > cm-indicator > .loader-mini-spinner, .btn.btn-secondary.medium > cm-indicator > .loader-mini-spinner, .btn.btn-cta.medium > cm-indicator > .loader-mini-spinner, .btn.btn-ghost.medium > cm-indicator > .loader-mini-spinner {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  margin: auto
}
.btn.btn-primary.small, .btn.btn-secondary.small, .btn.btn-cta.small, .btn.btn-ghost.small {
  height: 32px;
  min-width: 32px;
  line-height: 16px
}
.btn.btn-primary.small > cm-indicator > .loader-mini-spinner, .btn.btn-secondary.small > cm-indicator > .loader-mini-spinner, .btn.btn-cta.small > cm-indicator > .loader-mini-spinner, .btn.btn-ghost.small > cm-indicator > .loader-mini-spinner {
  content: "";
  height: 17px;
  width: 17px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  margin: auto
}
.btn.btn-primary.loading > span, .btn.btn-secondary.loading > span, .btn.btn-cta.loading > span, .btn.btn-ghost.loading > span {
  visibility: hidden
}
.btn.btn-ghost {
  padding: 6px 16px
}
.btn.btn-icon, .btn.btn-cta-icon, .btn.btn-primary-icon, .btn.btn-secondary-icon, .btn.btn-ghost-icon, .btn.btn-secondary-icon-inverted {
  font-size: 24px;
  border: none;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  padding-top: 2px;
  position: relative
}
.btn.btn-icon.large, .btn.btn-cta-icon.large, .btn.btn-primary-icon.large, .btn.btn-secondary-icon.large, .btn.btn-ghost-icon.large, .btn.btn-secondary-icon-inverted.large {
  font-size: 32px;
  width: 48px;
  height: 48px;
  padding-top: initial
}
.btn.btn-icon.large > span.cm-icon, .btn.btn-icon.large > span.cm-channel, .btn.btn-icon.large > span.cm-tool, .btn.btn-cta-icon.large > span.cm-icon, .btn.btn-cta-icon.large > span.cm-channel, .btn.btn-cta-icon.large > span.cm-tool, .btn.btn-primary-icon.large > span.cm-icon, .btn.btn-primary-icon.large > span.cm-channel, .btn.btn-primary-icon.large > span.cm-tool, .btn.btn-secondary-icon.large > span.cm-icon, .btn.btn-secondary-icon.large > span.cm-channel, .btn.btn-secondary-icon.large > span.cm-tool, .btn.btn-ghost-icon.large > span.cm-icon, .btn.btn-ghost-icon.large > span.cm-channel, .btn.btn-ghost-icon.large > span.cm-tool, .btn.btn-secondary-icon-inverted.large > span.cm-icon, .btn.btn-secondary-icon-inverted.large > span.cm-channel, .btn.btn-secondary-icon-inverted.large > span.cm-tool {
  font-size: 32px
}
.btn.btn-icon.large > cm-indicator > .loader-mini-spinner, .btn.btn-cta-icon.large > cm-indicator > .loader-mini-spinner, .btn.btn-primary-icon.large > cm-indicator > .loader-mini-spinner, .btn.btn-secondary-icon.large > cm-indicator > .loader-mini-spinner, .btn.btn-ghost-icon.large > cm-indicator > .loader-mini-spinner, .btn.btn-secondary-icon-inverted.large > cm-indicator > .loader-mini-spinner {
  height: 28px;
  width: 28px;
  top: 10px;
  left: 10px;
  position: absolute
}
.btn.btn-icon.medium > cm-indicator > .loader-mini-spinner, .btn.btn-cta-icon.medium > cm-indicator > .loader-mini-spinner, .btn.btn-primary-icon.medium > cm-indicator > .loader-mini-spinner, .btn.btn-secondary-icon.medium > cm-indicator > .loader-mini-spinner, .btn.btn-ghost-icon.medium > cm-indicator > .loader-mini-spinner, .btn.btn-secondary-icon-inverted.medium > cm-indicator > .loader-mini-spinner {
  top: 10px;
  left: 10px;
  position: absolute
}
.btn.btn-icon.small, .btn.btn-cta-icon.small, .btn.btn-primary-icon.small, .btn.btn-secondary-icon.small, .btn.btn-ghost-icon.small, .btn.btn-secondary-icon-inverted.small {
  font-size: 20px;
  width: 32px;
  height: 32px
}
.btn.btn-icon.small > span.cm-icon, .btn.btn-icon.small > span.cm-channel, .btn.btn-icon.small > span.cm-tool, .btn.btn-cta-icon.small > span.cm-icon, .btn.btn-cta-icon.small > span.cm-channel, .btn.btn-cta-icon.small > span.cm-tool, .btn.btn-primary-icon.small > span.cm-icon, .btn.btn-primary-icon.small > span.cm-channel, .btn.btn-primary-icon.small > span.cm-tool, .btn.btn-secondary-icon.small > span.cm-icon, .btn.btn-secondary-icon.small > span.cm-channel, .btn.btn-secondary-icon.small > span.cm-tool, .btn.btn-ghost-icon.small > span.cm-icon, .btn.btn-ghost-icon.small > span.cm-channel, .btn.btn-ghost-icon.small > span.cm-tool, .btn.btn-secondary-icon-inverted.small > span.cm-icon, .btn.btn-secondary-icon-inverted.small > span.cm-channel, .btn.btn-secondary-icon-inverted.small > span.cm-tool {
  font-size: 20px
}
.btn.btn-icon.small > cm-indicator > .loader-mini-spinner, .btn.btn-cta-icon.small > cm-indicator > .loader-mini-spinner, .btn.btn-primary-icon.small > cm-indicator > .loader-mini-spinner, .btn.btn-secondary-icon.small > cm-indicator > .loader-mini-spinner, .btn.btn-ghost-icon.small > cm-indicator > .loader-mini-spinner, .btn.btn-secondary-icon-inverted.small > cm-indicator > .loader-mini-spinner {
  height: 18px;
  width: 18px;
  top: 7px;
  left: 7px;
  position: absolute
}
.btn.btn-ghost-icon.large > cm-indicator > .loader-mini-spinner {
  top: 8px;
  left: 8px
}
.btn.btn-ghost-icon.medium > cm-indicator > .loader-mini-spinner {
  top: 8px;
  left: 8px
}
.btn.btn-ghost-icon.small > cm-indicator > .loader-mini-spinner {
  top: 5px;
  left: 5px
}
.btn.btn-cta-icon-text, .btn.btn-primary-icon-text, .btn.btn-secondary-icon-text, .btn.btn-ghost-icon-text {
  height: 40px;
  padding: 0 8px;
  position: relative
}
.btn.btn-cta-icon-text.large, .btn.btn-primary-icon-text.large, .btn.btn-secondary-icon-text.large, .btn.btn-ghost-icon-text.large {
  height: 48px
}
.btn.btn-cta-icon-text.large > span.cm-icon, .btn.btn-cta-icon-text.large > span.cm-channel, .btn.btn-cta-icon-text.large > span.cm-tool, .btn.btn-primary-icon-text.large > span.cm-icon, .btn.btn-primary-icon-text.large > span.cm-channel, .btn.btn-primary-icon-text.large > span.cm-tool, .btn.btn-secondary-icon-text.large > span.cm-icon, .btn.btn-secondary-icon-text.large > span.cm-channel, .btn.btn-secondary-icon-text.large > span.cm-tool, .btn.btn-ghost-icon-text.large > span.cm-icon, .btn.btn-ghost-icon-text.large > span.cm-channel, .btn.btn-ghost-icon-text.large > span.cm-tool {
  font-size: 32px
}
.btn.btn-cta-icon-text.large > span:not(.cm-icon):not(.cm-channel):not(.cm-tool), .btn.btn-primary-icon-text.large > span:not(.cm-icon):not(.cm-channel):not(.cm-tool), .btn.btn-secondary-icon-text.large > span:not(.cm-icon):not(.cm-channel):not(.cm-tool), .btn.btn-ghost-icon-text.large > span:not(.cm-icon):not(.cm-channel):not(.cm-tool) {
  padding-right: 8px;
  padding-left: 40px
}
.btn.btn-cta-icon-text.large > span:not(.cm-icon):not(.cm-channel):not(.cm-tool).rtl, .btn.btn-primary-icon-text.large > span:not(.cm-icon):not(.cm-channel):not(.cm-tool).rtl, .btn.btn-secondary-icon-text.large > span:not(.cm-icon):not(.cm-channel):not(.cm-tool).rtl, .btn.btn-ghost-icon-text.large > span:not(.cm-icon):not(.cm-channel):not(.cm-tool).rtl {
  padding-right: 40px;
  padding-left: 8px
}
.btn.btn-cta-icon-text.large > cm-indicator > .loader-mini-spinner, .btn.btn-primary-icon-text.large > cm-indicator > .loader-mini-spinner, .btn.btn-secondary-icon-text.large > cm-indicator > .loader-mini-spinner, .btn.btn-ghost-icon-text.large > cm-indicator > .loader-mini-spinner {
  height: 28px;
  width: 28px;
  top: 10px;
  position: absolute
}
.btn.btn-cta-icon-text.large:not(.rtl) > cm-indicator > .loader-mini-spinner, .btn.btn-primary-icon-text.large:not(.rtl) > cm-indicator > .loader-mini-spinner, .btn.btn-secondary-icon-text.large:not(.rtl) > cm-indicator > .loader-mini-spinner, .btn.btn-ghost-icon-text.large:not(.rtl) > cm-indicator > .loader-mini-spinner {
  left: 10px
}
.btn.btn-cta-icon-text.large.rtl > cm-indicator > .loader-mini-spinner, .btn.btn-primary-icon-text.large.rtl > cm-indicator > .loader-mini-spinner, .btn.btn-secondary-icon-text.large.rtl > cm-indicator > .loader-mini-spinner, .btn.btn-ghost-icon-text.large.rtl > cm-indicator > .loader-mini-spinner {
  right: 10px
}
.btn.btn-cta-icon-text.medium > cm-indicator > .loader-mini-spinner, .btn.btn-primary-icon-text.medium > cm-indicator > .loader-mini-spinner, .btn.btn-secondary-icon-text.medium > cm-indicator > .loader-mini-spinner, .btn.btn-ghost-icon-text.medium > cm-indicator > .loader-mini-spinner {
  top: 10px;
  position: absolute
}
.btn.btn-cta-icon-text.medium:not(.rtl) > cm-indicator > .loader-mini-spinner, .btn.btn-primary-icon-text.medium:not(.rtl) > cm-indicator > .loader-mini-spinner, .btn.btn-secondary-icon-text.medium:not(.rtl) > cm-indicator > .loader-mini-spinner, .btn.btn-ghost-icon-text.medium:not(.rtl) > cm-indicator > .loader-mini-spinner {
  left: 10px
}
.btn.btn-cta-icon-text.medium.rtl > cm-indicator > .loader-mini-spinner, .btn.btn-primary-icon-text.medium.rtl > cm-indicator > .loader-mini-spinner, .btn.btn-secondary-icon-text.medium.rtl > cm-indicator > .loader-mini-spinner, .btn.btn-ghost-icon-text.medium.rtl > cm-indicator > .loader-mini-spinner {
  right: 10px
}
.btn.btn-cta-icon-text.small, .btn.btn-primary-icon-text.small, .btn.btn-secondary-icon-text.small, .btn.btn-ghost-icon-text.small {
  padding: 0 6px;
  height: 32px
}
.btn.btn-cta-icon-text.small > span.cm-icon, .btn.btn-cta-icon-text.small > span.cm-channel, .btn.btn-cta-icon-text.small > span.cm-tool, .btn.btn-primary-icon-text.small > span.cm-icon, .btn.btn-primary-icon-text.small > span.cm-channel, .btn.btn-primary-icon-text.small > span.cm-tool, .btn.btn-secondary-icon-text.small > span.cm-icon, .btn.btn-secondary-icon-text.small > span.cm-channel, .btn.btn-secondary-icon-text.small > span.cm-tool, .btn.btn-ghost-icon-text.small > span.cm-icon, .btn.btn-ghost-icon-text.small > span.cm-channel, .btn.btn-ghost-icon-text.small > span.cm-tool {
  font-size: 20px;
  top: 6px
}
.btn.btn-cta-icon-text.small > span:not(.cm-icon):not(.cm-channel):not(.cm-tool), .btn.btn-primary-icon-text.small > span:not(.cm-icon):not(.cm-channel):not(.cm-tool), .btn.btn-secondary-icon-text.small > span:not(.cm-icon):not(.cm-channel):not(.cm-tool), .btn.btn-ghost-icon-text.small > span:not(.cm-icon):not(.cm-channel):not(.cm-tool) {
  padding-right: 8px;
  padding-left: 24px
}
.btn.btn-cta-icon-text.small > span:not(.cm-icon):not(.cm-channel):not(.cm-tool).rtl, .btn.btn-primary-icon-text.small > span:not(.cm-icon):not(.cm-channel):not(.cm-tool).rtl, .btn.btn-secondary-icon-text.small > span:not(.cm-icon):not(.cm-channel):not(.cm-tool).rtl, .btn.btn-ghost-icon-text.small > span:not(.cm-icon):not(.cm-channel):not(.cm-tool).rtl {
  padding-right: 24px;
  padding-left: 8px
}
.btn.btn-cta-icon-text.small > cm-indicator > .loader-mini-spinner, .btn.btn-primary-icon-text.small > cm-indicator > .loader-mini-spinner, .btn.btn-secondary-icon-text.small > cm-indicator > .loader-mini-spinner, .btn.btn-ghost-icon-text.small > cm-indicator > .loader-mini-spinner {
  height: 18px;
  width: 18px;
  top: 7px;
  position: absolute
}
.btn.btn-cta-icon-text.small:not(.rtl) > cm-indicator > .loader-mini-spinner, .btn.btn-primary-icon-text.small:not(.rtl) > cm-indicator > .loader-mini-spinner, .btn.btn-secondary-icon-text.small:not(.rtl) > cm-indicator > .loader-mini-spinner, .btn.btn-ghost-icon-text.small:not(.rtl) > cm-indicator > .loader-mini-spinner {
  left: 7px
}
.btn.btn-cta-icon-text.small.rtl > cm-indicator > .loader-mini-spinner, .btn.btn-primary-icon-text.small.rtl > cm-indicator > .loader-mini-spinner, .btn.btn-secondary-icon-text.small.rtl > cm-indicator > .loader-mini-spinner, .btn.btn-ghost-icon-text.small.rtl > cm-indicator > .loader-mini-spinner {
  right: 7px
}
.btn.btn-cta-icon-text > span.cm-icon, .btn.btn-cta-icon-text > span.cm-channel, .btn.btn-cta-icon-text > span.cm-tool, .btn.btn-primary-icon-text > span.cm-icon, .btn.btn-primary-icon-text > span.cm-channel, .btn.btn-primary-icon-text > span.cm-tool, .btn.btn-secondary-icon-text > span.cm-icon, .btn.btn-secondary-icon-text > span.cm-channel, .btn.btn-secondary-icon-text > span.cm-tool, .btn.btn-ghost-icon-text > span.cm-icon, .btn.btn-ghost-icon-text > span.cm-channel, .btn.btn-ghost-icon-text > span.cm-tool {
  font-size: 24px;
  top: 8px;
  position: absolute
}
.btn.btn-cta-icon-text > span.cm-icon.rtl, .btn.btn-cta-icon-text > span.cm-channel.rtl, .btn.btn-cta-icon-text > span.cm-tool.rtl, .btn.btn-primary-icon-text > span.cm-icon.rtl, .btn.btn-primary-icon-text > span.cm-channel.rtl, .btn.btn-primary-icon-text > span.cm-tool.rtl, .btn.btn-secondary-icon-text > span.cm-icon.rtl, .btn.btn-secondary-icon-text > span.cm-channel.rtl, .btn.btn-secondary-icon-text > span.cm-tool.rtl, .btn.btn-ghost-icon-text > span.cm-icon.rtl, .btn.btn-ghost-icon-text > span.cm-channel.rtl, .btn.btn-ghost-icon-text > span.cm-tool.rtl {
  right: 8px
}
.btn.btn-cta-icon-text > span:not(.cm-icon):not(.cm-channel):not(.cm-tool), .btn.btn-primary-icon-text > span:not(.cm-icon):not(.cm-channel):not(.cm-tool), .btn.btn-secondary-icon-text > span:not(.cm-icon):not(.cm-channel):not(.cm-tool), .btn.btn-ghost-icon-text > span:not(.cm-icon):not(.cm-channel):not(.cm-tool) {
  padding-right: 8px;
  padding-left: 32px;
  line-height: 24px;
  display: inline-table
}
.btn.btn-cta-icon-text > span:not(.cm-icon):not(.cm-channel):not(.cm-tool).rtl, .btn.btn-primary-icon-text > span:not(.cm-icon):not(.cm-channel):not(.cm-tool).rtl, .btn.btn-secondary-icon-text > span:not(.cm-icon):not(.cm-channel):not(.cm-tool).rtl, .btn.btn-ghost-icon-text > span:not(.cm-icon):not(.cm-channel):not(.cm-tool).rtl {
  padding-right: 32px;
  padding-left: 8px;
  line-height: 24px;
  display: inline-table
}
.btn.btn-ghost-icon-text > span.cm-icon, .btn.btn-ghost-icon-text > span.cm-channel, .btn.btn-ghost-icon-text > span.cm-tool {
  top: 6px
}
.btn.btn-ghost-icon-text.large > cm-indicator > .loader-mini-spinner {
  top: 7px
}
.btn.btn-ghost-icon-text.large:not(.rtl) > cm-indicator > .loader-mini-spinner {
  left: 7px
}
.btn.btn-ghost-icon-text.large.rtl > cm-indicator > .loader-mini-spinner {
  right: 7px
}
.btn.btn-ghost-icon-text.medium > cm-indicator > .loader-mini-spinner {
  top: 8px
}
.btn.btn-ghost-icon-text.medium:not(.rtl) {
  left: 8px
}
.btn.btn-ghost-icon-text.medium.rtl {
  right: 8px
}
.btn.btn-ghost-icon-text.small > .cm-icon {
  top: 4px !important
}
.btn.btn-ghost-icon-text.small:not(.rtl) > .cm-icon {
  left: 4px !important
}
.btn.btn-ghost-icon-text.small.rtl > .cm-icon {
  right: 4px !important
}
.btn.btn-ghost-icon-text.small > cm-indicator > .loader-mini-spinner {
  top: 5px
}
.btn.btn-ghost-icon-text.small:not(.rtl) > cm-indicator > .loader-mini-spinner {
  left: 5px
}
.btn.btn-ghost-icon-text.small.rtl > cm-indicator > .loader-mini-spinner {
  right: 5px
}
.btn:focus, .btn.pseudo-state-focus, .btn:active, .btn.pseudo-state-active, .btn:hover, .btn.pseudo-state-hover, .btn:disabled {
  outline: 0;
  cursor: pointer;
  border: none
}
.btn:not(:disabled):active, .btn.pseudo-state-active {
  transform: scale(.98)
}
.btn.btn-cta {
  border: none;
  opacity: 1
}
.btn.btn-cta cm-indicator[data-type=apple] .circular-chart .circle {
  stroke: var(--mini-spinner-btn-cta-color)
}
.btn.btn-cta:not([class*=cl-]) {
  color: var(--white)
}
.btn.btn-cta:not([class*=bg-]) {
  background: var(--blue-110)
}
.btn.btn-cta:hover, .btn.btn-cta.pseudo-state-hover {
  border: none;
  box-shadow: var(--elevation-level-medium);
  opacity: 1
}
.btn.btn-cta:hover:not([class*=cl-]), .btn.btn-cta.pseudo-state-hover:not([class*=cl-]) {
  color: var(--white)
}
.btn.btn-cta:hover:not([class*=bg-]), .btn.btn-cta.pseudo-state-hover:not([class*=bg-]) {
  background: var(--blue-120)
}
.btn.btn-cta:hover.btn-secondary:not(:disabled), .btn.btn-cta:hover.btn-secondary-icon-text:not(:disabled) > span, .btn.btn-cta.pseudo-state-hover.btn-secondary:not(:disabled), .btn.btn-cta.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.btn.btn-cta div.ripple {
  background: var(--blue-110)
}
.btn.btn-cta:disabled div.ripple {
  background: transparent
}
.btn.btn-cta:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.btn.btn-cta:active, .btn.btn-cta.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-cta:active:not([class*=cl-]), .btn.btn-cta.pseudo-state-active:not([class*=cl-]) {
  color: var(--white)
}
.btn.btn-cta:active:not([class*=bg-]), .btn.btn-cta.pseudo-state-active:not([class*=bg-]) {
  background: var(--blue-110)
}
.btn.btn-cta:disabled, .btn.btn-cta.pseudo-state-disabled, .btn.btn-cta[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-cta:disabled:not([class*=cl-]), .btn.btn-cta.pseudo-state-disabled:not([class*=cl-]), .btn.btn-cta[disabled]:hover:not([class*=cl-]) {
  color: var(--white)
}
.btn.btn-cta:disabled:not([class*=bg-]), .btn.btn-cta.pseudo-state-disabled:not([class*=bg-]), .btn.btn-cta[disabled]:hover:not([class*=bg-]) {
  background: var(--blue-40)
}
.dark .btn.btn-cta {
  border: none;
  opacity: 1
}
.dark .btn.btn-cta:not([class*=cl-]) {
  color: var(--black-140)
}
.dark .btn.btn-cta:not([class*=bg-]) {
  background: var(--cyan-100)
}
.dark .btn.btn-cta:hover, .dark .btn.btn-cta.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: .75
}
.dark .btn.btn-cta:hover:not([class*=cl-]), .dark .btn.btn-cta.pseudo-state-hover:not([class*=cl-]) {
  color: var(--black-140)
}
.dark .btn.btn-cta:hover:not([class*=bg-]), .dark .btn.btn-cta.pseudo-state-hover:not([class*=bg-]) {
  background: var(--cyan-100)
}
.dark .btn.btn-cta:hover.btn-secondary:not(:disabled), .dark .btn.btn-cta:hover.btn-secondary-icon-text:not(:disabled) > span, .dark .btn.btn-cta.pseudo-state-hover.btn-secondary:not(:disabled), .dark .btn.btn-cta.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.dark .btn.btn-cta div.ripple {
  background: var(--cyan-50)
}
.dark .btn.btn-cta:disabled div.ripple {
  background: transparent
}
.dark .btn.btn-cta:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.dark .btn.btn-cta:active, .dark .btn.btn-cta.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: .5
}
.dark .btn.btn-cta:active:not([class*=cl-]), .dark .btn.btn-cta.pseudo-state-active:not([class*=cl-]) {
  color: var(--black-140)
}
.dark .btn.btn-cta:active:not([class*=bg-]), .dark .btn.btn-cta.pseudo-state-active:not([class*=bg-]) {
  background: var(--cyan-100)
}
.dark .btn.btn-cta:disabled, .dark .btn.btn-cta.pseudo-state-disabled, .dark .btn.btn-cta[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: .25
}
.dark .btn.btn-cta:disabled:not([class*=cl-]), .dark .btn.btn-cta.pseudo-state-disabled:not([class*=cl-]), .dark .btn.btn-cta[disabled]:hover:not([class*=cl-]) {
  color: var(--black-140)
}
.dark .btn.btn-cta:disabled:not([class*=bg-]), .dark .btn.btn-cta.pseudo-state-disabled:not([class*=bg-]), .dark .btn.btn-cta[disabled]:hover:not([class*=bg-]) {
  background: var(--cyan-100)
}
.btn.btn-primary {
  border: none;
  opacity: 1
}
.btn.btn-primary:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-primary:not([class*=bg-]) {
  background: var(--blue-10)
}
.btn.btn-primary:hover, .btn.btn-primary.pseudo-state-hover {
  border: none;
  box-shadow: var(--elevation-level-medium);
  opacity: 1
}
.btn.btn-primary:hover:not([class*=cl-]), .btn.btn-primary.pseudo-state-hover:not([class*=cl-]) {
  color: var(--blue-144)
}
.btn.btn-primary:hover:not([class*=bg-]), .btn.btn-primary.pseudo-state-hover:not([class*=bg-]) {
  background: var(--blue-20)
}
.btn.btn-primary:hover.btn-secondary:not(:disabled), .btn.btn-primary:hover.btn-secondary-icon-text:not(:disabled) > span, .btn.btn-primary.pseudo-state-hover.btn-secondary:not(:disabled), .btn.btn-primary.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.btn.btn-primary div.ripple {
  background: var(--blue-10)
}
.btn.btn-primary:disabled div.ripple {
  background: transparent
}
.btn.btn-primary:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.btn.btn-primary:active, .btn.btn-primary.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-primary:active:not([class*=cl-]), .btn.btn-primary.pseudo-state-active:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-primary:active:not([class*=bg-]), .btn.btn-primary.pseudo-state-active:not([class*=bg-]) {
  background: var(--blue-10)
}
.btn.btn-primary:disabled, .btn.btn-primary.pseudo-state-disabled, .btn.btn-primary[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-primary:disabled:not([class*=cl-]), .btn.btn-primary.pseudo-state-disabled:not([class*=cl-]), .btn.btn-primary[disabled]:hover:not([class*=cl-]) {
  color: var(--blue-40)
}
.btn.btn-primary:disabled:not([class*=bg-]), .btn.btn-primary.pseudo-state-disabled:not([class*=bg-]), .btn.btn-primary[disabled]:hover:not([class*=bg-]) {
  background: var(--blue-5)
}
.dark .btn.btn-primary {
  border: none;
  opacity: 1
}
.dark .btn.btn-primary:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark .btn.btn-primary:not([class*=bg-]) {
  background: var(--cyan-10)
}
.dark .btn.btn-primary:hover, .dark .btn.btn-primary.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: .75
}
.dark .btn.btn-primary:hover:not([class*=cl-]), .dark .btn.btn-primary.pseudo-state-hover:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark .btn.btn-primary:hover:not([class*=bg-]), .dark .btn.btn-primary.pseudo-state-hover:not([class*=bg-]) {
  background: var(--cyan-10)
}
.dark .btn.btn-primary:hover.btn-secondary:not(:disabled), .dark .btn.btn-primary:hover.btn-secondary-icon-text:not(:disabled) > span, .dark .btn.btn-primary.pseudo-state-hover.btn-secondary:not(:disabled), .dark .btn.btn-primary.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.dark .btn.btn-primary div.ripple {
  background: var(--cyan-1)
}
.dark .btn.btn-primary:disabled div.ripple {
  background: transparent
}
.dark .btn.btn-primary:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.dark .btn.btn-primary:active, .dark .btn.btn-primary.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: .5
}
.dark .btn.btn-primary:active:not([class*=cl-]), .dark .btn.btn-primary.pseudo-state-active:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark .btn.btn-primary:active:not([class*=bg-]), .dark .btn.btn-primary.pseudo-state-active:not([class*=bg-]) {
  background: var(--cyan-10)
}
.dark .btn.btn-primary:disabled, .dark .btn.btn-primary.pseudo-state-disabled, .dark .btn.btn-primary[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: .25
}
.dark .btn.btn-primary:disabled:not([class*=cl-]), .dark .btn.btn-primary.pseudo-state-disabled:not([class*=cl-]), .dark .btn.btn-primary[disabled]:hover:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark .btn.btn-primary:disabled:not([class*=bg-]), .dark .btn.btn-primary.pseudo-state-disabled:not([class*=bg-]), .dark .btn.btn-primary[disabled]:hover:not([class*=bg-]) {
  background: var(--cyan-10)
}
.btn.btn-secondary {
  border: none;
  opacity: 1
}
.btn.btn-secondary:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-secondary:not([class*=bg-]) {
  background: transparent
}
.btn.btn-secondary:hover, .btn.btn-secondary.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-secondary:hover:not([class*=cl-]), .btn.btn-secondary.pseudo-state-hover:not([class*=cl-]) {
  color: var(--blue-120)
}
.btn.btn-secondary:hover:not([class*=bg-]), .btn.btn-secondary.pseudo-state-hover:not([class*=bg-]) {
  background: transparent
}
.btn.btn-secondary:hover.btn-secondary:not(:disabled), .btn.btn-secondary:hover.btn-secondary-icon-text:not(:disabled) > span, .btn.btn-secondary.pseudo-state-hover.btn-secondary:not(:disabled), .btn.btn-secondary.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.btn.btn-secondary div.ripple {
  background: transparent
}
.btn.btn-secondary:disabled div.ripple {
  background: transparent
}
.btn.btn-secondary:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.btn.btn-secondary:active, .btn.btn-secondary.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-secondary:active:not([class*=cl-]), .btn.btn-secondary.pseudo-state-active:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-secondary:active:not([class*=bg-]), .btn.btn-secondary.pseudo-state-active:not([class*=bg-]) {
  background: transparent
}
.btn.btn-secondary:disabled, .btn.btn-secondary.pseudo-state-disabled, .btn.btn-secondary[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-secondary:disabled:not([class*=cl-]), .btn.btn-secondary.pseudo-state-disabled:not([class*=cl-]), .btn.btn-secondary[disabled]:hover:not([class*=cl-]) {
  color: var(--blue-40)
}
.btn.btn-secondary:disabled:not([class*=bg-]), .btn.btn-secondary.pseudo-state-disabled:not([class*=bg-]), .btn.btn-secondary[disabled]:hover:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-secondary {
  border: none;
  opacity: 1
}
.dark .btn.btn-secondary:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark .btn.btn-secondary:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-secondary:hover, .dark .btn.btn-secondary.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-secondary:hover:not([class*=cl-]), .dark .btn.btn-secondary.pseudo-state-hover:not([class*=cl-]) {
  color: var(--cyan-50)
}
.dark .btn.btn-secondary:hover:not([class*=bg-]), .dark .btn.btn-secondary.pseudo-state-hover:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-secondary:hover.btn-secondary:not(:disabled), .dark .btn.btn-secondary:hover.btn-secondary-icon-text:not(:disabled) > span, .dark .btn.btn-secondary.pseudo-state-hover.btn-secondary:not(:disabled), .dark .btn.btn-secondary.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.dark .btn.btn-secondary div.ripple {
  background: transparent
}
.dark .btn.btn-secondary:disabled div.ripple {
  background: transparent
}
.dark .btn.btn-secondary:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.dark .btn.btn-secondary:active, .dark .btn.btn-secondary.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-secondary:active:not([class*=cl-]), .dark .btn.btn-secondary.pseudo-state-active:not([class*=cl-]) {
  color: var(--cyan-25)
}
.dark .btn.btn-secondary:active:not([class*=bg-]), .dark .btn.btn-secondary.pseudo-state-active:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-secondary:disabled, .dark .btn.btn-secondary.pseudo-state-disabled, .dark .btn.btn-secondary[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-secondary:disabled:not([class*=cl-]), .dark .btn.btn-secondary.pseudo-state-disabled:not([class*=cl-]), .dark .btn.btn-secondary[disabled]:hover:not([class*=cl-]) {
  color: var(--cyan-10)
}
.dark .btn.btn-secondary:disabled:not([class*=bg-]), .dark .btn.btn-secondary.pseudo-state-disabled:not([class*=bg-]), .dark .btn.btn-secondary[disabled]:hover:not([class*=bg-]) {
  background: transparent
}
.btn.btn-ghost {
  border: 2px solid var(--blue-110);
  opacity: 1
}
.btn.btn-ghost:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-ghost:not([class*=bg-]) {
  background: transparent
}
.btn.btn-ghost:hover, .btn.btn-ghost.pseudo-state-hover {
  border: 2px solid var(--blue-120);
  box-shadow: var(--elevation-level-medium);
  opacity: 1
}
.btn.btn-ghost:hover:not([class*=cl-]), .btn.btn-ghost.pseudo-state-hover:not([class*=cl-]) {
  color: var(--blue-120)
}
.btn.btn-ghost:hover:not([class*=bg-]), .btn.btn-ghost.pseudo-state-hover:not([class*=bg-]) {
  background: var(--blue-10)
}
.btn.btn-ghost:hover.btn-secondary:not(:disabled), .btn.btn-ghost:hover.btn-secondary-icon-text:not(:disabled) > span, .btn.btn-ghost.pseudo-state-hover.btn-secondary:not(:disabled), .btn.btn-ghost.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.btn.btn-ghost div.ripple {
  background: var(--white)
}
.btn.btn-ghost:disabled div.ripple {
  background: transparent
}
.btn.btn-ghost:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.btn.btn-ghost:active, .btn.btn-ghost.pseudo-state-active {
  border: 2px solid var(--blue-110);
  box-shadow: none;
  opacity: 1
}
.btn.btn-ghost:active:not([class*=cl-]), .btn.btn-ghost.pseudo-state-active:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-ghost:active:not([class*=bg-]), .btn.btn-ghost.pseudo-state-active:not([class*=bg-]) {
  background: transparent
}
.btn.btn-ghost:disabled, .btn.btn-ghost.pseudo-state-disabled, .btn.btn-ghost[disabled]:hover {
  cursor: not-allowed;
  border: 2px solid var(--blue-40);
  box-shadow: none;
  opacity: 1
}
.btn.btn-ghost:disabled:not([class*=cl-]), .btn.btn-ghost.pseudo-state-disabled:not([class*=cl-]), .btn.btn-ghost[disabled]:hover:not([class*=cl-]) {
  color: var(--blue-40)
}
.btn.btn-ghost:disabled:not([class*=bg-]), .btn.btn-ghost.pseudo-state-disabled:not([class*=bg-]), .btn.btn-ghost[disabled]:hover:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-ghost {
  border: 2px solid var(--cyan-100);
  opacity: 1
}
.dark .btn.btn-ghost:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark .btn.btn-ghost:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-ghost:hover, .dark .btn.btn-ghost.pseudo-state-hover {
  border: 2px solid var(--cyan-50);
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-ghost:hover:not([class*=cl-]), .dark .btn.btn-ghost.pseudo-state-hover:not([class*=cl-]) {
  color: var(--cyan-50)
}
.dark .btn.btn-ghost:hover:not([class*=bg-]), .dark .btn.btn-ghost.pseudo-state-hover:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-ghost:hover.btn-secondary:not(:disabled), .dark .btn.btn-ghost:hover.btn-secondary-icon-text:not(:disabled) > span, .dark .btn.btn-ghost.pseudo-state-hover.btn-secondary:not(:disabled), .dark .btn.btn-ghost.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.dark .btn.btn-ghost div.ripple {
  background: var(--cyan-25)
}
.dark .btn.btn-ghost:disabled div.ripple {
  background: transparent
}
.dark .btn.btn-ghost:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.dark .btn.btn-ghost:active, .dark .btn.btn-ghost.pseudo-state-active {
  border: 2px solid var(--cyan-25);
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-ghost:active:not([class*=cl-]), .dark .btn.btn-ghost.pseudo-state-active:not([class*=cl-]) {
  color: var(--cyan-25)
}
.dark .btn.btn-ghost:active:not([class*=bg-]), .dark .btn.btn-ghost.pseudo-state-active:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-ghost:disabled, .dark .btn.btn-ghost.pseudo-state-disabled, .dark .btn.btn-ghost[disabled]:hover {
  cursor: not-allowed;
  border: 2px solid var(--cyan-10);
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-ghost:disabled:not([class*=cl-]), .dark .btn.btn-ghost.pseudo-state-disabled:not([class*=cl-]), .dark .btn.btn-ghost[disabled]:hover:not([class*=cl-]) {
  color: var(--cyan-10)
}
.dark .btn.btn-ghost:disabled:not([class*=bg-]), .dark .btn.btn-ghost.pseudo-state-disabled:not([class*=bg-]), .dark .btn.btn-ghost[disabled]:hover:not([class*=bg-]) {
  background: transparent
}
.btn.btn-primary-icon {
  border: none;
  opacity: 1
}
.btn.btn-primary-icon:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-primary-icon:not([class*=bg-]) {
  background: var(--blue-10)
}
.btn.btn-primary-icon:hover, .btn.btn-primary-icon.pseudo-state-hover {
  border: none;
  box-shadow: var(--elevation-level-medium);
  opacity: 1
}
.btn.btn-primary-icon:hover:not([class*=cl-]), .btn.btn-primary-icon.pseudo-state-hover:not([class*=cl-]) {
  color: var(--blue-144)
}
.btn.btn-primary-icon:hover:not([class*=bg-]), .btn.btn-primary-icon.pseudo-state-hover:not([class*=bg-]) {
  background: var(--blue-20)
}
.btn.btn-primary-icon:hover.btn-secondary:not(:disabled), .btn.btn-primary-icon:hover.btn-secondary-icon-text:not(:disabled) > span, .btn.btn-primary-icon.pseudo-state-hover.btn-secondary:not(:disabled), .btn.btn-primary-icon.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.btn.btn-primary-icon div.ripple {
  background: var(--blue-10)
}
.btn.btn-primary-icon:disabled div.ripple {
  background: transparent
}
.btn.btn-primary-icon:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.btn.btn-primary-icon:active, .btn.btn-primary-icon.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-primary-icon:active:not([class*=cl-]), .btn.btn-primary-icon.pseudo-state-active:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-primary-icon:active:not([class*=bg-]), .btn.btn-primary-icon.pseudo-state-active:not([class*=bg-]) {
  background: var(--blue-10)
}
.btn.btn-primary-icon:disabled, .btn.btn-primary-icon.pseudo-state-disabled, .btn.btn-primary-icon[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-primary-icon:disabled:not([class*=cl-]), .btn.btn-primary-icon.pseudo-state-disabled:not([class*=cl-]), .btn.btn-primary-icon[disabled]:hover:not([class*=cl-]) {
  color: var(--blue-40)
}
.btn.btn-primary-icon:disabled:not([class*=bg-]), .btn.btn-primary-icon.pseudo-state-disabled:not([class*=bg-]), .btn.btn-primary-icon[disabled]:hover:not([class*=bg-]) {
  background: var(--blue-5)
}
.dark .btn.btn-primary-icon {
  border: none;
  opacity: 1
}
.dark .btn.btn-primary-icon:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark .btn.btn-primary-icon:not([class*=bg-]) {
  background: var(--cyan-10)
}
.dark .btn.btn-primary-icon:hover, .dark .btn.btn-primary-icon.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: .75
}
.dark .btn.btn-primary-icon:hover:not([class*=cl-]), .dark .btn.btn-primary-icon.pseudo-state-hover:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark .btn.btn-primary-icon:hover:not([class*=bg-]), .dark .btn.btn-primary-icon.pseudo-state-hover:not([class*=bg-]) {
  background: var(--cyan-10)
}
.dark .btn.btn-primary-icon:hover.btn-secondary:not(:disabled), .dark .btn.btn-primary-icon:hover.btn-secondary-icon-text:not(:disabled) > span, .dark .btn.btn-primary-icon.pseudo-state-hover.btn-secondary:not(:disabled), .dark .btn.btn-primary-icon.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.dark .btn.btn-primary-icon div.ripple {
  background: var(--cyan-1)
}
.dark .btn.btn-primary-icon:disabled div.ripple {
  background: transparent
}
.dark .btn.btn-primary-icon:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.dark .btn.btn-primary-icon:active, .dark .btn.btn-primary-icon.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: .5
}
.dark .btn.btn-primary-icon:active:not([class*=cl-]), .dark .btn.btn-primary-icon.pseudo-state-active:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark .btn.btn-primary-icon:active:not([class*=bg-]), .dark .btn.btn-primary-icon.pseudo-state-active:not([class*=bg-]) {
  background: var(--cyan-10)
}
.dark .btn.btn-primary-icon:disabled, .dark .btn.btn-primary-icon.pseudo-state-disabled, .dark .btn.btn-primary-icon[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: .25
}
.dark .btn.btn-primary-icon:disabled:not([class*=cl-]), .dark .btn.btn-primary-icon.pseudo-state-disabled:not([class*=cl-]), .dark .btn.btn-primary-icon[disabled]:hover:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark .btn.btn-primary-icon:disabled:not([class*=bg-]), .dark .btn.btn-primary-icon.pseudo-state-disabled:not([class*=bg-]), .dark .btn.btn-primary-icon[disabled]:hover:not([class*=bg-]) {
  background: var(--cyan-10)
}
.btn.btn-secondary-icon {
  border: none;
  opacity: 1
}
.btn.btn-secondary-icon:not([class*=cl-]) {
  color: var(--black-50)
}
.btn.btn-secondary-icon:not([class*=bg-]) {
  background: transparent
}
.btn.btn-secondary-icon:hover, .btn.btn-secondary-icon.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-secondary-icon:hover:not([class*=cl-]), .btn.btn-secondary-icon.pseudo-state-hover:not([class*=cl-]) {
  color: var(--black-80)
}
.btn.btn-secondary-icon:hover:not([class*=bg-]), .btn.btn-secondary-icon.pseudo-state-hover:not([class*=bg-]) {
  background: transparent
}
.btn.btn-secondary-icon:hover.btn-secondary:not(:disabled), .btn.btn-secondary-icon:hover.btn-secondary-icon-text:not(:disabled) > span, .btn.btn-secondary-icon.pseudo-state-hover.btn-secondary:not(:disabled), .btn.btn-secondary-icon.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.btn.btn-secondary-icon div.ripple {
  background: transparent
}
.btn.btn-secondary-icon:disabled div.ripple {
  background: transparent
}
.btn.btn-secondary-icon:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.btn.btn-secondary-icon:active, .btn.btn-secondary-icon.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-secondary-icon:active:not([class*=cl-]), .btn.btn-secondary-icon.pseudo-state-active:not([class*=cl-]) {
  color: var(--black-100)
}
.btn.btn-secondary-icon:active:not([class*=bg-]), .btn.btn-secondary-icon.pseudo-state-active:not([class*=bg-]) {
  background: transparent
}
.btn.btn-secondary-icon:disabled, .btn.btn-secondary-icon.pseudo-state-disabled, .btn.btn-secondary-icon[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-secondary-icon:disabled:not([class*=cl-]), .btn.btn-secondary-icon.pseudo-state-disabled:not([class*=cl-]), .btn.btn-secondary-icon[disabled]:hover:not([class*=cl-]) {
  color: var(--black-25)
}
.btn.btn-secondary-icon:disabled:not([class*=bg-]), .btn.btn-secondary-icon.pseudo-state-disabled:not([class*=bg-]), .btn.btn-secondary-icon[disabled]:hover:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-secondary-icon {
  border: none;
  opacity: 1
}
.dark .btn.btn-secondary-icon:not([class*=cl-]) {
  color: var(--white-50)
}
.dark .btn.btn-secondary-icon:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-secondary-icon:hover, .dark .btn.btn-secondary-icon.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-secondary-icon:hover:not([class*=cl-]), .dark .btn.btn-secondary-icon.pseudo-state-hover:not([class*=cl-]) {
  color: var(--white-80)
}
.dark .btn.btn-secondary-icon:hover:not([class*=bg-]), .dark .btn.btn-secondary-icon.pseudo-state-hover:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-secondary-icon:hover.btn-secondary:not(:disabled), .dark .btn.btn-secondary-icon:hover.btn-secondary-icon-text:not(:disabled) > span, .dark .btn.btn-secondary-icon.pseudo-state-hover.btn-secondary:not(:disabled), .dark .btn.btn-secondary-icon.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.dark .btn.btn-secondary-icon div.ripple {
  background: transparent
}
.dark .btn.btn-secondary-icon:disabled div.ripple {
  background: transparent
}
.dark .btn.btn-secondary-icon:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.dark .btn.btn-secondary-icon:active, .dark .btn.btn-secondary-icon.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-secondary-icon:active:not([class*=cl-]), .dark .btn.btn-secondary-icon.pseudo-state-active:not([class*=cl-]) {
  color: var(--white)
}
.dark .btn.btn-secondary-icon:active:not([class*=bg-]), .dark .btn.btn-secondary-icon.pseudo-state-active:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-secondary-icon:disabled, .dark .btn.btn-secondary-icon.pseudo-state-disabled, .dark .btn.btn-secondary-icon[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-secondary-icon:disabled:not([class*=cl-]), .dark .btn.btn-secondary-icon.pseudo-state-disabled:not([class*=cl-]), .dark .btn.btn-secondary-icon[disabled]:hover:not([class*=cl-]) {
  color: var(--white-25)
}
.dark .btn.btn-secondary-icon:disabled:not([class*=bg-]), .dark .btn.btn-secondary-icon.pseudo-state-disabled:not([class*=bg-]), .dark .btn.btn-secondary-icon[disabled]:hover:not([class*=bg-]) {
  background: transparent
}
.btn.btn-secondary-icon-inverted {
  border: none;
  opacity: 1
}
.btn.btn-secondary-icon-inverted:not([class*=cl-]) {
  color: var(--white)
}
.btn.btn-secondary-icon-inverted:not([class*=bg-]) {
  background: transparent
}
.btn.btn-secondary-icon-inverted:hover, .btn.btn-secondary-icon-inverted.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-secondary-icon-inverted:hover:not([class*=cl-]), .btn.btn-secondary-icon-inverted.pseudo-state-hover:not([class*=cl-]) {
  color: var(--black-25)
}
.btn.btn-secondary-icon-inverted:hover:not([class*=bg-]), .btn.btn-secondary-icon-inverted.pseudo-state-hover:not([class*=bg-]) {
  background: transparent
}
.btn.btn-secondary-icon-inverted:hover.btn-secondary:not(:disabled), .btn.btn-secondary-icon-inverted:hover.btn-secondary-icon-text:not(:disabled) > span, .btn.btn-secondary-icon-inverted.pseudo-state-hover.btn-secondary:not(:disabled), .btn.btn-secondary-icon-inverted.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.btn.btn-secondary-icon-inverted div.ripple {
  background: transparent
}
.btn.btn-secondary-icon-inverted:disabled div.ripple {
  background: transparent
}
.btn.btn-secondary-icon-inverted:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.btn.btn-secondary-icon-inverted:active, .btn.btn-secondary-icon-inverted.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-secondary-icon-inverted:active:not([class*=cl-]), .btn.btn-secondary-icon-inverted.pseudo-state-active:not([class*=cl-]) {
  color: var(--black-50)
}
.btn.btn-secondary-icon-inverted:active:not([class*=bg-]), .btn.btn-secondary-icon-inverted.pseudo-state-active:not([class*=bg-]) {
  background: transparent
}
.btn.btn-secondary-icon-inverted:disabled, .btn.btn-secondary-icon-inverted.pseudo-state-disabled, .btn.btn-secondary-icon-inverted[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-secondary-icon-inverted:disabled:not([class*=cl-]), .btn.btn-secondary-icon-inverted.pseudo-state-disabled:not([class*=cl-]), .btn.btn-secondary-icon-inverted[disabled]:hover:not([class*=cl-]) {
  color: var(--black-50)
}
.btn.btn-secondary-icon-inverted:disabled:not([class*=bg-]), .btn.btn-secondary-icon-inverted.pseudo-state-disabled:not([class*=bg-]), .btn.btn-secondary-icon-inverted[disabled]:hover:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-secondary-icon-inverted {
  border: none;
  opacity: 1
}
.dark .btn.btn-secondary-icon-inverted:not([class*=cl-]) {
  color: var(--white)
}
.dark .btn.btn-secondary-icon-inverted:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-secondary-icon-inverted:hover, .dark .btn.btn-secondary-icon-inverted.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-secondary-icon-inverted:hover:not([class*=cl-]), .dark .btn.btn-secondary-icon-inverted.pseudo-state-hover:not([class*=cl-]) {
  color: var(--black-25)
}
.dark .btn.btn-secondary-icon-inverted:hover:not([class*=bg-]), .dark .btn.btn-secondary-icon-inverted.pseudo-state-hover:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-secondary-icon-inverted:hover.btn-secondary:not(:disabled), .dark .btn.btn-secondary-icon-inverted:hover.btn-secondary-icon-text:not(:disabled) > span, .dark .btn.btn-secondary-icon-inverted.pseudo-state-hover.btn-secondary:not(:disabled), .dark .btn.btn-secondary-icon-inverted.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.dark .btn.btn-secondary-icon-inverted div.ripple {
  background: transparent
}
.dark .btn.btn-secondary-icon-inverted:disabled div.ripple {
  background: transparent
}
.dark .btn.btn-secondary-icon-inverted:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.dark .btn.btn-secondary-icon-inverted:active, .dark .btn.btn-secondary-icon-inverted.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-secondary-icon-inverted:active:not([class*=cl-]), .dark .btn.btn-secondary-icon-inverted.pseudo-state-active:not([class*=cl-]) {
  color: var(--black-50)
}
.dark .btn.btn-secondary-icon-inverted:active:not([class*=bg-]), .dark .btn.btn-secondary-icon-inverted.pseudo-state-active:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-secondary-icon-inverted:disabled, .dark .btn.btn-secondary-icon-inverted.pseudo-state-disabled, .dark .btn.btn-secondary-icon-inverted[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-secondary-icon-inverted:disabled:not([class*=cl-]), .dark .btn.btn-secondary-icon-inverted.pseudo-state-disabled:not([class*=cl-]), .dark .btn.btn-secondary-icon-inverted[disabled]:hover:not([class*=cl-]) {
  color: var(--black-50)
}
.dark .btn.btn-secondary-icon-inverted:disabled:not([class*=bg-]), .dark .btn.btn-secondary-icon-inverted.pseudo-state-disabled:not([class*=bg-]), .dark .btn.btn-secondary-icon-inverted[disabled]:hover:not([class*=bg-]) {
  background: transparent
}
.btn.btn-ghost-icon {
  border: 2px solid var(--blue-110);
  opacity: 1
}
.btn.btn-ghost-icon:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-ghost-icon:not([class*=bg-]) {
  background: transparent
}
.btn.btn-ghost-icon:hover, .btn.btn-ghost-icon.pseudo-state-hover {
  border: 2px solid var(--blue-120);
  box-shadow: var(--elevation-level-medium);
  opacity: 1
}
.btn.btn-ghost-icon:hover:not([class*=cl-]), .btn.btn-ghost-icon.pseudo-state-hover:not([class*=cl-]) {
  color: var(--blue-120)
}
.btn.btn-ghost-icon:hover:not([class*=bg-]), .btn.btn-ghost-icon.pseudo-state-hover:not([class*=bg-]) {
  background: var(--blue-10)
}
.btn.btn-ghost-icon:hover.btn-secondary:not(:disabled), .btn.btn-ghost-icon:hover.btn-secondary-icon-text:not(:disabled) > span, .btn.btn-ghost-icon.pseudo-state-hover.btn-secondary:not(:disabled), .btn.btn-ghost-icon.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.btn.btn-ghost-icon div.ripple {
  background: var(--white)
}
.btn.btn-ghost-icon:disabled div.ripple {
  background: transparent
}
.btn.btn-ghost-icon:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.btn.btn-ghost-icon:active, .btn.btn-ghost-icon.pseudo-state-active {
  border: 2px solid var(--blue-110);
  box-shadow: none;
  opacity: 1
}
.btn.btn-ghost-icon:active:not([class*=cl-]), .btn.btn-ghost-icon.pseudo-state-active:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-ghost-icon:active:not([class*=bg-]), .btn.btn-ghost-icon.pseudo-state-active:not([class*=bg-]) {
  background: transparent
}
.btn.btn-ghost-icon:disabled, .btn.btn-ghost-icon.pseudo-state-disabled, .btn.btn-ghost-icon[disabled]:hover {
  cursor: not-allowed;
  border: 2px solid var(--blue-40);
  box-shadow: none;
  opacity: 1
}
.btn.btn-ghost-icon:disabled:not([class*=cl-]), .btn.btn-ghost-icon.pseudo-state-disabled:not([class*=cl-]), .btn.btn-ghost-icon[disabled]:hover:not([class*=cl-]) {
  color: var(--blue-40)
}
.btn.btn-ghost-icon:disabled:not([class*=bg-]), .btn.btn-ghost-icon.pseudo-state-disabled:not([class*=bg-]), .btn.btn-ghost-icon[disabled]:hover:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-ghost-icon {
  border: 2px solid var(--cyan-100);
  opacity: 1
}
.dark .btn.btn-ghost-icon:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark .btn.btn-ghost-icon:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-ghost-icon:hover, .dark .btn.btn-ghost-icon.pseudo-state-hover {
  border: 2px solid var(--cyan-50);
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-ghost-icon:hover:not([class*=cl-]), .dark .btn.btn-ghost-icon.pseudo-state-hover:not([class*=cl-]) {
  color: var(--cyan-50)
}
.dark .btn.btn-ghost-icon:hover:not([class*=bg-]), .dark .btn.btn-ghost-icon.pseudo-state-hover:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-ghost-icon:hover.btn-secondary:not(:disabled), .dark .btn.btn-ghost-icon:hover.btn-secondary-icon-text:not(:disabled) > span, .dark .btn.btn-ghost-icon.pseudo-state-hover.btn-secondary:not(:disabled), .dark .btn.btn-ghost-icon.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.dark .btn.btn-ghost-icon div.ripple {
  background: var(--cyan-25)
}
.dark .btn.btn-ghost-icon:disabled div.ripple {
  background: transparent
}
.dark .btn.btn-ghost-icon:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.dark .btn.btn-ghost-icon:active, .dark .btn.btn-ghost-icon.pseudo-state-active {
  border: 2px solid var(--cyan-25);
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-ghost-icon:active:not([class*=cl-]), .dark .btn.btn-ghost-icon.pseudo-state-active:not([class*=cl-]) {
  color: var(--cyan-25)
}
.dark .btn.btn-ghost-icon:active:not([class*=bg-]), .dark .btn.btn-ghost-icon.pseudo-state-active:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-ghost-icon:disabled, .dark .btn.btn-ghost-icon.pseudo-state-disabled, .dark .btn.btn-ghost-icon[disabled]:hover {
  cursor: not-allowed;
  border: 2px solid var(--cyan-10);
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-ghost-icon:disabled:not([class*=cl-]), .dark .btn.btn-ghost-icon.pseudo-state-disabled:not([class*=cl-]), .dark .btn.btn-ghost-icon[disabled]:hover:not([class*=cl-]) {
  color: var(--cyan-10)
}
.dark .btn.btn-ghost-icon:disabled:not([class*=bg-]), .dark .btn.btn-ghost-icon.pseudo-state-disabled:not([class*=bg-]), .dark .btn.btn-ghost-icon[disabled]:hover:not([class*=bg-]) {
  background: transparent
}
.btn.btn-cta-icon {
  border: none;
  opacity: 1
}
.btn.btn-cta-icon cm-indicator[data-type=apple] .circular-chart .circle {
  stroke: var(--mini-spinner-btn-cta-color)
}
.btn.btn-cta-icon:not([class*=cl-]) {
  color: var(--white)
}
.btn.btn-cta-icon:not([class*=bg-]) {
  background: var(--blue-110)
}
.btn.btn-cta-icon:hover, .btn.btn-cta-icon.pseudo-state-hover {
  border: none;
  box-shadow: var(--elevation-level-medium);
  opacity: 1
}
.btn.btn-cta-icon:hover:not([class*=cl-]), .btn.btn-cta-icon.pseudo-state-hover:not([class*=cl-]) {
  color: var(--white)
}
.btn.btn-cta-icon:hover:not([class*=bg-]), .btn.btn-cta-icon.pseudo-state-hover:not([class*=bg-]) {
  background: var(--blue-120)
}
.btn.btn-cta-icon:hover.btn-secondary:not(:disabled), .btn.btn-cta-icon:hover.btn-secondary-icon-text:not(:disabled) > span, .btn.btn-cta-icon.pseudo-state-hover.btn-secondary:not(:disabled), .btn.btn-cta-icon.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.btn.btn-cta-icon div.ripple {
  background: var(--blue-110)
}
.btn.btn-cta-icon:disabled div.ripple {
  background: transparent
}
.btn.btn-cta-icon:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.btn.btn-cta-icon:active, .btn.btn-cta-icon.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-cta-icon:active:not([class*=cl-]), .btn.btn-cta-icon.pseudo-state-active:not([class*=cl-]) {
  color: var(--white)
}
.btn.btn-cta-icon:active:not([class*=bg-]), .btn.btn-cta-icon.pseudo-state-active:not([class*=bg-]) {
  background: var(--blue-110)
}
.btn.btn-cta-icon:disabled, .btn.btn-cta-icon.pseudo-state-disabled, .btn.btn-cta-icon[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-cta-icon:disabled:not([class*=cl-]), .btn.btn-cta-icon.pseudo-state-disabled:not([class*=cl-]), .btn.btn-cta-icon[disabled]:hover:not([class*=cl-]) {
  color: var(--white)
}
.btn.btn-cta-icon:disabled:not([class*=bg-]), .btn.btn-cta-icon.pseudo-state-disabled:not([class*=bg-]), .btn.btn-cta-icon[disabled]:hover:not([class*=bg-]) {
  background: var(--blue-40)
}
.dark .btn.btn-cta-icon {
  border: none;
  opacity: 1
}
.dark .btn.btn-cta-icon:not([class*=cl-]) {
  color: var(--black-140)
}
.dark .btn.btn-cta-icon:not([class*=bg-]) {
  background: var(--cyan-100)
}
.dark .btn.btn-cta-icon:hover, .dark .btn.btn-cta-icon.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: .75
}
.dark .btn.btn-cta-icon:hover:not([class*=cl-]), .dark .btn.btn-cta-icon.pseudo-state-hover:not([class*=cl-]) {
  color: var(--black-140)
}
.dark .btn.btn-cta-icon:hover:not([class*=bg-]), .dark .btn.btn-cta-icon.pseudo-state-hover:not([class*=bg-]) {
  background: var(--cyan-100)
}
.dark .btn.btn-cta-icon:hover.btn-secondary:not(:disabled), .dark .btn.btn-cta-icon:hover.btn-secondary-icon-text:not(:disabled) > span, .dark .btn.btn-cta-icon.pseudo-state-hover.btn-secondary:not(:disabled), .dark .btn.btn-cta-icon.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.dark .btn.btn-cta-icon div.ripple {
  background: var(--cyan-50)
}
.dark .btn.btn-cta-icon:disabled div.ripple {
  background: transparent
}
.dark .btn.btn-cta-icon:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.dark .btn.btn-cta-icon:active, .dark .btn.btn-cta-icon.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: .5
}
.dark .btn.btn-cta-icon:active:not([class*=cl-]), .dark .btn.btn-cta-icon.pseudo-state-active:not([class*=cl-]) {
  color: var(--black-140)
}
.dark .btn.btn-cta-icon:active:not([class*=bg-]), .dark .btn.btn-cta-icon.pseudo-state-active:not([class*=bg-]) {
  background: var(--cyan-100)
}
.dark .btn.btn-cta-icon:disabled, .dark .btn.btn-cta-icon.pseudo-state-disabled, .dark .btn.btn-cta-icon[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: .25
}
.dark .btn.btn-cta-icon:disabled:not([class*=cl-]), .dark .btn.btn-cta-icon.pseudo-state-disabled:not([class*=cl-]), .dark .btn.btn-cta-icon[disabled]:hover:not([class*=cl-]) {
  color: var(--black-140)
}
.dark .btn.btn-cta-icon:disabled:not([class*=bg-]), .dark .btn.btn-cta-icon.pseudo-state-disabled:not([class*=bg-]), .dark .btn.btn-cta-icon[disabled]:hover:not([class*=bg-]) {
  background: var(--cyan-100)
}
.btn.btn-cta-icon-text {
  border: none;
  opacity: 1
}
.btn.btn-cta-icon-text cm-indicator[data-type=apple] .circular-chart .circle {
  stroke: var(--mini-spinner-btn-cta-color)
}
.btn.btn-cta-icon-text:not([class*=cl-]) {
  color: var(--white)
}
.btn.btn-cta-icon-text:not([class*=bg-]) {
  background: var(--blue-110)
}
.btn.btn-cta-icon-text:hover, .btn.btn-cta-icon-text.pseudo-state-hover {
  border: none;
  box-shadow: var(--elevation-level-medium);
  opacity: 1
}
.btn.btn-cta-icon-text:hover:not([class*=cl-]), .btn.btn-cta-icon-text.pseudo-state-hover:not([class*=cl-]) {
  color: var(--white)
}
.btn.btn-cta-icon-text:hover:not([class*=bg-]), .btn.btn-cta-icon-text.pseudo-state-hover:not([class*=bg-]) {
  background: var(--blue-120)
}
.btn.btn-cta-icon-text:hover.btn-secondary:not(:disabled), .btn.btn-cta-icon-text:hover.btn-secondary-icon-text:not(:disabled) > span, .btn.btn-cta-icon-text.pseudo-state-hover.btn-secondary:not(:disabled), .btn.btn-cta-icon-text.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.btn.btn-cta-icon-text div.ripple {
  background: var(--blue-110)
}
.btn.btn-cta-icon-text:disabled div.ripple {
  background: transparent
}
.btn.btn-cta-icon-text:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.btn.btn-cta-icon-text:active, .btn.btn-cta-icon-text.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-cta-icon-text:active:not([class*=cl-]), .btn.btn-cta-icon-text.pseudo-state-active:not([class*=cl-]) {
  color: var(--white)
}
.btn.btn-cta-icon-text:active:not([class*=bg-]), .btn.btn-cta-icon-text.pseudo-state-active:not([class*=bg-]) {
  background: var(--blue-110)
}
.btn.btn-cta-icon-text:disabled, .btn.btn-cta-icon-text.pseudo-state-disabled, .btn.btn-cta-icon-text[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-cta-icon-text:disabled:not([class*=cl-]), .btn.btn-cta-icon-text.pseudo-state-disabled:not([class*=cl-]), .btn.btn-cta-icon-text[disabled]:hover:not([class*=cl-]) {
  color: var(--white)
}
.btn.btn-cta-icon-text:disabled:not([class*=bg-]), .btn.btn-cta-icon-text.pseudo-state-disabled:not([class*=bg-]), .btn.btn-cta-icon-text[disabled]:hover:not([class*=bg-]) {
  background: var(--blue-40)
}
.dark .btn.btn-cta-icon-text {
  border: none;
  opacity: 1
}
.dark .btn.btn-cta-icon-text:not([class*=cl-]) {
  color: var(--black-140)
}
.dark .btn.btn-cta-icon-text:not([class*=bg-]) {
  background: var(--cyan-100)
}
.dark .btn.btn-cta-icon-text:hover, .dark .btn.btn-cta-icon-text.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: .75
}
.dark .btn.btn-cta-icon-text:hover:not([class*=cl-]), .dark .btn.btn-cta-icon-text.pseudo-state-hover:not([class*=cl-]) {
  color: var(--black-140)
}
.dark .btn.btn-cta-icon-text:hover:not([class*=bg-]), .dark .btn.btn-cta-icon-text.pseudo-state-hover:not([class*=bg-]) {
  background: var(--cyan-100)
}
.dark .btn.btn-cta-icon-text:hover.btn-secondary:not(:disabled), .dark .btn.btn-cta-icon-text:hover.btn-secondary-icon-text:not(:disabled) > span, .dark .btn.btn-cta-icon-text.pseudo-state-hover.btn-secondary:not(:disabled), .dark .btn.btn-cta-icon-text.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.dark .btn.btn-cta-icon-text div.ripple {
  background: var(--cyan-50)
}
.dark .btn.btn-cta-icon-text:disabled div.ripple {
  background: transparent
}
.dark .btn.btn-cta-icon-text:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.dark .btn.btn-cta-icon-text:active, .dark .btn.btn-cta-icon-text.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: .5
}
.dark .btn.btn-cta-icon-text:active:not([class*=cl-]), .dark .btn.btn-cta-icon-text.pseudo-state-active:not([class*=cl-]) {
  color: var(--black-140)
}
.dark .btn.btn-cta-icon-text:active:not([class*=bg-]), .dark .btn.btn-cta-icon-text.pseudo-state-active:not([class*=bg-]) {
  background: var(--cyan-100)
}
.dark .btn.btn-cta-icon-text:disabled, .dark .btn.btn-cta-icon-text.pseudo-state-disabled, .dark .btn.btn-cta-icon-text[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: .25
}
.dark .btn.btn-cta-icon-text:disabled:not([class*=cl-]), .dark .btn.btn-cta-icon-text.pseudo-state-disabled:not([class*=cl-]), .dark .btn.btn-cta-icon-text[disabled]:hover:not([class*=cl-]) {
  color: var(--black-140)
}
.dark .btn.btn-cta-icon-text:disabled:not([class*=bg-]), .dark .btn.btn-cta-icon-text.pseudo-state-disabled:not([class*=bg-]), .dark .btn.btn-cta-icon-text[disabled]:hover:not([class*=bg-]) {
  background: var(--cyan-100)
}
.btn.btn-primary-icon-text {
  border: none;
  opacity: 1
}
.btn.btn-primary-icon-text:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-primary-icon-text:not([class*=bg-]) {
  background: var(--blue-10)
}
.btn.btn-primary-icon-text:hover, .btn.btn-primary-icon-text.pseudo-state-hover {
  border: none;
  box-shadow: var(--elevation-level-medium);
  opacity: 1
}
.btn.btn-primary-icon-text:hover:not([class*=cl-]), .btn.btn-primary-icon-text.pseudo-state-hover:not([class*=cl-]) {
  color: var(--blue-144)
}
.btn.btn-primary-icon-text:hover:not([class*=bg-]), .btn.btn-primary-icon-text.pseudo-state-hover:not([class*=bg-]) {
  background: var(--blue-20)
}
.btn.btn-primary-icon-text:hover.btn-secondary:not(:disabled), .btn.btn-primary-icon-text:hover.btn-secondary-icon-text:not(:disabled) > span, .btn.btn-primary-icon-text.pseudo-state-hover.btn-secondary:not(:disabled), .btn.btn-primary-icon-text.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.btn.btn-primary-icon-text div.ripple {
  background: var(--blue-10)
}
.btn.btn-primary-icon-text:disabled div.ripple {
  background: transparent
}
.btn.btn-primary-icon-text:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.btn.btn-primary-icon-text:active, .btn.btn-primary-icon-text.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-primary-icon-text:active:not([class*=cl-]), .btn.btn-primary-icon-text.pseudo-state-active:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-primary-icon-text:active:not([class*=bg-]), .btn.btn-primary-icon-text.pseudo-state-active:not([class*=bg-]) {
  background: var(--blue-10)
}
.btn.btn-primary-icon-text:disabled, .btn.btn-primary-icon-text.pseudo-state-disabled, .btn.btn-primary-icon-text[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-primary-icon-text:disabled:not([class*=cl-]), .btn.btn-primary-icon-text.pseudo-state-disabled:not([class*=cl-]), .btn.btn-primary-icon-text[disabled]:hover:not([class*=cl-]) {
  color: var(--blue-40)
}
.btn.btn-primary-icon-text:disabled:not([class*=bg-]), .btn.btn-primary-icon-text.pseudo-state-disabled:not([class*=bg-]), .btn.btn-primary-icon-text[disabled]:hover:not([class*=bg-]) {
  background: var(--blue-5)
}
.dark .btn.btn-primary-icon-text {
  border: none;
  opacity: 1
}
.dark .btn.btn-primary-icon-text:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark .btn.btn-primary-icon-text:not([class*=bg-]) {
  background: var(--cyan-10)
}
.dark .btn.btn-primary-icon-text:hover, .dark .btn.btn-primary-icon-text.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: .75
}
.dark .btn.btn-primary-icon-text:hover:not([class*=cl-]), .dark .btn.btn-primary-icon-text.pseudo-state-hover:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark .btn.btn-primary-icon-text:hover:not([class*=bg-]), .dark .btn.btn-primary-icon-text.pseudo-state-hover:not([class*=bg-]) {
  background: var(--cyan-10)
}
.dark .btn.btn-primary-icon-text:hover.btn-secondary:not(:disabled), .dark .btn.btn-primary-icon-text:hover.btn-secondary-icon-text:not(:disabled) > span, .dark .btn.btn-primary-icon-text.pseudo-state-hover.btn-secondary:not(:disabled), .dark .btn.btn-primary-icon-text.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.dark .btn.btn-primary-icon-text div.ripple {
  background: var(--cyan-1)
}
.dark .btn.btn-primary-icon-text:disabled div.ripple {
  background: transparent
}
.dark .btn.btn-primary-icon-text:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.dark .btn.btn-primary-icon-text:active, .dark .btn.btn-primary-icon-text.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: .5
}
.dark .btn.btn-primary-icon-text:active:not([class*=cl-]), .dark .btn.btn-primary-icon-text.pseudo-state-active:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark .btn.btn-primary-icon-text:active:not([class*=bg-]), .dark .btn.btn-primary-icon-text.pseudo-state-active:not([class*=bg-]) {
  background: var(--cyan-10)
}
.dark .btn.btn-primary-icon-text:disabled, .dark .btn.btn-primary-icon-text.pseudo-state-disabled, .dark .btn.btn-primary-icon-text[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: .25
}
.dark .btn.btn-primary-icon-text:disabled:not([class*=cl-]), .dark .btn.btn-primary-icon-text.pseudo-state-disabled:not([class*=cl-]), .dark .btn.btn-primary-icon-text[disabled]:hover:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark .btn.btn-primary-icon-text:disabled:not([class*=bg-]), .dark .btn.btn-primary-icon-text.pseudo-state-disabled:not([class*=bg-]), .dark .btn.btn-primary-icon-text[disabled]:hover:not([class*=bg-]) {
  background: var(--cyan-10)
}
.btn.btn-secondary-icon-text {
  border: none;
  opacity: 1
}
.btn.btn-secondary-icon-text:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-secondary-icon-text:not([class*=bg-]) {
  background: transparent
}
.btn.btn-secondary-icon-text:hover, .btn.btn-secondary-icon-text.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-secondary-icon-text:hover:not([class*=cl-]), .btn.btn-secondary-icon-text.pseudo-state-hover:not([class*=cl-]) {
  color: var(--blue-120)
}
.btn.btn-secondary-icon-text:hover:not([class*=bg-]), .btn.btn-secondary-icon-text.pseudo-state-hover:not([class*=bg-]) {
  background: transparent
}
.btn.btn-secondary-icon-text:hover.btn-secondary:not(:disabled), .btn.btn-secondary-icon-text:hover.btn-secondary-icon-text:not(:disabled) > span, .btn.btn-secondary-icon-text.pseudo-state-hover.btn-secondary:not(:disabled), .btn.btn-secondary-icon-text.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.btn.btn-secondary-icon-text div.ripple {
  background: transparent
}
.btn.btn-secondary-icon-text:disabled div.ripple {
  background: transparent
}
.btn.btn-secondary-icon-text:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.btn.btn-secondary-icon-text:active, .btn.btn-secondary-icon-text.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-secondary-icon-text:active:not([class*=cl-]), .btn.btn-secondary-icon-text.pseudo-state-active:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-secondary-icon-text:active:not([class*=bg-]), .btn.btn-secondary-icon-text.pseudo-state-active:not([class*=bg-]) {
  background: transparent
}
.btn.btn-secondary-icon-text:disabled, .btn.btn-secondary-icon-text.pseudo-state-disabled, .btn.btn-secondary-icon-text[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-secondary-icon-text:disabled:not([class*=cl-]), .btn.btn-secondary-icon-text.pseudo-state-disabled:not([class*=cl-]), .btn.btn-secondary-icon-text[disabled]:hover:not([class*=cl-]) {
  color: var(--blue-40)
}
.btn.btn-secondary-icon-text:disabled:not([class*=bg-]), .btn.btn-secondary-icon-text.pseudo-state-disabled:not([class*=bg-]), .btn.btn-secondary-icon-text[disabled]:hover:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-secondary-icon-text {
  border: none;
  opacity: 1
}
.dark .btn.btn-secondary-icon-text:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark .btn.btn-secondary-icon-text:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-secondary-icon-text:hover, .dark .btn.btn-secondary-icon-text.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-secondary-icon-text:hover:not([class*=cl-]), .dark .btn.btn-secondary-icon-text.pseudo-state-hover:not([class*=cl-]) {
  color: var(--cyan-50)
}
.dark .btn.btn-secondary-icon-text:hover:not([class*=bg-]), .dark .btn.btn-secondary-icon-text.pseudo-state-hover:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-secondary-icon-text:hover.btn-secondary:not(:disabled), .dark .btn.btn-secondary-icon-text:hover.btn-secondary-icon-text:not(:disabled) > span, .dark .btn.btn-secondary-icon-text.pseudo-state-hover.btn-secondary:not(:disabled), .dark .btn.btn-secondary-icon-text.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.dark .btn.btn-secondary-icon-text div.ripple {
  background: transparent
}
.dark .btn.btn-secondary-icon-text:disabled div.ripple {
  background: transparent
}
.dark .btn.btn-secondary-icon-text:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.dark .btn.btn-secondary-icon-text:active, .dark .btn.btn-secondary-icon-text.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-secondary-icon-text:active:not([class*=cl-]), .dark .btn.btn-secondary-icon-text.pseudo-state-active:not([class*=cl-]) {
  color: var(--cyan-25)
}
.dark .btn.btn-secondary-icon-text:active:not([class*=bg-]), .dark .btn.btn-secondary-icon-text.pseudo-state-active:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-secondary-icon-text:disabled, .dark .btn.btn-secondary-icon-text.pseudo-state-disabled, .dark .btn.btn-secondary-icon-text[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-secondary-icon-text:disabled:not([class*=cl-]), .dark .btn.btn-secondary-icon-text.pseudo-state-disabled:not([class*=cl-]), .dark .btn.btn-secondary-icon-text[disabled]:hover:not([class*=cl-]) {
  color: var(--cyan-10)
}
.dark .btn.btn-secondary-icon-text:disabled:not([class*=bg-]), .dark .btn.btn-secondary-icon-text.pseudo-state-disabled:not([class*=bg-]), .dark .btn.btn-secondary-icon-text[disabled]:hover:not([class*=bg-]) {
  background: transparent
}
.btn.btn-ghost-icon-text {
  border: 2px solid var(--blue-110);
  opacity: 1
}
.btn.btn-ghost-icon-text:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-ghost-icon-text:not([class*=bg-]) {
  background: transparent
}
.btn.btn-ghost-icon-text:hover, .btn.btn-ghost-icon-text.pseudo-state-hover {
  border: 2px solid var(--blue-120);
  box-shadow: var(--elevation-level-medium);
  opacity: 1
}
.btn.btn-ghost-icon-text:hover:not([class*=cl-]), .btn.btn-ghost-icon-text.pseudo-state-hover:not([class*=cl-]) {
  color: var(--blue-120)
}
.btn.btn-ghost-icon-text:hover:not([class*=bg-]), .btn.btn-ghost-icon-text.pseudo-state-hover:not([class*=bg-]) {
  background: var(--blue-10)
}
.btn.btn-ghost-icon-text:hover.btn-secondary:not(:disabled), .btn.btn-ghost-icon-text:hover.btn-secondary-icon-text:not(:disabled) > span, .btn.btn-ghost-icon-text.pseudo-state-hover.btn-secondary:not(:disabled), .btn.btn-ghost-icon-text.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.btn.btn-ghost-icon-text div.ripple {
  background: var(--white)
}
.btn.btn-ghost-icon-text:disabled div.ripple {
  background: transparent
}
.btn.btn-ghost-icon-text:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.btn.btn-ghost-icon-text:active, .btn.btn-ghost-icon-text.pseudo-state-active {
  border: 2px solid var(--blue-110);
  box-shadow: none;
  opacity: 1
}
.btn.btn-ghost-icon-text:active:not([class*=cl-]), .btn.btn-ghost-icon-text.pseudo-state-active:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-ghost-icon-text:active:not([class*=bg-]), .btn.btn-ghost-icon-text.pseudo-state-active:not([class*=bg-]) {
  background: transparent
}
.btn.btn-ghost-icon-text:disabled, .btn.btn-ghost-icon-text.pseudo-state-disabled, .btn.btn-ghost-icon-text[disabled]:hover {
  cursor: not-allowed;
  border: 2px solid var(--blue-40);
  box-shadow: none;
  opacity: 1
}
.btn.btn-ghost-icon-text:disabled:not([class*=cl-]), .btn.btn-ghost-icon-text.pseudo-state-disabled:not([class*=cl-]), .btn.btn-ghost-icon-text[disabled]:hover:not([class*=cl-]) {
  color: var(--blue-40)
}
.btn.btn-ghost-icon-text:disabled:not([class*=bg-]), .btn.btn-ghost-icon-text.pseudo-state-disabled:not([class*=bg-]), .btn.btn-ghost-icon-text[disabled]:hover:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-ghost-icon-text {
  border: 2px solid var(--cyan-100);
  opacity: 1
}
.dark .btn.btn-ghost-icon-text:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark .btn.btn-ghost-icon-text:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-ghost-icon-text:hover, .dark .btn.btn-ghost-icon-text.pseudo-state-hover {
  border: 2px solid var(--cyan-50);
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-ghost-icon-text:hover:not([class*=cl-]), .dark .btn.btn-ghost-icon-text.pseudo-state-hover:not([class*=cl-]) {
  color: var(--cyan-50)
}
.dark .btn.btn-ghost-icon-text:hover:not([class*=bg-]), .dark .btn.btn-ghost-icon-text.pseudo-state-hover:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-ghost-icon-text:hover.btn-secondary:not(:disabled), .dark .btn.btn-ghost-icon-text:hover.btn-secondary-icon-text:not(:disabled) > span, .dark .btn.btn-ghost-icon-text.pseudo-state-hover.btn-secondary:not(:disabled), .dark .btn.btn-ghost-icon-text.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.dark .btn.btn-ghost-icon-text div.ripple {
  background: var(--cyan-25)
}
.dark .btn.btn-ghost-icon-text:disabled div.ripple {
  background: transparent
}
.dark .btn.btn-ghost-icon-text:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.dark .btn.btn-ghost-icon-text:active, .dark .btn.btn-ghost-icon-text.pseudo-state-active {
  border: 2px solid var(--cyan-25);
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-ghost-icon-text:active:not([class*=cl-]), .dark .btn.btn-ghost-icon-text.pseudo-state-active:not([class*=cl-]) {
  color: var(--cyan-25)
}
.dark .btn.btn-ghost-icon-text:active:not([class*=bg-]), .dark .btn.btn-ghost-icon-text.pseudo-state-active:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-ghost-icon-text:disabled, .dark .btn.btn-ghost-icon-text.pseudo-state-disabled, .dark .btn.btn-ghost-icon-text[disabled]:hover {
  cursor: not-allowed;
  border: 2px solid var(--cyan-10);
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-ghost-icon-text:disabled:not([class*=cl-]), .dark .btn.btn-ghost-icon-text.pseudo-state-disabled:not([class*=cl-]), .dark .btn.btn-ghost-icon-text[disabled]:hover:not([class*=cl-]) {
  color: var(--cyan-10)
}
.dark .btn.btn-ghost-icon-text:disabled:not([class*=bg-]), .dark .btn.btn-ghost-icon-text.pseudo-state-disabled:not([class*=bg-]), .dark .btn.btn-ghost-icon-text[disabled]:hover:not([class*=bg-]) {
  background: transparent
}
.btn.btn-tertiary {
  border: none;
  opacity: 1
}
.btn.btn-tertiary:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-tertiary:not([class*=bg-]) {
  background: transparent
}
.btn.btn-tertiary:hover, .btn.btn-tertiary.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-tertiary:hover:not([class*=cl-]), .btn.btn-tertiary.pseudo-state-hover:not([class*=cl-]) {
  color: var(--blue-120)
}
.btn.btn-tertiary:hover:not([class*=bg-]), .btn.btn-tertiary.pseudo-state-hover:not([class*=bg-]) {
  background: transparent
}
.btn.btn-tertiary:hover.btn-secondary:not(:disabled), .btn.btn-tertiary:hover.btn-secondary-icon-text:not(:disabled) > span, .btn.btn-tertiary.pseudo-state-hover.btn-secondary:not(:disabled), .btn.btn-tertiary.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.btn.btn-tertiary div.ripple {
  background: transparent
}
.btn.btn-tertiary:disabled div.ripple {
  background: transparent
}
.btn.btn-tertiary:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.btn.btn-tertiary:active, .btn.btn-tertiary.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-tertiary:active:not([class*=cl-]), .btn.btn-tertiary.pseudo-state-active:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-tertiary:active:not([class*=bg-]), .btn.btn-tertiary.pseudo-state-active:not([class*=bg-]) {
  background: transparent
}
.btn.btn-tertiary:disabled, .btn.btn-tertiary.pseudo-state-disabled, .btn.btn-tertiary[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-tertiary:disabled:not([class*=cl-]), .btn.btn-tertiary.pseudo-state-disabled:not([class*=cl-]), .btn.btn-tertiary[disabled]:hover:not([class*=cl-]) {
  color: var(--blue-40)
}
.btn.btn-tertiary:disabled:not([class*=bg-]), .btn.btn-tertiary.pseudo-state-disabled:not([class*=bg-]), .btn.btn-tertiary[disabled]:hover:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-tertiary {
  border: none;
  opacity: 1
}
.dark .btn.btn-tertiary:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark .btn.btn-tertiary:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-tertiary:hover, .dark .btn.btn-tertiary.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-tertiary:hover:not([class*=cl-]), .dark .btn.btn-tertiary.pseudo-state-hover:not([class*=cl-]) {
  color: var(--cyan-50)
}
.dark .btn.btn-tertiary:hover:not([class*=bg-]), .dark .btn.btn-tertiary.pseudo-state-hover:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-tertiary:hover.btn-secondary:not(:disabled), .dark .btn.btn-tertiary:hover.btn-secondary-icon-text:not(:disabled) > span, .dark .btn.btn-tertiary.pseudo-state-hover.btn-secondary:not(:disabled), .dark .btn.btn-tertiary.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.dark .btn.btn-tertiary div.ripple {
  background: transparent
}
.dark .btn.btn-tertiary:disabled div.ripple {
  background: transparent
}
.dark .btn.btn-tertiary:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.dark .btn.btn-tertiary:active, .dark .btn.btn-tertiary.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-tertiary:active:not([class*=cl-]), .dark .btn.btn-tertiary.pseudo-state-active:not([class*=cl-]) {
  color: var(--cyan-25)
}
.dark .btn.btn-tertiary:active:not([class*=bg-]), .dark .btn.btn-tertiary.pseudo-state-active:not([class*=bg-]) {
  background: transparent
}
.dark .btn.btn-tertiary:disabled, .dark .btn.btn-tertiary.pseudo-state-disabled, .dark .btn.btn-tertiary[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
.dark .btn.btn-tertiary:disabled:not([class*=cl-]), .dark .btn.btn-tertiary.pseudo-state-disabled:not([class*=cl-]), .dark .btn.btn-tertiary[disabled]:hover:not([class*=cl-]) {
  color: var(--cyan-10)
}
.dark .btn.btn-tertiary:disabled:not([class*=bg-]), .dark .btn.btn-tertiary.pseudo-state-disabled:not([class*=bg-]), .dark .btn.btn-tertiary[disabled]:hover:not([class*=bg-]) {
  background: transparent
}
.btn.btn-icon {
  border: none;
  opacity: 1
}
.btn.btn-icon:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-icon:not([class*=bg-]) {
  background: var(--blue-10)
}
.btn.btn-icon:hover, .btn.btn-icon.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-icon:hover:not([class*=cl-]), .btn.btn-icon.pseudo-state-hover:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-icon:hover:not([class*=bg-]), .btn.btn-icon.pseudo-state-hover:not([class*=bg-]) {
  background: var(--blue-25)
}
.btn.btn-icon:hover.btn-secondary:not(:disabled), .btn.btn-icon:hover.btn-secondary-icon-text:not(:disabled) > span, .btn.btn-icon.pseudo-state-hover.btn-secondary:not(:disabled), .btn.btn-icon.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.btn.btn-icon div.ripple {
  background: var(--blue-10)
}
.btn.btn-icon:disabled div.ripple {
  background: transparent
}
.btn.btn-icon:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.btn.btn-icon:active, .btn.btn-icon.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-icon:active:not([class*=cl-]), .btn.btn-icon.pseudo-state-active:not([class*=cl-]) {
  color: var(--blue-110)
}
.btn.btn-icon:active:not([class*=bg-]), .btn.btn-icon.pseudo-state-active:not([class*=bg-]) {
  background: var(--blue-50)
}
.btn.btn-icon:disabled, .btn.btn-icon.pseudo-state-disabled, .btn.btn-icon[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
.btn.btn-icon:disabled:not([class*=cl-]), .btn.btn-icon.pseudo-state-disabled:not([class*=cl-]), .btn.btn-icon[disabled]:hover:not([class*=cl-]) {
  color: var(--blue-25)
}
.btn.btn-icon:disabled:not([class*=bg-]), .btn.btn-icon.pseudo-state-disabled:not([class*=bg-]), .btn.btn-icon[disabled]:hover:not([class*=bg-]) {
  background: var(--blue-10)
}
.btn .ripple {
  position: absolute;
  border-radius: 50%;
  animation: rippleEffect .6s ease-in;
  z-index: 100;
  opacity: 1;
  transform: scale(0)
}
@keyframes rippleEffect {
  from {
    transform: scale(.5)
  }
  to {
    transform: scale(4);
    opacity: 0
  }
}
.breadcrumb {
  display: block;
  width: 100%;
  padding: 36px 0;
  margin-bottom: -24px;
  list-style: none
}
.breadcrumb-item {
  display: inline-block;
  color: var(--black-100)
}
.breadcrumb-item a {
  color: inherit
}
.breadcrumb-item:not(:first-child):before {
  padding-right: 4px;
  padding-left: 4px;
  color: #6c757d;
  content: "/";
  pointer-events: none
}
.breadcrumb-item:hover::before {
  text-decoration: underline
}
.breadcrumb-item:hover::before {
  text-decoration: none
}
.breadcrumb-item:last-child {
  pointer-events: none
}
.card-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between
}
.card-wrapper.list-view .card-container {
  flex: 1 100%
}
.card-wrapper.list-view .card-container .card {
  display: flex;
  margin-bottom: 16px;
  padding: 18px;
  justify-content: space-between
}
.card-wrapper.list-view .card-container .card .card-header {
  justify-content: center;
  align-items: center
}
.card-wrapper.list-view .card-container .card .card-header .meta-title, .card-wrapper.list-view .card-container .card .card-header .card-media {
  outline: none
}
.card-wrapper.list-view .card-container .card .card-media {
  align-items: center;
  margin-right: 24px;
  flex: 1 auto
}
.card-wrapper.list-view .card-container .card .card-media.list {
  height: 40px;
  max-height: 40px
}
.card-wrapper.list-view .card-container .card .card-media.list span.cm-icon {
  padding-top: 4px
}
.card-wrapper.list-view .card-container .card .card-media.tile {
  display: none
}
.card-wrapper.tile-view .card-container {
  width: calc(33% - 32px);
  margin: 16px 0;
  display: flex;
  height: 376px
}
.card-wrapper.tile-view .card-container .card {
  width: 100%;
  overflow: hidden
}
.card-wrapper.tile-view .card-container .card .card-header {
  width: 100%
}
.card-wrapper.tile-view .card-container .card .card-header .meta-icon > * {
  width: 40px
}
.card-wrapper.tile-view .card-container .card .card-media {
  align-items: normal;
  margin-top: 28px
}
.card-wrapper.tile-view .card-container .card .card-media.list {
  display: none
}
.card-wrapper.tile-view .card-container .card .card-media.tile {
  max-height: 256px;
  min-height: 244px;
  text-overflow: ellipsis;
  overflow: hidden
}
.card-wrapper.tile-view .card-container .card .card-menu {
  z-index: 1;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity .2s;
  border-radius: 16px;
  text-align: right;
  padding-top: 32px;
  padding-right: 32px
}
.card-wrapper.tile-view .card-container .card .card-menu > .buttons {
  pointer-events: all;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%)
}
.card-wrapper.tile-view .card-container:not(.disabled) .card:hover .card-menu {
  --cm-context-menu-dots-color: var(--default-color);
  opacity: 1
}
.card-wrapper.tile-view .card-container:not(.disabled) .card:hover .card-menu span.cm-icon {
  color: var(--default-color)
}
.card-wrapper .card-container {
  position: relative;
  outline: none
}
.card-wrapper .card-container.selected .card {
  background-color: var(--selected-background);
  border: var(--selected-border)
}
.card-wrapper .card-container.success .card {
  border: var(--default-success-border);
  background-color: var(--green-bg)
}
.card-wrapper .card-container.error .card {
  border: var(--default-error-border);
  background-color: var(--error-bg)
}
.card-wrapper .card-container.disabled .card {
  border: var(--default-dashed-border)
}
.card-wrapper .card-container.disabled .card > * {
  opacity: .5
}
.card-wrapper .card-container.disabled .card > *.no-opacity {
  opacity: 1
}
.card-wrapper .card-container.disabled .card:hover {
  cursor: not-allowed
}
.card-wrapper .card-container:not(.disabled) .card:hover {
  box-shadow: var(--elevation-level-medium);
  cursor: pointer;
  color: var(--label-disabled-color)
}
.card-wrapper .card-container:not(.disabled) .card:hover .card-header .meta-title .heading, .card-wrapper .card-container:not(.disabled) .card:hover .card-header .meta-title .sub-heading {
  color: var(--label-disabled-color)
}
.card-wrapper .card-container .card {
  font-size: 14px;
  color: var(--label-color);
  transition: .2s;
  border: var(--default-border);
  outline: none;
  border-radius: 16px;
  padding: 32px;
  background-color: var(--background)
}
.card-wrapper .card-container .card .card-header {
  display: flex;
  flex: 0 auto;
  margin-right: 16px
}
.card-wrapper .card-container .card .card-header .meta-icon {
  display: flex;
  justify-content: center;
  align-items: center
}
.card-wrapper .card-container .card .card-header .meta-icon > * {
  margin-right: 8px
}
.card-wrapper .card-container .card .card-header .meta-icon :not(.badge) > span.cm-icon, .card-wrapper .card-container .card .card-header .meta-icon span.cm-icon {
  justify-content: center;
  font-size: 24px;
  width: 1em
}
.card-wrapper .card-container .card .card-header .meta-icon .badge span.cm-icon {
  justify-content: initial;
  font-size: initial;
  width: initial
}
.card-wrapper .card-container .card .card-header .meta-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500
}
.card-wrapper .card-container .card .card-header .meta-title .heading {
  font-weight: 500
}
.card-wrapper .card-container .card .card-header .meta-title .heading:not([class*=cl-]) {
  color: var(--label-color)
}
.card-wrapper .card-container .card .card-header .meta-title .sub-heading:not([class*=cl-]) {
  color: var(--label-sub-color)
}
.card-wrapper .card-container .card .card-media {
  display: flex
}
@media(max-width:1400px) {
  .card-wrapper.tile-view .card-container {
    width: calc(50% - 32px)
  }
}
@media(max-width:768px) {
  .card-wrapper {
    flex-direction: column
  }
  .card-wrapper.tile-view .card-container {
    width: 100%
  }
}
.cm-channel {
  display: inline-flex;
  font-size: 24px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  min-width: 1em;
  min-height: 1em;
  background-size: 0 0
}
.cm-channel:not([class*=bg-]) {
  background-color: transparent
}
.cm-channel.small {
  font-size: 16px
}
.cm-channel.large {
  font-size: 40px
}
.cm-channel.xlarge {
  font-size: 120px
}
.cm-channel[class*=bg-] {
  z-index: 0;
  border-radius: 50%
}
.cm-channel[class*=bg-]:after {
  background-color: inherit;
  position: absolute;
  display: block;
  overflow: hidden;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  content: "";
  border-radius: inherit;
  z-index: 0;
  top: -4px;
  left: -4px
}
.cm-channel[class*=bg-]:before {
  z-index: 1
}
.cm-channel[class*=cm-channel-]:before {
  content: " ";
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  position: absolute;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  font-size: 500%;
  pointer-events: none;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: 50%;
  -webkit-mask-size: 50%;
  mask-position: right;
  -webkit-mask-position: right
}
.cm-channel-apple-business:before {
  background-image: url(../image/apple-business.svg);
  -webkit-background-image: url(../image/apple-business.svg)
}
.cm-channel-apple-business-gray:before {
  background-image: url(../image/apple-business-gray.svg);
  -webkit-background-image: url(../image/apple-business-gray.svg)
}
.cm-channel-apple-business-simple:before {
  background-image: url(../image/apple-business-simple.svg);
  -webkit-background-image: url(../image/apple-business-simple.svg)
}
.cm-channel-bot:before {
  background-image: url(../image/bot.svg);
  -webkit-background-image: url(../image/bot.svg)
}
.cm-channel-bot-simple:before {
  background-image: url(../image/bot-simple.svg);
  -webkit-background-image: url(../image/bot-simple.svg)
}
.cm-channel-email:before {
  background-image: url(../image/email9.svg);
  -webkit-background-image: url(../image/email9.svg)
}
.cm-channel-email-gray:before {
  background-image: url(../image/email-gray.svg);
  -webkit-background-image: url(../image/email-gray.svg)
}
.cm-channel-email-simple:before {
  background-image: url(../image/email-simple.svg);
  -webkit-background-image: url(../image/email-simple.svg)
}
.cm-channel-googlebm:before {
  background-image: url(../image/googlebm.svg);
  -webkit-background-image: url(../image/googlebm.svg)
}
.cm-channel-googlebm-gray:before {
  background-image: url(../image/googlebm-gray.svg);
  -webkit-background-image: url(../image/googlebm-gray.svg)
}
.cm-channel-googlebm-simple:before {
  background-image: url(../image/googlebm-simple.svg);
  -webkit-background-image: url(../image/googlebm-simple.svg)
}
.cm-channel-imessage:before {
  background-image: url(../image/imessage.svg);
  -webkit-background-image: url(../image/imessage.svg)
}
.cm-channel-imessage-gray:before {
  background-image: url(../image/imessage-gray.svg);
  -webkit-background-image: url(../image/imessage-gray.svg)
}
.cm-channel-imessage-simple:before {
  background-image: url(../image/imessage-simple.svg);
  -webkit-background-image: url(../image/imessage-simple.svg)
}
.cm-channel-instagram:before {
  background-image: url(../image/instagram.svg);
  -webkit-background-image: url(../image/instagram.svg)
}
.cm-channel-instagram-gray:before {
  background-image: url(../image/instagram-gray.svg);
  -webkit-background-image: url(../image/instagram-gray.svg)
}
.cm-channel-instagram-simple:before {
  background-image: url(../image/instagram-simple.svg);
  -webkit-background-image: url(../image/instagram-simple.svg)
}
.cm-channel-line:before {
  background-image: url(../image/line.svg);
  -webkit-background-image: url(../image/line.svg)
}
.cm-channel-line-gray:before {
  background-image: url(../image/line-gray.svg);
  -webkit-background-image: url(../image/line-gray.svg)
}
.cm-channel-line-simple:before {
  background-image: url(../image/line-simple.svg);
  -webkit-background-image: url(../image/line-simple.svg)
}
.cm-channel-livechat:before {
  background-image: url(../image/livechat.svg);
  -webkit-background-image: url(../image/livechat.svg)
}
.cm-channel-livechat-gray:before {
  background-image: url(../image/livechat-gray.svg);
  -webkit-background-image: url(../image/livechat-gray.svg)
}
.cm-channel-livechat-simple:before {
  background-image: url(../image/livechat-simple.svg);
  -webkit-background-image: url(../image/livechat-simple.svg)
}
.cm-channel-messenger:before {
  background-image: url(../image/messenger.svg);
  -webkit-background-image: url(../image/messenger.svg)
}
.cm-channel-messenger-gray:before {
  background-image: url(../image/messenger-gray.svg);
  -webkit-background-image: url(../image/messenger-gray.svg)
}
.cm-channel-messenger-simple:before {
  background-image: url(../image/messenger-simple.svg);
  -webkit-background-image: url(../image/messenger-simple.svg)
}
.cm-channel-mms:before {
  background-image: url(../image/mms.svg);
  -webkit-background-image: url(../image/mms.svg)
}
.cm-channel-mms-simple:before {
  background-image: url(../image/mms-simple.svg);
  -webkit-background-image: url(../image/mms-simple.svg)
}
.cm-channel-notifire:before {
  background-image: url(../image/notifire.svg);
  -webkit-background-image: url(../image/notifire.svg)
}
.cm-channel-notifire-gray:before {
  background-image: url(../image/notifire-gray.svg);
  -webkit-background-image: url(../image/notifire-gray.svg)
}
.cm-channel-notifire-simple:before {
  background-image: url(../image/notifire-simple.svg);
  -webkit-background-image: url(../image/notifire-simple.svg)
}
.cm-channel-payments:before {
  background-image: url(../image/payments9.svg);
  -webkit-background-image: url(../image/payments9.svg)
}
.cm-channel-payments-simple:before {
  background-image: url(../image/payments-simple.svg);
  -webkit-background-image: url(../image/payments-simple.svg)
}
.cm-channel-push:before {
  background-image: url(../image/push9.svg);
  -webkit-background-image: url(../image/push9.svg)
}
.cm-channel-push-gray:before {
  background-image: url(../image/push-gray.svg);
  -webkit-background-image: url(../image/push-gray.svg)
}
.cm-channel-push-simple:before {
  background-image: url(../image/push-simple.svg);
  -webkit-background-image: url(../image/push-simple.svg)
}
.cm-channel-rcs:before {
  background-image: url(../image/rcs.svg);
  -webkit-background-image: url(../image/rcs.svg)
}
.cm-channel-rcs-gray:before {
  background-image: url(../image/rcs-gray.svg);
  -webkit-background-image: url(../image/rcs-gray.svg)
}
.cm-channel-rcs-simple:before {
  background-image: url(../image/rcs-simple.svg);
  -webkit-background-image: url(../image/rcs-simple.svg)
}
.cm-channel-sms:before {
  background-image: url(../image/sms9.svg);
  -webkit-background-image: url(../image/sms9.svg)
}
.cm-channel-sms-gray:before {
  background-image: url(../image/sms-gray.svg);
  -webkit-background-image: url(../image/sms-gray.svg)
}
.cm-channel-sms-simple:before {
  background-image: url(../image/apple-business-simple.svg);
  -webkit-background-image: url(../image/apple-business-simple.svg)
}
.cm-channel-telegram:before {
  background-image: url(../image/telegram.svg);
  -webkit-background-image: url(../image/telegram.svg)
}
.cm-channel-telegram-gray:before {
  background-image: url(../image/telegram-gray.svg);
  -webkit-background-image: url(../image/telegram-gray.svg)
}
.cm-channel-telegram-simple:before {
  background-image: url(../image/telegram-simple.svg);
  -webkit-background-image: url(../image/telegram-simple.svg)
}
.cm-channel-twitter:before {
  background-image: url(../image/twitter.svg);
  -webkit-background-image: url(../image/twitter.svg)
}
.cm-channel-twitter-gray:before {
  background-image: url(../image/twitter-gray.svg);
  -webkit-background-image: url(../image/twitter-gray.svg)
}
.cm-channel-twitter-simple:before {
  background-image: url(../image/twitter-simple.svg);
  -webkit-background-image: url(../image/twitter-simple.svg)
}
.cm-channel-verified-sms:before {
  background-image: url(../image/verified-sms.svg);
  -webkit-background-image: url(../image/verified-sms.svg)
}
.cm-channel-verified-sms-gray:before {
  background-image: url(../image/verified-sms-gray.svg);
  -webkit-background-image: url(../image/verified-sms-gray.svg)
}
.cm-channel-verified-sms-simple:before {
  background-image: url(../image/verified-sms-simple.svg);
  -webkit-background-image: url(../image/verified-sms-simple.svg)
}
.cm-channel-viber:before {
  background-image: url(../image/viber.svg);
  -webkit-background-image: url(../image/viber.svg)
}
.cm-channel-viber-gray:before {
  background-image: url(../image/viber-gray.svg);
  -webkit-background-image: url(../image/viber-gray.svg)
}
.cm-channel-viber-simple:before {
  background-image: url(../image/viber-simple.svg);
  -webkit-background-image: url(../image/viber-simple.svg)
}
.cm-channel-voice:before {
  background-image: url(../image/voice9.svg);
  -webkit-background-image: url(../image/voice9.svg)
}
.cm-channel-voice-gray:before {
  background-image: url(../image/voice-gray.svg);
  -webkit-background-image: url(../image/voice-gray.svg)
}
.cm-channel-voice-simple:before {
  background-image: url(../image/voice-simple.svg);
  -webkit-background-image: url(../image/voice-simple.svg)
}
.cm-channel-wechat:before {
  background-image: url(../image/wechat.svg);
  -webkit-background-image: url(../image/wechat.svg)
}
.cm-channel-wechat-gray:before {
  background-image: url(../image/wechat-gray.svg);
  -webkit-background-image: url(../image/wechat-gray.svg)
}
.cm-channel-wechat-simple:before {
  background-image: url(../image/wechat-simple.svg);
  -webkit-background-image: url(../image/wechat-simple.svg)
}
.cm-channel-whatsapp:before {
  background-image: url(../image/whatsapp.svg);
  -webkit-background-image: url(../image/whatsapp.svg)
}
.cm-channel-whatsapp-gray:before {
  background-image: url(../image/whatsapp-gray.svg);
  -webkit-background-image: url(../image/whatsapp-gray.svg)
}
.cm-channel-whatsapp-simple:before {
  background-image: url(../image/whatsapp-simple.svg);
  -webkit-background-image: url(../image/whatsapp-simple.svg)
}
div.container-group {
  font-weight: 500;
  text-align: left
}
div.container-group div.container-group-row {
  color: var(--text-color);
  min-height: 64px;
  border-radius: 10px;
  padding: 0 16px;
  transition: all .35s
}
div.container-group div.container-group-row:hover {
  box-shadow: var(--elevation-level-medium)
}
div.container-group div.container-group-row div.container-group-item {
  border-bottom: var(--default-border);
  padding: 8px 0;
  align-items: center
}
div.container-group div.container-group-row div.container-group-item:hover {
  border-color: var(--background)
}
div.container-group div.container-group-row div.container-group-item .container-content {
  flex: 0 0 83.333333%;
  max-width: 83.333333%
}
div.container-group div.container-group-row div.container-group-item .container-content.without-avatar .content, div.container-group div.container-group-row div.container-group-item .container-content.without-avatar .footer {
  padding-left: 0
}
div.container-group div.container-group-row div.container-group-item .container-content-meta {
  flex: 0 0 16.666667%;
  max-width: 16.666667%
}
div.container-group div.container-group-row div.container-group-item div.container-group-col {
  align-items: center;
  flex: 0 0 100%;
  max-width: 100%
}
div.container-group div.container-group-row div.container-group-item div.container-group-col div.meta-last {
  max-width: 128px
}
div.container-group div.container-group-row div.container-group-item div.container-group-col div.meta-avatar {
  max-width: 40px;
  margin: 0
}
div.container-group div.container-group-row div.container-group-item div.container-group-col.header {
  color: var(--label-color);
  font-size: 14px;
  line-height: 18px
}
div.container-group div.container-group-row div.container-group-item div.container-group-col.header .container-sub-header {
  color: var(--label-disabled-color)
}
div.container-group div.container-group-row div.container-group-item div.container-group-col.content {
  margin: 8px 0;
  padding-left: 40px
}
div.container-group div.container-group-row div.container-group-item div.container-group-col.footer {
  padding-left: 40px
}
div.container-group div.container-group-row div.container-group-item div.container-group-col.footer .cm-icon {
  font-size: 16px;
  padding-top: 2px
}
div.container-group div.container-group-row div.container-group-item div.container-group-col.footer .cm-icon:not(:first-child) {
  margin-left: 16px
}
cm-context-menu-option li {
  padding: 12px 16px;
  color: var(--label-color);
  cursor: pointer;
  font-weight: 600;
  display: block;
  height: auto;
  line-height: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
cm-context-menu-option li:hover:not(.disabled) {
  background-color: var(--option-hover-background-color) !important
}
cm-context-menu-option li:hover:not(.disabled) a {
  color: var(--selected-color) !important
}
cm-context-menu-option li:active {
  color: var(--label-disabled-color);
  background-color: transparent
}
cm-context-menu-option li.disabled {
  color: var(--label-disabled-color);
  cursor: not-allowed
}
cm-context-menu-option li.selected {
  border-left: 4px solid var(--selected-color);
  padding-left: 12px;
  background-color: var(--option-selected-background-color) !important;
  cursor: default
}
cm-context-menu-option li.selected a {
  color: var(--selected-color) !important
}
cm-context-menu-option a {
  color: inherit;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  position: relative
}
cm-context-menu-option a > .menu-dropdown-icon {
  color: inherit;
  font-size: 24px;
  height: 32px;
  width: 24px;
  position: absolute;
  left: 0
}
cm-context-menu-option a > .menu-dropdown-icon > .cm-app, cm-context-menu-option a > .menu-dropdown-icon > .cm-flag {
  position: absolute;
  background-size: 24px 24px !important;
  max-width: 24px;
  max-height: 24px;
  top: 0;
  left: 50%;
  transform: translate(-50%, 2px)
}
cm-context-menu-option a > .menu-dropdown-icon + .menu-dropdown-info {
  padding-left: 32px
}
cm-context-menu-option a > .menu-dropdown-icon.app + .menu-dropdown-info, cm-context-menu-option a > .menu-dropdown-icon.flag + .menu-dropdown-info {
  padding-left: 34px
}
cm-context-menu-option a > .menu-dropdown-info {
  padding-left: 8px;
  line-height: 26px;
  font-size: 14px;
  position: relative
}
cm-context-menu-option a > .menu-dropdown-info-second {
  margin-left: auto;
  font-size: 12px;
  color: var(--label-disabled-color);
  line-height: 26px
}
body {
  --white: rgb(255, 255, 255);
  --white-80: rgba(255, 255, 255, 0.8);
  --white-60: rgba(255, 255, 255, 0.6);
  --white-50: rgba(255, 255, 255, 0.5);
  --white-40: rgba(255, 255, 255, 0.4);
  --white-25: rgba(255, 255, 255, 0.25);
  --white-20: rgba(255, 255, 255, 0.2);
  --white-10: rgba(255, 255, 255, 0.1);
  --white-5: rgba(255, 255, 255, 0.05);
  --white-2-5: rgba(255, 255, 255, 0.025);
  --white-1: rgba(255, 255, 255, 0.01);
  --black-140: rgb(16, 30, 30);
  --black-120: rgb(33, 46, 57);
  --black-100: rgb(52, 64, 85);
  --black-80: rgb(93, 102, 119);
  --black-71: rgb(111, 119, 134);
  --black-60: rgb(133, 140, 153);
  --black-50: rgb(153, 159, 170);
  --black-40: rgb(174, 179, 187);
  --black-25: rgb(204, 207, 212);
  --black-20: rgb(214, 217, 221);
  --black-10: rgb(234, 235, 238);
  --black-5: rgb(245, 245, 246);
  --black-2-5: rgb(249, 249, 250);
  --black-2: rgb(251, 251, 252);
  --black-1: rgb(253, 253, 253);
  --green-180: rgb(25, 68, 54);
  --green-146: rgb(40, 133, 95);
  --green-140: rgb(42, 144, 102);
  --green-100: rgb(61, 220, 151);
  --green-80: rgb(100, 227, 172);
  --green-60: rgb(139, 234, 193);
  --green-50: rgb(158, 237, 203);
  --green-40: rgb(177, 241, 213);
  --green-25: rgb(206, 246, 229);
  --green-20: rgb(216, 248, 234);
  --green-10: rgb(235, 251, 244);
  --teal-200: rgb(14, 140, 118);
  --teal-100: rgb(27, 252, 213);
  --teal-50: rgba(27, 252, 213, 0.5);
  --teal-25: rgba(27, 252, 213, 0.25);
  --teal-10: rgba(27, 252, 213, 0.1);
  --blue-180: rgb(13, 49, 75);
  --blue-153: rgb(8, 75, 136);
  --blue-144: rgb(7, 84, 156);
  --blue-140: rgb(6, 88, 165);
  --blue-120: rgb(3, 107, 210);
  --blue-110: rgb(0, 116, 232);
  --blue-100: rgb(0, 127, 255);
  --blue-80: rgb(51, 153, 255);
  --blue-60: rgb(102, 178, 255);
  --blue-50: rgb(127, 191, 255);
  --blue-40: rgb(153, 204, 255);
  --blue-25: rgb(191, 223, 255);
  --blue-20: rgb(204, 229, 255);
  --blue-10: rgb(229, 242, 255);
  --blue-5: rgb(242, 248, 255);
  --blue-2-5: rgb(250, 253, 255);
  --blue-1: rgb(252, 253, 255);
  --cyan-200: rgb(12, 148, 158);
  --cyan-100: rgb(4, 228, 244);
  --cyan-50: rgba(4, 228, 244, 0.5);
  --cyan-40: rgba(4, 228, 244, 0.4);
  --cyan-25: rgba(4, 228, 244, 0.25);
  --cyan-20: rgba(4, 228, 244, 0.2);
  --cyan-10: rgba(4, 228, 244, 0.1);
  --cyan-5: rgba(4, 228, 244, 0.05);
  --cyan-2-5: rgba(4, 228, 244, 0.025);
  --cyan-1: rgba(4, 228, 244, 0.01);
  --purple-400: rgb(29, 29, 92);
  --purple-300: rgb(33, 27, 72);
  --purple-200: rgb(68, 21, 157);
  --purple-100: rgb(102, 16, 242);
  --purple-50: rgba(102, 16, 242, 0.5);
  --purple-25: rgba(102, 16, 242, 0.25);
  --purple-10: rgba(102, 16, 242, 0.1);
  --red-180: rgb(64, 38, 42);
  --red-140: rgb(159, 55, 67);
  --red-118: rgb(212, 64, 80);
  --red-100: rgb(255, 73, 92);
  --red-80: rgb(255, 109, 125);
  --red-60: rgb(255, 146, 157);
  --red-50: rgb(255, 164, 173);
  --red-40: rgb(255, 182, 190);
  --red-25: rgb(255, 209, 214);
  --red-20: rgb(255, 219, 222);
  --red-10: rgb(255, 236, 238);
  --orange-180: rgb(64, 56, 24);
  --orange-141: rgb(157, 108, 12);
  --orange-140: rgb(159, 110, 12);
  --orange-100: rgb(255, 164, 0);
  --orange-80: rgb(255, 182, 51);
  --orange-60: rgb(255, 200, 102);
  --orange-50: rgb(255, 209, 127);
  --orange-40: rgb(255, 219, 153);
  --orange-25: rgb(255, 232, 191);
  --orange-20: rgb(255, 237, 204);
  --orange-10: rgb(255, 245, 229);
  --yellow-300: rgb(63, 64, 35);
  --yellow-200: rgb(157, 133, 49);
  --yellow-100: rgb(253, 202, 64);
  --yellow-50: rgba(253, 202, 64, 0.5);
  --yellow-25: rgba(253, 202, 64, 0.25);
  --yellow-10: rgba(253, 202, 64, 0.1);
  --transparent: rgba(0, 0, 0, 0);
  background: var(--background) !important
}
body:not(.dark) {
  --bg-background-color: var(--background);
  --cl-background-color: var(--background);
  --cl-success-color: var(--green-100);
  --bg-success-color: var(--green-10);
  --cl-error-color: var(--red-100);
  --bg-error-color: var(--red-10);
  --cl-warning-color: var(--orange-100);
  --bg-warning-color: var(--orange-10);
  --cl-text-color: var(--text-color);
  --bg-selected-color: var(--selected-color);
  --bg-selected-light-color: var(--selected-background);
  --cl-selected-color: var(--selected-color);
  --cl-default-inverse-color: var(--default-color-inverse);
  --bg-default-color: var(--default-background);
  --bg-default-inverse-color: var(--default-background-inverse);
  --cl-default-color: var(--default-color);
  --cl-hint-text-color: var(--hint-text-color);
  --bg-transparent: var(--transparent)
}
body.dark {
  --cl-background-color: var(--background);
  --bg-background-color: var(--background);
  --cl-success-color: var(--green-100);
  --bg-success-color: var(--green-10);
  --cl-error-color: var(--red-100);
  --bg-error-color: var(--red-10);
  --cl-warning-color: var(--orange-100);
  --bg-warning-color: var(--orange-10);
  --cl-text-color: var(--text-color);
  --bg-selected-color: var(--selected-color);
  --bg-selected-light-color: var(--selected-background);
  --cl-selected-color: var(--selected-color);
  --cl-default-inverse-color: var(--default-color-inverse);
  --bg-default-color: var(--default-background);
  --bg-default-inverse-color: var(--default-background-inverse);
  --cl-default-color: var(--default-color);
  --cl-hint-text-color: var(--hint-text-color);
  --bg-transparent: var(--transparent)
}
.bg-background-color {
  background-color: var(--background)
}
.bg-selected-color {
  background-color: var(--selected-color)
}
.bg-selected-color:not([class*=cl-]) {
  color: var(--white)
}
.bg-selected-light-color, cm-smart-filter-pill .pill.pill-state.pill-state-applied, .bg-selected-light-color-hover:hover, .bg-selected-light-color-active:active {
  background-color: var(--selected-background)
}
.bg-default-color-trans {
  background-color: var(--default-background-trans)
}
.bg-default-color-hover:hover {
  background-color: var(--black-71)
}
.bg-default-inverse-color {
  background-color: var(--default-background-inverse)
}
.bg-primary-color-xhc {
  background-color: var(--blue-153)
}
.bg-primary-color-xhc:not([class*=cl-]) {
  color: var(--white)
}
.bg-primary-color-hc {
  background-color: var(--blue-120)
}
.bg-primary-color-hc:not([class*=cl-]) {
  color: var(--white)
}
.bg-primary-color {
  background-color: var(--blue-110)
}
.bg-primary-color:not([class*=cl-]) {
  color: var(--white)
}
.bg-primary-color-light {
  background-color: var(--blue-20)
}
.bg-primary-color-light:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-default-color-xhc {
  background-color: var(--black-140)
}
.bg-default-color-xhc:not([class*=cl-]) {
  color: var(--white)
}
.bg-default-color-hc {
  background-color: var(--black-100)
}
.bg-default-color-hc:not([class*=cl-]) {
  color: var(--white)
}
.bg-default-color {
  background-color: var(--black-71)
}
.bg-default-color:not([class*=cl-]) {
  color: var(--white)
}
.bg-default-color-light, cm-smart-filter-pill .pill.pill-state, .bg-default-color-light-hover:hover {
  background-color: var(--black-10)
}
.bg-default-color-light:not([class*=cl-]), cm-smart-filter-pill .pill.pill-state:not([class*=cl-]), .bg-default-color-light-hover:hover:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-success-color-hc {
  background-color: var(--green-146)
}
.bg-success-color-hc:not([class*=cl-]) {
  color: var(--white)
}
.bg-success-color {
  background-color: var(--green-100)
}
.bg-success-color:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-success-color-light {
  background-color: var(--green-20)
}
.bg-success-color-light:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-warning-color-hc, .bg-shit-color {
  background-color: var(--orange-141)
}
.bg-warning-color-hc:not([class*=cl-]), .bg-shit-color:not([class*=cl-]) {
  color: var(--white)
}
.bg-warning-color {
  background-color: var(--orange-100)
}
.bg-warning-color:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-warning-color-light {
  background-color: var(--orange-20)
}
.bg-warning-color-light:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-error-color-hc {
  background-color: var(--red-118)
}
.bg-error-color-hc:not([class*=cl-]) {
  color: var(--white)
}
.bg-error-color {
  background-color: var(--red-100)
}
.bg-error-color:not([class*=cl-]) {
  color: var(--black-140)
}
.bg-error-color-light {
  background-color: var(--red-20)
}
.bg-error-color-light:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-disabled-color, cm-smart-filter-pill .pill.pill-state.pill-state-disabled {
  background-color: var(--black-20)
}
.bg-disabled-color:not([class*=cl-]), cm-smart-filter-pill .pill.pill-state.pill-state-disabled:not([class*=cl-]) {
  color: var(--white)
}
.cl-background-color {
  color: var(--background)
}
.cl-selected-color, cm-smart-filter-pill .pill.pill-state.pill-state-applied, .cl-selected-color-hover:hover {
  color: var(--selected-color)
}
.cl-default-color {
  color: var(--default-color)
}
.cl-default-inverse-color {
  color: var(--default-color-inverse)
}
.cl-text-color {
  color: var(--text-color)
}
.cl-hint-text-color {
  color: var(--hint-text-color)
}
.cl-error-color, cm-smart-filter-pill .pill.pill-state.pill-state-error {
  color: var(--red-118)
}
.cl-warning-color, cm-smart-filter-pill .pill.pill-state.pill-state-warning {
  color: var(--orange-141)
}
.cl-success-color {
  color: var(--green-146)
}
.cl-disabled-color {
  color: var(--black-40)
}
.cl-label-required-color {
  color: var(--label-required-color)
}
.cl-default-icon-color {
  color: var(--default-color)
}
.cl-error-icon-color {
  color: var(--red-100)
}
.cl-warning-icon-color {
  color: var(--orange-100)
}
.cl-success-icon-color {
  color: var(--green-100)
}
.cl-cta-icon-color {
  color: var(--blue-110)
}
.ab-testing-color .A {
  color: var(--blue-100)
}
.ab-testing-color .A.disabled {
  color: var(--blue-25)
}
.ab-testing-color .B {
  color: var(--green-100)
}
.ab-testing-color .B.disabled {
  color: var(--green-25)
}
.ab-testing-color .C {
  color: var(--red-100)
}
.ab-testing-color .C.disabled {
  color: var(--red-25)
}
.ab-testing-color .D {
  color: var(--default-color)
}
.ab-testing-color .D.disabled {
  color: var(--label-disabled-color)
}
.ab-testing-color .E {
  color: var(--orange-100)
}
.ab-testing-color .E.disabled {
  color: var(--orange-25)
}
.ab-testing-color .F {
  color: var(--cyan-100)
}
.ab-testing-color .F.disabled {
  color: var(--cyan-25)
}
.selected-border {
  border: var(--selected-border)
}
.selected-dashed-border {
  border: var(--selected-dashed-border)
}
.disabled-border {
  border: var(--disabled-border)
}
.disabled-border:not([class*=cl-]) {
  color: var(--cl-disabled-color)
}
.default-border {
  border: var(--default-border)
}
.default-dashed-border {
  border: var(--default-dashed-border)
}
.default-error-border {
  border: var(--default-error-border)
}
.default-warning-border {
  border: var(--default-warning-border)
}
.default-success-border {
  border: var(--default-success-border)
}
.default-small-border {
  border: var(--default-small-border)
}
.selected-border-top {
  border-top: var(--selected-border)
}
.selected-dashed-border-top {
  border-top: var(--selected-dashed-border)
}
.default-border-top {
  border-top: var(--default-border)
}
.default-dashed-border-top {
  border-top: var(--default-dashed-border)
}
.default-error-border-top {
  border-top: var(--default-error-border)
}
.default-warning-border-top {
  border-top: var(--default-warning-border)
}
.default-success-border-top {
  border-top: var(--default-success-border)
}
.default-small-border-top {
  border-top: var(--default-small-border)
}
.selected-border-left {
  border-left: var(--selected-border)
}
.selected-dashed-border-left {
  border-left: var(--selected-dashed-border)
}
.default-border-left {
  border-left: var(--default-border)
}
.default-dashed-border-left {
  border-left: var(--default-dashed-border)
}
.default-error-border-left {
  border-left: var(--default-error-border)
}
.default-warning-border-left {
  border-left: var(--default-warning-border)
}
.default-success-border-left {
  border-left: var(--default-success-border)
}
.default-small-border-left {
  border-left: var(--default-small-border)
}
.selected-border-right {
  border-right: var(--selected-border)
}
.selected-dashed-border-right {
  border-right: var(--selected-dashed-border)
}
.default-border-right {
  border-right: var(--default-border)
}
.default-dashed-border-right {
  border-right: var(--default-dashed-border)
}
.default-error-border-right {
  border-right: var(--default-error-border)
}
.default-warning-border-right {
  border-right: var(--default-warning-border)
}
.default-success-border-right {
  border-right: var(--default-success-border)
}
.default-small-border-right {
  border-right: var(--default-small-border)
}
.selected-border-bottom {
  border-bottom: var(--selected-border)
}
.selected-dashed-border-bottom {
  border-bottom: var(--selected-dashed-border)
}
.default-border-bottom {
  border-bottom: var(--default-border)
}
.default-dashed-border-bottom {
  border-bottom: var(--default-dashed-border)
}
.default-error-border-bottom {
  border-bottom: var(--default-error-border)
}
.default-warning-border-bottom {
  border-bottom: var(--default-warning-border)
}
.default-success-border-bottom {
  border-bottom: var(--default-success-border)
}
.default-small-border-bottom {
  border-bottom: var(--default-small-border)
}
body:not(.dark) {
  --background: #ffffff;
  --background-inverse: var(--black-140);
  --label-color: var(--black-120);
  --label-sub-color: var(--black-50);
  --label-hover-color: var(--black-100);
  --label-disabled-color: var(--black-40);
  --label-error-color: var(--red-118);
  --label-success-color: var(--green-100);
  --label-warning-color: var(--orange-100);
  --label-focus-color: var(--blue-110);
  --label-required-color: var(--blue-110);
  --input-placeholder-color: var(--black-40);
  --input-bg: var(--background);
  --input-color: var(--black-100);
  --input-border: 2px solid var(--black-20);
  --input-focus-bg: var(--background);
  --input-focus-border: 2px solid var(--blue-110);
  --input-success-bg: var(--background);
  --input-error-bg: var(--background);
  --input-warning-bg: var(--background);
  --input-disabled-bg: var(--black-5);
  --input-disabled-border: var(--input-border);
  --input-icon-left: var(--black-60);
  --input-icon-right: var(--black-60);
  --input-icon-right-hover: var(--black-100);
  --header-color: var(--black-140);
  --text-color: var(--black-100);
  --disabled-color: var(--blue-25);
  --cl-disabled-color: var(--black-40);
  --disabled-border: 2px solid var(--black-40);
  --selected-border: 2px solid var(--blue-110);
  --selected-small-border: 1px solid var(--blue-110);
  --selected-dashed-border: 2px dashed var(--blue-110);
  --selected-color: var(--blue-110);
  --selected-background: var(--blue-10);
  --selected-background-hover: var(--blue-20);
  --selected-background-light: var(--blue-5);
  --selected-gradient: linear-gradient(296.57deg, var(--blue-110) 0%, var(--blue-110) 100%);
  --selected-gradient-background: linear-gradient(var(--background), var(--background)), var(--selected-gradient);
  --default-border: 2px solid var(--black-10);
  --default-success-border: 2px solid var(--green-100);
  --default-small-success-border: 1px solid var(--green-100);
  --default-error-border: 2px solid var(--red-100);
  --default-small-error-border: 1px solid var(--red-100);
  --default-warning-border: 2px solid var(--orange-100);
  --default-small-warning-border: 1px solid var(--orange-100);
  --default-dashed-border: 2px dashed var(--black-10);
  --default-small-border: 1px solid var(--black-10);
  --default-small-active-border: 1px solid var(--black-100);
  --default-background: var(--black-10);
  --default-background-trans: var(--white-80);
  --default-background-inverse: var(--white);
  --default-color: var(--black-100);
  --default-color-inverse: var(--white);
  --default-hover-background: var(--blue-50);
  --default-active-background: var(--blue-25);
  --bg: var(--white-50);
  --error-bg: var(--red-10);
  --success-bg: var(--green-10);
  --warning-bg: var(--orange-10);
  --success-color-highcontrast: var(--green-146);
  --error-color-highcontrast: var(--red-118);
  --warning-color-highcontrast: var(--orange-141);
  --selected-color-highcontrast: var(--blue-144);
  --default-color-highcontrast: var(--black-71);
  --backdrop: 93, 102, 119;
  --mini-spinner-color: var(--black-40);
  --mini-spinner-btn-color: var(--blue-110);
  --mini-spinner-btn-cta-color: var(--white);
  --spinner-color: var(--black-140);
  --spinner-color-bg: var(--black-10);
  --close-button: var(--black-25);
  --scroll-bar: var(--black-25);
  --editor: var(--black-25);
  --file-error: var(--red-100);
  --file-error-background: var(--red-20);
  --file-error-color: var(--red-100);
  --file-success: var(--black-10);
  --file-success-background: var(--background);
  --file-success-color: var(--blue-110);
  --select-border: var(--black-20);
  --graph-column: var(--background);
  --chart-grid-line: var(--black-25);
  --icon-default-color: var(--black-50);
  --icon-error-color: var(--red-100);
  --hint-text-color: var(--black-50);
  --hint-hover-text-color: var(--blue-50);
  --focus-border-color: var(--blue-40);
  --count-down-bar-bg-color: var(--black-10);
  --count-down-bar-progress-color: var(--black-40);
  --notification-success-color: var(--green-100);
  --notification-warning-color: var(--yellow-100);
  --notification-error-color: var(--red-100);
  --notification-info-color: var(--blue-100);
  --notification-default-color: var(--black-100);
  --datetime-picker-selected-background: var(--blue-5);
  --datetime-picker-header-color: var(--black-140);
  --elevation-level-small: 0 0 5px 0 rgba(16, 30, 30, 0.1), 0 2px 7px 0 rgba(16, 30, 30, 0.15), 0 4px 4px -2px rgba(16, 30, 30, 0.1);
  --elevation-level-medium: 0 0 5px 0 rgba(16, 30, 30, 0.1), 0 2px 7px 0 rgba(16, 30, 30, 0.15), 0 16px 9px -12px rgba(16, 30, 30, 0.2);
  --elevation-level-large: 0 0 5px 0 rgba(16, 30, 30, 0.1), 0 2px 7px 0 rgba(16, 30, 30, 0.15), 0 20px 18px -12px rgba(16, 30, 30, 0.3);
  --elevation-table: 0 0 5px 0 rgba(16, 30, 30, 0.1), 0 2px 7px 0 rgba(16, 30, 30, 0.15), 0 4px 4px -2px rgba(16, 30, 30, 0.1);
  --elevation-table-summary: 0 0 5px 0 rgba(16, 30, 30, 0.1), 0 0 7px 0 rgba(16, 30, 30, 0.15), 0 0 9px 0 rgba(16, 30, 30, 0.1);
  --tab-header-label-color: var(--black-71);
  --tab-header-label-selected-color: var(--black-140);
  --tab-header-label-hover-color: var(--black-100);
  --tab-header-label-focused-color: var(--black-140);
  --tab-header-label-disabled-color: var(--black-40);
  --tab-header-hover-underline: var(--blue-40);
  --tab-header-default-badge-color: var(--black-71);
  --tab-header-disabled-badge-color: var(--black-10);
  --tab-header-information-badge-color: var(--blue-110);
  --tab-header-warning-badge-color: var(--orange-100);
  --tab-header-error-badge-color: var(--red-100);
  --tab-header-success-badge-color: var(--green-100);
  --tab-active-label-color: var(--black-140);
  --step-label-color: var(--black-100);
  --inline-notification-information-color: var(--blue-10);
  --inline-notification-succes-color: var(--green-10);
  --inline-notification-warning-color: var(--orange-10);
  --inline-notification-error-color: var(--red-10);
  --option-hover-background-color: var(--blue-5);
  --option-selected-background-color: var(--blue-10);
  --chat-background-color: var(--black-2-5);
  --text-editor-background-color: var(--background);
  --table-background-color: var(--black-2);
  --table-header-background-color: var(--black-5);
  --outline-border: 2px solid var(--blue-60);
  --chart-line-color-1: var(--blue-110);
  --chart-line-color-2: var(--green-100);
  --chart-line-color-3: var(--red-100);
  --chart-line-color-4: var(--orange-100);
  --chart-line-color-5: var(--purple-100);
  --chart-line-color-6: var(--cyan-100);
  --chart-line-color-7: var(--orange-100);
  --chart-line-color-8: var(--yellow-100);
  --chart-line-color-9: var(--black-100);
  --chart-line-color-10: var(--green-146);
  --chart-line-mono-color-1: var(--blue-110);
  --chart-line-mono-color-2: var(--blue-60);
  --chart-line-mono-color-3: var(--blue-40);
  --chart-line-mono-color-4: var(--blue-20);
  --chart-line-mono-color-5: var(--blue-140);
  --chart-line-mono-color-6: var(--blue-180);
  --checkbox-inactive-color: var(--black-40);
  --more-info-color: var(--black-60);
  --more-info-hover-color: var(--black-100);
  --combo-chip-border: var(--blue-40);
  --combo-chip-background: var(--blue-10);
  --combo-chip-color: var(--blue-144);
  --combo-chip-border-success: var(--green-40);
  --combo-chip-background-success: var(--green-10);
  --combo-chip-color-success: var(--green-146);
  --combo-chip-border-error: var(--red-40);
  --combo-chip-background-error: var(--red-10);
  --combo-chip-color-error: var(--red-118);
  --combo-chip-border-warning: var(--orange-40);
  --combo-chip-background-warning: var(--orange-10);
  --combo-chip-color-warning: var(--orange-141);
  --trend-upward-color: var(--green-146);
  --trend-downward-color: var(--red-118);
  --checkbox-outline-color: var(--blue-40);
  --checkbox-default-color: var(--black-40);
  --checkbox-disabled-color: var(--black-20);
  --checkbox-disabled-background: var(--black-10);
  --radiobutton-outline-color: var(--blue-40);
  --radiobutton-default-color: var(--black-40);
  --radiobutton-disabled-color: var(--black-20)
}
body.dark {
  --background: var(--black-140) !important;
  --background-inverse: #ffffff;
  --label-color: var(--white);
  --label-sub-color: var(--white-50);
  --label-hover-color: var(--white);
  --label-disabled-color: var(--white-25);
  --label-error-color: var(--red-100);
  --label-success-color: var(--green-100);
  --label-warning-color: var(--orange-100);
  --label-focus-color: var(--cyan-100);
  --label-required-color: var(--cyan-100);
  --input-placeholder-color: var(--white-25);
  --input-bg: var(--background);
  --input-color: var(--white-50);
  --input-border: 2px solid var(--white-10);
  --input-focus-bg: var(--background);
  --input-focus-border: var(--selected-gradient-background);
  --input-success-bg: var(--background);
  --input-error-bg: var(--background);
  --input-warning-bg: var(--background);
  --input-error-hover-bg: var(--red-25);
  --input-disabled-bg: transparent;
  --input-disabled-border: 2px dashed var(--white-10);
  --input-icon-left: var(--white);
  --input-icon-right: var(--white-25);
  --input-icon-right-hover: var(--white-50);
  --header-color: var(--white);
  --text-color: var(--white-80);
  --disabled-color: var(--cyan-25);
  --cl-disabled-color: var(--white-40);
  --disabled-border: 2px solid var(--cyan-25);
  --selected-border: 2px solid var(--cyan-100);
  --selected-small-border: 1px solid var(--cyan-110);
  --selected-dashed-border: 2px dashed var(--cyan-100);
  --selected-color: var(--cyan-100);
  --selected-background: var(--cyan-10);
  --selected-background-hover: var(--cyan-20);
  --selected-background-light: var(--cyan-5);
  --selected-gradient: linear-gradient(296.57deg, var(--cyan-100) 0%, var(--cyan-100) 100%);
  --selected-gradient-background: linear-gradient(var(--background), var(--background)), linear-gradient(296.57deg, var(--cyan-100) 0%, var(--cyan-100) 100%);
  --default-border: 2px solid var(--white-10);
  --default-success-border: 2px solid var(--green-100);
  --default-small-success-border: 1px solid var(--green-100);
  --default-error-border: 2px solid var(--red-100);
  --default-small-error-border: 1px solid var(--red-100);
  --default-warning-border: 2px solid var(--orange-100);
  --default-small-warning-border: 1px solid var(--orange-100);
  --default-dashed-border: 2px dashed var(--white-10);
  --default-small-border: 1px solid var(--white-10);
  --default-small-active-border: 1px solid var(--white-100);
  --default-background: var(--white-10);
  --default-background-trans: var(--black-80);
  --default-background-inverse: var(--black-100);
  --default-color: var(--white);
  --default-color-inverse: var(--black-100);
  --default-hover-background: var(--cyan-50);
  --default-active-background: var(--cyan-25);
  --bg: var(--black-50);
  --error-bg: var(--red-10);
  --success-bg: var(--green-10);
  --warning-bg: var(--orange-10);
  --success-color-highcontrast: var(--green-146);
  --error-color-highcontrast: var(--red-118);
  --warning-color-highcontrast: var(--orange-141);
  --selected-color-highcontrast: var(--cyan-200);
  --default-color-highcontrast: var(--white-100);
  --backdrop: 93, 102, 119;
  --mini-spinner-color: var(--white-40);
  --mini-spinner-btn-color: var(--cyan-100);
  --mini-spinner-btn-cta-color: var(--black-100);
  --spinner-color: var(--white);
  --spinner-color-bg: var(--white-10);
  --close-button: var(--white-25);
  --scroll-bar: var(--white-25);
  --editor: var(--white-25);
  --file-error: var(--red-100);
  --file-error-background: var(--red-20);
  --file-error-color: var(--red-100);
  --file-success: var(--white-10);
  --file-success-background: var(--background);
  --file-success-color: var(--cyan-100);
  --select-border: var(--white-10);
  --graph-column: var(--background);
  --chart-grid-line: var(--white-25);
  --icon-default-color: var(--white-50);
  --icon-error-color: var(--red-100);
  --hint-text-color: var(--white-50);
  --hint-hover-text-color: var(--cyan-50);
  --focus-border-color: var(--cyan-40);
  --count-down-bar-bg-color: var(--white-10);
  --count-down-bar-progress-color: var(--white-40);
  --notification-success-color: var(--green-100);
  --notification-warning-color: var(--yellow-100);
  --notification-error-color: var(--red-100);
  --notification-info-color: var(--blue-100);
  --notification-default-color: var(--white-100);
  --datetime-picker-selected-background: var(--cyan-5);
  --datetime-picker-header-color: var(--white);
  --elevation-level-small: 0 0 5px 0 rgba(255, 255, 255, 0.1), 0 2px 7px 0 rgba(255, 255, 255, 0.15), 0 4px 4px -2px rgba(255, 255, 255, 0.1);
  --elevation-level-medium: 0 0 5px 0 rgba(255, 255, 255, 0.1), 0 2px 7px 0 rgba(255, 255, 255, 0.15), 0 16px 9px -12px rgba(255, 255, 255, 0.2);
  --elevation-level-large: 0 0 5px 0 rgba(255, 255, 255, 0.1), 0 2px 7px 0 rgba(255, 255, 255, 0.15), 0 20px 18px -12px rgba(255, 255, 255, 0.3);
  --elevation-table: 0 0 5px 0 rgba(16, 30, 30, 0.1), 0 0 7px 0 rgba(16, 30, 30, 0.15), 0 0 9px 0 rgba(16, 30, 30, 0.1);
  --tab-header-label-color: var(--white-71);
  --tab-header-label-selected-color: var(--white-180);
  --tab-header-label-hover-color: var(--white-100);
  --tab-header-label-focused-color: var(--white-180);
  --tab-header-label-disabled-color: var(--white-40);
  --tab-header-hover-underline: var(--cyan-40);
  --tab-header-default-badge-color: var(--black-71);
  --tab-header-disabled-badge-color: var(--black-10);
  --tab-header-information-badge-color: var(--blue-110);
  --tab-header-warning-badge-color: var(--orange-100);
  --tab-header-error-badge-color: var(--red-100);
  --tab-header-success-badge-color: var(--green-100);
  --tab-active-label-color: var(--white);
  --step-label-color: var(--white);
  --inline-notification-information-color: var(--blue-153);
  --inline-notification-succes-color: var(--green-146);
  --inline-notification-warning-color: var(--orange-141);
  --inline-notification-error-color: var(--red-118);
  --option-hover-background-color: var(--cyan-5);
  --option-selected-background-color: var(--cyan-10);
  --chat-background-color: var(--white-2-5);
  --text-editor-background-color: var(--black-40);
  --table-background-color: var(--white-2-5);
  --table-header-background-color: var(--white-5);
  --outline-border: 2px solid var(--cyan-50);
  --chart-line-color-1: var(--cyan-100);
  --chart-line-color-2: var(--green-100);
  --chart-line-color-3: var(--red-100);
  --chart-line-color-4: var(--orange-100);
  --chart-line-color-5: var(--purple-100);
  --chart-line-color-6: var(--blue-110);
  --chart-line-color-7: var(--orange-100);
  --chart-line-color-8: var(--yellow-100);
  --chart-line-color-9: var(--white);
  --chart-line-color-10: var(--green-146);
  --chart-line-mono-color-1: var(--cyan-100);
  --chart-line-mono-color-2: var(--cyan-50);
  --chart-line-mono-color-3: var(--cyan-40);
  --chart-line-mono-color-4: var(--cyan-20);
  --chart-line-mono-color-5: var(--cyan-200);
  --chart-line-mono-color-6: var(--cyan-5);
  --checkbox-inactive-color: var(--white-40);
  --more-info-color: var(--white-25);
  --more-info-hover-color: var(--white-50);
  --combo-chip-border: var(--blue-40);
  --combo-chip-background: var(--blue-10);
  --combo-chip-color: var(--blue-144);
  --combo-chip-border-success: var(--green-40);
  --combo-chip-background-success: var(--green-10);
  --combo-chip-color-success: var(--green-146);
  --combo-chip-border-error: var(--red-40);
  --combo-chip-background-error: var(--red-10);
  --combo-chip-color-error: var(--red-118);
  --combo-chip-border-warning: var(--orange-40);
  --combo-chip-background-warning: var(--orange-10);
  --combo-chip-color-warning: var(--orange-141);
  --trend-upward-color: var(--green-146);
  --trend-downward-color: var(--red-118);
  --checkbox-outline-color: var(--cyan-40);
  --checkbox-default-color: var(--white-40);
  --checkbox-disabled-color: var(--white-20);
  --checkbox-disabled-background: var(--white-10);
  --radiobutton-outline-color: var(--cyan-40);
  --radiobutton-default-color: var(--white-40);
  --radiobutton-disabled-color: var(--white-20)
}
body {
  --font-family-base: "Gotham";
  --font-size-h1: 40px;
  --font-size-h2: 32px;
  --font-size-h3: 26px;
  --font-size-h4: 20px;
  --font-size-h5: 16px;
  --font-size-h6: 14px
}
body.ja-jp {
  --font-family-base: "Noto Sans"
}
.datatable .datatable-header, .datatable .datatable-row {
  display: flex;
  height: 48px;
  border-radius: 1px;
  line-height: 28px
}
.datatable .datatable-header {
  background-color: var(--background);
  border-bottom: var(--default-small-border)
}
.datatable .datatable-header .datatable-header-item {
  height: 28px;
  font-family: var(--font-family-base), sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin: 8px 0;
  padding: 0 8px;
  color: var(--selected-color)
}
.datatable .datatable-header .datatable-header-item.align-right {
  text-align: right
}
.datatable .datatable-header .datatable-header-item .cm-icon.cm-icon-sort {
  float: right;
  color: var(--selected-color);
  padding-top: 4px;
  font-size: 12px;
  cursor: pointer
}
.datatable .datatable-header .datatable-header-item > .form-check.v-center {
  transform: none;
  margin: 0 !important;
  padding-top: 2px;
  min-width: 12px
}
.datatable .datatable-row {
  border: 2px solid;
  border-color: transparent;
  border-bottom: var(--default-small-border)
}
.datatable .datatable-row .datatable-row-item {
  font-family: var(--font-family-base), sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 28px;
  margin: 8px 0;
  padding: 0 8px;
  color: var(--default-color)
}
.datatable .datatable-row .datatable-row-item.align-right {
  text-align: right
}
.datatable .datatable-row .datatable-row-item.action-item {
  margin: 0 0 0 8px;
  width: 100%;
  margin-right: 0
}
.datatable .datatable-row .datatable-row-item > .form-check.v-center {
  transform: none;
  margin: 0 !important;
  padding-top: 2px;
  min-width: 12px
}
.datatable .datatable-row.selected {
  background-color: var(--selected-background)
}
.datatable .datatable-row.error {
  background-color: var(--error-bg)
}
.datatable .datatable-row.success {
  background-color: var(--success-bg)
}
body.dialog-open {
  overflow-y: hidden
}
body.dialog-open > platform-header {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  z-index: 999999 !important
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000001;
  background-color: rgba(var(--backdrop), 0.8)
}
.modal-backdrop.fadeout {
  animation: opacityModalOut .3s forwards
}
.modal-backdrop.clickable {
  cursor: pointer
}
.modal {
  text-align: center;
  padding: 80px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000001;
  display: none;
  overflow: hidden;
  outline: 0;
  pointer-events: none
}
.modal .modal-backdrop {
  z-index: 0;
  pointer-events: all
}
.modal.show {
  display: block
}
.modal.fade .modal-dialog {
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%)
}
.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}
.modal:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-top: -114px;
  margin-right: -4px
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: 100%;
  max-width: 400px;
  height: inherit;
  max-height: calc(100vw - 80px);
  position: relative;
  margin: auto;
  pointer-events: all;
  opacity: 0;
  animation: opacityModal .3s forwards, scaleModal .3s forwards
}
.modal-dialog .fadeout {
  animation: opacityModalOut .3s forwards, scaleModalOut .3s forwards
}
.modal-content {
  -ms-flex-direction: column;
  background-clip: padding-box;
  background-color: var(--background);
  border-radius: 24px;
  border: 0;
  box-shadow: var(--elevation-level-large);
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  max-height: calc(100% - 80px);
  outline: 0;
  padding: 40px;
  pointer-events: auto;
  position: relative
}
.dialog-header {
  display: -ms-flexbox;
  display: flex
}
.dialog-header .dialog-header-contents {
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: hidden
}
.dialog-header .modal-close {
  color: var(--header-color);
  cursor: pointer;
  flex: 0 0 auto;
  height: 24px;
  width: 24px
}
.dialog-header .dialog-title {
  margin-bottom: 0;
  line-height: 1.428571429;
  font-weight: 600
}
.dialog-header .dialog-title.error {
  color: var(--label-error-color)
}
.dialog-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow-y: auto;
  margin: 0 -40px;
  padding: 0 40px
}
.dialog-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  padding-top: 32px;
  justify-content: flex-end;
  display: flex
}
.dialog-divider {
  margin: 24px -40px 8px
}
@media(max-width:576px) {
  .modal {
    padding: 0;
    height: 100%
  }
  .dialog-footer {
    padding-top: 24px
  }
  .modal-content {
    border-radius: 24px;
    height: 100%;
    max-height: 100%;
    padding: 24px
  }
}
@keyframes opacityModal {
  100% {
    opacity: 1
  }
  0% {
    opacity: 0
  }
}
@keyframes opacityModalOut {
  100% {
    opacity: 0
  }
  0% {
    opacity: 1
  }
}
@keyframes scaleModal {
  100% {
    transform: scale(1, 1)
  }
  0% {
    transform: scale(0, 0)
  }
}
@keyframes scaleModalOut {
  100% {
    transform: scale(0, 0)
  }
  0% {
    transform: scale(1, 1)
  }
}
.editor {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%
}
@media(min-width:768px) {
  .editor {
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    background: var(--editor);
    overflow-y: auto
  }
}
cm-filter.active > cm-filter-group:nth-child(0n) {
  animation: menuItemsRight .15s ease 0s;
  transform-origin: top;
  animation-fill-mode: forwards;
  right: -240px
}
cm-filter.active > cm-filter-group:nth-child(1n) {
  animation: menuItemsRight .15s ease .08s;
  transform-origin: top;
  animation-fill-mode: forwards;
  right: -240px
}
cm-filter.active > cm-filter-group:nth-child(2n) {
  animation: menuItemsRight .15s ease .16s;
  transform-origin: top;
  animation-fill-mode: forwards;
  right: -240px
}
cm-filter.active > cm-filter-group:nth-child(3n) {
  animation: menuItemsRight .15s ease .24s;
  transform-origin: top;
  animation-fill-mode: forwards;
  right: -240px
}
cm-filter.active > cm-filter-group:nth-child(4n) {
  animation: menuItemsRight .15s ease .32s;
  transform-origin: top;
  animation-fill-mode: forwards;
  right: -240px
}
cm-filter.active > cm-filter-group:nth-child(5n) {
  animation: menuItemsRight .15s ease .4s;
  transform-origin: top;
  animation-fill-mode: forwards;
  right: -240px
}
cm-filter.active > cm-filter-group:nth-child(6n) {
  animation: menuItemsRight .15s ease .48s;
  transform-origin: top;
  animation-fill-mode: forwards;
  right: -240px
}
cm-filter.active > cm-filter-group:nth-child(7n) {
  animation: menuItemsRight .15s ease .56s;
  transform-origin: top;
  animation-fill-mode: forwards;
  right: -240px
}
cm-filter.active > cm-filter-group:nth-child(8n) {
  animation: menuItemsRight .15s ease .64s;
  transform-origin: top;
  animation-fill-mode: forwards;
  right: -240px
}
cm-filter.active > cm-filter-group:nth-child(9n) {
  animation: menuItemsRight .15s ease .72s;
  transform-origin: top;
  animation-fill-mode: forwards;
  right: -240px
}
cm-filter.active > cm-filter-group:nth-child(10n) {
  animation: menuItemsRight .15s ease .8s;
  transform-origin: top;
  animation-fill-mode: forwards;
  right: -240px
}
@media(max-width:1599px) {
  cm-filter.active ~ cm-backdrop > .backdrop {
    z-index: 999998;
    opacity: 1 !important;
    pointer-events: auto
  }
  cm-filter.active ~ cm-sidenav, cm-filter.active ~ .container, cm-filter.active ~ * .container {
    filter: blur(2px)
  }
}
@keyframes menuItemsRight {
  from {
    right: -240px;
    opacity: .5
  }
  to {
    right: 0;
    opacity: 1
  }
}
.cm-flag {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative
}
.cm-flag.small {
  background-size: 16px 16px !important;
  width: 16px;
  height: 16px
}
.cm-flag.cm-flag-AD {
  background: url(../image/flag-AD1.svg) center center no-repeat
}
.cm-flag.cm-flag-AE {
  background: url(../image/flag-AE1.svg) center center no-repeat
}
.cm-flag.cm-flag-AF {
  background: url(../image/flag-AF1.svg) center center no-repeat
}
.cm-flag.cm-flag-AG {
  background: url(../image/flag-AG1.svg) center center no-repeat
}
.cm-flag.cm-flag-AI {
  background: url(../image/flag-AI1.svg) center center no-repeat
}
.cm-flag.cm-flag-AL {
  background: url(../image/flag-AL1.svg) center center no-repeat
}
.cm-flag.cm-flag-AM {
  background: url(../image/flag-AM1.svg) center center no-repeat
}
.cm-flag.cm-flag-AO {
  background: url(../image/flag-AO1.svg) center center no-repeat
}
.cm-flag.cm-flag-AR {
  background: url(../image/flag-AR1.svg) center center no-repeat
}
.cm-flag.cm-flag-AS {
  background: url(../image/flag-AS1.svg) center center no-repeat
}
.cm-flag.cm-flag-AT {
  background: url(../image/flag-AT1.svg) center center no-repeat
}
.cm-flag.cm-flag-AU {
  background: url(../image/flag-AU1.svg) center center no-repeat
}
.cm-flag.cm-flag-AW {
  background: url(../image/flag-AW1.svg) center center no-repeat
}
.cm-flag.cm-flag-AX {
  background: url(../image/flag-FI.svg) center center no-repeat
}
.cm-flag.cm-flag-AZ {
  background: url(../image/flag-AZ1.svg) center center no-repeat
}
.cm-flag.cm-flag-BA {
  background: url(../image/flag-BA1.svg) center center no-repeat
}
.cm-flag.cm-flag-BB {
  background: url(../image/flag-BB1.svg) center center no-repeat
}
.cm-flag.cm-flag-BD {
  background: url(../image/flag-BD1.svg) center center no-repeat
}
.cm-flag.cm-flag-BE {
  background: url(../image/flag-BE1.svg) center center no-repeat
}
.cm-flag.cm-flag-BF {
  background: url(../image/flag-BF1.svg) center center no-repeat
}
.cm-flag.cm-flag-BG {
  background: url(../image/flag-BG1.svg) center center no-repeat
}
.cm-flag.cm-flag-BH {
  background: url(../image/flag-BH1.svg) center center no-repeat
}
.cm-flag.cm-flag-BI {
  background: url(../image/flag-BI1.svg) center center no-repeat
}
.cm-flag.cm-flag-BJ {
  background: url(../image/flag-BJ1.svg) center center no-repeat
}
.cm-flag.cm-flag-BL {
  background: url(../image/flag-BL1.svg) center center no-repeat
}
.cm-flag.cm-flag-BM {
  background: url(../image/flag-BM1.svg) center center no-repeat
}
.cm-flag.cm-flag-BN {
  background: url(../image/flag-BN1.svg) center center no-repeat
}
.cm-flag.cm-flag-BO {
  background: url(../image/flag-BO1.svg) center center no-repeat
}
.cm-flag.cm-flag-BQ {
  background: url(../image/flag-BQ1.svg) center center no-repeat
}
.cm-flag.cm-flag-BR {
  background: url(../image/flag-BR1.svg) center center no-repeat
}
.cm-flag.cm-flag-BS {
  background: url(../image/flag-BS1.svg) center center no-repeat
}
.cm-flag.cm-flag-BT {
  background: url(../image/flag-BT1.svg) center center no-repeat
}
.cm-flag.cm-flag-BW {
  background: url(../image/flag-BW1.svg) center center no-repeat
}
.cm-flag.cm-flag-BY {
  background: url(../image/flag-BY1.svg) center center no-repeat
}
.cm-flag.cm-flag-BZ {
  background: url(../image/flag-BZ1.svg) center center no-repeat
}
.cm-flag.cm-flag-CA {
  background: url(../image/flag-CA1.svg) center center no-repeat
}
.cm-flag.cm-flag-CC {
  background: url(../image/flag-CC1.svg) center center no-repeat
}
.cm-flag.cm-flag-CD {
  background: url(../image/flag-CD1.svg) center center no-repeat
}
.cm-flag.cm-flag-CF {
  background: url(../image/flag-CF1.svg) center center no-repeat
}
.cm-flag.cm-flag-CG {
  background: url(../image/flag-CG1.svg) center center no-repeat
}
.cm-flag.cm-flag-CH {
  background: url(../image/flag-CH1.svg) center center no-repeat
}
.cm-flag.cm-flag-CI {
  background: url(../image/flag-CI1.svg) center center no-repeat
}
.cm-flag.cm-flag-CK {
  background: url(../image/flag-CK1.svg) center center no-repeat
}
.cm-flag.cm-flag-CL {
  background: url(../image/flag-CL1.svg) center center no-repeat
}
.cm-flag.cm-flag-CM {
  background: url(../image/flag-CM1.svg) center center no-repeat
}
.cm-flag.cm-flag-CN {
  background: url(../image/flag-CN.svg) center center no-repeat
}
.cm-flag.cm-flag-CO {
  background: url(../image/flag-CO1.svg) center center no-repeat
}
.cm-flag.cm-flag-CR {
  background: url(../image/flag-CR1.svg) center center no-repeat
}
.cm-flag.cm-flag-CU {
  background: url(../image/flag-CU1.svg) center center no-repeat
}
.cm-flag.cm-flag-CV {
  background: url(../image/flag-CV1.svg) center center no-repeat
}
.cm-flag.cm-flag-CW {
  background: url(../image/flag-CW1.svg) center center no-repeat
}
.cm-flag.cm-flag-CX {
  background: url(../image/flag-CX1.svg) center center no-repeat
}
.cm-flag.cm-flag-CY {
  background: url(../image/flag-CY1.svg) center center no-repeat
}
.cm-flag.cm-flag-CZ {
  background: url(../image/flag-CZ1.svg) center center no-repeat
}
.cm-flag.cm-flag-DE {
  background: url(../image/flag-DE.svg) center center no-repeat
}
.cm-flag.cm-flag-DJ {
  background: url(../image/flag-DJ1.svg) center center no-repeat
}
.cm-flag.cm-flag-DK {
  background: url(../image/flag-DK1.svg) center center no-repeat
}
.cm-flag.cm-flag-DM {
  background: url(../image/flag-DM1.svg) center center no-repeat
}
.cm-flag.cm-flag-DO {
  background: url(../image/flag-DO1.svg) center center no-repeat
}
.cm-flag.cm-flag-DZ {
  background: url(../image/flag-DZ1.svg) center center no-repeat
}
.cm-flag.cm-flag-EC {
  background: url(../image/flag-EC1.svg) center center no-repeat
}
.cm-flag.cm-flag-EE {
  background: url(../image/flag-EE1.svg) center center no-repeat
}
.cm-flag.cm-flag-EG {
  background: url(../image/flag-EG1.svg) center center no-repeat
}
.cm-flag.cm-flag-EH {
  background: url(../image/flag-EH1.svg) center center no-repeat
}
.cm-flag.cm-flag-ER {
  background: url(../image/flag-ER1.svg) center center no-repeat
}
.cm-flag.cm-flag-ES {
  background: url(../image/flag-ES.svg) center center no-repeat
}
.cm-flag.cm-flag-ET {
  background: url(../image/flag-ET1.svg) center center no-repeat
}
.cm-flag.cm-flag-FI {
  background: url(../image/flag-FI1.svg) center center no-repeat
}
.cm-flag.cm-flag-FJ {
  background: url(../image/flag-FJ1.svg) center center no-repeat
}
.cm-flag.cm-flag-FK {
  background: url(../image/flag-FK1.svg) center center no-repeat
}
.cm-flag.cm-flag-FL {
  background: url(../image/flag-FL.svg) center center no-repeat
}
.cm-flag.cm-flag-FM {
  background: url(../image/flag-FM1.svg) center center no-repeat
}
.cm-flag.cm-flag-FO {
  background: url(../image/flag-FO1.svg) center center no-repeat
}
.cm-flag.cm-flag-FR {
  background: url(../image/flag-FR.svg) center center no-repeat
}
.cm-flag.cm-flag-GA {
  background: url(../image/flag-GA1.svg) center center no-repeat
}
.cm-flag.cm-flag-GB {
  background: url(../image/flag-GB.svg) center center no-repeat
}
.cm-flag.cm-flag-GD {
  background: url(../image/flag-GD1.svg) center center no-repeat
}
.cm-flag.cm-flag-GE {
  background: url(../image/flag-GE1.svg) center center no-repeat
}
.cm-flag.cm-flag-GF {
  background: url(../image/flag-GF1.svg) center center no-repeat
}
.cm-flag.cm-flag-GG {
  background: url(../image/flag-GG1.svg) center center no-repeat
}
.cm-flag.cm-flag-GH {
  background: url(../image/flag-GH1.svg) center center no-repeat
}
.cm-flag.cm-flag-GI {
  background: url(../image/flag-GI1.svg) center center no-repeat
}
.cm-flag.cm-flag-GL {
  background: url(../image/flag-GL1.svg) center center no-repeat
}
.cm-flag.cm-flag-GM {
  background: url(../image/flag-GM1.svg) center center no-repeat
}
.cm-flag.cm-flag-GN {
  background: url(../image/flag-GN1.svg) center center no-repeat
}
.cm-flag.cm-flag-GP {
  background: url(../image/flag-FR1.svg) center center no-repeat
}
.cm-flag.cm-flag-GQ {
  background: url(../image/flag-GQ1.svg) center center no-repeat
}
.cm-flag.cm-flag-GR {
  background: url(../image/flag-GR1.svg) center center no-repeat
}
.cm-flag.cm-flag-GT {
  background: url(../image/flag-GT1.svg) center center no-repeat
}
.cm-flag.cm-flag-GU {
  background: url(../image/flag-GU1.svg) center center no-repeat
}
.cm-flag.cm-flag-GW {
  background: url(../image/flag-GW1.svg) center center no-repeat
}
.cm-flag.cm-flag-GY {
  background: url(../image/flag-GY1.svg) center center no-repeat
}
.cm-flag.cm-flag-HK {
  background: url(../image/flag-HK.svg) center center no-repeat
}
.cm-flag.cm-flag-HN {
  background: url(../image/flag-HN1.svg) center center no-repeat
}
.cm-flag.cm-flag-HR {
  background: url(../image/flag-HR1.svg) center center no-repeat
}
.cm-flag.cm-flag-HT {
  background: url(../image/flag-HT1.svg) center center no-repeat
}
.cm-flag.cm-flag-HU {
  background: url(../image/flag-HU1.svg) center center no-repeat
}
.cm-flag.cm-flag-IB {
  background: url(../image/flag-IB1.svg) center center no-repeat
}
.cm-flag.cm-flag-ID {
  background: url(../image/flag-ID1.svg) center center no-repeat
}
.cm-flag.cm-flag-IE {
  background: url(../image/flag-IE1.svg) center center no-repeat
}
.cm-flag.cm-flag-IL {
  background: url(../image/flag-IL1.svg) center center no-repeat
}
.cm-flag.cm-flag-IM {
  background: url(../image/flag-IM1.svg) center center no-repeat
}
.cm-flag.cm-flag-IN {
  background: url(../image/flag-IN1.svg) center center no-repeat
}
.cm-flag.cm-flag-IO {
  background: url(../image/flag-IO1.svg) center center no-repeat
}
.cm-flag.cm-flag-IQ {
  background: url(../image/flag-IQ1.svg) center center no-repeat
}
.cm-flag.cm-flag-IR {
  background: url(../image/flag-IR1.svg) center center no-repeat
}
.cm-flag.cm-flag-IS {
  background: url(../image/flag-IS1.svg) center center no-repeat
}
.cm-flag.cm-flag-IT {
  background: url(../image/flag-IT.svg) center center no-repeat
}
.cm-flag.cm-flag-JE {
  background: url(../image/flag-JE1.svg) center center no-repeat
}
.cm-flag.cm-flag-JM {
  background: url(../image/flag-JM1.svg) center center no-repeat
}
.cm-flag.cm-flag-JO {
  background: url(../image/flag-JO1.svg) center center no-repeat
}
.cm-flag.cm-flag-JP {
  background: url(../image/flag-JP.svg) center center no-repeat
}
.cm-flag.cm-flag-KE {
  background: url(../image/flag-KE1.svg) center center no-repeat
}
.cm-flag.cm-flag-KG {
  background: url(../image/flag-KG1.svg) center center no-repeat
}
.cm-flag.cm-flag-KH {
  background: url(../image/flag-KH1.svg) center center no-repeat
}
.cm-flag.cm-flag-KI {
  background: url(../image/flag-KI1.svg) center center no-repeat
}
.cm-flag.cm-flag-KM {
  background: url(../image/flag-KM1.svg) center center no-repeat
}
.cm-flag.cm-flag-KN {
  background: url(../image/flag-KN1.svg) center center no-repeat
}
.cm-flag.cm-flag-KP {
  background: url(../image/flag-KP1.svg) center center no-repeat
}
.cm-flag.cm-flag-KR {
  background: url(../image/flag-KR1.svg) center center no-repeat
}
.cm-flag.cm-flag-KW {
  background: url(../image/flag-KW1.svg) center center no-repeat
}
.cm-flag.cm-flag-KY {
  background: url(../image/flag-KY1.svg) center center no-repeat
}
.cm-flag.cm-flag-KZ {
  background: url(../image/flag-KZ1.svg) center center no-repeat
}
.cm-flag.cm-flag-LA {
  background: url(../image/flag-LA1.svg) center center no-repeat
}
.cm-flag.cm-flag-LB {
  background: url(../image/flag-LB1.svg) center center no-repeat
}
.cm-flag.cm-flag-LC {
  background: url(../image/flag-LC1.svg) center center no-repeat
}
.cm-flag.cm-flag-LI {
  background: url(../image/flag-LI1.svg) center center no-repeat
}
.cm-flag.cm-flag-LK {
  background: url(../image/flag-LK1.svg) center center no-repeat
}
.cm-flag.cm-flag-LR {
  background: url(../image/flag-LR1.svg) center center no-repeat
}
.cm-flag.cm-flag-LS {
  background: url(../image/flag-LS1.svg) center center no-repeat
}
.cm-flag.cm-flag-LT {
  background: url(../image/flag-LT1.svg) center center no-repeat
}
.cm-flag.cm-flag-LU {
  background: url(../image/flag-LU1.svg) center center no-repeat
}
.cm-flag.cm-flag-LV {
  background: url(../image/flag-LV1.svg) center center no-repeat
}
.cm-flag.cm-flag-LY {
  background: url(../image/flag-LY1.svg) center center no-repeat
}
.cm-flag.cm-flag-MA {
  background: url(../image/flag-MA1.svg) center center no-repeat
}
.cm-flag.cm-flag-MC {
  background: url(../image/flag-MC1.svg) center center no-repeat
}
.cm-flag.cm-flag-MD {
  background: url(../image/flag-MD1.svg) center center no-repeat
}
.cm-flag.cm-flag-ME {
  background: url(../image/flag-ME1.svg) center center no-repeat
}
.cm-flag.cm-flag-MF {
  background: url(../image/flag-FR1.svg) center center no-repeat
}
.cm-flag.cm-flag-MG {
  background: url(../image/flag-MG1.svg) center center no-repeat
}
.cm-flag.cm-flag-MH {
  background: url(../image/flag-MH1.svg) center center no-repeat
}
.cm-flag.cm-flag-MK {
  background: url(../image/flag-MK1.svg) center center no-repeat
}
.cm-flag.cm-flag-ML {
  background: url(../image/flag-ML1.svg) center center no-repeat
}
.cm-flag.cm-flag-MM {
  background: url(../image/flag-MM1.svg) center center no-repeat
}
.cm-flag.cm-flag-MN {
  background: url(../image/flag-MN1.svg) center center no-repeat
}
.cm-flag.cm-flag-MO {
  background: url(../image/flag-MO1.svg) center center no-repeat
}
.cm-flag.cm-flag-MP {
  background: url(../image/flag-MP1.svg) center center no-repeat
}
.cm-flag.cm-flag-MQ {
  background: url(../image/flag-MQ1.svg) center center no-repeat
}
.cm-flag.cm-flag-MR {
  background: url(../image/flag-MR1.svg) center center no-repeat
}
.cm-flag.cm-flag-MS {
  background: url(../image/flag-MS1.svg) center center no-repeat
}
.cm-flag.cm-flag-MT {
  background: url(../image/flag-MT1.svg) center center no-repeat
}
.cm-flag.cm-flag-MU {
  background: url(../image/flag-MU1.svg) center center no-repeat
}
.cm-flag.cm-flag-MV {
  background: url(../image/flag-MV1.svg) center center no-repeat
}
.cm-flag.cm-flag-MW {
  background: url(../image/flag-MW1.svg) center center no-repeat
}
.cm-flag.cm-flag-MX {
  background: url(../image/flag-MX1.svg) center center no-repeat
}
.cm-flag.cm-flag-MY {
  background: url(../image/flag-MY1.svg) center center no-repeat
}
.cm-flag.cm-flag-MZ {
  background: url(../image/flag-MZ1.svg) center center no-repeat
}
.cm-flag.cm-flag-NA {
  background: url(../image/flag-NA1.svg) center center no-repeat
}
.cm-flag.cm-flag-NC {
  background: url(../image/flag-NC.svg) center center no-repeat
}
.cm-flag.cm-flag-NE {
  background: url(../image/flag-NE1.svg) center center no-repeat
}
.cm-flag.cm-flag-NF {
  background: url(../image/flag-NF1.svg) center center no-repeat
}
.cm-flag.cm-flag-NG {
  background: url(../image/flag-NG1.svg) center center no-repeat
}
.cm-flag.cm-flag-NI {
  background: url(../image/flag-NI1.svg) center center no-repeat
}
.cm-flag.cm-flag-NL {
  background: url(../image/flag-NL.svg) center center no-repeat
}
.cm-flag.cm-flag-NO {
  background: url(../image/flag-NO1.svg) center center no-repeat
}
.cm-flag.cm-flag-NP {
  background: url(../image/flag-NP1.svg) center center no-repeat
}
.cm-flag.cm-flag-NR {
  background: url(../image/flag-NR1.svg) center center no-repeat
}
.cm-flag.cm-flag-NU {
  background: url(../image/flag-NU1.svg) center center no-repeat
}
.cm-flag.cm-flag-NZ {
  background: url(../image/flag-NZ1.svg) center center no-repeat
}
.cm-flag.cm-flag-OM {
  background: url(../image/flag-OM1.svg) center center no-repeat
}
.cm-flag.cm-flag-PA {
  background: url(../image/flag-PA1.svg) center center no-repeat
}
.cm-flag.cm-flag-PE {
  background: url(../image/flag-PE1.svg) center center no-repeat
}
.cm-flag.cm-flag-PF {
  background: url(../image/flag-PF1.svg) center center no-repeat
}
.cm-flag.cm-flag-PG {
  background: url(../image/flag-PG1.svg) center center no-repeat
}
.cm-flag.cm-flag-PH {
  background: url(../image/flag-PH1.svg) center center no-repeat
}
.cm-flag.cm-flag-PK {
  background: url(../image/flag-PK1.svg) center center no-repeat
}
.cm-flag.cm-flag-PL {
  background: url(../image/flag-PL1.svg) center center no-repeat
}
.cm-flag.cm-flag-PM {
  background: url(../image/flag-PM.svg) center center no-repeat
}
.cm-flag.cm-flag-PN {
  background: url(../image/flag-PN1.svg) center center no-repeat
}
.cm-flag.cm-flag-PR {
  background: url(../image/flag-PR1.svg) center center no-repeat
}
.cm-flag.cm-flag-PS {
  background: url(../image/flag-PS1.svg) center center no-repeat
}
.cm-flag.cm-flag-PT {
  background: url(../image/flag-PT1.svg) center center no-repeat
}
.cm-flag.cm-flag-PW {
  background: url(../image/flag-PW1.svg) center center no-repeat
}
.cm-flag.cm-flag-PY {
  background: url(../image/flag-PY1.svg) center center no-repeat
}
.cm-flag.cm-flag-QA {
  background: url(../image/flag-QA1.svg) center center no-repeat
}
.cm-flag.cm-flag-RE {
  background: url(../image/flag-RE.svg) center center no-repeat
}
.cm-flag.cm-flag-RO {
  background: url(../image/flag-RO1.svg) center center no-repeat
}
.cm-flag.cm-flag-RS {
  background: url(../image/flag-RS1.svg) center center no-repeat
}
.cm-flag.cm-flag-RU {
  background: url(../image/flag-RU1.svg) center center no-repeat
}
.cm-flag.cm-flag-RW {
  background: url(../image/flag-RW1.svg) center center no-repeat
}
.cm-flag.cm-flag-SA {
  background: url(../image/flag-SA1.svg) center center no-repeat
}
.cm-flag.cm-flag-SB {
  background: url(../image/flag-SB1.svg) center center no-repeat
}
.cm-flag.cm-flag-SC {
  background: url(../image/flag-SC1.svg) center center no-repeat
}
.cm-flag.cm-flag-SD {
  background: url(../image/flag-SD1.svg) center center no-repeat
}
.cm-flag.cm-flag-SE {
  background: url(../image/flag-SE1.svg) center center no-repeat
}
.cm-flag.cm-flag-SG {
  background: url(../image/flag-SG1.svg) center center no-repeat
}
.cm-flag.cm-flag-SH {
  background: url(../image/flag-GB1.svg) center center no-repeat
}
.cm-flag.cm-flag-SI {
  background: url(../image/flag-SI1.svg) center center no-repeat
}
.cm-flag.cm-flag-SJ {
  background: url(../image/flag-NO.svg) center center no-repeat
}
.cm-flag.cm-flag-SK {
  background: url(../image/flag-SK1.svg) center center no-repeat
}
.cm-flag.cm-flag-SL {
  background: url(../image/flag-SL1.svg) center center no-repeat
}
.cm-flag.cm-flag-SM {
  background: url(../image/flag-SM1.svg) center center no-repeat
}
.cm-flag.cm-flag-SN {
  background: url(../image/flag-SN1.svg) center center no-repeat
}
.cm-flag.cm-flag-SO {
  background: url(../image/flag-SO1.svg) center center no-repeat
}
.cm-flag.cm-flag-SR {
  background: url(../image/flag-SR1.svg) center center no-repeat
}
.cm-flag.cm-flag-SS {
  background: url(../image/flag-SS1.svg) center center no-repeat
}
.cm-flag.cm-flag-ST {
  background: url(../image/flag-ST1.svg) center center no-repeat
}
.cm-flag.cm-flag-SV {
  background: url(../image/flag-SV1.svg) center center no-repeat
}
.cm-flag.cm-flag-SX {
  background: url(../image/flag-SX1.svg) center center no-repeat
}
.cm-flag.cm-flag-SY {
  background: url(../image/flag-SY1.svg) center center no-repeat
}
.cm-flag.cm-flag-SZ {
  background: url(../image/flag-SZ1.svg) center center no-repeat
}
.cm-flag.cm-flag-TC {
  background: url(../image/flag-TC1.svg) center center no-repeat
}
.cm-flag.cm-flag-TD {
  background: url(../image/flag-TD1.svg) center center no-repeat
}
.cm-flag.cm-flag-TG {
  background: url(../image/flag-TG1.svg) center center no-repeat
}
.cm-flag.cm-flag-TH {
  background: url(../image/flag-TH1.svg) center center no-repeat
}
.cm-flag.cm-flag-TJ {
  background: url(../image/flag-TJ1.svg) center center no-repeat
}
.cm-flag.cm-flag-TK {
  background: url(../image/flag-TK1.svg) center center no-repeat
}
.cm-flag.cm-flag-TL {
  background: url(../image/flag-TL1.svg) center center no-repeat
}
.cm-flag.cm-flag-TM {
  background: url(../image/flag-TM1.svg) center center no-repeat
}
.cm-flag.cm-flag-TN {
  background: url(../image/flag-TN1.svg) center center no-repeat
}
.cm-flag.cm-flag-TO {
  background: url(../image/flag-TO1.svg) center center no-repeat
}
.cm-flag.cm-flag-TR {
  background: url(../image/flag-TR1.svg) center center no-repeat
}
.cm-flag.cm-flag-TT {
  background: url(../image/flag-TT1.svg) center center no-repeat
}
.cm-flag.cm-flag-TV {
  background: url(../image/flag-TV1.svg) center center no-repeat
}
.cm-flag.cm-flag-TW {
  background: url(../image/flag-TW1.svg) center center no-repeat
}
.cm-flag.cm-flag-TZ {
  background: url(../image/flag-TZ1.svg) center center no-repeat
}
.cm-flag.cm-flag-UA {
  background: url(../image/flag-UA1.svg) center center no-repeat
}
.cm-flag.cm-flag-UG {
  background: url(../image/flag-UG1.svg) center center no-repeat
}
.cm-flag.cm-flag-US {
  background: url(../image/flag-US1.svg) center center no-repeat
}
.cm-flag.cm-flag-UY {
  background: url(../image/flag-UY1.svg) center center no-repeat
}
.cm-flag.cm-flag-UZ {
  background: url(../image/flag-UZ1.svg) center center no-repeat
}
.cm-flag.cm-flag-VA {
  background: url(../image/flag-VA1.svg) center center no-repeat
}
.cm-flag.cm-flag-VC {
  background: url(../image/flag-VC1.svg) center center no-repeat
}
.cm-flag.cm-flag-VE {
  background: url(../image/flag-VE1.svg) center center no-repeat
}
.cm-flag.cm-flag-VG {
  background: url(../image/flag-VG1.svg) center center no-repeat
}
.cm-flag.cm-flag-VI {
  background: url(../image/flag-VI1.svg) center center no-repeat
}
.cm-flag.cm-flag-VN {
  background: url(../image/flag-VN1.svg) center center no-repeat
}
.cm-flag.cm-flag-VU {
  background: url(../image/flag-VU1.svg) center center no-repeat
}
.cm-flag.cm-flag-WF {
  background: url(../image/flag-WF.svg) center center no-repeat
}
.cm-flag.cm-flag-WS {
  background: url(../image/flag-WS1.svg) center center no-repeat
}
.cm-flag.cm-flag-XK {
  background: url(../image/flag-XK1.svg) center center no-repeat
}
.cm-flag.cm-flag-YE {
  background: url(../image/flag-YE1.svg) center center no-repeat
}
.cm-flag.cm-flag-YT {
  background: url(../image/flag-FR1.svg) center center no-repeat
}
.cm-flag.cm-flag-ZA {
  background: url(../image/flag-ZA1.svg) center center no-repeat
}
.cm-flag.cm-flag-ZM {
  background: url(../image/flag-ZM1.svg) center center no-repeat
}
.cm-flag.cm-flag-ZW {
  background: url(../image/flag-ZW1.svg) center center no-repeat
}
.cm-flag.cm-flag-ZZ {
  background: url(../image/flag-ZZ.svg) center center no-repeat
}
input, select, textarea {
  background-color: var(--background);
  outline: none;
  box-shadow: none;
  text-overflow: ellipsis
}
input::placeholder, select::placeholder, textarea::placeholder {
  color: var(--input-placeholder-color);
  text-overflow: ellipsis
}
input[disabled], input :disabled, select[disabled], select :disabled, textarea[disabled], textarea :disabled {
  cursor: not-allowed
}
.form-group .form-row {
  margin-bottom: 16px
}
.form-group .form-row .autoSuggestBox {
  box-shadow: var(--elevation-level-medium);
  background-color: var(--background);
  border-radius: 20px;
  position: absolute;
  width: 100%;
  z-index: 2000;
  max-height: 192px;
  padding-top: 8px;
  padding-bottom: 24px;
  overflow-y: auto
}
.form-group .form-row .autoSuggestBox > .autoSuggestBoxText {
  margin-top: 16px;
  margin-left: 40px;
  margin-right: 40px;
  color: var(--default-color);
  display: block;
  cursor: pointer
}
.form-group .form-input {
  clear: both
}
.form-group .form-input .form-control:not(textarea) {
  text-indent: 0;
  padding: 0 16px
}
.form-group .form-input .form-control:not(textarea):-internal-autofill-selected {
  background-color: var(--background)
}
.form-group .form-search .form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none
}
.form-group .form-search .form-control, .form-group .form-input-special .form-control {
  padding: 0 40px 0 36px
}
.form-group .form-search .form-control.spacing-left-icons-0, .form-group .form-input-special .form-control.spacing-left-icons-0 {
  padding-left: 16px
}
.form-group .form-search .form-control.spacing-left-icons-1, .form-group .form-input-special .form-control.spacing-left-icons-1 {
  padding-left: 40px
}
.form-group .form-search .form-control.spacing-left-icons-2, .form-group .form-input-special .form-control.spacing-left-icons-2 {
  padding-left: 68px
}
.form-group .form-search .form-control.spacing-left-icons-3, .form-group .form-input-special .form-control.spacing-left-icons-3 {
  padding-left: 96px
}
.form-group .form-search .form-control.spacing-right-icons-0, .form-group .form-input-special .form-control.spacing-right-icons-0 {
  padding-right: 16px
}
.form-group .form-search .form-control.spacing-right-icons-1, .form-group .form-input-special .form-control.spacing-right-icons-1 {
  padding-right: 40px
}
.form-group .form-search .form-control.spacing-right-icons-2, .form-group .form-input-special .form-control.spacing-right-icons-2 {
  padding-right: 68px
}
.form-group .form-search .form-control.spacing-right-icons-3, .form-group .form-input-special .form-control.spacing-right-icons-3 {
  padding-right: 96px
}
.form-group .form-search .form-control.spacing-right-icons-4, .form-group .form-input-special .form-control.spacing-right-icons-4 {
  padding-right: 124px
}
.form-group .form-search .form-control.flagged, .form-group .form-input-special .form-control.flagged {
  text-indent: 4px
}
.form-group .form-search .form-control.tiptap-container.spacing-left-icons-0.tag, .form-group .form-input-special .form-control.tiptap-container.spacing-left-icons-0.tag {
  padding-left: 4px
}
.form-group .form-search .form-control.tiptap-container .ProseMirror:not(.ProseMirror-focused) p, .form-group .form-input-special .form-control.tiptap-container .ProseMirror:not(.ProseMirror-focused) p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.form-group .form-search .form-control.tiptap-container .ProseMirror.ProseMirror-focused, .form-group .form-input-special .form-control.tiptap-container .ProseMirror.ProseMirror-focused {
  outline: unset
}
.form-group .form-search .form-control.tiptap-container .ProseMirror p, .form-group .form-input-special .form-control.tiptap-container .ProseMirror p {
  margin: 0;
  white-space: nowrap;
  overflow: auto
}
.form-group .form-search .form-control.tiptap-container .ProseMirror p::-webkit-scrollbar, .form-group .form-input-special .form-control.tiptap-container .ProseMirror p::-webkit-scrollbar {
  display: none
}
.form-group .form-search .form-control.tiptap-container .ProseMirror p.is-editor-empty:first-child::before, .form-group .form-input-special .form-control.tiptap-container .ProseMirror p.is-editor-empty:first-child::before {
  color: var(--input-placeholder-color);
  content: attr(data-placeholder);
  float: left;
  height: 0;
  pointer-events: none
}
.form-group .form-search .form-control.tiptap-container .ProseMirror p .variable-field, .form-group .form-input-special .form-control.tiptap-container .ProseMirror p .variable-field {
  white-space: nowrap;
  font-weight: 500;
  margin: 0 2px;
  padding: 4px 6px;
  border-radius: 16px;
  -webkit-touch-callout: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: inherit
}
.form-group .form-search .form-control.tiptap-container .ProseMirror p .variable-field .text, .form-group .form-input-special .form-control.tiptap-container .ProseMirror p .variable-field .text {
  line-height: 24px;
  display: inline-block
}
.form-group .form-search .form-control.tiptap-container .ProseMirror p .variable-field .cm-icon, .form-group .form-input-special .form-control.tiptap-container .ProseMirror p .variable-field .cm-icon {
  top: 3px
}
.form-group .form-search .form-control.tiptap-container .ProseMirror p .variable-field.error, .form-group .form-input-special .form-control.tiptap-container .ProseMirror p .variable-field.error {
  background-color: var(--combo-chip-background-error);
  color: var(--combo-chip-color-error);
  border: 2px solid var(--combo-chip-border-error)
}
.form-group .form-search .form-control.tiptap-container .ProseMirror p .variable-field.warning, .form-group .form-input-special .form-control.tiptap-container .ProseMirror p .variable-field.warning {
  background-color: var(--combo-chip-background-warning);
  color: var(--combo-chip-color-warning);
  border: 2px solid var(--combo-chip-border-warning)
}
.form-group .form-search .form-control.tiptap-container .ProseMirror p .variable-field.merge-tag, .form-group .form-input-special .form-control.tiptap-container .ProseMirror p .variable-field.merge-tag {
  background-color: var(--combo-chip-background-success);
  color: var(--combo-chip-color-success);
  border: 2px solid var(--combo-chip-border-success)
}
.form-group .form-search .form-control.tiptap-container .ProseMirror p .variable-field.link, .form-group .form-input-special .form-control.tiptap-container .ProseMirror p .variable-field.link {
  background-color: var(--combo-chip-background);
  color: var(--combo-chip-color);
  border: 2px solid var(--combo-chip-border)
}
.form-group .form-search .form-control.tiptap-container .ProseMirror p .variable-field .clickable, .form-group .form-input-special .form-control.tiptap-container .ProseMirror p .variable-field .clickable {
  cursor: pointer
}
.form-group .form-search:hover .cm-clear-input, .form-group .form-input-special:hover .cm-clear-input {
  display: block
}
.form-group .form-input, .form-group .form-search, .form-group .form-input-special {
  display: flex;
  flex-direction: column;
  position: relative
}
.form-group .form-input span.search-icon, .form-group .form-input span.input-left, .form-group .form-input span.input-right, .form-group .form-search span.search-icon, .form-group .form-search span.input-left, .form-group .form-search span.input-right, .form-group .form-input-special span.search-icon, .form-group .form-input-special span.input-left, .form-group .form-input-special span.input-right {
  order: 4;
  height: 24px;
  position: absolute;
  z-index: 1;
  color: var(--input-icon-right)
}
.form-group .form-input span.search-icon > .cm-icon, .form-group .form-input span.input-left > .cm-icon, .form-group .form-input span.input-right > .cm-icon, .form-group .form-search span.search-icon > .cm-icon, .form-group .form-search span.input-left > .cm-icon, .form-group .form-search span.input-right > .cm-icon, .form-group .form-input-special span.search-icon > .cm-icon, .form-group .form-input-special span.input-left > .cm-icon, .form-group .form-input-special span.input-right > .cm-icon {
  margin-top: 4px
}
.form-group .form-input span.search-icon > .cm-icon:not(.small):not(.large), .form-group .form-input span.input-left > .cm-icon:not(.small):not(.large), .form-group .form-input span.input-right > .cm-icon:not(.small):not(.large), .form-group .form-search span.search-icon > .cm-icon:not(.small):not(.large), .form-group .form-search span.input-left > .cm-icon:not(.small):not(.large), .form-group .form-search span.input-right > .cm-icon:not(.small):not(.large), .form-group .form-input-special span.search-icon > .cm-icon:not(.small):not(.large), .form-group .form-input-special span.input-left > .cm-icon:not(.small):not(.large), .form-group .form-input-special span.input-right > .cm-icon:not(.small):not(.large) {
  font-size: 24px
}
.form-group .form-input span.search-icon > .cm-icon:hover, .form-group .form-input span.input-left > .cm-icon:hover, .form-group .form-input span.input-right > .cm-icon:hover, .form-group .form-search span.search-icon > .cm-icon:hover, .form-group .form-search span.input-left > .cm-icon:hover, .form-group .form-search span.input-right > .cm-icon:hover, .form-group .form-input-special span.search-icon > .cm-icon:hover, .form-group .form-input-special span.input-left > .cm-icon:hover, .form-group .form-input-special span.input-right > .cm-icon:hover {
  color: var(--input-icon-right-hover);
  cursor: pointer
}
.form-group .form-input span.search-icon > .cm-flag, .form-group .form-input span.search-icon > .cm-app, .form-group .form-input span.search-icon > .cm-channel, .form-group .form-input span.input-left > .cm-flag, .form-group .form-input span.input-left > .cm-app, .form-group .form-input span.input-left > .cm-channel, .form-group .form-input span.input-right > .cm-flag, .form-group .form-input span.input-right > .cm-app, .form-group .form-input span.input-right > .cm-channel, .form-group .form-search span.search-icon > .cm-flag, .form-group .form-search span.search-icon > .cm-app, .form-group .form-search span.search-icon > .cm-channel, .form-group .form-search span.input-left > .cm-flag, .form-group .form-search span.input-left > .cm-app, .form-group .form-search span.input-left > .cm-channel, .form-group .form-search span.input-right > .cm-flag, .form-group .form-search span.input-right > .cm-app, .form-group .form-search span.input-right > .cm-channel, .form-group .form-input-special span.search-icon > .cm-flag, .form-group .form-input-special span.search-icon > .cm-app, .form-group .form-input-special span.search-icon > .cm-channel, .form-group .form-input-special span.input-left > .cm-flag, .form-group .form-input-special span.input-left > .cm-app, .form-group .form-input-special span.input-left > .cm-channel, .form-group .form-input-special span.input-right > .cm-flag, .form-group .form-input-special span.input-right > .cm-app, .form-group .form-input-special span.input-right > .cm-channel {
  width: 24px;
  height: 24px;
  margin: 4px 4px 0 0
}
.form-group .form-input span.search-icon > cm-avatar, .form-group .form-input span.input-left > cm-avatar, .form-group .form-input span.input-right > cm-avatar, .form-group .form-search span.search-icon > cm-avatar, .form-group .form-search span.input-left > cm-avatar, .form-group .form-search span.input-right > cm-avatar, .form-group .form-input-special span.search-icon > cm-avatar, .form-group .form-input-special span.input-left > cm-avatar, .form-group .form-input-special span.input-right > cm-avatar {
  width: 24px;
  height: 24px;
  margin-right: 4px
}
.form-group .form-input span.input-left, .form-group .form-input span.input-right, .form-group .form-search span.input-left, .form-group .form-search span.input-right, .form-group .form-input-special span.input-left, .form-group .form-input-special span.input-right {
  top: 4px
}
.form-group .form-input span.input-left.prefix, .form-group .form-input span.input-right.prefix, .form-group .form-search span.input-left.prefix, .form-group .form-search span.input-right.prefix, .form-group .form-input-special span.input-left.prefix, .form-group .form-input-special span.input-right.prefix {
  margin-left: 0;
  top: 10px
}
.form-group .form-input span.input-left.prefix.spacing-left-icons-0, .form-group .form-input span.input-right.prefix.spacing-left-icons-0, .form-group .form-search span.input-left.prefix.spacing-left-icons-0, .form-group .form-search span.input-right.prefix.spacing-left-icons-0, .form-group .form-input-special span.input-left.prefix.spacing-left-icons-0, .form-group .form-input-special span.input-right.prefix.spacing-left-icons-0 {
  padding-left: 16px
}
.form-group .form-input span.input-left.prefix.spacing-left-icons-1, .form-group .form-input span.input-right.prefix.spacing-left-icons-1, .form-group .form-search span.input-left.prefix.spacing-left-icons-1, .form-group .form-search span.input-right.prefix.spacing-left-icons-1, .form-group .form-input-special span.input-left.prefix.spacing-left-icons-1, .form-group .form-input-special span.input-right.prefix.spacing-left-icons-1 {
  padding-left: 40px
}
.form-group .form-input span.input-left.prefix.spacing-left-icons-2, .form-group .form-input span.input-right.prefix.spacing-left-icons-2, .form-group .form-search span.input-left.prefix.spacing-left-icons-2, .form-group .form-search span.input-right.prefix.spacing-left-icons-2, .form-group .form-input-special span.input-left.prefix.spacing-left-icons-2, .form-group .form-input-special span.input-right.prefix.spacing-left-icons-2 {
  padding-left: 68px
}
.form-group .form-input span.input-left.prefix.spacing-left-icons-3, .form-group .form-input span.input-right.prefix.spacing-left-icons-3, .form-group .form-search span.input-left.prefix.spacing-left-icons-3, .form-group .form-search span.input-right.prefix.spacing-left-icons-3, .form-group .form-input-special span.input-left.prefix.spacing-left-icons-3, .form-group .form-input-special span.input-right.prefix.spacing-left-icons-3 {
  padding-left: 96px
}
@supports(-ms-ime-align:auto) {
  .form-group .form-input span.input-left.prefix, .form-group .form-input span.input-right.prefix, .form-group .form-search span.input-left.prefix, .form-group .form-search span.input-right.prefix, .form-group .form-input-special span.input-left.prefix, .form-group .form-input-special span.input-right.prefix {
    top: 4px
  }
}
.form-group .form-input span.input-left.prefix span, .form-group .form-input span.input-right.prefix span, .form-group .form-search span.input-left.prefix span, .form-group .form-search span.input-right.prefix span, .form-group .form-input-special span.input-left.prefix span, .form-group .form-input-special span.input-right.prefix span {
  float: right;
  bottom: 5px
}
.form-group .form-input span.input-left.prefix span.affix-icon, .form-group .form-input span.input-right.prefix span.affix-icon, .form-group .form-search span.input-left.prefix span.affix-icon, .form-group .form-search span.input-right.prefix span.affix-icon, .form-group .form-input-special span.input-left.prefix span.affix-icon, .form-group .form-input-special span.input-right.prefix span.affix-icon {
  font-family: inherit;
  color: var(--text-color)
}
.form-group .form-input span.input-left.suffix, .form-group .form-input span.input-right.suffix, .form-group .form-search span.input-left.suffix, .form-group .form-search span.input-right.suffix, .form-group .form-input-special span.input-left.suffix, .form-group .form-input-special span.input-right.suffix {
  top: 10px;
  padding: 0 10px
}
.form-group .form-input span.input-left.suffix.spacing-right-icons-0, .form-group .form-input span.input-right.suffix.spacing-right-icons-0, .form-group .form-search span.input-left.suffix.spacing-right-icons-0, .form-group .form-search span.input-right.suffix.spacing-right-icons-0, .form-group .form-input-special span.input-left.suffix.spacing-right-icons-0, .form-group .form-input-special span.input-right.suffix.spacing-right-icons-0 {
  padding-right: 16px
}
.form-group .form-input span.input-left.suffix.spacing-right-icons-1, .form-group .form-input span.input-right.suffix.spacing-right-icons-1, .form-group .form-search span.input-left.suffix.spacing-right-icons-1, .form-group .form-search span.input-right.suffix.spacing-right-icons-1, .form-group .form-input-special span.input-left.suffix.spacing-right-icons-1, .form-group .form-input-special span.input-right.suffix.spacing-right-icons-1 {
  padding-right: 40px
}
.form-group .form-input span.input-left.suffix.spacing-right-icons-2, .form-group .form-input span.input-right.suffix.spacing-right-icons-2, .form-group .form-search span.input-left.suffix.spacing-right-icons-2, .form-group .form-search span.input-right.suffix.spacing-right-icons-2, .form-group .form-input-special span.input-left.suffix.spacing-right-icons-2, .form-group .form-input-special span.input-right.suffix.spacing-right-icons-2 {
  padding-right: 68px
}
.form-group .form-input span.input-left.suffix.spacing-right-icons-3, .form-group .form-input span.input-right.suffix.spacing-right-icons-3, .form-group .form-search span.input-left.suffix.spacing-right-icons-3, .form-group .form-search span.input-right.suffix.spacing-right-icons-3, .form-group .form-input-special span.input-left.suffix.spacing-right-icons-3, .form-group .form-input-special span.input-right.suffix.spacing-right-icons-3 {
  padding-right: 96px
}
.form-group .form-input span.input-left.suffix.spacing-right-icons-4, .form-group .form-input span.input-right.suffix.spacing-right-icons-4, .form-group .form-search span.input-left.suffix.spacing-right-icons-4, .form-group .form-search span.input-right.suffix.spacing-right-icons-4, .form-group .form-input-special span.input-left.suffix.spacing-right-icons-4, .form-group .form-input-special span.input-right.suffix.spacing-right-icons-4 {
  padding-right: 124px
}
@supports(-ms-ime-align:auto) {
  .form-group .form-input span.input-left.suffix, .form-group .form-input span.input-right.suffix, .form-group .form-search span.input-left.suffix, .form-group .form-search span.input-right.suffix, .form-group .form-input-special span.input-left.suffix, .form-group .form-input-special span.input-right.suffix {
    top: 4px
  }
}
.form-group .form-input span.input-left.suffix span, .form-group .form-input span.input-right.suffix span, .form-group .form-search span.input-left.suffix span, .form-group .form-search span.input-right.suffix span, .form-group .form-input-special span.input-left.suffix span, .form-group .form-input-special span.input-right.suffix span {
  float: right;
  bottom: 5px
}
.form-group .form-input span.input-left.suffix span.affix-icon, .form-group .form-input span.input-right.suffix span.affix-icon, .form-group .form-search span.input-left.suffix span.affix-icon, .form-group .form-search span.input-right.suffix span.affix-icon, .form-group .form-input-special span.input-left.suffix span.affix-icon, .form-group .form-input-special span.input-right.suffix span.affix-icon {
  font-family: inherit;
  color: var(--text-color)
}
.form-group .form-input span.input-left.icon, .form-group .form-input span.input-right.icon, .form-group .form-search span.input-left.icon, .form-group .form-search span.input-right.icon, .form-group .form-input-special span.input-left.icon, .form-group .form-input-special span.input-right.icon {
  font-size: 24px
}
@supports(-ms-ime-align:auto) {
  .form-group .form-input span.input-left.icon, .form-group .form-input span.input-right.icon, .form-group .form-search span.input-left.icon, .form-group .form-search span.input-right.icon, .form-group .form-input-special span.input-left.icon, .form-group .form-input-special span.input-right.icon {
    top: 4px
  }
}
.form-group .form-input span.input-left.icon cm-list-picker, .form-group .form-input span.input-left.icon cm-emoji-picker, .form-group .form-input span.input-right.icon cm-list-picker, .form-group .form-input span.input-right.icon cm-emoji-picker, .form-group .form-search span.input-left.icon cm-list-picker, .form-group .form-search span.input-left.icon cm-emoji-picker, .form-group .form-search span.input-right.icon cm-list-picker, .form-group .form-search span.input-right.icon cm-emoji-picker, .form-group .form-input-special span.input-left.icon cm-list-picker, .form-group .form-input-special span.input-left.icon cm-emoji-picker, .form-group .form-input-special span.input-right.icon cm-list-picker, .form-group .form-input-special span.input-right.icon cm-emoji-picker {
  display: inline-block;
  margin-top: -3px
}
.form-group .form-input span.input-left.text, .form-group .form-input span.input-right.text, .form-group .form-search span.input-left.text, .form-group .form-search span.input-right.text, .form-group .form-input-special span.input-left.text, .form-group .form-input-special span.input-right.text {
  font-size: 14px;
  margin-top: 8px
}
.form-group .form-input span.search-icon > .cm-icon, .form-group .form-search span.search-icon > .cm-icon, .form-group .form-input-special span.search-icon > .cm-icon {
  top: 8px
}
@supports(-ms-ime-align:auto) {
  .form-group .form-input span.search-icon, .form-group .form-search span.search-icon, .form-group .form-input-special span.search-icon {
    top: 6px
  }
}
.form-group .form-input span.search-icon, .form-group .form-input span.input-left, .form-group .form-search span.search-icon, .form-group .form-search span.input-left, .form-group .form-input-special span.search-icon, .form-group .form-input-special span.input-left {
  margin-left: 8px
}
.form-group .form-input span.search-icon > .cm-icon, .form-group .form-input span.input-left > .cm-icon, .form-group .form-search span.search-icon > .cm-icon, .form-group .form-search span.input-left > .cm-icon, .form-group .form-input-special span.search-icon > .cm-icon, .form-group .form-input-special span.input-left > .cm-icon {
  margin-right: 4px
}
.form-group .form-input span.input-right, .form-group .form-search span.input-right, .form-group .form-input-special span.input-right {
  margin-right: 8px;
  right: 0
}
.form-group .form-input span.input-right > .cm-icon, .form-group .form-search span.input-right > .cm-icon, .form-group .form-input-special span.input-right > .cm-icon {
  margin-left: 4px
}
.form-group .form-input label ~ .form-input-validation ~ span.input-right.icon, .form-group .form-input label ~ .form-input-validation ~ span.input-left.icon, .form-group .form-input label ~ span.input-right.icon, .form-group .form-input label ~ span.input-left.icon, .form-group .form-search label ~ .form-input-validation ~ span.input-right.icon, .form-group .form-search label ~ .form-input-validation ~ span.input-left.icon, .form-group .form-search label ~ span.input-right.icon, .form-group .form-search label ~ span.input-left.icon, .form-group .form-input-special label ~ .form-input-validation ~ span.input-right.icon, .form-group .form-input-special label ~ .form-input-validation ~ span.input-left.icon, .form-group .form-input-special label ~ span.input-right.icon, .form-group .form-input-special label ~ span.input-left.icon {
  margin-top: 24px;
  display: inline-flex
}
.form-group .form-input label ~ .form-input-validation ~ span.input-right.icon .cm-flag, .form-group .form-input label ~ .form-input-validation ~ span.input-left.icon .cm-flag, .form-group .form-input label ~ span.input-right.icon .cm-flag, .form-group .form-input label ~ span.input-left.icon .cm-flag, .form-group .form-search label ~ .form-input-validation ~ span.input-right.icon .cm-flag, .form-group .form-search label ~ .form-input-validation ~ span.input-left.icon .cm-flag, .form-group .form-search label ~ span.input-right.icon .cm-flag, .form-group .form-search label ~ span.input-left.icon .cm-flag, .form-group .form-input-special label ~ .form-input-validation ~ span.input-right.icon .cm-flag, .form-group .form-input-special label ~ .form-input-validation ~ span.input-left.icon .cm-flag, .form-group .form-input-special label ~ span.input-right.icon .cm-flag, .form-group .form-input-special label ~ span.input-left.icon .cm-flag {
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin-top: 4px;
  background-size: 24px 24px !important
}
.form-group .form-input label ~ .form-input-validation ~ span.input-right.text, .form-group .form-input label ~ .form-input-validation ~ span.input-left.text, .form-group .form-input label ~ span.input-right.text, .form-group .form-input label ~ span.input-left.text, .form-group .form-search label ~ .form-input-validation ~ span.input-right.text, .form-group .form-search label ~ .form-input-validation ~ span.input-left.text, .form-group .form-search label ~ span.input-right.text, .form-group .form-search label ~ span.input-left.text, .form-group .form-input-special label ~ .form-input-validation ~ span.input-right.text, .form-group .form-input-special label ~ .form-input-validation ~ span.input-left.text, .form-group .form-input-special label ~ span.input-right.text, .form-group .form-input-special label ~ span.input-left.text {
  margin-top: 32px
}
.form-group .form-input label ~ .form-input-validation ~ span.input-right.prefix, .form-group .form-input label ~ .form-input-validation ~ span.input-right.suffix, .form-group .form-input label ~ .form-input-validation ~ span.input-left.prefix, .form-group .form-input label ~ .form-input-validation ~ span.input-left.suffix, .form-group .form-input label ~ span.input-right.prefix, .form-group .form-input label ~ span.input-right.suffix, .form-group .form-input label ~ span.input-left.prefix, .form-group .form-input label ~ span.input-left.suffix, .form-group .form-search label ~ .form-input-validation ~ span.input-right.prefix, .form-group .form-search label ~ .form-input-validation ~ span.input-right.suffix, .form-group .form-search label ~ .form-input-validation ~ span.input-left.prefix, .form-group .form-search label ~ .form-input-validation ~ span.input-left.suffix, .form-group .form-search label ~ span.input-right.prefix, .form-group .form-search label ~ span.input-right.suffix, .form-group .form-search label ~ span.input-left.prefix, .form-group .form-search label ~ span.input-left.suffix, .form-group .form-input-special label ~ .form-input-validation ~ span.input-right.prefix, .form-group .form-input-special label ~ .form-input-validation ~ span.input-right.suffix, .form-group .form-input-special label ~ .form-input-validation ~ span.input-left.prefix, .form-group .form-input-special label ~ .form-input-validation ~ span.input-left.suffix, .form-group .form-input-special label ~ span.input-right.prefix, .form-group .form-input-special label ~ span.input-right.suffix, .form-group .form-input-special label ~ span.input-left.prefix, .form-group .form-input-special label ~ span.input-left.suffix {
  margin-top: 24px
}
.form-group .form-input .form-input-validation ~ span.input-right.icon .cm-flag, .form-group .form-input .form-input-validation ~ span.input-left.icon .cm-flag, .form-group .form-input span.input-right.icon .cm-flag, .form-group .form-input span.input-left.icon .cm-flag, .form-group .form-search .form-input-validation ~ span.input-right.icon .cm-flag, .form-group .form-search .form-input-validation ~ span.input-left.icon .cm-flag, .form-group .form-search span.input-right.icon .cm-flag, .form-group .form-search span.input-left.icon .cm-flag, .form-group .form-input-special .form-input-validation ~ span.input-right.icon .cm-flag, .form-group .form-input-special .form-input-validation ~ span.input-left.icon .cm-flag, .form-group .form-input-special span.input-right.icon .cm-flag, .form-group .form-input-special span.input-left.icon .cm-flag {
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin-top: 4px;
  background-size: 24px 24px !important
}
.form-group .form-input .form-input-validation ~ span.input-right.text, .form-group .form-input .form-input-validation ~ span.input-left.text, .form-group .form-input span.input-right.text, .form-group .form-input span.input-left.text, .form-group .form-search .form-input-validation ~ span.input-right.text, .form-group .form-search .form-input-validation ~ span.input-left.text, .form-group .form-search span.input-right.text, .form-group .form-search span.input-left.text, .form-group .form-input-special .form-input-validation ~ span.input-right.text, .form-group .form-input-special .form-input-validation ~ span.input-left.text, .form-group .form-input-special span.input-right.text, .form-group .form-input-special span.input-left.text {
  margin-top: 8px
}
.form-group .form-input .cm-clear-input, .form-group .form-search .cm-clear-input, .form-group .form-input-special .cm-clear-input {
  display: none
}
.form-group .form-input .form-control, .form-group .form-search .form-control, .form-group .form-input-special .form-control {
  order: 2;
  font-family: var(--font-family-base), sans-serif;
  margin: 0;
  border-radius: 48px;
  height: 40px;
  width: 100%;
  font-size: 14px;
  background: var(--input-bg);
  border: var(--input-border);
  color: var(--input-color)
}
.form-group .form-input .form-control ~ span.search-icon, .form-group .form-input .form-control ~ span.input-left, .form-group .form-search .form-control ~ span.search-icon, .form-group .form-search .form-control ~ span.input-left, .form-group .form-input-special .form-control ~ span.search-icon, .form-group .form-input-special .form-control ~ span.input-left {
  color: var(--input-icon-left)
}
.form-group .form-input .form-control:not(textarea), .form-group .form-search .form-control:not(textarea), .form-group .form-input-special .form-control:not(textarea) {
  line-height: 36px
}
.form-group .form-input .form-control:disabled, .form-group .form-search .form-control:disabled, .form-group .form-input-special .form-control:disabled {
  background-color: var(--input-disabled-bg);
  color: var(--label-disabled-color);
  border: var(--input-disabled-border)
}
.form-group .form-input .form-control:disabled ~ span.search-icon, .form-group .form-input .form-control:disabled ~ span.input-left, .form-group .form-input .form-control:disabled ~ span.input-right, .form-group .form-input .form-control:disabled ~ .form-input-validation, .form-group .form-search .form-control:disabled ~ span.search-icon, .form-group .form-search .form-control:disabled ~ span.input-left, .form-group .form-search .form-control:disabled ~ span.input-right, .form-group .form-search .form-control:disabled ~ .form-input-validation, .form-group .form-input-special .form-control:disabled ~ span.search-icon, .form-group .form-input-special .form-control:disabled ~ span.input-left, .form-group .form-input-special .form-control:disabled ~ span.input-right, .form-group .form-input-special .form-control:disabled ~ .form-input-validation {
  color: var(--label-disabled-color);
  pointer-events: none
}
.form-group .form-input .form-control:read-only:not(:disabled):not(select):not(.country-picker):not(.tiptap-container), .form-group .form-input .form-control:read-only:not(:disabled):not(.country-picker):not(.tiptap-container), .form-group .form-search .form-control:read-only:not(:disabled):not(select):not(.country-picker):not(.tiptap-container), .form-group .form-search .form-control:read-only:not(:disabled):not(.country-picker):not(.tiptap-container), .form-group .form-input-special .form-control:read-only:not(:disabled):not(select):not(.country-picker):not(.tiptap-container), .form-group .form-input-special .form-control:read-only:not(:disabled):not(.country-picker):not(.tiptap-container) {
  border-style: dashed;
  cursor: default
}
.form-group .form-input .form-control.pseudo-state-focus, .form-group .form-input .form-control:focus, .form-group .form-search .form-control.pseudo-state-focus, .form-group .form-search .form-control:focus, .form-group .form-input-special .form-control.pseudo-state-focus, .form-group .form-input-special .form-control:focus {
  border: var(--selected-border)
}
.form-group .form-input .form-control.pseudo-state-focus ~ .input-right .cm-clear-input, .form-group .form-input .form-control:focus ~ .input-right .cm-clear-input, .form-group .form-search .form-control.pseudo-state-focus ~ .input-right .cm-clear-input, .form-group .form-search .form-control:focus ~ .input-right .cm-clear-input, .form-group .form-input-special .form-control.pseudo-state-focus ~ .input-right .cm-clear-input, .form-group .form-input-special .form-control:focus ~ .input-right .cm-clear-input {
  display: block
}
.form-group .form-input.error .form-control, .form-group .form-search.error .form-control, .form-group .form-input-special.error .form-control {
  background: var(--input-error-bg) !important;
  border: var(--default-error-border) !important
}
.form-group .form-input.error .form-control ~ .input-right > .cm-icon-error, .form-group .form-search.error .form-control ~ .input-right > .cm-icon-error, .form-group .form-input-special.error .form-control ~ .input-right > .cm-icon-error {
  color: var(--icon-error-color) !important;
  pointer-events: none
}
.form-group .form-input.error .form-input-validation, .form-group .form-input.error .form-input-validation .form-input-notes-left, .form-group .form-input.error .form-input-validation .form-input-notes-right, .form-group .form-search.error .form-input-validation, .form-group .form-search.error .form-input-validation .form-input-notes-left, .form-group .form-search.error .form-input-validation .form-input-notes-right, .form-group .form-input-special.error .form-input-validation, .form-group .form-input-special.error .form-input-validation .form-input-notes-left, .form-group .form-input-special.error .form-input-validation .form-input-notes-right {
  color: var(--label-error-color) !important
}
.form-group .form-input.success .form-control, .form-group .form-search.success .form-control, .form-group .form-input-special.success .form-control {
  background: var(--input-success-bg) !important;
  border: var(--default-success-border) !important
}
.form-group .form-input.success .form-control ~ .input-right > .cm-icon-verification, .form-group .form-search.success .form-control ~ .input-right > .cm-icon-verification, .form-group .form-input-special.success .form-control ~ .input-right > .cm-icon-verification {
  color: var(--label-success-color) !important;
  pointer-events: none
}
.form-group .form-check label, .form-group .form-radio label, .form-group .dropArea label {
  height: unset
}
.form-group label {
  font-size: 14px;
  padding: 0 16px;
  margin: 0;
  font-weight: 500;
  line-height: 24px;
  height: 24px;
  order: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%
}
.form-group label:not([class*=cl-]) {
  color: var(--label-color)
}
.form-group label .more-info {
  color: var(--more-info-color);
  vertical-align: text-bottom
}
.form-group label .more-info:hover {
  cursor: pointer;
  color: var(--more-info-hover-color)
}
.form-group label .cm-required-label-container {
  display: flex
}
.form-group label .cm-required-label-container .cm-required-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 8px)
}
.form-group textarea.form-control {
  overflow-x: hidden;
  resize: none
}
@supports selector(::-webkit-resizer) {
  .form-group textarea.form-control.resize-vertical:not(:disabled), .form-group textarea.form-control.resize-horizontal:not(:disabled), .form-group textarea.form-control.resize-both:not(:disabled) {
    max-width: 100%;
    max-height: 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZmlsbD0nIzg1OEM5OScgZD0nTTEwLjcwNyAyMC43MDdhMSAxIDAgMSAxLTEuNDE0LTEuNDE0bDEwLTEwYTEgMSAwIDAgMSAxLjQxNCAxLjQxNGwtMTAgMTBabTYgMGExIDEgMCAwIDEtMS40MTQtMS40MTRsNC00YTEgMSAwIDAgMSAxLjQxNCAxLjQxNGwtNCA0WicvPjwvc3ZnPg==) !important;
    background-repeat: no-repeat !important;
    background-position: bottom 4px right 4px !important
  }
}
.form-group textarea.form-control.resize-both:not(:disabled) {
  resize: both
}
.form-group textarea.form-control.resize-horizontal:not(:disabled) {
  resize: horizontal
}
.form-group textarea.form-control.resize-vertical:not(:disabled) {
  resize: vertical
}
.form-group textarea.form-control:focus {
  border: var(--selected-border)
}
.form-group textarea.form-control::-webkit-scrollbar {
  width: 12px;
  height: 18px
}
.form-group textarea.form-control::-webkit-scrollbar-thumb {
  height: 6px;
  border: 4px solid transparent;
  background-clip: padding-box;
  -webkit-border-radius: 16px;
  background-color: var(--scroll-bar);
  -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, .05), inset 1px 1px 0 rgba(0, 0, 0, .05)
}
.form-group textarea.form-control::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none
}
.form-group textarea.form-control::-webkit-scrollbar-corner {
  display: none
}
.form-group textarea.form-control::-webkit-resizer {
  display: none
}
.form-group .form-input label {
  transition: none
}
.form-group .form-input select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none
}
.form-group .form-input select.form-control + span.cm-icon {
  float: right;
  margin-top: -54px;
  margin-right: 8px;
  font-size: 24px;
  color: var(--text-color);
  pointer-events: none;
  background-color: --background;
  padding-right: 5px;
  position: relative
}
.form-group .form-input textarea.form-control {
  height: 72px;
  min-height: 120px;
  border-radius: 16px;
  padding: 8px 16px
}
.form-group .form-input-validation {
  order: 3;
  height: 24px;
  line-height: 24px;
  color: var(--label-color)
}
.form-group .form-input-validation .form-input-notes-left, .form-group .form-input-validation .form-input-error {
  padding: 0 16px;
  font-size: 12px;
  float: left;
  transition: ease .2s;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.form-group .form-input-validation .form-input-error {
  color: var(--label-error-color)
}
.form-group .form-input-validation .form-input-charCount, .form-group .form-input-validation .form-input-notes-right {
  font-size: 12px;
  text-align: right;
  padding: 0 16px;
  transition: ease .2s;
  float: right
}
.form-group input.form-control[type=search] {
  -webkit-appearance: textfield
}
.smart-input-parent input ~ .smart-input.smart-flag.cm-flag {
  width: 24px;
  height: 24px;
  margin: 0 0 8px 8px
}
cm-file-upload {
  display: block;
  position: relative
}
cm-file-upload .dropArea {
  height: 64px;
  border: var(--default-dashed-border);
  border-radius: 16px;
  color: var(--default-color);
  width: 100%;
  display: block;
  cursor: pointer;
  font-size: 14px;
  position: relative
}
cm-file-upload .dropArea.disabled {
  color: var(--disabled-color)
}
cm-file-upload .dropArea:not(.disabled) label:hover {
  color: var(--selected-color);
  font-weight: 700
}
cm-file-upload .dropArea.highlight {
  border-color: var(--selected-color);
  color: var(--selected-color);
  font-weight: 700;
  background-color: var(--selected-background)
}
cm-file-upload .dropArea label {
  cursor: pointer;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}
cm-file-upload .dropArea label.show {
  padding: 16px;
  display: flex
}
cm-file-upload .dropArea label.hide {
  display: none
}
cm-file-upload .dropArea label .text-box {
  display: flex;
  flex-direction: column;
  position: relative;
  left: 8px;
  width: 97%
}
cm-file-upload .dropArea label .text-box .display-text {
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
cm-file-upload .dropArea label .text-box .sub-display-text {
  color: var(--default-color);
  font-weight: 400;
  font-size: 12px
}
cm-file-upload .dropArea label .text-box .without-sub-display-text {
  line-height: 32px
}
cm-file-upload .dropArea label .text-box > * {
  line-height: 16px
}
cm-file-upload .dropArea label .cm-icon {
  color: var(--selected-color)
}
cm-file-upload .dropArea .cm-icon.hide {
  display: none
}
cm-file-upload .dropArea .cm-icon.show {
  display: inline-block
}
cm-file-upload .upload-card {
  height: 64px;
  width: calc(100% + 4px);
  position: relative;
  border-radius: 12px;
  margin-left: -2px;
  margin-top: -2px;
  margin-bottom: 16px
}
cm-file-upload .upload-card.border-success {
  border: 2px solid var(--file-success);
  background-color: var(--file-success-background);
  color: var(--file-success-color)
}
cm-file-upload .upload-card.border-error {
  border: 2px solid var(--file-error);
  background-color: var(--file-error-background);
  color: var(--file-error-color)
}
cm-file-upload .upload-card.hide {
  transform: rotateX(90deg)
}
cm-file-upload .upload-card.show {
  transition: transform .5s;
  transform: rotateX(0deg)
}
cm-file-upload .upload-card .text {
  left: 48px;
  right: 48px;
  position: absolute;
  line-height: 16px;
  top: 16px;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}
cm-file-upload .upload-card .text:not(.size) {
  font-weight: 500
}
cm-file-upload .upload-card .text.size {
  font-size: 14px;
  top: 32px;
  color: var(--default-color)
}
cm-file-upload .upload-card .filetype-icon {
  left: 16px;
  top: 20px
}
cm-file-upload .upload-card .removeFile {
  position: absolute;
  right: 16px;
  top: 20px;
  cursor: pointer;
  color: var(--default-color)
}
cm-file-upload .files {
  margin: 16px 0
}
cm-prefix-select, cm-suffix-select {
  position: fixed;
  z-index: 100000000000000020;
  top: 100vh;
  display: block;
  filter: none !important
}
cm-prefix-select *, cm-suffix-select * {
  filter: none !important
}
cm-prefix-select .dropdown, cm-suffix-select .dropdown {
  position: relative;
  display: block;
  left: 0;
  right: 0;
  background: var(--background);
  border-radius: 8px;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  height: auto;
  margin-top: 8px;
  z-index: 1000;
  transition: .25s, box-shadow .25s
}
cm-prefix-select .dropdown .list, cm-suffix-select .dropdown .list {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 272px;
  overflow: hidden;
  overflow-y: auto;
  margin: 8px 0;
  padding: 0;
  top: 0;
  background: transparent;
  left: 0;
  transform-origin: top;
  transform: scale(1, 0);
  transition: transform .25s, border .25s, box-shadow .25s
}
cm-prefix-select .dropdown.active, cm-suffix-select .dropdown.active {
  max-height: 100vh;
  opacity: 1;
  box-shadow: var(--elevation-level-medium)
}
cm-prefix-select .dropdown.active .list, cm-suffix-select .dropdown.active .list {
  transform: scale(1, 1)
}
cm-input .form-control:not(:read-only) ~ .input-left.prefix.multiple, cm-input .form-control:not(:disabled) ~ .input-left.prefix.multiple, cm-input .form-control:not(:read-only) ~ .input-right.suffix.multiple, cm-input .form-control:not(:disabled) ~ .input-right.suffix.multiple {
  cursor: pointer
}
cm-input .form-control:not(:read-only) ~ .input-left.prefix:not(.multiple), cm-input .form-control:not(:disabled) ~ .input-left.prefix:not(.multiple), cm-input .form-control:not(:read-only) ~ .input-right.suffix:not(.multiple), cm-input .form-control:not(:disabled) ~ .input-right.suffix:not(.multiple) {
  cursor: default
}
.cm-icon {
  display: inline-flex;
  font-size: 24px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  min-width: 1em;
  min-height: 1em;
  background-size: 0 0
}
.cm-icon:not([class*=bg-]) {
  background-color: transparent
}
.cm-icon.small {
  font-size: 16px
}
.cm-icon.large {
  font-size: 40px
}
.cm-icon.xlarge {
  font-size: 120px
}
.cm-icon[class*=bg-] {
  z-index: 0;
  border-radius: 50%
}
.cm-icon[class*=bg-]:after {
  background-color: inherit;
  position: absolute;
  display: block;
  overflow: hidden;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  content: "";
  border-radius: inherit;
  z-index: 0;
  top: -4px;
  left: -4px
}
.cm-icon[class*=bg-]:before {
  z-index: 1
}
.cm-icon[class*=cm-icon-]:before {
  content: "";
  text-align: center;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: currentColor;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: 100%;
  -webkit-mask-size: 100%;
  mask-position: center center;
  -webkit-mask-position: center center
}
@supports(-ms-ime-align:auto) {
  .cm-icon[class*=cm-icon-]:before {
    font-size: 0;
    animation: iconOpacity .1s .35s forwards
  }
}
@keyframes iconOpacity {
  100% {
    font-size: 500%
  }
  99% {
    font-size: 0
  }
  0% {
    font-size: 0
  }
}
.cm-icon-academy:before {
  mask-image: url(../../svg/icons/academy.svg);
  -webkit-mask-image: url(../../svg/icons/academy.svg)
}
.cm-icon-accounts:before {
  mask-image: url(../../svg/icons/accounts.svg);
  -webkit-mask-image: url(../../svg/icons/accounts.svg)
}
.cm-icon-add:before {
  mask-image: url(../../svg/icons/add.svg);
  -webkit-mask-image: url(../../svg/icons/add.svg)
}
.cm-icon-alarm:before {
  mask-image: url(../../svg/icons/alarm.svg);
  -webkit-mask-image: url(../../svg/icons/alarm.svg)
}
.cm-icon-align-center:before {
  mask-image: url(../../svg/icons/align-center.svg);
  -webkit-mask-image: url(../../svg/icons/align-center.svg)
}
.cm-icon-align-justify:before {
  mask-image: url(../../svg/icons/align-justify.svg);
  -webkit-mask-image: url(../../svg/icons/align-justify.svg)
}
.cm-icon-align-left:before {
  mask-image: url(../../svg/icons/align-left.svg);
  -webkit-mask-image: url(../../svg/icons/align-left.svg)
}
.cm-icon-align-right:before {
  mask-image: url(../../svg/icons/align-right.svg);
  -webkit-mask-image: url(../../svg/icons/align-right.svg)
}
.cm-icon-android:before {
  mask-image: url(../../svg/icons/android.svg);
  -webkit-mask-image: url(../../svg/icons/android.svg)
}
.cm-icon-apple:before {
  mask-image: url(../../svg/icons/apple.svg);
  -webkit-mask-image: url(../../svg/icons/apple.svg)
}
.cm-icon-apps:before {
  mask-image: url(../../svg/icons/apps.svg);
  -webkit-mask-image: url(../../svg/icons/apps.svg)
}
.cm-icon-archive:before {
  mask-image: url(../../svg/icons/archive.svg);
  -webkit-mask-image: url(../../svg/icons/archive.svg)
}
.cm-icon-arrow-down:before {
  mask-image: url(../../svg/icons/arrow-down.svg);
  -webkit-mask-image: url(../../svg/icons/arrow-down.svg)
}
.cm-icon-arrow-left:before {
  mask-image: url(../../svg/icons/arrow-left.svg);
  -webkit-mask-image: url(../../svg/icons/arrow-left.svg)
}
.cm-icon-arrow-right:before {
  mask-image: url(../../svg/icons/arrow-right.svg);
  -webkit-mask-image: url(../../svg/icons/arrow-right.svg)
}
.cm-icon-arrow-up:before {
  mask-image: url(../../svg/icons/arrow-up.svg);
  -webkit-mask-image: url(../../svg/icons/arrow-up.svg)
}
.cm-icon-attachment:before {
  mask-image: url(../../svg/icons/attachment.svg);
  -webkit-mask-image: url(../../svg/icons/attachment.svg)
}
.cm-icon-audio:before {
  mask-image: url(../../svg/icons/audio.svg);
  -webkit-mask-image: url(../../svg/icons/audio.svg)
}
.cm-icon-award:before {
  mask-image: url(../../svg/icons/award.svg);
  -webkit-mask-image: url(../../svg/icons/award.svg)
}
.cm-icon-baby:before {
  mask-image: url(../../svg/icons/baby.svg);
  -webkit-mask-image: url(../../svg/icons/baby.svg)
}
.cm-icon-backspace:before {
  mask-image: url(../../svg/icons/backspace.svg);
  -webkit-mask-image: url(../../svg/icons/backspace.svg)
}
.cm-icon-bar-chart:before {
  mask-image: url(../../svg/icons/bar-chart.svg);
  -webkit-mask-image: url(../../svg/icons/bar-chart.svg)
}
.cm-icon-bar-code:before {
  mask-image: url(../../svg/icons/bar-code.svg);
  -webkit-mask-image: url(../../svg/icons/bar-code.svg)
}
.cm-icon-block:before {
  mask-image: url(../../svg/icons/block.svg);
  -webkit-mask-image: url(../../svg/icons/block.svg)
}
.cm-icon-bold:before {
  mask-image: url(../../svg/icons/bold.svg);
  -webkit-mask-image: url(../../svg/icons/bold.svg)
}
.cm-icon-border-all:before {
  mask-image: url(../../svg/icons/border-all.svg);
  -webkit-mask-image: url(../../svg/icons/border-all.svg)
}
.cm-icon-border-bottom:before {
  mask-image: url(../../svg/icons/border-bottom.svg);
  -webkit-mask-image: url(../../svg/icons/border-bottom.svg)
}
.cm-icon-border-color:before {
  mask-image: url(../../svg/icons/border-color.svg);
  -webkit-mask-image: url(../../svg/icons/border-color.svg)
}
.cm-icon-border-horizontal:before {
  mask-image: url(../../svg/icons/border-horizontal.svg);
  -webkit-mask-image: url(../../svg/icons/border-horizontal.svg)
}
.cm-icon-border-inside:before {
  mask-image: url(../../svg/icons/border-inside.svg);
  -webkit-mask-image: url(../../svg/icons/border-inside.svg)
}
.cm-icon-border-left:before {
  mask-image: url(../../svg/icons/border-left.svg);
  -webkit-mask-image: url(../../svg/icons/border-left.svg)
}
.cm-icon-border-none:before {
  mask-image: url(../../svg/icons/border-none.svg);
  -webkit-mask-image: url(../../svg/icons/border-none.svg)
}
.cm-icon-border-outside:before {
  mask-image: url(../../svg/icons/border-outside.svg);
  -webkit-mask-image: url(../../svg/icons/border-outside.svg)
}
.cm-icon-border-right:before {
  mask-image: url(../../svg/icons/border-right.svg);
  -webkit-mask-image: url(../../svg/icons/border-right.svg)
}
.cm-icon-border-round:before {
  mask-image: url(../../svg/icons/border-round.svg);
  -webkit-mask-image: url(../../svg/icons/border-round.svg)
}
.cm-icon-border-top:before {
  mask-image: url(../../svg/icons/border-top.svg);
  -webkit-mask-image: url(../../svg/icons/border-top.svg)
}
.cm-icon-border-vertical:before {
  mask-image: url(../../svg/icons/border-vertical.svg);
  -webkit-mask-image: url(../../svg/icons/border-vertical.svg)
}
.cm-icon-bot:before {
  mask-image: url(../../svg/icons/bot.svg);
  -webkit-mask-image: url(../../svg/icons/bot.svg)
}
.cm-icon-bot-framework:before {
  mask-image: url(../../svg/icons/bot-framework.svg);
  -webkit-mask-image: url(../../svg/icons/bot-framework.svg)
}
.cm-icon-browser:before {
  mask-image: url(../../svg/icons/browser.svg);
  -webkit-mask-image: url(../../svg/icons/browser.svg)
}
.cm-icon-brush:before {
  mask-image: url(../../svg/icons/brush.svg);
  -webkit-mask-image: url(../../svg/icons/brush.svg)
}
.cm-icon-bulb:before {
  mask-image: url(../../svg/icons/bulb.svg);
  -webkit-mask-image: url(../../svg/icons/bulb.svg)
}
.cm-icon-business-messaging-gateway:before {
  mask-image: url(../../svg/icons/business-messaging-gateway.svg);
  -webkit-mask-image: url(../../svg/icons/business-messaging-gateway.svg)
}
.cm-icon-calendar:before {
  mask-image: url(../../svg/icons/calendar.svg);
  -webkit-mask-image: url(../../svg/icons/calendar.svg)
}
.cm-icon-carousel:before {
  mask-image: url(../../svg/icons/carousel.svg);
  -webkit-mask-image: url(../../svg/icons/carousel.svg)
}
.cm-icon-channel:before {
  mask-image: url(../../svg/icons/channel.svg);
  -webkit-mask-image: url(../../svg/icons/channel.svg)
}
.cm-icon-chatfuel:before {
  mask-image: url(../../svg/icons/chatfuel.svg);
  -webkit-mask-image: url(../../svg/icons/chatfuel.svg)
}
.cm-icon-check:before {
  mask-image: url(../../svg/icons/check.svg);
  -webkit-mask-image: url(../../svg/icons/check.svg)
}
.cm-icon-check-double:before {
  mask-image: url(../../svg/icons/check-double.svg);
  -webkit-mask-image: url(../../svg/icons/check-double.svg)
}
.cm-icon-checkbox-checked:before {
  mask-image: url(../../svg/icons/checkbox-checked.svg);
  -webkit-mask-image: url(../../svg/icons/checkbox-checked.svg)
}
.cm-icon-checkbox-component-checked:before {
  mask-image: url(../../svg/icons/checkbox-component-checked.svg);
  -webkit-mask-image: url(../../svg/icons/checkbox-component-checked.svg)
}
.cm-icon-checkbox-component-intermediate:before {
  mask-image: url(../../svg/icons/checkbox-component-intermediate.svg);
  -webkit-mask-image: url(../../svg/icons/checkbox-component-intermediate.svg)
}
.cm-icon-checkbox-component-unchecked:before {
  mask-image: url(../../svg/icons/checkbox-component-unchecked.svg);
  -webkit-mask-image: url(../../svg/icons/checkbox-component-unchecked.svg)
}
.cm-icon-checkbox-intermediate:before {
  mask-image: url(../../svg/icons/checkbox-intermediate.svg);
  -webkit-mask-image: url(../../svg/icons/checkbox-intermediate.svg)
}
.cm-icon-checkbox-unchecked:before {
  mask-image: url(../../svg/icons/checkbox-unchecked.svg);
  -webkit-mask-image: url(../../svg/icons/checkbox-unchecked.svg)
}
.cm-icon-clean:before {
  mask-image: url(../../svg/icons/clean.svg);
  -webkit-mask-image: url(../../svg/icons/clean.svg)
}
.cm-icon-clear-format:before {
  mask-image: url(../../svg/icons/clear-format.svg);
  -webkit-mask-image: url(../../svg/icons/clear-format.svg)
}
.cm-icon-close:before {
  mask-image: url(../../svg/icons/close.svg);
  -webkit-mask-image: url(../../svg/icons/close.svg)
}
.cm-icon-close-vertical:before {
  mask-image: url(../../svg/icons/close-vertical.svg);
  -webkit-mask-image: url(../../svg/icons/close-vertical.svg)
}
.cm-icon-cloud:before {
  mask-image: url(../../svg/icons/cloud.svg);
  -webkit-mask-image: url(../../svg/icons/cloud.svg)
}
.cm-icon-code:before {
  mask-image: url(../../svg/icons/code.svg);
  -webkit-mask-image: url(../../svg/icons/code.svg)
}
.cm-icon-colorize:before {
  mask-image: url(../../svg/icons/colorize.svg);
  -webkit-mask-image: url(../../svg/icons/colorize.svg)
}
.cm-icon-column-divider:before {
  mask-image: url(../../svg/icons/column-divider.svg);
  -webkit-mask-image: url(../../svg/icons/column-divider.svg)
}
.cm-icon-comment:before {
  mask-image: url(../../svg/icons/comment.svg);
  -webkit-mask-image: url(../../svg/icons/comment.svg)
}
.cm-icon-company:before {
  mask-image: url(../../svg/icons/company.svg);
  -webkit-mask-image: url(../../svg/icons/company.svg)
}
.cm-icon-compare:before {
  mask-image: url(../../svg/icons/compare.svg);
  -webkit-mask-image: url(../../svg/icons/compare.svg)
}
.cm-icon-compose:before {
  mask-image: url(../../svg/icons/compose.svg);
  -webkit-mask-image: url(../../svg/icons/compose.svg)
}
.cm-icon-connection:before {
  mask-image: url(../../svg/icons/connection.svg);
  -webkit-mask-image: url(../../svg/icons/connection.svg)
}
.cm-icon-creditcard:before {
  mask-image: url(../../svg/icons/creditcard.svg);
  -webkit-mask-image: url(../../svg/icons/creditcard.svg)
}
.cm-icon-creditcard-none:before {
  mask-image: url(../../svg/icons/creditcard-none.svg);
  -webkit-mask-image: url(../../svg/icons/creditcard-none.svg)
}
.cm-icon-crop:before {
  mask-image: url(../../svg/icons/crop.svg);
  -webkit-mask-image: url(../../svg/icons/crop.svg)
}
.cm-icon-crown:before {
  mask-image: url(../../svg/icons/crown.svg);
  -webkit-mask-image: url(../../svg/icons/crown.svg)
}
.cm-icon-customer-contact:before {
  mask-image: url(../../svg/icons/customer-contact.svg);
  -webkit-mask-image: url(../../svg/icons/customer-contact.svg)
}
.cm-icon-cut:before {
  mask-image: url(../../svg/icons/cut.svg);
  -webkit-mask-image: url(../../svg/icons/cut.svg)
}
.cm-icon-dashboard:before {
  mask-image: url(../../svg/icons/dashboard.svg);
  -webkit-mask-image: url(../../svg/icons/dashboard.svg)
}
.cm-icon-dashboard-add:before {
  mask-image: url(../../svg/icons/dashboard-add.svg);
  -webkit-mask-image: url(../../svg/icons/dashboard-add.svg)
}
.cm-icon-decrease:before {
  mask-image: url(../../svg/icons/decrease.svg);
  -webkit-mask-image: url(../../svg/icons/decrease.svg)
}
.cm-icon-delete:before {
  mask-image: url(../../svg/icons/delete.svg);
  -webkit-mask-image: url(../../svg/icons/delete.svg)
}
.cm-icon-delivery:before {
  mask-image: url(../../svg/icons/delivery.svg);
  -webkit-mask-image: url(../../svg/icons/delivery.svg)
}
.cm-icon-desktop:before {
  mask-image: url(../../svg/icons/desktop.svg);
  -webkit-mask-image: url(../../svg/icons/desktop.svg)
}
.cm-icon-diamond:before {
  mask-image: url(../../svg/icons/diamond.svg);
  -webkit-mask-image: url(../../svg/icons/diamond.svg)
}
.cm-icon-digitalcx:before {
  mask-image: url(../../svg/icons/digitalcx.svg);
  -webkit-mask-image: url(../../svg/icons/digitalcx.svg)
}
.cm-icon-dollar:before {
  mask-image: url(../../svg/icons/dollar.svg);
  -webkit-mask-image: url(../../svg/icons/dollar.svg)
}
.cm-icon-down:before {
  mask-image: url(../../svg/icons/down.svg);
  -webkit-mask-image: url(../../svg/icons/down.svg)
}
.cm-icon-download:before {
  mask-image: url(../../svg/icons/download.svg);
  -webkit-mask-image: url(../../svg/icons/download.svg)
}
.cm-icon-drag:before {
  mask-image: url(../../svg/icons/drag.svg);
  -webkit-mask-image: url(../../svg/icons/drag.svg)
}
.cm-icon-duplicate:before {
  mask-image: url(../../svg/icons/duplicate.svg);
  -webkit-mask-image: url(../../svg/icons/duplicate.svg)
}
.cm-icon-edit:before {
  mask-image: url(../../svg/icons/edit.svg);
  -webkit-mask-image: url(../../svg/icons/edit.svg)
}
.cm-icon-email:before {
  mask-image: url(../../svg/icons/email.svg);
  -webkit-mask-image: url(../../svg/icons/email.svg)
}
.cm-icon-email-validation:before {
  mask-image: url(../../svg/icons/email-validation.svg);
  -webkit-mask-image: url(../../svg/icons/email-validation.svg)
}
.cm-icon-emoticon:before {
  mask-image: url(../../svg/icons/emoticon.svg);
  -webkit-mask-image: url(../../svg/icons/emoticon.svg)
}
.cm-icon-error:before {
  mask-image: url(../../svg/icons/error.svg);
  -webkit-mask-image: url(../../svg/icons/error.svg)
}
.cm-icon-error-open:before {
  mask-image: url(../../svg/icons/error-open.svg);
  -webkit-mask-image: url(../../svg/icons/error-open.svg)
}
.cm-icon-euro:before {
  mask-image: url(../../svg/icons/euro.svg);
  -webkit-mask-image: url(../../svg/icons/euro.svg)
}
.cm-icon-event:before {
  mask-image: url(../../svg/icons/event.svg);
  -webkit-mask-image: url(../../svg/icons/event.svg)
}
.cm-icon-excel:before {
  mask-image: url(../../svg/icons/excel.svg);
  -webkit-mask-image: url(../../svg/icons/excel.svg)
}
.cm-icon-experiment:before {
  mask-image: url(../../svg/icons/experiment.svg);
  -webkit-mask-image: url(../../svg/icons/experiment.svg)
}
.cm-icon-export:before {
  mask-image: url(../../svg/icons/export.svg);
  -webkit-mask-image: url(../../svg/icons/export.svg)
}
.cm-icon-face-angry:before {
  mask-image: url(../../svg/icons/face-angry.svg);
  -webkit-mask-image: url(../../svg/icons/face-angry.svg)
}
.cm-icon-face-angry-open:before {
  mask-image: url(../../svg/icons/face-angry-open.svg);
  -webkit-mask-image: url(../../svg/icons/face-angry-open.svg)
}
.cm-icon-face-excited:before {
  mask-image: url(../../svg/icons/face-excited.svg);
  -webkit-mask-image: url(../../svg/icons/face-excited.svg)
}
.cm-icon-face-excited-open:before {
  mask-image: url(../../svg/icons/face-excited-open.svg);
  -webkit-mask-image: url(../../svg/icons/face-excited-open.svg)
}
.cm-icon-face-happy:before {
  mask-image: url(../../svg/icons/face-happy.svg);
  -webkit-mask-image: url(../../svg/icons/face-happy.svg)
}
.cm-icon-face-happy-open:before {
  mask-image: url(../../svg/icons/face-happy-open.svg);
  -webkit-mask-image: url(../../svg/icons/face-happy-open.svg)
}
.cm-icon-face-neutral:before {
  mask-image: url(../../svg/icons/face-neutral.svg);
  -webkit-mask-image: url(../../svg/icons/face-neutral.svg)
}
.cm-icon-face-neutral-open:before {
  mask-image: url(../../svg/icons/face-neutral-open.svg);
  -webkit-mask-image: url(../../svg/icons/face-neutral-open.svg)
}
.cm-icon-face-sad:before {
  mask-image: url(../../svg/icons/face-sad.svg);
  -webkit-mask-image: url(../../svg/icons/face-sad.svg)
}
.cm-icon-face-sad-open:before {
  mask-image: url(../../svg/icons/face-sad-open.svg);
  -webkit-mask-image: url(../../svg/icons/face-sad-open.svg)
}
.cm-icon-facebook:before {
  mask-image: url(../../svg/icons/facebook.svg);
  -webkit-mask-image: url(../../svg/icons/facebook.svg)
}
.cm-icon-facebook-inverted:before {
  mask-image: url(../../svg/icons/facebook-inverted.svg);
  -webkit-mask-image: url(../../svg/icons/facebook-inverted.svg)
}
.cm-icon-favorite-circle:before {
  mask-image: url(../../svg/icons/favorite-circle.svg);
  -webkit-mask-image: url(../../svg/icons/favorite-circle.svg)
}
.cm-icon-favourite:before {
  mask-image: url(../../svg/icons/favourite.svg);
  -webkit-mask-image: url(../../svg/icons/favourite.svg)
}
.cm-icon-file:before {
  mask-image: url(../../svg/icons/file.svg);
  -webkit-mask-image: url(../../svg/icons/file.svg)
}
.cm-icon-fill-color:before {
  mask-image: url(../../svg/icons/fill-color.svg);
  -webkit-mask-image: url(../../svg/icons/fill-color.svg)
}
.cm-icon-filter:before {
  mask-image: url(../../svg/icons/filter.svg);
  -webkit-mask-image: url(../../svg/icons/filter.svg)
}
.cm-icon-fingerprint:before {
  mask-image: url(../../svg/icons/fingerprint.svg);
  -webkit-mask-image: url(../../svg/icons/fingerprint.svg)
}
.cm-icon-first:before {
  mask-image: url(../../svg/icons/first.svg);
  -webkit-mask-image: url(../../svg/icons/first.svg)
}
.cm-icon-fit-horizontal:before {
  mask-image: url(../../svg/icons/fit-horizontal.svg);
  -webkit-mask-image: url(../../svg/icons/fit-horizontal.svg)
}
.cm-icon-folder:before {
  mask-image: url(../../svg/icons/folder.svg);
  -webkit-mask-image: url(../../svg/icons/folder.svg)
}
.cm-icon-folder-new:before {
  mask-image: url(../../svg/icons/folder-new.svg);
  -webkit-mask-image: url(../../svg/icons/folder-new.svg)
}
.cm-icon-folder-shared:before {
  mask-image: url(../../svg/icons/folder-shared.svg);
  -webkit-mask-image: url(../../svg/icons/folder-shared.svg)
}
.cm-icon-font:before {
  mask-image: url(../../svg/icons/font.svg);
  -webkit-mask-image: url(../../svg/icons/font.svg)
}
.cm-icon-font-size:before {
  mask-image: url(../../svg/icons/font-size.svg);
  -webkit-mask-image: url(../../svg/icons/font-size.svg)
}
.cm-icon-food:before {
  mask-image: url(../../svg/icons/food.svg);
  -webkit-mask-image: url(../../svg/icons/food.svg)
}
.cm-icon-forward:before {
  mask-image: url(../../svg/icons/forward.svg);
  -webkit-mask-image: url(../../svg/icons/forward.svg)
}
.cm-icon-gif:before {
  mask-image: url(../../svg/icons/gif.svg);
  -webkit-mask-image: url(../../svg/icons/gif.svg)
}
.cm-icon-gift-card:before {
  mask-image: url(../../svg/icons/gift-card.svg);
  -webkit-mask-image: url(../../svg/icons/gift-card.svg)
}
.cm-icon-github:before {
  mask-image: url(../../svg/icons/github.svg);
  -webkit-mask-image: url(../../svg/icons/github.svg)
}
.cm-icon-gitlab:before {
  mask-image: url(../../svg/icons/gitlab.svg);
  -webkit-mask-image: url(../../svg/icons/gitlab.svg)
}
.cm-icon-globe:before {
  mask-image: url(../../svg/icons/globe.svg);
  -webkit-mask-image: url(../../svg/icons/globe.svg)
}
.cm-icon-google-plus:before {
  mask-image: url(../../svg/icons/google-plus.svg);
  -webkit-mask-image: url(../../svg/icons/google-plus.svg)
}
.cm-icon-group:before {
  mask-image: url(../../svg/icons/group.svg);
  -webkit-mask-image: url(../../svg/icons/group.svg)
}
.cm-icon-group-add:before {
  mask-image: url(../../svg/icons/group-add.svg);
  -webkit-mask-image: url(../../svg/icons/group-add.svg)
}
.cm-icon-group-delete:before {
  mask-image: url(../../svg/icons/group-delete.svg);
  -webkit-mask-image: url(../../svg/icons/group-delete.svg)
}
.cm-icon-group-open:before {
  mask-image: url(../../svg/icons/group-open.svg);
  -webkit-mask-image: url(../../svg/icons/group-open.svg)
}
.cm-icon-hdmi:before {
  mask-image: url(../../svg/icons/hdmi.svg);
  -webkit-mask-image: url(../../svg/icons/hdmi.svg)
}
.cm-icon-help:before {
  mask-image: url(../../svg/icons/help.svg);
  -webkit-mask-image: url(../../svg/icons/help.svg)
}
.cm-icon-help-open:before {
  mask-image: url(../../svg/icons/help-open.svg);
  -webkit-mask-image: url(../../svg/icons/help-open.svg)
}
.cm-icon-help-simple:before {
  mask-image: url(../../svg/icons/help-simple.svg);
  -webkit-mask-image: url(../../svg/icons/help-simple.svg)
}
.cm-icon-hide:before {
  mask-image: url(../../svg/icons/hide.svg);
  -webkit-mask-image: url(../../svg/icons/hide.svg)
}
.cm-icon-home:before {
  mask-image: url(../../svg/icons/home.svg);
  -webkit-mask-image: url(../../svg/icons/home.svg)
}
.cm-icon-image:before {
  mask-image: url(../../svg/icons/image.svg);
  -webkit-mask-image: url(../../svg/icons/image.svg)
}
.cm-icon-image-open:before {
  mask-image: url(../../svg/icons/image-open.svg);
  -webkit-mask-image: url(../../svg/icons/image-open.svg)
}
.cm-icon-import:before {
  mask-image: url(../../svg/icons/import.svg);
  -webkit-mask-image: url(../../svg/icons/import.svg)
}
.cm-icon-inbound:before {
  mask-image: url(../../svg/icons/inbound.svg);
  -webkit-mask-image: url(../../svg/icons/inbound.svg)
}
.cm-icon-inbox:before {
  mask-image: url(../../svg/icons/inbox.svg);
  -webkit-mask-image: url(../../svg/icons/inbox.svg)
}
.cm-icon-increase:before {
  mask-image: url(../../svg/icons/increase.svg);
  -webkit-mask-image: url(../../svg/icons/increase.svg)
}
.cm-icon-indent:before {
  mask-image: url(../../svg/icons/indent.svg);
  -webkit-mask-image: url(../../svg/icons/indent.svg)
}
.cm-icon-information:before {
  mask-image: url(../../svg/icons/information.svg);
  -webkit-mask-image: url(../../svg/icons/information.svg)
}
.cm-icon-information-open:before {
  mask-image: url(../../svg/icons/information-open.svg);
  -webkit-mask-image: url(../../svg/icons/information-open.svg)
}
.cm-icon-input:before {
  mask-image: url(../../svg/icons/input.svg);
  -webkit-mask-image: url(../../svg/icons/input.svg)
}
.cm-icon-instagram:before {
  mask-image: url(../../svg/icons/instagram.svg);
  -webkit-mask-image: url(../../svg/icons/instagram.svg)
}
.cm-icon-invoice:before {
  mask-image: url(../../svg/icons/invoice.svg);
  -webkit-mask-image: url(../../svg/icons/invoice.svg)
}
.cm-icon-italic:before {
  mask-image: url(../../svg/icons/italic.svg);
  -webkit-mask-image: url(../../svg/icons/italic.svg)
}
.cm-icon-key:before {
  mask-image: url(../../svg/icons/key.svg);
  -webkit-mask-image: url(../../svg/icons/key.svg)
}
.cm-icon-language:before {
  mask-image: url(../../svg/icons/language.svg);
  -webkit-mask-image: url(../../svg/icons/language.svg)
}
.cm-icon-last:before {
  mask-image: url(../../svg/icons/last.svg);
  -webkit-mask-image: url(../../svg/icons/last.svg)
}
.cm-icon-layers:before {
  mask-image: url(../../svg/icons/layers.svg);
  -webkit-mask-image: url(../../svg/icons/layers.svg)
}
.cm-icon-left:before {
  mask-image: url(../../svg/icons/left.svg);
  -webkit-mask-image: url(../../svg/icons/left.svg)
}
.cm-icon-lifeline:before {
  mask-image: url(../../svg/icons/lifeline.svg);
  -webkit-mask-image: url(../../svg/icons/lifeline.svg)
}
.cm-icon-like:before {
  mask-image: url(../../svg/icons/like.svg);
  -webkit-mask-image: url(../../svg/icons/like.svg)
}
.cm-icon-line-height:before {
  mask-image: url(../../svg/icons/line-height.svg);
  -webkit-mask-image: url(../../svg/icons/line-height.svg)
}
.cm-icon-link:before {
  mask-image: url(../../svg/icons/link.svg);
  -webkit-mask-image: url(../../svg/icons/link.svg)
}
.cm-icon-linkedin:before {
  mask-image: url(../../svg/icons/linkedin.svg);
  -webkit-mask-image: url(../../svg/icons/linkedin.svg)
}
.cm-icon-linkedin-inverted:before {
  mask-image: url(../../svg/icons/linkedin-inverted.svg);
  -webkit-mask-image: url(../../svg/icons/linkedin-inverted.svg)
}
.cm-icon-list:before {
  mask-image: url(../../svg/icons/list.svg);
  -webkit-mask-image: url(../../svg/icons/list.svg)
}
.cm-icon-list-bullet:before {
  mask-image: url(../../svg/icons/list-bullet.svg);
  -webkit-mask-image: url(../../svg/icons/list-bullet.svg)
}
.cm-icon-list-number:before {
  mask-image: url(../../svg/icons/list-number.svg);
  -webkit-mask-image: url(../../svg/icons/list-number.svg)
}
.cm-icon-list-view:before {
  mask-image: url(../../svg/icons/list-view.svg);
  -webkit-mask-image: url(../../svg/icons/list-view.svg)
}
.cm-icon-location:before {
  mask-image: url(../../svg/icons/location.svg);
  -webkit-mask-image: url(../../svg/icons/location.svg)
}
.cm-icon-location-current:before {
  mask-image: url(../../svg/icons/location-current.svg);
  -webkit-mask-image: url(../../svg/icons/location-current.svg)
}
.cm-icon-location-open:before {
  mask-image: url(../../svg/icons/location-open.svg);
  -webkit-mask-image: url(../../svg/icons/location-open.svg)
}
.cm-icon-lock-locked:before {
  mask-image: url(../../svg/icons/lock-locked.svg);
  -webkit-mask-image: url(../../svg/icons/lock-locked.svg)
}
.cm-icon-lock-unlocked:before {
  mask-image: url(../../svg/icons/lock-unlocked.svg);
  -webkit-mask-image: url(../../svg/icons/lock-unlocked.svg)
}
.cm-icon-magnet:before {
  mask-image: url(../../svg/icons/magnet.svg);
  -webkit-mask-image: url(../../svg/icons/magnet.svg)
}
.cm-icon-margin-horizontal-large:before {
  mask-image: url(../../svg/icons/margin-horizontal-large.svg);
  -webkit-mask-image: url(../../svg/icons/margin-horizontal-large.svg)
}
.cm-icon-margin-horizontal-medium:before {
  mask-image: url(../../svg/icons/margin-horizontal-medium.svg);
  -webkit-mask-image: url(../../svg/icons/margin-horizontal-medium.svg)
}
.cm-icon-margin-horizontal-none:before {
  mask-image: url(../../svg/icons/margin-horizontal-none.svg);
  -webkit-mask-image: url(../../svg/icons/margin-horizontal-none.svg)
}
.cm-icon-margin-horizontal-small:before {
  mask-image: url(../../svg/icons/margin-horizontal-small.svg);
  -webkit-mask-image: url(../../svg/icons/margin-horizontal-small.svg)
}
.cm-icon-margin-vertical-large:before {
  mask-image: url(../../svg/icons/margin-vertical-large.svg);
  -webkit-mask-image: url(../../svg/icons/margin-vertical-large.svg)
}
.cm-icon-margin-vertical-medium:before {
  mask-image: url(../../svg/icons/margin-vertical-medium.svg);
  -webkit-mask-image: url(../../svg/icons/margin-vertical-medium.svg)
}
.cm-icon-margin-vertical-none:before {
  mask-image: url(../../svg/icons/margin-vertical-none.svg);
  -webkit-mask-image: url(../../svg/icons/margin-vertical-none.svg)
}
.cm-icon-margin-vertical-small:before {
  mask-image: url(../../svg/icons/margin-vertical-small.svg);
  -webkit-mask-image: url(../../svg/icons/margin-vertical-small.svg)
}
.cm-icon-maximize:before {
  mask-image: url(../../svg/icons/maximize.svg);
  -webkit-mask-image: url(../../svg/icons/maximize.svg)
}
.cm-icon-menu:before {
  mask-image: url(../../svg/icons/menu.svg);
  -webkit-mask-image: url(../../svg/icons/menu.svg)
}
.cm-icon-merge-tag:before {
  mask-image: url(../../svg/icons/merge-tag.svg);
  -webkit-mask-image: url(../../svg/icons/merge-tag.svg)
}
.cm-icon-message:before {
  mask-image: url(../../svg/icons/message.svg);
  -webkit-mask-image: url(../../svg/icons/message.svg)
}
.cm-icon-messenger:before {
  mask-image: url(../../svg/icons/messenger.svg);
  -webkit-mask-image: url(../../svg/icons/messenger.svg)
}
.cm-icon-metric:before {
  mask-image: url(../../svg/icons/metric.svg);
  -webkit-mask-image: url(../../svg/icons/metric.svg)
}
.cm-icon-microphone:before {
  mask-image: url(../../svg/icons/microphone.svg);
  -webkit-mask-image: url(../../svg/icons/microphone.svg)
}
.cm-icon-microsoft:before {
  mask-image: url(../../svg/icons/microsoft.svg);
  -webkit-mask-image: url(../../svg/icons/microsoft.svg)
}
.cm-icon-minimize:before {
  mask-image: url(../../svg/icons/minimize.svg);
  -webkit-mask-image: url(../../svg/icons/minimize.svg)
}
.cm-icon-money:before {
  mask-image: url(../../svg/icons/money.svg);
  -webkit-mask-image: url(../../svg/icons/money.svg)
}
.cm-icon-more:before {
  mask-image: url(../../svg/icons/more.svg);
  -webkit-mask-image: url(../../svg/icons/more.svg)
}
.cm-icon-mouse-tap:before {
  mask-image: url(../../svg/icons/mouse-tap.svg);
  -webkit-mask-image: url(../../svg/icons/mouse-tap.svg)
}
.cm-icon-move:before {
  mask-image: url(../../svg/icons/move.svg);
  -webkit-mask-image: url(../../svg/icons/move.svg)
}
.cm-icon-mute:before {
  mask-image: url(../../svg/icons/mute.svg);
  -webkit-mask-image: url(../../svg/icons/mute.svg)
}
.cm-icon-next:before {
  mask-image: url(../../svg/icons/next.svg);
  -webkit-mask-image: url(../../svg/icons/next.svg)
}
.cm-icon-note-add:before {
  mask-image: url(../../svg/icons/note-add.svg);
  -webkit-mask-image: url(../../svg/icons/note-add.svg)
}
.cm-icon-notification:before {
  mask-image: url(../../svg/icons/notification.svg);
  -webkit-mask-image: url(../../svg/icons/notification.svg)
}
.cm-icon-notification-off:before {
  mask-image: url(../../svg/icons/notification-off.svg);
  -webkit-mask-image: url(../../svg/icons/notification-off.svg)
}
.cm-icon-number:before {
  mask-image: url(../../svg/icons/number.svg);
  -webkit-mask-image: url(../../svg/icons/number.svg)
}
.cm-icon-numeric:before {
  mask-image: url(../../svg/icons/numeric.svg);
  -webkit-mask-image: url(../../svg/icons/numeric.svg)
}
.cm-icon-object-align-bottom:before {
  mask-image: url(../../svg/icons/object-align-bottom.svg);
  -webkit-mask-image: url(../../svg/icons/object-align-bottom.svg)
}
.cm-icon-object-align-center:before {
  mask-image: url(../../svg/icons/object-align-center.svg);
  -webkit-mask-image: url(../../svg/icons/object-align-center.svg)
}
.cm-icon-object-align-left:before {
  mask-image: url(../../svg/icons/object-align-left.svg);
  -webkit-mask-image: url(../../svg/icons/object-align-left.svg)
}
.cm-icon-object-align-middle:before {
  mask-image: url(../../svg/icons/object-align-middle.svg);
  -webkit-mask-image: url(../../svg/icons/object-align-middle.svg)
}
.cm-icon-object-align-right:before {
  mask-image: url(../../svg/icons/object-align-right.svg);
  -webkit-mask-image: url(../../svg/icons/object-align-right.svg)
}
.cm-icon-object-align-top:before {
  mask-image: url(../../svg/icons/object-align-top.svg);
  -webkit-mask-image: url(../../svg/icons/object-align-top.svg)
}
.cm-icon-open-vertical:before {
  mask-image: url(../../svg/icons/open-vertical.svg);
  -webkit-mask-image: url(../../svg/icons/open-vertical.svg)
}
.cm-icon-operator:before {
  mask-image: url(../../svg/icons/operator.svg);
  -webkit-mask-image: url(../../svg/icons/operator.svg)
}
.cm-icon-outbound:before {
  mask-image: url(../../svg/icons/outbound.svg);
  -webkit-mask-image: url(../../svg/icons/outbound.svg)
}
.cm-icon-outdent:before {
  mask-image: url(../../svg/icons/outdent.svg);
  -webkit-mask-image: url(../../svg/icons/outdent.svg)
}
.cm-icon-page:before {
  mask-image: url(../../svg/icons/page.svg);
  -webkit-mask-image: url(../../svg/icons/page.svg)
}
.cm-icon-paste:before {
  mask-image: url(../../svg/icons/paste.svg);
  -webkit-mask-image: url(../../svg/icons/paste.svg)
}
.cm-icon-pause:before {
  mask-image: url(../../svg/icons/pause.svg);
  -webkit-mask-image: url(../../svg/icons/pause.svg)
}
.cm-icon-pause-open:before {
  mask-image: url(../../svg/icons/pause-open.svg);
  -webkit-mask-image: url(../../svg/icons/pause-open.svg)
}
.cm-icon-pause-simple:before {
  mask-image: url(../../svg/icons/pause-simple.svg);
  -webkit-mask-image: url(../../svg/icons/pause-simple.svg)
}
.cm-icon-paylogic:before {
  mask-image: url(../../svg/icons/paylogic.svg);
  -webkit-mask-image: url(../../svg/icons/paylogic.svg)
}
.cm-icon-pdf:before {
  mask-image: url(../../svg/icons/pdf.svg);
  -webkit-mask-image: url(../../svg/icons/pdf.svg)
}
.cm-icon-percentage:before {
  mask-image: url(../../svg/icons/percentage.svg);
  -webkit-mask-image: url(../../svg/icons/percentage.svg)
}
.cm-icon-pet:before {
  mask-image: url(../../svg/icons/pet.svg);
  -webkit-mask-image: url(../../svg/icons/pet.svg)
}
.cm-icon-phone:before {
  mask-image: url(../../svg/icons/phone.svg);
  -webkit-mask-image: url(../../svg/icons/phone.svg)
}
.cm-icon-phone-error:before {
  mask-image: url(../../svg/icons/phone-error.svg);
  -webkit-mask-image: url(../../svg/icons/phone-error.svg)
}
.cm-icon-phone-off:before {
  mask-image: url(../../svg/icons/phone-off.svg);
  -webkit-mask-image: url(../../svg/icons/phone-off.svg)
}
.cm-icon-photo:before {
  mask-image: url(../../svg/icons/photo.svg);
  -webkit-mask-image: url(../../svg/icons/photo.svg)
}
.cm-icon-pin:before {
  mask-image: url(../../svg/icons/pin.svg);
  -webkit-mask-image: url(../../svg/icons/pin.svg)
}
.cm-icon-play:before {
  mask-image: url(../../svg/icons/play.svg);
  -webkit-mask-image: url(../../svg/icons/play.svg)
}
.cm-icon-play-open:before {
  mask-image: url(../../svg/icons/play-open.svg);
  -webkit-mask-image: url(../../svg/icons/play-open.svg)
}
.cm-icon-play-simple:before {
  mask-image: url(../../svg/icons/play-simple.svg);
  -webkit-mask-image: url(../../svg/icons/play-simple.svg)
}
.cm-icon-policy:before {
  mask-image: url(../../svg/icons/policy.svg);
  -webkit-mask-image: url(../../svg/icons/policy.svg)
}
.cm-icon-pop-in:before {
  mask-image: url(../../svg/icons/pop-in.svg);
  -webkit-mask-image: url(../../svg/icons/pop-in.svg)
}
.cm-icon-pop-out:before {
  mask-image: url(../../svg/icons/pop-out.svg);
  -webkit-mask-image: url(../../svg/icons/pop-out.svg)
}
.cm-icon-pound:before {
  mask-image: url(../../svg/icons/pound.svg);
  -webkit-mask-image: url(../../svg/icons/pound.svg)
}
.cm-icon-present:before {
  mask-image: url(../../svg/icons/present.svg);
  -webkit-mask-image: url(../../svg/icons/present.svg)
}
.cm-icon-previous:before {
  mask-image: url(../../svg/icons/previous.svg);
  -webkit-mask-image: url(../../svg/icons/previous.svg)
}
.cm-icon-print:before {
  mask-image: url(../../svg/icons/print.svg);
  -webkit-mask-image: url(../../svg/icons/print.svg)
}
.cm-icon-qr-code:before {
  mask-image: url(../../svg/icons/qr-code.svg);
  -webkit-mask-image: url(../../svg/icons/qr-code.svg)
}
.cm-icon-quick-reply:before {
  mask-image: url(../../svg/icons/quick-reply.svg);
  -webkit-mask-image: url(../../svg/icons/quick-reply.svg)
}
.cm-icon-radio-checked:before {
  mask-image: url(../../svg/icons/radio-checked.svg);
  -webkit-mask-image: url(../../svg/icons/radio-checked.svg)
}
.cm-icon-radio-unchecked:before {
  mask-image: url(../../svg/icons/radio-unchecked.svg);
  -webkit-mask-image: url(../../svg/icons/radio-unchecked.svg)
}
.cm-icon-redo:before {
  mask-image: url(../../svg/icons/redo.svg);
  -webkit-mask-image: url(../../svg/icons/redo.svg)
}
.cm-icon-refresh:before {
  mask-image: url(../../svg/icons/refresh.svg);
  -webkit-mask-image: url(../../svg/icons/refresh.svg)
}
.cm-icon-refund:before {
  mask-image: url(../../svg/icons/refund.svg);
  -webkit-mask-image: url(../../svg/icons/refund.svg)
}
.cm-icon-remove:before {
  mask-image: url(../../svg/icons/remove.svg);
  -webkit-mask-image: url(../../svg/icons/remove.svg)
}
.cm-icon-reorder:before {
  mask-image: url(../../svg/icons/reorder.svg);
  -webkit-mask-image: url(../../svg/icons/reorder.svg)
}
.cm-icon-reply:before {
  mask-image: url(../../svg/icons/reply.svg);
  -webkit-mask-image: url(../../svg/icons/reply.svg)
}
.cm-icon-reply-all:before {
  mask-image: url(../../svg/icons/reply-all.svg);
  -webkit-mask-image: url(../../svg/icons/reply-all.svg)
}
.cm-icon-reset:before {
  mask-image: url(../../svg/icons/reset.svg);
  -webkit-mask-image: url(../../svg/icons/reset.svg)
}
.cm-icon-right:before {
  mask-image: url(../../svg/icons/right.svg);
  -webkit-mask-image: url(../../svg/icons/right.svg)
}
.cm-icon-robinhq:before {
  mask-image: url(../../svg/icons/robinhq.svg);
  -webkit-mask-image: url(../../svg/icons/robinhq.svg)
}
.cm-icon-row:before {
  mask-image: url(../../svg/icons/row.svg);
  -webkit-mask-image: url(../../svg/icons/row.svg)
}
.cm-icon-rowheight-high:before {
  mask-image: url(../../svg/icons/rowheight-high.svg);
  -webkit-mask-image: url(../../svg/icons/rowheight-high.svg)
}
.cm-icon-rowheight-low:before {
  mask-image: url(../../svg/icons/rowheight-low.svg);
  -webkit-mask-image: url(../../svg/icons/rowheight-low.svg)
}
.cm-icon-rowheight-medium:before {
  mask-image: url(../../svg/icons/rowheight-medium.svg);
  -webkit-mask-image: url(../../svg/icons/rowheight-medium.svg)
}
.cm-icon-save:before {
  mask-image: url(../../svg/icons/save.svg);
  -webkit-mask-image: url(../../svg/icons/save.svg)
}
.cm-icon-scale:before {
  mask-image: url(../../svg/icons/scale.svg);
  -webkit-mask-image: url(../../svg/icons/scale.svg)
}
.cm-icon-screen-share:before {
  mask-image: url(../../svg/icons/screen-share.svg);
  -webkit-mask-image: url(../../svg/icons/screen-share.svg)
}
.cm-icon-search:before {
  mask-image: url(../../svg/icons/search.svg);
  -webkit-mask-image: url(../../svg/icons/search.svg)
}
.cm-icon-seat:before {
  mask-image: url(../../svg/icons/seat.svg);
  -webkit-mask-image: url(../../svg/icons/seat.svg)
}
.cm-icon-security:before {
  mask-image: url(../../svg/icons/security.svg);
  -webkit-mask-image: url(../../svg/icons/security.svg)
}
.cm-icon-segments:before {
  mask-image: url(../../svg/icons/segments.svg);
  -webkit-mask-image: url(../../svg/icons/segments.svg)
}
.cm-icon-select-all-checked:before {
  mask-image: url(../../svg/icons/select-all-checked.svg);
  -webkit-mask-image: url(../../svg/icons/select-all-checked.svg)
}
.cm-icon-select-all-unchecked:before {
  mask-image: url(../../svg/icons/select-all-unchecked.svg);
  -webkit-mask-image: url(../../svg/icons/select-all-unchecked.svg)
}
.cm-icon-send:before {
  mask-image: url(../../svg/icons/send.svg);
  -webkit-mask-image: url(../../svg/icons/send.svg)
}
.cm-icon-sending:before {
  mask-image: url(../../svg/icons/sending.svg);
  -webkit-mask-image: url(../../svg/icons/sending.svg)
}
.cm-icon-session:before {
  mask-image: url(../../svg/icons/session.svg);
  -webkit-mask-image: url(../../svg/icons/session.svg)
}
.cm-icon-settings:before {
  mask-image: url(../../svg/icons/settings.svg);
  -webkit-mask-image: url(../../svg/icons/settings.svg)
}
.cm-icon-share:before {
  mask-image: url(../../svg/icons/share.svg);
  -webkit-mask-image: url(../../svg/icons/share.svg)
}
.cm-icon-share-social:before {
  mask-image: url(../../svg/icons/share-social.svg);
  -webkit-mask-image: url(../../svg/icons/share-social.svg)
}
.cm-icon-shop:before {
  mask-image: url(../../svg/icons/shop.svg);
  -webkit-mask-image: url(../../svg/icons/shop.svg)
}
.cm-icon-shop-add:before {
  mask-image: url(../../svg/icons/shop-add.svg);
  -webkit-mask-image: url(../../svg/icons/shop-add.svg)
}
.cm-icon-shop-remove:before {
  mask-image: url(../../svg/icons/shop-remove.svg);
  -webkit-mask-image: url(../../svg/icons/shop-remove.svg)
}
.cm-icon-show:before {
  mask-image: url(../../svg/icons/show.svg);
  -webkit-mask-image: url(../../svg/icons/show.svg)
}
.cm-icon-shuffle:before {
  mask-image: url(../../svg/icons/shuffle.svg);
  -webkit-mask-image: url(../../svg/icons/shuffle.svg)
}
.cm-icon-sleep:before {
  mask-image: url(../../svg/icons/sleep.svg);
  -webkit-mask-image: url(../../svg/icons/sleep.svg)
}
.cm-icon-sleepy:before {
  mask-image: url(../../svg/icons/sleepy.svg);
  -webkit-mask-image: url(../../svg/icons/sleepy.svg)
}
.cm-icon-sliders:before {
  mask-image: url(../../svg/icons/sliders.svg);
  -webkit-mask-image: url(../../svg/icons/sliders.svg)
}
.cm-icon-smartphone:before {
  mask-image: url(../../svg/icons/smartphone.svg);
  -webkit-mask-image: url(../../svg/icons/smartphone.svg)
}
.cm-icon-sort:before {
  mask-image: url(../../svg/icons/sort.svg);
  -webkit-mask-image: url(../../svg/icons/sort.svg)
}
.cm-icon-sort-a-z:before {
  mask-image: url(../../svg/icons/sort-a-z.svg);
  -webkit-mask-image: url(../../svg/icons/sort-a-z.svg)
}
.cm-icon-sort-z-a:before {
  mask-image: url(../../svg/icons/sort-z-a.svg);
  -webkit-mask-image: url(../../svg/icons/sort-z-a.svg)
}
.cm-icon-soundcloud:before {
  mask-image: url(../../svg/icons/soundcloud.svg);
  -webkit-mask-image: url(../../svg/icons/soundcloud.svg)
}
.cm-icon-split:before {
  mask-image: url(../../svg/icons/split.svg);
  -webkit-mask-image: url(../../svg/icons/split.svg)
}
.cm-icon-spotify:before {
  mask-image: url(../../svg/icons/spotify.svg);
  -webkit-mask-image: url(../../svg/icons/spotify.svg)
}
.cm-icon-stop:before {
  mask-image: url(../../svg/icons/stop.svg);
  -webkit-mask-image: url(../../svg/icons/stop.svg)
}
.cm-icon-stop-open:before {
  mask-image: url(../../svg/icons/stop-open.svg);
  -webkit-mask-image: url(../../svg/icons/stop-open.svg)
}
.cm-icon-stop-simple:before {
  mask-image: url(../../svg/icons/stop-simple.svg);
  -webkit-mask-image: url(../../svg/icons/stop-simple.svg)
}
.cm-icon-store:before {
  mask-image: url(../../svg/icons/store.svg);
  -webkit-mask-image: url(../../svg/icons/store.svg)
}
.cm-icon-strikethrough:before {
  mask-image: url(../../svg/icons/strikethrough.svg);
  -webkit-mask-image: url(../../svg/icons/strikethrough.svg)
}
.cm-icon-subscript:before {
  mask-image: url(../../svg/icons/subscript.svg);
  -webkit-mask-image: url(../../svg/icons/subscript.svg)
}
.cm-icon-sun:before {
  mask-image: url(../../svg/icons/sun.svg);
  -webkit-mask-image: url(../../svg/icons/sun.svg)
}
.cm-icon-superscript:before {
  mask-image: url(../../svg/icons/superscript.svg);
  -webkit-mask-image: url(../../svg/icons/superscript.svg)
}
.cm-icon-switch:before {
  mask-image: url(../../svg/icons/switch.svg);
  -webkit-mask-image: url(../../svg/icons/switch.svg)
}
.cm-icon-sync-true:before {
  mask-image: url(../../svg/icons/sync-true.svg);
  -webkit-mask-image: url(../../svg/icons/sync-true.svg)
}
.cm-icon-tablet:before {
  mask-image: url(../../svg/icons/tablet.svg);
  -webkit-mask-image: url(../../svg/icons/tablet.svg)
}
.cm-icon-tag:before {
  mask-image: url(../../svg/icons/tag.svg);
  -webkit-mask-image: url(../../svg/icons/tag.svg)
}
.cm-icon-telegram:before {
  mask-image: url(../../svg/icons/telegram.svg);
  -webkit-mask-image: url(../../svg/icons/telegram.svg)
}
.cm-icon-text:before {
  mask-image: url(../../svg/icons/text.svg);
  -webkit-mask-image: url(../../svg/icons/text.svg)
}
.cm-icon-text-color:before {
  mask-image: url(../../svg/icons/text-color.svg);
  -webkit-mask-image: url(../../svg/icons/text-color.svg)
}
.cm-icon-thumbs-down:before {
  mask-image: url(../../svg/icons/thumbs-down.svg);
  -webkit-mask-image: url(../../svg/icons/thumbs-down.svg)
}
.cm-icon-thumbs-up:before {
  mask-image: url(../../svg/icons/thumbs-up.svg);
  -webkit-mask-image: url(../../svg/icons/thumbs-up.svg)
}
.cm-icon-ticket:before {
  mask-image: url(../../svg/icons/ticket.svg);
  -webkit-mask-image: url(../../svg/icons/ticket.svg)
}
.cm-icon-time-fill:before {
  mask-image: url(../../svg/icons/time-fill.svg);
  -webkit-mask-image: url(../../svg/icons/time-fill.svg)
}
.cm-icon-time-open:before {
  mask-image: url(../../svg/icons/time-open.svg);
  -webkit-mask-image: url(../../svg/icons/time-open.svg)
}
.cm-icon-timer:before {
  mask-image: url(../../svg/icons/timer.svg);
  -webkit-mask-image: url(../../svg/icons/timer.svg)
}
.cm-icon-tool-closed:before {
  mask-image: url(../../svg/icons/tool-closed.svg);
  -webkit-mask-image: url(../../svg/icons/tool-closed.svg)
}
.cm-icon-tool-open:before {
  mask-image: url(../../svg/icons/tool-open.svg);
  -webkit-mask-image: url(../../svg/icons/tool-open.svg)
}
.cm-icon-trigger:before {
  mask-image: url(../../svg/icons/trigger.svg);
  -webkit-mask-image: url(../../svg/icons/trigger.svg)
}
.cm-icon-twitter:before {
  mask-image: url(../../svg/icons/twitter.svg);
  -webkit-mask-image: url(../../svg/icons/twitter.svg)
}
.cm-icon-unarchive:before {
  mask-image: url(../../svg/icons/unarchive.svg);
  -webkit-mask-image: url(../../svg/icons/unarchive.svg)
}
.cm-icon-underline:before {
  mask-image: url(../../svg/icons/underline.svg);
  -webkit-mask-image: url(../../svg/icons/underline.svg)
}
.cm-icon-undo:before {
  mask-image: url(../../svg/icons/undo.svg);
  -webkit-mask-image: url(../../svg/icons/undo.svg)
}
.cm-icon-unfavorite:before {
  mask-image: url(../../svg/icons/unfavorite.svg);
  -webkit-mask-image: url(../../svg/icons/unfavorite.svg)
}
.cm-icon-unlike:before {
  mask-image: url(../../svg/icons/unlike.svg);
  -webkit-mask-image: url(../../svg/icons/unlike.svg)
}
.cm-icon-unlink:before {
  mask-image: url(../../svg/icons/unlink.svg);
  -webkit-mask-image: url(../../svg/icons/unlink.svg)
}
.cm-icon-unpin:before {
  mask-image: url(../../svg/icons/unpin.svg);
  -webkit-mask-image: url(../../svg/icons/unpin.svg)
}
.cm-icon-up:before {
  mask-image: url(../../svg/icons/up.svg);
  -webkit-mask-image: url(../../svg/icons/up.svg)
}
.cm-icon-upload:before {
  mask-image: url(../../svg/icons/upload.svg);
  -webkit-mask-image: url(../../svg/icons/upload.svg)
}
.cm-icon-user-fill:before {
  mask-image: url(../../svg/icons/user-fill.svg);
  -webkit-mask-image: url(../../svg/icons/user-fill.svg)
}
.cm-icon-user-open:before {
  mask-image: url(../../svg/icons/user-open.svg);
  -webkit-mask-image: url(../../svg/icons/user-open.svg)
}
.cm-icon-verification:before {
  mask-image: url(../../svg/icons/verification.svg);
  -webkit-mask-image: url(../../svg/icons/verification.svg)
}
.cm-icon-verification-open:before {
  mask-image: url(../../svg/icons/verification-open.svg);
  -webkit-mask-image: url(../../svg/icons/verification-open.svg)
}
.cm-icon-verified:before {
  mask-image: url(../../svg/icons/verified.svg);
  -webkit-mask-image: url(../../svg/icons/verified.svg)
}
.cm-icon-video:before {
  mask-image: url(../../svg/icons/video.svg);
  -webkit-mask-image: url(../../svg/icons/video.svg)
}
.cm-icon-view-tiles:before {
  mask-image: url(../../svg/icons/view-tiles.svg);
  -webkit-mask-image: url(../../svg/icons/view-tiles.svg)
}
.cm-icon-warning:before {
  mask-image: url(../../svg/icons/warning.svg);
  -webkit-mask-image: url(../../svg/icons/warning.svg)
}
.cm-icon-warning-open:before {
  mask-image: url(../../svg/icons/warning-open.svg);
  -webkit-mask-image: url(../../svg/icons/warning-open.svg)
}
.cm-icon-warning-simple:before {
  mask-image: url(../../svg/icons/warning-simple.svg);
  -webkit-mask-image: url(../../svg/icons/warning-simple.svg)
}
.cm-icon-wechat:before {
  mask-image: url(../../svg/icons/wechat.svg);
  -webkit-mask-image: url(../../svg/icons/wechat.svg)
}
.cm-icon-whatsapp:before {
  mask-image: url(../../svg/icons/whatsapp.svg);
  -webkit-mask-image: url(../../svg/icons/whatsapp.svg)
}
.cm-icon-wifi:before {
  mask-image: url(../../svg/icons/wifi.svg);
  -webkit-mask-image: url(../../svg/icons/wifi.svg)
}
.cm-icon-word:before {
  mask-image: url(../../svg/icons/word.svg);
  -webkit-mask-image: url(../../svg/icons/word.svg)
}
.cm-icon-workflow:before {
  mask-image: url(../../svg/icons/workflow.svg);
  -webkit-mask-image: url(../../svg/icons/workflow.svg)
}
.cm-icon-yen:before {
  mask-image: url(../../svg/icons/yen.svg);
  -webkit-mask-image: url(../../svg/icons/yen.svg)
}
.cm-icon-youtube:before {
  mask-image: url(../../svg/icons/youtube.svg);
  -webkit-mask-image: url(../../svg/icons/youtube.svg)
}
.cm-icon-zoom-in:before {
  mask-image: url(../../svg/icons/zoom-in.svg);
  -webkit-mask-image: url(../../svg/icons/zoom-in.svg)
}
.cm-icon-zoom-out:before {
  mask-image: url(../../svg/icons/zoom-out.svg);
  -webkit-mask-image: url(../../svg/icons/zoom-out.svg)
}
.cm-icon-spaced {
  margin-right: 8px
}
body {
  --white: rgb(255, 255, 255);
  --white-80: rgba(255, 255, 255, 0.8);
  --white-60: rgba(255, 255, 255, 0.6);
  --white-50: rgba(255, 255, 255, 0.5);
  --white-40: rgba(255, 255, 255, 0.4);
  --white-25: rgba(255, 255, 255, 0.25);
  --white-20: rgba(255, 255, 255, 0.2);
  --white-10: rgba(255, 255, 255, 0.1);
  --white-5: rgba(255, 255, 255, 0.05);
  --white-2-5: rgba(255, 255, 255, 0.025);
  --white-1: rgba(255, 255, 255, 0.01);
  --black-140: rgb(16, 30, 30);
  --black-120: rgb(33, 46, 57);
  --black-100: rgb(52, 64, 85);
  --black-80: rgb(93, 102, 119);
  --black-71: rgb(111, 119, 134);
  --black-60: rgb(133, 140, 153);
  --black-50: rgb(153, 159, 170);
  --black-40: rgb(174, 179, 187);
  --black-25: rgb(204, 207, 212);
  --black-20: rgb(214, 217, 221);
  --black-10: rgb(234, 235, 238);
  --black-5: rgb(245, 245, 246);
  --black-2-5: rgb(249, 249, 250);
  --black-2: rgb(251, 251, 252);
  --black-1: rgb(253, 253, 253);
  --green-180: rgb(25, 68, 54);
  --green-146: rgb(40, 133, 95);
  --green-140: rgb(42, 144, 102);
  --green-100: rgb(61, 220, 151);
  --green-80: rgb(100, 227, 172);
  --green-60: rgb(139, 234, 193);
  --green-50: rgb(158, 237, 203);
  --green-40: rgb(177, 241, 213);
  --green-25: rgb(206, 246, 229);
  --green-20: rgb(216, 248, 234);
  --green-10: rgb(235, 251, 244);
  --teal-200: rgb(14, 140, 118);
  --teal-100: rgb(27, 252, 213);
  --teal-50: rgba(27, 252, 213, 0.5);
  --teal-25: rgba(27, 252, 213, 0.25);
  --teal-10: rgba(27, 252, 213, 0.1);
  --blue-180: rgb(13, 49, 75);
  --blue-153: rgb(8, 75, 136);
  --blue-144: rgb(7, 84, 156);
  --blue-140: rgb(6, 88, 165);
  --blue-120: rgb(3, 107, 210);
  --blue-110: rgb(0, 116, 232);
  --blue-100: rgb(0, 127, 255);
  --blue-80: rgb(51, 153, 255);
  --blue-60: rgb(102, 178, 255);
  --blue-50: rgb(127, 191, 255);
  --blue-40: rgb(153, 204, 255);
  --blue-25: rgb(191, 223, 255);
  --blue-20: rgb(204, 229, 255);
  --blue-10: rgb(229, 242, 255);
  --blue-5: rgb(242, 248, 255);
  --blue-2-5: rgb(250, 253, 255);
  --blue-1: rgb(252, 253, 255);
  --cyan-200: rgb(12, 148, 158);
  --cyan-100: rgb(4, 228, 244);
  --cyan-50: rgba(4, 228, 244, 0.5);
  --cyan-40: rgba(4, 228, 244, 0.4);
  --cyan-25: rgba(4, 228, 244, 0.25);
  --cyan-20: rgba(4, 228, 244, 0.2);
  --cyan-10: rgba(4, 228, 244, 0.1);
  --cyan-5: rgba(4, 228, 244, 0.05);
  --cyan-2-5: rgba(4, 228, 244, 0.025);
  --cyan-1: rgba(4, 228, 244, 0.01);
  --purple-400: rgb(29, 29, 92);
  --purple-300: rgb(33, 27, 72);
  --purple-200: rgb(68, 21, 157);
  --purple-100: rgb(102, 16, 242);
  --purple-50: rgba(102, 16, 242, 0.5);
  --purple-25: rgba(102, 16, 242, 0.25);
  --purple-10: rgba(102, 16, 242, 0.1);
  --red-180: rgb(64, 38, 42);
  --red-140: rgb(159, 55, 67);
  --red-118: rgb(212, 64, 80);
  --red-100: rgb(255, 73, 92);
  --red-80: rgb(255, 109, 125);
  --red-60: rgb(255, 146, 157);
  --red-50: rgb(255, 164, 173);
  --red-40: rgb(255, 182, 190);
  --red-25: rgb(255, 209, 214);
  --red-20: rgb(255, 219, 222);
  --red-10: rgb(255, 236, 238);
  --orange-180: rgb(64, 56, 24);
  --orange-141: rgb(157, 108, 12);
  --orange-140: rgb(159, 110, 12);
  --orange-100: rgb(255, 164, 0);
  --orange-80: rgb(255, 182, 51);
  --orange-60: rgb(255, 200, 102);
  --orange-50: rgb(255, 209, 127);
  --orange-40: rgb(255, 219, 153);
  --orange-25: rgb(255, 232, 191);
  --orange-20: rgb(255, 237, 204);
  --orange-10: rgb(255, 245, 229);
  --yellow-300: rgb(63, 64, 35);
  --yellow-200: rgb(157, 133, 49);
  --yellow-100: rgb(253, 202, 64);
  --yellow-50: rgba(253, 202, 64, 0.5);
  --yellow-25: rgba(253, 202, 64, 0.25);
  --yellow-10: rgba(253, 202, 64, 0.1);
  --transparent: rgba(0, 0, 0, 0);
  background: var(--background) !important
}
body:not(.dark) {
  --bg-background-color: var(--background);
  --cl-background-color: var(--background);
  --cl-success-color: var(--green-100);
  --bg-success-color: var(--green-10);
  --cl-error-color: var(--red-100);
  --bg-error-color: var(--red-10);
  --cl-warning-color: var(--orange-100);
  --bg-warning-color: var(--orange-10);
  --cl-text-color: var(--text-color);
  --bg-selected-color: var(--selected-color);
  --bg-selected-light-color: var(--selected-background);
  --cl-selected-color: var(--selected-color);
  --cl-default-inverse-color: var(--default-color-inverse);
  --bg-default-color: var(--default-background);
  --bg-default-inverse-color: var(--default-background-inverse);
  --cl-default-color: var(--default-color);
  --cl-hint-text-color: var(--hint-text-color);
  --bg-transparent: var(--transparent)
}
body.dark {
  --cl-background-color: var(--background);
  --bg-background-color: var(--background);
  --cl-success-color: var(--green-100);
  --bg-success-color: var(--green-10);
  --cl-error-color: var(--red-100);
  --bg-error-color: var(--red-10);
  --cl-warning-color: var(--orange-100);
  --bg-warning-color: var(--orange-10);
  --cl-text-color: var(--text-color);
  --bg-selected-color: var(--selected-color);
  --bg-selected-light-color: var(--selected-background);
  --cl-selected-color: var(--selected-color);
  --cl-default-inverse-color: var(--default-color-inverse);
  --bg-default-color: var(--default-background);
  --bg-default-inverse-color: var(--default-background-inverse);
  --cl-default-color: var(--default-color);
  --cl-hint-text-color: var(--hint-text-color);
  --bg-transparent: var(--transparent)
}
.bg-background-color {
  background-color: var(--background)
}
.bg-selected-color {
  background-color: var(--selected-color)
}
.bg-selected-color:not([class*=cl-]) {
  color: var(--white)
}
.bg-selected-light-color, cm-smart-filter-pill .pill.pill-state.pill-state-applied, .bg-selected-light-color-hover:hover, .bg-selected-light-color-active:active {
  background-color: var(--selected-background)
}
.bg-default-color-trans {
  background-color: var(--default-background-trans)
}
.bg-default-color-hover:hover {
  background-color: var(--black-71)
}
.bg-default-inverse-color {
  background-color: var(--default-background-inverse)
}
.bg-primary-color-xhc {
  background-color: var(--blue-153)
}
.bg-primary-color-xhc:not([class*=cl-]) {
  color: var(--white)
}
.bg-primary-color-hc {
  background-color: var(--blue-120)
}
.bg-primary-color-hc:not([class*=cl-]) {
  color: var(--white)
}
.bg-primary-color {
  background-color: var(--blue-110)
}
.bg-primary-color:not([class*=cl-]) {
  color: var(--white)
}
.bg-primary-color-light {
  background-color: var(--blue-20)
}
.bg-primary-color-light:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-default-color-xhc {
  background-color: var(--black-140)
}
.bg-default-color-xhc:not([class*=cl-]) {
  color: var(--white)
}
.bg-default-color-hc {
  background-color: var(--black-100)
}
.bg-default-color-hc:not([class*=cl-]) {
  color: var(--white)
}
.bg-default-color {
  background-color: var(--black-71)
}
.bg-default-color:not([class*=cl-]) {
  color: var(--white)
}
.bg-default-color-light, cm-smart-filter-pill .pill.pill-state, .bg-default-color-light-hover:hover {
  background-color: var(--black-10)
}
.bg-default-color-light:not([class*=cl-]), cm-smart-filter-pill .pill.pill-state:not([class*=cl-]), .bg-default-color-light-hover:hover:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-success-color-hc {
  background-color: var(--green-146)
}
.bg-success-color-hc:not([class*=cl-]) {
  color: var(--white)
}
.bg-success-color {
  background-color: var(--green-100)
}
.bg-success-color:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-success-color-light {
  background-color: var(--green-20)
}
.bg-success-color-light:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-warning-color-hc, .bg-shit-color {
  background-color: var(--orange-141)
}
.bg-warning-color-hc:not([class*=cl-]), .bg-shit-color:not([class*=cl-]) {
  color: var(--white)
}
.bg-warning-color {
  background-color: var(--orange-100)
}
.bg-warning-color:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-warning-color-light {
  background-color: var(--orange-20)
}
.bg-warning-color-light:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-error-color-hc {
  background-color: var(--red-118)
}
.bg-error-color-hc:not([class*=cl-]) {
  color: var(--white)
}
.bg-error-color {
  background-color: var(--red-100)
}
.bg-error-color:not([class*=cl-]) {
  color: var(--black-140)
}
.bg-error-color-light {
  background-color: var(--red-20)
}
.bg-error-color-light:not([class*=cl-]) {
  color: var(--black-100)
}
.bg-disabled-color, cm-smart-filter-pill .pill.pill-state.pill-state-disabled {
  background-color: var(--black-20)
}
.bg-disabled-color:not([class*=cl-]), cm-smart-filter-pill .pill.pill-state.pill-state-disabled:not([class*=cl-]) {
  color: var(--white)
}
.cl-background-color {
  color: var(--background)
}
.cl-selected-color, cm-smart-filter-pill .pill.pill-state.pill-state-applied, .cl-selected-color-hover:hover {
  color: var(--selected-color)
}
.cl-default-color {
  color: var(--default-color)
}
.cl-default-inverse-color {
  color: var(--default-color-inverse)
}
.cl-text-color {
  color: var(--text-color)
}
.cl-hint-text-color {
  color: var(--hint-text-color)
}
.cl-error-color, cm-smart-filter-pill .pill.pill-state.pill-state-error {
  color: var(--red-118)
}
.cl-warning-color, cm-smart-filter-pill .pill.pill-state.pill-state-warning {
  color: var(--orange-141)
}
.cl-success-color {
  color: var(--green-146)
}
.cl-disabled-color {
  color: var(--black-40)
}
.cl-label-required-color {
  color: var(--label-required-color)
}
.cl-default-icon-color {
  color: var(--default-color)
}
.cl-error-icon-color {
  color: var(--red-100)
}
.cl-warning-icon-color {
  color: var(--orange-100)
}
.cl-success-icon-color {
  color: var(--green-100)
}
.cl-cta-icon-color {
  color: var(--blue-110)
}
.ab-testing-color .A {
  color: var(--blue-100)
}
.ab-testing-color .A.disabled {
  color: var(--blue-25)
}
.ab-testing-color .B {
  color: var(--green-100)
}
.ab-testing-color .B.disabled {
  color: var(--green-25)
}
.ab-testing-color .C {
  color: var(--red-100)
}
.ab-testing-color .C.disabled {
  color: var(--red-25)
}
.ab-testing-color .D {
  color: var(--default-color)
}
.ab-testing-color .D.disabled {
  color: var(--label-disabled-color)
}
.ab-testing-color .E {
  color: var(--orange-100)
}
.ab-testing-color .E.disabled {
  color: var(--orange-25)
}
.ab-testing-color .F {
  color: var(--cyan-100)
}
.ab-testing-color .F.disabled {
  color: var(--cyan-25)
}
.selected-border {
  border: var(--selected-border)
}
.selected-dashed-border {
  border: var(--selected-dashed-border)
}
.disabled-border {
  border: var(--disabled-border)
}
.disabled-border:not([class*=cl-]) {
  color: var(--cl-disabled-color)
}
.default-border {
  border: var(--default-border)
}
.default-dashed-border {
  border: var(--default-dashed-border)
}
.default-error-border {
  border: var(--default-error-border)
}
.default-warning-border {
  border: var(--default-warning-border)
}
.default-success-border {
  border: var(--default-success-border)
}
.default-small-border {
  border: var(--default-small-border)
}
.selected-border-top {
  border-top: var(--selected-border)
}
.selected-dashed-border-top {
  border-top: var(--selected-dashed-border)
}
.default-border-top {
  border-top: var(--default-border)
}
.default-dashed-border-top {
  border-top: var(--default-dashed-border)
}
.default-error-border-top {
  border-top: var(--default-error-border)
}
.default-warning-border-top {
  border-top: var(--default-warning-border)
}
.default-success-border-top {
  border-top: var(--default-success-border)
}
.default-small-border-top {
  border-top: var(--default-small-border)
}
.selected-border-left {
  border-left: var(--selected-border)
}
.selected-dashed-border-left {
  border-left: var(--selected-dashed-border)
}
.default-border-left {
  border-left: var(--default-border)
}
.default-dashed-border-left {
  border-left: var(--default-dashed-border)
}
.default-error-border-left {
  border-left: var(--default-error-border)
}
.default-warning-border-left {
  border-left: var(--default-warning-border)
}
.default-success-border-left {
  border-left: var(--default-success-border)
}
.default-small-border-left {
  border-left: var(--default-small-border)
}
.selected-border-right {
  border-right: var(--selected-border)
}
.selected-dashed-border-right {
  border-right: var(--selected-dashed-border)
}
.default-border-right {
  border-right: var(--default-border)
}
.default-dashed-border-right {
  border-right: var(--default-dashed-border)
}
.default-error-border-right {
  border-right: var(--default-error-border)
}
.default-warning-border-right {
  border-right: var(--default-warning-border)
}
.default-success-border-right {
  border-right: var(--default-success-border)
}
.default-small-border-right {
  border-right: var(--default-small-border)
}
.selected-border-bottom {
  border-bottom: var(--selected-border)
}
.selected-dashed-border-bottom {
  border-bottom: var(--selected-dashed-border)
}
.default-border-bottom {
  border-bottom: var(--default-border)
}
.default-dashed-border-bottom {
  border-bottom: var(--default-dashed-border)
}
.default-error-border-bottom {
  border-bottom: var(--default-error-border)
}
.default-warning-border-bottom {
  border-bottom: var(--default-warning-border)
}
.default-success-border-bottom {
  border-bottom: var(--default-success-border)
}
.default-small-border-bottom {
  border-bottom: var(--default-small-border)
}
body:not(.dark) {
  --background: #ffffff;
  --background-inverse: var(--black-140);
  --label-color: var(--black-120);
  --label-sub-color: var(--black-50);
  --label-hover-color: var(--black-100);
  --label-disabled-color: var(--black-40);
  --label-error-color: var(--red-118);
  --label-success-color: var(--green-100);
  --label-warning-color: var(--orange-100);
  --label-focus-color: var(--blue-110);
  --label-required-color: var(--blue-110);
  --input-placeholder-color: var(--black-40);
  --input-bg: var(--background);
  --input-color: var(--black-100);
  --input-border: 2px solid var(--black-20);
  --input-focus-bg: var(--background);
  --input-focus-border: 2px solid var(--blue-110);
  --input-success-bg: var(--background);
  --input-error-bg: var(--background);
  --input-warning-bg: var(--background);
  --input-disabled-bg: var(--black-5);
  --input-disabled-border: var(--input-border);
  --input-icon-left: var(--black-60);
  --input-icon-right: var(--black-60);
  --input-icon-right-hover: var(--black-100);
  --header-color: var(--black-140);
  --text-color: var(--black-100);
  --disabled-color: var(--blue-25);
  --cl-disabled-color: var(--black-40);
  --disabled-border: 2px solid var(--black-40);
  --selected-border: 2px solid var(--blue-110);
  --selected-small-border: 1px solid var(--blue-110);
  --selected-dashed-border: 2px dashed var(--blue-110);
  --selected-color: var(--blue-110);
  --selected-background: var(--blue-10);
  --selected-background-hover: var(--blue-20);
  --selected-background-light: var(--blue-5);
  --selected-gradient: linear-gradient(296.57deg, var(--blue-110) 0%, var(--blue-110) 100%);
  --selected-gradient-background: linear-gradient(var(--background), var(--background)), var(--selected-gradient);
  --default-border: 2px solid var(--black-10);
  --default-success-border: 2px solid var(--green-100);
  --default-small-success-border: 1px solid var(--green-100);
  --default-error-border: 2px solid var(--red-100);
  --default-small-error-border: 1px solid var(--red-100);
  --default-warning-border: 2px solid var(--orange-100);
  --default-small-warning-border: 1px solid var(--orange-100);
  --default-dashed-border: 2px dashed var(--black-10);
  --default-small-border: 1px solid var(--black-10);
  --default-small-active-border: 1px solid var(--black-100);
  --default-background: var(--black-10);
  --default-background-trans: var(--white-80);
  --default-background-inverse: var(--white);
  --default-color: var(--black-100);
  --default-color-inverse: var(--white);
  --default-hover-background: var(--blue-50);
  --default-active-background: var(--blue-25);
  --bg: var(--white-50);
  --error-bg: var(--red-10);
  --success-bg: var(--green-10);
  --warning-bg: var(--orange-10);
  --success-color-highcontrast: var(--green-146);
  --error-color-highcontrast: var(--red-118);
  --warning-color-highcontrast: var(--orange-141);
  --selected-color-highcontrast: var(--blue-144);
  --default-color-highcontrast: var(--black-71);
  --backdrop: 93, 102, 119;
  --mini-spinner-color: var(--black-40);
  --mini-spinner-btn-color: var(--blue-110);
  --mini-spinner-btn-cta-color: var(--white);
  --spinner-color: var(--black-140);
  --spinner-color-bg: var(--black-10);
  --close-button: var(--black-25);
  --scroll-bar: var(--black-25);
  --editor: var(--black-25);
  --file-error: var(--red-100);
  --file-error-background: var(--red-20);
  --file-error-color: var(--red-100);
  --file-success: var(--black-10);
  --file-success-background: var(--background);
  --file-success-color: var(--blue-110);
  --select-border: var(--black-20);
  --graph-column: var(--background);
  --chart-grid-line: var(--black-25);
  --icon-default-color: var(--black-50);
  --icon-error-color: var(--red-100);
  --hint-text-color: var(--black-50);
  --hint-hover-text-color: var(--blue-50);
  --focus-border-color: var(--blue-40);
  --count-down-bar-bg-color: var(--black-10);
  --count-down-bar-progress-color: var(--black-40);
  --notification-success-color: var(--green-100);
  --notification-warning-color: var(--yellow-100);
  --notification-error-color: var(--red-100);
  --notification-info-color: var(--blue-100);
  --notification-default-color: var(--black-100);
  --datetime-picker-selected-background: var(--blue-5);
  --datetime-picker-header-color: var(--black-140);
  --elevation-level-small: 0 0 5px 0 rgba(16, 30, 30, 0.1), 0 2px 7px 0 rgba(16, 30, 30, 0.15), 0 4px 4px -2px rgba(16, 30, 30, 0.1);
  --elevation-level-medium: 0 0 5px 0 rgba(16, 30, 30, 0.1), 0 2px 7px 0 rgba(16, 30, 30, 0.15), 0 16px 9px -12px rgba(16, 30, 30, 0.2);
  --elevation-level-large: 0 0 5px 0 rgba(16, 30, 30, 0.1), 0 2px 7px 0 rgba(16, 30, 30, 0.15), 0 20px 18px -12px rgba(16, 30, 30, 0.3);
  --elevation-table: 0 0 5px 0 rgba(16, 30, 30, 0.1), 0 2px 7px 0 rgba(16, 30, 30, 0.15), 0 4px 4px -2px rgba(16, 30, 30, 0.1);
  --elevation-table-summary: 0 0 5px 0 rgba(16, 30, 30, 0.1), 0 0 7px 0 rgba(16, 30, 30, 0.15), 0 0 9px 0 rgba(16, 30, 30, 0.1);
  --tab-header-label-color: var(--black-71);
  --tab-header-label-selected-color: var(--black-140);
  --tab-header-label-hover-color: var(--black-100);
  --tab-header-label-focused-color: var(--black-140);
  --tab-header-label-disabled-color: var(--black-40);
  --tab-header-hover-underline: var(--blue-40);
  --tab-header-default-badge-color: var(--black-71);
  --tab-header-disabled-badge-color: var(--black-10);
  --tab-header-information-badge-color: var(--blue-110);
  --tab-header-warning-badge-color: var(--orange-100);
  --tab-header-error-badge-color: var(--red-100);
  --tab-header-success-badge-color: var(--green-100);
  --tab-active-label-color: var(--black-140);
  --step-label-color: var(--black-100);
  --inline-notification-information-color: var(--blue-10);
  --inline-notification-succes-color: var(--green-10);
  --inline-notification-warning-color: var(--orange-10);
  --inline-notification-error-color: var(--red-10);
  --option-hover-background-color: var(--blue-5);
  --option-selected-background-color: var(--blue-10);
  --chat-background-color: var(--black-2-5);
  --text-editor-background-color: var(--background);
  --table-background-color: var(--black-2);
  --table-header-background-color: var(--black-5);
  --outline-border: 2px solid var(--blue-60);
  --chart-line-color-1: var(--blue-110);
  --chart-line-color-2: var(--green-100);
  --chart-line-color-3: var(--red-100);
  --chart-line-color-4: var(--orange-100);
  --chart-line-color-5: var(--purple-100);
  --chart-line-color-6: var(--cyan-100);
  --chart-line-color-7: var(--orange-100);
  --chart-line-color-8: var(--yellow-100);
  --chart-line-color-9: var(--black-100);
  --chart-line-color-10: var(--green-146);
  --chart-line-mono-color-1: var(--blue-110);
  --chart-line-mono-color-2: var(--blue-60);
  --chart-line-mono-color-3: var(--blue-40);
  --chart-line-mono-color-4: var(--blue-20);
  --chart-line-mono-color-5: var(--blue-140);
  --chart-line-mono-color-6: var(--blue-180);
  --checkbox-inactive-color: var(--black-40);
  --more-info-color: var(--black-60);
  --more-info-hover-color: var(--black-100);
  --combo-chip-border: var(--blue-40);
  --combo-chip-background: var(--blue-10);
  --combo-chip-color: var(--blue-144);
  --combo-chip-border-success: var(--green-40);
  --combo-chip-background-success: var(--green-10);
  --combo-chip-color-success: var(--green-146);
  --combo-chip-border-error: var(--red-40);
  --combo-chip-background-error: var(--red-10);
  --combo-chip-color-error: var(--red-118);
  --combo-chip-border-warning: var(--orange-40);
  --combo-chip-background-warning: var(--orange-10);
  --combo-chip-color-warning: var(--orange-141);
  --trend-upward-color: var(--green-146);
  --trend-downward-color: var(--red-118);
  --checkbox-outline-color: var(--blue-40);
  --checkbox-default-color: var(--black-40);
  --checkbox-disabled-color: var(--black-20);
  --checkbox-disabled-background: var(--black-10);
  --radiobutton-outline-color: var(--blue-40);
  --radiobutton-default-color: var(--black-40);
  --radiobutton-disabled-color: var(--black-20)
}
body.dark {
  --background: var(--black-140) !important;
  --background-inverse: #ffffff;
  --label-color: var(--white);
  --label-sub-color: var(--white-50);
  --label-hover-color: var(--white);
  --label-disabled-color: var(--white-25);
  --label-error-color: var(--red-100);
  --label-success-color: var(--green-100);
  --label-warning-color: var(--orange-100);
  --label-focus-color: var(--cyan-100);
  --label-required-color: var(--cyan-100);
  --input-placeholder-color: var(--white-25);
  --input-bg: var(--background);
  --input-color: var(--white-50);
  --input-border: 2px solid var(--white-10);
  --input-focus-bg: var(--background);
  --input-focus-border: var(--selected-gradient-background);
  --input-success-bg: var(--background);
  --input-error-bg: var(--background);
  --input-warning-bg: var(--background);
  --input-error-hover-bg: var(--red-25);
  --input-disabled-bg: transparent;
  --input-disabled-border: 2px dashed var(--white-10);
  --input-icon-left: var(--white);
  --input-icon-right: var(--white-25);
  --input-icon-right-hover: var(--white-50);
  --header-color: var(--white);
  --text-color: var(--white-80);
  --disabled-color: var(--cyan-25);
  --cl-disabled-color: var(--white-40);
  --disabled-border: 2px solid var(--cyan-25);
  --selected-border: 2px solid var(--cyan-100);
  --selected-small-border: 1px solid var(--cyan-110);
  --selected-dashed-border: 2px dashed var(--cyan-100);
  --selected-color: var(--cyan-100);
  --selected-background: var(--cyan-10);
  --selected-background-hover: var(--cyan-20);
  --selected-background-light: var(--cyan-5);
  --selected-gradient: linear-gradient(296.57deg, var(--cyan-100) 0%, var(--cyan-100) 100%);
  --selected-gradient-background: linear-gradient(var(--background), var(--background)), linear-gradient(296.57deg, var(--cyan-100) 0%, var(--cyan-100) 100%);
  --default-border: 2px solid var(--white-10);
  --default-success-border: 2px solid var(--green-100);
  --default-small-success-border: 1px solid var(--green-100);
  --default-error-border: 2px solid var(--red-100);
  --default-small-error-border: 1px solid var(--red-100);
  --default-warning-border: 2px solid var(--orange-100);
  --default-small-warning-border: 1px solid var(--orange-100);
  --default-dashed-border: 2px dashed var(--white-10);
  --default-small-border: 1px solid var(--white-10);
  --default-small-active-border: 1px solid var(--white-100);
  --default-background: var(--white-10);
  --default-background-trans: var(--black-80);
  --default-background-inverse: var(--black-100);
  --default-color: var(--white);
  --default-color-inverse: var(--black-100);
  --default-hover-background: var(--cyan-50);
  --default-active-background: var(--cyan-25);
  --bg: var(--black-50);
  --error-bg: var(--red-10);
  --success-bg: var(--green-10);
  --warning-bg: var(--orange-10);
  --success-color-highcontrast: var(--green-146);
  --error-color-highcontrast: var(--red-118);
  --warning-color-highcontrast: var(--orange-141);
  --selected-color-highcontrast: var(--cyan-200);
  --default-color-highcontrast: var(--white-100);
  --backdrop: 93, 102, 119;
  --mini-spinner-color: var(--white-40);
  --mini-spinner-btn-color: var(--cyan-100);
  --mini-spinner-btn-cta-color: var(--black-100);
  --spinner-color: var(--white);
  --spinner-color-bg: var(--white-10);
  --close-button: var(--white-25);
  --scroll-bar: var(--white-25);
  --editor: var(--white-25);
  --file-error: var(--red-100);
  --file-error-background: var(--red-20);
  --file-error-color: var(--red-100);
  --file-success: var(--white-10);
  --file-success-background: var(--background);
  --file-success-color: var(--cyan-100);
  --select-border: var(--white-10);
  --graph-column: var(--background);
  --chart-grid-line: var(--white-25);
  --icon-default-color: var(--white-50);
  --icon-error-color: var(--red-100);
  --hint-text-color: var(--white-50);
  --hint-hover-text-color: var(--cyan-50);
  --focus-border-color: var(--cyan-40);
  --count-down-bar-bg-color: var(--white-10);
  --count-down-bar-progress-color: var(--white-40);
  --notification-success-color: var(--green-100);
  --notification-warning-color: var(--yellow-100);
  --notification-error-color: var(--red-100);
  --notification-info-color: var(--blue-100);
  --notification-default-color: var(--white-100);
  --datetime-picker-selected-background: var(--cyan-5);
  --datetime-picker-header-color: var(--white);
  --elevation-level-small: 0 0 5px 0 rgba(255, 255, 255, 0.1), 0 2px 7px 0 rgba(255, 255, 255, 0.15), 0 4px 4px -2px rgba(255, 255, 255, 0.1);
  --elevation-level-medium: 0 0 5px 0 rgba(255, 255, 255, 0.1), 0 2px 7px 0 rgba(255, 255, 255, 0.15), 0 16px 9px -12px rgba(255, 255, 255, 0.2);
  --elevation-level-large: 0 0 5px 0 rgba(255, 255, 255, 0.1), 0 2px 7px 0 rgba(255, 255, 255, 0.15), 0 20px 18px -12px rgba(255, 255, 255, 0.3);
  --elevation-table: 0 0 5px 0 rgba(16, 30, 30, 0.1), 0 0 7px 0 rgba(16, 30, 30, 0.15), 0 0 9px 0 rgba(16, 30, 30, 0.1);
  --tab-header-label-color: var(--white-71);
  --tab-header-label-selected-color: var(--white-180);
  --tab-header-label-hover-color: var(--white-100);
  --tab-header-label-focused-color: var(--white-180);
  --tab-header-label-disabled-color: var(--white-40);
  --tab-header-hover-underline: var(--cyan-40);
  --tab-header-default-badge-color: var(--black-71);
  --tab-header-disabled-badge-color: var(--black-10);
  --tab-header-information-badge-color: var(--blue-110);
  --tab-header-warning-badge-color: var(--orange-100);
  --tab-header-error-badge-color: var(--red-100);
  --tab-header-success-badge-color: var(--green-100);
  --tab-active-label-color: var(--white);
  --step-label-color: var(--white);
  --inline-notification-information-color: var(--blue-153);
  --inline-notification-succes-color: var(--green-146);
  --inline-notification-warning-color: var(--orange-141);
  --inline-notification-error-color: var(--red-118);
  --option-hover-background-color: var(--cyan-5);
  --option-selected-background-color: var(--cyan-10);
  --chat-background-color: var(--white-2-5);
  --text-editor-background-color: var(--black-40);
  --table-background-color: var(--white-2-5);
  --table-header-background-color: var(--white-5);
  --outline-border: 2px solid var(--cyan-50);
  --chart-line-color-1: var(--cyan-100);
  --chart-line-color-2: var(--green-100);
  --chart-line-color-3: var(--red-100);
  --chart-line-color-4: var(--orange-100);
  --chart-line-color-5: var(--purple-100);
  --chart-line-color-6: var(--blue-110);
  --chart-line-color-7: var(--orange-100);
  --chart-line-color-8: var(--yellow-100);
  --chart-line-color-9: var(--white);
  --chart-line-color-10: var(--green-146);
  --chart-line-mono-color-1: var(--cyan-100);
  --chart-line-mono-color-2: var(--cyan-50);
  --chart-line-mono-color-3: var(--cyan-40);
  --chart-line-mono-color-4: var(--cyan-20);
  --chart-line-mono-color-5: var(--cyan-200);
  --chart-line-mono-color-6: var(--cyan-5);
  --checkbox-inactive-color: var(--white-40);
  --more-info-color: var(--white-25);
  --more-info-hover-color: var(--white-50);
  --combo-chip-border: var(--blue-40);
  --combo-chip-background: var(--blue-10);
  --combo-chip-color: var(--blue-144);
  --combo-chip-border-success: var(--green-40);
  --combo-chip-background-success: var(--green-10);
  --combo-chip-color-success: var(--green-146);
  --combo-chip-border-error: var(--red-40);
  --combo-chip-background-error: var(--red-10);
  --combo-chip-color-error: var(--red-118);
  --combo-chip-border-warning: var(--orange-40);
  --combo-chip-background-warning: var(--orange-10);
  --combo-chip-color-warning: var(--orange-141);
  --trend-upward-color: var(--green-146);
  --trend-downward-color: var(--red-118);
  --checkbox-outline-color: var(--cyan-40);
  --checkbox-default-color: var(--white-40);
  --checkbox-disabled-color: var(--white-20);
  --checkbox-disabled-background: var(--white-10);
  --radiobutton-outline-color: var(--cyan-40);
  --radiobutton-default-color: var(--white-40);
  --radiobutton-disabled-color: var(--white-20)
}
body {
  --font-family-base: "Gotham";
  --font-size-h1: 40px;
  --font-size-h2: 32px;
  --font-size-h3: 26px;
  --font-size-h4: 20px;
  --font-size-h5: 16px;
  --font-size-h6: 14px
}
body.ja-jp {
  --font-family-base: "Noto Sans"
}
.list-group-item {
  font-weight: 600
}
.list-group-item.single-line {
  height: 56px
}
.list-group-item.single-line .meta-icon, .list-group-item.single-line .meta-info, .list-group-item.single-line .meta-data {
  display: flex;
  align-items: center
}
.list-group-item.multi-line {
  height: 72px
}
.list-group-item.multi-line .meta-icon {
  display: flex;
  align-items: center
}
.list-group-item .meta-icon, .list-group-item .meta-info, .list-group-item .meta-data {
  padding: 19px 0
}
.list-group-item .meta-icon {
  margin-right: 8px;
  width: 32px;
  color: var(--default-color);
  font-size: 24px;
  display: inline-block;
  float: left
}
.list-group-item .meta-icon img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  max-width: 32px
}
.list-group-item .meta-icon ~ .meta-info, .list-group-item .meta-icon ~ .meta-data {
  margin-left: 8px;
  max-width: calc(100% - 32px - 16px)
}
.list-group-item .meta-info {
  width: 240px;
  max-width: 100%
}
.list-group-item .meta-data {
  width: 160px;
  max-width: 100%
}
.list-group-item .meta-info div, .list-group-item .meta-data div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.list-group-item .meta-info div.meta-info-desc, .list-group-item .meta-info div.meta-data-name, .list-group-item .meta-data div.meta-info-desc, .list-group-item .meta-data div.meta-data-name {
  display: block;
  color: var(--default-color);
  font-weight: 600
}
.list-group-item .meta-info div.meta-info-desc span, .list-group-item .meta-info div.meta-data-name span, .list-group-item .meta-data div.meta-info-desc span, .list-group-item .meta-data div.meta-data-name span {
  color: var(--blue-50);
  font-weight: 600
}
.list-group-item .meta-info div.meta-info-time, .list-group-item .meta-info div.meta-data-email, .list-group-item .meta-data div.meta-info-time, .list-group-item .meta-data div.meta-data-email {
  display: block;
  color: var(--default-color);
  font-size: 12px
}
.list-group-item .meta-info div.meta-info-time a, .list-group-item .meta-info div.meta-data-email a, .list-group-item .meta-data div.meta-info-time a, .list-group-item .meta-data div.meta-data-email a {
  color: var(--blue-50);
  font-weight: 500
}
table.list-group {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse
}
table.list-group tr {
  background: var(--background);
  transition: all .35s;
  margin-bottom: 8px;
  border: var(--default-border);
  border-radius: 10px;
  height: 48px
}
table.list-group tr:hover {
  box-shadow: var(--elevation-level-medium)
}
table.list-group tr td {
  line-height: 25px;
  padding: 8px 0;
  font-size: 14px;
  margin: 0
}
table.list-group tr td:first-child {
  padding-left: 4px
}
table.list-group tr td:last-child {
  padding-right: 4px
}
div.list-group {
  border-bottom: var(--default-small-border)
}
div.list-group div.list-group-header {
  background-color: transparent;
  transition: all .35s;
  height: 48px;
  display: flex;
  align-items: center;
  padding: 0 16px
}
div.list-group div.list-group-header div.table-header > .subheading-01, div.list-group div.list-group-header div.table-header > .subheading-02 {
  color: var(--label-color)
}
div.list-group div.list-group-header div.table-header.actions :nth-child(n) {
  float: right
}
div.list-group div.list-group-content {
  background: var(--background);
  transition: all .35s;
  border-top: var(--default-small-border);
  min-height: 64px;
  height: initial !important;
  padding: 8px 16px;
  display: flex;
  align-items: center
}
div.list-group div.list-group-content:hover {
  background-color: var(--default-background)
}
div.list-group div.list-group-content:hover div.table-column .frame {
  border: 2px solid var(--background)
}
div.list-group div.list-group-content.added {
  animation: growRow .2s ease-in 1 forwards, fadeInRow .2s ease-in .3s 1 forwards, addedRowColor 1s ease-in .5s 1 forwards
}
div.list-group div.list-group-content.deleted {
  animation: fadeOutRow .3s ease-in 1 forwards, shrinkRow .3s ease-in .3s 1 forwards
}
div.list-group div.list-group-content div.table-column {
  font-size: 14px;
  color: var(--default-color)
}
div.list-group div.list-group-content div.table-column > .form-check {
  width: 24px;
  height: 24px
}
div.list-group div.list-group-content div.table-column > .form-check {
  margin: 0 16px 0 0
}
div.list-group div.list-group-content div.table-column > cm-checkbox {
  margin: 0 12px 0 0
}
div.list-group div.list-group-content div.table-column > cm-checkbox > .form-checkbox-control {
  margin: 0
}
div.list-group div.list-group-content div.table-column .status-badge {
  margin-top: 0
}
div.list-group div.list-group-content div.table-column.actions {
  display: flex;
  justify-content: flex-end
}
div.list-group div.list-group-content div.table-column.actions > :not(:first-child) {
  margin-left: 16px
}
div.list-group div.list-group-content div.table-column.datapoints {
  line-height: 100%
}
div.list-group div.list-group-content div.table-column.datapoints > div {
  display: flex;
  align-items: center
}
div.list-group div.list-group-content div.table-column.datapoints .data-status .cm-icon {
  font-size: 16px;
  margin-right: 4px
}
div.list-group div.list-group-content div.table-column.heading-group {
  display: flex;
  align-items: center
}
div.list-group div.list-group-content div.table-column.heading-group .heading {
  display: flex;
  flex-direction: column
}
div.list-group div.list-group-content div.table-column.heading-group .heading h4, div.list-group div.list-group-content div.table-column.heading-group .heading h5, div.list-group div.list-group-content div.table-column.heading-group .heading h6 {
  margin-bottom: 0
}
div.list-group div.list-group-content div.table-column.heading-group .heading .subheading {
  font-size: 12px
}
div.list-group div.list-group-content div.table-column.heading-group .heading > div {
  display: flex;
  flex-direction: row;
  align-items: center
}
div.list-group div.list-group-content div.table-column.heading-group .heading > div .cm-icon, div.list-group div.list-group-content div.table-column.heading-group .heading > div .cm-channel, div.list-group div.list-group-content div.table-column.heading-group .heading > div .cm-flag, div.list-group div.list-group-content div.table-column.heading-group .heading > div .cm-tool {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  font-size: 16px
}
div.list-group div.list-group-content div.table-column.heading-group .cm-channel, div.list-group div.list-group-content div.table-column.heading-group .cm-flag, div.list-group div.list-group-content div.table-column.heading-group .cm-app, div.list-group div.list-group-content div.table-column.heading-group .cm-icon:not(.form-checkbox-icon), div.list-group div.list-group-content div.table-column.heading-group cm-avatar, div.list-group div.list-group-content div.table-column.heading-group img {
  width: 32px;
  height: 32px;
  margin-right: 8px
}
div.list-group div.list-group-content div.table-column.heading-group .frame {
  margin-right: 8px;
  width: 80px;
  height: 48px;
  border-radius: 4px;
  border: var(--default-small-border);
  justify-content: center
}
div.list-group div.list-group-content div.table-column.heading-group .frame iframe {
  width: 500%;
  height: 500%;
  transform: scale(.2);
  transform-origin: left top;
  border-radius: 16px
}
div.list-group div.list-group-content div.table-column:not(.actions):not(.icon):not(.text-truncate) {
  display: flex;
  align-items: center
}
div.list-group div.list-group-content div.table-column.text-truncate {
  padding-right: 8px
}
div.list-group div.list-group-content.selected {
  border-top: 1px solid var(--background);
  background-color: var(--selected-background)
}
div.list-group div.list-group-content.error {
  border-top: 1px solid var(--background);
  background-color: var(--error-bg)
}
div.list-group div.list-group-content.success {
  border-top: 1px solid var(--background);
  background-color: var(--success-bg)
}
@keyframes shrinkRow {
  100% {
    transition: all;
    height: 0;
    min-height: 0;
    opacity: 0;
    margin-bottom: 0;
    border: none
  }
}
@keyframes fadeOutRow {
  50% {
    transition: all;
    opacity: .5
  }
  100% {
    transition: all;
    opacity: 0
  }
}
@keyframes growRow {
  0% {
    transition: all;
    min-height: 0;
    height: 0;
    opacity: 0;
    margin-bottom: 0;
    border: none
  }
  100% {
    transition: all;
    opacity: 0;
    border-top: var(--default-small-border);
    min-height: 64px
  }
}
@keyframes fadeInRow {
  0% {
    transition: all;
    opacity: 0
  }
  100% {
    transition: all;
    opacity: 1;
    background: var(--success-bg)
  }
}
@keyframes addedRowColor {
  from {
    transition: all;
    background: var(--success-bg)
  }
  to {
    transition: all;
    background: var(--background)
  }
}
.paginator {
  display: flex;
  align-items: center
}
.paginator .page-sizer .take-selector-box {
  min-width: 105px
}
.paginator .page-sizer .label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.paginator .page-totals {
  width: 100%;
  flex-grow: 3;
  flex-basis: 0;
  justify-content: end;
  display: flex;
  text-align: right
}
.paginator .page-totals .bold-number {
  font-weight: 500;
  color: var(--input-color)
}
.paginator .pages {
  width: 100%;
  flex-grow: 1;
  flex-basis: 0;
  margin-top: -4px
}
.paginator .active-line {
  float: right;
  margin-top: -6px;
  width: 100%
}
.paginator .pagination {
  padding-left: 0;
  list-style: none;
  cursor: default;
  text-align: center;
  display: flex;
  justify-content: end;
  font-size: 16px;
  user-select: none;
  pointer-events: none
}
.paginator .pagination .page-item {
  position: relative;
  display: inline-block;
  color: var(--input-icon-right);
  border-radius: 20px;
  cursor: pointer
}
.paginator .pagination .page-item:first-child {
  margin-left: 0;
  top: 2px
}
.paginator .pagination .page-item:last-child {
  margin-right: 0;
  top: 4px
}
.paginator .pagination .page-item:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  z-index: 0
}
.paginator .pagination .page-item .page-line {
  width: 16px;
  height: 2px;
  border-radius: 1px;
  justify-content: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: -6px;
  display: none
}
.paginator .pagination .page-item .page-link {
  position: relative;
  display: block;
  color: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  text-align: center;
  min-width: 24px;
  width: 40px;
  height: 40px;
  pointer-events: all;
  z-index: 1
}
.paginator .pagination .page-item .page-link > .cm-icon.cm-icon-previous, .paginator .pagination .page-item .page-link > .cm-icon.cm-icon-next {
  pointer-events: none
}
.paginator .pagination .page-item.active {
  color: var(--header-color);
  cursor: default;
  pointer-events: none
}
.paginator .pagination .page-item.page-label {
  color: var(--default-color);
  cursor: default;
  pointer-events: none
}
.paginator .pagination .page-item:not(.disabled):hover:not(.active) {
  color: var(--header-color)
}
.paginator .pagination .page-item:not(.disabled):hover:not(.active) .page-line {
  display: flex;
  background-color: var(--tab-header-hover-underline)
}
.paginator .pagination .page-item:not(.disabled):active:not(.active) {
  color: var(--tab-header-label-color)
}
.paginator .pagination .page-item.disabled {
  pointer-events: all;
  cursor: not-allowed
}
.paginator .pagination .page-item.disabled .page-link {
  color: var(--tab-header-label-disabled-color)
}
.paginator .pagination .page-item.disabled:before {
  opacity: .5
}
.paginator .pagination .page-item.page-label .page-link {
  width: auto;
  position: relative;
  display: block;
  color: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 40px;
  text-align: center;
  pointer-events: none;
  z-index: 1
}
.cm-payment {
  display: inline-flex;
  font-size: 24px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  min-width: 1em;
  min-height: 1em;
  background-size: 0 0
}
.cm-payment:not([class*=bg-]) {
  background-color: transparent
}
.cm-payment.small {
  font-size: 16px
}
.cm-payment.large {
  font-size: 40px
}
.cm-payment.xlarge {
  font-size: 120px
}
.cm-payment[class*=bg-] {
  z-index: 0;
  border-radius: 50%
}
.cm-payment[class*=bg-]:after {
  background-color: inherit;
  position: absolute;
  display: block;
  overflow: hidden;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  content: "";
  border-radius: inherit;
  z-index: 0;
  top: -4px;
  left: -4px
}
.cm-payment[class*=bg-]:before {
  z-index: 1
}
.cm-payment[class*=cm-payment-]:before {
  content: " ";
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  position: absolute;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  font-size: 500%;
  pointer-events: none;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: 50%;
  -webkit-mask-size: 50%;
  mask-position: right;
  -webkit-mask-position: right
}
.cm-payment-abn-amro:before {
  background-image: url(../image/abn-amro.svg);
  -webkit-background-image: url(../image/abn-amro.svg)
}
.cm-payment-afterpay:before {
  background-image: url(../image/afterpay.svg);
  -webkit-background-image: url(../image/afterpay.svg)
}
.cm-payment-alipay:before {
  background-image: url(../image/alipay.svg);
  -webkit-background-image: url(../image/alipay.svg)
}
.cm-payment-american-express:before {
  background-image: url(../image/american-express.svg);
  -webkit-background-image: url(../image/american-express.svg)
}
.cm-payment-apple-pay:before {
  background-image: url(../image/apple-pay.svg);
  -webkit-background-image: url(../image/apple-pay.svg)
}
.cm-payment-asn:before {
  background-image: url(../image/asn.svg);
  -webkit-background-image: url(../image/asn.svg)
}
.cm-payment-bacs:before {
  background-image: url(../image/bacs.svg);
  -webkit-background-image: url(../image/bacs.svg)
}
.cm-payment-bancontact:before {
  background-image: url(../image/bancontact.svg);
  -webkit-background-image: url(../image/bancontact.svg)
}
.cm-payment-bank-transfer:before {
  background-image: url(../image/bank-transfer.svg);
  -webkit-background-image: url(../image/bank-transfer.svg)
}
.cm-payment-belfius:before {
  background-image: url(../image/belfius.svg);
  -webkit-background-image: url(../image/belfius.svg)
}
.cm-payment-binck:before {
  background-image: url(../image/binck.svg);
  -webkit-background-image: url(../image/binck.svg)
}
.cm-payment-bunq:before {
  background-image: url(../image/bunq.svg);
  -webkit-background-image: url(../image/bunq.svg)
}
.cm-payment-cartes-bancaires:before {
  background-image: url(../image/cartes-bancaires.svg);
  -webkit-background-image: url(../image/cartes-bancaires.svg)
}
.cm-payment-cbc:before {
  background-image: url(../image/cbc.svg);
  -webkit-background-image: url(../image/cbc.svg)
}
.cm-payment-direct-debit:before {
  background-image: url(../image/direct-debit.svg);
  -webkit-background-image: url(../image/direct-debit.svg)
}
.cm-payment-elv:before {
  background-image: url(../image/elv.svg);
  -webkit-background-image: url(../image/elv.svg)
}
.cm-payment-eps:before {
  background-image: url(../image/eps.svg);
  -webkit-background-image: url(../image/eps.svg)
}
.cm-payment-giftcard:before {
  background-image: url(../image/giftcard.svg);
  -webkit-background-image: url(../image/giftcard.svg)
}
.cm-payment-giropay:before {
  background-image: url(../image/giropay.svg);
  -webkit-background-image: url(../image/giropay.svg)
}
.cm-payment-handelsbanken:before {
  background-image: url(../image/handelsbanken.svg);
  -webkit-background-image: url(../image/handelsbanken.svg)
}
.cm-payment-ideal:before {
  background-image: url(../image/ideal.svg);
  -webkit-background-image: url(../image/ideal.svg)
}
.cm-payment-in3:before {
  background-image: url(../image/in3.svg);
  -webkit-background-image: url(../image/in3.svg)
}
.cm-payment-ing:before {
  background-image: url(../image/ing.svg);
  -webkit-background-image: url(../image/ing.svg)
}
.cm-payment-kbc:before {
  background-image: url(../image/kbc.svg);
  -webkit-background-image: url(../image/kbc.svg)
}
.cm-payment-klarna:before {
  background-image: url(../image/klarna.svg);
  -webkit-background-image: url(../image/klarna.svg)
}
.cm-payment-klarna-sofort:before {
  background-image: url(../image/klarna-sofort.svg);
  -webkit-background-image: url(../image/klarna-sofort.svg)
}
.cm-payment-knab:before {
  background-image: url(../image/knab.svg);
  -webkit-background-image: url(../image/knab.svg)
}
.cm-payment-maestro:before {
  background-image: url(../image/maestro.svg);
  -webkit-background-image: url(../image/maestro.svg)
}
.cm-payment-mastercard:before {
  background-image: url(../image/mastercard.svg);
  -webkit-background-image: url(../image/mastercard.svg)
}
.cm-payment-moneyou:before {
  background-image: url(../image/moneyou.svg);
  -webkit-background-image: url(../image/moneyou.svg)
}
.cm-payment-mpesa:before {
  background-image: url(../image/mpesa.svg);
  -webkit-background-image: url(../image/mpesa.svg)
}
.cm-payment-p24:before {
  background-image: url(../image/p24.svg);
  -webkit-background-image: url(../image/p24.svg)
}
.cm-payment-paypal:before {
  background-image: url(../image/paypal.svg);
  -webkit-background-image: url(../image/paypal.svg)
}
.cm-payment-paysafe:before {
  background-image: url(../image/paysafe.svg);
  -webkit-background-image: url(../image/paysafe.svg)
}
.cm-payment-pos:before {
  background-image: url(../image/pos.svg);
  -webkit-background-image: url(../image/pos.svg)
}
.cm-payment-postepay:before {
  background-image: url(../image/postepay.svg);
  -webkit-background-image: url(../image/postepay.svg)
}
.cm-payment-rabobank:before {
  background-image: url(../image/rabobank.svg);
  -webkit-background-image: url(../image/rabobank.svg)
}
.cm-payment-rbs:before {
  background-image: url(../image/rbs.svg);
  -webkit-background-image: url(../image/rbs.svg)
}
.cm-payment-regiobank:before {
  background-image: url(../image/regiobank.svg);
  -webkit-background-image: url(../image/regiobank.svg)
}
.cm-payment-revolut:before {
  background-image: url(../image/revolut.svg);
  -webkit-background-image: url(../image/revolut.svg)
}
.cm-payment-sepa:before {
  background-image: url(../image/sepa.svg);
  -webkit-background-image: url(../image/sepa.svg)
}
.cm-payment-sepa-direct-debit:before {
  background-image: url(../image/sepa-direct-debit.svg);
  -webkit-background-image: url(../image/sepa-direct-debit.svg)
}
.cm-payment-sns:before {
  background-image: url(../image/sns.svg);
  -webkit-background-image: url(../image/sns.svg)
}
.cm-payment-sofort:before {
  background-image: url(../image/sofort.svg);
  -webkit-background-image: url(../image/sofort.svg)
}
.cm-payment-triodos:before {
  background-image: url(../image/triodos.svg);
  -webkit-background-image: url(../image/triodos.svg)
}
.cm-payment-v-pay:before {
  background-image: url(../image/rbs.svg);
  -webkit-background-image: url(../image/rbs.svg)
}
.cm-payment-vanlanschot:before {
  background-image: url(../image/vanlanschot.svg);
  -webkit-background-image: url(../image/vanlanschot.svg)
}
.cm-payment-visa:before {
  background-image: url(../image/visa.svg);
  -webkit-background-image: url(../image/visa.svg)
}
.cm-payment-wechat-pay:before {
  background-image: url(../image/wechat-pay.svg);
  -webkit-background-image: url(../image/wechat-pay.svg)
}
*:not(cm-indicator) .circular-chart {
  display: block;
  max-width: 112px;
  max-height: 112px;
  margin: auto
}
*:not(cm-indicator) .circular-chart .circle-bg {
  fill: none;
  stroke: var(--spinner-color-bg);
  stroke-width: 2.8
}
*:not(cm-indicator) .circular-chart .circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  stroke: var(--green-100)
}
*:not(cm-indicator) .circular-chart .percentage {
  font-size: .45em;
  font-weight: 600;
  text-anchor: middle
}
@keyframes progress-bar-stripes {
  from {
    background-position: 4px 0
  }
  to {
    background-position: 0 0
  }
}
.progress {
  display: flex;
  height: 4px;
  width: 100%;
  margin-top: 10px;
  border-radius: 4px;
  background: var(--selected-background);
  overflow: hidden
}
.progress-bar-determinate {
  display: flex;
  background: var(--selected-gradient);
  overflow: hidden;
  border-radius: 4px;
  transition: width .5s
}
.progress-bar-indeterminate {
  width: 100%;
  height: 100%;
  background: var(--selected-gradient);
  animation: indeterminateBar 1.5s infinite linear;
  overflow: hidden;
  border-radius: 4px;
  transform-origin: 0% 50%
}
@keyframes indeterminateBar {
  0% {
    transform: translateX(0) scaleX(0)
  }
  40% {
    transform: translateX(0) scaleX(.4)
  }
  100% {
    transform: translateX(100%) scaleX(.5)
  }
}
.circular-spinner .percentage-label {
  font-size: var(--font-size-h6);
  color: var(--input-color)
}
.loader {
  z-index: 1000;
  min-width: 112px;
  min-height: 112px;
  max-width: 112px;
  display: block;
  margin: auto;
  position: relative
}
.loader.image {
  min-width: 40px;
  min-height: 64px;
  max-width: 40px;
  max-height: 64px
}
.loader.image .circular-spinner {
  line-height: 40px
}
.loader.image .circular-spinner .circular-spinner-circle-bg, .loader.image .circular-spinner .circular-spinner-circle {
  stroke-width: 2px !important
}
.loader .circular-spinner {
  vertical-align: middle;
  text-align: center;
  line-height: 112px;
  position: relative
}
.loader .circular-spinner.overlay {
  position: absolute;
  top: 0;
  width: 100%
}
.loader .circular-spinner .circular-spinner-circle-bg {
  stroke: var(--selected-background) !important;
  transform-origin: center;
  stroke-width: 1.3px !important;
  fill: none
}
.loader .circular-spinner .circular-spinner-circle {
  fill: none;
  stroke-width: 1.3px !important;
  stroke: var(--selected-color);
  stroke-linecap: round;
  color: var(--white);
  transform-origin: center;
  transition: stroke-dasharray .5s
}
.loader .circular-spinner .circular-spinner-image {
  background-size: cover;
  border-radius: 50%;
  transform: scale(.8)
}
.loader .circular-chart {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  transform-origin: center
}
.loader .circular-chart.rotation {
  transform-origin: center;
  display: block
}
.loader .circular-chart .circle-bg {
  stroke: var(--selected-background) !important;
  transform-origin: center;
  stroke-width: 1.3px !important;
  fill: none
}
.loader .circular-chart .circle {
  fill: none;
  stroke-width: 1.3px !important;
  stroke: var(--selected-color);
  transform-origin: center;
  animation: spinCircle 1.5s infinite linear, fillCircle 2.5s infinite ease
}
.label-circular-container {
  text-align: center;
  position: relative
}
.label-circular-container .label-circular {
  font-size: var(--font-size-h6);
  color: var(--input-color);
  line-height: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 40ch;
  overflow-wrap: break-word
}
.label-linear-container {
  position: relative
}
.label-linear-container .label-linear {
  font-size: var(--font-size-h6);
  color: var(--input-color);
  line-height: 100%
}
@keyframes spinCircle {
  to {
    transform: rotate(360deg)
  }
}
@keyframes fillCircle {
  100% {
    stroke-dashoffset: -100;
    stroke-dasharray: 98
  }
  50% {
    stroke-dashoffset: 0;
    stroke-dasharray: 95
  }
  0% {
    stroke-dashoffset: 100;
    stroke-dasharray: 102
  }
}
@supports not (-ms-ime-align:auto) {
  path.circle {
    animation: fillCircle 2.5s infinite ease
  }
}
@supports(-ms-ime-align:auto) {
  path.circle {
    stroke-dasharray: 99px
  }
}
.loader-mini-spinner {
  position: relative;
  display: inline-block;
  vertical-align: middle
}
.loader-mini-spinner.large {
  height: 36px;
  width: 36px
}
.loader-mini-spinner.medium {
  height: 20px;
  width: 20px
}
.loader-mini-spinner.small {
  height: 12px;
  width: 12px
}
.loader-mini-spinner.large.cta .circular-chart .circle, .loader-mini-spinner.large.cta .circular-chart .circle-bg, .loader-mini-spinner.medium.cta .circular-chart .circle, .loader-mini-spinner.medium.cta .circular-chart .circle-bg, .loader-mini-spinner.small.cta .circular-chart .circle, .loader-mini-spinner.small.cta .circular-chart .circle-bg {
  stroke: var(--mini-spinner-btn-cta-color)
}
.loader-mini-spinner.large.cta .circular-chart .circle-bg, .loader-mini-spinner.medium.cta .circular-chart .circle-bg, .loader-mini-spinner.small.cta .circular-chart .circle-bg {
  opacity: .15
}
.loader-mini-spinner.large.primary .circular-chart .circle, .loader-mini-spinner.large.primary .circular-chart .circle-bg, .loader-mini-spinner.large.secondary .circular-chart .circle, .loader-mini-spinner.large.secondary .circular-chart .circle-bg, .loader-mini-spinner.large.ghost .circular-chart .circle, .loader-mini-spinner.large.ghost .circular-chart .circle-bg, .loader-mini-spinner.medium.primary .circular-chart .circle, .loader-mini-spinner.medium.primary .circular-chart .circle-bg, .loader-mini-spinner.medium.secondary .circular-chart .circle, .loader-mini-spinner.medium.secondary .circular-chart .circle-bg, .loader-mini-spinner.medium.ghost .circular-chart .circle, .loader-mini-spinner.medium.ghost .circular-chart .circle-bg, .loader-mini-spinner.small.primary .circular-chart .circle, .loader-mini-spinner.small.primary .circular-chart .circle-bg, .loader-mini-spinner.small.secondary .circular-chart .circle, .loader-mini-spinner.small.secondary .circular-chart .circle-bg, .loader-mini-spinner.small.ghost .circular-chart .circle, .loader-mini-spinner.small.ghost .circular-chart .circle-bg {
  stroke: var(--mini-spinner-btn-color)
}
.loader-mini-spinner.large.primary .circular-chart .circle-bg, .loader-mini-spinner.large.secondary .circular-chart .circle-bg, .loader-mini-spinner.large.ghost .circular-chart .circle-bg, .loader-mini-spinner.medium.primary .circular-chart .circle-bg, .loader-mini-spinner.medium.secondary .circular-chart .circle-bg, .loader-mini-spinner.medium.ghost .circular-chart .circle-bg, .loader-mini-spinner.small.primary .circular-chart .circle-bg, .loader-mini-spinner.small.secondary .circular-chart .circle-bg, .loader-mini-spinner.small.ghost .circular-chart .circle-bg {
  opacity: .15
}
.loader-mini-spinner.large .circular-chart, .loader-mini-spinner.medium .circular-chart, .loader-mini-spinner.small .circular-chart {
  position: absolute;
  text-align: center
}
.loader-mini-spinner.large .circular-chart.rotation, .loader-mini-spinner.medium .circular-chart.rotation, .loader-mini-spinner.small .circular-chart.rotation {
  transform-origin: center;
  display: block
}
.loader-mini-spinner.large .circular-chart .circle, .loader-mini-spinner.medium .circular-chart .circle, .loader-mini-spinner.small .circular-chart .circle {
  fill: none;
  stroke-width: 3px !important;
  stroke: var(--mini-spinner-color);
  transform-origin: center;
  animation: spinCircle 1.5s infinite linear, fillCircle 2.5s infinite ease;
  stroke-dashoffset: 25;
  stroke-dasharray: 100
}
platform-header:not([data-platform-header-ready]) ~ * .topbar {
  top: 100px
}
.topbar {
  box-sizing: border-box;
  height: 60px;
  line-height: 60px;
  border-bottom: var(--default-border);
  background-color: var(--background);
  z-index: 1;
  position: fixed;
  display: flex;
  left: 0;
  top: 76px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%
}
.topbar .left {
  width: 40px;
  position: absolute;
  top: 2px;
  color: var(--input-color)
}
.topbar .left > :nth-child(n) {
  margin-top: 8px
}
.topbar .center {
  display: flex;
  margin-left: 40px;
  text-align: center;
  width: calc(100% - 56px);
  font-family: var(--font-family-base), sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: var(--label-sub-color)
}
@media(min-width:576px) {
  .topbar .center {
    width: calc(100% - 80px)
  }
}
.topbar .center :nth-child(n) {
  padding-right: 16px
}
.topbar .center :first-child {
  margin-left: auto
}
.topbar .center :last-child {
  margin-right: auto
}
.topbar .center .active {
  font-weight: 700;
  color: var(--selected-color)
}
.topbar .right {
  position: absolute;
  right: 40px
}
.topbar .right > :nth-child(n) {
  margin-top: 8px
}
@media(max-width:320px) {
  .topbar {
    top: 92px
  }
}
@media(min-width:576px) {
  .topbar {
    padding-left: 40px;
    padding-right: 40px
  }
}
cm-slider {
  position: relative;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none
}
cm-slider .slider-step-dot {
  height: 4px;
  background: var(--hint-text-color);
  width: 4px;
  margin-top: -4px;
  position: absolute;
  border-radius: 50%;
  pointer-events: none
}
.slider-container {
  display: block;
  width: 100%
}
.slider-input {
  width: 100%;
  opacity: 0;
  position: absolute;
  height: 32px;
  margin-top: -8px;
  cursor: pointer
}
.slider .slider-bar-filled {
  position: relative;
  width: 100%;
  height: 4px;
  margin-top: -4px;
  border-radius: 20px;
  background: var(--selected-gradient) no-repeat;
  background-size: var(--percentage, 0%) 100%
}
.slider .slider-bar-filled.range-slider {
  margin-left: var(--startposition, 0%)
}
.slider .slider-bar-filled.animation {
  -webkit-transition: background-size .3s cubic-bezier(.4, 0, .2, 1);
  -moz-transition: background-size .3s cubic-bezier(.4, 0, .2, 1);
  -o-transition: background-size .3s cubic-bezier(.4, 0, .2, 1);
  transition: background-size .3s cubic-bezier(.4, 0, .2, 1)
}
.slider .slider-bar-background {
  position: relative;
  margin-top: -10px;
  height: 4px;
  width: 100%;
  border-radius: 20px;
  background: var(--selected-background)
}
.slider .slider-bar {
  height: 16px;
  width: 100%;
  min-width: 104px;
  cursor: pointer
}
.slider .slider-bar:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 2px;
  height: calc(100% - 8px);
  width: calc(100% + 20px);
  background-color: transparent;
  opacity: 0
}
.slider .slider-value {
  color: var(--default-color)
}
.slider .slider-value.min {
  margin-right: 16px
}
.slider .slider-value.max {
  margin-left: 16px
}
.slider .slider-thumb {
  margin-top: -11px;
  position: absolute;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  color: var(--selected-color);
  background: var(--selected-gradient)
}
.slider:not(.disabled) .slider-thumb.animation, .slider:not([disabled]) .slider-thumb.animation {
  -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  -moz-transition: -moz-transform .3s cubic-bezier(.4, 0, .2, 1);
  -o-transition: -o-transform .3s cubic-bezier(.4, 0, .2, 1);
  transition: transform .3s cubic-bezier(.4, 0, .2, 1)
}
.slider:not(.disabled) .slider-thumb[draggable=true], .slider:not([disabled]) .slider-thumb[draggable=true] {
  cursor: pointer
}
.slider:not(.disabled) .slider-thumb[draggable=true]:active, .slider:not([disabled]) .slider-thumb[draggable=true]:active {
  cursor: ew-resize
}
.slider .slider-label {
  color: var(--default-color);
  padding-left: 8px;
  padding-right: 8px;
  position: absolute;
  margin-top: -34px;
  text-align: center
}
.slider .slider-label.active {
  background: var(--selected-gradient);
  border-radius: 12px;
  color: var(--background)
}
.slider .slider-label.animation {
  -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
  -moz-transition: -moz-transform .3s cubic-bezier(.4, 0, .2, 1);
  -o-transition: -o-transform .3s cubic-bezier(.4, 0, .2, 1);
  transition: transform .3s cubic-bezier(.4, 0, .2, 1)
}
.slider .slider-label .sublabel {
  color: var(--hint-text-color)
}
.slider .slider-label.sublabel {
  margin-top: -42px
}
.slider.disabled .slider-bar {
  color: var(--selected-background);
  cursor: not-allowed
}
.slider.disabled .slider-thumb {
  border: 4px solid var(--selected-background);
  background: var(--background);
  cursor: not-allowed
}
cm-smart-filter-popup {
  z-index: 1000000;
  position: fixed
}
cm-smart-filter-popup .dropdown {
  position: absolute;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  background: var(--background);
  max-height: 0;
  transition: max-height .3s
}
cm-smart-filter-popup .dropdown.show {
  border: var(--default-border);
  box-shadow: var(--elevation-level-medium);
  max-height: 400px;
  transition: max-height .3s
}
cm-smart-filter-popup .dropdown.show.on-top {
  bottom: -365px
}
cm-smart-filter-popup .smart-filter-container {
  min-height: 174px
}
cm-smart-filter-popup .smart-filter-divider {
  margin: 0;
  width: 100%;
  display: inline-block
}
cm-smart-filter-popup .btn-container {
  padding: 16px;
  display: flex
}
cm-smart-filter-popup .btn-container.divider {
  border-top: var(--default-border)
}
cm-smart-filter-popup cm-smart-multi-select-checkbox .list-items {
  color: #3c4859;
  cursor: pointer;
  font-weight: 600;
  line-height: 24px;
  list-style: none
}
cm-smart-filter-popup cm-smart-multi-select-checkbox .checkbox {
  width: 100%;
  height: 100%;
  display: flex;
  margin-bottom: 24px !important
}
cm-smart-filter-popup cm-smart-multi-select-checkbox .checkbox-display {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 36px !important
}
cm-smart-filter-popup cm-smart-multi-select-checkbox .checkbox-display > * {
  text-overflow: ellipsis;
  overflow: hidden
}
cm-smart-filter-popup cm-smart-multi-select-checkbox .checkbox-icon {
  margin-right: 8px;
  top: 0;
  min-height: 24px;
  min-width: 24px;
  max-height: 24px;
  max-width: 24px
}
cm-smart-filter-popup cm-smart-multi-select-checkbox .option-icon {
  margin-right: 4px;
  top: 0;
  height: 24px;
  width: 24px
}
cm-smart-filter-popup cm-smart-select-option .list-items {
  color: #3c4859;
  cursor: pointer;
  font-weight: 600;
  line-height: 24px;
  list-style: none
}
cm-smart-filter-popup cm-smart-select-option .option {
  width: 100%;
  height: 100%;
  display: flex;
  margin-bottom: 24px !important
}
cm-smart-filter-popup cm-smart-select-option .option-display {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 36px !important
}
cm-smart-filter-popup cm-smart-select-option .option-display > * {
  text-overflow: ellipsis;
  overflow: hidden
}
cm-smart-filter-popup cm-smart-select-option .option-icon {
  margin-right: 8px;
  top: 0;
  min-height: 24px;
  min-width: 24px;
  max-height: 24px;
  max-width: 24px
}
cm-smart-operational-filter .operation-container {
  display: flex;
  margin: 24px;
  min-width: 272px
}
cm-smart-operational-filter .operation-function-container {
  padding: 0 24px;
  min-width: 272px
}
cm-smart-operational-filter .double-inputs {
  margin-bottom: 24px;
  display: flex
}
cm-smart-operational-filter .double-inputs > .form-input {
  display: flex;
  width: 120px
}
cm-smart-operational-filter .input-right {
  width: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center
}
cm-smart-filter-pill .pill {
  display: flex;
  align-items: center;
  border-radius: 48px;
  padding: 7px 16px;
  opacity: 1;
  max-height: 32px;
  cursor: pointer;
  position: relative
}
cm-smart-filter-pill .pill.pill-state:hover:not(.pill-state-disabled) {
  box-shadow: var(--elevation-level-medium);
  opacity: 1
}
cm-smart-filter-pill .pill.pill-state.pill-state-warning {
  background-color: var(--warning-bg)
}
cm-smart-filter-pill .pill.pill-state.pill-state-error {
  background-color: var(--error-bg)
}
cm-smart-filter-pill .pill.pill-state.pill-state-disabled {
  cursor: not-allowed
}
cm-smart-filter-pill .pill.pill-primary {
  border: none;
  opacity: 1
}
cm-smart-filter-pill .pill.pill-primary:not([class*=cl-]) {
  color: var(--blue-110)
}
cm-smart-filter-pill .pill.pill-primary:not([class*=bg-]) {
  background: var(--blue-10)
}
cm-smart-filter-pill .pill.pill-primary:hover, cm-smart-filter-pill .pill.pill-primary.pseudo-state-hover {
  border: none;
  box-shadow: var(--elevation-level-medium);
  opacity: 1
}
cm-smart-filter-pill .pill.pill-primary:hover:not([class*=cl-]), cm-smart-filter-pill .pill.pill-primary.pseudo-state-hover:not([class*=cl-]) {
  color: var(--blue-144)
}
cm-smart-filter-pill .pill.pill-primary:hover:not([class*=bg-]), cm-smart-filter-pill .pill.pill-primary.pseudo-state-hover:not([class*=bg-]) {
  background: var(--blue-20)
}
cm-smart-filter-pill .pill.pill-primary:hover.btn-secondary:not(:disabled), cm-smart-filter-pill .pill.pill-primary:hover.btn-secondary-icon-text:not(:disabled) > span, cm-smart-filter-pill .pill.pill-primary.pseudo-state-hover.btn-secondary:not(:disabled), cm-smart-filter-pill .pill.pill-primary.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
cm-smart-filter-pill .pill.pill-primary div.ripple {
  background: var(--blue-10)
}
cm-smart-filter-pill .pill.pill-primary:disabled div.ripple {
  background: transparent
}
cm-smart-filter-pill .pill.pill-primary:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
cm-smart-filter-pill .pill.pill-primary:active, cm-smart-filter-pill .pill.pill-primary.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
cm-smart-filter-pill .pill.pill-primary:active:not([class*=cl-]), cm-smart-filter-pill .pill.pill-primary.pseudo-state-active:not([class*=cl-]) {
  color: var(--blue-110)
}
cm-smart-filter-pill .pill.pill-primary:active:not([class*=bg-]), cm-smart-filter-pill .pill.pill-primary.pseudo-state-active:not([class*=bg-]) {
  background: var(--blue-10)
}
cm-smart-filter-pill .pill.pill-primary:disabled, cm-smart-filter-pill .pill.pill-primary.pseudo-state-disabled, cm-smart-filter-pill .pill.pill-primary[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
cm-smart-filter-pill .pill.pill-primary:disabled:not([class*=cl-]), cm-smart-filter-pill .pill.pill-primary.pseudo-state-disabled:not([class*=cl-]), cm-smart-filter-pill .pill.pill-primary[disabled]:hover:not([class*=cl-]) {
  color: var(--blue-40)
}
cm-smart-filter-pill .pill.pill-primary:disabled:not([class*=bg-]), cm-smart-filter-pill .pill.pill-primary.pseudo-state-disabled:not([class*=bg-]), cm-smart-filter-pill .pill.pill-primary[disabled]:hover:not([class*=bg-]) {
  background: var(--blue-5)
}
.dark cm-smart-filter-pill .pill.pill-primary {
  border: none;
  opacity: 1
}
.dark cm-smart-filter-pill .pill.pill-primary:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark cm-smart-filter-pill .pill.pill-primary:not([class*=bg-]) {
  background: var(--cyan-10)
}
.dark cm-smart-filter-pill .pill.pill-primary:hover, .dark cm-smart-filter-pill .pill.pill-primary.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: .75
}
.dark cm-smart-filter-pill .pill.pill-primary:hover:not([class*=cl-]), .dark cm-smart-filter-pill .pill.pill-primary.pseudo-state-hover:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark cm-smart-filter-pill .pill.pill-primary:hover:not([class*=bg-]), .dark cm-smart-filter-pill .pill.pill-primary.pseudo-state-hover:not([class*=bg-]) {
  background: var(--cyan-10)
}
.dark cm-smart-filter-pill .pill.pill-primary:hover.btn-secondary:not(:disabled), .dark cm-smart-filter-pill .pill.pill-primary:hover.btn-secondary-icon-text:not(:disabled) > span, .dark cm-smart-filter-pill .pill.pill-primary.pseudo-state-hover.btn-secondary:not(:disabled), .dark cm-smart-filter-pill .pill.pill-primary.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.dark cm-smart-filter-pill .pill.pill-primary div.ripple {
  background: var(--cyan-1)
}
.dark cm-smart-filter-pill .pill.pill-primary:disabled div.ripple {
  background: transparent
}
.dark cm-smart-filter-pill .pill.pill-primary:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.dark cm-smart-filter-pill .pill.pill-primary:active, .dark cm-smart-filter-pill .pill.pill-primary.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: .5
}
.dark cm-smart-filter-pill .pill.pill-primary:active:not([class*=cl-]), .dark cm-smart-filter-pill .pill.pill-primary.pseudo-state-active:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark cm-smart-filter-pill .pill.pill-primary:active:not([class*=bg-]), .dark cm-smart-filter-pill .pill.pill-primary.pseudo-state-active:not([class*=bg-]) {
  background: var(--cyan-10)
}
.dark cm-smart-filter-pill .pill.pill-primary:disabled, .dark cm-smart-filter-pill .pill.pill-primary.pseudo-state-disabled, .dark cm-smart-filter-pill .pill.pill-primary[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: .25
}
.dark cm-smart-filter-pill .pill.pill-primary:disabled:not([class*=cl-]), .dark cm-smart-filter-pill .pill.pill-primary.pseudo-state-disabled:not([class*=cl-]), .dark cm-smart-filter-pill .pill.pill-primary[disabled]:hover:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark cm-smart-filter-pill .pill.pill-primary:disabled:not([class*=bg-]), .dark cm-smart-filter-pill .pill.pill-primary.pseudo-state-disabled:not([class*=bg-]), .dark cm-smart-filter-pill .pill.pill-primary[disabled]:hover:not([class*=bg-]) {
  background: var(--cyan-10)
}
cm-smart-filter-pill .pill.pill-secondary {
  border: none;
  opacity: 1
}
cm-smart-filter-pill .pill.pill-secondary:not([class*=cl-]) {
  color: var(--blue-110)
}
cm-smart-filter-pill .pill.pill-secondary:not([class*=bg-]) {
  background: transparent
}
cm-smart-filter-pill .pill.pill-secondary:hover, cm-smart-filter-pill .pill.pill-secondary.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: 1
}
cm-smart-filter-pill .pill.pill-secondary:hover:not([class*=cl-]), cm-smart-filter-pill .pill.pill-secondary.pseudo-state-hover:not([class*=cl-]) {
  color: var(--blue-120)
}
cm-smart-filter-pill .pill.pill-secondary:hover:not([class*=bg-]), cm-smart-filter-pill .pill.pill-secondary.pseudo-state-hover:not([class*=bg-]) {
  background: transparent
}
cm-smart-filter-pill .pill.pill-secondary:hover.btn-secondary:not(:disabled), cm-smart-filter-pill .pill.pill-secondary:hover.btn-secondary-icon-text:not(:disabled) > span, cm-smart-filter-pill .pill.pill-secondary.pseudo-state-hover.btn-secondary:not(:disabled), cm-smart-filter-pill .pill.pill-secondary.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
cm-smart-filter-pill .pill.pill-secondary div.ripple {
  background: transparent
}
cm-smart-filter-pill .pill.pill-secondary:disabled div.ripple {
  background: transparent
}
cm-smart-filter-pill .pill.pill-secondary:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
cm-smart-filter-pill .pill.pill-secondary:active, cm-smart-filter-pill .pill.pill-secondary.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
cm-smart-filter-pill .pill.pill-secondary:active:not([class*=cl-]), cm-smart-filter-pill .pill.pill-secondary.pseudo-state-active:not([class*=cl-]) {
  color: var(--blue-110)
}
cm-smart-filter-pill .pill.pill-secondary:active:not([class*=bg-]), cm-smart-filter-pill .pill.pill-secondary.pseudo-state-active:not([class*=bg-]) {
  background: transparent
}
cm-smart-filter-pill .pill.pill-secondary:disabled, cm-smart-filter-pill .pill.pill-secondary.pseudo-state-disabled, cm-smart-filter-pill .pill.pill-secondary[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
cm-smart-filter-pill .pill.pill-secondary:disabled:not([class*=cl-]), cm-smart-filter-pill .pill.pill-secondary.pseudo-state-disabled:not([class*=cl-]), cm-smart-filter-pill .pill.pill-secondary[disabled]:hover:not([class*=cl-]) {
  color: var(--blue-40)
}
cm-smart-filter-pill .pill.pill-secondary:disabled:not([class*=bg-]), cm-smart-filter-pill .pill.pill-secondary.pseudo-state-disabled:not([class*=bg-]), cm-smart-filter-pill .pill.pill-secondary[disabled]:hover:not([class*=bg-]) {
  background: transparent
}
.dark cm-smart-filter-pill .pill.pill-secondary {
  border: none;
  opacity: 1
}
.dark cm-smart-filter-pill .pill.pill-secondary:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark cm-smart-filter-pill .pill.pill-secondary:not([class*=bg-]) {
  background: transparent
}
.dark cm-smart-filter-pill .pill.pill-secondary:hover, .dark cm-smart-filter-pill .pill.pill-secondary.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: 1
}
.dark cm-smart-filter-pill .pill.pill-secondary:hover:not([class*=cl-]), .dark cm-smart-filter-pill .pill.pill-secondary.pseudo-state-hover:not([class*=cl-]) {
  color: var(--cyan-50)
}
.dark cm-smart-filter-pill .pill.pill-secondary:hover:not([class*=bg-]), .dark cm-smart-filter-pill .pill.pill-secondary.pseudo-state-hover:not([class*=bg-]) {
  background: transparent
}
.dark cm-smart-filter-pill .pill.pill-secondary:hover.btn-secondary:not(:disabled), .dark cm-smart-filter-pill .pill.pill-secondary:hover.btn-secondary-icon-text:not(:disabled) > span, .dark cm-smart-filter-pill .pill.pill-secondary.pseudo-state-hover.btn-secondary:not(:disabled), .dark cm-smart-filter-pill .pill.pill-secondary.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.dark cm-smart-filter-pill .pill.pill-secondary div.ripple {
  background: transparent
}
.dark cm-smart-filter-pill .pill.pill-secondary:disabled div.ripple {
  background: transparent
}
.dark cm-smart-filter-pill .pill.pill-secondary:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.dark cm-smart-filter-pill .pill.pill-secondary:active, .dark cm-smart-filter-pill .pill.pill-secondary.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
.dark cm-smart-filter-pill .pill.pill-secondary:active:not([class*=cl-]), .dark cm-smart-filter-pill .pill.pill-secondary.pseudo-state-active:not([class*=cl-]) {
  color: var(--cyan-25)
}
.dark cm-smart-filter-pill .pill.pill-secondary:active:not([class*=bg-]), .dark cm-smart-filter-pill .pill.pill-secondary.pseudo-state-active:not([class*=bg-]) {
  background: transparent
}
.dark cm-smart-filter-pill .pill.pill-secondary:disabled, .dark cm-smart-filter-pill .pill.pill-secondary.pseudo-state-disabled, .dark cm-smart-filter-pill .pill.pill-secondary[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
.dark cm-smart-filter-pill .pill.pill-secondary:disabled:not([class*=cl-]), .dark cm-smart-filter-pill .pill.pill-secondary.pseudo-state-disabled:not([class*=cl-]), .dark cm-smart-filter-pill .pill.pill-secondary[disabled]:hover:not([class*=cl-]) {
  color: var(--cyan-10)
}
.dark cm-smart-filter-pill .pill.pill-secondary:disabled:not([class*=bg-]), .dark cm-smart-filter-pill .pill.pill-secondary.pseudo-state-disabled:not([class*=bg-]), .dark cm-smart-filter-pill .pill.pill-secondary[disabled]:hover:not([class*=bg-]) {
  background: transparent
}
cm-smart-filter-pill .pill.pill-cta {
  border: none;
  opacity: 1
}
cm-smart-filter-pill .pill.pill-cta:not([class*=cl-]) {
  color: var(--white)
}
cm-smart-filter-pill .pill.pill-cta:not([class*=bg-]) {
  background: var(--blue-110)
}
cm-smart-filter-pill .pill.pill-cta:hover, cm-smart-filter-pill .pill.pill-cta.pseudo-state-hover {
  border: none;
  box-shadow: var(--elevation-level-medium);
  opacity: 1
}
cm-smart-filter-pill .pill.pill-cta:hover:not([class*=cl-]), cm-smart-filter-pill .pill.pill-cta.pseudo-state-hover:not([class*=cl-]) {
  color: var(--white)
}
cm-smart-filter-pill .pill.pill-cta:hover:not([class*=bg-]), cm-smart-filter-pill .pill.pill-cta.pseudo-state-hover:not([class*=bg-]) {
  background: var(--blue-120)
}
cm-smart-filter-pill .pill.pill-cta:hover.btn-secondary:not(:disabled), cm-smart-filter-pill .pill.pill-cta:hover.btn-secondary-icon-text:not(:disabled) > span, cm-smart-filter-pill .pill.pill-cta.pseudo-state-hover.btn-secondary:not(:disabled), cm-smart-filter-pill .pill.pill-cta.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
cm-smart-filter-pill .pill.pill-cta div.ripple {
  background: var(--blue-110)
}
cm-smart-filter-pill .pill.pill-cta:disabled div.ripple {
  background: transparent
}
cm-smart-filter-pill .pill.pill-cta:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
cm-smart-filter-pill .pill.pill-cta:active, cm-smart-filter-pill .pill.pill-cta.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: 1
}
cm-smart-filter-pill .pill.pill-cta:active:not([class*=cl-]), cm-smart-filter-pill .pill.pill-cta.pseudo-state-active:not([class*=cl-]) {
  color: var(--white)
}
cm-smart-filter-pill .pill.pill-cta:active:not([class*=bg-]), cm-smart-filter-pill .pill.pill-cta.pseudo-state-active:not([class*=bg-]) {
  background: var(--blue-110)
}
cm-smart-filter-pill .pill.pill-cta:disabled, cm-smart-filter-pill .pill.pill-cta.pseudo-state-disabled, cm-smart-filter-pill .pill.pill-cta[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: 1
}
cm-smart-filter-pill .pill.pill-cta:disabled:not([class*=cl-]), cm-smart-filter-pill .pill.pill-cta.pseudo-state-disabled:not([class*=cl-]), cm-smart-filter-pill .pill.pill-cta[disabled]:hover:not([class*=cl-]) {
  color: var(--white)
}
cm-smart-filter-pill .pill.pill-cta:disabled:not([class*=bg-]), cm-smart-filter-pill .pill.pill-cta.pseudo-state-disabled:not([class*=bg-]), cm-smart-filter-pill .pill.pill-cta[disabled]:hover:not([class*=bg-]) {
  background: var(--blue-40)
}
.dark cm-smart-filter-pill .pill.pill-cta {
  border: none;
  opacity: 1
}
.dark cm-smart-filter-pill .pill.pill-cta:not([class*=cl-]) {
  color: var(--black-140)
}
.dark cm-smart-filter-pill .pill.pill-cta:not([class*=bg-]) {
  background: var(--cyan-100)
}
.dark cm-smart-filter-pill .pill.pill-cta:hover, .dark cm-smart-filter-pill .pill.pill-cta.pseudo-state-hover {
  border: none;
  box-shadow: none;
  opacity: .75
}
.dark cm-smart-filter-pill .pill.pill-cta:hover:not([class*=cl-]), .dark cm-smart-filter-pill .pill.pill-cta.pseudo-state-hover:not([class*=cl-]) {
  color: var(--black-140)
}
.dark cm-smart-filter-pill .pill.pill-cta:hover:not([class*=bg-]), .dark cm-smart-filter-pill .pill.pill-cta.pseudo-state-hover:not([class*=bg-]) {
  background: var(--cyan-100)
}
.dark cm-smart-filter-pill .pill.pill-cta:hover.btn-secondary:not(:disabled), .dark cm-smart-filter-pill .pill.pill-cta:hover.btn-secondary-icon-text:not(:disabled) > span, .dark cm-smart-filter-pill .pill.pill-cta.pseudo-state-hover.btn-secondary:not(:disabled), .dark cm-smart-filter-pill .pill.pill-cta.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.dark cm-smart-filter-pill .pill.pill-cta div.ripple {
  background: var(--cyan-50)
}
.dark cm-smart-filter-pill .pill.pill-cta:disabled div.ripple {
  background: transparent
}
.dark cm-smart-filter-pill .pill.pill-cta:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.dark cm-smart-filter-pill .pill.pill-cta:active, .dark cm-smart-filter-pill .pill.pill-cta.pseudo-state-active {
  border: none;
  box-shadow: none;
  opacity: .5
}
.dark cm-smart-filter-pill .pill.pill-cta:active:not([class*=cl-]), .dark cm-smart-filter-pill .pill.pill-cta.pseudo-state-active:not([class*=cl-]) {
  color: var(--black-140)
}
.dark cm-smart-filter-pill .pill.pill-cta:active:not([class*=bg-]), .dark cm-smart-filter-pill .pill.pill-cta.pseudo-state-active:not([class*=bg-]) {
  background: var(--cyan-100)
}
.dark cm-smart-filter-pill .pill.pill-cta:disabled, .dark cm-smart-filter-pill .pill.pill-cta.pseudo-state-disabled, .dark cm-smart-filter-pill .pill.pill-cta[disabled]:hover {
  cursor: not-allowed;
  border: none;
  box-shadow: none;
  opacity: .25
}
.dark cm-smart-filter-pill .pill.pill-cta:disabled:not([class*=cl-]), .dark cm-smart-filter-pill .pill.pill-cta.pseudo-state-disabled:not([class*=cl-]), .dark cm-smart-filter-pill .pill.pill-cta[disabled]:hover:not([class*=cl-]) {
  color: var(--black-140)
}
.dark cm-smart-filter-pill .pill.pill-cta:disabled:not([class*=bg-]), .dark cm-smart-filter-pill .pill.pill-cta.pseudo-state-disabled:not([class*=bg-]), .dark cm-smart-filter-pill .pill.pill-cta[disabled]:hover:not([class*=bg-]) {
  background: var(--cyan-100)
}
cm-smart-filter-pill .pill.pill-ghost {
  border: 2px solid var(--blue-110);
  opacity: 1
}
cm-smart-filter-pill .pill.pill-ghost:not([class*=cl-]) {
  color: var(--blue-110)
}
cm-smart-filter-pill .pill.pill-ghost:not([class*=bg-]) {
  background: transparent
}
cm-smart-filter-pill .pill.pill-ghost:hover, cm-smart-filter-pill .pill.pill-ghost.pseudo-state-hover {
  border: 2px solid var(--blue-120);
  box-shadow: var(--elevation-level-medium);
  opacity: 1
}
cm-smart-filter-pill .pill.pill-ghost:hover:not([class*=cl-]), cm-smart-filter-pill .pill.pill-ghost.pseudo-state-hover:not([class*=cl-]) {
  color: var(--blue-120)
}
cm-smart-filter-pill .pill.pill-ghost:hover:not([class*=bg-]), cm-smart-filter-pill .pill.pill-ghost.pseudo-state-hover:not([class*=bg-]) {
  background: var(--blue-10)
}
cm-smart-filter-pill .pill.pill-ghost:hover.btn-secondary:not(:disabled), cm-smart-filter-pill .pill.pill-ghost:hover.btn-secondary-icon-text:not(:disabled) > span, cm-smart-filter-pill .pill.pill-ghost.pseudo-state-hover.btn-secondary:not(:disabled), cm-smart-filter-pill .pill.pill-ghost.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
cm-smart-filter-pill .pill.pill-ghost div.ripple {
  background: var(--white)
}
cm-smart-filter-pill .pill.pill-ghost:disabled div.ripple {
  background: transparent
}
cm-smart-filter-pill .pill.pill-ghost:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
cm-smart-filter-pill .pill.pill-ghost:active, cm-smart-filter-pill .pill.pill-ghost.pseudo-state-active {
  border: 2px solid var(--blue-110);
  box-shadow: none;
  opacity: 1
}
cm-smart-filter-pill .pill.pill-ghost:active:not([class*=cl-]), cm-smart-filter-pill .pill.pill-ghost.pseudo-state-active:not([class*=cl-]) {
  color: var(--blue-110)
}
cm-smart-filter-pill .pill.pill-ghost:active:not([class*=bg-]), cm-smart-filter-pill .pill.pill-ghost.pseudo-state-active:not([class*=bg-]) {
  background: transparent
}
cm-smart-filter-pill .pill.pill-ghost:disabled, cm-smart-filter-pill .pill.pill-ghost.pseudo-state-disabled, cm-smart-filter-pill .pill.pill-ghost[disabled]:hover {
  cursor: not-allowed;
  border: 2px solid var(--blue-40);
  box-shadow: none;
  opacity: 1
}
cm-smart-filter-pill .pill.pill-ghost:disabled:not([class*=cl-]), cm-smart-filter-pill .pill.pill-ghost.pseudo-state-disabled:not([class*=cl-]), cm-smart-filter-pill .pill.pill-ghost[disabled]:hover:not([class*=cl-]) {
  color: var(--blue-40)
}
cm-smart-filter-pill .pill.pill-ghost:disabled:not([class*=bg-]), cm-smart-filter-pill .pill.pill-ghost.pseudo-state-disabled:not([class*=bg-]), cm-smart-filter-pill .pill.pill-ghost[disabled]:hover:not([class*=bg-]) {
  background: transparent
}
.dark cm-smart-filter-pill .pill.pill-ghost {
  border: 2px solid var(--cyan-100);
  opacity: 1
}
.dark cm-smart-filter-pill .pill.pill-ghost:not([class*=cl-]) {
  color: var(--cyan-100)
}
.dark cm-smart-filter-pill .pill.pill-ghost:not([class*=bg-]) {
  background: transparent
}
.dark cm-smart-filter-pill .pill.pill-ghost:hover, .dark cm-smart-filter-pill .pill.pill-ghost.pseudo-state-hover {
  border: 2px solid var(--cyan-50);
  box-shadow: none;
  opacity: 1
}
.dark cm-smart-filter-pill .pill.pill-ghost:hover:not([class*=cl-]), .dark cm-smart-filter-pill .pill.pill-ghost.pseudo-state-hover:not([class*=cl-]) {
  color: var(--cyan-50)
}
.dark cm-smart-filter-pill .pill.pill-ghost:hover:not([class*=bg-]), .dark cm-smart-filter-pill .pill.pill-ghost.pseudo-state-hover:not([class*=bg-]) {
  background: transparent
}
.dark cm-smart-filter-pill .pill.pill-ghost:hover.btn-secondary:not(:disabled), .dark cm-smart-filter-pill .pill.pill-ghost:hover.btn-secondary-icon-text:not(:disabled) > span, .dark cm-smart-filter-pill .pill.pill-ghost.pseudo-state-hover.btn-secondary:not(:disabled), .dark cm-smart-filter-pill .pill.pill-ghost.pseudo-state-hover.btn-secondary-icon-text:not(:disabled) > span {
  text-decoration: underline
}
.dark cm-smart-filter-pill .pill.pill-ghost div.ripple {
  background: var(--cyan-25)
}
.dark cm-smart-filter-pill .pill.pill-ghost:disabled div.ripple {
  background: transparent
}
.dark cm-smart-filter-pill .pill.pill-ghost:focus-visible {
  box-shadow: 0 0 0 4px var(--focus-border-color)
}
.dark cm-smart-filter-pill .pill.pill-ghost:active, .dark cm-smart-filter-pill .pill.pill-ghost.pseudo-state-active {
  border: 2px solid var(--cyan-25);
  box-shadow: none;
  opacity: 1
}
.dark cm-smart-filter-pill .pill.pill-ghost:active:not([class*=cl-]), .dark cm-smart-filter-pill .pill.pill-ghost.pseudo-state-active:not([class*=cl-]) {
  color: var(--cyan-25)
}
.dark cm-smart-filter-pill .pill.pill-ghost:active:not([class*=bg-]), .dark cm-smart-filter-pill .pill.pill-ghost.pseudo-state-active:not([class*=bg-]) {
  background: transparent
}
.dark cm-smart-filter-pill .pill.pill-ghost:disabled, .dark cm-smart-filter-pill .pill.pill-ghost.pseudo-state-disabled, .dark cm-smart-filter-pill .pill.pill-ghost[disabled]:hover {
  cursor: not-allowed;
  border: 2px solid var(--cyan-10);
  box-shadow: none;
  opacity: 1
}
.dark cm-smart-filter-pill .pill.pill-ghost:disabled:not([class*=cl-]), .dark cm-smart-filter-pill .pill.pill-ghost.pseudo-state-disabled:not([class*=cl-]), .dark cm-smart-filter-pill .pill.pill-ghost[disabled]:hover:not([class*=cl-]) {
  color: var(--cyan-10)
}
.dark cm-smart-filter-pill .pill.pill-ghost:disabled:not([class*=bg-]), .dark cm-smart-filter-pill .pill.pill-ghost.pseudo-state-disabled:not([class*=bg-]), .dark cm-smart-filter-pill .pill.pill-ghost[disabled]:hover:not([class*=bg-]) {
  background: transparent
}
cm-smart-filter-pill .pill .icon-container {
  line-height: 12px
}
cm-smart-filter-pill .pill .icon-container span.cm-icon {
  font-size: 18px
}
cm-smart-filter-pill .pill .icon-container.only-hover {
  display: none
}
cm-smart-filter-pill .pill .icon-container.right-icon-container {
  cursor: pointer
}
cm-smart-filter-pill .pill:hover .only-hover {
  display: block;
  position: absolute
}
cm-smart-filter-pill .pill:hover .only-hover.right-icon-container {
  right: 10px
}
cm-smart-filter-pill .pill:hover .text-container.change-on-hover {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: calc(100% - 20px)
}
cm-smart-filter-pill .pill .text-container {
  font-size: 14px;
  line-height: 18px;
  padding: 0 8px
}
.datetime-menu {
  width: 230px;
  min-height: 416px;
  overflow: auto
}
.datetime-menu.with-menu {
  border-radius: 16px 0 0 16px !important
}
.datetime-menu .selected {
  color: var(--selected-color) !important
}
.datetime-menu .datetime-menu-item {
  font-weight: 500;
  height: 24px;
  color: var(--default-color);
  line-height: 24px;
  font-size: 14px;
  cursor: pointer
}
cm-datetime-popup .row picker-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between
}
cm-datetime-calendar, cm-datetime-menu, cm-time-popup, cm-datetime-popup {
  position: fixed;
  display: block;
  height: auto;
  pointer-events: none;
  z-index: 10000002;
  color: var(--default-color)
}
@media(min-height:0px)and (max-height:500px) {
  cm-datetime-calendar, cm-datetime-menu, cm-time-popup, cm-datetime-popup {
    min-height: 416px
  }
}
cm-datetime-calendar .with-menu, cm-datetime-menu .with-menu, cm-time-popup .with-menu, cm-datetime-popup .with-menu {
  border-radius: 0 16px 16px 0 !important
}
cm-datetime-calendar .calendar-cl-light, cm-datetime-menu .calendar-cl-light, cm-time-popup .calendar-cl-light, cm-datetime-popup .calendar-cl-light {
  color: var(--input-color)
}
cm-datetime-calendar .picker-wrapper, cm-datetime-menu .picker-wrapper, cm-time-popup .picker-wrapper, cm-datetime-popup .picker-wrapper {
  pointer-events: none
}
cm-datetime-calendar[data-picker]:not([data-picker=""]) .picker-wrapper, cm-datetime-menu[data-picker]:not([data-picker=""]) .picker-wrapper, cm-time-popup[data-picker]:not([data-picker=""]) .picker-wrapper, cm-datetime-popup[data-picker]:not([data-picker=""]) .picker-wrapper {
  position: fixed
}
cm-datetime-calendar .picker-wrapper .paddingCalendar.predefinedListShadowBox.calendarPosition, cm-datetime-menu .picker-wrapper .paddingCalendar.predefinedListShadowBox.calendarPosition, cm-time-popup .picker-wrapper .paddingCalendar.predefinedListShadowBox.calendarPosition, cm-datetime-popup .picker-wrapper .paddingCalendar.predefinedListShadowBox.calendarPosition {
  pointer-events: all;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
cm-datetime-calendar .picker-wrapper .paddingCalendar.calendarPosition.defaultShadowBox, cm-datetime-menu .picker-wrapper .paddingCalendar.calendarPosition.defaultShadowBox, cm-time-popup .picker-wrapper .paddingCalendar.calendarPosition.defaultShadowBox, cm-datetime-popup .picker-wrapper .paddingCalendar.calendarPosition.defaultShadowBox {
  min-width: 336px;
  min-height: 416px;
  overflow: hidden
}
cm-datetime-calendar .defaultShadowBox, cm-datetime-menu .defaultShadowBox, cm-time-popup .defaultShadowBox, cm-datetime-popup .defaultShadowBox {
  box-shadow: var(--elevation-level-medium);
  border-radius: 20px
}
cm-datetime-calendar .defaultShadowBox.with-menu, cm-datetime-menu .defaultShadowBox.with-menu, cm-time-popup .defaultShadowBox.with-menu, cm-datetime-popup .defaultShadowBox.with-menu {
  box-shadow: 0 48px 48px -16px rgba(16, 30, 30, .5) !important
}
cm-datetime-calendar .predefinedShadowBox, cm-datetime-menu .predefinedShadowBox, cm-time-popup .predefinedShadowBox, cm-datetime-popup .predefinedShadowBox {
  box-shadow: 0 20px 20px 0 rgba(224, 224, 224, .5);
  border-radius: 0 20px 20px 0;
  border-left: var(--default-small-border)
}
cm-datetime-calendar .predefinedListShadowBox, cm-datetime-menu .predefinedListShadowBox, cm-time-popup .predefinedListShadowBox, cm-datetime-popup .predefinedListShadowBox {
  box-shadow: 0 20px 20px 0 rgba(224, 224, 224, .5);
  border-radius: 20px 0 0 20px;
  font-weight: 700;
  color: var(--default-color);
  min-width: 240px
}
cm-datetime-calendar .predefinedListShadowBox.onlyList, cm-datetime-menu .predefinedListShadowBox.onlyList, cm-time-popup .predefinedListShadowBox.onlyList, cm-datetime-popup .predefinedListShadowBox.onlyList {
  border-radius: 20px
}
cm-datetime-calendar .weekdaytitle span, cm-datetime-menu .weekdaytitle span, cm-time-popup .weekdaytitle span, cm-datetime-popup .weekdaytitle span {
  color: #3c4859;
  font-size: 14px;
  font-weight: 700 !important;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap
}
cm-datetime-calendar .weekdaytitle, cm-datetime-menu .weekdaytitle, cm-time-popup .weekdaytitle, cm-datetime-popup .weekdaytitle {
  width: 112px;
  line-height: 32px
}
cm-datetime-calendar .prevmonth, cm-datetime-calendar .nexthmonth, cm-datetime-menu .prevmonth, cm-datetime-menu .nexthmonth, cm-time-popup .prevmonth, cm-time-popup .nexthmonth, cm-datetime-popup .prevmonth, cm-datetime-popup .nexthmonth {
  pointer-events: none
}
cm-datetime-calendar .monthwrapper, cm-datetime-menu .monthwrapper, cm-time-popup .monthwrapper, cm-datetime-popup .monthwrapper {
  position: relative;
  height: auto;
  overflow: hidden;
  display: block;
  height: auto;
  transition: opacity .25s ease-in;
  opacity: 1
}
cm-datetime-calendar .calendar-label, cm-datetime-menu .calendar-label, cm-time-popup .calendar-label, cm-datetime-popup .calendar-label {
  position: relative;
  display: block;
  width: 100%;
  opacity: 1
}
cm-datetime-calendar .calendar-label-next, cm-datetime-calendar .calendar-label-prev, cm-datetime-menu .calendar-label-next, cm-datetime-menu .calendar-label-prev, cm-time-popup .calendar-label-next, cm-time-popup .calendar-label-prev, cm-datetime-popup .calendar-label-next, cm-datetime-popup .calendar-label-prev {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0
}
cm-datetime-calendar .calendar-label-prev, cm-datetime-menu .calendar-label-prev, cm-time-popup .calendar-label-prev, cm-datetime-popup .calendar-label-prev {
  transform: translateX(-100%)
}
cm-datetime-calendar .calendar-label-next, cm-datetime-menu .calendar-label-next, cm-time-popup .calendar-label-next, cm-datetime-popup .calendar-label-next {
  transform: translateX(100%)
}
cm-datetime-calendar .picker-wrapper.cal-up .calendar-label-next, cm-datetime-menu .picker-wrapper.cal-up .calendar-label-next, cm-time-popup .picker-wrapper.cal-up .calendar-label-next, cm-datetime-popup .picker-wrapper.cal-up .calendar-label-next {
  transform: translateX(0%);
  opacity: 1
}
cm-datetime-calendar .picker-wrapper.cal-up .calendar-label, cm-datetime-menu .picker-wrapper.cal-up .calendar-label, cm-time-popup .picker-wrapper.cal-up .calendar-label, cm-datetime-popup .picker-wrapper.cal-up .calendar-label {
  transform: translateX(calc(-100% + 32px))
}
cm-datetime-calendar .picker-wrapper.cal-up .monthcontainer, cm-datetime-menu .picker-wrapper.cal-up .monthcontainer, cm-time-popup .picker-wrapper.cal-up .monthcontainer, cm-datetime-popup .picker-wrapper.cal-up .monthcontainer {
  transform: translateY(-100%)
}
cm-datetime-calendar .picker-wrapper.cal-down .calendar-label-prev, cm-datetime-menu .picker-wrapper.cal-down .calendar-label-prev, cm-time-popup .picker-wrapper.cal-down .calendar-label-prev, cm-datetime-popup .picker-wrapper.cal-down .calendar-label-prev {
  opacity: 1;
  transform: translateX(0%)
}
cm-datetime-calendar .picker-wrapper.cal-down .calendar-label, cm-datetime-menu .picker-wrapper.cal-down .calendar-label, cm-time-popup .picker-wrapper.cal-down .calendar-label, cm-datetime-popup .picker-wrapper.cal-down .calendar-label {
  transform: translateX(calc(100% - 32px))
}
cm-datetime-calendar .picker-wrapper.cal-down .monthcontainer, cm-datetime-menu .picker-wrapper.cal-down .monthcontainer, cm-time-popup .picker-wrapper.cal-down .monthcontainer, cm-datetime-popup .picker-wrapper.cal-down .monthcontainer {
  transform: translateY(100%)
}
cm-datetime-calendar .picker-wrapper.cal-up:after, cm-datetime-calendar .picker-wrapper.cal-down:after, cm-datetime-menu .picker-wrapper.cal-up:after, cm-datetime-menu .picker-wrapper.cal-down:after, cm-time-popup .picker-wrapper.cal-up:after, cm-time-popup .picker-wrapper.cal-down:after, cm-datetime-popup .picker-wrapper.cal-up:after, cm-datetime-popup .picker-wrapper.cal-down:after {
  position: absolute;
  background-color: transparent;
  width: calc(100% - 64px);
  height: calc(100% - 64px);
  left: 32px;
  top: 32px;
  content: "";
  z-index: 9999;
  border-radius: inherit;
  cursor: progress
}
cm-datetime-calendar .picker-wrapper.cal-up .paddingCalendar.predefinedListShadowBox.calendarPosition, cm-datetime-calendar .picker-wrapper.cal-up .calendar.title, cm-datetime-calendar .picker-wrapper.cal-down .paddingCalendar.predefinedListShadowBox.calendarPosition, cm-datetime-calendar .picker-wrapper.cal-down .calendar.title, cm-datetime-menu .picker-wrapper.cal-up .paddingCalendar.predefinedListShadowBox.calendarPosition, cm-datetime-menu .picker-wrapper.cal-up .calendar.title, cm-datetime-menu .picker-wrapper.cal-down .paddingCalendar.predefinedListShadowBox.calendarPosition, cm-datetime-menu .picker-wrapper.cal-down .calendar.title, cm-time-popup .picker-wrapper.cal-up .paddingCalendar.predefinedListShadowBox.calendarPosition, cm-time-popup .picker-wrapper.cal-up .calendar.title, cm-time-popup .picker-wrapper.cal-down .paddingCalendar.predefinedListShadowBox.calendarPosition, cm-time-popup .picker-wrapper.cal-down .calendar.title, cm-datetime-popup .picker-wrapper.cal-up .paddingCalendar.predefinedListShadowBox.calendarPosition, cm-datetime-popup .picker-wrapper.cal-up .calendar.title, cm-datetime-popup .picker-wrapper.cal-down .paddingCalendar.predefinedListShadowBox.calendarPosition, cm-datetime-popup .picker-wrapper.cal-down .calendar.title {
  pointer-events: none
}
cm-datetime-calendar .picker-wrapper.cal-up .calendar-label-next, cm-datetime-calendar .picker-wrapper.cal-up .calendar-label-prev, cm-datetime-calendar .picker-wrapper.cal-down .calendar-label-next, cm-datetime-calendar .picker-wrapper.cal-down .calendar-label-prev, cm-datetime-menu .picker-wrapper.cal-up .calendar-label-next, cm-datetime-menu .picker-wrapper.cal-up .calendar-label-prev, cm-datetime-menu .picker-wrapper.cal-down .calendar-label-next, cm-datetime-menu .picker-wrapper.cal-down .calendar-label-prev, cm-time-popup .picker-wrapper.cal-up .calendar-label-next, cm-time-popup .picker-wrapper.cal-up .calendar-label-prev, cm-time-popup .picker-wrapper.cal-down .calendar-label-next, cm-time-popup .picker-wrapper.cal-down .calendar-label-prev, cm-datetime-popup .picker-wrapper.cal-up .calendar-label-next, cm-datetime-popup .picker-wrapper.cal-up .calendar-label-prev, cm-datetime-popup .picker-wrapper.cal-down .calendar-label-next, cm-datetime-popup .picker-wrapper.cal-down .calendar-label-prev {
  transition: opacity .25s ease-in-out .1s, transform .3s
}
cm-datetime-calendar .picker-wrapper.cal-up .calendar-label, cm-datetime-calendar .picker-wrapper.cal-down .calendar-label, cm-datetime-menu .picker-wrapper.cal-up .calendar-label, cm-datetime-menu .picker-wrapper.cal-down .calendar-label, cm-time-popup .picker-wrapper.cal-up .calendar-label, cm-time-popup .picker-wrapper.cal-down .calendar-label, cm-datetime-popup .picker-wrapper.cal-up .calendar-label, cm-datetime-popup .picker-wrapper.cal-down .calendar-label {
  opacity: 0;
  transition: opacity .1s ease-out, transform .25s ease-in
}
cm-datetime-calendar .picker-wrapper.cal-up.in, cm-datetime-calendar .picker-wrapper.cal-down.in, cm-datetime-menu .picker-wrapper.cal-up.in, cm-datetime-menu .picker-wrapper.cal-down.in, cm-time-popup .picker-wrapper.cal-up.in, cm-time-popup .picker-wrapper.cal-down.in, cm-datetime-popup .picker-wrapper.cal-up.in, cm-datetime-popup .picker-wrapper.cal-down.in {
  transform: translateX(100%)
}
cm-datetime-calendar .picker-wrapper.cal-up .monthwrapper, cm-datetime-calendar .picker-wrapper.cal-down .monthwrapper, cm-datetime-menu .picker-wrapper.cal-up .monthwrapper, cm-datetime-menu .picker-wrapper.cal-down .monthwrapper, cm-time-popup .picker-wrapper.cal-up .monthwrapper, cm-time-popup .picker-wrapper.cal-down .monthwrapper, cm-datetime-popup .picker-wrapper.cal-up .monthwrapper, cm-datetime-popup .picker-wrapper.cal-down .monthwrapper {
  opacity: 0;
  transition: opacity .25s ease-in-out .1s
}
cm-datetime-calendar .picker-wrapper.cal-up .monthwrapper .monthcontainer, cm-datetime-calendar .picker-wrapper.cal-down .monthwrapper .monthcontainer, cm-datetime-menu .picker-wrapper.cal-up .monthwrapper .monthcontainer, cm-datetime-menu .picker-wrapper.cal-down .monthwrapper .monthcontainer, cm-time-popup .picker-wrapper.cal-up .monthwrapper .monthcontainer, cm-time-popup .picker-wrapper.cal-down .monthwrapper .monthcontainer, cm-datetime-popup .picker-wrapper.cal-up .monthwrapper .monthcontainer, cm-datetime-popup .picker-wrapper.cal-down .monthwrapper .monthcontainer {
  position: relative;
  height: auto;
  transition: transform .35s ease-in .1s
}
cm-datetime-calendar .daycell .datevalue, cm-datetime-menu .daycell .datevalue, cm-time-popup .daycell .datevalue, cm-datetime-popup .daycell .datevalue {
  background-color: inherit;
  vertical-align: middle;
  text-align: center
}
cm-datetime-calendar .daycell .datevalue span, cm-datetime-menu .daycell .datevalue span, cm-time-popup .daycell .datevalue span, cm-datetime-popup .daycell .datevalue span {
  line-height: 32px;
  display: block;
  font-weight: 600
}
cm-datetime-calendar .currmonth, cm-datetime-menu .currmonth, cm-time-popup .currmonth, cm-datetime-popup .currmonth {
  font-weight: 400;
  color: var(--default-color);
  font-size: 14px
}
cm-datetime-calendar .markcurrday, cm-datetime-menu .markcurrday, cm-time-popup .markcurrday, cm-datetime-popup .markcurrday {
  color: var(--selected-color);
  font-weight: 700 !important
}
cm-datetime-calendar .selectedday:not(.firstSelectedDay):not(.lastSelectedDay):not(.betweenSelectedDays):not(.monthcell) .datevalue, cm-datetime-menu .selectedday:not(.firstSelectedDay):not(.lastSelectedDay):not(.betweenSelectedDays):not(.monthcell) .datevalue, cm-time-popup .selectedday:not(.firstSelectedDay):not(.lastSelectedDay):not(.betweenSelectedDays):not(.monthcell) .datevalue, cm-datetime-popup .selectedday:not(.firstSelectedDay):not(.lastSelectedDay):not(.betweenSelectedDays):not(.monthcell) .datevalue {
  border: none;
  background: var(--selected-gradient);
  color: var(--default-background-inverse);
  border-radius: 100px
}
cm-datetime-calendar .selectedday .markcurrday, cm-datetime-calendar .firstSelectedDay .markcurrday, cm-datetime-calendar .lastSelectedDay .markcurrday, cm-datetime-calendar .betweenSelectedDays .markcurrday, cm-datetime-menu .selectedday .markcurrday, cm-datetime-menu .firstSelectedDay .markcurrday, cm-datetime-menu .lastSelectedDay .markcurrday, cm-datetime-menu .betweenSelectedDays .markcurrday, cm-time-popup .selectedday .markcurrday, cm-time-popup .firstSelectedDay .markcurrday, cm-time-popup .lastSelectedDay .markcurrday, cm-time-popup .betweenSelectedDays .markcurrday, cm-datetime-popup .selectedday .markcurrday, cm-datetime-popup .firstSelectedDay .markcurrday, cm-datetime-popup .lastSelectedDay .markcurrday, cm-datetime-popup .betweenSelectedDays .markcurrday {
  color: inherit
}
cm-datetime-calendar .selectedday.monthcell .datevalue span, cm-datetime-menu .selectedday.monthcell .datevalue span, cm-time-popup .selectedday.monthcell .datevalue span, cm-datetime-popup .selectedday.monthcell .datevalue span {
  background: var(--selected-gradient);
  color: var(--default-background-inverse);
  border-radius: 100px
}
cm-datetime-calendar .selectedday .datevalue, cm-datetime-calendar .firstSelectedDay .datevalue, cm-datetime-calendar .betweenSelectedDays .datevalue, cm-datetime-calendar .lastSelectedDay .datevalue, cm-datetime-menu .selectedday .datevalue, cm-datetime-menu .firstSelectedDay .datevalue, cm-datetime-menu .betweenSelectedDays .datevalue, cm-datetime-menu .lastSelectedDay .datevalue, cm-time-popup .selectedday .datevalue, cm-time-popup .firstSelectedDay .datevalue, cm-time-popup .betweenSelectedDays .datevalue, cm-time-popup .lastSelectedDay .datevalue, cm-datetime-popup .selectedday .datevalue, cm-datetime-popup .firstSelectedDay .datevalue, cm-datetime-popup .betweenSelectedDays .datevalue, cm-datetime-popup .lastSelectedDay .datevalue {
  color: var(--default-background-inverse)
}
cm-datetime-calendar .time-picker, cm-datetime-menu .time-picker, cm-time-popup .time-picker, cm-datetime-popup .time-picker {
  display: block;
  border-top: var(--default-border);
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 8px;
  display: block;
  width: 100%
}
cm-datetime-calendar .time-picker .clock-btn, cm-datetime-menu .time-picker .clock-btn, cm-time-popup .time-picker .clock-btn, cm-datetime-popup .time-picker .clock-btn {
  pointer-events: all;
  cursor: pointer
}
cm-datetime-calendar .time-picker ~ .row.timewrapper, cm-datetime-menu .time-picker ~ .row.timewrapper, cm-time-popup .time-picker ~ .row.timewrapper, cm-datetime-popup .time-picker ~ .row.timewrapper {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  background-color: var(--background);
  height: 100%;
  width: 100%;
  transition: transform ease-in .25s;
  transform: translateY(0%);
  z-index: 3;
  padding: 8px
}
cm-datetime-calendar .time-picker ~ .row.timewrapper .grain-picker, cm-datetime-menu .time-picker ~ .row.timewrapper .grain-picker, cm-time-popup .time-picker ~ .row.timewrapper .grain-picker, cm-datetime-popup .time-picker ~ .row.timewrapper .grain-picker {
  top: 50%;
  transform: translateY(-50%);
  margin: 0 !important
}
cm-datetime-calendar .time-picker ~ .row.timewrapper .date-picker, cm-datetime-menu .time-picker ~ .row.timewrapper .date-picker, cm-time-popup .time-picker ~ .row.timewrapper .date-picker, cm-datetime-popup .time-picker ~ .row.timewrapper .date-picker {
  display: block;
  border-bottom: var(--default-border);
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  padding: 8px;
  display: block;
  width: 100%
}
cm-datetime-calendar .time-picker ~ .row.timewrapper .date-picker .calendar-btn, cm-datetime-menu .time-picker ~ .row.timewrapper .date-picker .calendar-btn, cm-time-popup .time-picker ~ .row.timewrapper .date-picker .calendar-btn, cm-datetime-popup .time-picker ~ .row.timewrapper .date-picker .calendar-btn {
  pointer-events: all;
  cursor: pointer
}
cm-datetime-calendar .time-picker ~ .row.timewrapper.showtime, cm-datetime-menu .time-picker ~ .row.timewrapper.showtime, cm-time-popup .time-picker ~ .row.timewrapper.showtime, cm-datetime-popup .time-picker ~ .row.timewrapper.showtime {
  transform: translateY(-100%)
}
cm-datetime-calendar .grain-picker, cm-datetime-menu .grain-picker, cm-time-popup .grain-picker, cm-datetime-popup .grain-picker {
  color: var(--input-color)
}
cm-datetime-calendar .grain-picker:only-child, cm-datetime-menu .grain-picker:only-child, cm-time-popup .grain-picker:only-child, cm-datetime-popup .grain-picker:only-child {
  top: 0%;
  margin: 0 !important
}
cm-datetime-calendar .grain-picker:only-child .col-picker .values, cm-datetime-menu .grain-picker:only-child .col-picker .values, cm-time-popup .grain-picker:only-child .col-picker .values, cm-datetime-popup .grain-picker:only-child .col-picker .values {
  margin: 16px 0
}
cm-datetime-calendar .grain-picker.disabled, cm-datetime-menu .grain-picker.disabled, cm-time-popup .grain-picker.disabled, cm-datetime-popup .grain-picker.disabled {
  color: var(--disabled-color);
  pointer-events: none
}
cm-datetime-calendar .grain-picker > label, cm-datetime-menu .grain-picker > label, cm-time-popup .grain-picker > label, cm-datetime-popup .grain-picker > label {
  position: relative;
  font-weight: 700;
  display: block;
  text-align: center
}
cm-datetime-calendar .grain-picker .row.calendar, cm-datetime-menu .grain-picker .row.calendar, cm-time-popup .grain-picker .row.calendar, cm-datetime-popup .grain-picker .row.calendar {
  height: auto
}
cm-datetime-calendar .grain-picker .row.calendar .col-picker, cm-datetime-menu .grain-picker .row.calendar .col-picker, cm-time-popup .grain-picker .row.calendar .col-picker, cm-datetime-popup .grain-picker .row.calendar .col-picker {
  position: relative;
  display: inline-block;
  padding: 32px 0;
  box-sizing: border-box;
  cursor: default;
  width: 33.3333333333%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
cm-datetime-calendar .grain-picker .row.calendar .col-picker[data-grain=hours]:not(:last-child) .values > div:nth-child(2):after, cm-datetime-calendar .grain-picker .row.calendar .col-picker[data-grain=minutes]:not(:last-child) .values > div:nth-child(2):after, cm-datetime-calendar .grain-picker .row.calendar .col-picker[data-grain=seconds]:not(:last-child) .values > div:nth-child(2):after, cm-datetime-menu .grain-picker .row.calendar .col-picker[data-grain=hours]:not(:last-child) .values > div:nth-child(2):after, cm-datetime-menu .grain-picker .row.calendar .col-picker[data-grain=minutes]:not(:last-child) .values > div:nth-child(2):after, cm-datetime-menu .grain-picker .row.calendar .col-picker[data-grain=seconds]:not(:last-child) .values > div:nth-child(2):after, cm-time-popup .grain-picker .row.calendar .col-picker[data-grain=hours]:not(:last-child) .values > div:nth-child(2):after, cm-time-popup .grain-picker .row.calendar .col-picker[data-grain=minutes]:not(:last-child) .values > div:nth-child(2):after, cm-time-popup .grain-picker .row.calendar .col-picker[data-grain=seconds]:not(:last-child) .values > div:nth-child(2):after, cm-datetime-popup .grain-picker .row.calendar .col-picker[data-grain=hours]:not(:last-child) .values > div:nth-child(2):after, cm-datetime-popup .grain-picker .row.calendar .col-picker[data-grain=minutes]:not(:last-child) .values > div:nth-child(2):after, cm-datetime-popup .grain-picker .row.calendar .col-picker[data-grain=seconds]:not(:last-child) .values > div:nth-child(2):after {
  position: absolute;
  top: 0;
  right: 0%;
  content: ":";
  color: var(--text-color)
}
cm-datetime-calendar .grain-picker .row.calendar .col-picker[data-grain=seconds]:not(:last-child) .values > div:nth-child(2):after, cm-datetime-menu .grain-picker .row.calendar .col-picker[data-grain=seconds]:not(:last-child) .values > div:nth-child(2):after, cm-time-popup .grain-picker .row.calendar .col-picker[data-grain=seconds]:not(:last-child) .values > div:nth-child(2):after, cm-datetime-popup .grain-picker .row.calendar .col-picker[data-grain=seconds]:not(:last-child) .values > div:nth-child(2):after {
  content: "."
}
cm-datetime-calendar .grain-picker .row.calendar .col-picker:hover .values div:nth-child(2), cm-datetime-menu .grain-picker .row.calendar .col-picker:hover .values div:nth-child(2), cm-time-popup .grain-picker .row.calendar .col-picker:hover .values div:nth-child(2), cm-datetime-popup .grain-picker .row.calendar .col-picker:hover .values div:nth-child(2) {
  color: var(--selected-color)
}
cm-datetime-calendar .grain-picker .row.calendar .col-picker:hover .prev:hover, cm-datetime-calendar .grain-picker .row.calendar .col-picker:hover .next:hover, cm-datetime-menu .grain-picker .row.calendar .col-picker:hover .prev:hover, cm-datetime-menu .grain-picker .row.calendar .col-picker:hover .next:hover, cm-time-popup .grain-picker .row.calendar .col-picker:hover .prev:hover, cm-time-popup .grain-picker .row.calendar .col-picker:hover .next:hover, cm-datetime-popup .grain-picker .row.calendar .col-picker:hover .prev:hover, cm-datetime-popup .grain-picker .row.calendar .col-picker:hover .next:hover {
  color: var(--selected-color)
}
cm-datetime-calendar .grain-picker .row.calendar .col-picker .prev, cm-datetime-calendar .grain-picker .row.calendar .col-picker .next, cm-datetime-menu .grain-picker .row.calendar .col-picker .prev, cm-datetime-menu .grain-picker .row.calendar .col-picker .next, cm-time-popup .grain-picker .row.calendar .col-picker .prev, cm-time-popup .grain-picker .row.calendar .col-picker .next, cm-datetime-popup .grain-picker .row.calendar .col-picker .prev, cm-datetime-popup .grain-picker .row.calendar .col-picker .next {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer
}
cm-datetime-calendar .grain-picker .row.calendar .col-picker .prev.next, cm-datetime-calendar .grain-picker .row.calendar .col-picker .next.next, cm-datetime-menu .grain-picker .row.calendar .col-picker .prev.next, cm-datetime-menu .grain-picker .row.calendar .col-picker .next.next, cm-time-popup .grain-picker .row.calendar .col-picker .prev.next, cm-time-popup .grain-picker .row.calendar .col-picker .next.next, cm-datetime-popup .grain-picker .row.calendar .col-picker .prev.next, cm-datetime-popup .grain-picker .row.calendar .col-picker .next.next {
  position: absolute;
  bottom: 0;
  top: auto
}
cm-datetime-calendar .grain-picker .row.calendar .col-picker .prev.disabled, cm-datetime-calendar .grain-picker .row.calendar .col-picker .next.disabled, cm-datetime-menu .grain-picker .row.calendar .col-picker .prev.disabled, cm-datetime-menu .grain-picker .row.calendar .col-picker .next.disabled, cm-time-popup .grain-picker .row.calendar .col-picker .prev.disabled, cm-time-popup .grain-picker .row.calendar .col-picker .next.disabled, cm-datetime-popup .grain-picker .row.calendar .col-picker .prev.disabled, cm-datetime-popup .grain-picker .row.calendar .col-picker .next.disabled {
  cursor: default;
  pointer-events: none
}
cm-datetime-calendar .grain-picker .row.calendar .col-picker .prev:not(.disabled):hover, cm-datetime-calendar .grain-picker .row.calendar .col-picker .next:not(.disabled):hover, cm-datetime-menu .grain-picker .row.calendar .col-picker .prev:not(.disabled):hover, cm-datetime-menu .grain-picker .row.calendar .col-picker .next:not(.disabled):hover, cm-time-popup .grain-picker .row.calendar .col-picker .prev:not(.disabled):hover, cm-time-popup .grain-picker .row.calendar .col-picker .next:not(.disabled):hover, cm-datetime-popup .grain-picker .row.calendar .col-picker .prev:not(.disabled):hover, cm-datetime-popup .grain-picker .row.calendar .col-picker .next:not(.disabled):hover {
  color: var(--selected-color)
}
cm-datetime-calendar .grain-picker .row.calendar .col-picker .values, cm-datetime-menu .grain-picker .row.calendar .col-picker .values, cm-time-popup .grain-picker .row.calendar .col-picker .values, cm-datetime-popup .grain-picker .row.calendar .col-picker .values {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px
}
cm-datetime-calendar .grain-picker .row.calendar .col-picker .values > div, cm-datetime-menu .grain-picker .row.calendar .col-picker .values > div, cm-time-popup .grain-picker .row.calendar .col-picker .values > div, cm-datetime-popup .grain-picker .row.calendar .col-picker .values > div {
  width: 100%;
  overflow: visible;
  position: relative;
  display: block
}
cm-datetime-calendar .grain-picker .row.calendar .col-picker .values > div:not(:nth-child(2)), cm-datetime-menu .grain-picker .row.calendar .col-picker .values > div:not(:nth-child(2)), cm-time-popup .grain-picker .row.calendar .col-picker .values > div:not(:nth-child(2)), cm-datetime-popup .grain-picker .row.calendar .col-picker .values > div:not(:nth-child(2)) {
  color: var(--label-disabled-color);
  transform: scale(.8)
}
cm-datetime-calendar .grain-picker .row.calendar .col-picker .values > div:nth-child(2), cm-datetime-menu .grain-picker .row.calendar .col-picker .values > div:nth-child(2), cm-time-popup .grain-picker .row.calendar .col-picker .values > div:nth-child(2), cm-datetime-popup .grain-picker .row.calendar .col-picker .values > div:nth-child(2) {
  height: 20px
}
cm-datetime-calendar .row.calendar, cm-datetime-menu .row.calendar, cm-time-popup .row.calendar, cm-datetime-popup .row.calendar {
  position: relative
}
cm-datetime-calendar .row.calendar .dateselection, cm-datetime-menu .row.calendar .dateselection, cm-time-popup .row.calendar .dateselection, cm-datetime-popup .row.calendar .dateselection {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: -1
}
cm-datetime-calendar .row.calendar .dateselection:not([data-selection=""]), cm-datetime-menu .row.calendar .dateselection:not([data-selection=""]), cm-time-popup .row.calendar .dateselection:not([data-selection=""]), cm-datetime-popup .row.calendar .dateselection:not([data-selection=""]) {
  background: var(--selected-gradient)
}
cm-datetime-calendar .row.calendar .dateselection:not([data-selection=""])[data-selection*=F], cm-datetime-menu .row.calendar .dateselection:not([data-selection=""])[data-selection*=F], cm-time-popup .row.calendar .dateselection:not([data-selection=""])[data-selection*=F], cm-datetime-popup .row.calendar .dateselection:not([data-selection=""])[data-selection*=F] {
  border-bottom-left-radius: 50px !important;
  border-top-left-radius: 50px !important
}
cm-datetime-calendar .row.calendar .dateselection:not([data-selection=""])[data-selection*=L], cm-datetime-menu .row.calendar .dateselection:not([data-selection=""])[data-selection*=L], cm-time-popup .row.calendar .dateselection:not([data-selection=""])[data-selection*=L], cm-datetime-popup .row.calendar .dateselection:not([data-selection=""])[data-selection*=L] {
  border-bottom-right-radius: 50px !important;
  border-top-right-radius: 50px !important
}
cm-datetime-calendar .row.calendar .dateselection:not([data-selection=""])[data-selection^=N], cm-datetime-menu .row.calendar .dateselection:not([data-selection=""])[data-selection^=N], cm-time-popup .row.calendar .dateselection:not([data-selection=""])[data-selection^=N], cm-datetime-popup .row.calendar .dateselection:not([data-selection=""])[data-selection^=N] {
  left: 14.2857142857%
}
cm-datetime-calendar .row.calendar .dateselection:not([data-selection=""])[data-selection^=N][data-selection^=NN], cm-datetime-menu .row.calendar .dateselection:not([data-selection=""])[data-selection^=N][data-selection^=NN], cm-time-popup .row.calendar .dateselection:not([data-selection=""])[data-selection^=N][data-selection^=NN], cm-datetime-popup .row.calendar .dateselection:not([data-selection=""])[data-selection^=N][data-selection^=NN] {
  left: 28.5714285714%
}
cm-datetime-calendar .row.calendar .dateselection:not([data-selection=""])[data-selection^=N][data-selection^=NN][data-selection^=NNN], cm-datetime-menu .row.calendar .dateselection:not([data-selection=""])[data-selection^=N][data-selection^=NN][data-selection^=NNN], cm-time-popup .row.calendar .dateselection:not([data-selection=""])[data-selection^=N][data-selection^=NN][data-selection^=NNN], cm-datetime-popup .row.calendar .dateselection:not([data-selection=""])[data-selection^=N][data-selection^=NN][data-selection^=NNN] {
  left: 42.8571428571%
}
cm-datetime-calendar .row.calendar .dateselection:not([data-selection=""])[data-selection^=N][data-selection^=NN][data-selection^=NNN][data-selection^=NNNN], cm-datetime-menu .row.calendar .dateselection:not([data-selection=""])[data-selection^=N][data-selection^=NN][data-selection^=NNN][data-selection^=NNNN], cm-time-popup .row.calendar .dateselection:not([data-selection=""])[data-selection^=N][data-selection^=NN][data-selection^=NNN][data-selection^=NNNN], cm-datetime-popup .row.calendar .dateselection:not([data-selection=""])[data-selection^=N][data-selection^=NN][data-selection^=NNN][data-selection^=NNNN] {
  left: 57.1428571429%
}
cm-datetime-calendar .row.calendar .dateselection:not([data-selection=""])[data-selection^=N][data-selection^=NN][data-selection^=NNN][data-selection^=NNNN][data-selection^=NNNNN], cm-datetime-menu .row.calendar .dateselection:not([data-selection=""])[data-selection^=N][data-selection^=NN][data-selection^=NNN][data-selection^=NNNN][data-selection^=NNNNN], cm-time-popup .row.calendar .dateselection:not([data-selection=""])[data-selection^=N][data-selection^=NN][data-selection^=NNN][data-selection^=NNNN][data-selection^=NNNNN], cm-datetime-popup .row.calendar .dateselection:not([data-selection=""])[data-selection^=N][data-selection^=NN][data-selection^=NNN][data-selection^=NNNN][data-selection^=NNNNN] {
  left: 71.4285714286%
}
cm-datetime-calendar .row.calendar .dateselection:not([data-selection=""])[data-selection^=N][data-selection^=NN][data-selection^=NNN][data-selection^=NNNN][data-selection^=NNNNN][data-selection^=NNNNNN], cm-datetime-menu .row.calendar .dateselection:not([data-selection=""])[data-selection^=N][data-selection^=NN][data-selection^=NNN][data-selection^=NNNN][data-selection^=NNNNN][data-selection^=NNNNNN], cm-time-popup .row.calendar .dateselection:not([data-selection=""])[data-selection^=N][data-selection^=NN][data-selection^=NNN][data-selection^=NNNN][data-selection^=NNNNN][data-selection^=NNNNNN], cm-datetime-popup .row.calendar .dateselection:not([data-selection=""])[data-selection^=N][data-selection^=NN][data-selection^=NNN][data-selection^=NNNN][data-selection^=NNNNN][data-selection^=NNNNNN] {
  left: 85.7142857143%
}
cm-datetime-calendar .row.calendar .dateselection:not([data-selection=""])[data-selection$=N], cm-datetime-menu .row.calendar .dateselection:not([data-selection=""])[data-selection$=N], cm-time-popup .row.calendar .dateselection:not([data-selection=""])[data-selection$=N], cm-datetime-popup .row.calendar .dateselection:not([data-selection=""])[data-selection$=N] {
  right: 14.2857142857%
}
cm-datetime-calendar .row.calendar .dateselection:not([data-selection=""])[data-selection$=N][data-selection$=NN], cm-datetime-menu .row.calendar .dateselection:not([data-selection=""])[data-selection$=N][data-selection$=NN], cm-time-popup .row.calendar .dateselection:not([data-selection=""])[data-selection$=N][data-selection$=NN], cm-datetime-popup .row.calendar .dateselection:not([data-selection=""])[data-selection$=N][data-selection$=NN] {
  right: 28.5714285714%
}
cm-datetime-calendar .row.calendar .dateselection:not([data-selection=""])[data-selection$=N][data-selection$=NN][data-selection$=NNN], cm-datetime-menu .row.calendar .dateselection:not([data-selection=""])[data-selection$=N][data-selection$=NN][data-selection$=NNN], cm-time-popup .row.calendar .dateselection:not([data-selection=""])[data-selection$=N][data-selection$=NN][data-selection$=NNN], cm-datetime-popup .row.calendar .dateselection:not([data-selection=""])[data-selection$=N][data-selection$=NN][data-selection$=NNN] {
  right: 42.8571428571%
}
cm-datetime-calendar .row.calendar .dateselection:not([data-selection=""])[data-selection$=N][data-selection$=NN][data-selection$=NNN][data-selection$=NNNN], cm-datetime-menu .row.calendar .dateselection:not([data-selection=""])[data-selection$=N][data-selection$=NN][data-selection$=NNN][data-selection$=NNNN], cm-time-popup .row.calendar .dateselection:not([data-selection=""])[data-selection$=N][data-selection$=NN][data-selection$=NNN][data-selection$=NNNN], cm-datetime-popup .row.calendar .dateselection:not([data-selection=""])[data-selection$=N][data-selection$=NN][data-selection$=NNN][data-selection$=NNNN] {
  right: 57.1428571429%
}
cm-datetime-calendar .row.calendar .dateselection:not([data-selection=""])[data-selection$=N][data-selection$=NN][data-selection$=NNN][data-selection$=NNNN][data-selection$=NNNNN], cm-datetime-menu .row.calendar .dateselection:not([data-selection=""])[data-selection$=N][data-selection$=NN][data-selection$=NNN][data-selection$=NNNN][data-selection$=NNNNN], cm-time-popup .row.calendar .dateselection:not([data-selection=""])[data-selection$=N][data-selection$=NN][data-selection$=NNN][data-selection$=NNNN][data-selection$=NNNNN], cm-datetime-popup .row.calendar .dateselection:not([data-selection=""])[data-selection$=N][data-selection$=NN][data-selection$=NNN][data-selection$=NNNN][data-selection$=NNNNN] {
  right: 71.4285714286%
}
cm-datetime-calendar .row.calendar .dateselection:not([data-selection=""])[data-selection$=N][data-selection$=NN][data-selection$=NNN][data-selection$=NNNN][data-selection$=NNNNN][data-selection$=NNNNNN], cm-datetime-menu .row.calendar .dateselection:not([data-selection=""])[data-selection$=N][data-selection$=NN][data-selection$=NNN][data-selection$=NNNN][data-selection$=NNNNN][data-selection$=NNNNNN], cm-time-popup .row.calendar .dateselection:not([data-selection=""])[data-selection$=N][data-selection$=NN][data-selection$=NNN][data-selection$=NNNN][data-selection$=NNNNN][data-selection$=NNNNNN], cm-datetime-popup .row.calendar .dateselection:not([data-selection=""])[data-selection$=N][data-selection$=NN][data-selection$=NNN][data-selection$=NNNN][data-selection$=NNNNN][data-selection$=NNNNNN] {
  right: 85.7142857143%
}
cm-datetime-calendar .calendar.title, cm-datetime-menu .calendar.title, cm-time-popup .calendar.title, cm-datetime-popup .calendar.title {
  position: relative;
  display: block;
  overflow: hidden
}
cm-datetime-calendar .calendar.title .calendarIcon, cm-datetime-menu .calendar.title .calendarIcon, cm-time-popup .calendar.title .calendarIcon, cm-datetime-popup .calendar.title .calendarIcon {
  position: absolute;
  top: 50%;
  z-index: 3;
  transform: translateY(-50%)
}
cm-datetime-calendar .calendar.title .calendarIcon.left, cm-datetime-menu .calendar.title .calendarIcon.left, cm-time-popup .calendar.title .calendarIcon.left, cm-datetime-popup .calendar.title .calendarIcon.left {
  left: 0
}
cm-datetime-calendar .calendar.title .calendarIcon.right, cm-datetime-menu .calendar.title .calendarIcon.right, cm-time-popup .calendar.title .calendarIcon.right, cm-datetime-popup .calendar.title .calendarIcon.right {
  right: 0
}
cm-datetime-calendar .pointer, cm-datetime-menu .pointer, cm-time-popup .pointer, cm-datetime-popup .pointer {
  cursor: pointer
}
cm-datetime-calendar .row.calendar, cm-datetime-menu .row.calendar, cm-time-popup .row.calendar, cm-datetime-popup .row.calendar {
  margin-bottom: 8px;
  height: 32px
}
cm-datetime-calendar .daycell .datevalue span, cm-datetime-calendar .daycell .datevalue, cm-datetime-calendar .daycell.row, cm-datetime-calendar .arrows, cm-datetime-calendar .spacingbox, cm-datetime-menu .daycell .datevalue span, cm-datetime-menu .daycell .datevalue, cm-datetime-menu .daycell.row, cm-datetime-menu .arrows, cm-datetime-menu .spacingbox, cm-time-popup .daycell .datevalue span, cm-time-popup .daycell .datevalue, cm-time-popup .daycell.row, cm-time-popup .arrows, cm-time-popup .spacingbox, cm-datetime-popup .daycell .datevalue span, cm-datetime-popup .daycell .datevalue, cm-datetime-popup .daycell.row, cm-datetime-popup .arrows, cm-datetime-popup .spacingbox {
  width: 32px;
  height: 32px
}
cm-datetime-calendar .daycell.row, cm-datetime-menu .daycell.row, cm-time-popup .daycell.row, cm-datetime-popup .daycell.row {
  width: 40px
}
cm-datetime-calendar .daycell.row.monthcell, cm-datetime-menu .daycell.row.monthcell, cm-time-popup .daycell.row.monthcell, cm-datetime-popup .daycell.row.monthcell {
  width: 88px
}
cm-datetime-calendar .daycell.row.monthcell .datevalue span, cm-datetime-menu .daycell.row.monthcell .datevalue span, cm-time-popup .daycell.row.monthcell .datevalue span, cm-datetime-popup .daycell.row.monthcell .datevalue span {
  width: 88px;
  display: inline-block
}
cm-datetime-calendar .paddingCalendar, cm-datetime-menu .paddingCalendar, cm-time-popup .paddingCalendar, cm-datetime-popup .paddingCalendar {
  position: relative;
  padding: 32px
}
cm-datetime-calendar .weekdaytitle, cm-datetime-calendar .arrows.left, cm-datetime-calendar .spacingbox, cm-datetime-menu .weekdaytitle, cm-datetime-menu .arrows.left, cm-datetime-menu .spacingbox, cm-time-popup .weekdaytitle, cm-time-popup .arrows.left, cm-time-popup .spacingbox, cm-datetime-popup .weekdaytitle, cm-datetime-popup .arrows.left, cm-datetime-popup .spacingbox {
  margin-right: 8px
}
cm-datetime-calendar .cm-icon.calendarIcon, cm-datetime-menu .cm-icon.calendarIcon, cm-time-popup .cm-icon.calendarIcon, cm-datetime-popup .cm-icon.calendarIcon {
  font-size: 24px
}
cm-datetime-calendar .prevmonth, cm-datetime-calendar .nextmonth, cm-datetime-calendar .disabledDay, cm-datetime-menu .prevmonth, cm-datetime-menu .nextmonth, cm-datetime-menu .disabledDay, cm-time-popup .prevmonth, cm-time-popup .nextmonth, cm-time-popup .disabledDay, cm-datetime-popup .prevmonth, cm-datetime-popup .nextmonth, cm-datetime-popup .disabledDay {
  color: var(--label-disabled-color)
}
cm-datetime-calendar .calendarPosition, cm-datetime-menu .calendarPosition, cm-time-popup .calendarPosition, cm-datetime-popup .calendarPosition {
  z-index: 1000;
  background: var(--background);
  pointer-events: all;
  border: var(--default-border);
  border-radius: 16px
}
cm-datetime-calendar .input-validation label, cm-datetime-menu .input-validation label, cm-time-popup .input-validation label, cm-datetime-popup .input-validation label {
  font-size: 14px;
  padding: 0 16px;
  margin: 0;
  transition: all .3s ease;
  font-weight: 500;
  line-height: 24px
}
cm-datetime-calendar .input-validation label:not([class*=cl-]), cm-datetime-menu .input-validation label:not([class*=cl-]), cm-time-popup .input-validation label:not([class*=cl-]), cm-datetime-popup .input-validation label:not([class*=cl-]) {
  color: var(--label-color)
}
cm-datetime-calendar .timepopup .calendar.title b, cm-datetime-menu .timepopup .calendar.title b, cm-time-popup .timepopup .calendar.title b, cm-datetime-popup .timepopup .calendar.title b {
  font-size: 32px
}
cm-datetime-calendar .timepopup, cm-datetime-menu .timepopup, cm-time-popup .timepopup, cm-datetime-popup .timepopup {
  text-align: center
}
cm-datetime-calendar .clock, cm-datetime-menu .clock, cm-time-popup .clock, cm-datetime-popup .clock {
  position: relative;
  margin: 0 auto;
  width: 224px;
  height: 0;
  padding-bottom: 224px
}
cm-datetime-calendar .clock .timeparts, cm-datetime-menu .clock .timeparts, cm-time-popup .clock .timeparts, cm-datetime-popup .clock .timeparts {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #3c4859
}
cm-datetime-calendar .clock .timeparts > .timeparts, cm-datetime-menu .clock .timeparts > .timeparts, cm-time-popup .clock .timeparts > .timeparts, cm-datetime-popup .clock .timeparts > .timeparts {
  position: absolute;
  top: 28px;
  width: calc(100% - 56px);
  height: calc(100% - 56px);
  left: 28px
}
cm-datetime-calendar .clock .timeparts > .timepart, cm-datetime-menu .clock .timeparts > .timepart, cm-time-popup .clock .timeparts > .timepart, cm-datetime-popup .clock .timeparts > .timepart {
  position: absolute;
  height: 24px;
  width: 50%;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  top: 50%;
  left: 50%;
  transform-origin: 0 0
}
cm-datetime-calendar .clock .timeparts > .timepart:before, cm-datetime-menu .clock .timeparts > .timepart:before, cm-time-popup .clock .timeparts > .timepart:before, cm-datetime-popup .clock .timeparts > .timepart:before {
  position: absolute;
  right: 0;
  top: -12px;
  width: 24px;
  height: 24px
}
cm-datetime-calendar .clock .timeparts > .timepart.hour:before, cm-datetime-menu .clock .timeparts > .timepart.hour:before, cm-time-popup .clock .timeparts > .timepart.hour:before, cm-datetime-popup .clock .timeparts > .timepart.hour:before {
  content: attr(data-hour)
}
cm-datetime-calendar .clock .timeparts > .timepart.minute:before, cm-datetime-menu .clock .timeparts > .timepart.minute:before, cm-time-popup .clock .timeparts > .timepart.minute:before, cm-datetime-popup .clock .timeparts > .timepart.minute:before {
  content: attr(data-minute)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(1), cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(1), cm-time-popup .clock .timeparts > .timepart:nth-of-type(1), cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(1) {
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(1):before, cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(1):before, cm-time-popup .clock .timeparts > .timepart:nth-of-type(1):before, cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(1):before {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(2), cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(2), cm-time-popup .clock .timeparts > .timepart:nth-of-type(2), cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(2) {
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(2):before, cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(2):before, cm-time-popup .clock .timeparts > .timepart:nth-of-type(2):before, cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(2):before {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(3), cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(3), cm-time-popup .clock .timeparts > .timepart:nth-of-type(3), cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(3) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(3):before, cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(3):before, cm-time-popup .clock .timeparts > .timepart:nth-of-type(3):before, cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(3):before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(4), cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(4), cm-time-popup .clock .timeparts > .timepart:nth-of-type(4), cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(4) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(4):before, cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(4):before, cm-time-popup .clock .timeparts > .timepart:nth-of-type(4):before, cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(4):before {
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(5), cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(5), cm-time-popup .clock .timeparts > .timepart:nth-of-type(5), cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(5) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(5):before, cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(5):before, cm-time-popup .clock .timeparts > .timepart:nth-of-type(5):before, cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(5):before {
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(6), cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(6), cm-time-popup .clock .timeparts > .timepart:nth-of-type(6), cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(6) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(6):before, cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(6):before, cm-time-popup .clock .timeparts > .timepart:nth-of-type(6):before, cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(6):before {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(7), cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(7), cm-time-popup .clock .timeparts > .timepart:nth-of-type(7), cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(7) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(7):before, cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(7):before, cm-time-popup .clock .timeparts > .timepart:nth-of-type(7):before, cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(7):before {
  -webkit-transform: rotate(-120deg);
  transform: rotate(-120deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(8), cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(8), cm-time-popup .clock .timeparts > .timepart:nth-of-type(8), cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(8) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(8):before, cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(8):before, cm-time-popup .clock .timeparts > .timepart:nth-of-type(8):before, cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(8):before {
  -webkit-transform: rotate(-150deg);
  transform: rotate(-150deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(9), cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(9), cm-time-popup .clock .timeparts > .timepart:nth-of-type(9), cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(9) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(9):before, cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(9):before, cm-time-popup .clock .timeparts > .timepart:nth-of-type(9):before, cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(9):before {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(10), cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(10), cm-time-popup .clock .timeparts > .timepart:nth-of-type(10), cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(10) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(10):before, cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(10):before, cm-time-popup .clock .timeparts > .timepart:nth-of-type(10):before, cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(10):before {
  -webkit-transform: rotate(-210deg);
  transform: rotate(-210deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(11), cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(11), cm-time-popup .clock .timeparts > .timepart:nth-of-type(11), cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(11) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(11):before, cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(11):before, cm-time-popup .clock .timeparts > .timepart:nth-of-type(11):before, cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(11):before {
  -webkit-transform: rotate(-240deg);
  transform: rotate(-240deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(12), cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(12), cm-time-popup .clock .timeparts > .timepart:nth-of-type(12), cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(12) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}
cm-datetime-calendar .clock .timeparts > .timepart:nth-of-type(12):before, cm-datetime-menu .clock .timeparts > .timepart:nth-of-type(12):before, cm-time-popup .clock .timeparts > .timepart:nth-of-type(12):before, cm-datetime-popup .clock .timeparts > .timepart:nth-of-type(12):before {
  -webkit-transform: rotate(-270deg);
  transform: rotate(-270deg)
}
cm-datetime-calendar .clock .handle, cm-datetime-menu .clock .handle, cm-time-popup .clock .handle, cm-datetime-popup .clock .handle {
  position: absolute;
  z-index: 0;
  left: 50%;
  top: calc(50% - 1px);
  width: 32%;
  height: 2px;
  background-color: #1657ea;
  transform-origin: 0 1px
}
cm-datetime-calendar .clock .handle:before, cm-datetime-menu .clock .handle:before, cm-time-popup .clock .handle:before, cm-datetime-popup .clock .handle:before {
  position: absolute;
  top: -3px;
  left: -4px;
  width: 8px;
  height: 8px;
  background: linear-gradient(296.57deg, #4a2feb 0%, #1657ea 100%);
  border-radius: 100%;
  content: ""
}
cm-datetime-calendar .clock .handle:after, cm-datetime-menu .clock .handle:after, cm-time-popup .clock .handle:after, cm-datetime-popup .clock .handle:after {
  position: absolute;
  top: -15px;
  right: -16px;
  width: 32px;
  height: 32px;
  background: linear-gradient(296.57deg, #4a2feb 0%, #1657ea 100%);
  border-radius: 100%;
  content: ""
}
cm-datetime-calendar .clock .handle[data-minute]:not([data-minute$="0"]):not([data-minute$="5"]), cm-datetime-menu .clock .handle[data-minute]:not([data-minute$="0"]):not([data-minute$="5"]), cm-time-popup .clock .handle[data-minute]:not([data-minute$="0"]):not([data-minute$="5"]), cm-datetime-popup .clock .handle[data-minute]:not([data-minute$="0"]):not([data-minute$="5"]) {
  width: calc(50% - 28px)
}
cm-datetime-calendar .clock .handle[data-minute]:not([data-minute$="0"]):not([data-minute$="5"]):after, cm-datetime-menu .clock .handle[data-minute]:not([data-minute$="0"]):not([data-minute$="5"]):after, cm-time-popup .clock .handle[data-minute]:not([data-minute$="0"]):not([data-minute$="5"]):after, cm-datetime-popup .clock .handle[data-minute]:not([data-minute$="0"]):not([data-minute$="5"]):after {
  width: 16px;
  height: 16px;
  top: -7px;
  right: -8px
}
cm-datetime-calendar .clock .handle[data-hour="00"], cm-datetime-calendar .clock .handle[data-hour="13"], cm-datetime-calendar .clock .handle[data-hour="14"], cm-datetime-calendar .clock .handle[data-hour="15"], cm-datetime-calendar .clock .handle[data-hour="16"], cm-datetime-calendar .clock .handle[data-hour="17"], cm-datetime-calendar .clock .handle[data-hour="18"], cm-datetime-calendar .clock .handle[data-hour="19"], cm-datetime-calendar .clock .handle[data-hour^="2"], cm-datetime-calendar .clock .handle[data-minute], cm-datetime-menu .clock .handle[data-hour="00"], cm-datetime-menu .clock .handle[data-hour="13"], cm-datetime-menu .clock .handle[data-hour="14"], cm-datetime-menu .clock .handle[data-hour="15"], cm-datetime-menu .clock .handle[data-hour="16"], cm-datetime-menu .clock .handle[data-hour="17"], cm-datetime-menu .clock .handle[data-hour="18"], cm-datetime-menu .clock .handle[data-hour="19"], cm-datetime-menu .clock .handle[data-hour^="2"], cm-datetime-menu .clock .handle[data-minute], cm-time-popup .clock .handle[data-hour="00"], cm-time-popup .clock .handle[data-hour="13"], cm-time-popup .clock .handle[data-hour="14"], cm-time-popup .clock .handle[data-hour="15"], cm-time-popup .clock .handle[data-hour="16"], cm-time-popup .clock .handle[data-hour="17"], cm-time-popup .clock .handle[data-hour="18"], cm-time-popup .clock .handle[data-hour="19"], cm-time-popup .clock .handle[data-hour^="2"], cm-time-popup .clock .handle[data-minute], cm-datetime-popup .clock .handle[data-hour="00"], cm-datetime-popup .clock .handle[data-hour="13"], cm-datetime-popup .clock .handle[data-hour="14"], cm-datetime-popup .clock .handle[data-hour="15"], cm-datetime-popup .clock .handle[data-hour="16"], cm-datetime-popup .clock .handle[data-hour="17"], cm-datetime-popup .clock .handle[data-hour="18"], cm-datetime-popup .clock .handle[data-hour="19"], cm-datetime-popup .clock .handle[data-hour^="2"], cm-datetime-popup .clock .handle[data-minute] {
  width: calc(50% - 12px)
}
cm-datetime-calendar .clock .handle[data-hour="13"], cm-datetime-calendar .clock .handle[data-hour="01"], cm-datetime-calendar .clock .handle[data-minute="05"], cm-datetime-menu .clock .handle[data-hour="13"], cm-datetime-menu .clock .handle[data-hour="01"], cm-datetime-menu .clock .handle[data-minute="05"], cm-time-popup .clock .handle[data-hour="13"], cm-time-popup .clock .handle[data-hour="01"], cm-time-popup .clock .handle[data-minute="05"], cm-datetime-popup .clock .handle[data-hour="13"], cm-datetime-popup .clock .handle[data-hour="01"], cm-datetime-popup .clock .handle[data-minute="05"] {
  transform: rotate(-60deg)
}
cm-datetime-calendar .clock .handle[data-hour="14"], cm-datetime-calendar .clock .handle[data-hour="02"], cm-datetime-calendar .clock .handle[data-minute="10"], cm-datetime-menu .clock .handle[data-hour="14"], cm-datetime-menu .clock .handle[data-hour="02"], cm-datetime-menu .clock .handle[data-minute="10"], cm-time-popup .clock .handle[data-hour="14"], cm-time-popup .clock .handle[data-hour="02"], cm-time-popup .clock .handle[data-minute="10"], cm-datetime-popup .clock .handle[data-hour="14"], cm-datetime-popup .clock .handle[data-hour="02"], cm-datetime-popup .clock .handle[data-minute="10"] {
  transform: rotate(-30deg)
}
cm-datetime-calendar .clock .handle[data-hour="16"], cm-datetime-calendar .clock .handle[data-hour="04"], cm-datetime-calendar .clock .handle[data-minute="20"], cm-datetime-menu .clock .handle[data-hour="16"], cm-datetime-menu .clock .handle[data-hour="04"], cm-datetime-menu .clock .handle[data-minute="20"], cm-time-popup .clock .handle[data-hour="16"], cm-time-popup .clock .handle[data-hour="04"], cm-time-popup .clock .handle[data-minute="20"], cm-datetime-popup .clock .handle[data-hour="16"], cm-datetime-popup .clock .handle[data-hour="04"], cm-datetime-popup .clock .handle[data-minute="20"] {
  transform: rotate(30deg)
}
cm-datetime-calendar .clock .handle[data-hour="17"], cm-datetime-calendar .clock .handle[data-hour="05"], cm-datetime-calendar .clock .handle[data-minute="25"], cm-datetime-menu .clock .handle[data-hour="17"], cm-datetime-menu .clock .handle[data-hour="05"], cm-datetime-menu .clock .handle[data-minute="25"], cm-time-popup .clock .handle[data-hour="17"], cm-time-popup .clock .handle[data-hour="05"], cm-time-popup .clock .handle[data-minute="25"], cm-datetime-popup .clock .handle[data-hour="17"], cm-datetime-popup .clock .handle[data-hour="05"], cm-datetime-popup .clock .handle[data-minute="25"] {
  transform: rotate(60deg)
}
cm-datetime-calendar .clock .handle[data-hour="18"], cm-datetime-calendar .clock .handle[data-hour="06"], cm-datetime-calendar .clock .handle[data-minute="30"], cm-datetime-menu .clock .handle[data-hour="18"], cm-datetime-menu .clock .handle[data-hour="06"], cm-datetime-menu .clock .handle[data-minute="30"], cm-time-popup .clock .handle[data-hour="18"], cm-time-popup .clock .handle[data-hour="06"], cm-time-popup .clock .handle[data-minute="30"], cm-datetime-popup .clock .handle[data-hour="18"], cm-datetime-popup .clock .handle[data-hour="06"], cm-datetime-popup .clock .handle[data-minute="30"] {
  transform: rotate(90deg)
}
cm-datetime-calendar .clock .handle[data-hour="19"], cm-datetime-calendar .clock .handle[data-hour="07"], cm-datetime-calendar .clock .handle[data-minute="35"], cm-datetime-menu .clock .handle[data-hour="19"], cm-datetime-menu .clock .handle[data-hour="07"], cm-datetime-menu .clock .handle[data-minute="35"], cm-time-popup .clock .handle[data-hour="19"], cm-time-popup .clock .handle[data-hour="07"], cm-time-popup .clock .handle[data-minute="35"], cm-datetime-popup .clock .handle[data-hour="19"], cm-datetime-popup .clock .handle[data-hour="07"], cm-datetime-popup .clock .handle[data-minute="35"] {
  transform: rotate(120deg)
}
cm-datetime-calendar .clock .handle[data-hour="20"], cm-datetime-calendar .clock .handle[data-hour="08"], cm-datetime-calendar .clock .handle[data-minute="40"], cm-datetime-menu .clock .handle[data-hour="20"], cm-datetime-menu .clock .handle[data-hour="08"], cm-datetime-menu .clock .handle[data-minute="40"], cm-time-popup .clock .handle[data-hour="20"], cm-time-popup .clock .handle[data-hour="08"], cm-time-popup .clock .handle[data-minute="40"], cm-datetime-popup .clock .handle[data-hour="20"], cm-datetime-popup .clock .handle[data-hour="08"], cm-datetime-popup .clock .handle[data-minute="40"] {
  transform: rotate(150deg)
}
cm-datetime-calendar .clock .handle[data-hour="21"], cm-datetime-calendar .clock .handle[data-hour="09"], cm-datetime-calendar .clock .handle[data-minute="45"], cm-datetime-menu .clock .handle[data-hour="21"], cm-datetime-menu .clock .handle[data-hour="09"], cm-datetime-menu .clock .handle[data-minute="45"], cm-time-popup .clock .handle[data-hour="21"], cm-time-popup .clock .handle[data-hour="09"], cm-time-popup .clock .handle[data-minute="45"], cm-datetime-popup .clock .handle[data-hour="21"], cm-datetime-popup .clock .handle[data-hour="09"], cm-datetime-popup .clock .handle[data-minute="45"] {
  transform: rotate(180deg)
}
cm-datetime-calendar .clock .handle[data-hour="22"], cm-datetime-calendar .clock .handle[data-hour="10"], cm-datetime-calendar .clock .handle[data-minute="50"], cm-datetime-menu .clock .handle[data-hour="22"], cm-datetime-menu .clock .handle[data-hour="10"], cm-datetime-menu .clock .handle[data-minute="50"], cm-time-popup .clock .handle[data-hour="22"], cm-time-popup .clock .handle[data-hour="10"], cm-time-popup .clock .handle[data-minute="50"], cm-datetime-popup .clock .handle[data-hour="22"], cm-datetime-popup .clock .handle[data-hour="10"], cm-datetime-popup .clock .handle[data-minute="50"] {
  transform: rotate(210deg)
}
cm-datetime-calendar .clock .handle[data-hour="23"], cm-datetime-calendar .clock .handle[data-hour="11"], cm-datetime-calendar .clock .handle[data-minute="55"], cm-datetime-menu .clock .handle[data-hour="23"], cm-datetime-menu .clock .handle[data-hour="11"], cm-datetime-menu .clock .handle[data-minute="55"], cm-time-popup .clock .handle[data-hour="23"], cm-time-popup .clock .handle[data-hour="11"], cm-time-popup .clock .handle[data-minute="55"], cm-datetime-popup .clock .handle[data-hour="23"], cm-datetime-popup .clock .handle[data-hour="11"], cm-datetime-popup .clock .handle[data-minute="55"] {
  transform: rotate(240deg)
}
cm-datetime-calendar .clock .handle[data-hour="00"], cm-datetime-calendar .clock .handle[data-hour="12"], cm-datetime-calendar .clock .handle[data-minute="00"], cm-datetime-menu .clock .handle[data-hour="00"], cm-datetime-menu .clock .handle[data-hour="12"], cm-datetime-menu .clock .handle[data-minute="00"], cm-time-popup .clock .handle[data-hour="00"], cm-time-popup .clock .handle[data-hour="12"], cm-time-popup .clock .handle[data-minute="00"], cm-datetime-popup .clock .handle[data-hour="00"], cm-datetime-popup .clock .handle[data-hour="12"], cm-datetime-popup .clock .handle[data-minute="00"] {
  transform: rotate(270deg)
}
cm-datetime-calendar .clock .handle[data-minute="01"], cm-datetime-menu .clock .handle[data-minute="01"], cm-time-popup .clock .handle[data-minute="01"], cm-datetime-popup .clock .handle[data-minute="01"] {
  transform: rotate(276deg)
}
cm-datetime-calendar .clock .handle[data-minute="02"], cm-datetime-menu .clock .handle[data-minute="02"], cm-time-popup .clock .handle[data-minute="02"], cm-datetime-popup .clock .handle[data-minute="02"] {
  transform: rotate(282deg)
}
cm-datetime-calendar .clock .handle[data-minute="03"], cm-datetime-menu .clock .handle[data-minute="03"], cm-time-popup .clock .handle[data-minute="03"], cm-datetime-popup .clock .handle[data-minute="03"] {
  transform: rotate(288deg)
}
cm-datetime-calendar .clock .handle[data-minute="04"], cm-datetime-menu .clock .handle[data-minute="04"], cm-time-popup .clock .handle[data-minute="04"], cm-datetime-popup .clock .handle[data-minute="04"] {
  transform: rotate(294deg)
}
cm-datetime-calendar .clock .handle[data-minute="06"], cm-datetime-menu .clock .handle[data-minute="06"], cm-time-popup .clock .handle[data-minute="06"], cm-datetime-popup .clock .handle[data-minute="06"] {
  transform: rotate(306deg)
}
cm-datetime-calendar .clock .handle[data-minute="07"], cm-datetime-menu .clock .handle[data-minute="07"], cm-time-popup .clock .handle[data-minute="07"], cm-datetime-popup .clock .handle[data-minute="07"] {
  transform: rotate(312deg)
}
cm-datetime-calendar .clock .handle[data-minute="08"], cm-datetime-menu .clock .handle[data-minute="08"], cm-time-popup .clock .handle[data-minute="08"], cm-datetime-popup .clock .handle[data-minute="08"] {
  transform: rotate(318deg)
}
cm-datetime-calendar .clock .handle[data-minute="09"], cm-datetime-menu .clock .handle[data-minute="09"], cm-time-popup .clock .handle[data-minute="09"], cm-datetime-popup .clock .handle[data-minute="09"] {
  transform: rotate(324deg)
}
cm-datetime-calendar .clock .handle[data-minute="11"], cm-datetime-menu .clock .handle[data-minute="11"], cm-time-popup .clock .handle[data-minute="11"], cm-datetime-popup .clock .handle[data-minute="11"] {
  transform: rotate(336deg)
}
cm-datetime-calendar .clock .handle[data-minute="12"], cm-datetime-menu .clock .handle[data-minute="12"], cm-time-popup .clock .handle[data-minute="12"], cm-datetime-popup .clock .handle[data-minute="12"] {
  transform: rotate(342deg)
}
cm-datetime-calendar .clock .handle[data-minute="13"], cm-datetime-menu .clock .handle[data-minute="13"], cm-time-popup .clock .handle[data-minute="13"], cm-datetime-popup .clock .handle[data-minute="13"] {
  transform: rotate(348deg)
}
cm-datetime-calendar .clock .handle[data-minute="14"], cm-datetime-menu .clock .handle[data-minute="14"], cm-time-popup .clock .handle[data-minute="14"], cm-datetime-popup .clock .handle[data-minute="14"] {
  transform: rotate(354deg)
}
cm-datetime-calendar .clock .handle[data-minute="16"], cm-datetime-menu .clock .handle[data-minute="16"], cm-time-popup .clock .handle[data-minute="16"], cm-datetime-popup .clock .handle[data-minute="16"] {
  transform: rotate(6deg)
}
cm-datetime-calendar .clock .handle[data-minute="17"], cm-datetime-menu .clock .handle[data-minute="17"], cm-time-popup .clock .handle[data-minute="17"], cm-datetime-popup .clock .handle[data-minute="17"] {
  transform: rotate(12deg)
}
cm-datetime-calendar .clock .handle[data-minute="18"], cm-datetime-menu .clock .handle[data-minute="18"], cm-time-popup .clock .handle[data-minute="18"], cm-datetime-popup .clock .handle[data-minute="18"] {
  transform: rotate(18deg)
}
cm-datetime-calendar .clock .handle[data-minute="19"], cm-datetime-menu .clock .handle[data-minute="19"], cm-time-popup .clock .handle[data-minute="19"], cm-datetime-popup .clock .handle[data-minute="19"] {
  transform: rotate(24deg)
}
cm-datetime-calendar .clock .handle[data-minute="21"], cm-datetime-menu .clock .handle[data-minute="21"], cm-time-popup .clock .handle[data-minute="21"], cm-datetime-popup .clock .handle[data-minute="21"] {
  transform: rotate(36deg)
}
cm-datetime-calendar .clock .handle[data-minute="22"], cm-datetime-menu .clock .handle[data-minute="22"], cm-time-popup .clock .handle[data-minute="22"], cm-datetime-popup .clock .handle[data-minute="22"] {
  transform: rotate(42deg)
}
cm-datetime-calendar .clock .handle[data-minute="23"], cm-datetime-menu .clock .handle[data-minute="23"], cm-time-popup .clock .handle[data-minute="23"], cm-datetime-popup .clock .handle[data-minute="23"] {
  transform: rotate(48deg)
}
cm-datetime-calendar .clock .handle[data-minute="24"], cm-datetime-menu .clock .handle[data-minute="24"], cm-time-popup .clock .handle[data-minute="24"], cm-datetime-popup .clock .handle[data-minute="24"] {
  transform: rotate(54deg)
}
cm-datetime-calendar .clock .handle[data-minute="26"], cm-datetime-menu .clock .handle[data-minute="26"], cm-time-popup .clock .handle[data-minute="26"], cm-datetime-popup .clock .handle[data-minute="26"] {
  transform: rotate(66deg)
}
cm-datetime-calendar .clock .handle[data-minute="27"], cm-datetime-menu .clock .handle[data-minute="27"], cm-time-popup .clock .handle[data-minute="27"], cm-datetime-popup .clock .handle[data-minute="27"] {
  transform: rotate(72deg)
}
cm-datetime-calendar .clock .handle[data-minute="28"], cm-datetime-menu .clock .handle[data-minute="28"], cm-time-popup .clock .handle[data-minute="28"], cm-datetime-popup .clock .handle[data-minute="28"] {
  transform: rotate(78deg)
}
cm-datetime-calendar .clock .handle[data-minute="29"], cm-datetime-menu .clock .handle[data-minute="29"], cm-time-popup .clock .handle[data-minute="29"], cm-datetime-popup .clock .handle[data-minute="29"] {
  transform: rotate(84deg)
}
cm-datetime-calendar .clock .handle[data-minute="31"], cm-datetime-menu .clock .handle[data-minute="31"], cm-time-popup .clock .handle[data-minute="31"], cm-datetime-popup .clock .handle[data-minute="31"] {
  transform: rotate(96deg)
}
cm-datetime-calendar .clock .handle[data-minute="32"], cm-datetime-menu .clock .handle[data-minute="32"], cm-time-popup .clock .handle[data-minute="32"], cm-datetime-popup .clock .handle[data-minute="32"] {
  transform: rotate(102deg)
}
cm-datetime-calendar .clock .handle[data-minute="33"], cm-datetime-menu .clock .handle[data-minute="33"], cm-time-popup .clock .handle[data-minute="33"], cm-datetime-popup .clock .handle[data-minute="33"] {
  transform: rotate(108deg)
}
cm-datetime-calendar .clock .handle[data-minute="34"], cm-datetime-menu .clock .handle[data-minute="34"], cm-time-popup .clock .handle[data-minute="34"], cm-datetime-popup .clock .handle[data-minute="34"] {
  transform: rotate(114deg)
}
cm-datetime-calendar .clock .handle[data-minute="36"], cm-datetime-menu .clock .handle[data-minute="36"], cm-time-popup .clock .handle[data-minute="36"], cm-datetime-popup .clock .handle[data-minute="36"] {
  transform: rotate(126deg)
}
cm-datetime-calendar .clock .handle[data-minute="37"], cm-datetime-menu .clock .handle[data-minute="37"], cm-time-popup .clock .handle[data-minute="37"], cm-datetime-popup .clock .handle[data-minute="37"] {
  transform: rotate(132deg)
}
cm-datetime-calendar .clock .handle[data-minute="38"], cm-datetime-menu .clock .handle[data-minute="38"], cm-time-popup .clock .handle[data-minute="38"], cm-datetime-popup .clock .handle[data-minute="38"] {
  transform: rotate(138deg)
}
cm-datetime-calendar .clock .handle[data-minute="39"], cm-datetime-menu .clock .handle[data-minute="39"], cm-time-popup .clock .handle[data-minute="39"], cm-datetime-popup .clock .handle[data-minute="39"] {
  transform: rotate(144deg)
}
cm-datetime-calendar .clock .handle[data-minute="41"], cm-datetime-menu .clock .handle[data-minute="41"], cm-time-popup .clock .handle[data-minute="41"], cm-datetime-popup .clock .handle[data-minute="41"] {
  transform: rotate(156deg)
}
cm-datetime-calendar .clock .handle[data-minute="42"], cm-datetime-menu .clock .handle[data-minute="42"], cm-time-popup .clock .handle[data-minute="42"], cm-datetime-popup .clock .handle[data-minute="42"] {
  transform: rotate(162deg)
}
cm-datetime-calendar .clock .handle[data-minute="43"], cm-datetime-menu .clock .handle[data-minute="43"], cm-time-popup .clock .handle[data-minute="43"], cm-datetime-popup .clock .handle[data-minute="43"] {
  transform: rotate(168deg)
}
cm-datetime-calendar .clock .handle[data-minute="44"], cm-datetime-menu .clock .handle[data-minute="44"], cm-time-popup .clock .handle[data-minute="44"], cm-datetime-popup .clock .handle[data-minute="44"] {
  transform: rotate(174deg)
}
cm-datetime-calendar .clock .handle[data-minute="46"], cm-datetime-menu .clock .handle[data-minute="46"], cm-time-popup .clock .handle[data-minute="46"], cm-datetime-popup .clock .handle[data-minute="46"] {
  transform: rotate(186deg)
}
cm-datetime-calendar .clock .handle[data-minute="47"], cm-datetime-menu .clock .handle[data-minute="47"], cm-time-popup .clock .handle[data-minute="47"], cm-datetime-popup .clock .handle[data-minute="47"] {
  transform: rotate(192deg)
}
cm-datetime-calendar .clock .handle[data-minute="48"], cm-datetime-menu .clock .handle[data-minute="48"], cm-time-popup .clock .handle[data-minute="48"], cm-datetime-popup .clock .handle[data-minute="48"] {
  transform: rotate(198deg)
}
cm-datetime-calendar .clock .handle[data-minute="49"], cm-datetime-menu .clock .handle[data-minute="49"], cm-time-popup .clock .handle[data-minute="49"], cm-datetime-popup .clock .handle[data-minute="49"] {
  transform: rotate(204deg)
}
cm-datetime-calendar .clock .handle[data-minute="51"], cm-datetime-menu .clock .handle[data-minute="51"], cm-time-popup .clock .handle[data-minute="51"], cm-datetime-popup .clock .handle[data-minute="51"] {
  transform: rotate(216deg)
}
cm-datetime-calendar .clock .handle[data-minute="52"], cm-datetime-menu .clock .handle[data-minute="52"], cm-time-popup .clock .handle[data-minute="52"], cm-datetime-popup .clock .handle[data-minute="52"] {
  transform: rotate(222deg)
}
cm-datetime-calendar .clock .handle[data-minute="53"], cm-datetime-menu .clock .handle[data-minute="53"], cm-time-popup .clock .handle[data-minute="53"], cm-datetime-popup .clock .handle[data-minute="53"] {
  transform: rotate(228deg)
}
cm-datetime-calendar .clock .handle[data-minute="54"], cm-datetime-menu .clock .handle[data-minute="54"], cm-time-popup .clock .handle[data-minute="54"], cm-datetime-popup .clock .handle[data-minute="54"] {
  transform: rotate(234deg)
}
cm-datetime-calendar .clock .handle[data-minute="56"], cm-datetime-menu .clock .handle[data-minute="56"], cm-time-popup .clock .handle[data-minute="56"], cm-datetime-popup .clock .handle[data-minute="56"] {
  transform: rotate(246deg)
}
cm-datetime-calendar .clock .handle[data-minute="57"], cm-datetime-menu .clock .handle[data-minute="57"], cm-time-popup .clock .handle[data-minute="57"], cm-datetime-popup .clock .handle[data-minute="57"] {
  transform: rotate(252deg)
}
cm-datetime-calendar .clock .handle[data-minute="58"], cm-datetime-menu .clock .handle[data-minute="58"], cm-time-popup .clock .handle[data-minute="58"], cm-datetime-popup .clock .handle[data-minute="58"] {
  transform: rotate(258deg)
}
cm-datetime-calendar .clock .handle[data-minute="59"], cm-datetime-menu .clock .handle[data-minute="59"], cm-time-popup .clock .handle[data-minute="59"], cm-datetime-popup .clock .handle[data-minute="59"] {
  transform: rotate(264deg)
}
cm-datetime-calendar .clock .handle[data-hour="00"] ~ .timeparts .timepart[data-hour="00"]:before, cm-datetime-calendar .clock .handle[data-hour="01"] ~ .timeparts .timepart[data-hour="01"]:before, cm-datetime-calendar .clock .handle[data-hour="02"] ~ .timeparts .timepart[data-hour="02"]:before, cm-datetime-calendar .clock .handle[data-hour="03"] ~ .timeparts .timepart[data-hour="03"]:before, cm-datetime-calendar .clock .handle[data-hour="04"] ~ .timeparts .timepart[data-hour="04"]:before, cm-datetime-calendar .clock .handle[data-hour="05"] ~ .timeparts .timepart[data-hour="05"]:before, cm-datetime-calendar .clock .handle[data-hour="06"] ~ .timeparts .timepart[data-hour="06"]:before, cm-datetime-calendar .clock .handle[data-hour="07"] ~ .timeparts .timepart[data-hour="07"]:before, cm-datetime-calendar .clock .handle[data-hour="08"] ~ .timeparts .timepart[data-hour="08"]:before, cm-datetime-calendar .clock .handle[data-hour="09"] ~ .timeparts .timepart[data-hour="09"]:before, cm-datetime-calendar .clock .handle[data-hour="10"] ~ .timeparts .timepart[data-hour="10"]:before, cm-datetime-calendar .clock .handle[data-hour="11"] ~ .timeparts .timepart[data-hour="11"]:before, cm-datetime-calendar .clock .handle[data-hour="12"] ~ .timeparts .timepart[data-hour="12"]:before, cm-datetime-calendar .clock .handle[data-hour="13"] ~ .timeparts .timepart[data-hour="13"]:before, cm-datetime-calendar .clock .handle[data-hour="14"] ~ .timeparts .timepart[data-hour="14"]:before, cm-datetime-calendar .clock .handle[data-hour="15"] ~ .timeparts .timepart[data-hour="15"]:before, cm-datetime-calendar .clock .handle[data-hour="16"] ~ .timeparts .timepart[data-hour="16"]:before, cm-datetime-calendar .clock .handle[data-hour="17"] ~ .timeparts .timepart[data-hour="17"]:before, cm-datetime-calendar .clock .handle[data-hour="18"] ~ .timeparts .timepart[data-hour="18"]:before, cm-datetime-calendar .clock .handle[data-hour="19"] ~ .timeparts .timepart[data-hour="19"]:before, cm-datetime-calendar .clock .handle[data-hour="20"] ~ .timeparts .timepart[data-hour="20"]:before, cm-datetime-calendar .clock .handle[data-hour="21"] ~ .timeparts .timepart[data-hour="21"]:before, cm-datetime-calendar .clock .handle[data-hour="22"] ~ .timeparts .timepart[data-hour="22"]:before, cm-datetime-calendar .clock .handle[data-hour="23"] ~ .timeparts .timepart[data-hour="23"]:before, cm-datetime-calendar .clock .handle[data-minute="00"] ~ .timeparts .timepart[data-minute="00"]:before, cm-datetime-calendar .clock .handle[data-minute="05"] ~ .timeparts .timepart[data-minute="05"]:before, cm-datetime-calendar .clock .handle[data-minute="10"] ~ .timeparts .timepart[data-minute="10"]:before, cm-datetime-calendar .clock .handle[data-minute="15"] ~ .timeparts .timepart[data-minute="15"]:before, cm-datetime-calendar .clock .handle[data-minute="20"] ~ .timeparts .timepart[data-minute="20"]:before, cm-datetime-calendar .clock .handle[data-minute="25"] ~ .timeparts .timepart[data-minute="25"]:before, cm-datetime-calendar .clock .handle[data-minute="30"] ~ .timeparts .timepart[data-minute="30"]:before, cm-datetime-calendar .clock .handle[data-minute="35"] ~ .timeparts .timepart[data-minute="35"]:before, cm-datetime-calendar .clock .handle[data-minute="40"] ~ .timeparts .timepart[data-minute="40"]:before, cm-datetime-calendar .clock .handle[data-minute="45"] ~ .timeparts .timepart[data-minute="45"]:before, cm-datetime-calendar .clock .handle[data-minute="50"] ~ .timeparts .timepart[data-minute="50"]:before, cm-datetime-calendar .clock .handle[data-minute="55"] ~ .timeparts .timepart[data-minute="55"]:before, cm-datetime-menu .clock .handle[data-hour="00"] ~ .timeparts .timepart[data-hour="00"]:before, cm-datetime-menu .clock .handle[data-hour="01"] ~ .timeparts .timepart[data-hour="01"]:before, cm-datetime-menu .clock .handle[data-hour="02"] ~ .timeparts .timepart[data-hour="02"]:before, cm-datetime-menu .clock .handle[data-hour="03"] ~ .timeparts .timepart[data-hour="03"]:before, cm-datetime-menu .clock .handle[data-hour="04"] ~ .timeparts .timepart[data-hour="04"]:before, cm-datetime-menu .clock .handle[data-hour="05"] ~ .timeparts .timepart[data-hour="05"]:before, cm-datetime-menu .clock .handle[data-hour="06"] ~ .timeparts .timepart[data-hour="06"]:before, cm-datetime-menu .clock .handle[data-hour="07"] ~ .timeparts .timepart[data-hour="07"]:before, cm-datetime-menu .clock .handle[data-hour="08"] ~ .timeparts .timepart[data-hour="08"]:before, cm-datetime-menu .clock .handle[data-hour="09"] ~ .timeparts .timepart[data-hour="09"]:before, cm-datetime-menu .clock .handle[data-hour="10"] ~ .timeparts .timepart[data-hour="10"]:before, cm-datetime-menu .clock .handle[data-hour="11"] ~ .timeparts .timepart[data-hour="11"]:before, cm-datetime-menu .clock .handle[data-hour="12"] ~ .timeparts .timepart[data-hour="12"]:before, cm-datetime-menu .clock .handle[data-hour="13"] ~ .timeparts .timepart[data-hour="13"]:before, cm-datetime-menu .clock .handle[data-hour="14"] ~ .timeparts .timepart[data-hour="14"]:before, cm-datetime-menu .clock .handle[data-hour="15"] ~ .timeparts .timepart[data-hour="15"]:before, cm-datetime-menu .clock .handle[data-hour="16"] ~ .timeparts .timepart[data-hour="16"]:before, cm-datetime-menu .clock .handle[data-hour="17"] ~ .timeparts .timepart[data-hour="17"]:before, cm-datetime-menu .clock .handle[data-hour="18"] ~ .timeparts .timepart[data-hour="18"]:before, cm-datetime-menu .clock .handle[data-hour="19"] ~ .timeparts .timepart[data-hour="19"]:before, cm-datetime-menu .clock .handle[data-hour="20"] ~ .timeparts .timepart[data-hour="20"]:before, cm-datetime-menu .clock .handle[data-hour="21"] ~ .timeparts .timepart[data-hour="21"]:before, cm-datetime-menu .clock .handle[data-hour="22"] ~ .timeparts .timepart[data-hour="22"]:before, cm-datetime-menu .clock .handle[data-hour="23"] ~ .timeparts .timepart[data-hour="23"]:before, cm-datetime-menu .clock .handle[data-minute="00"] ~ .timeparts .timepart[data-minute="00"]:before, cm-datetime-menu .clock .handle[data-minute="05"] ~ .timeparts .timepart[data-minute="05"]:before, cm-datetime-menu .clock .handle[data-minute="10"] ~ .timeparts .timepart[data-minute="10"]:before, cm-datetime-menu .clock .handle[data-minute="15"] ~ .timeparts .timepart[data-minute="15"]:before, cm-datetime-menu .clock .handle[data-minute="20"] ~ .timeparts .timepart[data-minute="20"]:before, cm-datetime-menu .clock .handle[data-minute="25"] ~ .timeparts .timepart[data-minute="25"]:before, cm-datetime-menu .clock .handle[data-minute="30"] ~ .timeparts .timepart[data-minute="30"]:before, cm-datetime-menu .clock .handle[data-minute="35"] ~ .timeparts .timepart[data-minute="35"]:before, cm-datetime-menu .clock .handle[data-minute="40"] ~ .timeparts .timepart[data-minute="40"]:before, cm-datetime-menu .clock .handle[data-minute="45"] ~ .timeparts .timepart[data-minute="45"]:before, cm-datetime-menu .clock .handle[data-minute="50"] ~ .timeparts .timepart[data-minute="50"]:before, cm-datetime-menu .clock .handle[data-minute="55"] ~ .timeparts .timepart[data-minute="55"]:before, cm-time-popup .clock .handle[data-hour="00"] ~ .timeparts .timepart[data-hour="00"]:before, cm-time-popup .clock .handle[data-hour="01"] ~ .timeparts .timepart[data-hour="01"]:before, cm-time-popup .clock .handle[data-hour="02"] ~ .timeparts .timepart[data-hour="02"]:before, cm-time-popup .clock .handle[data-hour="03"] ~ .timeparts .timepart[data-hour="03"]:before, cm-time-popup .clock .handle[data-hour="04"] ~ .timeparts .timepart[data-hour="04"]:before, cm-time-popup .clock .handle[data-hour="05"] ~ .timeparts .timepart[data-hour="05"]:before, cm-time-popup .clock .handle[data-hour="06"] ~ .timeparts .timepart[data-hour="06"]:before, cm-time-popup .clock .handle[data-hour="07"] ~ .timeparts .timepart[data-hour="07"]:before, cm-time-popup .clock .handle[data-hour="08"] ~ .timeparts .timepart[data-hour="08"]:before, cm-time-popup .clock .handle[data-hour="09"] ~ .timeparts .timepart[data-hour="09"]:before, cm-time-popup .clock .handle[data-hour="10"] ~ .timeparts .timepart[data-hour="10"]:before, cm-time-popup .clock .handle[data-hour="11"] ~ .timeparts .timepart[data-hour="11"]:before, cm-time-popup .clock .handle[data-hour="12"] ~ .timeparts .timepart[data-hour="12"]:before, cm-time-popup .clock .handle[data-hour="13"] ~ .timeparts .timepart[data-hour="13"]:before, cm-time-popup .clock .handle[data-hour="14"] ~ .timeparts .timepart[data-hour="14"]:before, cm-time-popup .clock .handle[data-hour="15"] ~ .timeparts .timepart[data-hour="15"]:before, cm-time-popup .clock .handle[data-hour="16"] ~ .timeparts .timepart[data-hour="16"]:before, cm-time-popup .clock .handle[data-hour="17"] ~ .timeparts .timepart[data-hour="17"]:before, cm-time-popup .clock .handle[data-hour="18"] ~ .timeparts .timepart[data-hour="18"]:before, cm-time-popup .clock .handle[data-hour="19"] ~ .timeparts .timepart[data-hour="19"]:before, cm-time-popup .clock .handle[data-hour="20"] ~ .timeparts .timepart[data-hour="20"]:before, cm-time-popup .clock .handle[data-hour="21"] ~ .timeparts .timepart[data-hour="21"]:before, cm-time-popup .clock .handle[data-hour="22"] ~ .timeparts .timepart[data-hour="22"]:before, cm-time-popup .clock .handle[data-hour="23"] ~ .timeparts .timepart[data-hour="23"]:before, cm-time-popup .clock .handle[data-minute="00"] ~ .timeparts .timepart[data-minute="00"]:before, cm-time-popup .clock .handle[data-minute="05"] ~ .timeparts .timepart[data-minute="05"]:before, cm-time-popup .clock .handle[data-minute="10"] ~ .timeparts .timepart[data-minute="10"]:before, cm-time-popup .clock .handle[data-minute="15"] ~ .timeparts .timepart[data-minute="15"]:before, cm-time-popup .clock .handle[data-minute="20"] ~ .timeparts .timepart[data-minute="20"]:before, cm-time-popup .clock .handle[data-minute="25"] ~ .timeparts .timepart[data-minute="25"]:before, cm-time-popup .clock .handle[data-minute="30"] ~ .timeparts .timepart[data-minute="30"]:before, cm-time-popup .clock .handle[data-minute="35"] ~ .timeparts .timepart[data-minute="35"]:before, cm-time-popup .clock .handle[data-minute="40"] ~ .timeparts .timepart[data-minute="40"]:before, cm-time-popup .clock .handle[data-minute="45"] ~ .timeparts .timepart[data-minute="45"]:before, cm-time-popup .clock .handle[data-minute="50"] ~ .timeparts .timepart[data-minute="50"]:before, cm-time-popup .clock .handle[data-minute="55"] ~ .timeparts .timepart[data-minute="55"]:before, cm-datetime-popup .clock .handle[data-hour="00"] ~ .timeparts .timepart[data-hour="00"]:before, cm-datetime-popup .clock .handle[data-hour="01"] ~ .timeparts .timepart[data-hour="01"]:before, cm-datetime-popup .clock .handle[data-hour="02"] ~ .timeparts .timepart[data-hour="02"]:before, cm-datetime-popup .clock .handle[data-hour="03"] ~ .timeparts .timepart[data-hour="03"]:before, cm-datetime-popup .clock .handle[data-hour="04"] ~ .timeparts .timepart[data-hour="04"]:before, cm-datetime-popup .clock .handle[data-hour="05"] ~ .timeparts .timepart[data-hour="05"]:before, cm-datetime-popup .clock .handle[data-hour="06"] ~ .timeparts .timepart[data-hour="06"]:before, cm-datetime-popup .clock .handle[data-hour="07"] ~ .timeparts .timepart[data-hour="07"]:before, cm-datetime-popup .clock .handle[data-hour="08"] ~ .timeparts .timepart[data-hour="08"]:before, cm-datetime-popup .clock .handle[data-hour="09"] ~ .timeparts .timepart[data-hour="09"]:before, cm-datetime-popup .clock .handle[data-hour="10"] ~ .timeparts .timepart[data-hour="10"]:before, cm-datetime-popup .clock .handle[data-hour="11"] ~ .timeparts .timepart[data-hour="11"]:before, cm-datetime-popup .clock .handle[data-hour="12"] ~ .timeparts .timepart[data-hour="12"]:before, cm-datetime-popup .clock .handle[data-hour="13"] ~ .timeparts .timepart[data-hour="13"]:before, cm-datetime-popup .clock .handle[data-hour="14"] ~ .timeparts .timepart[data-hour="14"]:before, cm-datetime-popup .clock .handle[data-hour="15"] ~ .timeparts .timepart[data-hour="15"]:before, cm-datetime-popup .clock .handle[data-hour="16"] ~ .timeparts .timepart[data-hour="16"]:before, cm-datetime-popup .clock .handle[data-hour="17"] ~ .timeparts .timepart[data-hour="17"]:before, cm-datetime-popup .clock .handle[data-hour="18"] ~ .timeparts .timepart[data-hour="18"]:before, cm-datetime-popup .clock .handle[data-hour="19"] ~ .timeparts .timepart[data-hour="19"]:before, cm-datetime-popup .clock .handle[data-hour="20"] ~ .timeparts .timepart[data-hour="20"]:before, cm-datetime-popup .clock .handle[data-hour="21"] ~ .timeparts .timepart[data-hour="21"]:before, cm-datetime-popup .clock .handle[data-hour="22"] ~ .timeparts .timepart[data-hour="22"]:before, cm-datetime-popup .clock .handle[data-hour="23"] ~ .timeparts .timepart[data-hour="23"]:before, cm-datetime-popup .clock .handle[data-minute="00"] ~ .timeparts .timepart[data-minute="00"]:before, cm-datetime-popup .clock .handle[data-minute="05"] ~ .timeparts .timepart[data-minute="05"]:before, cm-datetime-popup .clock .handle[data-minute="10"] ~ .timeparts .timepart[data-minute="10"]:before, cm-datetime-popup .clock .handle[data-minute="15"] ~ .timeparts .timepart[data-minute="15"]:before, cm-datetime-popup .clock .handle[data-minute="20"] ~ .timeparts .timepart[data-minute="20"]:before, cm-datetime-popup .clock .handle[data-minute="25"] ~ .timeparts .timepart[data-minute="25"]:before, cm-datetime-popup .clock .handle[data-minute="30"] ~ .timeparts .timepart[data-minute="30"]:before, cm-datetime-popup .clock .handle[data-minute="35"] ~ .timeparts .timepart[data-minute="35"]:before, cm-datetime-popup .clock .handle[data-minute="40"] ~ .timeparts .timepart[data-minute="40"]:before, cm-datetime-popup .clock .handle[data-minute="45"] ~ .timeparts .timepart[data-minute="45"]:before, cm-datetime-popup .clock .handle[data-minute="50"] ~ .timeparts .timepart[data-minute="50"]:before, cm-datetime-popup .clock .handle[data-minute="55"] ~ .timeparts .timepart[data-minute="55"]:before {
  color: var(--default-background-inverse)
}
cm-datetime-calendar .error-message, cm-datetime-menu .error-message, cm-time-popup .error-message, cm-datetime-popup .error-message {
  font-weight: 500;
  margin-top: 8px;
  padding-left: 16px;
  max-width: 280px;
  color: var(--label-error-color)
}
cm-datetime-picker .form-input input.form-control ~ .icon, cm-time-picker .form-input input.form-control ~ .icon {
  pointer-events: none
}
cm-datetime-picker .form-input input.form-control:not(:disabled) ~ .icon .cm-icon, cm-time-picker .form-input input.form-control:not(:disabled) ~ .icon .cm-icon {
  pointer-events: all;
  cursor: pointer
}
cm-datetime-picker .form-input input.form-control:focus ~ .icon .cm-icon, cm-time-picker .form-input input.form-control:focus ~ .icon .cm-icon {
  color: var(--selected-color)
}
cm-datetime-picker .form-input.error input.form-control ~ .input-right.icon .cm-icon, cm-time-picker .form-input.error input.form-control ~ .input-right.icon .cm-icon {
  color: var(--label-error-color)
}
cm-datetime-picker .form-input.success input.form-control ~ .input-right.icon .cm-icon, cm-time-picker .form-input.success input.form-control ~ .input-right.icon .cm-icon {
  color: var(--label-success-color)
}
cm-time-input .icon-input-right {
  width: 24px;
  position: absolute;
  top: 32px;
  right: 24px
}
.message-container {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 16px
}
.notify-container {
  position: fixed;
  z-index: 10000000;
  top: 12px;
  right: 0;
  width: 352px
}
.notify-container .notify {
  margin: 16px 8px 8px
}
.inline-notification-container {
  max-width: 280px;
  justify-content: flex-end;
  text-align: right;
  position: -webkit-sticky;
  position: sticky;
  top: 108px;
  float: right
}
.inline-notification {
  height: 40px;
  border: var(--default-border);
  border-radius: 8px;
  background-color: var(--background);
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 8px;
  z-index: 2
}
.inline-notification .item-left {
  padding: 0 8px 0 0;
  margin-top: 4px
}
.inline-notification .title {
  color: var(--default-color);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  max-width: 216px;
  min-width: 196px
}
.inline-notification .item-right {
  padding: 0 0 0 8px
}
.inline-notification .item-right.spinner {
  padding: 6px 0 0 8px
}
.inline-notification .item-right.spinner > cm-indicator {
  font-size: 16px
}
.notify {
  position: relative;
  display: block;
  padding: 0;
  background-color: var(--background);
  margin: auto;
  border-radius: 8px;
  box-shadow: var(--elevation-level-medium);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  box-sizing: padding-box;
  overflow: hidden;
  max-width: 336px
}
.notify.toast {
  animation: fadeInOpacity .25s ease-in 0s 1
}
.notify.toast.fadeout {
  animation: fadeOut .5s ease-out 0s 1 forwards
}
.notify.message:only-child {
  animation: fadeOut .5s ease-out 5s 1 forwards
}
.notify.message:not(:first-child) {
  animation: fadeInOpacity .25s ease-in 0s 1, groupNotify .25s ease-out 2s 1 forwards
}
.notify.message {
  padding: 16px
}
.notify.toast .meta-actions {
  width: 36px;
  margin-left: 8px;
  display: flex;
  align-items: center
}
.notify.toast .meta-actions .meta-time, .notify.toast .meta-actions .close {
  margin: 0 auto
}
.notify.toast .meta-actions .meta-time {
  display: block;
  color: var(--label-disabled-color);
  font-size: 14px
}
.notify.toast .meta-actions .close {
  display: none;
  pointer-events: initial
}
.notify.toast .meta-action-buttons {
  display: flex;
  padding-bottom: 12px;
  padding-right: 16px;
  justify-content: flex-end
}
.notify .notify-item {
  padding: 16px;
  display: flex;
  align-items: flex-start
}
.notify .notify-item .meta-icon {
  margin-right: 8px;
  font-size: 40px;
  text-align: center;
  height: 40px;
  width: 40px
}
.notify .notify-item .meta-icon > .cm-icon {
  transition: none;
  display: block;
  font-size: 40px;
  position: relative;
  top: 50%;
  transform: translateY(-50%)
}
.notify .notify-item .meta-button:hover {
  cursor: pointer
}
.notify .notify-item .meta-info.add-top-margin {
  margin-top: 10px
}
.notify.message .notify-item {
  padding: 0 0;
  display: flex;
  align-items: center
}
.notify.message .notify-item .meta-icon {
  display: flex;
  align-items: center;
  margin-right: 8px;
  height: 40px;
  width: 40px;
  opacity: 1;
  color: var(--label-disabled-color);
  font-size: 24px
}
.notify.message .notify-item .meta-icon img {
  width: 40px;
  height: 40px;
  border-radius: 50%
}
.notify.message .notify-item .meta-info {
  width: 200px;
  margin-left: 8px;
  margin-right: 8px
}
.notify.message .notify-item .meta-info div {
  overflow: hidden;
  text-overflow: ellipsis
}
.notify.message .notify-item .meta-info div.meta-info-title {
  display: block;
  font-weight: 500
}
.notify.toast .notify-item .meta-info {
  width: 225px
}
.notify.toast .notify-item .meta-info div {
  overflow: hidden;
  text-overflow: ellipsis
}
.notify.toast .notify-item .meta-info div.meta-info-title {
  display: block;
  font-weight: 500
}
.notify.toast .notify-item .meta-info div.meta-info-desc {
  display: block
}
.notify.toast .notify-item .meta-info.add-top-margin {
  margin-top: 10px
}
.notify.toast .notify-item .meta-info.no-icon {
  width: 265px
}
.notify.toast.success {
  background-color: var(--background);
  color: var(--default-color)
}
.notify.toast.success .notify-item .meta-icon {
  color: var(--notification-success-color)
}
.notify.toast.success .notify-item .meta-info div.meta-info-title {
  display: block;
  font-weight: 500
}
.notify.toast.error {
  background-color: var(--background);
  color: var(--default-color)
}
.notify.toast.error .notify-item .meta-icon {
  color: var(--notification-error-color)
}
.notify.toast.error .notify-item .meta-info div.meta-info-title {
  display: block;
  font-weight: 500
}
.notify.toast.info {
  background-color: var(--background);
  color: var(--default-color)
}
.notify.toast.info .notify-item .meta-icon {
  color: var(--notification-info-color)
}
.notify.toast.info .notify-item .meta-info div.meta-info-title {
  display: block;
  font-weight: 500
}
.notify.toast.warning {
  background-color: var(--background);
  color: var(--default-color)
}
.notify.toast.warning .notify-item .meta-icon {
  color: var(--notification-warning-color)
}
.notify.toast.warning .notify-item .meta-info div.meta-info-title {
  display: block;
  font-weight: 500
}
.notify.toast.default {
  background-color: var(--background);
  color: var(--default-color)
}
.notify.toast.default .notify-item .meta-icon {
  color: var(--notification-default-color)
}
.notify.toast.default .notify-item .meta-info div.meta-info-title {
  display: block;
  font-weight: 500
}
.notify.toast .count-down-bar-background {
  height: 4px;
  border-radius: 2px;
  background-color: var(--count-down-bar-bg-color);
  margin: 0 16px 4px
}
.notify.toast .count-down-bar-progress {
  height: 4px;
  border-radius: 2px;
  background-color: var(--count-down-bar-progress-color)
}
@media screen and (max-width:370px) {
  cm-inline-notification div cm-button .btn {
    margin-top: 8px
  }
}
@keyframes countDownProgress {
  0% {
    width: 100%
  }
  100% {
    width: 0%
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes fadeOut {
  50% {
    transform: translateX(400px)
  }
  100% {
    transition: all;
    transform: translateX(400px);
    display: none
  }
}
@keyframes groupNotify {
  0% {
    transition: all;
    z-index: 999998
  }
  20% {
    opacity: 0
  }
  50% {
    opacity: 0;
    transform: translate3d(0, -48px, 0);
    z-index: 999998
  }
  51% {
    opacity: 0;
    margin-top: auto;
    transform: translate3d(0, -48px, 0);
    transition: all;
    z-index: 999998
  }
  75% {
    opacity: 0;
    margin-top: -28px;
    transform: translate3d(0, -48px, 0);
    transition: all;
    z-index: 999998
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -48px, 0);
    margin-top: -28px;
    height: 0;
    max-height: 0;
    transition: all;
    display: none;
    z-index: 999998
  }
}
.snackbar-container {
  position: fixed;
  left: calc(50vw - 200px);
  bottom: 0;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  overflow: hidden;
  z-index: 10000000;
  width: 400px
}
.snackbar-container .snackbar-item {
  position: relative;
  width: 392px;
  min-height: 52px;
  margin: 8px 0;
  background-color: var(--background);
  border-radius: 8px;
  box-shadow: var(--elevation-level-medium);
  overflow: hidden;
  z-index: 10000000;
  animation: fadeInOpacity .25s ease-in
}
.snackbar-container .snackbar-item.fadeOut {
  opacity: 0%;
  z-index: 999998;
  animation: snackbarFadeOut .25s ease-out
}
.snackbar-container .snackbar-item.fadeOut .meta-container > div > .count-down-bar-progress {
  width: 0%
}
.snackbar-container .snackbar-item .type-indicator {
  width: 8px;
  min-height: 52px
}
.snackbar-container .snackbar-item .type-indicator.success {
  background-color: var(--green-100)
}
.snackbar-container .snackbar-item .type-indicator.warning {
  background-color: var(--orange-100)
}
.snackbar-container .snackbar-item .type-indicator.error {
  background-color: var(--red-100)
}
.snackbar-container .snackbar-item .meta-container {
  width: calc(100% - 8px);
  display: flex;
  flex-direction: column
}
.snackbar-container .snackbar-item .meta-container .meta-content {
  height: calc(100% - 4px);
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap
}
.snackbar-container .snackbar-item .meta-container .meta-content .meta-info {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
  flex-grow: 2
}
.snackbar-container .snackbar-item .meta-container .meta-content .meta-info .meta-description {
  min-height: 40px;
  padding-top: 8px;
  padding-left: 8px;
  display: flex;
  align-items: center;
  flex-grow: 2
}
.snackbar-container .snackbar-item .meta-container .meta-content .meta-info .action-button {
  margin-top: 4px
}
.snackbar-container .snackbar-item .meta-container .meta-content .close-button {
  margin-top: 4px;
  margin-right: 8px
}
.snackbar-container .snackbar-item .meta-container .count-down-bar-background {
  margin: 0 16px 4px 8px;
  height: 4px;
  border-radius: 2px;
  background-color: var(--count-down-bar-bg-color)
}
.snackbar-container .snackbar-item .meta-container .count-down-bar-progress {
  height: 4px;
  border-radius: 2px;
  background-color: var(--count-down-bar-progress-color)
}
@keyframes countDownProgress {
  0% {
    width: 100%
  }
  100% {
    width: 0%
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes snackbarFadeOut {
  0% {
    opacity: 1
  }
  50% {
    opacity: .7;
    transform: translateY(10vh)
  }
  100% {
    opacity: 0;
    transform: translateY(50vh);
    display: none
  }
}
cm-time-zone-popup {
  position: fixed;
  z-index: 999999
}
cm-time-zone-popup .dropdown {
  overflow-y: auto;
  max-height: 288px;
  line-height: 32px
}
cm-time-zone-popup .dropdown .timezone-row {
  display: flex;
  padding-left: 16px
}
cm-time-zone-popup .dropdown .timezone-row:hover {
  cursor: pointer
}
cm-time-zone-popup .dropdown .timezone-row.selected {
  border-left: 4px solid var(--selected-color);
  padding-left: 12px;
  background-color: var(--option-selected-background-color) !important
}
cm-time-zone-popup .dropdown .timezone-row.selected span:not(.city) {
  color: var(--selected-color) !important;
  font-weight: 700 !important
}
cm-time-zone-popup .dropdown .timezone-row .timezone {
  min-width: 136px
}
cm-time-zone-popup .dropdown .timezone-row cm-tooltip {
  display: contents
}
cm-time-zone-popup .dropdown .timezone-row .city {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: var(--label-sub-color)
}
cm-time-zone-button button.btn.btn-primary-icon-text span:not(.cm-icon) {
  padding-right: 32px !important
}
cm-time-zone-button button.btn.btn-primary-icon-text span.cm-icon.cm-icon-open-vertical {
  margin-left: -24px
}
cm-tab-group .nav-tabs.nav-tabs > li {
  display: inline-block;
  margin: 0 4px
}
cm-tab-group .nav-tabs.nav-tabs > li:first-of-type {
  margin-left: 0
}
cm-tab-group .nav-tabs.nav-tabs > li:first-of-type button {
  padding-left: 0
}
cm-tab-group .nav-tabs.nav-tabs > li.active button {
  color: #555
}
cm-tab-group .nav-tabs.nav-tabs > li.active button:hover, cm-tab-group .nav-tabs.nav-tabs > li.active button:focus {
  color: var(--blue-144)
}
cm-tab-group .cm-tab-header-label {
  margin: 0 16px;
  padding: 12px 0 4px;
  line-height: 21px;
  display: flex;
  align-items: center;
  color: var(--tab-header-label-color);
  font-family: var(--font-family-base), sans-serif;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
cm-tab-group .cm-tab-header-label.header-icon-top {
  flex-direction: column
}
cm-tab-group .cm-tab-header-label.header-icon-top > .cm-flag {
  width: 24px;
  height: 24px
}
cm-tab-group .cm-tab-header-label.selected {
  color: var(--tab-header-label-selected-color)
}
cm-tab-group .cm-tab-header-label .align-icon-left {
  margin-right: 4px
}
cm-tab-group .cm-tab-header-label .align-icon-top {
  margin-top: 2px;
  margin-bottom: 8px
}
cm-tab-group .cm-tab-header-label.header-icon-left > cm-avatar {
  height: 16px
}
cm-tab-group .cm-tab-header-label:not(.selected):not(:focus-visible):hover {
  margin: 0 12px;
  padding: 12px 0 10px;
  color: var(--tab-header-label-hover-color);
  border-bottom: 2px solid var(--tab-header-hover-underline)
}
cm-tab-group .cm-tab-header-label:focus-visible {
  margin: 2px;
  padding: 10px;
  color: var(--tab-header-label-focused-color);
  outline: 2px solid var(--selected-color)
}
cm-tab-group .cm-tab-header-label[disabled] {
  color: var(--tab-header-label-disabled-color);
  pointer-events: none
}
cm-tab-group .cm-tab-header-label:not(.selected):not(:focus-visible):hover {
  margin: 0 16px;
  padding: 12px 0 2px;
  color: var(--tab-header-label-hover-color);
  border-bottom: 2px solid var(--tab-header-hover-underline)
}
cm-tab-group .cm-tab-header-label:focus-visible {
  margin: 2px 6px;
  padding: 10px 10px 2px;
  color: var(--tab-header-label-focused-color);
  outline: 2px solid var(--tab-header-hover-underline)
}
cm-tab-group .cm-tab-header-label:focus-visible .badge.tab:not(.top-icon) {
  top: -2px;
  right: 11px
}
cm-tab-group .cm-tab-header-label:focus-visible .badge.tab:not(.top-icon).dot {
  top: 6px;
  right: 12px
}
cm-tab-group .cm-tab-header-label[disabled] {
  color: var(--tab-header-label-disabled-color);
  pointer-events: none
}
cm-table, cm-table-head, cm-table-body, cm-table-foot, cm-table-row, cm-table-header, cm-table-data, cm-table-footer {
  display: flex
}
cm-table, cm-table-head, cm-table-body, cm-table-foot {
  flex-direction: column
}
cm-table {
  overflow: auto
}
cm-table .child-table-arrow-correction {
  min-width: 28px
}
cm-table.unselectable {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none
}
cm-table cm-table-head, cm-table cm-table-body, cm-table cm-table-foot {
  width: max-content;
  min-width: 100%
}
cm-table cm-table-head cm-table-row, cm-table cm-table-body cm-table-row, cm-table cm-table-foot cm-table-row {
  flex-direction: row;
  width: max-content;
  min-width: max(64px, 100%);
  line-height: 24px
}
cm-table cm-table-head cm-table-row:nth-child(even) > .row-container, cm-table cm-table-head cm-table-row:nth-child(even) > .row-container cm-table-header, cm-table cm-table-head cm-table-row:nth-child(even) > .row-container cm-table-data, cm-table cm-table-head cm-table-row:nth-child(even) > .row-container cm-table-footer, cm-table cm-table-body cm-table-row:nth-child(even) > .row-container, cm-table cm-table-body cm-table-row:nth-child(even) > .row-container cm-table-header, cm-table cm-table-body cm-table-row:nth-child(even) > .row-container cm-table-data, cm-table cm-table-body cm-table-row:nth-child(even) > .row-container cm-table-footer, cm-table cm-table-foot cm-table-row:nth-child(even) > .row-container, cm-table cm-table-foot cm-table-row:nth-child(even) > .row-container cm-table-header, cm-table cm-table-foot cm-table-row:nth-child(even) > .row-container cm-table-data, cm-table cm-table-foot cm-table-row:nth-child(even) > .row-container cm-table-footer {
  background-color: var(--table-background-color)
}
cm-table cm-table-head cm-table-row:nth-child(even) > .row-container[data-selected] > .row-container, cm-table cm-table-head cm-table-row:nth-child(even) > .row-container[data-selected] > .row-container cm-table-header, cm-table cm-table-head cm-table-row:nth-child(even) > .row-container[data-selected] > .row-container cm-table-data, cm-table cm-table-head cm-table-row:nth-child(even) > .row-container[data-selected] > .row-container cm-table-footer, cm-table cm-table-body cm-table-row:nth-child(even) > .row-container[data-selected] > .row-container, cm-table cm-table-body cm-table-row:nth-child(even) > .row-container[data-selected] > .row-container cm-table-header, cm-table cm-table-body cm-table-row:nth-child(even) > .row-container[data-selected] > .row-container cm-table-data, cm-table cm-table-body cm-table-row:nth-child(even) > .row-container[data-selected] > .row-container cm-table-footer, cm-table cm-table-foot cm-table-row:nth-child(even) > .row-container[data-selected] > .row-container, cm-table cm-table-foot cm-table-row:nth-child(even) > .row-container[data-selected] > .row-container cm-table-header, cm-table cm-table-foot cm-table-row:nth-child(even) > .row-container[data-selected] > .row-container cm-table-data, cm-table cm-table-foot cm-table-row:nth-child(even) > .row-container[data-selected] > .row-container cm-table-footer {
  background-color: var(--selected-background)
}
cm-table cm-table-head cm-table-row:nth-child(odd) > .row-container, cm-table cm-table-head cm-table-row:nth-child(odd) > .row-container cm-table-header, cm-table cm-table-head cm-table-row:nth-child(odd) > .row-container cm-table-data, cm-table cm-table-head cm-table-row:nth-child(odd) > .row-container cm-table-footer, cm-table cm-table-body cm-table-row:nth-child(odd) > .row-container, cm-table cm-table-body cm-table-row:nth-child(odd) > .row-container cm-table-header, cm-table cm-table-body cm-table-row:nth-child(odd) > .row-container cm-table-data, cm-table cm-table-body cm-table-row:nth-child(odd) > .row-container cm-table-footer, cm-table cm-table-foot cm-table-row:nth-child(odd) > .row-container, cm-table cm-table-foot cm-table-row:nth-child(odd) > .row-container cm-table-header, cm-table cm-table-foot cm-table-row:nth-child(odd) > .row-container cm-table-data, cm-table cm-table-foot cm-table-row:nth-child(odd) > .row-container cm-table-footer {
  background-color: var(--background)
}
cm-table cm-table-head cm-table-row:nth-child(odd) > .row-container[data-selected] > .row-container, cm-table cm-table-head cm-table-row:nth-child(odd) > .row-container[data-selected] > .row-container cm-table-header, cm-table cm-table-head cm-table-row:nth-child(odd) > .row-container[data-selected] > .row-container cm-table-data, cm-table cm-table-head cm-table-row:nth-child(odd) > .row-container[data-selected] > .row-container cm-table-footer, cm-table cm-table-body cm-table-row:nth-child(odd) > .row-container[data-selected] > .row-container, cm-table cm-table-body cm-table-row:nth-child(odd) > .row-container[data-selected] > .row-container cm-table-header, cm-table cm-table-body cm-table-row:nth-child(odd) > .row-container[data-selected] > .row-container cm-table-data, cm-table cm-table-body cm-table-row:nth-child(odd) > .row-container[data-selected] > .row-container cm-table-footer, cm-table cm-table-foot cm-table-row:nth-child(odd) > .row-container[data-selected] > .row-container, cm-table cm-table-foot cm-table-row:nth-child(odd) > .row-container[data-selected] > .row-container cm-table-header, cm-table cm-table-foot cm-table-row:nth-child(odd) > .row-container[data-selected] > .row-container cm-table-data, cm-table cm-table-foot cm-table-row:nth-child(odd) > .row-container[data-selected] > .row-container cm-table-footer {
  background-color: var(--selected-background-light)
}
cm-table cm-table-header, cm-table cm-table-data, cm-table cm-table-footer {
  align-items: center;
  min-width: 64px;
  width: auto;
  position: relative;
  border-right: 1px solid transparent
}
cm-table cm-table-header *, cm-table cm-table-data *, cm-table cm-table-footer * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
cm-table cm-table-header .resize-container, cm-table cm-table-data .resize-container, cm-table cm-table-footer .resize-container {
  position: absolute;
  right: -9px;
  width: 16px;
  height: 100%;
  z-index: 1
}
cm-table cm-table-header .resize-container > .resizer, cm-table cm-table-data .resize-container > .resizer, cm-table cm-table-footer .resize-container > .resizer {
  width: 1px;
  margin-left: 7px;
  background-color: var(--default-background);
  height: 24px;
  display: block;
  margin-top: 12px
}
cm-table cm-table-header:last-child .resize-container, cm-table cm-table-data:last-child .resize-container, cm-table cm-table-footer:last-child .resize-container {
  right: 0
}
cm-table cm-table-header, cm-table cm-table-data {
  padding: 12px 16px
}
cm-table cm-table-head cm-table-header {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none
}
cm-table cm-table-head cm-table-header:hover, cm-table cm-table-head cm-table-header.hover {
  background-color: var(--table-header-background-color);
  cursor: pointer
}
cm-table cm-table-head cm-table-header.selected {
  color: var(--selected-color)
}
cm-table cm-table-head cm-table-header .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  width: 100%
}
cm-table cm-table-head cm-table-header .content cm-context-menu {
  display: contents
}
cm-table cm-table-head cm-table-header[data-action-center] .content, cm-table cm-table-head cm-table-header[data-action] .content {
  display: flex
}
cm-table cm-table-head cm-table-header[data-action-center] .content .form-group .form-row, cm-table cm-table-head cm-table-header[data-action] .content .form-group .form-row {
  margin-bottom: 0
}
cm-table cm-table-head cm-table-header[data-action-center] .content .form-check, cm-table cm-table-head cm-table-header[data-action] .content .form-check {
  margin: 0
}
cm-table cm-table-head cm-table-header[data-action-center] .content .cm-icon, cm-table cm-table-head cm-table-header[data-action] .content .cm-icon {
  color: var(--selected-color)
}
cm-table cm-table-head cm-table-header[data-action-center] .content .form-group .form-switch .switch .label:last-child, cm-table cm-table-head cm-table-header[data-action-center] .content label.form-switch .switch .label:last-child, cm-table cm-table-head cm-table-header[data-action] .content .form-group .form-switch .switch .label:last-child, cm-table cm-table-head cm-table-header[data-action] .content label.form-switch .switch .label:last-child {
  margin-left: 0
}
cm-table cm-table-head cm-table-header[data-action] .content {
  justify-content: flex-end
}
cm-table cm-table-head cm-table-header[data-action-center] .content {
  justify-content: center
}
cm-table cm-table-row cm-table-data[data-action] span.cm-icon.cm-icon-open-vertical, cm-table cm-table-row cm-table-data[data-action-center] span.cm-icon.cm-icon-open-vertical {
  color: var(--default-color)
}
cm-table cm-table-row[data-open] span.cm-icon.cm-icon-open-vertical {
  transform: rotate(0deg) translateY(2px);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s
}
cm-table cm-table-row:not([data-open]) div > span.cm-icon.cm-icon-open-vertical {
  top: 0;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s
}
cm-table cm-table-row .row-container {
  height: 48px
}
@-moz-document url-prefix() {
  cm-table cm-table-body.ff-p-b-32 {
    padding-bottom: 32px
  }
}
cm-table cm-table-body cm-table-row .child-data-container, cm-table cm-table-body cm-table-row cm-table-row .child-data-container {
  transition: max-height .35s;
  max-height: 0
}
.child-data-container:not(.subtable) cm-table cm-table-body cm-table-row cm-table-row .child-data-container {
  display: flex
}
cm-table cm-table-body cm-table-row.selected:nth-child(odd) > .row-container, cm-table cm-table-body cm-table-row.selected:nth-child(odd) > .row-container cm-table-data, cm-table cm-table-body cm-table-row.selected:nth-child(even) > .row-container, cm-table cm-table-body cm-table-row.selected:nth-child(even) > .row-container cm-table-data {
  background-color: var(--selected-background)
}
cm-table cm-table-body cm-table-row:hover > .row-container, cm-table cm-table-body cm-table-row:hover > .row-container cm-table-data {
  cursor: pointer
}
cm-table cm-table-body cm-table-row:not(.selected):hover:nth-child(even) > .row-container, cm-table cm-table-body cm-table-row:not(.selected):hover:nth-child(even) > .row-container cm-table-data, cm-table cm-table-body cm-table-row:not(.selected):hover:nth-child(odd) > .row-container, cm-table cm-table-body cm-table-row:not(.selected):hover:nth-child(odd) > .row-container cm-table-data {
  background-color: var(--default-background)
}
cm-table cm-table-body cm-table-row.selected:hover:nth-child(even) > .row-container, cm-table cm-table-body cm-table-row.selected:hover:nth-child(even) > .row-container cm-table-data, cm-table cm-table-body cm-table-row.selected:hover:nth-child(odd) > .row-container, cm-table cm-table-body cm-table-row.selected:hover:nth-child(odd) > .row-container cm-table-data {
  background-color: var(--selected-background-hover)
}
cm-table cm-table-body cm-table-row cm-table-data:focus-visible {
  border: var(--outline-border);
  outline: 0;
  border-radius: 4px
}
cm-table cm-table-body cm-table-row cm-table-data[data-icon] .content, cm-table cm-table-body cm-table-row cm-table-data[data-channel] .content, cm-table cm-table-body cm-table-row cm-table-data[data-tool] .content {
  display: flex;
  align-items: center;
  min-height: 28px
}
cm-table cm-table-body cm-table-row cm-table-data[data-icon] .content :last-child, cm-table cm-table-body cm-table-row cm-table-data[data-channel] .content :last-child, cm-table cm-table-body cm-table-row cm-table-data[data-tool] .content :last-child {
  margin-left: 8px
}
cm-table cm-table-body cm-table-row cm-table-data[data-flag] .content :first-child {
  width: 24px;
  height: 24px;
  margin-right: 4px
}
cm-table cm-table-body cm-table-row cm-table-data[data-avatar] .content cm-avatar {
  top: 6px;
  display: inline;
  position: relative;
  margin-right: 4px
}
cm-table cm-table-body cm-table-row cm-table-data[data-status] {
  padding: 0;
  align-items: stretch
}
cm-table cm-table-body cm-table-row cm-table-data[data-status] .content {
  width: 100%
}
cm-table cm-table-body cm-table-row cm-table-data[data-action-center], cm-table cm-table-body cm-table-row cm-table-data[data-action] {
  display: flex
}
cm-table cm-table-body cm-table-row cm-table-data[data-action-center] .form-group .form-row, cm-table cm-table-body cm-table-row cm-table-data[data-action] .form-group .form-row {
  margin-bottom: 0
}
cm-table cm-table-body cm-table-row cm-table-data[data-action-center] .form-check, cm-table cm-table-body cm-table-row cm-table-data[data-action] .form-check {
  margin: 0
}
cm-table cm-table-body cm-table-row cm-table-data[data-action-center] .cm-icon, cm-table cm-table-body cm-table-row cm-table-data[data-action] .cm-icon {
  color: var(--selected-color)
}
cm-table cm-table-body cm-table-row cm-table-data[data-action-center] .form-group .form-switch .switch .label:last-child, cm-table cm-table-body cm-table-row cm-table-data[data-action-center] label.form-switch .switch .label:last-child, cm-table cm-table-body cm-table-row cm-table-data[data-action] .form-group .form-switch .switch .label:last-child, cm-table cm-table-body cm-table-row cm-table-data[data-action] label.form-switch .switch .label:last-child {
  margin-left: 0
}
cm-table cm-table-body cm-table-row cm-table-data[data-action] {
  justify-content: flex-end
}
cm-table cm-table-body cm-table-row cm-table-data[data-action-center] {
  justify-content: center
}
cm-table cm-table-body cm-table-row cm-table-data[data-progress] .content {
  width: 100%
}
cm-table cm-table-body cm-table-row cm-table-data[data-progress] .row {
  align-items: center;
  flex-wrap: nowrap
}
cm-table cm-table-body cm-table-row cm-table-data[data-progress] .table-data-progress {
  display: flex;
  width: calc(100% - 48px);
  min-width: 16px;
  height: 12px;
  border-radius: 8px;
  background: var(--default-background)
}
cm-table cm-table-body cm-table-row cm-table-data[data-progress] .table-data-progress .table-data-progress-bar {
  transition: width .5s
}
cm-table cm-table-body cm-table-row cm-table-data[data-progress] .table-data-progress-label {
  margin-left: 8px;
  font-size: 12px;
  line-height: 18px
}
cm-table cm-table-body cm-table-row cm-table-data[data-progress] .cm-icon-block {
  font-size: 13px;
  top: 0
}
cm-table cm-table-body cm-table-row cm-table-data[data-progress] .row.no-percentage .cm-icon-block {
  margin-left: 8px
}
cm-table cm-table-body cm-table-row cm-table-data[data-progress] .row.no-percentage .table-data-progress-label {
  display: none
}
cm-table cm-table-body cm-table-row cm-table-data[data-progress] .minified.row .table-data-progress, cm-table cm-table-body cm-table-row cm-table-data[data-progress] cm-table-data-progress[data-minified] .row .table-data-progress {
  height: 16px;
  width: 16px
}
cm-table cm-table-body cm-table-row cm-table-data[data-progress] .minified.row.no-percentage .table-data-progress, cm-table cm-table-body cm-table-row cm-table-data[data-progress] cm-table-data-progress[data-minified] .row.no-percentage .table-data-progress {
  display: none
}
cm-table cm-table-body cm-table-row cm-table-data[data-progress] .minified.row.no-percentage .cm-icon-block, cm-table cm-table-body cm-table-row cm-table-data[data-progress] cm-table-data-progress[data-minified] .row.no-percentage .cm-icon-block {
  font-size: 16px;
  margin-left: 0
}
cm-table cm-table-body cm-table-row cm-table-data[data-progress] .minified.row.no-percentage .table-data-progress-label, cm-table cm-table-body cm-table-row cm-table-data[data-progress] cm-table-data-progress[data-minified] .row.no-percentage .table-data-progress-label {
  display: block
}
cm-table cm-table-body cm-table-row cm-table-data[data-progress] .minified.row.no-percentage .table-data-progress-label .table-data-process-percentage-label, cm-table cm-table-body cm-table-row cm-table-data[data-progress] cm-table-data-progress[data-minified] .row.no-percentage .table-data-progress-label .table-data-process-percentage-label {
  width: 5px
}
cm-table cm-table-body cm-table-row cm-table-data .status {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 16px;
  background-color: var(--default-color-highcontrast);
  color: var(--background)
}
cm-table cm-table-body cm-table-row cm-table-data .status.success {
  background-color: var(--success-color-highcontrast)
}
cm-table cm-table-body cm-table-row cm-table-data .status.error {
  background-color: var(--error-color-highcontrast)
}
cm-table cm-table-body cm-table-row cm-table-data .status.warning {
  background-color: var(--warning-color-highcontrast)
}
cm-table cm-table-body cm-table-row cm-table-data .status.information {
  background-color: var(--selected-color-highcontrast)
}
cm-table cm-table-foot cm-table-row > .row-container {
  height: 32px;
  line-height: 16px
}
cm-table cm-table-foot cm-table-row > .row-container cm-table-footer {
  padding: 8px 16px;
  font-size: 12px
}
cm-table cm-table-line-container {
  position: sticky;
  height: 0;
  top: 0;
  left: 0;
  z-index: 21
}
cm-table cm-table-line-container cm-table-line {
  position: absolute;
  width: 8px;
  cursor: ew-resize;
  z-index: 21
}
cm-table cm-table-line-container cm-table-line.sticky-parent {
  z-index: 24
}
cm-table cm-table-line-container cm-table-line:hover:not(.hidden) :not(.active) {
  background-color: var(--default-background)
}
cm-table cm-table-line-container cm-table-line .resize-line {
  width: 1px;
  height: 100%;
  margin-left: 3px;
  position: absolute
}
cm-table cm-table-line-container cm-table-line .resize-line.active {
  background-color: var(--selected-color)
}
cm-table cm-table-head.sticky, cm-table cm-table-header.sticky, cm-table cm-table-data.sticky, cm-table cm-table-foot.sticky, cm-table cm-table-footer.sticky {
  position: -webkit-sticky;
  position: sticky
}
cm-table cm-table-head.sticky-head, cm-table cm-table-head.sticky-header, cm-table cm-table-header.sticky-head, cm-table cm-table-header.sticky-header, cm-table cm-table-data.sticky-head, cm-table cm-table-data.sticky-header, cm-table cm-table-foot.sticky-head, cm-table cm-table-foot.sticky-header, cm-table cm-table-footer.sticky-head, cm-table cm-table-footer.sticky-header {
  top: 0
}
cm-table cm-table-head.sticky-left, cm-table cm-table-header.sticky-left, cm-table cm-table-data.sticky-left, cm-table cm-table-foot.sticky-left, cm-table cm-table-footer.sticky-left {
  left: 0
}
cm-table cm-table-head.sticky-right, cm-table cm-table-header.sticky-right, cm-table cm-table-data.sticky-right, cm-table cm-table-foot.sticky-right, cm-table cm-table-footer.sticky-right {
  right: 0
}
cm-table cm-table-head.sticky-foot, cm-table cm-table-head.sticky-footer, cm-table cm-table-header.sticky-foot, cm-table cm-table-header.sticky-footer, cm-table cm-table-data.sticky-foot, cm-table cm-table-data.sticky-footer, cm-table cm-table-foot.sticky-foot, cm-table cm-table-foot.sticky-footer, cm-table cm-table-footer.sticky-foot, cm-table cm-table-footer.sticky-footer {
  bottom: 0
}
cm-table cm-table-head, cm-table cm-table-foot {
  z-index: 19
}
cm-table cm-table-head.parent, cm-table cm-table-foot.parent {
  z-index: 20
}
cm-table cm-table-head.sticky-shadow, cm-table cm-table-foot.sticky-shadow {
  box-shadow: var(--elevation-table)
}
cm-table cm-table-head.sticky-foot.sticky-shadow, cm-table cm-table-foot.sticky-foot.sticky-shadow {
  box-shadow: var(--elevation-table-summary) !important
}
cm-table cm-table-header.sticky.sticky-header.sticky-left, cm-table cm-table-header.sticky.sticky-header.sticky-right, cm-table cm-table-header.sticky.sticky-footer.sticky-left, cm-table cm-table-header.sticky.sticky-footer.sticky-right, cm-table cm-table-footer.sticky.sticky-header.sticky-left, cm-table cm-table-footer.sticky.sticky-header.sticky-right, cm-table cm-table-footer.sticky.sticky-footer.sticky-left, cm-table cm-table-footer.sticky.sticky-footer.sticky-right {
  z-index: 20
}
cm-table cm-table-header.sticky.sticky-header:not(.sticky-left):not(.sticky-right), cm-table cm-table-header.sticky.sticky-footer:not(.sticky-left):not(.sticky-right), cm-table cm-table-footer.sticky.sticky-header:not(.sticky-left):not(.sticky-right), cm-table cm-table-footer.sticky.sticky-footer:not(.sticky-left):not(.sticky-right) {
  z-index: 15
}
cm-table cm-table-data.sticky.sticky-left, cm-table cm-table-data.sticky.sticky-right {
  z-index: 18
}
cm-table cm-table-data:not(.sticky) {
  z-index: 13
}
cm-table .sticky-background {
  position: absolute;
  width: 24px;
  z-index: 21;
  pointer-events: none
}
cm-table .sticky-background-left {
  clip-path: inset(0px -15px 0px 1px)
}
cm-table .sticky-background-right {
  clip-path: inset(0 1px 0 -15px)
}
cm-table .sticky-background-shadow {
  box-shadow: var(--elevation-table)
}
cm-table-sortable-button {
  position: fixed;
  width: 24px;
  height: 24px;
  z-index: 21
}
cm-table-sortable-button .sortable-btn {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: var(--background);
  cursor: pointer;
  box-shadow: var(--elevation-level-small)
}
cm-table-sortable-button .sortable-btn.asc, cm-table-sortable-button .sortable-btn.desc {
  background: var(--selected-color);
  transition: transform .25s
}
cm-table-sortable-button .sortable-btn.desc {
  transform: rotate(180deg)
}
cm-table-sortable-button .sortable-btn .cm-icon {
  margin-top: -2px
}
cm-table-sortable-button .sortable-btn .cm-icon.sortable {
  font-size: 16px;
  margin-left: 4px;
  position: absolute
}
cm-table-sortable-button .sortable-btn .cm-icon.sortable.cm-icon-arrow-down {
  margin-top: 6px;
  color: var(--background)
}
cm-table-sortable-button .sortable-btn .cm-icon.sortable.cm-icon-arrow-up {
  color: var(--bg)
}
cm-table cm-table-body cm-table-row cm-table cm-table-head cm-table-row:nth-child(odd), cm-table cm-table-body cm-table-row cm-table cm-table-head cm-table-row:nth-child(even), cm-table-row cm-table cm-table-head cm-table-row:nth-child(odd), cm-table-row cm-table cm-table-head cm-table-row:nth-child(even) {
  height: 40px;
  font-size: 12px
}
cm-table cm-table-body cm-table-row cm-table cm-table-head cm-table-row:nth-child(odd) .row-container, cm-table cm-table-body cm-table-row cm-table cm-table-head cm-table-row:nth-child(odd) .row-container > cm-table-header, cm-table cm-table-body cm-table-row cm-table cm-table-head cm-table-row:nth-child(even) .row-container, cm-table cm-table-body cm-table-row cm-table cm-table-head cm-table-row:nth-child(even) .row-container > cm-table-header, cm-table-row cm-table cm-table-head cm-table-row:nth-child(odd) .row-container, cm-table-row cm-table cm-table-head cm-table-row:nth-child(odd) .row-container > cm-table-header, cm-table-row cm-table cm-table-head cm-table-row:nth-child(even) .row-container, cm-table-row cm-table cm-table-head cm-table-row:nth-child(even) .row-container > cm-table-header {
  background-color: var(--table-header-background-color);
  height: 40px
}
cm-table cm-table-body cm-table-row cm-table cm-table-head cm-table-row:nth-child(odd) cm-table-header, cm-table cm-table-body cm-table-row cm-table cm-table-head cm-table-row:nth-child(even) cm-table-header, cm-table-row cm-table cm-table-head cm-table-row:nth-child(odd) cm-table-header, cm-table-row cm-table cm-table-head cm-table-row:nth-child(even) cm-table-header {
  background: unset
}
cm-table cm-table-body cm-table-row cm-table cm-table-head, cm-table cm-table-body cm-table-row cm-table cm-table-head cm-table-row, cm-table cm-table-body cm-table-row cm-table cm-table-body, cm-table-row cm-table cm-table-head, cm-table-row cm-table cm-table-head cm-table-row, cm-table-row cm-table cm-table-body {
  width: max-content;
  min-width: 100%
}
cm-table cm-table-body cm-table-row .row-container, cm-table-row .row-container {
  border-bottom: var(--default-small-border)
}
cm-table cm-table-body cm-table-row[data-child-table][data-open] + cm-table-row .row-container, cm-table-row[data-child-table][data-open] + cm-table-row .row-container {
  border-top: var(--default-small-border)
}
cm-table cm-table-body cm-table-row cm-table-row:nth-child(odd), cm-table cm-table-body cm-table-row cm-table-row:nth-child(even), cm-table cm-table-body cm-table-row cm-table-row:nth-child(even), cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(odd), cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(even), cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(even), cm-table-row cm-table-row:nth-child(odd), cm-table-row cm-table-row:nth-child(even), cm-table-row cm-table-row:nth-child(even), cm-table-row cm-table-body cm-table-row:nth-child(odd), cm-table-row cm-table-body cm-table-row:nth-child(even), cm-table-row cm-table-body cm-table-row:nth-child(even) {
  min-width: 100%
}
cm-table cm-table-body cm-table-row cm-table-row:nth-child(odd), cm-table cm-table-body cm-table-row cm-table-row:nth-child(odd) cm-table-data, cm-table cm-table-body cm-table-row cm-table-row:nth-child(even), cm-table cm-table-body cm-table-row cm-table-row:nth-child(even) cm-table-data, cm-table cm-table-body cm-table-row cm-table-row:nth-child(even), cm-table cm-table-body cm-table-row cm-table-row:nth-child(even) cm-table-data, cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(odd), cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(odd) cm-table-data, cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(even), cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(even) cm-table-data, cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(even), cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(even) cm-table-data, cm-table-row cm-table-row:nth-child(odd), cm-table-row cm-table-row:nth-child(odd) cm-table-data, cm-table-row cm-table-row:nth-child(even), cm-table-row cm-table-row:nth-child(even) cm-table-data, cm-table-row cm-table-row:nth-child(even), cm-table-row cm-table-row:nth-child(even) cm-table-data, cm-table-row cm-table-body cm-table-row:nth-child(odd), cm-table-row cm-table-body cm-table-row:nth-child(odd) cm-table-data, cm-table-row cm-table-body cm-table-row:nth-child(even), cm-table-row cm-table-body cm-table-row:nth-child(even) cm-table-data, cm-table-row cm-table-body cm-table-row:nth-child(even), cm-table-row cm-table-body cm-table-row:nth-child(even) cm-table-data {
  width: max-content
}
cm-table cm-table-body cm-table-row cm-table-row:nth-child(odd) cm-table-data, cm-table cm-table-body cm-table-row cm-table-row:nth-child(odd) cm-table-data cm-table-data, cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(odd) cm-table-data, cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(odd) cm-table-data cm-table-data, cm-table-row cm-table-row:nth-child(odd) cm-table-data, cm-table-row cm-table-row:nth-child(odd) cm-table-data cm-table-data, cm-table-row cm-table-body cm-table-row:nth-child(odd) cm-table-data, cm-table-row cm-table-body cm-table-row:nth-child(odd) cm-table-data cm-table-data {
  background-color: unset
}
cm-table cm-table-body cm-table-row cm-table-row:nth-child(odd)[data-selected] > .row-container, cm-table cm-table-body cm-table-row cm-table-row:nth-child(odd)[data-selected] > .row-container > cm-table-data, cm-table cm-table-body cm-table-row cm-table-row:nth-child(odd) cm-table-data[data-selected] > .row-container, cm-table cm-table-body cm-table-row cm-table-row:nth-child(odd) cm-table-data[data-selected] > .row-container > cm-table-data, cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(odd)[data-selected] > .row-container, cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(odd)[data-selected] > .row-container > cm-table-data, cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(odd) cm-table-data[data-selected] > .row-container, cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(odd) cm-table-data[data-selected] > .row-container > cm-table-data, cm-table-row cm-table-row:nth-child(odd)[data-selected] > .row-container, cm-table-row cm-table-row:nth-child(odd)[data-selected] > .row-container > cm-table-data, cm-table-row cm-table-row:nth-child(odd) cm-table-data[data-selected] > .row-container, cm-table-row cm-table-row:nth-child(odd) cm-table-data[data-selected] > .row-container > cm-table-data, cm-table-row cm-table-body cm-table-row:nth-child(odd)[data-selected] > .row-container, cm-table-row cm-table-body cm-table-row:nth-child(odd)[data-selected] > .row-container > cm-table-data, cm-table-row cm-table-body cm-table-row:nth-child(odd) cm-table-data[data-selected] > .row-container, cm-table-row cm-table-body cm-table-row:nth-child(odd) cm-table-data[data-selected] > .row-container > cm-table-data {
  background-color: var(--selected-background-light)
}
cm-table cm-table-body cm-table-row cm-table-row:nth-child(odd) > .row-container, cm-table cm-table-body cm-table-row cm-table-row:nth-child(odd) cm-table-data > .row-container, cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(odd) > .row-container, cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(odd) cm-table-data > .row-container, cm-table-row cm-table-row:nth-child(odd) > .row-container, cm-table-row cm-table-row:nth-child(odd) cm-table-data > .row-container, cm-table-row cm-table-body cm-table-row:nth-child(odd) > .row-container, cm-table-row cm-table-body cm-table-row:nth-child(odd) cm-table-data > .row-container {
  background-color: var(--background)
}
cm-table cm-table-body cm-table-row cm-table-row:nth-child(even) cm-table-data, cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(even) cm-table-data, cm-table-row cm-table-row:nth-child(even) cm-table-data, cm-table-row cm-table-body cm-table-row:nth-child(even) cm-table-data {
  background-color: unset
}
cm-table cm-table-body cm-table-row cm-table-row:nth-child(even)[data-selected] > .row-container, cm-table cm-table-body cm-table-row cm-table-row:nth-child(even)[data-selected] > .row-container > cm-table-data, cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(even)[data-selected] > .row-container, cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(even)[data-selected] > .row-container > cm-table-data, cm-table-row cm-table-row:nth-child(even)[data-selected] > .row-container, cm-table-row cm-table-row:nth-child(even)[data-selected] > .row-container > cm-table-data, cm-table-row cm-table-body cm-table-row:nth-child(even)[data-selected] > .row-container, cm-table-row cm-table-body cm-table-row:nth-child(even)[data-selected] > .row-container > cm-table-data {
  background-color: var(--selected-background)
}
cm-table cm-table-body cm-table-row cm-table-row:nth-child(even) > .row-container, cm-table cm-table-body cm-table-row cm-table-body cm-table-row:nth-child(even) > .row-container, cm-table-row cm-table-row:nth-child(even) > .row-container, cm-table-row cm-table-body cm-table-row:nth-child(even) > .row-container {
  background-color: var(--table-background-color)
}
cm-table cm-table-body cm-table-row cm-table-row > .row-container, cm-table cm-table-body cm-table-row cm-table-body cm-table-row > .row-container, cm-table-row cm-table-row > .row-container, cm-table-row cm-table-body cm-table-row > .row-container {
  border-left: var(--default-small-border)
}
cm-table cm-table-body cm-table-row cm-table-row.selected > .row-container, cm-table cm-table-body cm-table-row cm-table-body cm-table-row.selected > .row-container, cm-table-row cm-table-row.selected > .row-container, cm-table-row cm-table-body cm-table-row.selected > .row-container {
  background-color: var(--selected-background) !important
}
cm-table cm-table-body cm-table-row cm-table-row:hover > .row-container, cm-table cm-table-body cm-table-row cm-table-body cm-table-row:hover > .row-container, cm-table-row cm-table-row:hover > .row-container, cm-table-row cm-table-body cm-table-row:hover > .row-container {
  background-color: var(--default-background)
}
cm-table cm-table-body cm-table-row cm-table-row:last-child, cm-table cm-table-body cm-table-row cm-table-body cm-table-row:last-child, cm-table-row cm-table-row:last-child, cm-table-row cm-table-body cm-table-row:last-child {
  border-bottom: unset
}
.child-data-container > cm-table-row:not([data-child-table]):last-child > .row-container, .child-data-container > cm-table > cm-table-body > cm-table-row:not([data-child-table]):last-child > .row-container {
  border-bottom: unset
}
.tooltip {
  position: relative
}
.tooltip .tooltiptext {
  text-align: left;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 0;
  top: 0;
  left: 0;
  color: transparent;
  overflow: visible;
  pointer-events: none
}
.tooltip[data-tooltip-text]:before, .tooltip .tooltiptext[data-tooltip-text]:before {
  content: attr(data-tooltip-text);
  height: auto;
  width: 272px;
  min-height: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  background-color: var(--black-80);
  color: var(--white);
  border-radius: 16px;
  padding: 4px 8px;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  text-align: left;
  opacity: 0;
  transition: opacity ease-in-out;
  transition-duration: .1s;
  transition-delay: 0s;
  pointer-events: none;
  transform: translate(-50%, calc(-100% - 8px));
  white-space: pre;
  pointer-events: none;
  display: block
}
.tooltip.multiline[data-tooltip-text]:before, .tooltip.multiline .tooltiptext[data-tooltip-text]:before {
  border-radius: 8px
}
.tooltip[data-tooltip-text].right:before, .tooltip.right .tooltiptext:before {
  left: auto;
  right: -8px;
  transform: translate(100%, -50%)
}
.tooltip[data-tooltip-text].bottom:before, .tooltip.bottom .tooltiptext:before {
  top: auto;
  bottom: -8px;
  transform: translate(-50%, 100%)
}
.tooltip[data-tooltip-text].left:before, .tooltip.left .tooltiptext:before {
  left: -8px;
  transform: translate(-100%, -50%)
}
.tooltip:hover {
  z-index: 1070
}
.tooltip:hover[data-tooltip-text]:before {
  transition-duration: .35s;
  transition-delay: .2s;
  opacity: 1
}
.tooltip:hover .tooltiptext {
  z-index: 999
}
.tooltip:hover .tooltiptext:before {
  transition-duration: .35s;
  transition-delay: .2s;
  opacity: 1
}
cm-tooltip.tooltip[data-tooltip-text]:before {
  content: none;
  display: none
}
body > cm-tooltip-text {
  z-index: -1;
  position: fixed;
  filter: blur(0px) !important;
  top: 0;
  left: 0;
  pointer-events: none;
  visibility: visible;
  height: auto;
  width: auto;
  min-height: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  background-color: var(--black-80);
  color: var(--white);
  border-radius: 16px;
  padding: 4px 8px;
  position: absolute;
  z-index: 1;
  text-align: left;
  opacity: 0;
  white-space: nowrap;
  transition: opacity ease-in-out;
  transition-duration: .1s;
  transition-delay: 0s;
  display: block;
  transform: translate(-4px, -8px)
}
body > cm-tooltip-text.multiline {
  padding: 4px 8px;
  width: auto;
  max-width: 272px;
  overflow: hidden;
  white-space: pre-line
}
body > cm-tooltip-text.hover {
  z-index: 1000002;
  transition-duration: .35s;
  transition-delay: .2s;
  opacity: 1
}
cm-combo-box div[slot=icons] .cm-icon.cm-icon-error {
  pointer-events: none;
  color: var(--icon-error-color)
}
cm-combo-box div[slot=icons] .cm-icon.cm-icon-verification {
  pointer-events: none;
  color: var(--label-success-color)
}
cm-combo-box-chip {
  height: 32px;
  margin-left: 4px
}
cm-combobox-popup {
  z-index: 999999999;
  position: fixed
}
cm-combobox-popup[data-render-on-top] {
  transition: top .25s
}
cm-combobox-popup .dropdown {
  left: 0;
  right: 0;
  background: var(--background);
  border-radius: 8px;
  max-height: 0;
  box-shadow: var(--elevation-level-medium);
  overflow: hidden;
  margin-top: 8px;
  transition: max-height .25s, border .25s, box-shadow .25s
}
cm-combobox-popup .dropdown.noResults:not(.actionButton) {
  box-shadow: none;
  border: none;
  max-height: 0 !important
}
cm-combobox-popup .dropdown.noResults .list {
  margin-top: -8px !important
}
cm-combobox-popup .dropdown .list-container {
  transition: opacity .5s;
  opacity: 0;
  overflow: hidden;
  max-height: 264px
}
cm-combobox-popup .dropdown .list-container .list {
  overflow-y: auto;
  max-height: 200px;
  padding: 0;
  margin: 8px 0
}
cm-combobox-popup .dropdown .list-container .list.actionbutton {
  margin: 8px 0 48px
}
cm-combobox-popup .renderOnBottom {
  top: 100%
}
cm-combobox-popup .renderOnTop {
  bottom: 120%
}
cm-combobox-popup .action-box {
  position: absolute;
  bottom: 0;
  width: calc(100% - 4px);
  border-radius: 16px
}
cm-combobox-popup ::-webkit-scrollbar {
  width: 8px
}
cm-combobox-popup ::-webkit-scrollbar-track {
  background-color: var(--background)
}
cm-combobox-popup ::-webkit-scrollbar-thumb {
  min-height: 32px !important;
  background-color: var(--scroll-bar);
  border-radius: 4px
}
cm-select .clear-input-icon {
  color: var(--input-icon-right)
}
cm-select .clear-input-icon:hover {
  color: var(--input-icon-right-hover)
}
cm-select-option-checkbox li {
  height: 48px;
  padding: 0;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
cm-select-option-checkbox li.disabled a {
  color: var(--label-disabled-color) !important
}
cm-option li:hover a, .suggestion li a {
  color: var(--selected-color) !important
}
.suggestion li {
  background-color: var(--option-hover-background-color) !important
}
cm-option {
  display: block
}
cm-option .select-dropdown-icon {
  display: flex;
  position: relative;
  align-items: center
}
cm-option .select-dropdown-icon.avatar {
  display: block
}
cm-option li {
  padding: 0 16px;
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: unset !important
}
cm-option li .full-width {
  width: 100%
}
cm-option li:hover {
  background-color: var(--option-hover-background-color) !important;
  cursor: pointer
}
cm-option li:hover:not(.disabled) .cm-icon {
  color: var(--selected-color)
}
cm-option li.selected {
  border-left: 4px solid var(--selected-color);
  padding-left: 12px;
  background-color: var(--option-selected-background-color) !important
}
cm-option li.selected span.description, cm-option li.selected span.cm-icon {
  color: var(--selected-color) !important
}
cm-option li.selected a {
  color: var(--selected-color) !important;
  font-weight: 500 !important
}
cm-option li i {
  margin-right: 5px;
  color: inherit;
  vertical-align: middle
}
cm-option li a {
  display: inline-block;
  line-height: 24px;
  vertical-align: middle;
  color: var(--input-color) !important;
  font-size: 14px;
  font-family: var(--font-family-base), sans-serif;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important
}
cm-option li a:not(.hasDescription) {
  padding: 12px 8px
}
cm-option li a.hasDescription {
  padding: 12px 8px 0
}
cm-option li a:not(.second) {
  flex: 1
}
cm-option li span.cm-icon {
  color: var(--input-color)
}
cm-option li span.description, cm-option li a:not([href]):not([tabindex]).second {
  color: var(--label-sub-color) !important
}
cm-option li.disabled:hover {
  background: 0 0 !important;
  cursor: default
}
cm-option li.disabled .select-dropdown-icon .select.cm-flag, cm-option li.disabled .select-dropdown-icon .select.cm-icon, cm-option li.disabled .select-dropdown-icon .select.cm-payment, cm-option li.disabled .select-dropdown-icon .select.cm-channel, cm-option li.disabled .select-dropdown-icon .select.cm-tool, cm-option li.disabled .select-dropdown-icon .select.cm-app {
  opacity: .25
}
cm-option li.disabled a, cm-option li.disabled a:hover, cm-option li.disabled span.description, cm-option li.disabled a:not([href]):not([tabindex]).second {
  color: var(--label-disabled-color) !important
}
cm-option li span.description {
  display: inline-block;
  padding: 0 8px 12px;
  white-space: initial
}
cm-option li .highlight {
  font-weight: 500
}
cm-option[slot=notfound] {
  pointer-events: none
}
cm-option[slot=notfound] li a {
  color: var(--hint-text-color) !important
}
cm-option[slot=notfound] .highlight {
  font-weight: 400;
  color: var(--default-color)
}
cm-option cm-avatar.select.cm-avatar {
  transform: scale(.77)
}
@-moz-document url-prefix() {
  cm-option li {
    text-overflow: clip
  }
}
cm-option .select.cm-flag, cm-option cm-option .select.cm-flag, cm-option .select.cm-icon, cm-option .select.cm-app {
  width: 24px;
  height: 24px;
  font-size: 20px;
  background-size: 24px 24px !important;
  display: inline-block
}
cm-color-picker-popup {
  z-index: 999999999;
  position: fixed
}
cm-color-picker .color-selector, cm-color-picker-popup .color-selector {
  width: 24px;
  height: 24px;
  background-image: url(../image/alpha.png);
  position: relative;
  margin-left: 8px;
  border-radius: 50%;
  margin-top: -32px;
  z-index: 1
}
cm-color-picker .color-selector .result-color-picker, cm-color-picker-popup .color-selector .result-color-picker {
  cursor: pointer;
  border: 1px solid rgba(52, 64, 85, .2);
  border-radius: 50%;
  height: 100%;
  width: 100%
}
cm-color-picker .color-selector .result-color-picker.animation:hover, cm-color-picker-popup .color-selector .result-color-picker.animation:hover {
  transform: scale(1.1)
}
cm-color-picker .alpha-input .form-control::-webkit-inner-spin-button, cm-color-picker .alpha-input .form-control::-webkit-outer-spin-button, cm-color-picker-popup .alpha-input .form-control::-webkit-inner-spin-button, cm-color-picker-popup .alpha-input .form-control::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
cm-color-picker .alpha-input ~ .icon.alpha, cm-color-picker-popup .alpha-input ~ .icon.alpha {
  position: relative;
  margin-left: -24px;
  top: 9px;
  color: var(--input-color)
}
.picker {
  position: absolute;
  left: 0;
  right: 0;
  width: 296px;
  border-radius: 10px;
  overflow: hidden;
  background: var(--background)
}
.picker.show {
  border: var(--default-border);
  box-shadow: var(--elevation-level-medium)
}
.picker:not(.show) {
  max-height: 0
}
.picker .picker-container {
  padding: 16px;
  display: flex;
  flex-direction: column;
  height: inherit
}
.picker .picker-container .canvas {
  height: 150px;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 16px
}
.picker .picker-container .alpha-selection .alphaWrapper {
  margin-top: 16px;
  background: url(../image/alpha_mask.png);
  background-repeat: no-repeat;
  border-radius: 8px
}
.picker .picker-container .color-selection, .picker .picker-container .alpha-selection {
  display: flex;
  flex-direction: row;
  align-items: center
}
.picker .picker-container .color-selection .hueWrapper, .picker .picker-container .color-selection .alphaWrapper, .picker .picker-container .alpha-selection .hueWrapper, .picker .picker-container .alpha-selection .alphaWrapper {
  flex-grow: 1;
  width: 0;
  position: relative;
  height: 16px
}
.picker .picker-container .color-selection .hueWrapper .background, .picker .picker-container .color-selection .hueWrapper .alphaBackground, .picker .picker-container .color-selection .alphaWrapper .background, .picker .picker-container .color-selection .alphaWrapper .alphaBackground, .picker .picker-container .alpha-selection .hueWrapper .background, .picker .picker-container .alpha-selection .hueWrapper .alphaBackground, .picker .picker-container .alpha-selection .alphaWrapper .background, .picker .picker-container .alpha-selection .alphaWrapper .alphaBackground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 8px
}
.picker .picker-container .form-group {
  margin-top: 16px
}
.picker .canvasHandle, .picker .hueHandle, .picker .alphaHandle {
  position: absolute;
  top: 1px;
  left: -2px;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  box-shadow: var(--elevation-level-medium);
  z-index: 1;
  pointer-events: none
}
.picker .canvasWrapper, .picker .hueWrapper, .picker .alphaWrapper {
  cursor: grab
}
.emoji {
  cursor: pointer
}
cm-emoji-picker-popup {
  z-index: 1000001
}
.emoji-list {
  display: grid;
  max-height: 424px;
  height: fit-content;
  width: fit-content;
  border: var(--default-border);
  border-radius: 20px;
  background-color: var(--background);
  box-shadow: var(--elevation-level-medium);
  overflow-y: auto;
  padding-left: 8px;
  align-items: center;
  justify-items: center
}
.emoji-list.top-right {
  left: 48px;
  bottom: 24px
}
.emoji-list.bottom-right {
  left: 48px;
  top: 24px
}
.emoji-list.top-left {
  right: 48px;
  bottom: 24px
}
.emoji-list.bottom-left {
  right: 48px;
  top: 24px
}
.emoji-list .emoji {
  width: 24px;
  height: 24px;
  text-align: left;
  font-size: 16px;
  color: #000
}
.emoji-picker {
  position: relative;
  display: inline-flex
}
.form-check, .form-radio {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.form-check label, .form-radio label {
  cursor: pointer;
  padding: 0;
  display: flex;
  min-height: 24px;
  font-weight: 400
}
.form-radio {
  margin: 8px 0 16px
}
.form-radio > input {
  display: none
}
.form-radio > input:checked + .form-check-label:before {
  mask-image: url(../../svg/icons/radio-checked.svg);
  -webkit-mask-image: url(../../svg/icons/radio-checked.svg);
  color: var(--selected-color)
}
.form-radio > input + .form-check-label {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  min-width: 24px;
  min-height: 1em;
  background-size: 0 0
}
.form-radio > input + .form-check-label:before {
  content: "";
  color: var(--input-color);
  text-align: center;
  position: absolute;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  pointer-events: none;
  background-color: currentColor;
  transition: color .3s;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: 100%;
  -webkit-mask-size: 100%;
  mask-position: center center;
  -webkit-mask-position: center center;
  mask-image: url(../../svg/icons/radio-unchecked.svg);
  -webkit-mask-image: url(../../svg/icons/radio-unchecked.svg)
}
.form-radio > input:disabled:checked + .form-check-label:before {
  mask-image: url(../../svg/icons/radio-checked.svg);
  -webkit-mask-image: url(../../svg/icons/radio-checked.svg)
}
.form-radio > input:disabled + .form-check-label {
  cursor: not-allowed;
  color: var(--label-disabled-color)
}
.form-radio > input:disabled + .form-check-label:before {
  color: var(--label-disabled-color);
  mask-image: url(../../svg/icons/radio-unchecked.svg);
  -webkit-mask-image: url(../../svg/icons/radio-unchecked.svg)
}
.form-radio > label.form-check-label {
  position: relative;
  padding-left: 28px
}
@supports(-ms-ime-align:auto) {
  .form-radio > label.form-check-label {
    padding-top: 3px
  }
}
.form-check {
  margin: 8px 0 16px
}
.form-check > label > input {
  display: none
}
.form-check > label > input:checked + .label:before {
  mask-image: url(../../svg/icons/checkbox-checked.svg);
  -webkit-mask-image: url(../../svg/icons/checkbox-checked.svg);
  color: var(--selected-color);
  -webkit-animation: checkbox-checked .12s ease-in-out;
  animation: checkbox-checked .12s ease-in-out
}
.form-check > label > input:indeterminate + .label:before, .form-check > label > input.pseudo-state-indeterminate + .label:before {
  mask-image: url(../../svg/icons/checkbox-intermediate.svg);
  -webkit-mask-image: url(../../svg/icons/checkbox-intermediate.svg);
  color: var(--selected-color);
  -webkit-animation: checkbox-checked .12s ease-in-out;
  animation: checkbox-checked .12s ease-in-out
}
.form-check > label > input + .label {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  min-width: 24px;
  min-height: 1em;
  background-size: 0 0
}
.form-check > label > input + .label:before {
  content: "";
  color: var(--checkbox-inactive-color);
  text-align: center;
  position: absolute;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  pointer-events: none;
  background-color: currentColor;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: 100%;
  -webkit-mask-size: 100%;
  mask-position: center center;
  -webkit-mask-position: center center;
  mask-image: url(../../svg/icons/checkbox-unchecked.svg);
  -webkit-mask-image: url(../../svg/icons/checkbox-unchecked.svg);
  -webkit-animation: checkbox-unchecked .12s ease-in-out;
  animation: checkbox-unchecked .12s ease-in-out
}
.form-check > label > input:disabled {
  cursor: not-allowed
}
.form-check > label > input:disabled:checked + .label:before, .form-check > label > input:disabled:indeterminate + .label:before, .form-check > label > input:disabled.pseudo-state-indeterminate + .label:before {
  color: var(--disabled-color)
}
.form-check > label > input:disabled + .label {
  color: var(--label-disabled-color)
}
.form-check > label > input:disabled + .label:before {
  color: var(--label-disabled-color)
}
.form-check > label > span.label {
  position: relative;
  padding-left: 28px
}
@supports(-ms-ime-align:auto) {
  .form-check > label > span.label {
    padding-top: 3px
  }
}
@-webkit-keyframes checkbox-checked {
  50% {
    mask-size: 80%;
    -webkit-mask-size: 80%
  }
}
@keyframes checkbox-checked {
  50% {
    mask-size: 80%;
    -webkit-mask-size: 80%
  }
}
@-webkit-keyframes checkbox-unchecked {
  50% {
    mask-size: 80%;
    -webkit-mask-size: 80%
  }
}
@keyframes checkbox-unchecked {
  50% {
    mask-size: 80%;
    -webkit-mask-size: 80%
  }
}
cm-radiobutton .form-radio-control {
  display: flex;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 8px 0 16px
}
cm-radiobutton .form-radio-control label {
  cursor: pointer;
  padding: 0;
  display: flex;
  min-height: 24px;
  font-weight: 400
}
cm-radiobutton .form-radio-control input.form-radio-input {
  display: none
}
cm-radiobutton .form-radio-control input.form-radio-input + .form-radiobutton-icon {
  border-radius: 50%;
  transition: color .3s
}
cm-radiobutton .form-radio-control input.form-radio-input + .form-radiobutton-icon.cm-icon.cm-icon-radio-unchecked {
  color: var(--radiobutton-default-color)
}
cm-radiobutton .form-radio-control input.form-radio-input + .form-radiobutton-icon:focus {
  outline: 4px solid var(--radiobutton-outline-color);
  outline-offset: -2px
}
cm-radiobutton .form-radio-control input.form-radio-input:checked:not(:disabled) + .form-radiobutton-icon {
  color: var(--selected-color)
}
cm-radiobutton .form-radio-control input.form-radio-input:disabled + .form-radiobutton-icon.cm-icon.cm-icon-radio-checked, cm-radiobutton .form-radio-control input.form-radio-input:disabled + .form-radiobutton-icon.cm-icon.cm-icon-radio-unchecked {
  color: var(--radiobutton-disabled-color)
}
cm-radiobutton .form-radio-control input.form-radio-input:disabled + .cm-icon.cm-icon-radio-checked, cm-radiobutton .form-radio-control input.form-radio-input:disabled + .cm-icon.cm-icon-radio-unchecked, cm-radiobutton .form-radio-control input.form-radio-input:disabled ~ label.form-check-label {
  cursor: not-allowed
}
cm-radiobutton .form-radio-control input.form-radio-input:disabled ~ label.form-check-label {
  color: var(--label-disabled-color)
}
cm-radiobutton .form-radio-control > label.form-check-label {
  position: relative;
  padding-left: 12px
}
@supports(-ms-ime-align:auto) {
  cm-radiobutton .form-radio-control > label.form-check-label {
    padding-top: 3px
  }
}
.form-group .form-switch .switch, label.form-switch .switch {
  position: relative;
  display: block;
  width: auto;
  min-width: 40px;
  padding: 0;
  text-align: left;
  display: flex
}
.form-group .form-switch .switch.right .label, label.form-switch .switch.right .label {
  margin-top: 0;
  padding-right: 16px;
  overflow: visible;
  max-width: none
}
.form-group .form-switch .switch .label, label.form-switch .switch .label {
  cursor: pointer;
  position: relative;
  display: inline-block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  color: var(--label-color);
  font-weight: 600;
  width: auto;
  max-width: calc(100% - 40px - 16px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.form-group .form-switch .switch .label > .off, .form-group .form-switch .switch .label > .on, label.form-switch .switch .label > .off, label.form-switch .switch .label > .on {
  position: relative;
  display: none
}
.form-group .form-switch .switch input, label.form-switch .switch input {
  display: none
}
.form-group .form-switch .switch input + .label, label.form-switch .switch input + .label {
  margin-right: 16px;
  float: left
}
.form-group .form-switch .switch .label:last-child, label.form-switch .switch .label:last-child {
  margin-left: 16px;
  float: right
}
.form-group .form-switch .slider, label.form-switch .slider {
  position: relative;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(296.57deg, var(--default-color) 0%, var(--default-color) 100%);
  -webkit-transition: .2s;
  transition: .2s;
  height: 24px;
  padding: 0 20px;
  opacity: 1;
  width: 40px
}
.form-group .form-switch .slider:before, label.form-switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  bottom: 4px;
  right: 20px;
  background-color: var(--background);
  -webkit-transition: .2s;
  transition: .2s
}
.form-group .form-switch .slider.round, label.form-switch .slider.round {
  border-radius: 12px
}
.form-group .form-switch .slider.round:before, label.form-switch .slider.round:before {
  border-radius: 50%
}
.form-group .form-switch input:not(:checked) ~ .label > .on, .form-group .form-switch input:checked ~ .label > .off, label.form-switch input:not(:checked) ~ .label > .on, label.form-switch input:checked ~ .label > .off {
  display: inline-block !important
}
.form-group .form-switch input:checked ~ .slider, label.form-switch input:checked ~ .slider {
  background: var(--selected-gradient)
}
.form-group .form-switch input:checked ~ .slider:before, label.form-switch input:checked ~ .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px)
}
.form-group .form-switch input:disabled ~ .label, label.form-switch input:disabled ~ .label {
  cursor: not-allowed;
  color: var(--cl-disabled-color)
}
.form-group .form-switch input:disabled ~ .slider, label.form-switch input:disabled ~ .slider {
  cursor: not-allowed;
  background: var(--cl-disabled-color)
}
.form-group .form-switch input:disabled ~ .slider:before, label.form-switch input:disabled ~ .slider:before {
  background-color: var(--background)
}
.form-group .form-switch-text, .form-group .form-switch-text-icon {
  display: flex
}
.form-group .form-switch-text input[type=radio], .form-group .form-switch-text-icon input[type=radio] {
  display: none
}
.form-group .form-switch-text > label.left, .form-group .form-switch-text > label.right, .form-group .form-switch-text-icon > label.left, .form-group .form-switch-text-icon > label.right {
  display: flex;
  cursor: pointer;
  height: 40px;
  line-height: 36px;
  width: 50%;
  border-top: var(--default-border);
  border-bottom: var(--default-border);
  font-weight: 700;
  text-align: center;
  font-size: 14px;
  transition: border .2s, background-color .2s
}
.form-group .form-switch-text > label.left, .form-group .form-switch-text-icon > label.left {
  border-radius: 20px 0 0 20px;
  border-left: var(--default-border);
  border-right: 2px solid transparent
}
.form-group .form-switch-text > label.right, .form-group .form-switch-text-icon > label.right {
  border-radius: 0 20px 20px 0;
  border-right: var(--default-border);
  border-left: 2px solid transparent
}
.form-group .form-switch-text > input[type=radio]:checked + label, .form-group .form-switch-text-icon > input[type=radio]:checked + label {
  color: var(--selected-color);
  background-color: var(--selected-background);
  border: var(--selected-border)
}
.form-group .form-switch-text > label.left span.text, .form-group .form-switch-text > label.right span.text {
  display: block;
  margin-left: auto;
  margin-right: auto
}
.form-group .form-switch-text-icon > label.left, .form-group .form-switch-text-icon > label.right {
  padding: 0 0 0 8px
}
.form-group .form-switch-text-icon > label.left > span.cm-icon, .form-group .form-switch-text-icon > label.left > span.cm-channel, .form-group .form-switch-text-icon > label.left > span.cm-tool, .form-group .form-switch-text-icon > label.right > span.cm-icon, .form-group .form-switch-text-icon > label.right > span.cm-channel, .form-group .form-switch-text-icon > label.right > span.cm-tool {
  top: 0
}
.form-group .form-switch-text-icon > label.left > span + span, .form-group .form-switch-text-icon > label.right > span + span {
  padding-left: 8px
}
cm-stepper > cm-stepper-step:first-of-type .step .step-info {
  margin-left: 0
}
cm-stepper > cm-stepper-step:last-of-type .step .step-info {
  margin-right: 0
}
cm-stepper > cm-stepper-step:last-of-type .step .step-info .label {
  padding-right: 0
}
cm-stepper-step .step {
  width: max-content;
  margin-block: 8px
}
cm-stepper-step .step .step-info {
  display: flex;
  margin-inline: 8px
}
cm-stepper-step .step .step-info.clickable:hover {
  cursor: pointer
}
cm-stepper-step .step .step-info.clickable:hover .dot {
  background-color: var(--blue-20);
  color: var(--blue-144);
  box-shadow: var(--elevation-level-medium)
}
cm-stepper-step .step .step-info.clickable:hover .label {
  text-decoration: underline
}
cm-stepper-step .step .step-info .dot {
  background: var(--cl-disabled-color);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
cm-stepper-step .step .step-info .dot.active {
  background-color: var(--bg-selected-color)
}
cm-stepper-step .step .step-info .dot.finished {
  background-color: var(--bg-selected-light-color)
}
cm-stepper-step .step .step-info .dot.finished .dot-label {
  color: var(--cl-selected-color)
}
cm-stepper-step .step .step-info .dot .dot-label {
  color: var(--cl-default-inverse-color);
  margin: 0 auto
}
cm-stepper-step .step .step-info .dot .dot-label .cm-icon {
  margin-top: 4px
}
cm-stepper-step .step .step-info .dot .dot-label .cm-icon:before {
  width: 20px;
  height: 20px;
  margin: 2px
}
cm-stepper-step .step .step-info .label {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  font-size: 14px;
  padding-inline: 8px;
  color: var(--step-label-color)
}
cm-stepper-step .step .step-info .label.active {
  font-weight: 500
}
cm-list-picker-popup {
  z-index: 999999999;
  position: fixed
}
cm-list-picker-popup ::-webkit-scrollbar {
  width: 8px
}
cm-list-picker-popup ::-webkit-scrollbar-track {
  background-color: var(--background)
}
cm-list-picker-popup ::-webkit-scrollbar-thumb {
  min-height: 32px !important;
  background-color: var(--scroll-bar);
  border-radius: 4px
}
cm-list-picker-popup .wrapper {
  width: min-content;
  border-radius: 8px;
  background-color: var(--background);
  box-shadow: var(--elevation-level-medium);
  overflow-y: hidden;
  padding: 20px 0 8px
}
cm-list-picker-popup .options-wrapper {
  min-height: 64px;
  max-height: 240px;
  min-width: 200px;
  overflow-y: auto
}
[data-tag] .tag {
  border-radius: 4px;
  height: 24px;
  line-height: 21px;
  padding: 0 8px;
  max-width: fit-content;
  border: var(--default-small-active-border);
  background-color: var(--default-background);
  color: var(--default-color-highcontrast)
}
[data-tag] .tag.success {
  border: var(--default-small-success-border);
  background-color: var(--success-bg);
  color: var(--success-color-highcontrast)
}
[data-tag] .tag.error {
  border: var(--default-small-error-border);
  background-color: var(--error-bg);
  color: var(--error-color-highcontrast)
}
[data-tag] .tag.warning {
  border: var(--default-small-warning-border);
  background-color: var(--warning-bg);
  color: var(--warning-color-highcontrast)
}
[data-tag] .tag.information {
  border: var(--selected-small-border);
  background-color: var(--selected-background);
  color: var(--selected-color-highcontrast)
}
cm-checkbox .form-checkbox-control {
  display: flex;
  align-items: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 8px 0 16px
}
cm-checkbox .form-checkbox-control label {
  cursor: pointer;
  padding: 0;
  display: flex;
  min-height: 24px;
  font-weight: 400
}
cm-checkbox .form-checkbox-control input.form-checkbox-input {
  display: none
}
cm-checkbox .form-checkbox-control input.form-checkbox-input + .form-checkbox-icon {
  border-radius: 4px;
  min-width: 20px;
  min-height: 20px
}
cm-checkbox .form-checkbox-control input.form-checkbox-input + .form-checkbox-icon.cm-icon.cm-icon-checkbox-component-unchecked {
  color: var(--checkbox-default-color)
}
cm-checkbox .form-checkbox-control input.form-checkbox-input + .form-checkbox-icon:focus {
  outline: 4px solid var(--checkbox-outline-color)
}
cm-checkbox .form-checkbox-control input.form-checkbox-input:checked:not(:disabled) + .form-checkbox-icon {
  background: var(--selected-color);
  color: var(--background)
}
cm-checkbox .form-checkbox-control input.form-checkbox-input:indeterminate:not(:disabled) + .form-checkbox-icon {
  background: var(--selected-color);
  color: var(--background)
}
cm-checkbox .form-checkbox-control input.form-checkbox-input:disabled + .form-checkbox-icon {
  background: var(--checkbox-disabled-background);
  cursor: not-allowed
}
cm-checkbox .form-checkbox-control input.form-checkbox-input:disabled + .cm-icon.cm-icon-checkbox-component-checked, cm-checkbox .form-checkbox-control input.form-checkbox-input:disabled + .cm-icon.cm-icon-checkbox-component-intermediate {
  color: var(--background)
}
cm-checkbox .form-checkbox-control input.form-checkbox-input:disabled + .cm-icon.cm-icon-checkbox-component-unchecked {
  color: var(--checkbox-disabled-color)
}
cm-checkbox .form-checkbox-control input.form-checkbox-input:disabled ~ label.form-checkbox-label {
  cursor: not-allowed;
  color: var(--label-disabled-color)
}
cm-checkbox .form-checkbox-control > label.form-checkbox-label {
  position: relative;
  padding-left: 8px
}
@supports(-ms-ime-align:auto) {
  cm-checkbox .form-checkbox-control > label.form-checkbox-label {
    padding-top: 3px
  }
}
input[type=checkbox] {
  display: none
}
cm-sidenav {
  background: var(--background);
  height: 100%;
  width: 320px;
  position: fixed;
  z-index: 999998;
  top: 0;
  left: 0;
  -webkit-transition: transform .25s;
  transition: transform .25s;
  font-family: var(--font-family-base), sans-serif;
  border-right: var(--default-border);
  padding-top: 80px
}
@media(max-width:480px) {
  cm-sidenav {
    width: 100%;
    border-right: none
  }
}
@media(max-width:320px) {
  cm-sidenav {
    padding-top: 72px
  }
}
cm-sidenav:before {
  background: transparent
}
cm-sidenav a {
  color: inherit
}
cm-sidenav a:hover:not(:disabled):not(.disabled) {
  color: var(--black-100)
}
cm-sidenav a:hover:not(:disabled):not(.disabled) > cm-sidenav-header, cm-sidenav a:hover:not(:disabled):not(.disabled) > cm-sidenav-option {
  font-weight: 500
}
cm-sidenav a:disabled, cm-sidenav a.disabled {
  cursor: not-allowed
}
cm-sidenav a:disabled > cm-sidenav-option, cm-sidenav a.disabled > cm-sidenav-option {
  color: var(--label-disabled-color);
  background-color: transparent;
  font-weight: 400;
  cursor: not-allowed;
  pointer-events: none
}
cm-sidenav .switch-box {
  border-radius: 16px;
  padding: 16px;
  margin-left: -16px;
  width: 280px;
  margin-top: 24px;
  margin-bottom: 16px;
  border: var(--default-border);
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  position: relative
}
cm-sidenav .switch-box.no-border {
  border: none;
  outline: none
}
cm-sidenav .switch-box > .title {
  display: flex;
  flex: 0 0 83.333333%;
  flex-direction: row;
  align-items: stretch;
  max-width: 83.333333%;
  font-size: 14px;
  font-weight: 700;
  color: var(--label-color);
  margin: 0
}
cm-sidenav .switch-box > .title > * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
cm-sidenav .switch-box > .title > :not(:first-child) {
  margin-left: 8px
}
cm-sidenav .switch-box > .switch-icon {
  cursor: pointer;
  position: absolute;
  right: 16px;
  align-self: center
}
cm-sidenav .switch-box > .sub-title {
  display: flex;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
  font-size: 14px
}
cm-sidenav .switch-box > .sub-title > span.cm-icon {
  margin-top: -4px;
  font-size: 18px
}
cm-sidenav .switch-box > .sub-title > :not(:first-child) {
  margin-left: 8px
}
cm-sidenav cm-sidenav-header {
  height: 24px;
  width: 100%;
  color: var(--label-color);
  font-size: var(--font-size-h6);
  font-weight: 500;
  left: -320px;
  position: relative;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
cm-sidenav cm-sidenav-header[slot=bottom] {
  left: 0
}
cm-sidenav cm-sidenav-header.onBottom.active {
  bottom: 8px;
  margin-left: 24px !important
}
cm-sidenav cm-sidenav-header.onBottom {
  margin-left: 40px !important;
  bottom: 40px;
  position: fixed;
  left: 0;
  width: 272px
}
cm-sidenav cm-sidenav-header .badge {
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--label-color) !important;
  font-weight: 500
}
cm-sidenav cm-sidenav-header:hover {
  font-weight: 500
}
cm-sidenav cm-sidenav-header.active {
  font-weight: 500;
  display: block;
  border-radius: 16px;
  background-color: var(--selected-background);
  color: var(--selected-color);
  padding-left: 16px;
  margin-left: -16px;
  height: 48px;
  width: 272px;
  outline: 0
}
@media(max-width:480px) {
  cm-sidenav cm-sidenav-header.active {
    width: 100%
  }
}
cm-sidenav > cm-sidenav-option {
  left: -320px;
  margin: 0 0 0 -24px !important
}
cm-sidenav > cm-sidenav-option[slot=bottom] {
  left: 0;
  margin: 0 0 0 -24px
}
cm-sidenav cm-sidenav-option {
  font-size: var(--font-size-h6);
  font-weight: 400;
  display: block;
  height: 48px;
  margin: 0 0 0 -32px;
  line-height: 48px;
  padding-left: 24px;
  width: 280px;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: var(--label-color);
  position: relative
}
cm-sidenav cm-sidenav-option .badge {
  background-color: transparent !important;
  border-color: transparent !important;
  margin-right: 40px;
  color: var(--label-color) !important;
  font-weight: 400
}
cm-sidenav cm-sidenav-option:hover:not(:disabled):not(.disabled) {
  font-weight: 500
}
cm-sidenav cm-sidenav-option:hover:not(:disabled):not(.disabled) .badge {
  font-weight: 500
}
cm-sidenav cm-sidenav-option:active, cm-sidenav cm-sidenav-option.active {
  border-radius: 16px;
  font-weight: 500;
  background-color: var(--selected-background);
  color: var(--selected-color);
  outline: 0
}
@media(max-width:480px) {
  cm-sidenav cm-sidenav-option:active, cm-sidenav cm-sidenav-option.active {
    width: 100%
  }
}
cm-sidenav cm-sidenav-option:active .badge, cm-sidenav cm-sidenav-option.active .badge {
  background-color: transparent !important;
  border-color: transparent !important;
  margin-right: 40px;
  color: var(--selected-color) !important;
  font-weight: 500
}
cm-sidenav cm-sidenav-option:disabled, cm-sidenav cm-sidenav-option.disabled {
  cursor: not-allowed;
  color: var(--label-disabled-color);
  background-color: transparent;
  font-weight: 400;
  pointer-events: none
}
cm-sidenav cm-sidenav-option a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent
}
cm-sidenav cm-sidenav-option > span.cm-icon {
  padding-top: 8px;
  margin-left: -8px;
  margin-right: 8px
}
cm-sidenav cm-sidenav-option.onBottom {
  margin-left: -16px !important;
  bottom: 8px;
  position: fixed
}
cm-sidenav ~ platform-header {
  z-index: 999999
}
cm-sidenav ~ platform-header .sidenav-wrapper:before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 320px;
  height: 100vh;
  background: var(--white);
  z-index: -1
}
cm-sidenav ~ platform-header .sidenav-wrapper {
  width: 320px;
  max-width: 320px;
  -webkit-transition: width .25s;
  transition: width .25s
}
cm-sidenav ~ platform-header .sidenav-wrapper .wrapper {
  height: 100px !important;
  border-bottom: var(--default-border)
}
@media(max-width:480px) {
  cm-sidenav ~ platform-header .sidenav-wrapper {
    width: 100%;
    max-width: 100%
  }
  cm-sidenav ~ platform-header .sidenav-wrapper:before {
    display: none
  }
}
@media(max-width:608px) {
  cm-sidenav ~ platform-header .sidenav-wrapper > .wrapper {
    padding: 32px
  }
}
platform-header {
  color: var(--background-inverse) !important
}
@media(min-width:480px) {
  platform-header {
    margin: 32px 0 !important
  }
}
platform-header:before {
  border-bottom: var(--default-border);
  background: var(--background) !important
}
platform-header .sidenav-wrapper {
  color: var(--black-100) !important;
  border-bottom: var(--default-border)
}
platform-header .sidenav-wrapper > .wrapper > a {
  color: inherit
}
platform-header > .cm-pfh-container > .cm-pfh-logo > svg .logo-bg {
  color: #101e1e !important
}
@media(max-width:480px) {
  platform-header .cm-pfh-container > .cm-pfh-app-title {
    text-align: left !important
  }
}
@media(max-width:320px) {
  platform-header .cm-pfh-container > .cm-pfh-app-title {
    left: 56px !important
  }
  platform-header .cm-pfh-sidenav-btn {
    margin: 0 8px 0 -8px !important
  }
}
cm-sidenav ~ platform-header:before {
  left: 0 !important
}
input#cm-sidenav-toggle:not(:checked) ~ cm-sidenav {
  transform: translate(-100%, 0)
}
@media(max-width:480px) {
  input#cm-sidenav-toggle:not(:checked) ~ cm-sidenav ~ platform-header:before {
    height: 110px !important
  }
}
input#cm-sidenav-toggle:not(:checked) ~ cm-sidenav ~ platform-header .sidenav-wrapper {
  width: 0
}
@media(max-width:1199px)and (min-width:480px) {
  input#cm-sidenav-toggle:checked ~ cm-backdrop > .backdrop {
    opacity: 1;
    pointer-events: auto
  }
  input#cm-sidenav-toggle:checked ~ .container, input#cm-sidenav-toggle:checked ~ * .container {
    filter: blur(2px)
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(0n):not(.onBottom):nth-child(0n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(0n):not(.onBottom):nth-child(0n):not([slot=bottom]) {
    animation: menuItems .15s ease 0s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(1n):not(.onBottom):nth-child(1n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(1n):not(.onBottom):nth-child(1n):not([slot=bottom]) {
    animation: menuItems .15s ease .08s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(2n):not(.onBottom):nth-child(2n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(2n):not(.onBottom):nth-child(2n):not([slot=bottom]) {
    animation: menuItems .15s ease .16s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(3n):not(.onBottom):nth-child(3n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(3n):not(.onBottom):nth-child(3n):not([slot=bottom]) {
    animation: menuItems .15s ease .24s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(4n):not(.onBottom):nth-child(4n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(4n):not(.onBottom):nth-child(4n):not([slot=bottom]) {
    animation: menuItems .15s ease .32s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(5n):not(.onBottom):nth-child(5n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(5n):not(.onBottom):nth-child(5n):not([slot=bottom]) {
    animation: menuItems .15s ease .4s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(6n):not(.onBottom):nth-child(6n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(6n):not(.onBottom):nth-child(6n):not([slot=bottom]) {
    animation: menuItems .15s ease .48s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(7n):not(.onBottom):nth-child(7n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(7n):not(.onBottom):nth-child(7n):not([slot=bottom]) {
    animation: menuItems .15s ease .56s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(8n):not(.onBottom):nth-child(8n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(8n):not(.onBottom):nth-child(8n):not([slot=bottom]) {
    animation: menuItems .15s ease .64s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(9n):not(.onBottom):nth-child(9n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(9n):not(.onBottom):nth-child(9n):not([slot=bottom]) {
    animation: menuItems .15s ease .72s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(10n):not(.onBottom):nth-child(10n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(10n):not(.onBottom):nth-child(10n):not([slot=bottom]) {
    animation: menuItems .15s ease .8s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(11n):not(.onBottom):nth-child(11n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(11n):not(.onBottom):nth-child(11n):not([slot=bottom]) {
    animation: menuItems .15s ease .88s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(12n):not(.onBottom):nth-child(12n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(12n):not(.onBottom):nth-child(12n):not([slot=bottom]) {
    animation: menuItems .15s ease .96s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(13n):not(.onBottom):nth-child(13n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(13n):not(.onBottom):nth-child(13n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.04s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(14n):not(.onBottom):nth-child(14n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(14n):not(.onBottom):nth-child(14n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.12s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(15n):not(.onBottom):nth-child(15n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(15n):not(.onBottom):nth-child(15n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.2s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(16n):not(.onBottom):nth-child(16n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(16n):not(.onBottom):nth-child(16n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.28s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(17n):not(.onBottom):nth-child(17n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(17n):not(.onBottom):nth-child(17n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.36s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(18n):not(.onBottom):nth-child(18n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(18n):not(.onBottom):nth-child(18n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.44s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(19n):not(.onBottom):nth-child(19n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(19n):not(.onBottom):nth-child(19n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.52s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(20n):not(.onBottom):nth-child(20n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(20n):not(.onBottom):nth-child(20n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.6s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(21n):not(.onBottom):nth-child(21n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(21n):not(.onBottom):nth-child(21n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.68s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(22n):not(.onBottom):nth-child(22n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(22n):not(.onBottom):nth-child(22n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.76s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(23n):not(.onBottom):nth-child(23n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(23n):not(.onBottom):nth-child(23n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.84s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(24n):not(.onBottom):nth-child(24n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(24n):not(.onBottom):nth-child(24n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.92s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:1199px) {
  input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-header:nth-child(25n):not(.onBottom):nth-child(25n):not([slot=bottom]), input#cm-sidenav-toggle:checked ~ cm-sidenav cm-sidenav-option:nth-child(25n):not(.onBottom):nth-child(25n):not([slot=bottom]) {
    animation: menuItems .15s ease 2s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(min-width:1200px) {
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(0n):not(.onBottom):nth-child(0n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(0n):not(.onBottom):nth-child(0n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(0n):not(.onBottom):nth-child(0n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(0n):not(.onBottom):nth-child(0n):not([slot=bottom]) {
    animation: menuItems .15s ease 0s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(1n):not(.onBottom):nth-child(1n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(1n):not(.onBottom):nth-child(1n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(1n):not(.onBottom):nth-child(1n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(1n):not(.onBottom):nth-child(1n):not([slot=bottom]) {
    animation: menuItems .15s ease .08s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(2n):not(.onBottom):nth-child(2n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(2n):not(.onBottom):nth-child(2n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(2n):not(.onBottom):nth-child(2n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(2n):not(.onBottom):nth-child(2n):not([slot=bottom]) {
    animation: menuItems .15s ease .16s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(3n):not(.onBottom):nth-child(3n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(3n):not(.onBottom):nth-child(3n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(3n):not(.onBottom):nth-child(3n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(3n):not(.onBottom):nth-child(3n):not([slot=bottom]) {
    animation: menuItems .15s ease .24s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(4n):not(.onBottom):nth-child(4n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(4n):not(.onBottom):nth-child(4n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(4n):not(.onBottom):nth-child(4n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(4n):not(.onBottom):nth-child(4n):not([slot=bottom]) {
    animation: menuItems .15s ease .32s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(5n):not(.onBottom):nth-child(5n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(5n):not(.onBottom):nth-child(5n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(5n):not(.onBottom):nth-child(5n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(5n):not(.onBottom):nth-child(5n):not([slot=bottom]) {
    animation: menuItems .15s ease .4s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(6n):not(.onBottom):nth-child(6n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(6n):not(.onBottom):nth-child(6n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(6n):not(.onBottom):nth-child(6n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(6n):not(.onBottom):nth-child(6n):not([slot=bottom]) {
    animation: menuItems .15s ease .48s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(7n):not(.onBottom):nth-child(7n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(7n):not(.onBottom):nth-child(7n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(7n):not(.onBottom):nth-child(7n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(7n):not(.onBottom):nth-child(7n):not([slot=bottom]) {
    animation: menuItems .15s ease .56s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(8n):not(.onBottom):nth-child(8n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(8n):not(.onBottom):nth-child(8n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(8n):not(.onBottom):nth-child(8n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(8n):not(.onBottom):nth-child(8n):not([slot=bottom]) {
    animation: menuItems .15s ease .64s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(9n):not(.onBottom):nth-child(9n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(9n):not(.onBottom):nth-child(9n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(9n):not(.onBottom):nth-child(9n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(9n):not(.onBottom):nth-child(9n):not([slot=bottom]) {
    animation: menuItems .15s ease .72s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(10n):not(.onBottom):nth-child(10n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(10n):not(.onBottom):nth-child(10n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(10n):not(.onBottom):nth-child(10n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(10n):not(.onBottom):nth-child(10n):not([slot=bottom]) {
    animation: menuItems .15s ease .8s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(11n):not(.onBottom):nth-child(11n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(11n):not(.onBottom):nth-child(11n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(11n):not(.onBottom):nth-child(11n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(11n):not(.onBottom):nth-child(11n):not([slot=bottom]) {
    animation: menuItems .15s ease .88s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(12n):not(.onBottom):nth-child(12n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(12n):not(.onBottom):nth-child(12n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(12n):not(.onBottom):nth-child(12n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(12n):not(.onBottom):nth-child(12n):not([slot=bottom]) {
    animation: menuItems .15s ease .96s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(13n):not(.onBottom):nth-child(13n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(13n):not(.onBottom):nth-child(13n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(13n):not(.onBottom):nth-child(13n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(13n):not(.onBottom):nth-child(13n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.04s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(14n):not(.onBottom):nth-child(14n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(14n):not(.onBottom):nth-child(14n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(14n):not(.onBottom):nth-child(14n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(14n):not(.onBottom):nth-child(14n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.12s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(15n):not(.onBottom):nth-child(15n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(15n):not(.onBottom):nth-child(15n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(15n):not(.onBottom):nth-child(15n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(15n):not(.onBottom):nth-child(15n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.2s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(16n):not(.onBottom):nth-child(16n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(16n):not(.onBottom):nth-child(16n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(16n):not(.onBottom):nth-child(16n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(16n):not(.onBottom):nth-child(16n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.28s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(17n):not(.onBottom):nth-child(17n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(17n):not(.onBottom):nth-child(17n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(17n):not(.onBottom):nth-child(17n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(17n):not(.onBottom):nth-child(17n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.36s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(18n):not(.onBottom):nth-child(18n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(18n):not(.onBottom):nth-child(18n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(18n):not(.onBottom):nth-child(18n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(18n):not(.onBottom):nth-child(18n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.44s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(19n):not(.onBottom):nth-child(19n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(19n):not(.onBottom):nth-child(19n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(19n):not(.onBottom):nth-child(19n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(19n):not(.onBottom):nth-child(19n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.52s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(20n):not(.onBottom):nth-child(20n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(20n):not(.onBottom):nth-child(20n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(20n):not(.onBottom):nth-child(20n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(20n):not(.onBottom):nth-child(20n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.6s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(21n):not(.onBottom):nth-child(21n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(21n):not(.onBottom):nth-child(21n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(21n):not(.onBottom):nth-child(21n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(21n):not(.onBottom):nth-child(21n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.68s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(22n):not(.onBottom):nth-child(22n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(22n):not(.onBottom):nth-child(22n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(22n):not(.onBottom):nth-child(22n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(22n):not(.onBottom):nth-child(22n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.76s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(23n):not(.onBottom):nth-child(23n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(23n):not(.onBottom):nth-child(23n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(23n):not(.onBottom):nth-child(23n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(23n):not(.onBottom):nth-child(23n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.84s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(24n):not(.onBottom):nth-child(24n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(24n):not(.onBottom):nth-child(24n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(24n):not(.onBottom):nth-child(24n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(24n):not(.onBottom):nth-child(24n):not([slot=bottom]) {
    animation: menuItems .15s ease 1.92s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-header:nth-child(25n):not(.onBottom):nth-child(25n):not([slot=bottom]), input#cm-sidenav-toggle[data-first-time-done]:checked ~ cm-sidenav cm-sidenav-option:nth-child(25n):not(.onBottom):nth-child(25n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-header:nth-child(25n):not(.onBottom):nth-child(25n):not([slot=bottom]), input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ cm-sidenav cm-sidenav-option:nth-child(25n):not(.onBottom):nth-child(25n):not([slot=bottom]) {
    animation: menuItems .15s ease 2s;
    transform-origin: top;
    animation-fill-mode: forwards
  }
}
@media(max-width:320px) {
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ platform-header > .cm-pfh-container > .sidenav-wrapper > .wrapper > .cm-pfh-app-title, input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ platform-header > .cm-pfh-container > .sidenav-wrapper > .wrapper > .cm-pfh-app-title {
    margin-top: -16px
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ platform-header > .cm-pfh-container > .sidenav-wrapper > .wrapper > .cm-pfh-logo, input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ platform-header > .cm-pfh-container > .sidenav-wrapper > .wrapper > .cm-pfh-logo {
    margin-top: -8px;
    margin-right: -8px
  }
  input#cm-sidenav-toggle[data-first-time-done]:checked ~ platform-header > .cm-pfh-container > .sidenav-wrapper > .wrapper > .cm-pfh-logo > svg, input#cm-sidenav-toggle:not([data-disable-screen-size-check]):checked ~ platform-header > .cm-pfh-container > .sidenav-wrapper > .wrapper > .cm-pfh-logo > svg {
    width: 24px
  }
}
cm-sidenav ~ platform-header .cm-pfh-sidenav-btn {
  margin: 8px 8px 0 0
}
platform-header[ng-cloak] > *, platform-header:not(.platform-loaded) > * {
  display: none !important
}
@keyframes menuItems {
  from {
    left: -30px;
    opacity: .5
  }
  to {
    left: 0;
    opacity: 1
  }
}
.labels {
  position: relative;
  display: flex;
  width: 100%;
  list-style: none;
  margin: 0 -4px;
  flex-wrap: wrap
}
.labels .label, cm-combo-box-chip .label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 8px;
  height: 28px;
  margin-top: 2px;
  border-radius: 16px;
  border: 2px solid var(--combo-chip-border);
  position: relative;
  display: flex;
  padding: 0 4px 0 0;
  cursor: default
}
.labels .label.disabled, cm-combo-box-chip .label.disabled {
  opacity: .5 !important
}
.labels .label.disabled > .close, cm-combo-box-chip .label.disabled > .close {
  pointer-events: none !important;
  cursor: not-allowed !important
}
.labels .label.success, cm-combo-box-chip .label.success {
  border: 2px solid var(--combo-chip-border-success);
  background-color: var(--combo-chip-background-success) !important;
  color: var(--combo-chip-color-success) !important
}
.labels .label.error, cm-combo-box-chip .label.error {
  border: 2px solid var(--combo-chip-border-error);
  background-color: var(--combo-chip-background-error) !important;
  color: var(--combo-chip-color-error) !important
}
.labels .label.warning, cm-combo-box-chip .label.warning {
  border: 2px solid var(--combo-chip-border-warning);
  background-color: var(--combo-chip-background-warning) !important;
  color: var(--combo-chip-color-warning) !important
}
.labels .label:not([class*=bg-]), cm-combo-box-chip .label:not([class*=bg-]) {
  background-color: var(--combo-chip-background)
}
.labels .label:not([class*=cl-]), cm-combo-box-chip .label:not([class*=cl-]) {
  color: var(--combo-chip-color)
}
.labels .label > .payment, .labels .label > .flag, .labels .label > .channel, .labels .label > .tool, cm-combo-box-chip .label > .payment, cm-combo-box-chip .label > .flag, cm-combo-box-chip .label > .channel, cm-combo-box-chip .label > .tool {
  width: 22px;
  height: 22px
}
.labels .label > .payment, cm-combo-box-chip .label > .payment {
  margin-right: 4px;
  margin-left: 6px
}
.labels .label > .flag, cm-combo-box-chip .label > .flag {
  margin-top: 1px;
  margin-left: 2px;
  margin-right: 4px;
  background-size: 24px 24px !important
}
.labels .label > .icon, cm-combo-box-chip .label > .icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  margin-top: 4px;
  margin-left: 4px
}
.labels .label > .channel, .labels .label > .tool, cm-combo-box-chip .label > .channel, cm-combo-box-chip .label > .tool {
  top: 1px;
  left: 2px;
  font-size: 22px
}
.labels .label > span, cm-combo-box-chip .label > span {
  position: relative;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 14.9em;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  margin-left: 4px;
  margin-right: 4px;
  text-align: left
}
.labels .label > .close, cm-combo-box-chip .label > .close {
  position: relative;
  display: inline-block;
  color: unset
}
.labels .label > .close span, cm-combo-box-chip .label > .close span {
  font-size: 16px
}
body.has-cm-phonecountry-select {
  overflow: hidden
}
cm-phonecountry-select {
  position: fixed;
  z-index: 100000000000000020;
  left: 0;
  top: 100vh;
  display: block;
  filter: none !important
}
cm-phonecountry-select * {
  filter: none !important
}
cm-phonecountry-select .dropdown {
  position: relative;
  display: block;
  left: 0;
  right: 0;
  background: var(--background);
  border-radius: 8px;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  height: auto;
  margin-top: 8px;
  z-index: 1000;
  transition: .25s, box-shadow .25s
}
cm-phonecountry-select .dropdown .list {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 272px;
  overflow: hidden;
  overflow-y: auto;
  margin: 16px 0;
  padding: 0;
  top: 0;
  background: transparent;
  left: 0;
  transform-origin: top;
  transform: scale(1, 0);
  transition: transform .25s, border .25s, box-shadow .25s
}
cm-phonecountry-select .dropdown.active {
  max-height: 100vh;
  opacity: 1;
  box-shadow: var(--elevation-level-medium)
}
cm-phonecountry-select .dropdown.active .list {
  transform: scale(1, 1)
}
cm-telephone-input .form-control:not(:read-only) ~ .input-left .cm-flag {
  cursor: pointer
}
footer.cm-action-footer {
  position: fixed;
  display: block;
  z-index: 1;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  color: var(--black-140);
  bottom: 0;
  left: 0;
  background-color: var(--background);
  box-shadow: var(--elevation-level-large);
  padding: 32px 0
}
footer.cm-action-footer .container {
  line-height: 32px;
  margin: 0 auto;
  width: 960px;
  max-width: calc(100% - 64px)
}
footer.cm-action-footer .container .menu {
  height: 32px
}
footer.cm-action-footer .container .menu ul {
  margin: 0
}
footer.cm-action-footer .container .menu ul li {
  padding: 0
}
footer.cm-action-footer .container .btn {
  font-size: 16px
}
footer.cm-action-footer .container .btn .cm-icon {
  font-size: 24px
}
.expansion-panel-box {
  border: var(--default-border);
  outline: none;
  border-radius: 16px;
  margin-bottom: 16px
}
.expansion-panel-box:hover {
  box-shadow: var(--elevation-level-medium)
}
cm-otp-input .form-group .form-row .form-input {
  flex-direction: row;
  text-align: center
}
cm-otp-input .form-group .form-row .form-input input.form-control {
  position: relative;
  display: inline-block;
  width: 40px;
  min-width: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  padding: 0;
  text-indent: 0 !important;
  transition: all .55ms
}
cm-otp-input .form-group .form-row .form-input input.form-control:not(:first-child) {
  margin-left: 10px
}
cm-otp-input .form-group .form-row .form-input input.form-control:last-child {
  margin-right: auto
}
cm-otp-input .form-group .form-row .form-input input.form-control:first-child {
  margin-left: auto
}
cm-otp-input .form-group .form-row .form-input.success, cm-otp-input .form-group .form-row .form-input.error {
  cursor: default
}
cm-otp-input .form-group .form-row .form-input.success input.form-control, cm-otp-input .form-group .form-row .form-input.error input.form-control {
  cursor: default;
  color: var(--black-100);
  animation: cm-otp-input-done .15s ease-in;
  animation-delay: 0ms !important;
  -webkit-animation-delay: 0ms !important
}
cm-otp-input .form-group .form-row .form-input.success input.form-control {
  pointer-events: none
}
cm-otp-input .form-group.validating {
  cursor: wait
}
cm-otp-input .form-group.validating .form-row .form-input input.form-control {
  pointer-events: none;
  transform: scale(1);
  transition: all .1s;
  color: var(--label-disabled-color);
  animation: cm-otp-input 2s ease-in infinite
}
@keyframes cm-otp-input {
  0% {
    transform: scale(1)
  }
  5% {
    transform: scale(.7)
  }
  10% {
    transform: scale(1)
  }
}
@keyframes cm-otp-input-done {
  from {
    transform: scale(.7)
  }
  to {
    transform: scale(1)
  }
}
body .pac-container {
  box-shadow: var(--elevation-level-medium);
  border-radius: 8px;
  background: var(--background);
  margin: 8px 0;
  padding: 8px 0;
  font-family: inherit
}
body .pac-container .pac-item {
  display: flex;
  border: none;
  padding: 12px 16px;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: unset !important;
  font-size: 14px;
  color: var(--text-color)
}
body .pac-container .pac-item:hover {
  background-color: var(--option-hover-background-color) !important;
  color: var(--selected-color) !important;
  cursor: pointer
}
body .pac-container .pac-item .pac-item-query {
  font-size: inherit;
  color: inherit
}
body .pac-container .pac-item .pac-item-query .pac-matched {
  font-weight: 400
}
body .pac-container .pac-item .pac-icon.pac-icon-marker {
  display: none
}
body .pac-container.pac-logo:after {
  margin: 8px 24px;
  filter: grayscale(100%)
}
body.dialog-open .pac-container .pac-container * {
  filter: blur(0px)
}
body.dialog-open .pac-container:not([style*="display: none"]) {
  position: fixed !important;
  z-index: 1000002
}
.cm-image {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  pointer-events: none
}
.dark .cm-image-aurora-empty {
  background-image: url(../image/aurora-empty.svg);
  background-repeat: no-repeat;
  background-position: center
}
.cm-image-aurora-empty {
  background-image: url(../image/aurora-empty1.svg);
  background-repeat: no-repeat;
  background-position: center
}
.dark .cm-image-aurora-error {
  background-image: url(../image/aurora-error.svg);
  background-repeat: no-repeat;
  background-position: center
}
.cm-image-aurora-error {
  background-image: url(../image/aurora-error1.svg);
  background-repeat: no-repeat;
  background-position: center
}
.dark .cm-image-aurora-help {
  background-image: url(../image/aurora-help.svg);
  background-repeat: no-repeat;
  background-position: center
}
.cm-image-aurora-help {
  background-image: url(../image/aurora-help1.svg);
  background-repeat: no-repeat;
  background-position: center
}
.dark .cm-image-aurora-intro {
  background-image: url(../image/aurora-intro.svg);
  background-repeat: no-repeat;
  background-position: center
}
.cm-image-aurora-intro {
  background-image: url(../image/aurora-intro1.svg);
  background-repeat: no-repeat;
  background-position: center
}
.dark .cm-image-aurora-mailman {
  background-image: url(../image/aurora-mailman.svg);
  background-repeat: no-repeat;
  background-position: center
}
.cm-image-aurora-mailman {
  background-image: url(../image/aurora-mailman1.svg);
  background-repeat: no-repeat;
  background-position: center
}
.dark .cm-image-aurora-mailman2 {
  background-image: url(../image/aurora-mailman2.svg);
  background-repeat: no-repeat;
  background-position: center
}
.cm-image-aurora-mailman2 {
  background-image: url(../image/aurora-mailman21.svg);
  background-repeat: no-repeat;
  background-position: center
}
.dark .cm-image-aurora-mobile-marketing-cloud {
  background-image: url(../image/aurora-mobile-marketing-cloud.svg);
  background-repeat: no-repeat;
  background-position: center
}
.cm-image-aurora-mobile-marketing-cloud {
  background-image: url(../image/aurora-mobile-marketing-cloud1.svg);
  background-repeat: no-repeat;
  background-position: center
}
.dark .cm-image-aurora-mobile-shopping {
  background-image: url(../image/aurora-mobile-shopping.svg);
  background-repeat: no-repeat;
  background-position: center
}
.cm-image-aurora-mobile-shopping {
  background-image: url(../image/aurora-mobile-shopping1.svg);
  background-repeat: no-repeat;
  background-position: center
}
.dark .cm-image-aurora-no-messages {
  background-image: url(../image/aurora-no-messages.svg);
  background-repeat: no-repeat;
  background-position: center
}
.cm-image-aurora-no-messages {
  background-image: url(../image/aurora-no-messages1.svg);
  background-repeat: no-repeat;
  background-position: center
}
.dark .cm-image-aurora-no-results {
  background-image: url(../image/aurora-no-results1.svg);
  background-repeat: no-repeat;
  background-position: center
}
.cm-image-aurora-no-results {
  background-image: url(../image/aurora-no-results.svg);
  background-repeat: no-repeat;
  background-position: center
}
.dark .cm-image-aurora-save-check {
  background-image: url(../image/aurora-save-check.svg);
  background-repeat: no-repeat;
  background-position: center
}
.cm-image-aurora-save-check {
  background-image: url(../image/aurora-save-check1.svg);
  background-repeat: no-repeat;
  background-position: center
}
.dark .cm-image-aurora-scientist {
  background-image: url(../image/aurora-scientist.svg);
  background-repeat: no-repeat;
  background-position: center
}
.cm-image-aurora-scientist {
  background-image: url(../image/aurora-scientist1.svg);
  background-repeat: no-repeat;
  background-position: center
}
.dark .cm-image-aurora-sign {
  background-image: url(../image/aurora-sign.svg);
  background-repeat: no-repeat;
  background-position: center
}
.cm-image-aurora-sign {
  background-image: url(../image/aurora-sign1.svg);
  background-repeat: no-repeat;
  background-position: center
}
.dark .cm-image-aurora-success {
  background-image: url(../image/aurora-success.svg);
  background-repeat: no-repeat;
  background-position: center
}
.cm-image-aurora-success {
  background-image: url(../image/aurora-success1.svg);
  background-repeat: no-repeat;
  background-position: center
}
.dark .cm-image-aurora-ticketing-boy {
  background-image: url(../image/aurora-ticketing-boy.svg);
  background-repeat: no-repeat;
  background-position: center
}
.cm-image-aurora-ticketing-boy {
  background-image: url(../image/aurora-ticketing-boy1.svg);
  background-repeat: no-repeat;
  background-position: center
}
.dark .cm-image-aurora-ticketing-girl {
  background-image: url(../image/aurora-ticketing-girl.svg);
  background-repeat: no-repeat;
  background-position: center
}
.cm-image-aurora-ticketing-girl {
  background-image: url(../image/aurora-ticketing-girl1.svg);
  background-repeat: no-repeat;
  background-position: center
}
.dark .cm-image-aurora-under-construction {
  background-image: url(../image/aurora-under-construction.svg);
  background-repeat: no-repeat;
  background-position: center
}
.cm-image-aurora-under-construction {
  background-image: url(../image/aurora-under-construction1.svg);
  background-repeat: no-repeat;
  background-position: center
}
.dark .cm-image-aurora-verification {
  background-image: url(../image/aurora-verification.svg);
  background-repeat: no-repeat;
  background-position: center
}
.cm-image-aurora-verification {
  background-image: url(../image/aurora-verification1.svg);
  background-repeat: no-repeat;
  background-position: center
}
.dark .cm-image-aurora-waiting {
  background-image: url(../image/aurora-waiting.svg);
  background-repeat: no-repeat;
  background-position: center
}
.cm-image-aurora-waiting {
  background-image: url(../image/aurora-waiting1.svg);
  background-repeat: no-repeat;
  background-position: center
}
.dark .cm-image-aurora-welcome {
  background-image: url(../image/aurora-welcome.svg);
  background-repeat: no-repeat;
  background-position: center
}
.cm-image-aurora-welcome {
  background-image: url(../image/aurora-welcome1.svg);
  background-repeat: no-repeat;
  background-position: center
}
.tile-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: center
}
cm-communicator {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-align: left;
  background-color: var(--black-2-5)
}
cm-communicator .body {
  display: block;
  width: 100%;
  position: relative
}
cm-communicator .footer {
  display: none;
  text-align: left
}
cm-communicator .footer:not(:empty) {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 16px 40px 40px
}
cm-communicator .footer:not(:empty) + .body {
  position: absolute;
  bottom: 120px;
  left: 0;
  z-index: 0
}
cm-communicator .footer .form-group .form-input .form-control, cm-communicator .footer .form-group .form-search .form-control, cm-communicator .footer .form-group .form-input-special .form-control {
  background-color: var(--background)
}
cm-communicator .header {
  display: none;
  text-align: left
}
cm-communicator .header:not(:empty) {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  border-bottom: var(--default-border);
  padding: 16px 40px;
  background-color: var(--background)
}
cm-communicator .header:not(:empty) + .body {
  position: absolute;
  bottom: 0;
  z-index: 0;
  top: 74px
}
cm-communicator .header:not(:empty) + .footer:not(:empty) + .body {
  top: 74px;
  bottom: 120px
}
cm-conversation {
  display: block;
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 40px;
  overflow: hidden;
  overflow-y: auto
}
cm-conversation .row {
  display: block;
  width: 100%;
  margin-bottom: 40px
}
cm-conversation .row.me {
  text-align: right
}
cm-conversation .row.me cm-conversation-bubble:not([class*=bg-]) {
  background-color: var(--selected-color)
}
cm-conversation .row.me cm-conversation-bubble:not([class*=bg-]):not([class*=cl-]) {
  color: var(--default-color-inverse)
}
cm-conversation cm-conversation-bubble {
  position: relative;
  display: inline-block;
  max-width: calc(100% - 32px);
  width: 392px;
  font-size: 14px;
  transition: .2s;
  border: var(--default-border);
  outline: none;
  border-radius: 28px;
  padding: 16px 24px;
  text-align: left
}
cm-conversation cm-conversation-bubble .time {
  position: relative;
  float: right;
  opacity: .5
}
cm-conversation cm-conversation-bubble.multiline {
  padding: 24px
}
cm-conversation cm-conversation-bubble.multiline .time {
  padding-top: 8px
}
cm-conversation cm-conversation-bubble:not([class*=bg-]) {
  background-color: var(--background)
}
cm-conversation cm-conversation-bubble:not([class*=cl-]) {
  color: var(--label-color)
}
cm-conversation cm-conversation-divider {
  display: block;
  text-align: center;
  overflow: hidden;
  line-height: 32px;
  position: relative;
  margin: 40px 0
}
cm-conversation cm-conversation-divider .title {
  font-weight: 500;
  display: flex;
  flex-direction: row;
  width: 100%;
  position: relative;
  margin-left: 36px;
  transform: translateX(20px)
}
cm-conversation cm-conversation-divider .title:before, cm-conversation cm-conversation-divider .title:after {
  content: "";
  flex: 1 1;
  height: 2px;
  background-color: var(--default-background);
  margin: auto
}
cm-conversation cm-conversation-divider .title:before {
  margin-left: -52px;
  margin-right: 8px
}
cm-conversation cm-conversation-divider .title:after {
  margin-left: 8px;
  margin-right: 20px
}
cm-conversation cm-conversation-divider .cm-icon, cm-conversation cm-conversation-divider .cm-channel, cm-conversation cm-conversation-divider .cm-tool {
  position: absolute;
  left: 4px;
  top: 4px
}
cm-conversation cm-conversation-divider .cm-icon + .title, cm-conversation cm-conversation-divider .cm-channel + .title, cm-conversation cm-conversation-divider .cm-tool + .title {
  margin-left: 0;
  width: calc(100% - 40px);
  margin-left: 40px;
  transform: translateX(0px)
}
cm-conversation cm-conversation-divider .cm-icon + .title:before, cm-conversation cm-conversation-divider .cm-channel + .title:before, cm-conversation cm-conversation-divider .cm-tool + .title:before {
  margin-left: 0
}
cm-conversation cm-conversation-divider .cm-icon + .title:after, cm-conversation cm-conversation-divider .cm-channel + .title:after, cm-conversation cm-conversation-divider .cm-tool + .title:after {
  margin-right: 0
}
cm-autocomplete {
  display: none;
  pointer-events: none
}
body > cm-autocomplete {
  filter: blur(0px) !important;
  position: fixed;
  top: 50vh;
  left: 50vw;
  z-index: 1000002
}
body > cm-autocomplete *, body > cm-autocomplete * * {
  filter: blur(0px) !important
}
cm-date-time-header {
  color: var(--datetime-picker-header-color)
}
cm-date-time-header .header-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 12px 16px;
  height: 24px
}
cm-date-time-header .header-container.disabled {
  opacity: .2
}
cm-date-time-header .header-container .selector {
  display: flex;
  align-items: center
}
cm-date-time-header .header-container .selector .selector-text {
  font-weight: 700
}
cm-date-time-header .header-container .selector #header-selector-icon {
  margin-top: 4px
}
cm-date-time-header .header-container .selector.moveNext {
  animation: dateTimeHeaderNext 300ms linear, dateTimeHeaderOpacity 300ms linear
}
cm-date-time-header .header-container .selector.movePrevious {
  animation: dateTimeHeaderPrevious 300ms linear, dateTimeHeaderOpacity 300ms linear
}
cm-date-time-header .header-container .button-box .btn.btn-secondary-icon {
  width: 24px;
  height: 24px
}
cm-date-time-day .week {
  display: flex;
  margin: 4px 0
}
cm-date-time-day .week.disabled {
  opacity: .2
}
cm-date-time-day .week.moveNext {
  animation: dateTimeHeaderNext 300ms linear, dateTimeHeaderOpacity 300ms linear
}
cm-date-time-day .week.movePrevious {
  animation: dateTimeHeaderPrevious 300ms linear, dateTimeHeaderOpacity 300ms linear
}
cm-date-time-day .week .day {
  line-height: 40px;
  height: 38px;
  width: 38px;
  margin: 0 3px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  flex-direction: column
}
cm-date-time-day .week .day.arrowFocusable:focus-visible {
  background-color: var(--selected-background);
  color: var(--default-hover-background);
  outline: 0;
  border-radius: 50% !important;
  line-height: 38px !important
}
cm-date-time-day .week .day:not(.spacing):not(.disabled) .day-label {
  border-radius: 50%;
  line-height: 38px
}
cm-date-time-day .week .day:not(.spacing):not(.disabled) .day-label:hover {
  cursor: pointer;
  background-color: var(--selected-background);
  color: var(--selected-color-highcontrast)
}
cm-date-time-day .week .day .today {
  width: 16px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 2px;
  border: 1px solid var(--selected-color);
  background-color: var(--selected-color);
  margin-top: -10px
}
cm-date-time-day .week .day.selected:not(.disabled) .day-label {
  background-color: var(--selected-color);
  color: var(--default-color-inverse)
}
cm-date-time-day .week .day.selected:not(.disabled) .today {
  border-color: var(--default-color-inverse);
  background-color: var(--default-color-inverse)
}
cm-date-time-day .week .day.disabled {
  cursor: not-allowed;
  color: var(--label-disabled-color)
}
cm-date-time-day .week .day.first-selected:not(.disabled), cm-date-time-day .week .day.middle-selected:not(.disabled), cm-date-time-day .week .day.last-selected:not(.disabled) {
  background-color: var(--datetime-picker-selected-background);
  color: var(--selected-color);
  font-weight: 500
}
cm-date-time-day .week .day.first-selected:not(.disabled), cm-date-time-day .week .day.last-selected:not(.disabled) {
  font-weight: 600
}
cm-date-time-day .week .day.first-selected:not(.week-end):not(.disabled):after, cm-date-time-day .week .day.middle-selected:not(.week-end):not(.disabled):after {
  background-color: var(--datetime-picker-selected-background);
  width: 8px;
  height: 40px;
  content: " ";
  margin-left: 38px;
  margin-top: -38px
}
cm-date-time-day .week .day.first-selected.today:after, cm-date-time-day .week .day.middle-selected.today:after {
  margin-top: -30px !important
}
cm-date-time-day .week .day.first-selected:not(.disabled) .day-label {
  background-color: var(--selected-color);
  color: var(--default-color-inverse)
}
cm-date-time-day .week .day.first-selected:not(.disabled) .today {
  border-color: var(--default-color-inverse);
  background-color: var(--default-color-inverse)
}
cm-date-time-day .week .day.middle-selected:not(.disabled):not(.week-end):not(.week-start) {
  border-radius: 0
}
cm-date-time-day .week .day.week-start:not(.week-end):not(.last-selected), cm-date-time-day .week .day.first-selected:not(.week-end) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}
cm-date-time-day .week .day.week-end:not(.week-start):not(.first-selected), cm-date-time-day .week .day.last-selected:not(.week-start) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}
cm-date-time-day .week .day.last-selected:not(.disabled) .day-label {
  border: var(--selected-border);
  height: 38px;
  line-height: 34px
}
cm-date-time-year .years {
  display: flex;
  flex-wrap: wrap
}
cm-date-time-year .years .year {
  height: 32px;
  line-height: 32px;
  text-align: center;
  width: 48px;
  margin: 8px 16px;
  border: 1px solid transparent;
  border-radius: 16px
}
cm-date-time-year .years .year:nth-child(4n+4) {
  margin-right: 0
}
cm-date-time-year .years .year:nth-child(4n+1) {
  margin-left: 0
}
cm-date-time-year .years .year.selected:not(.disabled) {
  background-color: var(--selected-color);
  color: var(--default-color-inverse)
}
cm-date-time-year .years .year.disabled {
  cursor: not-allowed;
  color: var(--label-disabled-color)
}
cm-date-time-year .years .year:hover:not(.disabled) {
  cursor: pointer;
  border: var(--default-small-border)
}
cm-date-time-month .year {
  margin: 0 0 8px 8px;
  display: block;
  cursor: pointer
}
cm-date-time-month .months {
  display: flex;
  flex-wrap: wrap
}
cm-date-time-month .months .month {
  height: 32px;
  line-height: 32px;
  text-align: center;
  width: 48px;
  margin: 8px 16px;
  border: 1px solid transparent;
  border-radius: 16px
}
cm-date-time-month .months .month:nth-child(4n+4) {
  margin-right: 0
}
cm-date-time-month .months .month:nth-child(4n+1) {
  margin-left: 0
}
cm-date-time-month .months .month.selected:not(.disabled) {
  background-color: var(--selected-color);
  color: var(--default-color-inverse)
}
cm-date-time-month .months .month.disabled {
  cursor: not-allowed;
  color: var(--label-disabled-color)
}
cm-date-time-month .months .month:hover:not(.disabled) {
  cursor: pointer;
  border: var(--default-small-border)
}
cm-date-time-day-of-week .day-of-week-container {
  display: flex
}
cm-date-time-day-of-week .day-of-week-container.disabled {
  opacity: .2
}
cm-date-time-day-of-week .week-day {
  width: 40px;
  height: 40px;
  margin: 0 2px;
  text-align: center
}
cm-date-time-popup {
  position: fixed;
  z-index: 9999999
}
cm-date-time-popup hr.line {
  margin-left: 8px;
  margin-right: 8px;
  border-top: var(--default-small-border)
}
cm-date-time-popup hr.line.disabled {
  opacity: .2
}
@keyframes dateTimeHeaderNext {
  0% {
    transform: translateX(0px)
  }
  50% {
    transform: translateX(-100px)
  }
  51% {
    transform: translateX(100px)
  }
  100% {
    transform: translateX(0px)
  }
}
@keyframes dateTimeHeaderPrevious {
  0% {
    transform: translateX(0px)
  }
  50% {
    transform: translateX(100px)
  }
  51% {
    transform: translateX(-100px)
  }
  100% {
    transform: translateX(0px)
  }
}
@keyframes dateTimeHeaderOpacity {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0
  }
  51% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes dateTimeCalenderNext {
  0% {
    transform: translateX(178px)
  }
  50% {
    transform: translateX(0px)
  }
  51% {
    transform: translateX(-178px)
  }
  100% {
    transform: translateX(0px)
  }
}
@keyframes dateTimeCalenderPrevious {
  0% {
    transform: translateX(-178px)
  }
  50% {
    transform: translateX(0px)
  }
  51% {
    transform: translateX(178px)
  }
  100% {
    transform: translateX(0px)
  }
}
cm-date-time-time-popup {
  position: fixed;
  z-index: 9999999
}
cm-date-time-time-popup hr.line {
  margin-left: 8px;
  margin-right: 8px;
  border-top: var(--default-small-border)
}
cm-date-time-input .input-right.icon span.cm-icon.cm-icon-arrow-left {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
cm-time-selector {
  flex: 1
}
cm-time-selector.left {
  margin-right: 12px
}
cm-time-selector.right {
  margin-left: 12px
}
.cm-time-selector-wrapper {
  display: flex;
  justify-content: flex-start;
  margin-top: 16px
}
cm-date-time-preset-menu {
  width: 160px
}
cm-date-time-preset-menu .preset-menu {
  height: 100%;
  min-width: 160px;
  padding: 8px 0
}
cm-date-time-preset-menu .preset-menu-items {
  overflow-y: auto;
  overflow-x: hidden
}
cm-date-time-preset-menu .preset-menu .menu-group {
  display: block;
  padding: 0
}
cm-date-time-preset-menu .preset-menu .menu-group-title:after {
  margin: 0 16px
}
cm-date-time-preset-menu .preset-menu .menu-divider:after {
  margin: 0 16px 0 0
}
cm-date-time-preset-menu .preset-menu .menu-group-title, cm-date-time-preset-menu .preset-menu .menu-divider {
  padding-left: 16px;
  font-size: 12px;
  padding-block: 14px;
  color: var(--black-71);
  display: flex;
  height: 48px;
  width: 100%;
  justify-content: center;
  align-items: center
}
cm-date-time-preset-menu .preset-menu .menu-group-title:after, cm-date-time-preset-menu .preset-menu .menu-divider:after {
  content: "";
  border-top: 2px solid;
  flex: 1 0 20px;
  border-top: var(--default-border)
}
cm-date-time-preset-menu .preset-menu .menu-item {
  display: block;
  line-height: 48px;
  padding-left: 16px
}
cm-date-time-preset-menu .preset-menu .menu-item:hover {
  cursor: pointer;
  background-color: var(--option-hover-background-color);
  color: var(--selected-color)
}
cm-date-time-preset-menu .preset-menu .menu-item.selected {
  color: var(--selected-color) !important;
  font-weight: 700 !important;
  border-left: 4px solid var(--selected-color);
  padding-left: 12px;
  background-color: var(--option-selected-background-color) !important
}
cm-date-time-preset-menu .preset-menu .menu-fixed-items > hr {
  margin: 0 0 4px
}
cm-time-selector-popup {
  height: 268px;
  position: fixed;
  z-index: 10000000;
  background: var(--background);
  border-radius: 8px;
  padding: 8px 0 8px 8px;
  box-shadow: var(--elevation-level-medium)
}
cm-time-selector-content {
  max-height: 252px;
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 252px
}
cm-time-selector-content .wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -24px;
  overflow-y: scroll;
  overflow-x: hidden
}
cm-time-selector-content .wrapper.hour {
  left: 0
}
cm-time-selector-content .wrapper.minute {
  left: 56px
}
cm-time-selector-content .wrapper.second {
  left: 112px
}
cm-time-selector-content .value {
  width: 48px;
  text-align: center;
  line-height: 44px;
  border-radius: 50%;
  outline: none;
  border: 2px solid transparent;
  margin: 2px
}
cm-time-selector-content .value.disabled {
  color: var(--label-disabled-color);
  cursor: not-allowed
}
cm-time-selector-content .value.selected {
  background: var(--selected-color);
  color: var(--background)
}
cm-time-selector-content .value.selected:focus, cm-time-selector-content .value.selected:focus-visible {
  border-color: var(--default-color)
}
cm-time-selector-content .value:hover:not(.disabled) {
  cursor: pointer;
  background-color: var(--option-hover-background-color);
  color: var(--selected-color)
}
cm-time-selector-input .splitter {
  position: absolute;
  left: 62px;
  top: 9px
}
cm-time-selector-input .splitter.second {
  left: 94px
}
cm-time-selector-input .splitter.label {
  top: 33px
}
cm-time-selector-input .splitter.empty-value {
  color: transparent
}
cm-time-selector-input .hour-input, cm-time-selector-input .minute-input, cm-time-selector-input .second-input {
  position: absolute;
  top: 8px;
  width: 24px;
  height: 24px;
  border: none;
  font-family: var(--font-family-base), sans-serif;
  color: var(--input-color);
  text-align: center;
  border-radius: 4px;
  padding: 0
}
cm-time-selector-input .hour-input:focus, cm-time-selector-input .minute-input:focus, cm-time-selector-input .second-input:focus {
  background-color: var(--option-hover-background-color);
  color: var(--selected-color);
  font-weight: 500
}
cm-time-selector-input .hour-input.label, cm-time-selector-input .minute-input.label, cm-time-selector-input .second-input.label {
  top: 32px
}
cm-time-selector-input .hour-input.empty-value, cm-time-selector-input .minute-input.empty-value, cm-time-selector-input .second-input.empty-value {
  background: transparent
}
cm-time-selector-input .hour-input {
  left: 36px
}
cm-time-selector-input .minute-input {
  left: 68px
}
cm-time-selector-input .second-input {
  left: 100px
}
cm-drop-zone-area {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative
}
cm-drop-zone-area cm-draggable {
  transition: transform .5s ease
}
cm-drop-zone {
  display: block;
  border: none
}
cm-drop-zone.active {
  transition: all .5s ease, width .25s ease, height .25s ease, opacity 0s ease, margin 0s ease
}
cm-drop-zone.hidden {
  all: unset !important;
  transition: all .5s ease, width .25s ease, height .25s ease
}
cm-drop-zone.hidden.horizontal {
  height: 0%;
  width: 100%
}
cm-drop-zone.hidden.vertical {
  width: 0%;
  height: 100%
}
cm-drop-zone.calculate {
  transition: none !important
}
.drop-zone-area-insert-element {
  opacity: 0;
  transition: all .5s ease
}
.drop-zone-area-insert-element.hidden {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  transform: none !important
}
.drop-zone-area-insert-element.calculate {
  transition: none !important
}
.cm-tool {
  display: inline-flex;
  font-size: 24px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  min-width: 1em;
  min-height: 1em;
  background-size: 0 0
}
.cm-tool:not([class*=bg-]) {
  background-color: transparent
}
.cm-tool.small {
  font-size: 16px
}
.cm-tool.large {
  font-size: 40px
}
.cm-tool.xlarge {
  font-size: 120px
}
.cm-tool[class*=bg-] {
  z-index: 0;
  border-radius: 50%
}
.cm-tool[class*=bg-]:after {
  background-color: inherit;
  position: absolute;
  display: block;
  overflow: hidden;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  content: "";
  border-radius: inherit;
  z-index: 0;
  top: -4px;
  left: -4px
}
.cm-tool[class*=bg-]:before {
  z-index: 1
}
.cm-tool[class*=cm-tool-]:before {
  content: " ";
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  position: absolute;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  font-size: 500%;
  pointer-events: none;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: 50%;
  -webkit-mask-size: 50%;
  mask-position: right;
  -webkit-mask-position: right
}
.cm-tool-graylog:before {
  background-image: url(../image/graylog.svg);
  -webkit-background-image: url(../image/graylog.svg)
}
.cm-tool-homer:before {
  background-image: url(../image/homer.svg);
  -webkit-background-image: url(../image/homer.svg)
}
.cm-app {
  display: inline-block;
  vertical-align: middle;
  position: relative
}
.cm-app.disabled {
  filter: grayscale(100%);
  opacity: 50%
}
.cm-app.cm-app-solution-caic {
  background: url(../image/solution-caic.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-solution-caic.inverted {
  background: url(../image/solution-caic1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-caic.large {
  width: 64px;
  height: 64px;
  background: url(../image/solution-caic2.svg) center center no-repeat
}
.cm-app.cm-app-solution-caic.large.inverted {
  background: url(../image/solution-caic3.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-caic-3d {
  background: url(../image/solution-caic-3d.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-solution-caic-3d.inverted {
  background: url(../image/solution-caic-3d1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-caic-3d.large {
  width: 64px;
  height: 64px;
  background: url(../image/solution-caic-3d2.svg) center center no-repeat
}
.cm-app.cm-app-solution-caic-3d.large.inverted {
  background: url(../image/solution-caic-3d3.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-cpaas {
  background: url(../image/solution-cpaas.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-solution-cpaas.inverted {
  background: url(../image/solution-cpaas1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-cpaas.large {
  width: 64px;
  height: 64px;
  background: url(../image/solution-cpaas2.svg) center center no-repeat
}
.cm-app.cm-app-solution-cpaas.large.inverted {
  background: url(../image/solution-cpaas3.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-cpaas-3d {
  background: url(../image/solution-cpaas-3d.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-solution-cpaas-3d.inverted {
  background: url(../image/solution-cpaas-3d1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-cpaas-3d.large {
  width: 64px;
  height: 64px;
  background: url(../image/solution-cpaas-3d2.svg) center center no-repeat
}
.cm-app.cm-app-solution-cpaas-3d.large.inverted {
  background: url(../image/solution-cpaas-3d3.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-mcc {
  background: url(../image/solution-mcc.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-solution-mcc.inverted {
  background: url(../image/solution-mcc1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-mcc.large {
  width: 64px;
  height: 64px;
  background: url(../image/solution-mcc2.svg) center center no-repeat
}
.cm-app.cm-app-solution-mcc.large.inverted {
  background: url(../image/solution-mcc3.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-mcc-3d {
  background: url(../image/solution-mcc-3d.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-solution-mcc-3d.inverted {
  background: url(../image/solution-mcc-3d1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-mcc-3d.large {
  width: 64px;
  height: 64px;
  background: url(../image/solution-mcc-3d2.svg) center center no-repeat
}
.cm-app.cm-app-solution-mcc-3d.large.inverted {
  background: url(../image/solution-mcc-3d3.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-mmc {
  background: url(../image/solution-mmc.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-solution-mmc.inverted {
  background: url(../image/solution-mmc1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-mmc.large {
  width: 64px;
  height: 64px;
  background: url(../image/solution-mmc2.svg) center center no-repeat
}
.cm-app.cm-app-solution-mmc.large.inverted {
  background: url(../image/solution-mmc3.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-mmc-3d {
  background: url(../image/solution-mmc-3d.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-solution-mmc-3d.inverted {
  background: url(../image/solution-mmc-3d1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-mmc-3d.large {
  width: 64px;
  height: 64px;
  background: url(../image/solution-mmc-3d2.svg) center center no-repeat
}
.cm-app.cm-app-solution-mmc-3d.large.inverted {
  background: url(../image/solution-mmc-3d3.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-msc {
  background: url(../image/solution-msc.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-solution-msc.inverted {
  background: url(../image/solution-msc1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-msc.large {
  width: 64px;
  height: 64px;
  background: url(../image/solution-msc2.svg) center center no-repeat
}
.cm-app.cm-app-solution-msc.large.inverted {
  background: url(../image/solution-msc3.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-msc-3d {
  background: url(../image/solution-msc-3d.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-solution-msc-3d.inverted {
  background: url(../image/solution-msc-3d1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-msc-3d.large {
  width: 64px;
  height: 64px;
  background: url(../image/solution-msc-3d2.svg) center center no-repeat
}
.cm-app.cm-app-solution-msc-3d.large.inverted {
  background: url(../image/solution-msc-3d3.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-payments {
  background: url(../image/solution-payments.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-solution-payments.inverted {
  background: url(../image/solution-payments1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-payments.large {
  width: 64px;
  height: 64px;
  background: url(../image/solution-payments2.svg) center center no-repeat
}
.cm-app.cm-app-solution-payments.large.inverted {
  background: url(../image/solution-payments3.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-payments-3d {
  background: url(../image/solution-payments-3d.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-solution-payments-3d.inverted {
  background: url(../image/solution-payments-3d1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-payments-3d.large {
  width: 64px;
  height: 64px;
  background: url(../image/solution-payments-3d2.svg) center center no-repeat
}
.cm-app.cm-app-solution-payments-3d.large.inverted {
  background: url(../image/solution-payments-3d3.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-sign {
  background: url(../image/solution-sign.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-solution-sign.inverted {
  background: url(../image/solution-sign1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-sign.large {
  width: 64px;
  height: 64px;
  background: url(../image/solution-sign2.svg) center center no-repeat
}
.cm-app.cm-app-solution-sign.large.inverted {
  background: url(../image/solution-sign3.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-sign-3d {
  background: url(../image/solution-sign-3d.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-solution-sign-3d.inverted {
  background: url(../image/solution-sign-3d1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-sign-3d.large {
  width: 64px;
  height: 64px;
  background: url(../image/solution-sign-3d2.svg) center center no-repeat
}
.cm-app.cm-app-solution-sign-3d.large.inverted {
  background: url(../image/solution-sign-3d3.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-ticketing {
  background: url(../image/solution-ticketing.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-solution-ticketing.inverted {
  background: url(../image/solution-ticketing1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-ticketing.large {
  width: 64px;
  height: 64px;
  background: url(../image/solution-ticketing2.svg) center center no-repeat
}
.cm-app.cm-app-solution-ticketing.large.inverted {
  background: url(../image/solution-ticketing3.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-ticketing-3d {
  background: url(../image/solution-ticketing-3d.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-solution-ticketing-3d.inverted {
  background: url(../image/solution-ticketing-3d1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-ticketing-3d.large {
  width: 64px;
  height: 64px;
  background: url(../image/solution-ticketing-3d2.svg) center center no-repeat
}
.cm-app.cm-app-solution-ticketing-3d.large.inverted {
  background: url(../image/solution-ticketing-3d3.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-tracedock {
  background: url(../image/solution-tracedock.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-solution-tracedock.inverted {
  background: url(../image/solution-tracedock1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-tracedock.large {
  width: 64px;
  height: 64px;
  background: url(../image/solution-tracedock2.svg) center center no-repeat
}
.cm-app.cm-app-solution-tracedock.large.inverted {
  background: url(../image/solution-tracedock3.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-tracedock-3d {
  background: url(../image/solution-tracedock-3d.svg) center center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px
}
.cm-app.cm-app-solution-tracedock-3d.inverted {
  background: url(../image/solution-tracedock-3d1.svg) center center no-repeat;
  background-size: contain
}
.cm-app.cm-app-solution-tracedock-3d.large {
  width: 64px;
  height: 64px;
  background: url(../image/solution-tracedock-3d2.svg) center center no-repeat
}
.cm-app.cm-app-solution-tracedock-3d.large.inverted {
  background: url(../image/solution-tracedock-3d3.svg) center center no-repeat;
  background-size: contain
}