.motif-skeleton-transparent-container,
.motif-skeleton-transparent-container-1,
.motif-skeleton-transparent-container-2,
.motif-skeleton-transparent-container-3,
.motif-skeleton-transparent-container-4,
.motif-skeleton-transparent-container-5,
.motif-skeleton-transparent-container-6,
.motif-skeleton-transparent-container-7,
.motif-skeleton-transparent-container-8,
.motif-skeleton-transparent-container-9,
.motif-skeleton-transparent-container-10,
.motif-skeleton-transparent-container-11,
.motif-skeleton-transparent-container-12 {
    --justify-content: space-between;
    --flex-wrap: nowrap;
    --flex-direction: row;
    --height: 100%;
    --align-items: flex-start;
    display: flex;
    justify-content: var(--justify-content);
    flex-wrap: var(--flex-wrap);
    flex-direction: var(--flex-direction);
    height: var(--height);
    align-items: var(--align-items)
}

.motif-skeleton-container,
.motif-skeleton-container-alt {
    --flex-direction: row;
    --flex-wrap: wrap;
    --align-content: stretch;
    --justify-content: flex-start;
    --align-items: center;
    display: flex;
    flex-wrap: var(--flex-wrap);
    flex-direction: var(--flex-direction);
    align-content: var(--align-content);
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    min-height: 2.1428571429rem;
    background: var(--skeleton-container--bg-color);
    border-color: var(--skeleton-container--border-color);
    border-style: var(--skeleton-container--border-style);
    border-width: var(--skeleton-container--border-width);
    border-radius: var(--skeleton-container--border-radius);
    box-shadow: var(--skeleton-container--box-shadow)
}

.motif-skeleton-container+.motif-skeleton-container,
.motif-skeleton-container-alt+.motif-skeleton-container,
.motif-skeleton-container+.motif-skeleton-container-alt,
.motif-skeleton-container-alt+.motif-skeleton-container-alt {
    border-top: 0
}

.motif-skeleton-container+.motif-skeleton-container-alt,
.motif-skeleton-container-alt+.motif-skeleton-container-alt {
    border-top: 0
}

.motif-skeleton,
.motif-skeleton-1,
.motif-skeleton-2,
.motif-skeleton-3,
.motif-skeleton-4,
.motif-skeleton-5,
.motif-skeleton-6,
.motif-skeleton-7,
.motif-skeleton-8,
.motif-skeleton-9,
.motif-skeleton-10,
.motif-skeleton-11,
.motif-skeleton-12 {
    min-height: 1.0714285714rem;
    background: var(--skeleton--bg-color);
    border-style: var(--skeleton--border-style);
    border-color: var(--skeleton--border-color);
    border-width: var(--skeleton--border-width);
    border-radius: var(--skeleton--border-radius);
    box-shadow: var(--skeleton--box-shadow);
    min-width: 0.7142857143rem;
    position: relative;
    overflow: hidden
}

.motif-skeleton-circle {
    --size: mixins.rem(30);
    border-radius: 100vh;
    height: var(--size);
    width: var(--size);
    background: var(--skeleton--bg-color);
    border-style: var(--skeleton--border-style);
    border-color: var(--skeleton--border-color);
    border-width: var(--skeleton--border-width);
    box-shadow: var(--skeleton--box-shadow);
    position: relative;
    overflow: hidden
}

.motif-skeleton-animation,
.motif-skeleton:before,
.motif-skeleton-12:before,
.motif-skeleton-11:before,
.motif-skeleton-10:before,
.motif-skeleton-9:before,
.motif-skeleton-8:before,
.motif-skeleton-7:before,
.motif-skeleton-6:before,
.motif-skeleton-5:before,
.motif-skeleton-4:before,
.motif-skeleton-3:before,
.motif-skeleton-2:before,
.motif-skeleton-1:before,
.motif-skeleton-circle:before {
    background-image: var(--skeleton-animation-gradient--bg-color);
    animation: progress 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    animation-delay: .5s;
    position: absolute;
    width: 100%;
    height: 100%;
    content: ""
}

.motif-skeleton-container-alt {
    --skeleton-container--bg-color: var(--skeleton-container-alt--bg-color);
    --skeleton-container--border-color: var(--skeleton-container-alt--border-color);
    --skeleton-container--border-style: var(--skeleton-container-alt--border-style);
    --skeleton-container--border-width: var(--skeleton-container-alt--border-width);
    --skeleton-container--border-radius: var(--skeleton-container-alt--border-radius);
    --skeleton-container--box-shadow: var(--skeleton-container-alt--box-shadow)
}

.motif-width-12,
.motif-skeleton-transparent-container-12,
.motif-skeleton-12 {
    width: 100%
}

.motif-width-11,
.motif-skeleton-transparent-container-11,
.motif-skeleton-11 {
    width: 90.75%
}

.motif-width-10,
.motif-skeleton-transparent-container-10,
.motif-skeleton-10 {
    width: 81.6666666667%
}

.motif-width-9,
.motif-skeleton-transparent-container-9,
.motif-skeleton-9 {
    width: 72.75%
}

.motif-width-8,
.motif-skeleton-transparent-container-8,
.motif-skeleton-8 {
    width: 64%
}

.motif-width-7,
.motif-skeleton-transparent-container-7,
.motif-skeleton-7 {
    width: 55.4166666667%
}

.motif-width-6,
.motif-skeleton-transparent-container-6,
.motif-skeleton-6 {
    width: 47%
}

.motif-width-5,
.motif-skeleton-transparent-container-5,
.motif-skeleton-5 {
    width: 38.75%
}

.motif-width-4,
.motif-skeleton-transparent-container-4,
.motif-skeleton-4 {
    width: 30.6666666667%
}

.motif-width-3,
.motif-skeleton-transparent-container-3,
.motif-skeleton-3 {
    width: 22.75%
}

.motif-width-2,
.motif-skeleton-transparent-container-2,
.motif-skeleton-2 {
    width: 15%
}

.motif-width-1,
.motif-skeleton-transparent-container-1,
.motif-skeleton-1 {
    width: 7.4166666667%
}

@keyframes progress {
    0% {
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        transform: translate3d(100%, 0, 0)
    }
}

*:focus {
    box-shadow: var(--focus-state);
    outline: none
}

body.motif-body-light {
    color: #fff
}

p.motif-body-light {
    color: #fff
}

.motif-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 0.0714285714rem;
    margin: -0.0714285714rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0.0714285714rem;
    outline: 0;
    appearance: none
}

.motif-ghost {
    cursor: not-allowed;
    opacity: .4
}

.motif-hero {
    color: var(--body--color);
    font-family: var(--primary-font);
    font-weight: var(--weight-regular);
    font-size: var(--hero--font-size);
    line-height: 2.8571428571rem
}

.motif-hero.motif-header-light {
    color: #fff
}

.motif-h1 {
    color: var(--body--color);
    font-family: var(--primary-font);
    font-weight: var(--weight-regular);
    font-size: var(--h1--font-size);
    line-height: 2.2857142857rem
}

.motif-h1.motif-header-light {
    color: #fff
}

.motif-h2 {
    color: var(--body--color);
    font-family: var(--primary-font);
    font-weight: var(--weight-regular);
    font-size: var(--h2--font-size);
    line-height: 1.7142857143rem
}

.motif-h2.motif-header-light {
    color: #fff
}

.motif-h3 {
    color: var(--body--color);
    font-family: var(--primary-font);
    font-weight: var(--weight-regular);
    font-size: var(--h3--font-size);
    line-height: 1.7142857143rem
}

.motif-h3.motif-header-light {
    color: #fff
}

.motif-h4 {
    color: var(--body--color);
    font-family: var(--primary-font);
    font-weight: var(--weight-regular);
    font-size: var(--h4--font-size);
    line-height: 1.5714285714rem;
    color: var(--body-color)
}

.motif-h4.motif-header-light {
    color: #fff
}

.motif-h5 {
    color: var(--body--color);
    font-family: var(--primary-font);
    font-weight: var(--weight-regular);
    font-size: var(--h5--font-size);
    line-height: 1.5714285714rem;
    color: var(--body--color);
    color: var(--body-color)
}

.motif-h5.motif-header-light {
    color: #fff
}

.motif-h6 {
    color: var(--body--color);
    font-family: var(--primary-font);
    font-weight: var(--weight-regular);
    font-size: var(--h6--font-size);
    line-height: 1.56
}

.motif-h6.motif-header-light {
    color: #fff
}

.motif-subtitle {
    color: #1a1a24;
    font-family: var(--primary-font);
    font-weight: var(--weight-regular);
    font-size: 1.143rem;
    line-height: 1.7857142857rem
}

.motif-subtitle.motif--subtitle-light {
    color: #fff
}

.motif-subtitle-sm {
    color: #1a1a24;
    font-family: var(--primary-font);
    font-weight: var(--weight-regular);
    font-size: 1.143rem;
    line-height: 1.7857142857rem;
    font-size: .875rem;
    line-height: 1.5714285714rem
}

.motif-subtitle-sm.motif--subtitle-light {
    color: #fff
}

.motif-body {
    color: var(--body--color);
    font-family: var(--primary-font);
    font-weight: var(--weight-light);
    line-height: 1.5714285714rem;
    font-size: var(--font-size-base);
    line-height: 1.5714285714rem
}

.motif-body.motif-body-light {
    color: #fff
}

.motif-body-sm {
    color: var(--body--color);
    font-family: var(--primary-font);
    font-weight: var(--weight-light);
    line-height: 1.5714285714rem;
    font-size: var(--body-sm--font-size);
    line-height: 1.4285714286rem
}

.motif-body-sm.motif-body-light {
    color: #fff
}

.motif-body-alt {
    font-size: var(--body-alt--font-size);
    font-weight: var(--weight-regular);
    line-height: 1.5714285714rem;
    font-family: var(--secondary-font);
    color: var(--body-color)
}

.motif-caption-copy {
    color: var(--body--color);
    font-family: var(--primary-font);
    font-weight: var(--weight-light);
    line-height: 1.5714285714rem;
    font-size: var(--caption--font-size);
    line-height: 1.4285714286rem
}

.motif-caption-copy.motif-body-light {
    color: #fff
}

.motif-overline {
    font-family: var(--primary-font);
    font-weight: var(--weight-bold);
    font-size: var(--overline--font-size);
    line-height: 1.4285714286rem;
    letter-spacing: 0.1071428571rem;
    text-transform: uppercase
}

.motif-text-link {
    font-size: 1rem;
    color: var(--text-link--color);
    font-weight: var(--weight-bold);
    line-height: 1.5714285714rem;
    text-underline-offset: 0.3571428571rem
}

.motif-instructional-text {
    color: var(--body-color);
    font-family: var(--primary-font);
    font-weight: var(--weight-light);
    font-size: var(--body-sm-font-size);
    line-height: 1.4285714286rem
}

.motif-instructional-text {
    font-size: var(--instructional-text--font-size);
    font-weight: var(--weight-regular);
    line-height: 1.1428571429rem
}

.motif-caption {
    font-size: var(--caption--font-size);
    font-weight: var(--weight-regular);
    line-height: 1.1428571429rem
}

.motif-global-header-sec-title {
    font-size: 1.2857142857rem;
    font-weight: var(--weight-bold);
    line-height: 1.7142857143rem
}

.motif-main-navigation {
    font-size: 1.1428571429rem;
    font-weight: var(--weight-light);
    line-height: 1.7142857143rem
}

.motif-main-navigation-active {
    font-weight: var(--weight-bold)
}

.motif-sub-navigation {
    font-size: 1rem;
    font-weight: var(--weight-light);
    line-height: 1.5714285714rem
}

.motif-sub-navigation-actve {
    font-weight: var(--weight-bold)
}

.motif-results-page-text {
    font-size: 1rem;
    font-weight: var(--weight-bold);
    line-height: 1.5714285714rem
}

.motif-results-page-sec-desc {
    font-size: 0.8571428571rem;
    font-weight: var(--weight-light);
    line-height: 1.4285714286rem
}

.motif-form-data-input {
    font-size: 1rem;
    font-weight: var(--weight-light);
    line-height: 1.5714285714rem
}

.motif-form-data-input-disabled {
    color: #747480
}

.motif-form-data-input-text-match {
    font-size: 1rem;
    font-weight: var(--weight-bold);
    line-height: 1.5714285714rem
}

.motif-form-data-label {
    font-size: 0.8571428571rem;
    font-weight: var(--weight-light);
    line-height: 1.4285714286rem
}

.motif-form-data-label-disabled {
    color: #747480
}

.motif-label {
    font-size: 1rem;
    font-weight: var(--weight-light)
}

.motif-form-validation {
    font-size: 0.7142857143rem;
    font-weight: var(--weight-regular);
    line-height: 1.1428571429rem
}

[motif-theme=dark],
.motif-theme-dark {
    --accordion--border-color: #2e2e3c;
    --accordion--border-style: solid;
    --accordion--border-width: 0.0714285714rem;
    --accordion--border-radius: 0 0 0 0;
    --accordion-accent-expanded--bg-color: var(--branding);
    --accordion--box-shadow: none;
    --accordion-header--border-color: #282836;
    --accordion-header--border-style: solid;
    --accordion-header--border-width: 1px;
    --accordion-header--color: #fff;
    --accordion-header--bg-color: #23232f;
    --accordion-header--box-shadow: none;
    --accordion-header-focus--border-color: transparent;
    --accordion-header-focus--border-style: solid;
    --accordion-header-focus--border-width: 1px;
    --accordion-header-focus--bg-color: #282836;
    --accordion-header-focus--color: #fff;
    --accordion-header-focus--box-shadow: none;
    --accordion-header-hover--border-color: transparent;
    --accordion-header-hover--border-style: solid;
    --accordion-header-hover--border-width: 0.0714285714rem;
    --accordion-header-hover--bg-color: #282836;
    --accordion-header-hover--color: #fff;
    --accordion-header-hover--box-shadow: none;
    --accordion-header-alt--border-color: #2e2e3c;
    --accordion-header-alt--border-style: solid;
    --accordion-header-alt--border-width: 1px;
    --accordion-header-alt--color: #fff;
    --accordion-header-alt--bg-color: #23232f;
    --accordion-header-alt--box-shadow: none;
    --accordion-header-alt-focus--border-color: transparent;
    --accordion-header-alt-focus--border-style: solid;
    --accordion-header-alt-focus--border-width: 0.0714285714rem;
    --accordion-header-alt-focus--bg-color: #282836;
    --accordion-header-alt-focus--color: #fff;
    --accordion-header-alt-focus--box-shadow: none;
    --accordion-header-alt-hover--border-color: transparent;
    --accordion-header-alt-hover--border-style: solid;
    --accordion-header-alt-hover--border-width: 0.0714285714rem;
    --accordion-header-alt-hover--bg-color: #282836;
    --accordion-header-alt-hover--color: #fff;
    --accordion-header-alt-hover--box-shadow: none;
    --accordion-header-icon-color: #fff;
    --accordion-header-icon-focus-icon-color: #fff;
    --accordion-header-icon-hover-icon-color: #fff;
    --accordion-header-alt-icon-color: #fff;
    --accordion-header-icon-alt-focus-icon-color: #fff;
    --accordion-header-icon-alt-hover-icon-color: #fff;
    --accordion-functional-expanded--bg-color: #23232f;
    --accordion-functional-expanded-alt--bg-color: #23232f;
    --accordion-editorial-expanded--bg-color: #23232f;
    --accordion-action--border-color: #2e2e3c transparent transparent transparent;
    --accordion-action--border-style: solid none none none;
    --accordion-action--border-width: 0.0714285714rem 0 0 0;
    --avatar-bg-color-list: #109090, #542ea5, #922b73, #1777cf;
    --avatar--box-shadow: none;
    --avatar--border-color: unset;
    --avatar--border-style: unset;
    --avatar--border-width: 0;
    --avatar--border-radius: 50%;
    --avatar-status-online-icon-color: #1a1a24;
    --avatar-status-online--bg-color: #57e188;
    --avatar-status--border-color: #1a1a24;
    --avatar-status--border-style: solid;
    --avatar-status--border-width: 0.0714285714rem;
    --avatar-status-no-disturb-icon-color: #1a1a24;
    --avatar-status-no-disturb--bg-color: #f95d54;
    --avatar-status-no-available-icon-color: #1a1a24;
    --avatar-status-no-available--bg-color: #f95d54;
    --avatar-status-absent-icon-color: #1a1a24;
    --avatar-status-absent--bg-color: var(--warning);
    --avatar-status-warning-icon-color: #1a1a24;
    --avatar-status-warning--bg-color: var(--warning);
    --avatar-status-none-icon-color: #1a1a24;
    --avatar-status-none--bg-color: #c4c4cd;
    --avatar-initials-icon--color: #fff;
    --avatar-initials--bg-color: #c4c4cd;
    --badge--color: #fff;
    --badge--bg-color: #23232f;
    --badge--box-shadow: none;
    --badge--outline-width: 0.0714285714rem;
    --badge--outline-style: solid;
    --badge--outline-color: #fff;
    --badge-alt--color: #fff;
    --badge-alt--bg-color: #282836;
    --badge-warning--bg-color: var(--warning);
    --badge-warning--color: #1a1a24;
    --badge-error--bg-color: var(--error);
    --badge-error--color: #1a1a24;
    --badge-success--bg-color: var(--success);
    --badge-success--color: #1a1a24;
    --badge-info--bg-color: #ffe600;
    --badge-info--color: #1a1a24;
    --badge-info-alt--bg-color: #fff;
    --badge-info-alt--color: #1a1a24;
    --badge-ghost--bg-color: #282836;
    --badge-ghost--color: #747480;
    --breadcrumb-alt--color: #ffe600;
    --breadcrumb-arrow-separator--color: #fff;
    --breadcrumb-dropdown-menu-item--color: #fff;
    --breadcrumb-dropdown-menu-item--bg-color: #2e2e38;
    --breadcrumb-dropdown-menu-item--box-shadow: none;
    --breadcrumb-dropdown-menu-item--border-style: solid;
    --breadcrumb-dropdown-menu-item--border-width: 0.0714285714rem;
    --breadcrumb-dropdown-menu-item--border-color: transparent;
    --breadcrumb-dropdown-menu-item-focus--color: #fff;
    --breadcrumb-dropdown-menu-item-focus--bg-color: #2e2e38;
    --breadcrumb-dropdown-menu-item-focus--box-shadow: none;
    --breadcrumb-dropdown-menu-item-focus--border-style: solid;
    --breadcrumb-dropdown-menu-item-focus--border-width: 0.0714285714rem;
    --breadcrumb-dropdown-menu-item-focus--border-color: #c4c4cd;
    --breadcrumb-dropdown-menu-item-hover--color: var(--branding);
    --breadcrumb-dropdown-menu-item-hover--bg-color: #1a1a24;
    --breadcrumb-dropdown-menu-item-hover--box-shadow: none;
    --breadcrumb-dropdown-menu-item-hover--border-style: solid;
    --breadcrumb-dropdown-menu-item-hover--border-width: 0.0714285714rem;
    --breadcrumb-dropdown-menu-item-hover--border-color: transparent;
    --breadcrumb-dropdown-menu-item-disabled--color: #747480;
    --breadcrumb-dropdown-menu-item-disabled--bg-color: #2e2e38;
    --breadcrumb-dropdown-menu-item-disabled--box-shadow: none;
    --breadcrumb-dropdown-menu-item-disabled--border-style: solid;
    --breadcrumb-dropdown-menu-item-disabled--border-width: 0.0714285714rem;
    --breadcrumb-dropdown-menu-item-disabled--border-color: transparent;
    --breadcrumb-dropdown-menu-item-icon-color: #fff;
    --breadcrumb-dropdown-menu-item-focus-icon-color: #fff;
    --breadcrumb-dropdown-menu-item-hover-icon-color: var(--branding);
    --breadcrumb-dropdown-menu-item-disabled-icon-color: #747480;
    --breadcrumb-dropdown-trigger--bg-color: transparent;
    --breadcrumb-dropdown-trigger--box-shadow: none;
    --breadcrumb-dropdown-trigger--border-radius: 0;
    --breadcrumb-dropdown-trigger--border-width: 0.0714285714rem;
    --breadcrumb-dropdown-trigger--border-style: solid;
    --breadcrumb-dropdown-trigger--border-color: transparent;
    --breadcrumb-dropdown-trigger-focus--bg-color: #3a3a4a;
    --breadcrumb-dropdown-trigger-focus--box-shadow: none;
    --breadcrumb-dropdown-trigger-focus--border-width: 0.0714285714rem;
    --breadcrumb-dropdown-trigger-focus--border-style: solid;
    --breadcrumb-dropdown-trigger-focus--border-color: transparent;
    --breadcrumb-dropdown-trigger-hover--bg-color: #3a3a4a;
    --breadcrumb-dropdown-trigger-hover--box-shadow: none;
    --breadcrumb-dropdown-trigger-hover--border-width: 0.0714285714rem;
    --breadcrumb-dropdown-trigger-hover--border-style: solid;
    --breadcrumb-dropdown-trigger-hover--border-color: transparent;
    --breadcrumb-dropdown-trigger-icon-color: #fff;
    --breadcrumb-dropdown-trigger-icon-hover-color: #fff;
    --breadcrumb-dropdown-trigger-icon-focus-color: #fff;
    --breadcrumb-item--color: #fff;
    --breadcrumb-item-hover--color: #fff;
    --breadcrumb-item-focus--color: #fff;
    --breadcrumb-item-disabled--color: #747480;
    --breadcrumb-item-active--color: #fff;
    --breadcrumb-item-icon-color: #fff;
    --breadcrumb-item-icon-hover-icon-color: #fff;
    --breadcrumb-item-icon-focus-icon-color: #fff;
    --breadcrumb-item-icon-disabled-icon-color: #747480;
    --breadcrumb-item-icon-active-icon-color: #fff;
    --btn--font-size: 1rem;
    --btn--font-weight: var(--weight-bold);
    --btn--padding: 0.5rem 2.1428571429rem;
    --btn--border-color: inherit;
    --btn--border-style: solid;
    --btn--border-width: 0rem;
    --btn--border-radius: var(--border-radius);
    --btn--box-shadow: none;
    --btn-hover--box-shadow: none;
    --btn-medium--padding: 0.6428571429rem 2.2857142857rem;
    --btn-large--padding: 0.7857142857rem 2.5714285714rem;
    --btn--bg-color: #1a1a24;
    --btn--color: #fff;
    --btn-primary--bg-color: #ffe600;
    --btn-primary--border-color: #ffe600;
    --btn-primary--border-style: var(--btn--border-style);
    --btn-primary--border-width: var(--btn--border-width);
    --btn-primary--color: #2e2e38;
    --btn-primary--box-shadow: none;
    --btn-primary--border-radius: 0;
    --btn-primary-icon-color: #2e2e38;
    --btn-primary-focus--bg-color: #fff;
    --btn-primary-focus--border-color: #fff;
    --btn-primary-focus--border-style: var(--btn--border-style);
    --btn-primary-focus--border-width: var(--btn--border-width);
    --btn-primary-focus--color: #2e2e38;
    --btn-primary-focus--box-shadow: none;
    --btn-primary-focus--border-radius: 0;
    --btn-primary-focus-icon-color: #2e2e38;
    --btn-primary-hover--bg-color: #2e2e38;
    --btn-primary-hover--border-color: #fff;
    --btn-primary-hover--border-style: var(--btn--border-style);
    --btn-primary-hover--border-width: var(--btn--border-width);
    --btn-primary-hover--color: #fff;
    --btn-primary-hover--box-shadow: none;
    --btn-primary-hover--border-radius: 0;
    --btn-primary-hover-icon-color: #fff;
    --btn-primary-disabled--bg-color: #282836;
    --btn-primary-disabled--border-color: #282836;
    --btn-primary-disabled--border-style: var(--btn--border-style);
    --btn-primary-disabled--border-width: var(--btn--border-width);
    --btn-primary-disabled--color: #747480;
    --btn-primary-disabled--box-shadow: none;
    --btn-primary-disabled--border-radius: 0;
    --btn-primary-disabled-icon-color: #747480;
    --btn-primary-alt--bg-color: #fff;
    --btn-primary-alt--border-color: #fff;
    --btn-primary-alt--border-style: var(--btn--border-style);
    --btn-primary-alt--border-width: var(--btn--border-width);
    --btn-primary-alt--color: #2e2e38;
    --btn-primary-alt--box-shadow: none;
    --btn-primary-alt--border-radius: 0;
    --btn-primary-alt-icon-color: #2e2e38;
    --btn-primary-alt-focus--bg-color: #ffe600;
    --btn-primary-alt-focus--border-color: #ffe600;
    --btn-primary-alt-focus--border-style: var(--btn--border-style);
    --btn-primary-alt-focus--border-width: var(--btn--border-width);
    --btn-primary-alt-focus--color: #2e2e38;
    --btn-primary-alt-focus--box-shadow: none;
    --btn-primary-alt-focus--border-radius: 0;
    --btn-primary-alt-focus-icon-color: #2e2e38;
    --btn-primary-alt-hover--bg-color: #ffe600;
    --btn-primary-alt-hover--border-color: #ffe600;
    --btn-primary-alt-hover--border-style: var(--btn--border-style);
    --btn-primary-alt-hover--border-width: var(--btn--border-width);
    --btn-primary-alt-hover--color: #2e2e38;
    --btn-primary-alt-hover--box-shadow: none;
    --btn-primary-alt-hover--border-radius: 0;
    --btn-primary-alt-hover-icon-color: #2e2e38;
    --btn-primary-alt-disabled--bg-color: #282836;
    --btn-primary-alt-disabled--border-color: #282836;
    --btn-primary-alt-disabled--border-style: var(--btn--border-style);
    --btn-primary-alt-disabled--border-width: var(--btn--border-width);
    --btn-primary-alt-disabled--color: #747480;
    --btn-primary-alt-disabled--box-shadow: none;
    --btn-primary-alt-disabled--border-radius: 0;
    --btn-primary-alt-disabled-icon-color: #747480;
    --btn-secondary--bg-color: #1a1a24;
    --btn-secondary--border-color: #eaeaf2;
    --btn-secondary--border-style: var(--btn--border-style);
    --btn-secondary--border-width: 0.0714285714rem;
    --btn-secondary--color: #fff;
    --btn-secondary--box-shadow: none;
    --btn-secondary--border-radius: 0;
    --btn-secondary-icon-color: #fff;
    --btn-secondary-focus--bg-color: #1a1a24;
    --btn-secondary-focus--border-color: #ffe600;
    --btn-secondary-focus--border-style: var(--btn--border-style);
    --btn-secondary-focus--border-width: 0.0714285714rem;
    --btn-secondary-focus--color: #ffe600;
    --btn-secondary-focus--box-shadow: none;
    --btn-secondary-focus--border-radius: 0;
    --btn-secondary-focus-icon-color: #ffe600;
    --btn-secondary-hover--bg-color: #1a1a24;
    --btn-secondary-hover--border-color: #ffe600;
    --btn-secondary-hover--border-style: var(--btn--border-style);
    --btn-secondary-hover--border-width: 0.0714285714rem;
    --btn-secondary-hover--color: #ffe600;
    --btn-secondary-hover--box-shadow: none;
    --btn-secondary-hover--border-radius: 0;
    --btn-secondary-hover-icon-color: #ffe600;
    --btn-secondary-disabled--bg-color: #282836;
    --btn-secondary-disabled--border-color: #282836;
    --btn-secondary-disabled--border-style: var(--btn--border-style);
    --btn-secondary-disabled--border-width: 0.0714285714rem;
    --btn-secondary-disabled--color: #747480;
    --btn-secondary-disabled--box-shadow: none;
    --btn-secondary-disabled--border-radius: 0;
    --btn-secondary-disabled-icon-color: #747480;
    --btn-secondary-active--bg-color: #1a1a24;
    --btn-secondary-active--color: #fff;
    --btn-warn--bg-color: #b9251c;
    --btn-warn--border-color: #b9251c;
    --btn-warn--border-style: var(--btn--border-style);
    --btn-warn--border-width: var(--btn--border-width);
    --btn-warn--color: #fff;
    --btn-warn--box-shadow: none;
    --btn-warn--border-radius: 0;
    --btn-warn-icon-color: #fff;
    --btn-warn-hover--bg-color: #2e2e38;
    --btn-warn-hover--border-color: #eaeaf2;
    --btn-warn-hover--border-style: var(--btn--border-style);
    --btn-warn-hover--border-width: var(--btn--border-width);
    --btn-warn-hover--color: #fff;
    --btn-warn-hover--box-shadow: none;
    --btn-warn-hover--border-radius: 0;
    --btn-warn-focus--bg-color: #2e2e38;
    --btn-warn-focus--border-color: #2e2e38;
    --btn-warn-focus--border-style: var(--btn--border-style);
    --btn-warn-focus--border-width: 0;
    --btn-warn-focus--color: #fff;
    --btn-warn-focus--box-shadow: none;
    --btn-warn-focus--border-radius: 0;
    --btn-warn-disabled--bg-color: #eaeaf2;
    --btn-warn-disabled--border-color: #eaeaf2;
    --btn-warn-disabled--border-style: var(--btn--border-style);
    --btn-warn-disabled--border-width: var(--btn--border-width);
    --btn-warn-disabled--color: #747480;
    --btn-warn-disabled--box-shadow: none;
    --btn-warn-disabled--border-radius: 0;
    --btn-warn-disabled-icon-color: #747480;
    --btn-text--font-size: var(--body-sm--font-size);
    --btn-text--color: var(--body--color);
    --btn-text-icon-color: var(--body--color);
    --btn-text-alt--color: var(--branding);
    --btn-text-alt-icon-color: var(--branding);
    --btn-text-disabled--color: #747480;
    --btn-text-disabled-icon-color: #c4c4cd;
    --btn-icon-color: #fff;
    --btn-icon--bg-color: transparent;
    --btn-icon--border-color: transparent;
    --btn-icon--border-width: 0 0 0 0;
    --btn-icon--border-style: none;
    --btn-icon--box-shadow: none;
    --btn-icon--border-radius: 0 0 0 0;
    --btn-icon-hover-icon-color: #fff;
    --btn-icon-hover--bg-color: #3a3a4a;
    --btn-icon-hover--border-color: transparent;
    --btn-icon-hover--border-width: 0 0 0 0;
    --btn-icon-hover--border-style: none;
    --btn-icon-hover--box-shadow: none;
    --btn-icon-focus-icon-color: #fff;
    --btn-icon-focus--bg-color: #3a3a4a;
    --btn-icon-focus--border-color: transparent;
    --btn-icon-focus--border-width: 0 0 0 0;
    --btn-icon-focus--border-style: none;
    --btn-icon-focus--box-shadow: none;
    --btn-icon-disabled-icon-color: #747480;
    --btn-icon-disabled--bg-color: transparent;
    --btn-icon-disabled--border-color: transparent;
    --btn-icon-disabled--border-width: 0 0 0 0;
    --btn-icon-disabled--border-style: none;
    --btn-icon-disabled--box-shadow: none;
    --btn-fab-icon-color: #2e2e38;
    --btn-fab--size: 3.7142857143rem;
    --btn-fab--border-color: transparent;
    --btn-fab--border-style: none;
    --btn-fab--border-width: 0;
    --btn-fab--border-radius: 50%;
    --btn-fab--bg-color: #eaeaf2;
    --btn-fab--box-shadow: 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12), 0px 7px 8px -4px rgba(0, 0, 0, 0.2);
    --btn-fab-focus--color: #1a1a24;
    --btn-fab-focus-icon-color: #1a1a24;
    --btn-fab-focus--bg-color: var(--branding);
    --btn-fab-focus--box-shadow: 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 11px 15px -7px rgba(0, 0, 0, 0.2);
    --btn-fab-focus--border-color: transparent;
    --btn-fab-focus--border-style: none;
    --btn-fab-focus--border-width: 0;
    --btn-fab-focus--border-radius: 50%;
    --btn-fab-hover--color: #1a1a24;
    --btn-fab-hover-icon-color: #1a1a24;
    --btn-fab-hover--bg-color: var(--branding);
    --btn-fab-hover--box-shadow: 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 11px 15px -7px rgba(0, 0, 0, 0.2);
    --btn-fab-hover--border-color: transparent;
    --btn-fab-hover--border-style: none;
    --btn-fab-hover--border-width: 0;
    --btn-fab-hover--border-radius: 50%;
    --btn-fab-disabled--color: #747480;
    --btn-fab-disabled-icon-color: #747480;
    --btn-fab-disabled--bg-color: #282836;
    --btn-fab-disabled--box-shadow: 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12), 0px 7px 8px -4px rgba(0, 0, 0, 0.2);
    --btn-fab-disabled--border-color: transparent;
    --btn-fab-disabled--border-style: none;
    --btn-fab-disabled--border-width: 0;
    --btn-fab-disabled--border-radius: 50%;
    --btn-fab-sm--size: 3.1428571429rem;
    --btn-fab-icon--size: 2.2857142857rem;
    --btn-fab-icon-sm--size: 1.7142857143rem;
    --btn-loader-primary--color: #fff;
    --btn-loader-primary--bg-color: #282836;
    --btn-loader-primary--border-color: #ffe600;
    --btn-loader-primary--border-style: var(--btn--border-style);
    --btn-loader-primary--border-width: 0.0714285714rem;
    --btn-loader-primary--box-shadow: none;
    --btn-loader-primary--border-radius: 0;
    --btn-loader-primary-progress--bg-color: #ffe600;
    --btn-loader-primary-hover--color: #2e2e38;
    --btn-loader-primary-hover--bg-color: #fff;
    --btn-loader-primary-hover--border-color: #2e2e38;
    --btn-loader-primary-hover--border-style: var(--btn--border-style);
    --btn-loader-primary-hover--border-width: var(--btn--border-width);
    --btn-loader-primary-hover--box-shadow: none;
    --btn-loader-primary-hover--border-radius: 0;
    --btn-loader-primary-progress-hover--bg-color: #2e2e38;
    --btn-loader-primary-focus--color: #2e2e38;
    --btn-loader-primary-focus--bg-color: #fff;
    --btn-loader-primary-focus--border-color: #2e2e38;
    --btn-loader-primary-focus--border-style: var(--btn--border-style);
    --btn-loader-primary-focus--border-width: var(--btn--border-width);
    --btn-loader-primary-focus--box-shadow: none;
    --btn-loader-primary-focus--border-radius: 0;
    --btn-loader-primary-progress-focus--bg-color: #2e2e38;
    --btn-loader-primary-alt--color: #fff;
    --btn-loader-primary-alt--bg-color: #1a1a24;
    --btn-loader-primary-alt--border-color: #fff;
    --btn-loader-primary-alt--border-style: var(--btn--border-style);
    --btn-loader-primary-alt--border-width: 0.0714285714rem;
    --btn-loader-primary-alt--box-shadow: none;
    --btn-loader-primary-alt--border-radius: 0;
    --btn-loader-primary-alt-progress--bg-color: #fff;
    --btn-loader-primary-alt-hover--color: #2e2e38;
    --btn-loader-primary-alt-hover--bg-color: #ffe600;
    --btn-loader-primary-alt-hover--border-color: #ffe600;
    --btn-loader-primary-alt-hover--border-style: var(--btn--border-style);
    --btn-loader-primary-alt-hover--border-width: var(--btn--border-width);
    --btn-loader-primary-alt-hover--box-shadow: none;
    --btn-loader-primary-alt-hover--border-radius: 0;
    --btn-loader-primary-alt-progress-hover--bg-color: #2e2e38;
    --btn-loader-primary-alt-focus--color: #2e2e38;
    --btn-loader-primary-alt-focus--bg-color: #ffe600;
    --btn-loader-primary-alt-focus--border-color: #ffe600;
    --btn-loader-primary-alt-focus--border-style: var(--btn--border-style);
    --btn-loader-primary-alt-focus--border-width: var(--btn--border-width);
    --btn-loader-primary-alt-focus--box-shadow: none;
    --btn-loader-primary-alt-focus--border-radius: 0;
    --btn-loader-primary-alt-progress-focus--bg-color: #2e2e38;
    --btn-loader-secondary--color: #fff;
    --btn-loader-secondary--bg-color: #1a1a24;
    --btn-loader-secondary--border-color: #eaeaf2;
    --btn-loader-secondary--border-style: var(--btn--border-style);
    --btn-loader-secondary--border-width: 0.0714285714rem;
    --btn-loader-secondary--box-shadow: none;
    --btn-loader-secondary--border-radius: 0;
    --btn-loader-secondary-progress--bg-color: #fff;
    --btn-loader-secondary-hover--color: #ffe600;
    --btn-loader-secondary-hover--bg-color: #1a1a24;
    --btn-loader-secondary-hover--border-color: #ffe600;
    --btn-loader-secondary-hover--border-style: var(--btn--border-style);
    --btn-loader-secondary-hover--border-width: 0.0714285714rem;
    --btn-loader-secondary-hover--box-shadow: none;
    --btn-loader-secondary-hover--border-radius: 0;
    --btn-loader-secondary-progress-hover--bg-color: #ffe600;
    --btn-loader-secondary-focus--color: #ffe600;
    --btn-loader-secondary-focus--bg-color: #1a1a24;
    --btn-loader-secondary-focus--border-color: #ffe600;
    --btn-loader-secondary-focus--border-style: var(--btn--border-style);
    --btn-loader-secondary-focus--border-width: 0.0714285714rem;
    --btn-loader-secondary-focus--box-shadow: none;
    --btn-loader-secondary-focus--border-radius: 0;
    --btn-loader-secondary-progress-focus--bg-color: #ffe600;
    --btn-loader-progress--height: 0.2857142857rem;
    --btn-link--bg-color: transparent;
    --btn-link--border-color: transparent;
    --btn-link--border-style: var(--btn--border-style);
    --btn-link--border-width: 0.0714285714rem;
    --btn-link--text-underline-offset: var(--text-link--text-underline-offset);
    --btn-link--color: var(--text-link--color);
    --btn-link--box-shadow: none;
    --btn-link--border-radius: 0;
    --btn-link-icon-color: var(--text-link--color);
    --btn-link-focus--color: var(--text-link--color);
    --btn-link-focus--bg-color: transparent;
    --btn-link-focus--border-color: var(--btn-link--color);
    --btn-link-focus--border-style: var(--btn--border-style);
    --btn-link-focus--border-width: 0.0714285714rem;
    --btn-link-focus--box-shadow: none;
    --btn-link-focus--border-radius: 0;
    --btn-link-focus-icon-color: var(--text-link--color);
    --btn-link-hover--color: var(--text-link--color);
    --btn-link-hover--bg-color: transparent;
    --btn-link-hover--border-color: transparent;
    --btn-link-hover--border-style: var(--btn--border-style);
    --btn-link-hover--border-width: 0.0714285714rem;
    --btn-link-hover--box-shadow: none;
    --btn-link-hover--border-radius: 0;
    --btn-link-hover-icon-color: var(--text-link--color);
    --btn-link-disabled--bg-color: transparent;
    --btn-link-disabled--border-color: transparent;
    --btn-link-disabled--border-style: var(--btn--border-style);
    --btn-link-disabled--border-width: 0.0714285714rem;
    --btn-link-disabled--color: #747480;
    --btn-link-disabled--box-shadow: none;
    --btn-link-disabled--border-radius: 0;
    --btn-link-disabled-badge--border-color: #747480;
    --btn-link-disabled-badge--border-style: solid;
    --btn-link-disabled-badge--border-width: 0.0714285714rem;
    --btn-link-disabled-badge--bg-color: transparent;
    --btn-link-disabled-badge--color: #747480;
    --btn-link-disabled-icon-color: #747480;
    --btn-link-badge--border-color: #fff;
    --btn-link-badge--border-style: var(--btn--border-style);
    --btn-link-badge--border-width: 0.0714285714rem;
    --btn-link-badge--bg-color: #23232f;
    --btn-link-badge--color: #fff;
    --btn-link-alt--bg-color: transparent;
    --btn-link-alt--border-color: transparent;
    --btn-link-alt--border-style: var(--btn--border-style);
    --btn-link-alt--border-width: 0.0714285714rem;
    --btn-link-alt--text-underline-offset: var(--text-link--text-underline-offset);
    --btn-link-alt--color: var(--text-link-alt--color);
    --btn-link-alt--box-shadow: none;
    --btn-link-alt--border-radius: 0;
    --btn-link-alt-icon-color: var(--text-link-alt--color);
    --btn-link-alt-focus--color: var(--text-link-alt--color);
    --btn-link-alt-focus--bg-color: transparent;
    --btn-link-alt-focus--border-color: var(--btn-link-alt--color);
    --btn-link-alt-focus--border-style: var(--btn--border-style);
    --btn-link-alt-focus--border-width: 0.0714285714rem;
    --btn-link-alt-focus--box-shadow: none;
    --btn-link-alt-focus--border-radius: 0;
    --btn-link-alt-focus-icon-color: var(--text-link-alt--color);
    --btn-link-alt-hover--color: var(--text-link-alt--color);
    --btn-link-alt-hover--bg-color: transparent;
    --btn-link-alt-hover--border-color: transparent transparent var(--btn-link-alt--color) transparent;
    --btn-link-alt-hover--border-style: var(--btn--border-style);
    --btn-link-alt-hover--border-width: 0.0714285714rem;
    --btn-link-alt-hover--box-shadow: none;
    --btn-link-alt-hover--border-radius: 0;
    --btn-link-alt-hover-icon-color: var(--text-link-alt--color);
    --btn-link-alt-disabled--bg-color: transparent;
    --btn-link-alt-disabled--border-color: transparent;
    --btn-link-alt-disabled--border-style: var(--btn--border-style);
    --btn-link-alt-disabled--border-width: 0.0714285714rem;
    --btn-link-alt-disabled--color: #747480;
    --btn-link-alt-disabled--box-shadow: none;
    --btn-link-alt-disabled--border-radius: 0;
    --btn-link-alt-disabled-badge--border-color: transparent;
    --btn-link-alt-disabled-badge--border-style: none;
    --btn-link-alt-disabled-badge--border-width: 0;
    --btn-link-alt-disabled-badge--bg-color: #747480;
    --btn-link-alt-disabled-badge--color: #1a1a24;
    --btn-link-alt-disabled-icon-color: #747480;
    --btn-link-alt-badge--border-color: none;
    --btn-link-alt-badge--border-style: var(--btn--border-style);
    --btn-link-alt-badge--border-width: 0.0714285714rem;
    --btn-link-alt-badge--bg-color: var(--text-link-alt--color);
    --btn-link-alt-badge--color: #1a1a24;
    --btn-group--border-color: #3a3a4a;
    --btn-group--border-style: var(--btn--border-style);
    --btn-group--border-width: 0.0714285714rem;
    --btn-group--bg-color: #2e2e3c;
    --btn-group--color: #fff;
    --btn-group--box-shadow: none;
    --btn-group--border-radius: 0;
    --btn-group-focus--border-color: #3a3a4a;
    --btn-group-focus--border-style: var(--btn--border-style);
    --btn-group-focus--border-width: 0.0714285714rem;
    --btn-group-focus--bg-color: #eaeaf2;
    --btn-group-focus--color: #1a1a24;
    --btn-group-focus--box-shadow: none;
    --btn-group-focus--border-radius: 0;
    --btn-group-hover--border-color: #3a3a4a;
    --btn-group-hover--border-style: var(--btn--border-style);
    --btn-group-hover--border-width: 0.0714285714rem;
    --btn-group-hover--bg-color: #1a1a24;
    --btn-group-hover--color: #fff;
    --btn-group-hover--box-shadow: none;
    --btn-group-hover--border-radius: 0;
    --btn-group-disabled--border-color: transparent;
    --btn-group-disabled--border-style: var(--btn--border-style);
    --btn-group-disabled--border-width: var(--btn--border-width);
    --btn-group-disabled--bg-color: #282836;
    --btn-group-disabled--color: #747480;
    --btn-group-disabled--box-shadow: none;
    --btn-group-disabled--border-radius: 0;
    --btn-group-active--border-color: #1a1a24;
    --btn-group-active--border-style: var(--btn--border-style);
    --btn-group-active--border-width: var(--btn--border-width);
    --btn-group-active--bg-color: #fff;
    --btn-group-active--color: #1a1a24;
    --btn-group-active--box-shadow: none;
    --btn-group-active--border-radius: 0;
    --card--border-color: #2e2e3c;
    --card--border-style: solid;
    --card--border-width: 0.0714285714rem;
    --card--border-radius: var(--border-radius);
    --card--bg-color: #23232f;
    --card--box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    --card-hover--box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px -1px rgba(0, 0, 0, 0.2);
    --card-header--bg-color: #23232f;
    --card-header-icon-color: #fff;
    --card-header-alt-icon-color: #fff;
    --card-header-alt-icon-hover-icon-color: #fff;
    --card-header-icon-hover--bg-color: #3a3a4a;
    --card-header-separator-line--border-color: transparent transparent #3a3a4a transparent;
    --card-header-separator-line--border-style: none none solid none;
    --card-header-separator-line--border-width: 0 0 0.0714285714rem 0;
    --card-header-alt--color: #fff;
    --card-header-alt--bg-color: #23232f;
    --card-header--color: #fff;
    --card-footer-separator-line--border-color: transparent;
    --card-footer-separator-line--border-style: none;
    --card-footer-separator-line--border-width: 0;
    --card-footer-tab-active--border-color: #fff transparent transparent transparent;
    --card-footer-tab-active--border-style: solid none none none;
    --card-footer-tab-active--border-width: 0.1428571429rem 0 0 0;
    --card-footer--bg-color: #3a3a4a;
    --card-footer--color: #fff;
    --carousel--bg-color: #2e2e3c;
    --carousel--border-color: transparent;
    --carousel--border-style: none;
    --carousel--border-width: 0;
    --carousel--box-shadow: none;
    --carousel-dot--border-color: #fff;
    --carousel-dot--border-style: solid;
    --carousel-dot--border-width: 0.0714285714rem;
    --carousel-dot--bg-color: transparent;
    --carousel-dot--border-radius: 50%;
    --carousel-dot--box-shadow: none;
    --carousel-dot-focus--border-color: #fff;
    --carousel-dot-focus--border-style: solid;
    --carousel-dot-focus--border-width: 0.0714285714rem;
    --carousel-dot-focus--bg-color: transparent;
    --carousel-dot-focus--box-shadow: 0 0 0 0.0714285714rem rgba(23, 119, 207, 0.5);
    --carousel-dot-hover--border-color: #fff;
    --carousel-dot-hover--border-style: solid;
    --carousel-dot-hover--border-width: 0.0714285714rem;
    --carousel-dot-hover--bg-color: transparent;
    --carousel-dot-hover--box-shadow: none;
    --carousel-dot-active--border-color: #fff;
    --carousel-dot-active--border-style: solid;
    --carousel-dot-active--border-width: 0.0714285714rem;
    --carousel-dot-active--bg-color: #fff;
    --carousel-dot-active--box-shadow: none;
    --carousel-play-pause--border-color: #fff;
    --carousel-play-pause--border-style: solid;
    --carousel-play-pause--border-width: 0.0714285714rem;
    --carousel-play-pause--bg-color: #fff;
    --carousel-play-pause--color: #1a1a24;
    --carousel-play-pause--border-radius: 1.4285714286rem;
    --carousel-play-pause-icon-color: #1a1a24;
    --carousel-play-pause-focus--border-color: #fff;
    --carousel-play-pause-focus--border-style: solid;
    --carousel-play-pause-focus--border-width: 0.0714285714rem;
    --carousel-play-pause-focus--bg-color: #fff;
    --carousel-play-pause-focus--color: #1a1a24;
    --carousel-play-pause-focus-icon-color: #1a1a24;
    --carousel-play-pause-hover--border-color: #fff;
    --carousel-play-pause-hover--border-style: solid;
    --carousel-play-pause-hover--border-width: 0.0714285714rem;
    --carousel-play-pause-hover--bg-color: #fff;
    --carousel-play-pause-hover--color: #1a1a24;
    --carousel-play-pause-hover-icon-color: #1a1a24;
    --carousel-back-forward--bg-color: transparent;
    --carousel-back-forward--border-color: transparent;
    --carousel-back-forward--border-style: none;
    --carousel-back-forward--border-width: 0;
    --carousel-back-forward--box-shadow: none;
    --carousel-back-forward-icon-color: #fff;
    --carousel-back-forward-focus--bg-color: transparent;
    --carousel-back-forward-focus--border-color: transparent;
    --carousel-back-forward-focus--border-style: none;
    --carousel-back-forward-focus--border-width: 0;
    --carousel-back-forward-focus--box-shadow: inset 0 0 0 0.0714285714rem rgba(23, 119, 207, 0.5);
    --carousel-back-forward-focus-icon-color: #fff;
    --carousel-back-forward-hover--bg-color: #3a3a4a;
    --carousel-back-forward-hover--border-color: transparent;
    --carousel-back-forward-hover--border-style: none;
    --carousel-back-forward-hover--border-width: 0;
    --carousel-back-forward-hover--box-shadow: none;
    --carousel-back-forward-hover-icon-color: #fff;
    --chip--color: #fff;
    --chip--border-color: #fff;
    --chip--border-style: solid;
    --chip--border-width: 0.0714285714rem;
    --chip--border-radius: 32px;
    --chip--box-shadow: none;
    --chip--bg-color: #23232f;
    --chip-hover--color: #2e2e38;
    --chip-hover--bg-color: #fff;
    --chip-hover--border-color: #fff;
    --chip-hover--border-style: solid;
    --chip-hover--border-width: 0.0714285714rem;
    --chip-hover--border-radius: var(--chip--border-radius);
    --chip-hover--box-shadow: none;
    --chip-hover-icon-color: #2e2e38;
    --chip-icon-color: #fff;
    --chip-btn-hover--bg-color: #1a1a24;
    --chip-btn-hover--color: #fff;
    --chip-pill--color: #fff;
    --chip-pill--bg-color: #1a1a24;
    --chip-dot--color: #fff;
    --chip-dot--bg-color: transparent;
    --chip-dot--border-color: transparent;
    --chip-dot--border-style: none;
    --chip-dot--border-width: 0;
    --chip-active--color: #1a1a24;
    --chip-active--bg-color: #fff;
    --chip-active--border-color: #fff;
    --chip-active--border-style: solid;
    --chip-active--border-width: 1px;
    --chip-active--border-radius: var(--chip--border-radius);
    --chip-active--box-shadow: none;
    --chip-disabled--color: #747480;
    --chip-disabled--bg-color: var(--disabled);
    --chip-disabled--border-color: var(--disabled);
    --chip-disabled--border-style: solid;
    --chip-disabled--border-width: 0.0714285714rem;
    --chip-disabled--border-radius: var(--chip--border-radius);
    --chip-disabled--box-shadow: none;
    --chip-disabled-icon-color: #747480;
    --chip-success--border-color: var(--success);
    --chip-success--border-style: solid;
    --chip-success--border-width: 0.0714285714rem;
    --chip-success--bg-color: var(--success);
    --chip-success--color: #1a1a24;
    --chip-success--border-radius: var(--chip--border-radius);
    --chip-success--box-shadow: none;
    --chip-warning--border-color: var(--warning);
    --chip-warning--border-style: solid;
    --chip-warning--border-width: 0.0714285714rem;
    --chip-warning--bg-color: var(--warning);
    --chip-warning--color: #1a1a24;
    --chip-warning--border-radius: var(--chip--border-radius);
    --chip-warning--box-shadow: none;
    --chip-error--border-color: var(--error);
    --chip-error--border-style: solid;
    --chip-error--border-width: 0.0714285714rem;
    --chip-error--bg-color: var(--error);
    --chip-error--color: #1a1a24;
    --chip-error--border-radius: var(--chip--border-radius);
    --chip-error--box-shadow: none;
    --chip-monochrome-light--border-color: #fff;
    --chip-monochrome-light--border-style: solid;
    --chip-monochrome-light--border-width: 0.0714285714rem;
    --chip-monochrome-light--bg-color: #fff;
    --chip-monochrome-light--color: #2e2e38;
    --chip-monochrome-light--border-radius: var(--chip--border-radius);
    --chip-monochrome-light--box-shadow: none;
    --chip-monochrome-dark--border-color: var(--branding);
    --chip-monochrome-dark--border-style: solid;
    --chip-monochrome-dark--border-width: 0.0714285714rem;
    --chip-monochrome-dark--bg-color: var(--branding);
    --chip-monochrome-dark--color: #2e2e38;
    --chip-monochrome-dark--border-radius: var(--chip--border-radius);
    --chip-monochrome-dark--box-shadow: none;
    --chip-monochrome-disabled--bg-color: #23232f;
    --chip-monochrome-disabled--border-color: #23232f;
    --chip-monochrome-disabled--border-style: solid;
    --chip-monochrome-disabled--border-width: 0.0714285714rem;
    --chip-monochrome-disabled--color: #747480;
    --chip-monochrome-disabled--border-radius: var(--chip--border-radius);
    --chip-monochrome-disabled--box-shadow: none;
    --chip-outlined--color: #fff;
    --chip-outlined-disabled--color: #747480;
    --comment--bg-color: #23232f;
    --comment--box-shadow: none;
    --comment--border-radius: 0;
    --comment--border-color: transparent transparent #3a3a4a transparent;
    --comment--border-style: none none solid none;
    --comment--border-width: 0 0 0.0714285714rem 0;
    --comment-nested--bg-color: #23232f;
    --comment-nested--box-shadow: none;
    --comment-nested--border-radius: 0;
    --comment-nested--border-color: transparent;
    --comment-nested--border-style: none;
    --comment-nested--border-width: 0;
    --comment-date-time--color: #fff;
    --comment-truncation-toggle--color: #fff;
    --comment-edit--color: var(--form-element--color);
    --comment-edit--bg-color: var(--form-element--bg-color);
    --comment-edit--box-shadow: var(--form-element--box-shadow);
    --comment-edit--border-width: 0 0 0.0714285714rem 0;
    --comment-edit--border-style: solid;
    --comment-edit--border-color: var(--form-element--border-color);
    --comment-edit--border-radius: var(--form-element--border-radius);
    --comment-edit-hover--bg-color: var(--form-element-hover--bg-color);
    --comment-edit-hover--color: var(--form-element-hover--color);
    --comment-edit-hover--box-shadow: var(--form-element-hover--box-shadow);
    --comment-edit-hover--border-width: 0 0 0.0714285714rem 0;
    --comment-edit-hover--border-style: solid;
    --comment-edit-hover--border-color: var(--form-element-hover--border-color);
    --comment-edit-focus--bg-color: var(--form-element-hover--bg-color);
    --comment-edit-focus--color: var(--form-element-hover--color);
    --comment-edit-focus--box-shadow: var(--form-element-focus--box-shadow);
    --comment-edit-focus--border-width: 0 0 0.1428571429rem 0;
    --comment-edit-focus--border-style: solid;
    --comment-edit-focus--border-color: var(--form-element-focus--border-color);
    --comment-edit-scroll-bar--bg-color: #c4c4cd;
    --comment-edit-scroll-bar-hover--bg-color: #c4c4cd;
    --content-switcher--color: #fff;
    --content-switcher--bg-color: #2e2e3c;
    --content-switcher--border-width: 0.0714285714rem;
    --content-switcher--border-style: solid;
    --content-switcher--border-color: #3a3a4a;
    --content-switcher-focus--bg-color: #1a1a24;
    --content-switcher-focus--color: #fff;
    --content-switcher-focus--border-width: 0.0714285714rem;
    --content-switcher-focus--border-style: solid;
    --content-switcher-focus--border-color: #3a3a4a;
    --content-switcher-hover--bg-color: #1a1a24;
    --content-switcher-hover--color: #fff;
    --content-switcher-hover--border-width: 0.0714285714rem;
    --content-switcher-hover--border-style: solid;
    --content-switcher-hover--border-color: #3a3a4a;
    --content-switcher-selected--bg-color: #eaeaf2;
    --content-switcher-selected--color: #2e2e38;
    --content-switcher-selected-icon-color: #2e2e38;
    --content-switcher-selected--border-width: 0.0714285714rem;
    --content-switcher-selected--border-style: solid;
    --content-switcher-selected--border-color: #3a3a4a;
    --content-switcher-disabled--color: #747480;
    --content-switcher-disabled--bg-color: #282836;
    --content-switcher-disabled--border-width: 0.0714285714rem;
    --content-switcher-disabled--border-style: solid;
    --content-switcher-disabled--border-color: #3a3a4a;
    --dropdown-menu--bg-color: #2e2e38;
    --dropdown-menu--border-color: #2e2e38;
    --dropdown-menu--border-style: solid;
    --dropdown-menu--border-width: 0.0714285714rem;
    --dropdown-menu--border-radius: var(--border-radius);
    --dropdown-menu--box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px -1px rgba(0, 0, 0, 0.2);
    --dropdown-menu-before--border-color: #2e2e38 #2e2e38 transparent transparent;
    --dropdown-menu-before--border-style: solid solid none none;
    --dropdown-menu-before--border-width: 0.0714285714rem 0.0714285714rem 0 0;
    --dropdown-menu-item--color: #fff;
    --dropdown-menu-item--bg-color: #2e2e38;
    --dropdown-menu-item--border-color: transparent;
    --dropdown-menu-item--border-style: solid;
    --dropdown-menu-item--border-width: 0.0714285714rem;
    --dropdown-menu-item--fill: #fff;
    --dropdown-menu-item-focus--color: #fff;
    --dropdown-menu-item-focus--bg-color: #2e2e38;
    --dropdown-menu-item-focus--border-color: #c4c4cd;
    --dropdown-menu-item-focus--border-style: solid;
    --dropdown-menu-item-focus--border-width: 0.0714285714rem;
    --dropdown-menu-item-focus--box-shadow: none;
    --dropdown-menu-item-hover--color: var(--branding);
    --dropdown-menu-item-hover--bg-color: #1a1a24;
    --dropdown-menu-item-hover--border-color: transparent;
    --dropdown-menu-item-hover--border-style: solid;
    --dropdown-menu-item-hover--border-width: 1px;
    --dropdown-menu-item-active--color: #fff;
    --dropdown-menu-item-active--bg-color: #2e2e38;
    --dropdown-menu-item-active--border-color: #c4c4cd;
    --dropdown-menu-item-active--border-style: solid;
    --dropdown-menu-item-active--border-width: 1px;
    --dropdown-menu-item-active--box-shadow: none;
    --dropdown-menu-item-disabled--color: #747480;
    --dropdown-menu-item-disabled--bg-color: transparent;
    --dropdown-menu-item-disabled--border-color: transparent;
    --dropdown-menu-item-disabled--border-style: solid;
    --dropdown-menu-item-disabled--border-width: 1px;
    --dropdown-menu-item-disabled--box-shadow: none;
    --dropdown-menu-item-icon-color: #fff;
    --dropdown-menu-item-focus-icon-color: #fff;
    --dropdown-menu-item-hover-icon-color: var(--branding);
    --dropdown-menu-item-active-icon-color: #fff;
    --dropdown-menu-item-disabled-icon-color: #747480;
    --dropdown-toggle-focus--box-shadow: none;
    --dropdown-toggle-hover--box-shadow: none;
    --filters--box-shadow: none;
    --filters--bg-color: #23232f;
    --filters--border-color: #3a3a4a;
    --filters--border-style: solid;
    --filters--border-width: 0.0714285714rem;
    --filters--border-radius: none;
    --filters-accordion-trigger--box-shadow: none;
    --filters-accordion-trigger--border-color: transparent;
    --filters-accordion-trigger--border-style: none;
    --filters-accordion-trigger--border-width: 0;
    --filters-accordion-trigger--border-radius: 0;
    --filters-accordion--box-shadow: none;
    --filters-accordion--bg-color: #2e2e38;
    --filters-accordion--border-color: transparent;
    --filters-accordion--border-style: none;
    --filters-accordion--border-width: 0;
    --filters-badge--bg-color: #ffe600;
    --filters-badge--color: #1a1a24;
    --filters-badge--border-color: transparent;
    --filters-badge--border-style: none;
    --filters-badge--border-width: 0;
    --filters-clear-btn--color: #ffe600;
    --filters-clear-btn--bg-color: transparent;
    --filters-clear-btn--border-color: transparent;
    --filters-clear-btn--border-style: none;
    --filters-clear-btn--border-width: 0;
    --filters-clear-btn--box-shadow: none;
    --filters-hr--border-style: none none solid none;
    --filters-hr--border-width: 0 0 0.0714285714rem 0;
    --filters-hr--border-color: transparent transparent #3a3a4a transparent;
    --filters-search--bg-color: #2e2e38;
    --filters-title--color: #fff;
    --footer--bg-color: #23232f;
    --footer--border-color: #3a3a4a transparent transparent transparent;
    --footer--border-style: solid none none none;
    --footer--border-width: 0.0714285714rem 0 0 0;
    --footer--box-shadow: none;
    --checkbox--border-color: #fff;
    --checkbox--border-style: solid;
    --checkbox--border-width: 0.0714285714rem;
    --checkbox--border-radius: var(--form-element--border-radius);
    --checkbox--bg-color: transparent;
    --checkbox-label--color: #fff;
    --checkbox--box-shadow: var(--form-element--box-shadow);
    --checkbox-disabled--color: var(--form-element-disabled--color);
    --checkbox-custom-focus--border-color: #e1e1e6;
    --checkbox-custom-focus--border-style: solid;
    --checkbox-custom-focus--border-width: 0.1428571429rem;
    --checkbox-custom-focus-label--color: #fff;
    --checkbox-custom-focus--bg-color: transparent;
    --checkbox-custom-focus--box-shadow: var(--form-element-focus--box-shadow);
    --checkbox-custom-hover--border-color: #fff;
    --checkbox-custom-hover--border-style: solid;
    --checkbox-custom-hover--border-width: 0.1428571429rem;
    --checkbox-custom-hover-label--color: #fff;
    --checkbox-custom-hover--bg-color: transparent;
    --checkbox-custom-hover--box-shadow: var(--form-element-hover--box-shadow);
    --checkbox-custom-disabled--border-color: #747480;
    --checkbox-custom-disabled--border-style: solid;
    --checkbox-custom-disabled--border-width: 0.0714285714rem;
    --checkbox-custom-disabled--bg-color: transparent;
    --checkbox-custom-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --checkbox-custom-error--border-color: #f95d54;
    --checkbox-custom-error--border-style: solid;
    --checkbox-custom-error--border-width: 0.0714285714rem;
    --checkbox-custom-error-label--color: #fff;
    --checkbox-custom-error--box-shadow: var(--form-element-error--box-shadow);
    --checkbox-custom-error--bg-color: transparent;
    --checkbox-custom-error-focus--border-color: #f95d54;
    --checkbox-custom-error-focus--border-style: solid;
    --checkbox-custom-error-focus--border-width: 0.1428571429rem;
    --checkbox-custom-error-focus-label--color: #fff;
    --checkbox-custom-error-focus--box-shadow: none;
    --checkbox-custom-error-focus--bg-color: transparent;
    --checkbox-custom-error-hover--border-color: #f95d54;
    --checkbox-custom-error-hover--border-style: solid;
    --checkbox-custom-error-hover--border-width: 0.1428571429rem;
    --checkbox-custom-error-hover-label--color: #fff;
    --checkbox-custom-error-hover--box-shadow: none;
    --checkbox-custom-error-hover--bg-color: transparent;
    --checkbox-checked--border-color: #fff;
    --checkbox-checked--border-style: none;
    --checkbox-checked--border-width: 0;
    --checkbox-checked--bg-color: #fff;
    --checkbox-checked-label--color: #fff;
    --checkbox-checked--box-shadow: none;
    --checkbox-checked-icon-color: #1a1a24;
    --checkbox-checked-disabled--bg-color: #747480;
    --checkbox-checked-disabled-label--color: var(--form-element-disabled--color);
    --checkbox-checked-disabled--box-shadow: none;
    --checkbox-checked-disabled--border-color: #747480;
    --checkbox-checked-disabled--border-style: solid;
    --checkbox-checked-disabled--border-width: 1px;
    --checkbox-checked-disabled-icon-color: #1a1a24;
    --date-picker--color: var(--form-element--color);
    --date-picker--bg-color: var(--form-element--bg-color);
    --date-picker--border-color: var(--form-element--border-color);
    --date-picker--border-style: var(--form-element--border-style);
    --date-picker--border-width: var(--form-element--border-width);
    --date-picker--border-radius: var(--form-element--border-radius);
    --date-picker--box-shadow: var(--form-element--box-shadow);
    --date-picker-icon-color: var(--form-element-icon-color);
    --date-picker-hover--color: var(--form-element-hover--color);
    --date-picker-hover--bg-color: var(--form-element-hover--bg-color);
    --date-picker-hover--border-color: var(--form-element-hover--border-color);
    --date-picker-hover--border-style: var(--form-element-hover--border-style);
    --date-picker-hover--border-width: var(--form-element-hover--border-width);
    --date-picker-hover--border-radius: var(--form-element-hover--border-radius);
    --date-picker-hover--box-shadow: var(--form-element-hover--box-shadow);
    --date-picker-hover-icon-color: var(--form-element-icon-hover-icon-color);
    --date-picker-focus--color: var(--form-element-focus--color);
    --date-picker-focus--bg-color: var(--form-element-focus--bg-color);
    --date-picker-focus--border-color: var(--form-element-focus--border-color);
    --date-picker-focus--border-style: var(--form-element-focus--border-style);
    --date-picker-focus--border-width: var(--form-element-focus--border-width);
    --date-picker-focus--border-radius: var(--form-element-focus--border-radius);
    --date-picker-focus--box-shadow: var(--form-element-focus--box-shadow);
    --date-picker-focus-icon-color: var(--form-element-icon-focus-icon-color);
    --date-picker-disabled--color: var(--form-element-disabled--color);
    --date-picker-disabled--bg-color: var(--form-element-disabled--bg-color);
    --date-picker-disabled--border-color: var(--form-element-disabled--border-color);
    --date-picker-disabled--border-style: var(--form-element-disabled--border-style);
    --date-picker-disabled--border-width: var(--form-element-disabled--border-width);
    --date-picker-disabled--border-radius: var(--form-element-disabled--border-radius);
    --date-picker-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --date-picker-disabled-icon-color: var(--form-element-icon-disabled-icon-color);
    --date-picker-error--color: var(--form-element-error--color);
    --date-picker-error--bg-color: var(--form-element-error--bg-color);
    --date-picker-error--border-color: var(--form-element-error--border-color);
    --date-picker-error--border-style: var(--form-element-error--border-style);
    --date-picker-error--border-width: var(--form-element-error--border-width);
    --date-picker-error--border-radius: var(--form-element-error--border-radius);
    --date-picker-error--box-shadow: var(--form-element-error--box-shadow);
    --date-picker-error-icon-color: var(--form-element-icon-error-icon-color);
    --date-picker-error-hover--color: var(--form-element-hover--color);
    --date-picker-error-hover--bg-color: var(--form-element-hover--bg-color);
    --date-picker-error-hover--border-color: var(--form-element-error--border-color);
    --date-picker-error-hover--border-style: var(--form-element-hover--border-style);
    --date-picker-error-hover--border-width: var(--form-element-hover--border-width);
    --date-picker-error-hover--border-radius: var(--form-element-hover--border-radius);
    --date-picker-error-hover--box-shadow: var(--form-element-hover--box-shadow);
    --date-picker-error-hover-icon-color: var(--form-element-icon-hover-icon-color);
    --date-picker-error-focus--color: var(--form-element-focus--color);
    --date-picker-error-focus--bg-color: var(--form-element-focus--bg-color);
    --date-picker-error-focus--border-color: var(--form-element-error--border-color);
    --date-picker-error-focus--border-style: var(--form-element-focus--border-style);
    --date-picker-error-focus--border-width: var(--form-element-focus--border-width);
    --date-picker-error-focus--border-radius: var(--form-element-focus--border-radius);
    --date-picker-error-focus--box-shadow: var(--form-element-focus--box-shadow);
    --date-picker-error-focus-icon-color: var(--form-element-icon-focus-icon-color);
    --date-picker-header-arrow--border-color: transparent;
    --date-picker-header-arrow--border-style: none;
    --date-picker-header-arrow--border-width: 0;
    --date-picker-navigation--bg-color: #2e2e3c;
    --date-picker-navigation--color: #c4c4cd;
    --date-picker-navigation-arrow--color: #fff;
    --date-picker-navigation-arrow-focus--box-shadow: inset 0 0 0 0.0714285714rem rgba(23, 119, 207, 0.5);
    --date-picker-tile-active--color: #2e2e38;
    --date-picker-tile-active--bg-color: #ffe600;
    --date-picker-tile-active-hover--bg-color: #2e2e3c;
    --date-picker-calendar--bg-color: #23232f;
    --date-picker-calendar--border-color: transparent;
    --date-picker-calendar--border-style: solid;
    --date-picker-calendar--border-width: 0.0714285714rem;
    --date-picker-calendar--border-radius: 0;
    --date-picker-calendar--box-shadow: none;
    --date-picker-weekday--color: #fff;
    --date-picker-label-focus--color: #fff;
    --file-uploader--bg-color: #1a1a24;
    --file-uploader-hover--bg-color: #1a1a24;
    --file-uploader-error--bg-color: #1a1a24;
    --file-uploader-disabled--bg-color: #1a1a24;
    --file-uploader-focus--bg-color: #1a1a24;
    --file-uploader-em--color: #fff;
    --file-uploader-em-hover--color: #fff;
    --file-uploader-em-focus--color: #fff;
    --file-uploader-em-disabled--color: #747480;
    --file-uploader-em-error--color: #fff;
    --file-uploader--color: #fff;
    --file-uploader-hover--color: #fff;
    --file-uploader-focus--color: #fff;
    --file-uploader-error--color: #fff;
    --file-uploader-icon-color: var(--form-element-icon-color);
    --file-uploader-hover-icon-color: var(--form-element-icon-hover-icon-color);
    --file-uploader-focus-icon-color: var(--form-element-icon-focus-icon-color);
    --file-uploader-error-icon-color: var(--form-element-icon-error-icon-color);
    --file-uploader--border-color: #747480;
    --file-uploader-hover--border-color: #eaeaf2;
    --file-uploader-focus--border-color: #eaeaf2;
    --file-uploader-error--border-width: 1px;
    --file-uploader-error--border-style: solid;
    --file-uploader-error--border-color: #b9251c;
    --file-uploader-disabled--border-color: #747480;
    --file-uploader-disabled--color: #747480;
    --file-uploader-disabled-icon-color: var(--form-element-icon-disabled-icon-color);
    --file-uploader--box-shadow: var(--form-element--box-shadow);
    --file-uploader-hover--box-shadow: var(--form-element-hover--box-shadow);
    --file-uploader-focus--box-shadow: var(--form-element-focus--box-shadow);
    --file-uploader-error--box-shadow: var(--form-element-error--box-shadow);
    --file-uploader-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --file-uploader-item--bg-color: #23232f;
    --file-uploader-item--border-width: 1px;
    --file-uploader-item--border-style: solid;
    --file-uploader-item--border-color: transparent;
    --file-uploader-item--color: #fff;
    --file-uploader-item--box-shadow: var(--form-element--box-shadow);
    --file-uploader-item--border-radius: 0;
    --file-uploader-item-icon-color: var(--form-element-icon-color);
    --file-uploader-item-progress-bar--bg-color: #2e2e3c;
    --file-uploader-item-progress-bar-hover--bg-color: #2e2e3c;
    --file-uploader-item-progress-bar-focus--bg-color: #2e2e3c;
    --file-uploader-item-progress-bar-error--bg-color: #2e2e3c;
    --file-uploader-item-progress-bar-disabled--bg-color: #2e2e3c;
    --file-uploader-item-progress-bar--color: var(--branding);
    --file-uploader-item-progress-bar-hover--color: var(--branding);
    --file-uploader-item-progress-bar-focus--color: var(--branding);
    --file-uploader-item-progress-bar-error--color: var(--branding);
    --file-uploader-item-progress-bar-disabled--color: var(--branding);
    --file-uploader-item-disabled--border-width: 1px;
    --file-uploader-item-disabled--border-style: solid;
    --file-uploader-item-disabled--border-color: transparent;
    --file-uploader-item-disabled--bg-color: #2e2e3c;
    --file-uploader-item-disabled--color: #747480;
    --file-uploader-item-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --file-uploader-item-disabled-icon-color: var(--form-element-icon-disabled-icon-color);
    --file-uploader-item-error--color: #747480;
    --file-uploader-item-error--border-width: 1px;
    --file-uploader-item-error--border-style: solid;
    --file-uploader-item-error--border-color: var(--error);
    --file-uploader-item-error--box-shadow: var(--form-element-error--box-shadow);
    --file-uploader-item-error--bg-color: #23232f;
    --file-uploader-item-error-icon-color: #747480;
    --file-uploader-item-close-btn-icon-color: #fff;
    --file-uploader-item-close-btn-icon--bg-color: transparent;
    --file-uploader-item-close-btn-icon--border-color: transparent;
    --file-uploader-item-close-btn-icon--border-width: 0 0 0 0;
    --file-uploader-item-close-btn-icon--border-style: none;
    --file-uploader-item-close-btn-icon--box-shadow: none;
    --file-uploader-item-close-btn-icon--border-radius: 0 0 0 0;
    --file-uploader-item-close-btn-icon-hover--color: #fff;
    --file-uploader-item-close-btn-icon-hover--bg-color: #2e2e3c;
    --file-uploader-item-close-btn-icon-hover--border-color: transparent;
    --file-uploader-item-close-btn-icon-hover--border-width: 0 0 0 0;
    --file-uploader-item-close-btn-icon-hover--border-style: none;
    --file-uploader-item-close-btn-icon-hover--box-shadow: none;
    --file-uploader-item-close-btn-icon-focus--color: #fff;
    --file-uploader-item-close-btn-icon-focus--bg-color: #3a3a4a;
    --file-uploader-item-close-btn-icon-focus--border-color: transparent;
    --file-uploader-item-close-btn-icon-focus--border-width: 0 0 0 0;
    --file-uploader-item-close-btn-icon-focus--border-style: none;
    --file-uploader-item-close-btn-icon-focus--box-shadow: none;
    --file-uploader-item-close-btn-icon-disabled--color: #747480;
    --file-uploader-item-close-btn-icon-disabled--bg-color: transparent;
    --file-uploader-item-close-btn-icon-disabled--border-color: transparent;
    --file-uploader-item-close-btn-icon-disabled--border-width: 0 0 0 0;
    --file-uploader-item-close-btn-icon-disabled--border-style: none;
    --file-uploader-item-close-btn-icon-disabled--box-shadow: none;
    --file-uploader-item-ok-btn--bg-color: transparent;
    --file-uploader-item-ok-btn--border-color: transparent;
    --file-uploader-item-ok-btn--border-style: var(--btn--border-style);
    --file-uploader-item-ok-btn--border-width: 0.0714285714rem;
    --file-uploader-item-ok-btn--color: var(--text-link--color);
    --file-uploader-item-ok-btn--box-shadow: none;
    --file-uploader-item-ok-btn--border-radius: 0;
    --file-uploader-item-ok-btn-focus--color: var(--text-link--color);
    --file-uploader-item-ok-btn-focus--bg-color: transparent;
    --file-uploader-item-ok-btn-focus--border-color: #fff;
    --file-uploader-item-ok-btn-focus--border-style: var(--btn--border-style);
    --file-uploader-item-ok-btn-focus--border-width: 0.0714285714rem;
    --file-uploader-item-ok-btn-focus--box-shadow: none;
    --file-uploader-item-ok-btn-hover--color: var(--text-link--color);
    --file-uploader-item-ok-btn-hover--bg-color: transparent;
    --file-uploader-item-ok-btn-hover--border-color: transparent;
    --file-uploader-item-ok-btn-hover--border-style: var(--btn--border-style);
    --file-uploader-item-ok-btn-hover--border-width: 0.0714285714rem;
    --file-uploader-item-ok-btn-hover--box-shadow: none;
    --file-uploader-item-retry-btn--bg-color: transparent;
    --file-uploader-item-retry-btn--border-color: transparent;
    --file-uploader-item-retry-btn--border-style: var(--btn--border-style);
    --file-uploader-item-retry-btn--border-width: 0.0714285714rem;
    --file-uploader-item-retry-btn--color: var(--text-link--color);
    --file-uploader-item-retry-btn--box-shadow: none;
    --file-uploader-item-retry-btn--border-radius: 0;
    --file-uploader-item-retry-btn-focus--color: var(--text-link--color);
    --file-uploader-item-retry-btn-focus--bg-color: transparent;
    --file-uploader-item-retry-btn-focus--border-color: var(--text-link--color);
    --file-uploader-item-retry-btn-focus--border-style: var(--btn--border-style);
    --file-uploader-item-retry-btn-focus--border-width: 0.0714285714rem;
    --file-uploader-item-retry-btn-focus--box-shadow: none;
    --file-uploader-item-retry-btn-hover--color: var(--text-link--color);
    --file-uploader-item-retry-btn-hover--bg-color: transparent;
    --file-uploader-item-retry-btn-hover--border-color: transparent;
    --file-uploader-item-retry-btn-hover--border-style: var(--btn--border-style);
    --file-uploader-item-retry-btn-hover--border-width: 0.0714285714rem;
    --file-uploader-item-retry-btn-hover--box-shadow: none;
    --metadata-header--color: #fff;
    --metadata-header-hover--color: #fff;
    --metadata-header-focus--color: #fff;
    --metadata-header--bg-color: #2e2e3c;
    --metadata-header-hover--bg-color: #282836;
    --metadata-header-focus--bg-color: #282836;
    --metadata-line-separator--border-width: 0;
    --metadata-line-separator--border-style: solid;
    --metadata-line-separator--border-color: #747480;
    --metadata-line-separator-hover--border-width: 0;
    --metadata-line-separator-hover--border-style: solid;
    --metadata-line-separator-hover--border-color: #747480;
    --metadata-line-separator-focus--border-width: 0;
    --metadata-line-separator-focus--border-style: solid;
    --metadata-line-separator-focus--border-color: #747480;
    --metadata-content--color: #fff;
    --metadata-content-hover--color: #fff;
    --metadata-content-focus--color: #fff;
    --metadata-content--bg-color: #3a3a4a;
    --metadata-content-hover--bg-color: #282836;
    --metadata-content-focus--bg-color: #282836;
    --metadata-content--border-width: 0;
    --metadata-content--border-style: solid;
    --metadata-content--border-color: transparent;
    --metadata-content-hover--border-width: 0;
    --metadata-content-hover--border-style: solid;
    --metadata-content-hover--border-color: transparent;
    --metadata-content-focus--border-width: 0;
    --metadata-content-focus--border-style: solid;
    --metadata-content-focus--border-color: transparent;
    --metadata-header-icon--fill: #fff;
    --metadata-header-icon-hover--fill: #fff;
    --metadata-header-icon-focus--fill: #fff;
    --input--color: var(--form-element--color);
    --input--border-color: var(--form-element--border-color);
    --input--border-style: var(--form-element--border-style);
    --input--border-width: var(--form-element--border-width);
    --input--border-radius: var(--form-element--border-radius);
    --input--bg-color: var(--form-element--bg-color);
    --input--box-shadow: var(--form-element--box-shadow);
    --input-hover--color: var(--form-element-hover--color);
    --input-hover--border-color: var(--form-element-hover--border-color);
    --input-hover--border-style: var(--form-element-hover--border-style);
    --input-hover--border-width: var(--form-element-hover--border-width);
    --input-hover--border-radius: var(--form-element-hover--border-radius);
    --input-hover--bg-color: var(--form-element-hover--bg-color);
    --input-hover--box-shadow: var(--form-element-hover--box-shadow);
    --input-focus--color: var(--form-element-focus--color);
    --input-focus--border-color: var(--form-element-focus--border-color);
    --input-focus--border-style: var(--form-element-focus--border-style);
    --input-focus--border-width: var(--form-element-focus--border-width);
    --input-focus--border-radius: var(--form-element-focus--border-radius);
    --input-focus--bg-color: var(--form-element-focus--bg-color);
    --input-focus--box-shadow: var(--form-element-focus--box-shadow);
    --input-disabled--color: var(--form-element-disabled--color);
    --input-disabled--border-color: var(--form-element-disabled--border-color);
    --input-disabled--border-style: var(--form-element-disabled--border-style);
    --input-disabled--border-width: var(--form-element-disabled--border-width);
    --input-disabled--border-radius: var(--form-element-disabled--border-radius);
    --input-disabled--bg-color: var(--form-element-disabled--bg-color);
    --input-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --input-error--color: var(--form-element-error--color);
    --input-error--border-color: var(--form-element-error--border-color);
    --input-error--border-style: var(--form-element-error--border-style);
    --input-error--border-width: var(--form-element-error--border-width);
    --input-error--border-radius: var(--form-element-error--border-radius);
    --input-error--bg-color: var(--form-element-error--bg-color);
    --input-error--box-shadow: var(--form-element-error--box-shadow);
    --input-error-focus--color: var(--form-element-error--color);
    --input-error-focus--border-color: var(--form-element-error--border-color);
    --input-error-focus--border-style: var(--form-element-error--border-style);
    --input-error-focus--border-width: var(--form-element-focus--border-width);
    --input-error-focus--bg-color: var(--form-element-focus--bg-color);
    --input-error-focus--box-shadow: var(--form-element-error--box-shadow);
    --input-error-hover--color: var(--form-element-error--color);
    --input-error-hover--border-color: var(--form-element-error--border-color);
    --input-error-hover--border-style: var(--form-element-error--border-style);
    --input-error-hover--border-width: var(--form-element-error--border-width);
    --input-error-hover--bg-color: var(--form-element-hover--bg-color);
    --input-error-hover--box-shadow: var(--form-element-error--box-shadow);
    --input-placeholder--color: var(--form-element-placeholder--color);
    --input-clear-icon-focus--box-shadow: inset 0px 0px 0px 1px rgba(23, 119, 207, 0.5);
    --input-clear-btn-disabled-icon-color: var(--form-element-icon-disabled-icon-color);
    --input-icon-color: var(--form-element-icon-color);
    --input-icon-error-icon-color: var(--form-element-icon-error-icon-color);
    --input-icon-disabled-icon-color: var(--form-element-icon-disabled-icon-color);
    --input-textarea--border-color: transparent transparent transparent transparent;
    --input-textarea--border-style: solid none none none;
    --input-textarea--border-width: 1.5714285714rem 0 0 0;
    --numeric-input--color: var(--form-element--color);
    --numeric-input--border-width: var(--form-element--border-width);
    --numeric-input--border-style: var(--form-element--border-style);
    --numeric-input--border-color: var(--form-element--border-color);
    --numeric-input--bg-color: var(--form-element--bg-color);
    --numeric-input--border-radius: var(--form-element--border-radius);
    --numeric-input--box-shadow: var(--form-element--box-shadow);
    --numeric-input-btn--bg-color: #23232f;
    --numeric-input-btn--border-style: none;
    --numeric-input-btn--border-width: 0;
    --numeric-input-btn--border-color: transparent;
    --numeric-input-btn--border-radius: 0;
    --numeric-input-btn--box-shadow: none;
    --numeric-input-btn-icon-color: #fff;
    --numeric-input-btn-disabled--bg-color: #282836;
    --numeric-input-btn-disabled--border-style: none;
    --numeric-input-btn-disabled--border-width: 0;
    --numeric-input-btn-disabled--border-color: transparent;
    --numeric-input-btn-disabled--box-shadow: none;
    --numeric-input-btn-disabled-icon-color: #747480;
    --numeric-input-btn-hover--bg-color: #2e2e3c;
    --numeric-input-btn-hover--border-style: none;
    --numeric-input-btn-hover--border-width: 0;
    --numeric-input-btn-hover--border-color: transparent;
    --numeric-input-btn-hover--box-shadow: none;
    --numeric-input-btn-hover-icon-color: #fff;
    --numeric-input-btn-focus--bg-color: #2e2e3c;
    --numeric-input-btn-focus--border-style: none;
    --numeric-input-btn-focus--border-width: 0;
    --numeric-input-btn-focus--border-color: transparent;
    --numeric-input-btn-focus--box-shadow: none;
    --numeric-input-btn-focus-icon-color: #fff;
    --numeric-input-error--color: var(--form-element-error--color);
    --numeric-input-error--bg-color: var(--form-element-error--bg-color);
    --numeric-input-error--border-width: var(--form-element-error--border-width);
    --numeric-input-error--border-style: var(--form-element-error--border-style);
    --numeric-input-error--border-color: var(--form-element-error--border-color);
    --numeric-input-error--box-shadow: var(--form-element-error--box-shadow);
    --numeric-input-error-focus--color: var(--form-element-error--color);
    --numeric-input-error-focus--border-color: var(--form-element-error--border-color);
    --numeric-input-error-focus--border-style: var(--form-element-error--border-style);
    --numeric-input-error-focus--border-width: var(--form-element-focus--border-width);
    --numeric-input-error-focus--bg-color: var(--form-element-focus--bg-color);
    --numeric-input-error-focus--box-shadow: var(--form-element-error--box-shadow);
    --numeric-input-error-hover--color: var(--form-element-error--color);
    --numeric-input-error-hover--border-color: var(--form-element-error--border-color);
    --numeric-input-error-hover--border-style: var(--form-element-error--border-style);
    --numeric-input-error-hover--border-width: var(--form-element-error--border-width);
    --numeric-input-error-hover--bg-color: var(--form-element-hover--bg-color);
    --numeric-input-error-hover--box-shadow: var(--form-element-error--box-shadow);
    --numeric-input-disabled--bg-color: #282836;
    --numeric-input-disabled--color: var(--form-element-disabled--color);
    --numeric-input-disabled--border-width: var(--form-element-disabled--border-width);
    --numeric-input-disabled--border-style: var(--form-element-disabled--border-style);
    --numeric-input-disabled--border-color: var(--form-element-disabled--border-color);
    --numeric-input-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --numeric-input-focus--bg-color: var(--form-element-focus--bg-color);
    --numeric-input-focus--color: var(--form-element-focus--color);
    --numeric-input-focus--border-width: var(--form-element-focus--border-width);
    --numeric-input-focus--border-style: var(--form-element-focus--border-style);
    --numeric-input-focus--border-color: var(--form-element-focus--border-color);
    --numeric-input-focus--box-shadow: var(--form-element-focus--box-shadow);
    --numeric-input-hover--bg-color: var(--form-element-hover--bg-color);
    --numeric-input-hover--color: var(--form-element-hover--color);
    --numeric-input-hover--border-width: var(--form-element-hover--border-width);
    --numeric-input-hover--border-style: var(--form-element-hover--border-style);
    --numeric-input-hover--border-color: var(--form-element-hover--border-color);
    --numeric-input-hover--box-shadow: var(--form-element-hover--box-shadow);
    --pin-entry--color: var(--form-element--color);
    --pin-entry--bg-color: var(--form-element--bg-color);
    --pin-entry--border-color: var(--form-element--border-color);
    --pin-entry--border-style: var(--form-element--border-style);
    --pin-entry--border-width: var(--form-element--border-width);
    --pin-entry--box-shadow: var(--form-element--box-shadow);
    --pin-entry--border-radius: var(--form-element--border-radius);
    --pin-entry-hover--color: var(--form-element-hover--color);
    --pin-entry-hover--bg-color: var(--form-element-hover--bg-color);
    --pin-entry-hover--border-color: var(--form-element-hover--border-color);
    --pin-entry-hover--border-style: var(--form-element-hover--border-style);
    --pin-entry-hover--border-width: var(--form-element-hover--border-width);
    --pin-entry-hover--box-shadow: var(--form-element-hover--box-shadow);
    --pin-entry-focus--color: var(--form-element-focus--color);
    --pin-entry-focus--bg-color: var(--form-element-focus--bg-color);
    --pin-entry-focus--border-color: var(--form-element-focus--border-color);
    --pin-entry-focus--border-style: var(--form-element-focus--border-style);
    --pin-entry-focus--border-width: var(--form-element-focus--border-width);
    --pin-entry-focus--box-shadow: var(--form-element-focus--box-shadow);
    --pin-entry-disabled--color: var(--form-element-disabled--color);
    --pin-entry-disabled--bg-color: var(--form-element-disabled--bg-color);
    --pin-entry-disabled--border-color: var(--form-element-disabled--border-color);
    --pin-entry-disabled--border-style: var(--form-element-disabled--border-style);
    --pin-entry-disabled--border-width: var(--form-element-disabled--border-width);
    --pin-entry-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --pin-entry-error--bg-color: var(--form-element-error--bg-color);
    --pin-entry-error--color: var(--form-element-error--color);
    --pin-entry-error--border-color: var(--form-element-error--border-color);
    --pin-entry-error--border-style: var(--form-element-error--border-style);
    --pin-entry-error--border-width: var(--form-element-error--border-width);
    --pin-entry-error--box-shadow: var(--form-element-error--box-shadow);
    --pin-entry-error-hover--color: var(--form-element-error--color);
    --pin-entry-error-hover--bg-color: var(--form-element-hover--bg-color);
    --pin-entry-error-hover--border-color: var(--form-element-error--border-color);
    --pin-entry-error-hover--border-style: var(--form-element-error--border-style);
    --pin-entry-error-hover--border-width: var(--form-element-error--border-width);
    --pin-entry-error-hover--box-shadow: var(--form-element-error--box-shadow);
    --pin-entry-error-focus--color: var(--form-element-error--color);
    --pin-entry-error-focus--bg-color: var(--form-element-focus--bg-color);
    --pin-entry-error-focus--border-color: var(--form-element-error--border-color);
    --pin-entry-error-focus--border-style: var(--form-element-error--border-style);
    --pin-entry-error-focus--border-width: var(--form-element-focus--border-width);
    --pin-entry-error-focus--box-shadow: var(--form-element-error--box-shadow);
    --pin-entry-clear-icon-color: var(--form-element-icon-color);
    --pin-entry-clear-icon--bg-color: none;
    --pin-entry-clear-icon--border-color: transparent;
    --pin-entry-clear-icon--border-style: none;
    --pin-entry-clear-icon--border-width: 0;
    --pin-entry-clear-icon--box-shadow: none;
    --pin-entry-clear-icon--border-radius: 0;
    --pin-entry-clear-icon-hover-icon-color: var(--form-element-icon-hover-icon-color);
    --pin-entry-clear-icon-hover--bg-color: #282836;
    --pin-entry-clear-icon-hover--border-color: transparent;
    --pin-entry-clear-icon-hover--border-style: none;
    --pin-entry-clear-icon-hover--border-width: 0;
    --pin-entry-clear-icon-hover--box-shadow: none;
    --pin-entry-clear-icon-hover--border-radius: 0;
    --pin-entry-clear-icon-focus-icon-color: var(--form-element-icon-focus-icon-color);
    --pin-entry-clear-icon-focus--bg-color: #282836;
    --pin-entry-clear-icon-focus--border-color: transparent;
    --pin-entry-clear-icon-focus--border-style: none;
    --pin-entry-clear-icon-focus--border-width: 0;
    --pin-entry-clear-icon-focus--box-shadow: none;
    --pin-entry-clear-icon-focus--border-radius: 0;
    --radio-btn--border-radius: 50%;
    --radio-btn--border-color: #fff;
    --radio-btn--border-width: 0.0714285714rem;
    --radio-btn--border-style: solid;
    --radio-btn--bg-color: #1a1a24;
    --radio-btn--box-shadow: var(--form-element--box-shadow);
    --radio-btn-input--bg-color: #fff;
    --radio-btn-label--color: #fff;
    --radio-btn-hover--border-radius: var(--radio-btn--border-radius);
    --radio-btn-hover--border-color: var(--radio-btn--border-color);
    --radio-btn-hover--border-width: 0.1428571429rem;
    --radio-btn-hover--border-style: var(--radio-btn--border-style);
    --radio-btn-hover--bg-color: var(--radio-btn--bg-color);
    --radio-btn-hover--box-shadow: var(--radio-btn--box-shadow);
    --radio-btn-input-hover--bg-color: var(--radio-btn-input--bg-color);
    --radio-btn-label-hover--color: var(--radio-btn-label--color);
    --radio-btn-focus--border-radius: var(--radio-btn--border-radius);
    --radio-btn-focus--border-color: var(--radio-btn--border-color);
    --radio-btn-focus--border-width: var(--radio-btn-hover--border-width);
    --radio-btn-focus--border-style: var(--radio-btn--border-style);
    --radio-btn-focus--bg-color: var(--radio-btn-hover--bg-color);
    --radio-btn-focus--box-shadow: var(--radio-btn-hover--box-shadow);
    --radio-btn-input-focus--bg-color: var(--radio-btn-input-hover--bg-color);
    --radio-btn-label-focus--color: var(--radio-btn-label-hover--color);
    --radio-btn-disabled--border-radius: var(--radio-btn--border-radius);
    --radio-btn-disabled--border-color: #747480;
    --radio-btn-disabled--border-width: var(--radio-btn--border-width);
    --radio-btn-disabled--border-style: var(--radio-btn--border-style);
    --radio-btn-disabled--bg-color: var(--radio-btn--bg-color);
    --radio-btn-disabled--box-shadow: var(--radio-btn--box-shadow);
    --radio-btn-input-disabled--bg-color: #747480;
    --radio-btn-label-disabled--color: #747480;
    --radio-btn-error--border-radius: var(--radio-btn--border-radius);
    --radio-btn-error--border-color: #f95d54;
    --radio-btn-error--border-width: var(--radio-btn--border-width);
    --radio-btn-error--border-style: var(--radio-btn--border-style);
    --radio-btn-error--bg-color: var(--radio-btn--bg-color);
    --radio-btn-error--box-shadow: var(--radio-btn--box-shadow);
    --radio-btn-input-error--bg-color: #f95d54;
    --radio-btn-label-error--color: var(--radio-btn-label--color);
    --radio-btn-error-hover--border-radius: var(--radio-btn--border-radius);
    --radio-btn-error-hover--border-color: var(--radio-btn-error--border-color);
    --radio-btn-error-hover--border-width: var(--radio-btn-hover--border-width);
    --radio-btn-error-hover--border-style: var(--radio-btn-hover--border-style);
    --radio-btn-error-hover--bg-color: var(--radio-btn--bg-color);
    --radio-btn-error-hover--box-shadow: var(--radio-btn-error--box-shadow);
    --radio-btn-input-error-hover--bg-color: var(--radio-btn-input-error--bg-color);
    --radio-btn-label-error-hover--color: var(--radio-btn-label--color);
    --radio-btn-error-focus--border-radius: var(--radio-btn-error-hover--border-radius);
    --radio-btn-error-focus--border-color: var(--radio-btn-error-hover--border-color);
    --radio-btn-error-focus--border-width: var(--radio-btn-error-hover--border-width);
    --radio-btn-error-focus--border-style: var(--radio-btn-error-hover--border-style);
    --radio-btn-error-focus--bg-color: var(--radio-btn-error-hover--bg-color);
    --radio-btn-error-focus--box-shadow: var(--radio-btn-error--box-shadow);
    --radio-btn-input-error-focus--bg-color: var(--radio-btn-input-error-hover--bg-color);
    --radio-btn-label-error-focus--color: var(--radio-btn-label-error-hover--color);
    --rich-text-editor-toolbar--border-width: 1px;
    --rich-text-editor-toolbar--border-style: solid;
    --rich-text-editor-toolbar--border-color: #3a3a4a;
    --rich-text-editor-toolbar--bg-color: #23232f;
    --rich-text-editor-toolbar-icon--stroke: #fff;
    --rich-text-editor-toolbar-icon--fill: #fff;
    --rich-text-editor-toolbar-icon--bg-color: #23232f;
    --rich-text-editor-toolbar-icon-hover--bg-color: #3a3a4a;
    --rich-text-editor-toolbar-icon-focus--bg-color: #3a3a4a;
    --rich-text-editor-toolbar-icon-active--bg-color: #2e2e38;
    --rich-text-editor-toolbar-picker--bg-color: #1a1a24;
    --rich-text-editor-toolbar-picker-hover--bg-color: #3a3a4a;
    --rich-text-editor-toolbar-picker-hover--color: #fff;
    --rich-text-editor-toolbar-picker-focus--bg-color: #3a3a4a;
    --rich-text-editor-toolbar-picker-focus--color: #fff;
    --rich-text-editor-toolbar-picker--border-width: 1px;
    --rich-text-editor-toolbar-picker--border-style: solid;
    --rich-text-editor-toolbar-picker--border-color: #3a3a4a;
    --rich-text-editor-toolbar-picker-hover--border-width: 1px;
    --rich-text-editor-toolbar-picker-hover--border-style: solid;
    --rich-text-editor-toolbar-picker-hover--border-color: #3a3a4a;
    --rich-text-editor-toolbar-picker-focus--border-width: 1px;
    --rich-text-editor-toolbar-picker-focus--border-style: solid;
    --rich-text-editor-toolbar-picker-focus--border-color: #3a3a4a;
    --rich-text-editor-toolbar-picker--color: #fff;
    --rich-text-editor-toolbar-picker-options--bg-color: #1a1a24;
    --rich-text-editor-toolbar-picker-options--border-width: 1px;
    --rich-text-editor-toolbar-picker-options--border-style: solid;
    --rich-text-editor-toolbar-picker-options--border-color: #747480;
    --rich-text-editor-toolbar-picker-options--color: #fff;
    --rich-text-editor-toolbar-picker-options-hover--bg-color: #1a1a24;
    --rich-text-editor-toolbar-picker-options-focus--bg-color: #1a1a24;
    --rich-text-editor-toolbar-picker-options-selected--color: #fff;
    --rich-text-editor-toolbar-picker-options-item--bg-color: #1a1a24;
    --rich-text-editor-toolbar-picker-options-item--color: #fff;
    --rich-text-editor-toolbar-picker-options-item-selected--color: #fff;
    --rich-text-editor-toolbar-picker-options-item-hover--bg-color: #3a3a4a;
    --rich-text-editor-toolbar-picker-options-item-focus--bg-color: #3a3a4a;
    --rich-text-editor-container--border-width: 1px;
    --rich-text-editor-container--border-style: solid;
    --rich-text-editor-container--border-color: #3a3a4a;
    --rich-text-editor-container--bg-color: #1a1a24;
    --rich-text-editor-container--color: #fff;
    --rich-text-editor-container-hover--border-width: 1px;
    --rich-text-editor-container-hover--border-style: solid;
    --rich-text-editor-container-hover--border-color: #3a3a4a;
    --rich-text-editor-container-hover--bg-color: #1a1a24;
    --rich-text-editor-container-hover--color: #fff;
    --rich-text-editor-container-focus--border-width: 1px;
    --rich-text-editor-container-focus--border-style: solid;
    --rich-text-editor-container-focus--border-color: #3a3a4a;
    --rich-text-editor-container-focus--bg-color: #1a1a24;
    --rich-text-editor-container-focus--color: #fff;
    --search--border-width: var(--form-element--border-width);
    --search--border-style: var(--form-element--border-style);
    --search--border-color: var(--form-element--border-color);
    --search--bg-color: var(--form-element--bg-color);
    --search--border-radius: var(--form-element--border-radius);
    --search--box-shadow: var(--form-element--box-shadow);
    --search-icon-color: var(--form-element-icon-color);
    --search-clear-btn-icon-color: var(--form-element-icon-color);
    --search-focus--border-width: var(--form-element-focus--border-width);
    --search-focus--border-style: var(--form-element-focus--border-style);
    --search-focus--border-color: var(--form-element-focus--border-color);
    --search-focus--bg-color: var(--form-element-focus--bg-color);
    --search-focus--box-shadow: var(--form-element-focus--box-shadow);
    --search-focus-icon-color: var(--form-element-icon-focus-icon-color);
    --search-clear-btn-focus-icon-color: var(--form-element-icon-focus-icon-color);
    --search-hover--border-width: var(--form-element-hover--border-width);
    --search-hover--border-style: var(--form-element-hover--border-style);
    --search-hover--border-color: var(--form-element-hover--border-color);
    --search-hover--bg-color: var(--form-element-hover--bg-color);
    --search-hover--box-shadow: var(--form-element-hover--box-shadow);
    --search-hover-icon-color: var(--form-element-icon-hover-icon-color);
    --search-clear-btn-hover-icon-color: var(--form-element-icon-hover-icon-color);
    --search-disabled--border-width: var(--form-element-disabled--border-width);
    --search-disabled--border-style: var(--form-element-disabled--border-style);
    --search-disabled--border-color: var(--form-element-disabled--border-color);
    --search-disabled--bg-color: var(--form-element-disabled--bg-color);
    --search-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --search-disabled-icon-color: var(--form-element-icon-disabled-icon-color);
    --search-clear-btn-disabled-icon-color: var(--form-element-icon-disabled-icon-color);
    --search-error--color: var(--form-element-error--color);
    --search-error--bg-color: var(--form-element-error--bg-color);
    --search-error--border-width: var(--form-element-error--border-width);
    --search-error--border-style: var(--form-element-error--border-style);
    --search-error--border-color: var(--form-element-error--border-color);
    --search-error--box-shadow: var(--form-element-error--box-shadow);
    --search-error-focus--color: var(--form-element-error--color);
    --search-error-focus--border-color: var(--form-element-error--border-color);
    --search-error-focus--border-style: var(--form-element-error--border-style);
    --search-error-focus--border-width: var(--form-element-focus--border-width);
    --search-error-focus--bg-color: var(--form-element-focus--bg-color);
    --search-error-focus--box-shadow: var(--form-element-error--box-shadow);
    --search-error-hover--color: var(--form-element-error--color);
    --search-error-hover--border-color: var(--form-element-error--border-color);
    --search-error-hover--border-style: var(--form-element-error--border-style);
    --search-error-hover--border-width: var(--form-element-error--border-width);
    --search-error-hover--bg-color: var(--form-element-hover--bg-color);
    --search-error-hover--box-shadow: var(--form-element-error--box-shadow);
    --select-option--bg-color: #23232f;
    --select-option--color: #fff;
    --select-option--border-color: transparent;
    --select-option--border-style: none solid none solid;
    --select-option--border-width: 0 0.0714285714rem 0 0.0714285714rem;
    --select-option-active--color: #ffe600;
    --select-option-active--bg-color: #2e2e3c;
    --select-option-hover--color: #ffe600;
    --select-option-hover--bg-color: #2e2e3c;
    --select-option-disabled--bg-color: #23232f;
    --select-option-disabled--color: #747480;
    --select-option-disabled--border-color: transparent;
    --select-option-disabled--border-width: 0 0.0714285714rem 0 0.0714285714rem;
    --select-option-disabled--border-style: none solid none solid;
    --select-option-selected--color: #ffe600;
    --select-option-selected--bg-color: #23232f;
    --select-trigger--color: var(--form-element--color);
    --select-trigger--border-color: var(--form-element--border-color);
    --select-trigger--border-style: var(--form-element--border-style);
    --select-trigger--border-width: var(--form-element--border-width);
    --select-trigger--bg-color: var(--form-element--bg-color);
    --select-trigger-hover--color: var(--branding);
    --select-trigger-hover--border-color: var(--form-element-hover--border-color);
    --select-trigger-hover--border-style: var(--form-element-hover--border-style);
    --select-trigger-hover--border-width: var(--form-element-hover--border-width);
    --select-trigger-hover--bg-color: var(--form-element-hover--bg-color);
    --select-trigger-open--border-color: var(--form-element--border-color);
    --select-trigger-open--border-style: var(--form-element--border-style);
    --select-trigger-open--border-width: var(--form-element--border-width);
    --select-trigger-open--bg-color: #282836;
    --select-trigger-focus--color: var(--form-element-focus--color);
    --select-trigger-focus--border-color: var(--form-element-focus--border-color);
    --select-trigger-focus--border-style: var(--form-element-focus--border-style);
    --select-trigger-focus--border-width: var(--form-element-focus--border-width);
    --select-trigger-focus--bg-color: var(--form-element-focus--bg-color);
    --select-trigger-disabled--color: var(--form-element-disabled--color);
    --select-trigger-disabled--border-color: var(--form-element-disabled--border-color);
    --select-trigger-disabled--border-style: var(--form-element-disabled--border-style);
    --select-trigger-disabled--border-width: var(--form-element-disabled--border-width);
    --select-trigger-disabled--bg-color: var(--form-element-disabled--bg-color);
    --select-trigger-disabled-hover--bg-color: var(--select-trigger--bg-color);
    --select-trigger-label--color: var(--form-element-label--color);
    --select-trigger-label-focus--color: var(--form-element-label-focus--color);
    --select-trigger-label-hover--color: var(--branding);
    --select-trigger-label-disabled--color: var(--form-element-label-disabled--color);
    --select-trigger--box-shadow: var(--form-element--box-shadow);
    --select-trigger-hover--box-shadow: var(--form-element-hover--box-shadow);
    --select-trigger-focus--box-shadow: var(--form-element-focus--box-shadow);
    --select-trigger-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --select-trigger-open--box-shadow: var(--form-element--box-shadow);
    --select-trigger--border-radius: var(--form-element--border-radius);
    --select-trigger-hover--border-radius: var(--form-element-hover--border-radius);
    --select-trigger-focus--border-radius: var(--form-element-focus--border-radius);
    --select-trigger-disabled--border-radius: var(--form-element-disabled--border-radius);
    --select-trigger-open--border-radius: var(--form-element--border-radius);
    --select-arrow--color: var(--form-element-icon-color);
    --select-arrow-focus--color: var(--form-element-icon-focus-icon-color);
    --select-arrow-hover--color: var(--branding);
    --select-arrow-disabled--color: var(--form-element-icon-disabled-icon-color);
    --select-filter--bg-color: #23232f;
    --select-filter--border-style: solid none none none;
    --select-filter--border-width: 0.0714285714rem 0 0 0;
    --select-filter--border-color: #fff transparent transparent transparent;
    --select-input-filter--color: #fff;
    --select-input-filter-hover--color: var(--branding);
    --select-input-filter--border-style: none;
    --select-input-filter--border-width: 0;
    --select-input-filter--border-color: #fff;
    --select-input-filter--bg-color: #23232f;
    --select-input-filter-hover--bg-color: #2e2e3c;
    --select-input-filter-placeholder--color: #fff;
    --select-input-filter-placeholder-hover--color: var(--branding);
    --select-input-filter-icon-color: #fff;
    --select-input-filter-hover-icon-color: #fff;
    --select-list--border-color: #eaeaf2 transparent transparent transparent;
    --select-list--border-style: solid none none none;
    --select-list--border-width: 0.0714285714rem 0 0 0;
    --select-list--box-shadow: none;
    --select-list--border-radius: 0;
    --select-list--bg-color: var(--select-option--bg-color);
    --select-list-focus--bg-color: var(--select-option-hover--bg-color);
    --select-list-no-results--border-left: var(--select-input--border);
    --select-list-no-results--border-right: var(--select-input--border);
    --select-list-no-results--border-color: transparent #eaeaf2 transparent #eaeaf2;
    --select-list-no-results--border-style: none solid none solid;
    --select-list-no-results--border-width: 0 0.0714285714rem 0 0.0714285714rem;
    --slider-before--border-color: #ffe600 transparent transparent transparent;
    --slider-before--border-style: solid none none none;
    --slider-before--border-width: 0.1428571429rem 0 0 0;
    --slider-after--border-color: #3a3a4a transparent transparent transparent;
    --slider-after--border-style: solid none none none;
    --slider-after--border-width: 0.1428571429rem 0 0 0;
    --slider-thumb--color: #fff;
    --slider-thumb--border-color: #ffe600;
    --slider-thumb--border-style: solid;
    --slider-thumb--border-width: 0.0714285714rem;
    --slider-thumb--border-radius: 50%;
    --slider-thumb--bg-color: #ffe600;
    --slider-thumb--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --slider-thumb-active--border-style: solid;
    --slider-thumb-active--border-width: 0.0714285714rem;
    --slider-thumb-active--border-color: #2e2e38;
    --slider-thumb-active--bg-color: #fff;
    --slider-thumb-active--box-shadow: none;
    --slider-thumb-hover--border-style: solid;
    --slider-thumb-hover--border-width: 0.0714285714rem;
    --slider-thumb-hover--border-color: #ffe600;
    --slider-thumb-hover--bg-color: #3a3a4a;
    --slider-thumb-hover--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --slider-thumb-focus--border-style: solid;
    --slider-thumb-focus--border-width: 0.0714285714rem;
    --slider-thumb-focus--border-color: #ffe600;
    --slider-thumb-focus--bg-color: #3a3a4a;
    --slider-thumb-focus--box-shadow: none;
    --slider-thumb-disabled--color: #747480;
    --slider-thumb-disabled--bg-color: #747480;
    --slider-thumb-disabled--border-style: solid;
    --slider-thumb-disabled--border-width: 0.0714285714rem;
    --slider-thumb-disabled--border-color: #3a3a4a;
    --slider-thumb-disabled--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --slider-range--bg-color: #ffe600;
    --slider-range--border-color: #3a3a4a transparent transparent transparent;
    --slider-range--border-style: solid none none none;
    --slider-range--border-width: 0.1428571429rem 0 0 0;
    --slider-range-disabled--bg-color: #747480;
    --slider-track--bg-color: #3a3a4a;
    --slider-track-disabled--bg-color: #3a3a4a;
    --slider-footer--color: #fff;
    --slider-footer-disabled--color: #eaeaf2;
    --text-area--color: var(--form-element--color);
    --text-area--bg-color: var(--form-element--bg-color);
    --text-area--box-shadow: var(--form-element--box-shadow);
    --text-area-label--color: var(--form-element-label--color);
    --text-area--border-width: var(--form-element--border-width);
    --text-area--border-style: var(--form-element--border-style);
    --text-area--border-color: var(--form-element--border-color);
    --text-area--border-radius: var(--form-element--border-radius);
    --text-area-disabled--color: var(--form-element-disabled--color);
    --text-area-disabled--bg-color: var(--form-element-disabled--bg-color);
    --text-area-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --text-area-disabled-label--color: var(--form-element-label-disabled--color);
    --text-area-disabled--border-width: var(--form-element-disabled--border-width);
    --text-area-disabled--border-style: var(--form-element-disabled--border-style);
    --text-area-disabled--border-color: var(--form-element-disabled--border-color);
    --text-area-hover--bg-color: var(--form-element-hover--bg-color);
    --text-area-hover--color: var(--form-element-hover--color);
    --text-area-hover--box-shadow: var(--form-element-hover--box-shadow);
    --text-area-hover-label--color: var(--form-element-label-hover--color);
    --text-area-hover--border-width: var(--form-element-hover--border-width);
    --text-area-hover--border-style: var(--form-element-hover--border-style);
    --text-area-hover--border-color: var(--form-element-hover--border-color);
    --text-area-focus--bg-color: var(--form-element-hover--bg-color);
    --text-area-focus--color: var(--form-element-hover--color);
    --text-area-focus--box-shadow: var(--form-element-focus--box-shadow);
    --text-area-focus-label--color: var(--form-element-label-focus--color);
    --text-area-focus--border-width: var(--form-element-focus--border-width);
    --text-area-focus--border-style: var(--form-element-focus--border-style);
    --text-area-focus--border-color: var(--form-element-focus--border-color);
    --text-area-scroll-bar--bg-color: #c4c4cd;
    --text-area-scroll-bar-hover--bg-color: #c4c4cd;
    --text-area-error--color: var(--form-element--color);
    --text-area-error--bg-color: var(--form-element--bg-color);
    --text-area-error--box-shadow: var(--form-element-error--box-shadow);
    --text-area-error-label--color: var(--form-element-label-error--color);
    --text-area-error--border-width: var(--form-element-error--border-width);
    --text-area-error--border-style: var(--form-element-error--border-style);
    --text-area-error--border-color: var(--form-element-error--border-color);
    --text-area-error-hover--color: var(--form-element-hover--color);
    --text-area-error-hover--bg-color: var(--form-element-hover--bg-color);
    --text-area-error-hover--box-shadow: var(--form-element-hover--box-shadow);
    --text-area-error-hover--border-width: var(--form-element-hover--border-width);
    --text-area-error-hover--border-style: var(--form-element-hover--border-style);
    --text-area-error-hover--border-color: var(--form-element-error--border-color);
    --text-area-error-focus--color: var(--form-element-focus--color);
    --text-area-error-focus--bg-color: var(--form-element-focus--bg-color);
    --text-area-error-focus--box-shadow: var(--form-element-focus--box-shadow);
    --text-area-error-focus--border-width: var(--form-element-focus--border-width);
    --text-area-error-focus--border-style: var(--form-element-focus--border-style);
    --text-area-error-focus--border-color: var(--form-element-error--border-color);
    --time-input--color: var(--form-element--color);
    --time-input--bg-color: var(--form-element--bg-color);
    --time-input--border-radius: var(--form-element--border-radius);
    --time-input--border-color: var(--form-element--border-color);
    --time-input--border-style: var(--form-element--border-style);
    --time-input--border-width: var(--form-element--border-width);
    --time-input--box-shadow: var(--form-element--box-shadow);
    --time-input-radio-btn--border-radius: var(--radio-btn--border-radius);
    --time-input-radio-btn--border-color: var(--radio-btn--border-color);
    --time-input-radio-btn--border-width: var(--radio-btn--border-width);
    --time-input-radio-btn--border-style: var(--radio-btn--border-style);
    --time-input-radio-btn--bg-color: var(--radio-btn--bg-color);
    --time-input-radio-btn-input--bg-color: var(--radio-btn-input--bg-color);
    --time-input-radio-btn-label--color: var(--radio-btn-label--color);
    --time-input-hover--color: var(--form-element-hover--color);
    --time-input-hover--bg-color: var(--form-element-hover--bg-color);
    --time-input-hover--border-radius: var(--form-element-hover--border-radius);
    --time-input-hover--border-color: var(--form-element-hover--border-color);
    --time-input-hover--border-style: var(--form-element-hover--border-style);
    --time-input-hover--border-width: var(--form-element-hover--border-width);
    --time-input-hover--box-shadow: var(--form-element-hover--box-shadow);
    --time-input-radio-btn-hover--border-radius: var(--radio-btn-hover--border-radius);
    --time-input-radio-btn-hover--border-color: var(--radio-btn-hover--border-color);
    --time-input-radio-btn-hover--border-width: var(--radio-btn-hover--border-width);
    --time-input-radio-btn-hover--border-style: var(--radio-btn-hover--border-style);
    --time-input-radio-btn-hover--bg-color: var(--radio-btn-hover--bg-color);
    --time-input-radio-btn-input-hover--bg-color: var(--radio-btn-input-hover--bg-color);
    --time-input-radio-btn-label-hover--color: var(--radio-btn-label-hover--color);
    --time-input-focus--color: var(--form-element-focus--color);
    --time-input-focus--bg-color: var(--form-element-focus--bg-color);
    --time-input-focus--border-radius: var(--form-element-focus--border-radius);
    --time-input-focus--border-color: var(--form-element-focus--border-color);
    --time-input-focus--border-style: var(--form-element-focus--border-style);
    --time-input-focus--border-width: var(--form-element-focus--border-width);
    --time-input-focus--box-shadow: var(--form-element-focus--box-shadow);
    --time-input-radio-btn-focus--border-radius: var(--radio-btn-focus--border-radius);
    --time-input-radio-btn-focus--border-color: var(--radio-btn-focus--border-color);
    --time-input-radio-btn-focus--border-width: var(--radio-btn-focus--border-width);
    --time-input-radio-btn-focus--border-style: var(--radio-btn-focus--border-style);
    --time-input-radio-btn-focus--bg-color: var(--radio-btn-focus--bg-color);
    --time-input-radio-btn-input-focus--bg-color: var(--radio-btn-input-focus--bg-color);
    --time-input-radio-btn-label-focus--color: var(--radio-btn-label-focus--color);
    --time-input-error--color: var(--form-element-error--color);
    --time-input-error--bg-color: var(--form-element-error--bg-color);
    --time-input-error--border-radius: var(--form-element-error--border-radius);
    --time-input-error--border-color: var(--form-element-error--border-color);
    --time-input-error--border-style: var(--form-element-error--border-style);
    --time-input-error--border-width: var(--form-element-error--border-width);
    --time-input-error--box-shadow: var(--form-element-error--box-shadow);
    --time-input-radio-btn-error--border-radius: var(--radio-btn-error--border-radius);
    --time-input-radio-btn-error--border-color: var(--radio-btn-error--border-color);
    --time-input-radio-btn-error--border-width: var(--radio-btn-error--border-width);
    --time-input-radio-btn-error--border-style: var(--radio-btn-error--border-style);
    --time-input-radio-btn-error--bg-color: var(--radio-btn-error--bg-color);
    --time-input-radio-btn-input-error--bg-color: var(--radio-btn-input-error--bg-color);
    --time-input-radio-btn-label-error--color: var(--radio-btn-label-error--color);
    --time-input-error-hover--color: var(--time-input-error--color);
    --time-input-error-hover--bg-color: var(--time-input-hover--bg-color);
    --time-input-error-hover--border-radius: var(--time-input--border-radius);
    --time-input-error-hover--border-color: var(--time-input-error--border-color);
    --time-input-error-hover--border-style: var(--time-input-error--border-style);
    --time-input-error-hover--border-width: var(--time-input-error--border-width);
    --time-input-error-hover--box-shadow: var(--time-input-error--box-shadow);
    --time-input-radio-btn-error-hover--border-radius: var(--radio-btn-error-hover--border-radius);
    --time-input-radio-btn-error-hover--border-color: var(--radio-btn-error-hover--border-color);
    --time-input-radio-btn-error-hover--border-width: var(--radio-btn-error-hover--border-width);
    --time-input-radio-btn-error-hover--border-style: var(--radio-btn-error-hover--border-style);
    --time-input-radio-btn-error-hover--bg-color: var(--radio-btn-error-hover--bg-color);
    --time-input-radio-btn-input-error-hover--bg-color: var(--radio-btn-input-error-hover--bg-color);
    --time-input-radio-btn-label-error-hover--color: var(--radio-btn-label-error-hover--color);
    --time-input-error-focus--color: var(--time-input-error--color);
    --time-input-error-focus--bg-color: var(--time-input-error-hover--bg-color);
    --time-input-error-focus--border-radius: var(--time-input-error--border-radius);
    --time-input-error-focus--border-color: var(--time-input-error--border-color);
    --time-input-error-focus--border-style: var(--time-input-error--border-style);
    --time-input-error-focus--border-width: var(--time-input-focus--border-width);
    --time-input-error-focus--box-shadow: var(--time-input-error--box-shadow);
    --time-input-radio-btn-error-focus--border-radius: var(--radio-btn-error-focus--border-radius);
    --time-input-radio-btn-error-focus--border-color: var(--radio-btn-error-focus--border-color);
    --time-input-radio-btn-error-focus--border-width: var(--radio-btn-error-focus--border-width);
    --time-input-radio-btn-error-focus--border-style: var(--radio-btn-error-focus--border-style);
    --time-input-radio-btn-error-focus--bg-color: var(--radio-btn-error-focus--bg-color);
    --time-input-radio-btn-input-error-focus--bg-color: var(--radio-btn-input-error-focus--bg-color);
    --time-input-radio-btn-label-error-focus--color: var(--radio-btn-label-error-focus--color);
    --time-input-disabled--color: var(--form-element-disabled--color);
    --time-input-disabled--bg-color: var(--form-element-disabled--bg-color);
    --time-input-disabled--border-radius: var(--form-element-disabled--border-radius);
    --time-input-disabled--border-color: var(--form-element-disabled--border-color);
    --time-input-disabled--border-style: var(--form-element-disabled--border-style);
    --time-input-disabled--border-width: var(--form-element-disabled--border-width);
    --time-input-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --time-input-radio-btn-disabled--border-radius: var(--radio-btn-disabled--border-radius);
    --time-input-radio-btn-disabled--border-color: var(--radio-btn-disabled--border-color);
    --time-input-radio-btn-disabled--border-width: var(--radio-btn-disabled--border-width);
    --time-input-radio-btn-disabled--border-style: var(--radio-btn-disabled--border-style);
    --time-input-radio-btn-disabled--bg-color: var(--radio-btn-disabled--bg-color);
    --time-input-radio-btn-input-disabled--bg-color: var(--radio-btn-input-disabled--bg-color);
    --time-input-radio-btn-label-disabled--color: var(--radio-btn-label-disabled--color);
    --toggle-switch--color: #fff;
    --toggle-switch-hover--color: #fff;
    --toggle-switch-focus--color: #fff;
    --toggle-switch-disabled--color: #747480;
    --toggle-switch--bg-color: #c4c4cd;
    --toggle-switch--border-radius: 1.2857142857rem;
    --toggle-switch--border-style: unset;
    --toggle-switch--border-color: unset;
    --toggle-switch--border-width: 0;
    --toogle-switch--box-shadow: none;
    --toggle-switch-hover--bg-color: #c4c4cd;
    --toggle-switch-hover--border-style: unset;
    --toggle-switch-hover--border-color: unset;
    --toggle-switch-hover--border-width: 0;
    --toogle-switch-hover--box-shadow: none;
    --toggle-switch-focus--bg-color: #c4c4cd;
    --toggle-switch-focus--border-style: unset;
    --toggle-switch-focus--border-color: unset;
    --toggle-switch-focus--border-width: 0;
    --toogle-switch-focus--box-shadow: none;
    --toggle-switch-disabled--bg-color: #1a1a24;
    --toggle-switch-disabled--border-style: solid;
    --toggle-switch-disabled--border-color: #c4c4cd;
    --toggle-switch-disabled--border-width: 0.0714285714rem;
    --toogle-switch-disabled--box-shadow: none;
    --toggle-switch-checked--bg-color: #34c768;
    --toggle-switch-checked--border-style: unset;
    --toggle-switch-checked--border-color: unset;
    --toggle-switch-checked--border-width: 0;
    --toogle-switch-checked--box-shadow: none;
    --toggle-switch-checked-hover--bg-color: #34c768;
    --toggle-switch-checked-hover--border-style: unset;
    --toggle-switch-checked-hover--border-color: unset;
    --toggle-switch-checked-hover--border-width: 0;
    --toogle-switch-checked-hover--box-shadow: none;
    --toggle-switch-checked-focus--bg-color: #34c768;
    --toggle-switch-checked-focus--border-style: unset;
    --toggle-switch-checked-focus--border-color: unset;
    --toggle-switch-checked-focus--border-width: 0;
    --toogle-switch-checked-focus--box-shadow: none;
    --toggle-switch-checked-disabled--bg-color: #1a1a24;
    --toggle-switch-checked-disabled--border-style: solid;
    --toggle-switch-checked-disabled--border-color: #c4c4cd;
    --toggle-switch-checked-disabled--border-width: 0.0714285714rem;
    --toogle-switch-checked-disabled--box-shadow: none;
    --toggle-switch-thumb--bg-color: #747480;
    --toggle-switch-thumb--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --toggle-switch-thumb--border-radius: 0.7142857143rem;
    --toggle-switch-thumb--border-style: unset;
    --toggle-switch-thumb--border-color: unset;
    --toggle-switch-thumb--border-width: 0;
    --toggle-switch-hover-thumb--bg-color: #747480;
    --toggle-switch-hover-thumb--border-style: solid;
    --toggle-switch-hover-thumb--border-color: #2e2e38;
    --toggle-switch-hover-thumb--border-width: 0.0714285714rem;
    --toggle-switch-hover-thumb--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --toggle-switch-focus-thumb--bg-color: #747480;
    --toggle-switch-focus-thumb--border-style: solid;
    --toggle-switch-focus-thumb--border-color: #2e2e38;
    --toggle-switch-focus-thumb--border-width: 0.0714285714rem;
    --toggle-switch-focus-thumb--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --toggle-switch-disabled-thumb--bg-color: #c4c4cd;
    --toggle-switch-disabled-thumb--border-style: solid;
    --toggle-switch-disabled-thumb--border-color: #c4c4cd;
    --toggle-switch-disabled-thumb--border-width: 0.0714285714rem;
    --toggle-switch-disabled-thumb--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --toggle-switch-checked-thumb--bg-color: #189d3e;
    --toggle-switch-checked-thumb--border-color: unset;
    --toggle-switch-checked-thumb--border-width: 0;
    --toggle-switch-checked-thumb--border-style: unset;
    --toggle-switch-checked-thumb--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --toggle-switch-checked-hover-thumb--bg-color: #189d3e;
    --toggle-switch-checked-hover-thumb--border-color: #2e2e38;
    --toggle-switch-checked-hover-thumb--border-style: solid;
    --toggle-switch-checked-hover-thumb--border-width: 0.0714285714rem;
    --toggle-switch-checked-hover-thumb--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --toggle-switch-checked-focus-thumb--bg-color: #189d3e;
    --toggle-switch-checked-focus-thumb--border-color: #2e2e38;
    --toggle-switch-checked-focus-thumb--border-style: solid;
    --toggle-switch-checked-focus-thumb--border-width: 0.0714285714rem;
    --toggle-switch-checked-focus-thumb--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --toggle-switch-checked-disabled-thumb--bg-color: #c4c4cd;
    --toggle-switch-checked-disabled-thumb--border-color: #c4c4cd;
    --toggle-switch-checked-disabled-thumb--border-style: solid;
    --toggle-switch-checked-disabled-thumb--border-width: 0.0714285714rem;
    --toggle-switch-checked-disabled-thumb--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --typeahead-results--border-width: 1px;
    --typeahead-results--border-style: solid;
    --typeahead-results--border-color: #1a1a24;
    --typeahead-results--border-radius: 0;
    --typeahead-results--bg-color: #23232f;
    --typeahead-results--box-shadow: none;
    --typeahead-results-hover--bg-color: #2e2e3c;
    --typeahead-results-option--border-color: transparent;
    --typeahead-results-option--border-style: none;
    --typeahead-results-option--border-width: 0;
    --typeahead-results-option-hover--border-color: transparent;
    --typeahead-results-option-hover--border-style: none;
    --typeahead-results-option-hover--border-width: 0;
    --typeahead-results-option-focus--border-color: transparent;
    --typeahead-results-option-focus--border-style: none;
    --typeahead-results-option-focus--border-width: 0;
    --typeahead-results-option-disabled--border-color: transparent;
    --typeahead-results-option-disabled--border-style: none;
    --typeahead-results-option-disabled--border-width: 0;
    --header--bg-color: #2e2e38;
    --header-search--bg-color: #1a1a24;
    --header-search--color: #fff;
    --header-search-placeholder--color: #fff;
    --header-search-icon-color: #fff;
    --header-search-hover--color: #fff;
    --header-search-hover--bg-color: #1a1a24;
    --header-search-icon-hover-color: #fff;
    --header-search-focus--color: #fff;
    --header-search-focus--bg-color: #1a1a24;
    --header-search-icon-focus-color: #fff;
    --header-icon-color: #fff;
    --header-icon-hover-icon-color: #fff;
    --header-icon-focus-icon-color: #fff;
    --header-icon-selected-icon-color: #fff;
    --header-icon-selected--bg-color: #23232f;
    --header-icon-selected--border-color: #ffe600;
    --header-icon-selected--border-style: solid;
    --header-icon-selected--border-width: 0 0 0.1428571429rem 0;
    --header-input-wrap--border-color: transparent;
    --header-input-wrap--border-style: none;
    --header-input-wrap--border-width: 0;
    --header-input-wrap-hover--border-color: transparent;
    --header-input-wrap-hover--border-style: none;
    --header-input-wrap-hover--border-width: 0;
    --header-input-wrap-focus--border-color: transparent;
    --header-input-wrap-focus--border-style: none;
    --header-input-wrap-focus--border-width: 0;
    --header-btn--bg-color: #2e2e38;
    --header-btn--box-shadow: none;
    --header-btn--border-radius: 0;
    --header-btn--border-color: transparent;
    --header-btn--border-style: none;
    --header-btn--border-width: 0;
    --header-btn-hover--bg-color: #3a3a4a;
    --header-btn-hover--box-shadow: none;
    --header-btn-hover--border-color: transparent;
    --header-btn-hover--border-style: none;
    --header-btn-hover--border-width: 0;
    --header-btn-focus--bg-color: #3a3a4a;
    --header-btn-focus--box-shadow: inset 0 0 0 0.0714285714rem rgba(23, 119, 207, 0.5);
    --header-btn-focus--border-color: transparent;
    --header-btn-focus--border-style: none;
    --header-btn-focus--border-width: 0;
    --header-title--color: #fff;
    --icon-color: #fff;
    --icon--bg-color: transparent;
    --progress-bar-progress--bg-color: var(--branding);
    --progress-bar--bg-color: #2e2e3c;
    --progress-bar--border-radius: 0 0 0 0;
    --progress-bar--box-shadow: none;
    --progress-bar-error-progress--bg-color: #f95d54;
    --progress-bar-error--border-radius: 0 0 0 0;
    --progress-bar-error--border-color: #f95d54;
    --progress-bar-error--box-shadow: none;
    --progress-bar-spinner-outline--border-color: #2e2e3c;
    --progress-bar-spinner--border-color: var(--branding);
    --progress-bar-percent-circle--bg-color: #1a1a24;
    --progress-bar-label--color: #fff;
    --progress-bar-label-error-color: #f95d54;
    --progress-bar-progress--border-radius: 0;
    --progress-bar-circle--border-width: 0.286rem;
    --progress-bar-circle--width: 2.857rem;
    --progress-bar-circle--height: 2.857rem;
    --progress-bar-circle--rect-right: 1.429rem;
    --inline-message--bg-color: transparent;
    --inline-message--border-style: none;
    --inline-message--border-width: 0;
    --inline-message--border-color: transparent;
    --inline-message--border-radius: 0;
    --inline-message--box-shadow: none;
    --inline-icon-color: #fff;
    --inline-error-icon-color: #f95d54;
    --inline-warning-icon-color: #ed6500;
    --inline-success-icon-color: #57e188;
    --inline-info-icon-color: #fff;
    --menu-overlay-open--padding: 16px;
    --menu-overlay-open--bg-color: rgba(26, 26, 36, 0.6);
    --menu--border-color: transparent;
    --menu--border-style: none;
    --menu--border-width: 0;
    --menu--bg-color: #2e2e38;
    --menu--box-shadow: 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 5px 5px -3px rgba(0, 0, 0, 0.2);
    --menu-btn-icon--color: #fff;
    --menu-header-title--color: #fff;
    --menu-header-title--border-color: transparent transparent #2e2e3c transparent;
    --menu-header-title--border-style: none none solid none;
    --menu-header-title--border-width: 0 0 0.0714285714rem 0;
    --menu-header-close-btn-icon-color: #fff;
    --menu-header-close-btn-icon-hover-icon-color: #fff;
    --menu-header-close-btn-hover--bg-color: #3a3a4a;
    --menu-header-close-btn-focus--bg-color: #3a3a4a;
    --menu-header-close-btn-icon-focus-icon-color: #fff;
    --menu-item--bg-color: #2e2e38;
    --menu-dark-item--bg-color: #1a1a24;
    --menu-item-hover--bg-color: #1a1a24;
    --menu-item-focus--bg-color: #1a1a24;
    --menu-item-active--bg-color: #1a1a24;
    --menu-item--color: #fff;
    --menu-item-hover--color: #fff;
    --menu-item-focus--color: #fff;
    --menu-group-item-container--bg-color: #2e2e38;
    --menu-group-item--color: #fff;
    --menu-group-item--bg-color: #2e2e38;
    --menu-group-item-hover--bg-color: #1a1a24;
    --menu-group-item-hover--color: #fff;
    --menu-group-item-expanded--bg-color: #1a1a24;
    --menu-group-item-active--bg-color: #1a1a24;
    --menu-group-item-active--color: #fff;
    --menu-alt--bg-color: #2e2e38;
    --menu-alt-header-title--color: #fff;
    --menu-alt-header-close-btn-icon-color: #fff;
    --menu-alt-header-close-btn-icon-hover-icon-color: #fff;
    --menu-alt-header-close-btn-hover--bg-color: #3a3a4a;
    --menu-alt-header-close-btn-icon-focus-icon-color: #fff;
    --menu-alt-header-close-btn-focus--bg-color: #3a3a4a;
    --menu-alt-item--bg-color: #2e2e38;
    --menu-alt-dark-item--bg-color: #1a1a24;
    --menu-alt-item-hover--bg-color: #1a1a24;
    --menu-alt-item-focus--bg-color: #1a1a24;
    --menu-alt-item-active--bg-color: #1a1a24;
    --menu-alt-item--color: #fff;
    --menu-alt-item-hover--color: #fff;
    --menu-alt-item-focus--color: #fff;
    --menu-alt-group-item-container--bg-color: #2e2e38;
    --menu-alt-group-item--color: #fff;
    --menu-alt-group-item--bg-color: #2e2e38;
    --menu-alt-group-item-hover--color: #fff;
    --menu-alt-group-item-hover--bg-color: #1a1a24;
    --menu-alt-group-item-expanded--bg-color: #1a1a24;
    --menu-alt-group-item-active--color: #fff;
    --menu-alt-group-item-active--bg-color: #1a1a24;
    --modal--border-width: none;
    --modal--border-style: none;
    --modal--border-color: none;
    --modal--border-radius: 0.2857142857rem;
    --modal--bg-color: #23232f;
    --modal--box-shadow: 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12), 0px 8px 10px -5px rgba(0, 0, 0, 0.2);
    --modal-overlay--bg-color: rgba(26, 26, 36, 0.85);
    --modal-header--color: #fff;
    --modal-header--bg-color: #23232f;
    --modal-header--border-color: transparent;
    --modal-header--border-style: none none solid none;
    --modal-header--border-width: 0 0 0.0714285714rem 0;
    --modal-header-close-btn--color: #fff;
    --modal-header-close-btn--bg-color: transparent;
    --modal-header-close-btn-icon-color: inherit;
    --modal-header-close-btn-icon--bg-color: transparent;
    --modal-header-close-btn--border-color: transparent;
    --modal-header-close-btn--border-width: 0;
    --modal-header-close-btn--border-style: none;
    --modal-header-close-btn--box-shadow: none;
    --modal-header-close-btn-hover--color: inherit;
    --modal-header-close-btn-hover--bg-color: #3a3a4a;
    --modal-header-close-btn-hover-icon-color: #fff;
    --modal-header-close-btn-hover-icon--bg-color: inherit;
    --modal-header-close-btn-hover--border-color: transparent;
    --modal-header-close-btn-hover--border-width: 0;
    --modal-header-close-btn-hover--border-style: none;
    --modal-header-close-btn-hover--box-shadow: none;
    --modal-header-close-btn-focus--color: inherit;
    --modal-header-close-btn-focus--bg-color: #3a3a4a;
    --modal-header-close-btn-focus-icon-color: #fff;
    --modal-header-close-btn-focus-icon--bg-color: transparent;
    --modal-header-close-btn-focus--border-color: transparent;
    --modal-header-close-btn-focus--border-width: 0;
    --modal-header-close-btn-focus--border-style: none;
    --modal-header-close-btn-focus--box-shadow: none;
    --modal-header-alt--color: #fff;
    --modal-header-alt--border-color: #2e2e3c;
    --modal-header-alt--border-style: none none solid none;
    --modal-header-alt--border-width: 0 0 0.0714285714rem 0;
    --modal-header-alt--bg-color: #23232f;
    --modal-header-alt-close-btn--color: inherit;
    --modal-header-alt-close-btn--bg-color: transparent;
    --modal-header-alt-close-btn-icon-color: #fff;
    --modal-header-alt-close-btn-icon--bg-color: transparent;
    --modal-header-alt-close-btn--border-color: transparent;
    --modal-header-alt-close-btn--border-width: 0;
    --modal-header-alt-close-btn--border-style: none;
    --modal-header-alt-close-btn--box-shadow: none;
    --modal-header-alt-close-btn-hover--color: inherit;
    --modal-header-alt-close-btn-hover--bg-color: #3a3a4a;
    --modal-header-alt-close-btn-hover-icon-color: #fff;
    --modal-header-alt-close-btn-hover-icon--bg-color: transparent;
    --modal-header-alt-close-btn-hover--border-color: transparent;
    --modal-header-alt-close-btn-hover--border-width: 0;
    --modal-header-alt-close-btn-hover--border-style: none;
    --modal-header-alt-close-btn-hover--box-shadow: none;
    --modal-header-alt-close-btn-focus--color: inherit;
    --modal-header-alt-close-btn-focus--bg-color: #3a3a4a;
    --modal-header-alt-close-btn-focus-icon-color: #fff;
    --modal-header-alt-close-btn-focus-icon--bg-color: transparent;
    --modal-header-alt-close-btn-focus--border-color: transparent;
    --modal-header-alt-close-btn-focus--border-width: 0;
    --modal-header-alt-close-btn-focus--border-style: none;
    --modal-header-alt-close-btn-focus--box-shadow: none;
    --modal-footer--border-color: #3a3a4a transparent transparent transparent;
    --modal-footer--border-style: solid none none none;
    --modal-footer--border-width: 0.0714285714rem 0 0 0;
    --modal-footer--bg-color: transparent;
    --pagination-count--color: #fff;
    --pagination-count--border-color: transparent;
    --pagination-count--border-style: none;
    --pagination-count--border-width: 0;
    --pagination-count-hover--border-color: transparent;
    --pagination-count-hover--border-style: none;
    --pagination-count-hover--border-width: 0;
    --pagination-count-focus--border-color: transparent;
    --pagination-count-focus--border-style: none;
    --pagination-count-focus--border-width: 0;
    --pagination-count--box-shadow: none;
    --pagination-count--border-radius: 0;
    --pagination-count--bg-color: transparent;
    --pagination-count-hover--color: #fff;
    --pagination-count-hover--box-shadow: none;
    --pagination-count-hover--bg-color: transparent;
    --pagination-count-focus--color: #fff;
    --pagination-count-focus--box-shadow: none;
    --pagination-count-focus--bg-color: transparent;
    --pagination-editable--border-color: #fff;
    --pagination-editable--border-style: none;
    --pagination-editable--border-width: 0.0714285714rem;
    --pagination-editable--box-shadow: none;
    --pagination-editable--border-radius: 0;
    --pagination-editable--bg-color: transparent;
    --pagination-editable--color: #fff;
    --pagination-editable-hover--border-width: 0;
    --pagination-editable-hover--border-style: none;
    --pagination-editable-hover--border-color: transparent;
    --pagination-editable-hover--box-shadow: none;
    --pagination-editable-hover--bg-color: transparent;
    --pagination-editable-hover--color: #fff;
    --pagination-editable-focus--border-width: 0;
    --pagination-editable-focus--border-style: none;
    --pagination-editable-focus--border-color: transparent;
    --pagination-editable-focus--box-shadow: none;
    --pagination-editable-focus--bg-color: transparent;
    --pagination-editable-focus--color: #fff;
    --pagination-select-trigger--border-color: transparent;
    --pagination-select-trigger--border-style: none;
    --pagination-select-trigger--border-width: 0;
    --pagination-select-trigger--border-radius: 0;
    --pagination-select-trigger--bg-color: transparent;
    --pagination-select-trigger-icon-color: #fff;
    --pagination-select-trigger--color: #fff;
    --pagination-select-trigger--box-shadow: none;
    --pagination-select-trigger-hover--box-shadow: none;
    --pagination-select-trigger-focus--box-shadow: none;
    --pagination-select-trigger-active--box-shadow: none;
    --pagination-select-trigger-hover--border-width: 0;
    --pagination-select-trigger-hover--border-style: none;
    --pagination-select-trigger-hover--border-color: transparent;
    --pagination-select-trigger-focus--border-width: 0;
    --pagination-select-trigger-focus--border-style: none;
    --pagination-select-trigger-focus--border-color: transparent;
    --pagination-select-trigger-active--border-width: 0;
    --pagination-select-trigger-active--border-style: none;
    --pagination-select-trigger-active--border-color: transparent;
    --pagination-select-trigger-hover--bg-color: #3a3a4a;
    --pagination-select-trigger-focus--bg-color: #3a3a4a;
    --pagination-select-trigger-active--bg-color: transparent;
    --pagination-select-trigger-hover--color: #fff;
    --pagination-select-trigger-focus--color: #fff;
    --pagination-select-trigger-active--color: #fff;
    --pagination-select-trigger-hover-icon-color: #fff;
    --pagination-select-trigger-focus-icon-color: #fff;
    --pagination-select-trigger-active-icon-color: #fff;
    --pagination-select-trigger-disabled-icon-color: #747480;
    --pagination-select-menu--border-color: #c4c4cd;
    --pagination-select-menu--border-style: solid;
    --pagination-select-menu--border-width: 0.0714285714rem;
    --pagination-select-menu--border-radius: 0;
    --pagination-select-menu--bg-color: #2e2e3c;
    --pagination-select-menu--box-shadow: 0px 0px 6px rgba(26, 26, 36, 0.2);
    --pagination-select-menu-item--font-size: 1rem;
    --pagination-select-menu-item--color: #fff;
    --pagination-select-menu-item-hover--color: #ffe600;
    --pagination-select-menu-item-hover--bg-color: #1a1a24;
    --pagination-select-menu-item-focus--color: #ffe600;
    --pagination-select-menu-item-active--bg-color: #1a1a24;
    --pagination-select-menu-item-disabled--color: #c4c4cd;
    --pagination-select-menu-item-active--color: #ffe600;
    --pagination-select-menu-item--bg-color: #2e2e3c;
    --pagination-select-menu-item-focus--bg-color: #1a1a24;
    --pagination-select-menu-item-disabled--bg-color: #2e2e3c;
    --pagination-select-menu-item--box-shadow: none;
    --pagination-select-menu-item-hover--box-shadow: none;
    --pagination-select-menu-item-focus--box-shadow: none;
    --pagination-select-menu-item-disabled--box-shadow: none;
    --pagination-select-menu-item-active--box-shadow: none;
    --pagination-select-menu-item--border-width: 0;
    --pagination-select-menu-item--border-style: none;
    --pagination-select-menu-item--border-color: transparent;
    --pagination-select-menu-item-hover--border-width: 0;
    --pagination-select-menu-item-hover--border-style: none;
    --pagination-select-menu-item-hover--border-color: transparent;
    --pagination-select-menu-item-focus--border-width: 0;
    --pagination-select-menu-item-focus--border-style: none;
    --pagination-select-menu-item-focus--border-color: transparent;
    --pagination-select-menu-item-disabled--border-width: 0;
    --pagination-select-menu-item-disabled--border-style: none;
    --pagination-select-menu-item-disabled--border-color: transparent;
    --pagination-select-menu-item-active--border-width: 0;
    --pagination-select-menu-item-active--border-style: none;
    --pagination-select-menu-item-active--border-color: transparent;
    --progress-indicator-icon-color: transparent;
    --progress-indicator-icon--border-radius: 50%;
    --progress-indicator-icon--border-style: solid;
    --progress-indicator-icon--border-width: 0.0714285714rem;
    --progress-indicator-icon--border-color: #747480;
    --progress-indicator-icon--bg-color: transparent;
    --progress-indicator-title--color: #fff;
    --progress-indicator-title--bg-color: transparent;
    --progress-indicator-title--box-shadow: none;
    --progress-indicator-title--border-radius: 0;
    --progress-indicator-title--border-style: none;
    --progress-indicator-title--border-width: 0;
    --progress-indicator-title--border-color: transparent;
    --progress-indicator-body--color: #fff;
    --progress-indicator-body--bg-color: transparent;
    --progress-indicator-body--box-shadow: none;
    --progress-indicator-body--border-radius: 0;
    --progress-indicator-body--border-style: none;
    --progress-indicator-body--border-width: 0;
    --progress-indicator-body--border-color: transparent;
    --progress-indicator-bar--bg-color: #747480;
    --progress-indicator-bar--border-radius: 0 0 0 0;
    --progress-indicator-bar--border-style: none;
    --progress-indicator-bar--border-color: transparent;
    --progress-indicator-bar--border-width: 0;
    --progress-indicator-bar--box-shadow: none;
    --progress-indicator-icon-completed-icon-color: #1a1a24;
    --progress-indicator-icon-completed--border-radius: 50%;
    --progress-indicator-icon-completed--border-style: none;
    --progress-indicator-icon-completed--border-width: 0;
    --progress-indicator-icon-completed--border-color: transparent;
    --progress-indicator-icon-completed--bg-color: #ffe600;
    --progress-indicator-title-completed--color: #fff;
    --progress-indicator-title-completed--bg-color: transparent;
    --progress-indicator-title-completed--box-shadow: none;
    --progress-indicator-title-completed--border-radius: 0;
    --progress-indicator-title-completed--border-style: none;
    --progress-indicator-title-completed--border-width: 0;
    --progress-indicator-title-completed--border-color: transparent;
    --progress-indicator-body-completed--color: #fff;
    --progress-indicator-body-completed--bg-color: transparent;
    --progress-indicator-body-completed--box-shadow: none;
    --progress-indicator-body-completed--border-radius: 0;
    --progress-indicator-body-completed--border-style: none;
    --progress-indicator-body-completed--border-width: 0;
    --progress-indicator-body-completed--border-color: transparent;
    --progress-indicator-bar-completed--bg-color: #ffe600;
    --progress-indicator-bar-completed--border-radius: 0;
    --progress-indicator-bar-completed--border-style: none;
    --progress-indicator-bar-completed--border-color: transparent;
    --progress-indicator-bar-completed--border-width: 0;
    --progress-indicator-bar-completed--box-shadow: none;
    --progress-indicator-icon-active-icon-color: transparent;
    --progress-indicator-icon-active--border-radius: 50%;
    --progress-indicator-icon-active--border-style: solid;
    --progress-indicator-icon-active--border-width: 0.1428571429rem;
    --progress-indicator-icon-active--border-color: #ffe600;
    --progress-indicator-icon-active--bg-color: transparent;
    --progress-indicator-title-active--color: #fff;
    --progress-indicator-title-active--bg-color: transparent;
    --progress-indicator-title-active--box-shadow: none;
    --progress-indicator-title-active--border-radius: 0;
    --progress-indicator-title-active--border-style: none;
    --progress-indicator-title-active--border-width: 0;
    --progress-indicator-title-active--border-color: transparent;
    --progress-indicator-body-active--color: #fff;
    --progress-indicator-body-active--bg-color: transparent;
    --progress-indicator-body-active--box-shadow: none;
    --progress-indicator-body-active--border-radius: 0;
    --progress-indicator-body-active--border-style: none;
    --progress-indicator-body-active--border-width: 0;
    --progress-indicator-body-active--border-color: transparent;
    --progress-indicator-bar-active--bg-color: #ffe600;
    --progress-indicator-bar-active--border-radius: 0;
    --progress-indicator-bar-active--border-style: none;
    --progress-indicator-bar-active--border-color: transparent;
    --progress-indicator-bar-active--border-width: 0;
    --progress-indicator-bar-active--box-shadow: none;
    --progress-indicator-icon-disabled-icon-color: transparent;
    --progress-indicator-icon-disabled--border-radius: 50%;
    --progress-indicator-icon-disabled--border-style: solid;
    --progress-indicator-icon-disabled--border-width: 0.0714285714rem;
    --progress-indicator-icon-disabled--border-color: #282836;
    --progress-indicator-icon-disabled--bg-color: transparent;
    --progress-indicator-title-disabled--color: #747480;
    --progress-indicator-title-disabled--bg-color: transparent;
    --progress-indicator-title-disabled--box-shadow: none;
    --progress-indicator-title-disabled--border-radius: 0;
    --progress-indicator-title-disabled--border-style: none;
    --progress-indicator-title-disabled--border-width: 0;
    --progress-indicator-title-disabled--border-color: transparent;
    --progress-indicator-body-disabled--color: #747480;
    --progress-indicator-body-disabled--bg-color: transparent;
    --progress-indicator-body-disabled--box-shadow: none;
    --progress-indicator-body-disabled--border-radius: 0;
    --progress-indicator-body-disabled--border-style: none;
    --progress-indicator-body-disabled--border-width: 0;
    --progress-indicator-body-disabled--border-color: transparent;
    --progress-indicator-bar-disabled--bg-color: #282836;
    --progress-indicator-bar-disabled--border-radius: 0;
    --progress-indicator-bar-disabled--border-style: none;
    --progress-indicator-bar-disabled--border-color: transparent;
    --progress-indicator-bar-disabled--border-width: 0;
    --progress-indicator-bar-disabled--box-shadow: none;
    --progress-indicator-icon-error-icon-color: #1a1a24;
    --progress-indicator-icon-error--border-radius: 50%;
    --progress-indicator-icon-error--border-style: none;
    --progress-indicator-icon-error--border-width: 0;
    --progress-indicator-icon-error--border-color: transparent;
    --progress-indicator-icon-error--bg-color: var(--error);
    --progress-indicator-title-error--color: #fff;
    --progress-indicator-title-error--bg-color: transparent;
    --progress-indicator-title-error--box-shadow: none;
    --progress-indicator-title-error--border-radius: 0;
    --progress-indicator-title-error--border-style: none;
    --progress-indicator-title-error--border-width: 0;
    --progress-indicator-title-error--border-color: transparent;
    --progress-indicator-body-error--color: #fff;
    --progress-indicator-body-error--bg-color: transparent;
    --progress-indicator-body-error--box-shadow: none;
    --progress-indicator-body-error--border-radius: 0;
    --progress-indicator-body-error--border-style: none;
    --progress-indicator-body-error--border-width: 0;
    --progress-indicator-body-error--border-color: transparent;
    --progress-indicator-bar-error--bg-color: var(--error);
    --progress-indicator-bar-error--border-radius: 0;
    --progress-indicator-bar-error--border-style: none;
    --progress-indicator-bar-error--border-color: transparent;
    --progress-indicator-bar-error--border-width: 0;
    --progress-indicator-bar-error--box-shadow: none;
    --progress-indicator-icon-warning-icon-color: #1a1a24;
    --progress-indicator-icon-warning--border-radius: 50%;
    --progress-indicator-icon-warning--border-style: none;
    --progress-indicator-icon-warning--border-width: 0;
    --progress-indicator-icon-warning--border-color: transparent;
    --progress-indicator-icon-warning--bg-color: var(--warning);
    --progress-indicator-title-warning--color: #fff;
    --progress-indicator-title-warning--bg-color: transparent;
    --progress-indicator-title-warning--box-shadow: none;
    --progress-indicator-title-warning--border-radius: 0;
    --progress-indicator-title-warning--border-style: none;
    --progress-indicator-title-warning--border-width: 0;
    --progress-indicator-title-warning--border-color: transparent;
    --progress-indicator-body-warning--color: #fff;
    --progress-indicator-body-warning--bg-color: transparent;
    --progress-indicator-body-warning--box-shadow: none;
    --progress-indicator-body-warning--border-radius: 0;
    --progress-indicator-body-warning--border-style: none;
    --progress-indicator-body-warning--border-width: 0;
    --progress-indicator-body-warning--border-color: transparent;
    --progress-indicator-bar-warning--bg-color: var(--warning);
    --progress-indicator-bar-warning--border-radius: 0;
    --progress-indicator-bar-warning--border-style: none;
    --progress-indicator-bar-warning--border-color: transparent;
    --progress-indicator-bar-warning--border-width: 0;
    --progress-indicator-bar-warning--box-shadow: none;
    --progress-loader--bg-color: rgba(255, 255, 255, 0.75);
    --progress-loader--border-color: transparent;
    --progress-loader--border-width: 0px;
    --progress-loader--border-style: none;
    --progress-loader--box-shadow: none;
    --progress-loader-square--bg-color: var(--branding);
    --progress-loader-square--border-color: transparent;
    --progress-loader-square--border-width: 0px;
    --progress-loader-square--border-style: none;
    --progress-loader-square--box-shadow: none;
    --skeleton-container--bg-color: #1a1a24;
    --skeleton-container--border-color: #3a3a4a;
    --skeleton-container--border-style: solid;
    --skeleton-container--border-width: 0.0714285714rem;
    --skeleton-container--border-radius: 0;
    --skeleton-container--box-shadow: none;
    --skeleton-container-alt--bg-color: #282836;
    --skeleton-container-alt--border-color: #3a3a4a;
    --skeleton-container-alt--border-style: solid;
    --skeleton-container-alt--border-width: 0.0714285714rem;
    --skeleton-container-alt--border-radius: none;
    --skeleton-container-alt--box-shadow: none;
    --skeleton--bg-color: #3a3a4a;
    --skeleton--border-style: none;
    --skeleton--border-color: transparent;
    --skeleton--border-width: 0;
    --skeleton--border-radius: 0;
    --skeleton--box-shadow: none;
    --skeleton-animation-gradient--bg-color: linear-gradient(90deg, rgba(26, 26, 36, 0), rgba(26, 26, 36, 0.6), rgba(26, 26, 36, 0));
    --tab-navigation-left--bg-color: transparent;
    --tab-navigation-left--box-shadow: none;
    --tab-navigation-left--border-radius: 0;
    --tab-navigation-left--border-style: solid;
    --tab-navigation-left--border-width: 0 0 0 1px;
    --tab-navigation-left--border-color: #747480;
    --tab-navigation-right--bg-color: transparent;
    --tab-navigation-right--box-shadow: none;
    --tab-navigation-right--border-radius: 0;
    --tab-navigation-right--border-style: solid;
    --tab-navigation-right--border-width: 0 1px 0 0;
    --tab-navigation-right--border-color: #747480;
    --tab-navigation-horizontal--bg-color: transparent;
    --tab-navigation-horizontal--box-shadow: none;
    --tab-navigation-horizontal--border-radius: 0;
    --tab-navigation-horizontal--border-style: solid;
    --tab-navigation-horizontal--border-width: 0 0 1px 0;
    --tab-navigation-horizontal--border-color: #747480;
    --tab-navigation-top--bg-color: transparent;
    --tab-navigation-top--box-shadow: none;
    --tab-navigation-top--border-radius: 0;
    --tab-navigation-top--border-style: solid;
    --tab-navigation-top--border-width: 1px 0 0 0;
    --tab-navigation-top--border-color: #747480;
    --tab-navigation-left-button--border-style: solid;
    --tab-navigation-left-button--border-width: 0 0 0 0.1428571429rem;
    --tab-navigation-left-button--border-color: transparent;
    --tab-navigation-right-button--border-style: solid;
    --tab-navigation-right-button--border-width: 0 0.1428571429rem 0 0;
    --tab-navigation-right-button--border-color: transparent;
    --tab-navigation-horizontal-button--border-style: solid;
    --tab-navigation-horizontal-button--border-width: 0 0 0.1428571429rem 0;
    --tab-navigation-horizontal-button--border-color: transparent;
    --tab-navigation-top-button--border-style: solid;
    --tab-navigation-top-button--border-width: 0.1428571429rem 0 0 0;
    --tab-navigation-top-button--border-color: transparent;
    --tab-navigation--color: #fff;
    --tab-navigation--bg-color: transparent;
    --tab-navigation--box-shadow: none;
    --tab-navigation--outline-color: transparent;
    --tab-navigation--outline-width: 0;
    --tab-navigation--outline-style: none;
    --tab-navigation--border-radius: 0;
    --tab-navigation--border-width: 0;
    --tab-navigation--border-style: none;
    --tab-navigation--border-color: transparent;
    --tab-navigation-left-button-focus--border-style: solid;
    --tab-navigation-left-button-focus--border-color: transparent;
    --tab-navigation-left-button-focus--border-width: 0 0 0 0.0714285714rem;
    --tab-navigation-right-button-focus--border-style: solid;
    --tab-navigation-right-button-focus--border-color: transparent;
    --tab-navigation-right-button-focus--border-width: 0 0.0714285714rem 0 0;
    --tab-navigation-horizontal-button-focus--border-style: solid;
    --tab-navigation-horizontal-button-focus--border-color: #fff;
    --tab-navigation-horizontal-button-focus--border-width: 0 0 0.0714285714rem 0;
    --tab-navigation-top-button-focus--border-style: solid;
    --tab-navigation-top-button-focus--border-color: transparent;
    --tab-navigation-top-button-focus--border-width: 0.0714285714rem 0 0 0;
    --tab-navigation-focus--bg-color: transparent;
    --tab-navigation-focus--color: #fff;
    --tab-navigation-focus--box-shadow: none;
    --tab-navigation-focus--outline-color: #fff;
    --tab-navigation-focus--outline-width: 0.0714285714rem;
    --tab-navigation-focus--outline-style: solid;
    --tab-navigation-hover--border-style: none;
    --tab-navigation-hover--border-color: transparent;
    --tab-navigation-hover--border-width: 0;
    --tab-navigation-hover--bg-color: transparent;
    --tab-navigation-hover--color: #fff;
    --tab-navigation-hover--box-shadow: none;
    --tab-navigation-hover--outline-color: transparent;
    --tab-navigation-hover--outline-width: 0;
    --tab-navigation-hover--outline-style: none;
    --tab-navigation-disabled--border-style: none;
    --tab-navigation-disabled--border-color: transparent;
    --tab-navigation-disabled--border-width: 0;
    --tab-navigation-disabled--bg-color: transparent;
    --tab-navigation-disabled--color: #747480;
    --tab-navigation-disabled--box-shadow: none;
    --tab-navigation-disabled--outline-color: transparent;
    --tab-navigation-disabled--outline-width: 0;
    --tab-navigation-disabled--outline-style: none;
    --tab-navigation-left-button-active--border-style: solid;
    --tab-navigation-left-button-active--border-color: #fff;
    --tab-navigation-left-button-active--border-width: 0 0 0 0.2142857143rem;
    --tab-navigation-left-button-active-hover--border-style: solid;
    --tab-navigation-left-button-active-hover--border-color: #fff;
    --tab-navigation-left-button-active-hover--border-width: 0 0 0 0.2142857143rem;
    --tab-navigation-left-button-active-focus--border-style: solid;
    --tab-navigation-left-button-active-focus--border-color: #fff;
    --tab-navigation-left-button-active-focus--border-width: 0 0 0 0.2142857143rem;
    --tab-navigation-right-button-active--border-style: solid;
    --tab-navigation-right-button-active--border-color: #fff;
    --tab-navigation-right-button-active--border-width: 0 0.2142857143rem 0 0;
    --tab-navigation-right-button-active-hover--border-style: solid;
    --tab-navigation-right-button-active-hover--border-color: #fff;
    --tab-navigation-right-button-active-hover--border-width: 0 0.2142857143rem 0 0;
    --tab-navigation-right-button-active-focus--border-style: solid;
    --tab-navigation-right-button-active-focus--border-color: #fff;
    --tab-navigation-right-button-active-focus--border-width: 0 0.2142857143rem 0 0;
    --tab-navigation-horizontal-button-active--border-style: solid;
    --tab-navigation-horizontal-button-active--border-color: #fff;
    --tab-navigation-horizontal-button-active--border-width: 0 0 0.2142857143rem 0;
    --tab-navigation-horizontal-button-active-hover--border-style: solid;
    --tab-navigation-horizontal-button-active-hover--border-color: #fff;
    --tab-navigation-horizontal-button-active-hover--border-width: 0 0 0.2142857143rem 0;
    --tab-navigation-horizontal-button-active-focus--border-style: solid;
    --tab-navigation-horizontal-button-active-focus--border-color: #fff;
    --tab-navigation-horizontal-button-active-focus--border-width: 0 0 0.2142857143rem 0;
    --tab-navigation-top-button-active--border-style: solid;
    --tab-navigation-top-button-active--border-color: #fff;
    --tab-navigation-top-button-active--border-width: 0.2142857143rem 0 0 0;
    --tab-navigation-active--bg-color: transparent;
    --tab-navigation-active--color: #fff;
    --tab-navigation-active--box-shadow: none;
    --tab-navigation-active--outline-color: transparent;
    --tab-navigation-active--outline-width: 0;
    --tab-navigation-active--outline-style: none;
    --tab-navigation-left-button-active-disabled--border-style: solid;
    --tab-navigation-left-button-active-disabled--border-color: #747480;
    --tab-navigation-left-button-active-disabled--border-width: 0 0 0 0.2142857143rem;
    --tab-navigation-right-button-active-disabled--border-style: solid;
    --tab-navigation-right-button-active-disabled--border-color: #747480;
    --tab-navigation-right-button-active-disabled--border-width: 0 0.2142857143rem 0 0;
    --tab-navigation-horizontal-button-active-disabled--border-style: solid;
    --tab-navigation-horizontal-button-active-disabled--border-color: #747480;
    --tab-navigation-horizontal-button-active-disabled--border-width: 0 0 0.2142857143rem 0;
    --tab-navigation-top-button-active-disabled--border-style: solid;
    --tab-navigation-top-button-active-disabled--border-color: #747480;
    --tab-navigation-top-button-active-disabled--border-width: 0.2142857143rem 0 0 0;
    --tab-navigation-horizontal-button-hover--border-width: 0 0 0.2142857143rem 0;
    --tab-navigation-horizontal-button-hover--border-style: solid;
    --tab-navigation-horizontal-button-hover--border-color: transparent;
    --tab-navigation-top-button-hover--border-width: 0.2142857143rem 0 0 0;
    --tab-navigation-top-button-hover--border-style: solid;
    --tab-navigation-top-button-hover--border-color: transparent;
    --tab-navigation-left-button-hover--border-width: 0 0 0 0.2142857143rem;
    --tab-navigation-left-button-hover--border-style: solid;
    --tab-navigation-left-button-hover--border-color: transparent;
    --tab-navigation-right-button-hover--border-width: 0 0.2142857143rem 0 0;
    --tab-navigation-right-button-hover--border-style: solid;
    --tab-navigation-right-button-hover--border-color: transparent;
    --tab-navigation-horizontal-button-disabled--border-width: 0 0 0.2142857143rem 0;
    --tab-navigation-horizontal-button-disabled--border-style: solid;
    --tab-navigation-horizontal-button-disabled--border-color: transparent;
    --tab-navigation-top-button-disabled--border-width: 0.2142857143rem 0 0 0;
    --tab-navigation-top-button-disabled--border-style: solid;
    --tab-navigation-top-button-disabled--border-color: transparent;
    --tab-navigation-left-button-disabled--border-width: 0 0 0 0.2142857143rem;
    --tab-navigation-left-button-disabled--border-style: solid;
    --tab-navigation-left-button-disabled--border-color: transparent;
    --tab-navigation-right-button-disabled--border-width: 0 0.2142857143rem 0 0;
    --tab-navigation-right-button-disabled--border-style: solid;
    --tab-navigation-right-button-disabled--border-color: transparent;
    --table--box-shadow: none;
    --table--border-radius: 0;
    --table--border-color: transparent;
    --table--border-style: none;
    --table--border-width: 0;
    --table-header-container--bg-color: transparent;
    --table-header-container--box-shadow: none;
    --table-header-container--border-radius: 0;
    --table-header-container--border-width: 0.0714285714rem;
    --table-header-container--border-style: solid;
    --table-header-container--border-color: #3a3a4a;
    --table-header--bg-color: #1a1a24;
    --table-header--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --table-header--color: #fff;
    --table-header--border-radius: 0;
    --table-header--border-width: 0;
    --table-header--border-style: none;
    --table-header--border-color: transparent;
    --table-header-hover--border-width: 0;
    --table-header-hover--border-style: none;
    --table-header-hover--border-color: transparent;
    --table-header-hover--bg-color: #1a1a24;
    --table-header-hover--box-shadow: none;
    --table-header-hover--color: #fff;
    --table-header-focus--border-width: 0;
    --table-header-focus--border-style: none;
    --table-header-focus--border-color: transparent;
    --table-header-focus--bg-color: rgba(23, 119, 207, 0.15);
    --table-header-focus--box-shadow: none;
    --table-header-focus--color: #fff;
    --table-header-renderer-icons-sort-icon-color: #fff;
    --table-icon-color: #fff;
    --table-row-icon-color: #fff;
    --table-title--color: #fff;
    --table-title--bg-color: #1e1e2a;
    --table-title--box-shadow: none;
    --table-title--border-radius: 0;
    --table-title--border-width: 0;
    --table-title--border-style: none;
    --table-title--border-color: transparent;
    --table-title-alt--color: #fff;
    --table-title-alt--bg-color: transparent;
    --table-title-alt--box-shadow: none;
    --table-title-alt--border-radius: 0;
    --table-title-alt--border-width: 0;
    --table-title-alt--border-style: none;
    --table-title-alt--border-color: transparent;
    --table-row-hover--bg-color: rgba(23, 119, 207, 0.15);
    --table-row-hover--box-shadow: none;
    --table-odd-row--bg-color: #1a1a24;
    --table-even-row--bg-color: #1e1e2a;
    --table-row--color: #fff;
    --table-row--bg-color: #e1e1e6;
    --table-row--box-shadow: none;
    --table-row--border-radius: 0;
    --table-row--border-color: #2e2e3c;
    --table-row--border-style: solid;
    --table-row--border-width: 0 0.0714285714rem 0.0714285714rem 0.0714285714rem;
    --table-row-selected--color: #fff;
    --table-row-selected--bg-color: rgba(23, 119, 207, 0.15);
    --table-row-selected--box-shadow: none;
    --table-row-selected--border-radius: 0;
    --table-row-selected--border-width: 0 0.0714285714rem 0.0714285714rem 0.0714285714rem;
    --table-row-selected--border-style: solid;
    --table-row-selected--border-color: #2e2e3c;
    --table-row-selected-cell--color: #fff;
    --table-row-selected-cell--bg-color: transparent;
    --table-row-selected-cell--box-shadow: none;
    --table-row-selected-cell--border-radius: 0;
    --table-row-selected-cell--border-width: 0;
    --table-row-selected-cell--border-style: none;
    --table-row-selected-cell--border-color: transparent;
    --table-column-filtered-mark--color: var(--branding);
    --table-cell--color: #fff;
    --table-cell--bg-color: transparent;
    --table-cell--box-shadow: none;
    --table-cell--border-radius: 0;
    --table-cell--border-color: transparent;
    --table-cell--border-style: none;
    --table-cell--border-width: 0;
    --table-cell-hover--color: #fff;
    --table-cell-hover--bg-color: rgba(23, 119, 207, 0.15);
    --table-cell-hover--box-shadow: none;
    --table-cell-hover--border-width: 0;
    --table-cell-hover--border-style: none;
    --table-cell-hover--border-color: transparent;
    --table-cell-focus--color: #fff;
    --table-cell-focus--bg-color: rgba(23, 119, 207, 0.15);
    --table-cell-focus--box-shadow: none;
    --table-cell-focus--border-width: 0;
    --table-cell-focus--border-style: none;
    --table-cell-focus--border-color: transparent;
    --table-checkbox-checked-color: #fff;
    --table-checkbox-indeterminate-color: #fff;
    --table-paging-btn-hover--bg-color: #3a3a4a;
    --table-paging-btn-disabled-icon-color: #747480;
    --table-paging-btn-icon-color: #fff;
    --table-paging-btn--bg-color: transparent;
    --table-paging-btn--box-shadow: none;
    --table-paging-btn--border-radius: 0;
    --table-paging-btn--border-width: 0;
    --table-paging-btn--border-style: none;
    --table-paging-btn--border-color: transparent;
    --table-paging-btn-hover-icon-color: #fff;
    --table-paging-btn-hover--box-shadow: none;
    --table-paging-btn-hover--border-width: 0;
    --table-paging-btn-hover--border-style: none;
    --table-paging-btn-hover--border-color: transparent;
    --table-paging-btn-focus-icon-color: #fff;
    --table-paging-btn-focus--box-shadow: none;
    --table-paging-btn-focus--bg-color: #3a3a4a;
    --table-paging-btn-focus--border-width: 0;
    --table-paging-btn-focus--border-style: none;
    --table-paging-btn-focus--border-color: transparent;
    --table-paging-btn-disabled--bg-color: transparent;
    --table-paging-btn-disabled--box-shadow: none;
    --table-paging-btn-disabled--border-width: 0;
    --table-paging-btn-disabled--border-style: none;
    --table-paging-btn-disabled--border-color: transparent;
    --text-link--color: #fff;
    --text-link-hover--color: var(--text-link--color);
    --text-link-focus--color: var(--text-link--color);
    --text-link-disabled--color: var(--disabled-text);
    --text-link-active--color: var(--text-link--color);
    --text-link-visited--color: var(--text-link--color);
    --text-link-alt--color: var(--branding);
    --text-link-alt-hover--color: var(--text-link-alt--color);
    --text-link-alt-focus--color: var(--text-link-alt--color);
    --text-link-alt-disabled--color: var(--disabled-text);
    --text-link-alt-active--color: var(--text-link-alt--color);
    --text-link-alt-visited--color: var(--text-link-alt--color);
    --timeline-checkmark--bg-color: #1a1a24;
    --timeline-past-due--border-color: #f95d54;
    --timeline-date-marker--color: #747480;
    --timeline-date-marker--border-color: #747480;
    --timeline-date-marker--border-left-color: #eaeaf2;
    --timeline-progress--box-shadow: 0rem 0rem 0.5714285714rem 0.0714285714rem rgba(26, 26, 36, 0.3);
    --timeline-progress--bg-color: #ffe600;
    --timeline-key-event--bg-color: #ffe600;
    --timeline-milestone--border-color: #ffe600;
    --timeline-milestone--bg-color: #ffe600;
    --timeline-progress-bar--bg-color: #747480;
    --timeline-progress-bar-error--border-color: #f95d54;
    --timeline-progress-bar--color: #ffe600;
    --timeline-progress-bar-error--bg-color: #f95d54;
    --timeline-progress-bar-percent-circle--bg-color: #1a1a24;
    --timeline-percent-circle--border-color: #2e2e3c;
    --timeline-percent-circle--border-style: solid;
    --timeline-percent-circle--border-width: 0.2857142857rem;
    --timeline-checkmark--border-color: transparent #ffe600 #ffe600 transparent;
    --timeline-checkmark--border-style: none solid solid none;
    --timeline-checkmark--border-width: 0 0.0714285714rem 0.0714285714rem 0;
    --timeline-no-checkmarck--border-color: transparent;
    --timeline-error--border-color: #f95d54;
    --timeline-error--border-style: solid;
    --timeline-error--border-width: 0 0 0.7142857143rem;
    --timeline-past--border-color: transparent #f95d54 #f95d54 transparent;
    --timeline-past--border-style: none solid solid none;
    --timeline-past--border-width: 0 0.0714285714rem 0.0714285714rem 0;
    --timeline-progress-pie--border-width: 0.4285714286rem;
    --timeline-date-marker-current-date-icon--border-color: var(--timeline-date-marker--border-color) transparent transparent transparent;
    --timeline-date-marker-current-date-icon--border-width: 1.1428571429rem 0.4285714286rem 0;
    --timeline-date-marker-current-date-icon--border-style: solid;
    --timeline-date-marker-year--border-color: none none none #eaeaf2;
    --timeline-date-marker-year--border-width: 0 0 0 0.0714285714rem;
    --timeline-date-marker-year--border-style: none none none solid;
    --toast--color: #fff;
    --toast--border-style: none;
    --toast--border-color: transparent;
    --toast--border-width: 0;
    --toast--border-radius: 0;
    --toast--bg-color: #2e2e3c;
    --toast--box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px -1px rgba(0, 0, 0, 0.2);
    --toast-inline--bg-color: transparent;
    --toast-inline--box-shadow: none;
    --toast-close-btn-icon-color: #fff;
    --toast-close-btn--bg-color: transparent;
    --toast-close-btn--border-color: transparent;
    --toast-close-btn--border-width: 0;
    --toast-close-btn--border-style: none;
    --toast-close-btn--box-shadow: none;
    --toast-close-btn-hover-icon-color: #fff;
    --toast-close-btn-hover--bg-color: #3a3a4a;
    --toast-close-btn-hover--border-color: transparent;
    --toast-close-btn-hover--border-width: 0;
    --toast-close-btn-hover--border-style: none;
    --toast-close-btn-hover--box-shadow: none;
    --toast-close-btn-focus-icon-color: #fff;
    --toast-close-btn-focus--bg-color: #3a3a4a;
    --toast-close-btn-focus--border-color: transparent;
    --toast-close-btn-focus--border-width: 0;
    --toast-close-btn-focus--border-style: none;
    --toast-close-btn-focus--box-shadow: none;
    --toast-action-btn--color: var(--text-link-alt--color);
    --toast-action-btn--bg-color: transparent;
    --toast-action-btn--border-color: transparent;
    --toast-action-btn--border-style: var(--btn--border-style);
    --toast-action-btn--border-width: 0.0714285714rem;
    --toast-action-btn--box-shadow: none;
    --toast-action-btn--border-radius: 0;
    --toast-action-btn-hover--color: var(--text-link-alt--color);
    --toast-action-btn-hover--bg-color: transparent;
    --toast-action-btn-hover--border-color: transparent;
    --toast-action-btn-hover--border-style: var(--btn--border-style);
    --toast-action-btn-hover--border-width: 0.0714285714rem;
    --toast-action-btn-hover--box-shadow: none;
    --toast-action-btn-focus--color: var(--text-link-alt--color);
    --toast-action-btn-focus--bg-color: transparent;
    --toast-action-btn-focus--border-color: var(--text-link-alt--color);
    --toast-action-btn-focus--border-style: var(--btn--border-style);
    --toast-action-btn-focus--border-width: 0.0714285714rem;
    --toast-action-btn-focus--box-shadow: none;
    --toast-icon-info-icon-color: #fff;
    --toast-icon-success-icon-color: #57e188;
    --toast-icon-error-icon-color: #f95d54;
    --toast-icon-warning-icon-color: #ed6500;
    --tooltip--color: #1a1a24;
    --tooltip--border-color: transparent;
    --tooltip--border-style: none;
    --tooltip--border-width: 0;
    --tooltip--border-radius: 0;
    --tooltip--box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    --tooltip--bg-color: #fff;
    --tooltip-close-btn--bg-color: transparent;
    --tooltip-close-btn--border-color: transparent;
    --tooltip-close-btn--border-style: none;
    --tooltip-close-btn--border-width: 0;
    --tooltip-close-btn--border-radius: 0;
    --tooltip-close-btn--box-shadow: none;
    --tooltip-close-btn-icon-color: #2e2e38;
    --tooltip-close-btn-hover--border-style: none;
    --tooltip-close-btn-hover--border-width: 0;
    --tooltip-close-btn-hover--border-color: transparent;
    --tooltip-close-btn-hover--bg-color: #e1e1e6;
    --tooltip-close-btn-hover--border-radius: 0;
    --tooltip-close-btn-hover--box-shadow: none;
    --tooltip-close-btn-hover-icon-color: #2e2e38;
    --tooltip-close-btn-focus--border-style: none;
    --tooltip-close-btn-focus--border-width: 0;
    --tooltip-close-btn-focus--border-color: transparent;
    --tooltip-close-btn-focus--bg-color: transparent;
    --tooltip-close-btn-focus--border-radius: 0;
    --tooltip-close-btn-focus--box-shadow: none;
    --tooltip-close-btn-focus-icon-color: #2e2e38;
    --tooltip-alt--color: #fff;
    --tooltip-alt--border-color: transparent;
    --tooltip-alt--border-style: none;
    --tooltip-alt--border-width: 0;
    --tooltip-alt--border-radius: 0;
    --tooltip-alt--box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    --tooltip-alt--bg-color: #2e2e38;
    --tooltip-alt-close-btn--bg-color: transparent;
    --tooltip-alt-close-btn--border-color: transparent;
    --tooltip-alt-close-btn--border-style: none;
    --tooltip-alt-close-btn--border-width: 0;
    --tooltip-alt-close-btn--border-radius: 0;
    --tooltip-alt-close-btn--box-shadow: none;
    --tooltip-alt-close-btn-icon-color: #fff;
    --tooltip-alt-close-btn-hover--border-style: none;
    --tooltip-alt-close-btn-hover--border-width: 0;
    --tooltip-alt-close-btn-hover--border-color: transparent;
    --tooltip-alt-close-btn-hover--bg-color: #3a3a4a;
    --tooltip-alt-close-btn-hover--border-radius: 0;
    --tooltip-alt-close-btn-hover--box-shadow: none;
    --tooltip-alt-close-btn-hover-icon-color: #fff;
    --tooltip-alt-close-btn-focus--border-style: none;
    --tooltip-alt-close-btn-focus--border-width: 0;
    --tooltip-alt-close-btn-focus--border-color: transparent;
    --tooltip-alt-close-btn-focus--bg-color: #3a3a4a;
    --tooltip-alt-close-btn-focus--border-radius: 0;
    --tooltip-alt-close-btn-focus--box-shadow: none;
    --tooltip-alt-close-btn-focus-icon-color: #fff;
    --tree-line-color: #fff;
    --tree-icon-color: #fff;
    --tree-line-style: solid;
    --vertical-navigation--bg-color: #2e2e38;
    --vertical-navigation--box-shadow: none;
    --vertical-navigation--border-radius: 0;
    --vertical-navigation--border-color: transparent;
    --vertical-navigation--border-style: none;
    --vertical-navigation--border-width: 0;
    --vertical-navigation-menu--border-width: 0;
    --vertical-navigation-menu--border-style: none;
    --vertical-navigation-menu--border-color: transparent;
    --vertical-navigation-menu--box-shadow: none;
    --vertical-navigation-menu--border-radius: 0;
    --vertical-navigation-menu--bg-color: transparent;
    --vertical-navigation-menu-item--color: #fff;
    --vertical-navigation-menu-item--bg-color: #2e2e38;
    --vertical-navigation-menu-item--box-shadow: none;
    --vertical-navigation-menu-item--border-radius: 0;
    --vertical-navigation-menu-item--border-width: 0;
    --vertical-navigation-menu-item--border-style: none;
    --vertical-navigation-menu-item--border-color: transparent;
    --vertical-navigation-menu-item-icon-color: #c4c4cd;
    --vertical-navigation-menu-item-hover--color: #fff;
    --vertical-navigation-menu-item-hover--bg-color: #1a1a24;
    --vertical-navigation-menu-item-hover--box-shadow: none;
    --vertical-navigation-menu-item-hover--border-radius: 0;
    --vertical-navigation-menu-item-hover--border-width: 0;
    --vertical-navigation-menu-item-hover--border-style: none;
    --vertical-navigation-menu-item-hover--border-color: transparent;
    --vertical-navigation-menu-item-icon-hover-icon-color: #fff;
    --vertical-navigation-menu-item-focus--color: #fff;
    --vertical-navigation-menu-item-focus--bg-color: #1a1a24;
    --vertical-navigation-menu-item-focus--box-shadow: inset 0 0 0 0.0714285714rem rgba(23, 119, 207, 0.5);
    --vertical-navigation-menu-item-focus--border-radius: 0;
    --vertical-navigation-menu-item-focus--border-width: 0;
    --vertical-navigation-menu-item-focus--border-style: none;
    --vertical-navigation-menu-item-focus--border-color: transparent;
    --vertical-navigation-menu-item-focus--outline-color: #155cb4;
    --vertical-navigation-menu-item-focus--outline-style: solid;
    --vertical-navigation-menu-item-focus--outline-width: 0.1428571429rem;
    --vertical-navigation-menu-item-icon-focus-icon-color: #fff;
    --vertical-navigation-menu-item-active--bg-color: #1a1a24;
    --vertical-navigation-menu-item-active--color: #fff;
    --vertical-navigation-menu-item-active--box-shadow: none;
    --vertical-navigation-menu-item-active--border-radius: 0;
    --vertical-navigation-menu-item-active--border-color: transparent transparent transparent #ffe600;
    --vertical-navigation-menu-item-active--border-style: none none none solid;
    --vertical-navigation-menu-item-active--border-width: 0 0 0 0.2857142857rem;
    --vertical-navigation-menu-item-icon-active-icon-color: #fff;
    --vertical-navigation-menu-item-active-focus--color: #fff;
    --vertical-navigation-menu-item-active-focus--bg-color: #1a1a24;
    --vertical-navigation-menu-item-active-focus--box-shadow: inset 0 0 0 0.0714285714rem rgba(23, 119, 207, 0.5);
    --vertical-navigation-menu-item-active-focus--border-radius: 0;
    --vertical-navigation-menu-item-active-focus--border-width: 0 0 0 0.2857142857rem;
    --vertical-navigation-menu-item-active-focus--border-style: none none none solid;
    --vertical-navigation-menu-item-active-focus--border-color: transparent transparent transparent #ffe600;
    --vertical-navigation-menu-item-icon-active-focus-icon-color: #fff;
    --vertical-navigation-menu-item-active-hover--color: #fff;
    --vertical-navigation-menu-item-active-hover--bg-color: #1a1a24;
    --vertical-navigation-menu-item-active-hover--box-shadow: none;
    --vertical-navigation-menu-item-active-hover--border-radius: 0;
    --vertical-navigation-menu-item-active-hover--border-width: 0 0 0 0.2857142857rem;
    --vertical-navigation-menu-item-active-hover--border-style: none none none solid;
    --vertical-navigation-menu-item-active-hover--border-color: transparent transparent transparent #ffe600;
    --vertical-navigation-menu-item-icon-active-hover-icon-color: #fff;
    --vertical-navigation-menu-footer--bg-color: transparent;
    --vertical-navigation-menu-footer--box-shadow: none;
    --vertical-navigation-menu-footer--border-radius: 0;
    --vertical-navigation-menu-footer--border-color: #3a3a4a transparent transparent transparent;
    --vertical-navigation-menu-footer--border-style: solid none none none;
    --vertical-navigation-menu-footer--border-width: 0.0714285714rem 0 0 0;
    --vertical-navigation-submenu-caption--color: #747480;
    --vertical-navigation-submenu-caption--bg-color: transparent;
    --vertical-navigation-submenu-caption--box-shadow: none;
    --vertical-navigation-submenu-caption--border-radius: 0;
    --vertical-navigation-submenu-caption--border-width: 0;
    --vertical-navigation-submenu-caption--border-style: none;
    --vertical-navigation-submenu-caption--border-color: transparent;
    --vertical-navigation-submenu-item-link--color: #fff;
    --vertical-navigation-submenu-item-link--bg-color: #23232f;
    --vertical-navigation-submenu-item-link--box-shadow: none;
    --vertical-navigation-submenu-item-link--border-radius: 0;
    --vertical-navigation-submenu-item-link--border-width: 0;
    --vertical-navigation-submenu-item-link--border-style: none;
    --vertical-navigation-submenu-item-link--border-color: transparent;
    --vertical-navigation-submenu-item-link-icon-color: #fff;
    --vertical-navigation-submenu-item-link-focus--color: #fff;
    --vertical-navigation-submenu-item-link-focus--bg-color: #1a1a24;
    --vertical-navigation-submenu-item-link-focus--box-shadow: inset 0 0 0 0.0714285714rem rgba(23, 119, 207, 0.5);
    --vertical-navigation-submenu-item-link-focus--border-radius: 0;
    --vertical-navigation-submenu-item-link-focus--border-width: 0;
    --vertical-navigation-submenu-item-link-focus--border-style: none;
    --vertical-navigation-submenu-item-link-focus--border-color: transparent;
    --vertical-navigation-submenu-item-link-icon-focus-icon-color: #fff;
    --vertical-navigation-submenu-item-link-hover--color: #fff;
    --vertical-navigation-submenu-item-link-hover--bg-color: #1a1a24;
    --vertical-navigation-submenu-item-link-hover--box-shadow: none;
    --vertical-navigation-submenu-item-link-hover--border-radius: 0;
    --vertical-navigation-submenu-item-link-hover--border-width: 0;
    --vertical-navigation-submenu-item-link-hover--border-style: none;
    --vertical-navigation-submenu-item-link-hover--border-color: transparent;
    --vertical-navigation-submenu-item-link-icon-hover-icon-color: #fff;
    --vertical-navigation-submenu-item-link-active--color: #ffe600;
    --vertical-navigation-submenu-item-link-active--bg-color: #1a1a24;
    --vertical-navigation-submenu-item-link-active--box-shadow: none;
    --vertical-navigation-submenu-item-link-active--border-radius: 0;
    --vertical-navigation-submenu-item-link-active--border-width: 0;
    --vertical-navigation-submenu-item-link-active--border-style: none;
    --vertical-navigation-submenu-item-link-active--border-color: transparent;
    --vertical-navigation-submenu-item-link-icon-active-icon-color: #fff;
    --vertical-navigation-submenu-item-link-active-focus--color: #ffe600;
    --vertical-navigation-submenu-item-link-active-focus--bg-color: #1a1a24;
    --vertical-navigation-submenu-item-link-active-focus--box-shadow: inset 0 0 0 0.0714285714rem rgba(23, 119, 207, 0.5);
    --vertical-navigation-submenu-item-link-active-focus--border-radius: 0;
    --vertical-navigation-submenu-item-link-active-focus--border-width: 0;
    --vertical-navigation-submenu-item-link-active-focus--border-style: none;
    --vertical-navigation-submenu-item-link-active-focus--border-color: transparent;
    --vertical-navigation-submenu-item-link-icon-active-focus-icon-color: #fff;
    --vertical-navigation-submenu-item-link-active-hover--color: #ffe600;
    --vertical-navigation-submenu-item-link-active-hover--bg-color: #1a1a24;
    --vertical-navigation-submenu-item-link-active-hover--box-shadow: none;
    --vertical-navigation-submenu-item-link-active-hover--border-radius: 0;
    --vertical-navigation-submenu-item-link-active-hover--border-width: 0;
    --vertical-navigation-submenu-item-link-active-hover--border-style: none;
    --vertical-navigation-submenu-item-link-active-hover--border-color: transparent;
    --vertical-navigation-submenu-item-link-icon-active-hover-icon-color: #fff;
    --font-size: 14;
    --branding: #ffe600;
    --primary-font: ey_interstate, "Noto Sans", sans-serif;
    --secondary-font: "Noto Sans", sans-serif;
    --font-size-base: 1rem;
    --weight-bold: bold;
    --weight-regular: 400;
    --weight-light: lighter;
    --hero-font-size: 2.285rem;
    --h1--font-size: 2rem;
    --h2--font-size: 1.714rem;
    --h3--font-size: 1.428rem;
    --h4--font-size: 1.286rem;
    --h5--font-size: 1.143rem;
    --h6--font-size: 1rem;
    --body-sm--font-size: 0.857rem;
    --body-alt--font-size: 1rem;
    --caption--font-size: 0.857rem;
    --overline--font-size: 0.857rem;
    --instructional-text--font-size: 0.857rem;
    --ease-in-out: 300ms ease-in-out;
    --ease-in-out-fast: 150ms ease-in-out;
    --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
    --focus: rgba(23, 119, 207, 0.5);
    --focus-border: 0 0 0 0.1428571429rem var(--focus);
    --disabled: #282836;
    --disabled-text: #c4c4cd;
    --info: #747480;
    --error: #f95d54;
    --warning: #ed6500;
    --success: #57e188;
    --black: #1a1a24;
    --body--color: #fff;
    --body--bg-color: #1a1a24;
    --list-style: circle;
    --var-rhythm: 8px;
    --theme-name: dark;
    --brand-name: motif;
    --form-element--color: #fff;
    --form-element--size: 1rem;
    --form-element--border-radius: 0;
    --form-element--border-color: transparent transparent #eaeaf2 transparent;
    --form-element--border-style: none none solid none;
    --form-element--border-width: 0 0 0.0714285714rem 0;
    --form-element--bg-color: #23232f;
    --form-element--box-shadow: none;
    --form-element-disabled--color: #747480;
    --form-element-disabled--border-radius: 0;
    --form-element-disabled--border-color: transparent;
    --form-element-disabled--border-style: none;
    --form-element-disabled--border-width: 0;
    --form-element-disabled--bg-color: #23232f;
    --form-element-disabled--box-shadow: none;
    --form-element-hover--color: #fff;
    --form-element-hover--border-radius: 0;
    --form-element-hover--border-color: transparent transparent #eaeaf2 transparent;
    --form-element-hover--border-style: none none solid none;
    --form-element-hover--border-width: 0 0 0.0714285714rem 0;
    --form-element-hover--bg-color: #2e2e3c;
    --form-element-hover--box-shadow: none;
    --form-element-focus--color: #fff;
    --form-element-focus--border-radius: 0;
    --form-element-focus--border-color: transparent transparent #eaeaf2 transparent;
    --form-element-focus--border-style: none none solid none;
    --form-element-focus--border-width: 0 0 0.1428571429rem 0;
    --form-element-focus--bg-color: #2e2e3c;
    --form-element-focus--box-shadow: none;
    --form-element-error--color: #fff;
    --form-element-error--border-radius: 0;
    --form-element-error--border-color: transparent transparent #f95d54 transparent;
    --form-element-error--border-style: none none solid none;
    --form-element-error--border-width: 0 0 0.0714285714rem 0;
    --form-element-error--bg-color: #23232f;
    --form-element-error--box-shadow: none;
    --form-element-placeholder--color: #fff;
    --form-element-placeholder-focus--color: #fff;
    --form-element-placeholder-hover--color: #fff;
    --form-element-placeholder-disabled--color: #fff;
    --form-element-placeholder-error--color: #fff;
    --form-element-icon-color: #fff;
    --form-element-icon-focus-icon-color: #fff;
    --form-element-icon-hover-icon-color: #fff;
    --form-element-icon-disabled-icon-color: #747480;
    --form-element-icon-error-icon-color: #fff;
    --form-element-label--color: #fff;
    --form-element-label--size: 1rem;
    --form-element-label-focus--color: #fff;
    --form-element-label-focus--size: 0.8571428571rem;
    --form-element-label-hover--color: #fff;
    --form-element-label-hover--size: 0.8571428571rem;
    --form-element-label-disabled--color: #747480;
    --form-element-label-disabled--size: 1rem;
    --form-element-label-error--color: #fff;
    --form-element-label-error--size: 1rem;
    --label--size: var(--form-element-label--size);
    --label--color: var(--form-element-label--color);
    --label-disabled--color: var(--form-element-label-disabled--color)
}

[motif-theme=light],
.motif-theme-light {
    --accordion--border-color: #e1e1e6;
    --accordion--border-style: solid;
    --accordion--border-width: 1px;
    --accordion--border-radius: 0 0 0 0;
    --accordion--box-shadow: none;
    --accordion-accent-expanded--bg-color: var(--branding);
    --accordion-header--border-color: #e1e1e6;
    --accordion-header--border-style: solid;
    --accordion-header--border-width: 1px;
    --accordion-header--color: #2e2e38;
    --accordion-header--bg-color: #fff;
    --accordion-header--box-shadow: none;
    --accordion-header-focus--border-color: transparent;
    --accordion-header-focus--border-style: solid;
    --accordion-header-focus--border-width: 1px;
    --accordion-header-focus--bg-color: #2e2e38;
    --accordion-header-focus--color: #fff;
    --accordion-header-focus--box-shadow: none;
    --accordion-header-hover--border-color: transparent;
    --accordion-header-hover--border-style: solid;
    --accordion-header-hover--border-width: 0.0714285714rem;
    --accordion-header-hover--bg-color: #2e2e38;
    --accordion-header-hover--color: #fff;
    --accordion-header-hover--box-shadow: none;
    --accordion-header-alt--border-color: #e1e1e6;
    --accordion-header-alt--border-style: solid;
    --accordion-header-alt--border-width: 1px;
    --accordion-header-alt--color: #2e2e38;
    --accordion-header-alt--bg-color: #fafafc;
    --accordion-header-alt--box-shadow: none;
    --accordion-header-alt-focus--border-color: transparent;
    --accordion-header-alt-focus--border-style: solid;
    --accordion-header-alt-focus--border-width: 1px;
    --accordion-header-alt-focus--bg-color: #2e2e38;
    --accordion-header-alt-focus--color: #fff;
    --accordion-header-alt-focus--box-shadow: none;
    --accordion-header-alt-hover--border-color: transparent;
    --accordion-header-alt-hover--border-style: solid;
    --accordion-header-alt-hover--border-width: 0.0714285714rem;
    --accordion-header-alt-hover--bg-color: #2e2e38;
    --accordion-header-alt-hover--color: #fff;
    --accordion-header-alt-hover--box-shadow: none;
    --accordion-header-icon-color: #2e2e38;
    --accordion-header-icon-focus-icon-color: #fff;
    --accordion-header-icon-hover-icon-color: #fff;
    --accordion-header-alt-icon-color: #2e2e38;
    --accordion-header-icon-alt-focus-icon-color: #fff;
    --accordion-header-icon-alt-hover-icon-color: #fff;
    --accordion-functional-expanded--bg-color: #fafafc;
    --accordion-functional-expanded-alt--bg-color: #fff;
    --accordion-editorial-expanded--bg-color: #fff;
    --accordion-action--border-color: #e1e1e6 transparent transparent transparent;
    --accordion-action--border-style: solid none none none;
    --accordion-action--border-width: 1px 0 0 0;
    --avatar-bg-color-list: #109090, #542ea5, #922b73, #1777cf;
    --avatar--box-shadow: none;
    --avatar--border-color: none;
    --avatar--border-style: unset;
    --avatar--border-width: 0;
    --avatar--border-radius: 50%;
    --avatar-status-online-icon-color: #fff;
    --avatar-status-online--bg-color: #189d3e;
    --avatar-status--border-color: #fff;
    --avatar-status--border-style: solid;
    --avatar-status--border-width: 1px;
    --avatar-status-no-disturb-icon-color: #fff;
    --avatar-status-no-disturb--bg-color: #e0362c;
    --avatar-status-no-available-icon-color: #fff;
    --avatar-status-no-available--bg-color: #e0362c;
    --avatar-status-absent-icon-color: #fff;
    --avatar-status-absent--bg-color: var(--warning);
    --avatar-status-warning-icon-color: #fff;
    --avatar-status-warning--bg-color: var(--warning);
    --avatar-status-none-icon-color: #fff;
    --avatar-status-none--bg-color: #c4c4cd;
    --avatar-initials-icon--color: #fff;
    --avatar-initials--bg-color: #c4c4cd;
    --badge--color: #2e2e38;
    --badge--bg-color: #fff;
    --badge--box-shadow: none;
    --badge--outline-width: 0.0714285714rem;
    --badge--outline-style: solid;
    --badge--outline-color: #2e2e38;
    --badge-alt--color: #fff;
    --badge-alt--bg-color: #2e2e38;
    --badge-warning--bg-color: var(--warning);
    --badge-warning--color: #1a1a24;
    --badge-error--bg-color: var(--error);
    --badge-error--color: #fff;
    --badge-success--bg-color: var(--success);
    --badge-success--color: #fff;
    --badge-info--bg-color: #1777cf;
    --badge-info--color: #fff;
    --badge-info-alt--bg-color: #ffe600;
    --badge-info-alt--color: #1a1a24;
    --badge-ghost--bg-color: #c4c4cd;
    --badge-ghost--color: #747480;
    --breadcrumb-alt--color: #155cb4;
    --breadcrumb-arrow-separator--color: #2e2e38;
    --breadcrumb-dropdown-menu-item--color: #2e2e38;
    --breadcrumb-dropdown-menu-item--bg-color: #fff;
    --breadcrumb-dropdown-menu-item--box-shadow: none;
    --breadcrumb-dropdown-menu-item--border-style: solid;
    --breadcrumb-dropdown-menu-item--border-width: 0.0714285714rem;
    --breadcrumb-dropdown-menu-item--border-color: transparent;
    --breadcrumb-dropdown-menu-item-focus--color: #2e2e38;
    --breadcrumb-dropdown-menu-item-focus--bg-color: #fff;
    --breadcrumb-dropdown-menu-item-focus--box-shadow: none;
    --breadcrumb-dropdown-menu-item-focus--border-style: solid;
    --breadcrumb-dropdown-menu-item-focus--border-width: 0.0714285714rem;
    --breadcrumb-dropdown-menu-item-focus--border-color: #c4c4cd;
    --breadcrumb-dropdown-menu-item-hover--color: #2e2e38;
    --breadcrumb-dropdown-menu-item-hover--bg-color: #e1e1e6;
    --breadcrumb-dropdown-menu-item-hover--box-shadow: none;
    --breadcrumb-dropdown-menu-item-hover--border-style: solid;
    --breadcrumb-dropdown-menu-item-hover--border-width: 0.0714285714rem;
    --breadcrumb-dropdown-menu-item-hover--border-color: transparent;
    --breadcrumb-dropdown-menu-item-disabled--color: #747480;
    --breadcrumb-dropdown-menu-item-disabled--bg-color: #fff;
    --breadcrumb-dropdown-menu-item-disabled--box-shadow: none;
    --breadcrumb-dropdown-menu-item-disabled--border-style: solid;
    --breadcrumb-dropdown-menu-item-disabled--border-width: 0.0714285714rem;
    --breadcrumb-dropdown-menu-item-disabled--border-color: transparent;
    --breadcrumb-dropdown-menu-item-icon-color: #2e2e38;
    --breadcrumb-dropdown-menu-item-focus-icon-color: #2e2e38;
    --breadcrumb-dropdown-menu-item-hover-icon-color: #2e2e38;
    --breadcrumb-dropdown-menu-item-disabled-icon-color: #747480;
    --breadcrumb-dropdown-trigger--bg-color: transparent;
    --breadcrumb-dropdown-trigger--box-shadow: none;
    --breadcrumb-dropdown-trigger--border-radius: 0;
    --breadcrumb-dropdown-trigger--border-width: 0.0714285714rem;
    --breadcrumb-dropdown-trigger--border-style: solid;
    --breadcrumb-dropdown-trigger--border-color: transparent;
    --breadcrumb-dropdown-trigger-focus--bg-color: #e1e1e6;
    --breadcrumb-dropdown-trigger-focus--box-shadow: none;
    --breadcrumb-dropdown-trigger-focus--border-width: 0.0714285714rem;
    --breadcrumb-dropdown-trigger-focus--border-style: solid;
    --breadcrumb-dropdown-trigger-focus--border-color: transparent;
    --breadcrumb-dropdown-trigger-hover--bg-color: #e1e1e6;
    --breadcrumb-dropdown-trigger-hover--box-shadow: none;
    --breadcrumb-dropdown-trigger-hover--border-width: 0.0714285714rem;
    --breadcrumb-dropdown-trigger-hover--border-style: solid;
    --breadcrumb-dropdown-trigger-hover--border-color: transparent;
    --breadcrumb-dropdown-trigger-icon-color: #2e2e38;
    --breadcrumb-dropdown-trigger-icon-hover-color: #2e2e38;
    --breadcrumb-dropdown-trigger-icon-focus-color: #2e2e38;
    --breadcrumb-item--color: #2e2e38;
    --breadcrumb-item-hover--color: #2e2e38;
    --breadcrumb-item-focus--color: #2e2e38;
    --breadcrumb-item-disabled--color: #747480;
    --breadcrumb-item-active--color: #1a1a24;
    --breadcrumb-item-icon-color: #2e2e38;
    --breadcrumb-item-icon-hover-icon-color: #2e2e38;
    --breadcrumb-item-icon-focus-icon-color: #2e2e38;
    --breadcrumb-item-icon-disabled-icon-color: #c4c4cd;
    --breadcrumb-item-icon-active-icon-color: #2e2e38;
    --btn--font-size: 1rem;
    --btn--font-weight: var(--weight-bold);
    --btn--padding: 0.5rem 2.1428571429rem;
    --btn--border-color: inherit;
    --btn--border-style: solid;
    --btn--border-width: 0.0714285714rem;
    --btn--border-radius: var(--border-radius);
    --btn--box-shadow: none;
    --btn-hover--box-shadow: none;
    --btn-medium--padding: 0.6428571429rem 2.2857142857rem;
    --btn-large--padding: 0.7857142857rem 2.5714285714rem;
    --btn--bg-color: #fff;
    --btn--color: #2e2e38;
    --btn-primary--bg-color: #ffe600;
    --btn-primary--border-color: #3a3a4a;
    --btn-primary--border-style: var(--btn--border-style);
    --btn-primary--border-width: var(--btn--border-width);
    --btn-primary--color: #2e2e38;
    --btn-primary--box-shadow: none;
    --btn-primary--border-radius: 0;
    --btn-primary-icon-color: #2e2e38;
    --btn-primary-focus--bg-color: #2e2e38;
    --btn-primary-focus--border-color: #2e2e38;
    --btn-primary-focus--border-style: var(--btn--border-style);
    --btn-primary-focus--border-width: var(--btn--border-width);
    --btn-primary-focus--color: #fff;
    --btn-primary-focus--box-shadow: none;
    --btn-primary-focus--border-radius: 0;
    --btn-primary-focus-icon-color: #fff;
    --btn-primary-hover--bg-color: #2e2e38;
    --btn-primary-hover--border-color: #2e2e38;
    --btn-primary-hover--border-style: var(--btn--border-style);
    --btn-primary-hover--border-width: var(--btn--border-width);
    --btn-primary-hover--color: #fff;
    --btn-primary-hover--box-shadow: none;
    --btn-primary-hover--border-radius: 0;
    --btn-primary-hover-icon-color: #fff;
    --btn-primary-disabled--bg-color: #eaeaf2;
    --btn-primary-disabled--border-color: #eaeaf2;
    --btn-primary-disabled--border-style: var(--btn--border-style);
    --btn-primary-disabled--border-width: var(--btn--border-width);
    --btn-primary-disabled--color: #747480;
    --btn-primary-disabled--box-shadow: none;
    --btn-primary-disabled--border-radius: 0;
    --btn-primary-disabled-icon-color: #747480;
    --btn-primary-alt--bg-color: #2e2e38;
    --btn-primary-alt--border-color: #2e2e38;
    --btn-primary-alt--border-style: var(--btn--border-style);
    --btn-primary-alt--border-width: var(--btn--border-width);
    --btn-primary-alt--color: #fff;
    --btn-primary-alt--box-shadow: none;
    --btn-primary-alt--border-radius: 0;
    --btn-primary-alt-icon-color: #fff;
    --btn-primary-alt-focus--bg-color: #fff;
    --btn-primary-alt-focus--border-color: #2e2e38;
    --btn-primary-alt-focus--border-style: var(--btn--border-style);
    --btn-primary-alt-focus--border-width: var(--btn--border-width);
    --btn-primary-alt-focus--color: #2e2e38;
    --btn-primary-alt-focus--box-shadow: none;
    --btn-primary-alt-focus--border-radius: 0;
    --btn-primary-alt-focus-icon-color: #2e2e38;
    --btn-primary-alt-hover--bg-color: #fff;
    --btn-primary-alt-hover--border-color: #2e2e38;
    --btn-primary-alt-hover--border-style: var(--btn--border-style);
    --btn-primary-alt-hover--border-width: var(--btn--border-width);
    --btn-primary-alt-hover--color: #2e2e38;
    --btn-primary-alt-hover--box-shadow: none;
    --btn-primary-alt-hover--border-radius: 0;
    --btn-primary-alt-hover-icon-color: #2e2e38;
    --btn-primary-alt-disabled--bg-color: #eaeaf2;
    --btn-primary-alt-disabled--border-color: #eaeaf2;
    --btn-primary-alt-disabled--border-style: var(--btn--border-style);
    --btn-primary-alt-disabled--border-width: var(--btn--border-width);
    --btn-primary-alt-disabled--color: #747480;
    --btn-primary-alt-disabled--box-shadow: none;
    --btn-primary-alt-disabled--border-radius: 0;
    --btn-primary-alt-disabled-icon-color: #747480;
    --btn-secondary--bg-color: #fff;
    --btn-secondary--border-color: #2e2e38;
    --btn-secondary--border-style: var(--btn--border-style);
    --btn-secondary--border-width: var(--btn--border-width);
    --btn-secondary--color: #2e2e38;
    --btn-secondary--box-shadow: none;
    --btn-secondary--border-radius: 0;
    --btn-secondary-icon-color: #2e2e38;
    --btn-secondary-focus--bg-color: #2e2e38;
    --btn-secondary-focus--border-color: #2e2e38;
    --btn-secondary-focus--border-style: var(--btn--border-style);
    --btn-secondary-focus--border-width: var(--btn--border-width);
    --btn-secondary-focus--color: #fff;
    --btn-secondary-focus--box-shadow: none;
    --btn-secondary-focus--border-radius: 0;
    --btn-secondary-focus-icon-color: #fff;
    --btn-secondary-hover--bg-color: #2e2e38;
    --btn-secondary-hover--border-color: #2e2e38;
    --btn-secondary-hover--border-style: var(--btn--border-style);
    --btn-secondary-hover--border-width: var(--btn--border-width);
    --btn-secondary-hover--color: #fff;
    --btn-secondary-hover--box-shadow: none;
    --btn-secondary-hover--border-radius: 0;
    --btn-secondary-hover-icon-color: #fff;
    --btn-secondary-disabled--bg-color: #eaeaf2;
    --btn-secondary-disabled--border-color: #eaeaf2;
    --btn-secondary-disabled--border-style: var(--btn--border-style);
    --btn-secondary-disabled--border-width: var(--btn--border-width);
    --btn-secondary-disabled--color: #747480;
    --btn-secondary-disabled--box-shadow: none;
    --btn-secondary-disabled--border-radius: 0;
    --btn-secondary-disabled-icon-color: #747480;
    --btn-secondary-active--bg-color: #2e2e38;
    --btn-secondary-active--color: #fff;
    --btn-warn--bg-color: #b9251c;
    --btn-warn--border-color: #b9251c;
    --btn-warn--border-style: var(--btn--border-style);
    --btn-warn--border-width: var(--btn--border-width);
    --btn-warn--color: #fff;
    --btn-warn--box-shadow: none;
    --btn-warn--border-radius: 0;
    --btn-warn-icon-color: #fff;
    --btn-warn-hover--bg-color: #2e2e38;
    --btn-warn-hover--border-color: #2e2e38;
    --btn-warn-hover--border-style: var(--btn--border-style);
    --btn-warn-hover--border-width: var(--btn--border-width);
    --btn-warn-hover--color: #fff;
    --btn-warn-hover--box-shadow: none;
    --btn-warn-hover--border-radius: 0;
    --btn-warn-focus--bg-color: #2e2e38;
    --btn-warn-focus--border-color: #2e2e38;
    --btn-warn-focus--border-style: var(--btn--border-style);
    --btn-warn-focus--border-width: var(--btn--border-width);
    --btn-warn-focus--color: #fff;
    --btn-warn-focus--box-shadow: none;
    --btn-warn-focus--border-radius: 0;
    --btn-warn-disabled--bg-color: #eaeaf2;
    --btn-warn-disabled--border-color: #eaeaf2;
    --btn-warn-disabled--border-style: var(--btn--border-style);
    --btn-warn-disabled--border-width: var(--btn--border-width);
    --btn-warn-disabled--color: #747480;
    --btn-warn-disabled--box-shadow: none;
    --btn-warn-disabled--border-radius: 0;
    --btn-warn-disabled-icon-color: #747480;
    --btn-text--font-size: var(--body-sm--font-size);
    --btn-text--color: var(--body--color);
    --btn-text-icon-color: var(--body--color);
    --btn-text-alt--color: #155cb4;
    --btn-text-alt-icon-color: #155cb4;
    --btn-text-disabled--color: #747480;
    --btn-text-disabled-icon-color: #747480;
    --btn-icon-color: #1a1a24;
    --btn-icon--bg-color: transparent;
    --btn-icon--border-color: transparent;
    --btn-icon--border-width: 0 0 0 0;
    --btn-icon--border-style: none;
    --btn-icon--box-shadow: none;
    --btn-icon--border-radius: 0 0 0 0;
    --btn-icon-hover-icon-color: #1a1a24;
    --btn-icon-hover--bg-color: #e1e1e6;
    --btn-icon-hover--border-color: transparent;
    --btn-icon-hover--border-width: 0 0 0 0;
    --btn-icon-hover--border-style: none;
    --btn-icon-hover--box-shadow: none;
    --btn-icon-focus-icon-color: #1a1a24;
    --btn-icon-focus--bg-color: #e1e1e6;
    --btn-icon-focus--border-color: transparent;
    --btn-icon-focus--border-width: 0 0 0 0;
    --btn-icon-focus--border-style: none;
    --btn-icon-focus--box-shadow: none;
    --btn-icon-disabled-icon-color: #747480;
    --btn-icon-disabled--bg-color: transparent;
    --btn-icon-disabled--border-color: transparent;
    --btn-icon-disabled--border-width: 0 0 0 0;
    --btn-icon-disabled--border-style: none;
    --btn-icon-disabled--box-shadow: none;
    --btn-fab-icon-color: #fff;
    --btn-fab--size: 3.7142857143rem;
    --btn-fab--border-color: transparent;
    --btn-fab--border-style: none;
    --btn-fab--border-width: 0;
    --btn-fab--border-radius: 50%;
    --btn-fab--bg-color: #2e2e38;
    --btn-fab--box-shadow: 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12), 0px 7px 8px -4px rgba(0, 0, 0, 0.2);
    --btn-fab-focus--color: #2e2e38;
    --btn-fab-focus-icon-color: #2e2e38;
    --btn-fab-focus--bg-color: #ffe600;
    --btn-fab-focus--box-shadow: 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 11px 15px -7px rgba(0, 0, 0, 0.2);
    --btn-fab-focus--border-color: transparent;
    --btn-fab-focus--border-style: none;
    --btn-fab-focus--border-width: 0;
    --btn-fab-focus--border-radius: 50%;
    --btn-fab-hover--color: #2e2e38;
    --btn-fab-hover-icon-color: #2e2e38;
    --btn-fab-hover--bg-color: #ffe600;
    --btn-fab-hover--box-shadow: 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 11px 15px -7px rgba(0, 0, 0, 0.2);
    --btn-fab-hover--border-color: transparent;
    --btn-fab-hover--border-style: none;
    --btn-fab-hover--border-width: 0;
    --btn-fab-hover--border-radius: 50%;
    --btn-fab-disabled--color: #747480;
    --btn-fab-disabled-icon-color: #747480;
    --btn-fab-disabled--bg-color: #eaeaf2;
    --btn-fab-disabled--box-shadow: 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12), 0px 7px 8px -4px rgba(0, 0, 0, 0.2);
    --btn-fab-disabled--border-color: transparent;
    --btn-fab-disabled--border-style: none;
    --btn-fab-disabled--border-width: 0;
    --btn-fab-disabled--border-radius: 50%;
    --btn-fab-sm--size: 3.1428571429rem;
    --btn-fab-icon--size: 2.2857142857rem;
    --btn-fab-icon-sm--size: 1.7142857143rem;
    --btn-loader-primary--color: #2e2e38;
    --btn-loader-primary--bg-color: #ffe600;
    --btn-loader-primary--border-color: #2e2e38;
    --btn-loader-primary--border-style: var(--btn--border-style);
    --btn-loader-primary--border-width: var(--btn--border-width);
    --btn-loader-primary--box-shadow: none;
    --btn-loader-primary--border-radius: 0;
    --btn-loader-primary-progress--bg-color: #3a3a4a;
    --btn-loader-primary-hover--color: #fff;
    --btn-loader-primary-hover--bg-color: #2e2e38;
    --btn-loader-primary-hover--border-color: #2e2e38;
    --btn-loader-primary-hover--border-style: var(--btn--border-style);
    --btn-loader-primary-hover--border-width: var(--btn--border-width);
    --btn-loader-primary-hover--box-shadow: none;
    --btn-loader-primary-hover--border-radius: 0;
    --btn-loader-primary-progress-hover--bg-color: #ffe600;
    --btn-loader-primary-focus--color: #fff;
    --btn-loader-primary-focus--bg-color: #2e2e38;
    --btn-loader-primary-focus--border-color: #2e2e38;
    --btn-loader-primary-focus--border-style: var(--btn--border-style);
    --btn-loader-primary-focus--border-width: var(--btn--border-width);
    --btn-loader-primary-focus--box-shadow: none;
    --btn-loader-primary-focus--border-radius: 0;
    --btn-loader-primary-progress-focus--bg-color: #ffe600;
    --btn-loader-primary-alt--color: #fff;
    --btn-loader-primary-alt--bg-color: #2e2e38;
    --btn-loader-primary-alt--border-color: #2e2e38;
    --btn-loader-primary-alt--border-style: var(--btn--border-style);
    --btn-loader-primary-alt--border-width: var(--btn--border-width);
    --btn-loader-primary-alt--box-shadow: none;
    --btn-loader-primary-alt--border-radius: 0;
    --btn-loader-primary-alt-progress--bg-color: #ffe600;
    --btn-loader-primary-alt-hover--color: #2e2e38;
    --btn-loader-primary-alt-hover--bg-color: #fff;
    --btn-loader-primary-alt-hover--border-color: #2e2e38;
    --btn-loader-primary-alt-hover--border-style: var(--btn--border-style);
    --btn-loader-primary-alt-hover--border-width: var(--btn--border-width);
    --btn-loader-primary-alt-hover--box-shadow: none;
    --btn-loader-primary-alt-hover--border-radius: 0;
    --btn-loader-primary-alt-progress-hover--bg-color: #2e2e38;
    --btn-loader-primary-alt-focus--color: #2e2e38;
    --btn-loader-primary-alt-focus--bg-color: #fff;
    --btn-loader-primary-alt-focus--border-color: #2e2e38;
    --btn-loader-primary-alt-focus--border-style: var(--btn--border-style);
    --btn-loader-primary-alt-focus--border-width: var(--btn--border-width);
    --btn-loader-primary-alt-focus--box-shadow: none;
    --btn-loader-primary-alt-focus--border-radius: 0;
    --btn-loader-primary-alt-progress-focus--bg-color: #2e2e38;
    --btn-loader-secondary--color: #2e2e38;
    --btn-loader-secondary--bg-color: #fff;
    --btn-loader-secondary--border-color: #2e2e38;
    --btn-loader-secondary--border-style: var(--btn--border-style);
    --btn-loader-secondary--border-width: var(--btn--border-width);
    --btn-loader-secondary--box-shadow: none;
    --btn-loader-secondary--border-radius: 0;
    --btn-loader-secondary-progress--bg-color: #2e2e38;
    --btn-loader-secondary-hover--color: #fff;
    --btn-loader-secondary-hover--bg-color: #2e2e38;
    --btn-loader-secondary-hover--border-color: #2e2e38;
    --btn-loader-secondary-hover--border-style: var(--btn--border-style);
    --btn-loader-secondary-hover--border-width: var(--btn--border-width);
    --btn-loader-secondary-hover--box-shadow: none;
    --btn-loader-secondary-hover--border-radius: 0;
    --btn-loader-secondary-progress-hover--bg-color: #ffe600;
    --btn-loader-secondary-focus--color: #fff;
    --btn-loader-secondary-focus--bg-color: #2e2e38;
    --btn-loader-secondary-focus--border-color: #2e2e38;
    --btn-loader-secondary-focus--border-style: var(--btn--border-style);
    --btn-loader-secondary-focus--border-width: var(--btn--border-width);
    --btn-loader-secondary-focus--box-shadow: none;
    --btn-loader-secondary-focus--border-radius: 0;
    --btn-loader-secondary-progress-focus--bg-color: #ffe600;
    --btn-loader-progress--height: 0.2857142857rem;
    --btn-link--bg-color: transparent;
    --btn-link--border-color: transparent;
    --btn-link--border-style: var(--btn--border-style);
    --btn-link--border-width: var(--btn--border-width);
    --btn-link--text-underline-offset: var(--text-link--text-underline-offset);
    --btn-link--color: var(--text-link--color);
    --btn-link--box-shadow: none;
    --btn-link--border-radius: 0;
    --btn-link-icon-color: var(--text-link--color);
    --btn-link-focus--color: var(--text-link--color);
    --btn-link-focus--bg-color: transparent;
    --btn-link-focus--border-color: var(--btn-link--color);
    --btn-link-focus--border-style: var(--btn--border-style);
    --btn-link-focus--border-width: var(--btn--border-width);
    --btn-link-focus--box-shadow: none;
    --btn-link-focus--border-radius: 0;
    --btn-link-focus-icon-color: var(--text-link--color);
    --btn-link-hover--color: var(--text-link--color);
    --btn-link-hover--bg-color: transparent;
    --btn-link-hover--border-color: transparent;
    --btn-link-hover--border-style: var(--btn--border-style);
    --btn-link-hover--border-width: var(--btn--border-width);
    --btn-link-hover--box-shadow: none;
    --btn-link-hover--border-radius: 0;
    --btn-link-hover-icon-color: var(--text-link--color);
    --btn-link-disabled--bg-color: transparent;
    --btn-link-disabled--border-color: transparent;
    --btn-link-disabled--border-style: var(--btn--border-style);
    --btn-link-disabled--border-width: var(--btn--border-width);
    --btn-link-disabled--color: #747480;
    --btn-link-disabled--box-shadow: none;
    --btn-link-disabled--border-radius: 0;
    --btn-link-disabled-badge--border-color: transparent;
    --btn-link-disabled-badge--border-style: none;
    --btn-link-disabled-badge--border-width: 0;
    --btn-link-disabled-badge--bg-color: #747480;
    --btn-link-disabled-badge--color: #fff;
    --btn-link-disabled-icon-color: #747480;
    --btn-link-badge--border-color: transparent;
    --btn-link-badge--border-style: var(--btn--border-style);
    --btn-link-badge--border-width: var(--btn--border-width);
    --btn-link-badge--bg-color: #2e2e38;
    --btn-link-badge--color: #fff;
    --btn-link-alt--bg-color: transparent;
    --btn-link-alt--border-color: transparent;
    --btn-link-alt--border-style: var(--btn--border-style);
    --btn-link-alt--border-width: var(--btn--border-width);
    --btn-link-alt--text-underline-offset: var(--text-link--text-underline-offset);
    --btn-link-alt--color: var(--text-link-alt--color);
    --btn-link-alt--box-shadow: none;
    --btn-link-alt--border-radius: 0;
    --btn-link-alt-icon-color: var(--text-link-alt--color);
    --btn-link-alt-focus--color: var(--text-link-alt--color);
    --btn-link-alt-focus--bg-color: transparent;
    --btn-link-alt-focus--border-color: var(--btn-link-alt--color);
    --btn-link-alt-focus--border-style: var(--btn--border-style);
    --btn-link-alt-focus--border-width: var(--btn--border-width);
    --btn-link-alt-focus--box-shadow: none;
    --btn-link-alt-focus--border-radius: 0;
    --btn-link-alt-focus-icon-color: var(--text-link-alt--color);
    --btn-link-alt-hover--color: var(--text-link-alt--color);
    --btn-link-alt-hover--bg-color: transparent;
    --btn-link-alt-hover--border-color: transparent transparent var(--btn-link-alt--color) transparent;
    --btn-link-alt-hover--border-style: var(--btn--border-style);
    --btn-link-alt-hover--border-width: var(--btn--border-width);
    --btn-link-alt-hover--box-shadow: none;
    --btn-link-alt-hover--border-radius: 0;
    --btn-link-alt-hover-icon-color: var(--text-link-alt--color);
    --btn-link-alt-disabled--bg-color: transparent;
    --btn-link-alt-disabled--border-color: transparent;
    --btn-link-alt-disabled--border-style: var(--btn--border-style);
    --btn-link-alt-disabled--border-width: var(--btn--border-width);
    --btn-link-alt-disabled--color: #747480;
    --btn-link-alt-disabled--box-shadow: none;
    --btn-link-alt-disabled--border-radius: 0;
    --btn-link-alt-disabled-badge--border-color: transparent;
    --btn-link-alt-disabled-badge--border-style: none;
    --btn-link-alt-disabled-badge--border-width: 0;
    --btn-link-alt-disabled-badge--bg-color: #747480;
    --btn-link-alt-disabled-badge--color: #fff;
    --btn-link-alt-disabled-icon-color: #747480;
    --btn-link-alt-badge--border-color: none;
    --btn-link-alt-badge--border-style: var(--btn--border-style);
    --btn-link-alt-badge--border-width: var(--btn--border-width);
    --btn-link-alt-badge--bg-color: var(--text-link-alt--color);
    --btn-link-alt-badge--color: #fff;
    --btn-group--border-color: #1a1a24;
    --btn-group--border-style: var(--btn--border-style);
    --btn-group--border-width: var(--btn--border-width);
    --btn-group--bg-color: #fff;
    --btn-group--color: #1a1a24;
    --btn-group--box-shadow: none;
    --btn-group--border-radius: 0;
    --btn-group-focus--border-color: #1a1a24;
    --btn-group-focus--border-style: var(--btn--border-style);
    --btn-group-focus--border-width: var(--btn--border-width);
    --btn-group-focus--bg-color: #1a1a24;
    --btn-group-focus--color: #fff;
    --btn-group-focus--box-shadow: none;
    --btn-group-focus--border-radius: 0;
    --btn-group-hover--border-color: #1a1a24;
    --btn-group-hover--border-style: var(--btn--border-style);
    --btn-group-hover--border-width: var(--btn--border-width);
    --btn-group-hover--bg-color: #e1e1e6;
    --btn-group-hover--color: #2e2e38;
    --btn-group-hover--box-shadow: none;
    --btn-group-hover--border-radius: 0;
    --btn-group-disabled--border-color: #eaeaf2 #c4c4cd;
    --btn-group-disabled--border-style: var(--btn--border-style);
    --btn-group-disabled--border-width: var(--btn--border-width);
    --btn-group-disabled--bg-color: #eaeaf2;
    --btn-group-disabled--color: #747480;
    --btn-group-disabled--box-shadow: none;
    --btn-group-disabled--border-radius: 0;
    --btn-group-active--border-color: #1a1a24;
    --btn-group-active--border-style: var(--btn--border-style);
    --btn-group-active--border-width: var(--btn--border-width);
    --btn-group-active--bg-color: #1a1a24;
    --btn-group-active--color: #fff;
    --btn-group-active--box-shadow: none;
    --btn-group-active--border-radius: 0;
    --card--border-color: #e1e1e6;
    --card--border-style: solid;
    --card--border-width: 1px;
    --card--border-radius: var(--border-radius);
    --card--bg-color: #fff;
    --card--box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    --card-hover--box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px -1px rgba(0, 0, 0, 0.2);
    --card-header--bg-color: #fff;
    --card-header-icon-color: #1a1a24;
    --card-header-alt-icon-color: #fff;
    --card-header-alt-icon-hover-icon-color: #1a1a24;
    --card-header-icon-hover--bg-color: #e1e1e6;
    --card-header-separator-line--border-color: transparent transparent #e1e1e6 transparent;
    --card-header-separator-line--border-style: none none solid none;
    --card-header-separator-line--border-width: 0 0 1px 0;
    --card-header-alt--color: #fff;
    --card-header-alt--bg-color: #2e2e38;
    --card-header--color: #2e2e38;
    --card-footer-separator-line--border-color: transparent;
    --card-footer-separator-line--border-style: none;
    --card-footer-separator-line--border-width: 0;
    --card-footer-tab-active--border-color: #2e2e38 transparent transparent transparent;
    --card-footer-tab-active--border-style: solid none none none;
    --card-footer-tab-active--border-width: 0.1428571429rem 0 0 0;
    --card-footer--bg-color: #eaeaf2;
    --card-footer--color: #2e2e38;
    --carousel--bg-color: #eaeaf2;
    --carousel--border-color: transparent;
    --carousel--border-style: none;
    --carousel--border-width: 0;
    --carousel--box-shadow: none;
    --carousel-dot--border-color: #1a1a24;
    --carousel-dot--border-style: solid;
    --carousel-dot--border-width: 1px;
    --carousel-dot--bg-color: transparent;
    --carousel-dot--border-radius: 50%;
    --carousel-dot--box-shadow: none;
    --carousel-dot-focus--border-color: #1a1a24;
    --carousel-dot-focus--border-style: solid;
    --carousel-dot-focus--border-width: 1px;
    --carousel-dot-focus--bg-color: transparent;
    --carousel-dot-focus--box-shadow: 0 0 0 0.0714285714rem rgba(23, 119, 207, 0.5);
    --carousel-dot-hover--border-color: #1a1a24;
    --carousel-dot-hover--border-style: solid;
    --carousel-dot-hover--border-width: 1px;
    --carousel-dot-hover--bg-color: transparent;
    --carousel-dot-hover--box-shadow: none;
    --carousel-dot-active--border-color: #1a1a24;
    --carousel-dot-active--border-style: solid;
    --carousel-dot-active--border-width: 1px;
    --carousel-dot-active--bg-color: #1a1a24;
    --carousel-dot-active--box-shadow: none;
    --carousel-play-pause--border-color: #1a1a24;
    --carousel-play-pause--border-style: solid;
    --carousel-play-pause--border-width: 1px;
    --carousel-play-pause--bg-color: #fff;
    --carousel-play-pause--color: #1a1a24;
    --carousel-play-pause--border-radius: 1.4285714286rem;
    --carousel-play-pause-icon-color: #1a1a24;
    --carousel-play-pause-focus--border-color: #1a1a24;
    --carousel-play-pause-focus--border-style: solid;
    --carousel-play-pause-focus--border-width: 1px;
    --carousel-play-pause-focus--bg-color: #fff;
    --carousel-play-pause-focus--color: #1a1a24;
    --carousel-play-pause-focus-icon-color: #1a1a24;
    --carousel-play-pause-hover--border-color: #1a1a24;
    --carousel-play-pause-hover--border-style: solid;
    --carousel-play-pause-hover--border-width: 1px;
    --carousel-play-pause-hover--bg-color: #fff;
    --carousel-play-pause-hover--color: #1a1a24;
    --carousel-play-pause-hover-icon-color: #1a1a24;
    --carousel-back-forward--bg-color: transparent;
    --carousel-back-forward--border-color: transparent;
    --carousel-back-forward--border-style: none;
    --carousel-back-forward--border-width: 0;
    --carousel-back-forward--box-shadow: none;
    --carousel-back-forward-icon-color: #1a1a24;
    --carousel-back-forward-focus--bg-color: transparent;
    --carousel-back-forward-focus--border-color: transparent;
    --carousel-back-forward-focus--border-style: none;
    --carousel-back-forward-focus--border-width: 0;
    --carousel-back-forward-focus--box-shadow: inset 0 0 0 0.0714285714rem rgba(23, 119, 207, 0.5);
    --carousel-back-forward-focus-icon-color: #1a1a24;
    --carousel-back-forward-hover--bg-color: #e1e1e6;
    --carousel-back-forward-hover--border-color: transparent;
    --carousel-back-forward-hover--border-style: none;
    --carousel-back-forward-hover--border-width: 0;
    --carousel-back-forward-hover--box-shadow: none;
    --carousel-back-forward-hover-icon-color: #1a1a24;
    --chip--color: #2e2e38;
    --chip--border-color: #2e2e38;
    --chip--border-style: solid;
    --chip--border-width: 1px;
    --chip--border-radius: 32px;
    --chip--box-shadow: none;
    --chip--bg-color: #fff;
    --chip-hover--color: #fff;
    --chip-hover--bg-color: #2e2e38;
    --chip-hover--border-color: #2e2e38;
    --chip-hover--border-style: solid;
    --chip-hover--border-width: 1px;
    --chip-hover--border-radius: var(--chip--border-radius);
    --chip-hover--box-shadow: none;
    --chip-hover-icon-color: #fff;
    --chip-icon-color: #2e2e38;
    --chip-btn-hover--bg-color: #c4c4cd;
    --chip-btn-hover--color: #2e2e38;
    --chip-pill--color: #2e2e38;
    --chip-pill--bg-color: #fff;
    --chip-dot--color: #2e2e38;
    --chip-dot--bg-color: transparent;
    --chip-dot--border-color: transparent;
    --chip-dot--border-style: none;
    --chip-dot--border-width: 0;
    --chip-active--color: #fff;
    --chip-active--bg-color: #1a1a24;
    --chip-active--border-color: #2e2e38;
    --chip-active--border-style: solid;
    --chip-active--border-width: 1px;
    --chip-active--border-radius: var(--chip--border-radius);
    --chip-active--box-shadow: none;
    --chip-disabled--color: #747480;
    --chip-disabled--bg-color: #c4c4cd;
    --chip-disabled--border-color: #c4c4cd;
    --chip-disabled--border-style: solid;
    --chip-disabled--border-width: 1px;
    --chip-disabled--border-radius: var(--chip--border-radius);
    --chip-disabled--box-shadow: none;
    --chip-disabled-icon-color: #747480;
    --chip-success--border-color: var(--success);
    --chip-success--border-style: solid;
    --chip-success--border-width: 1px;
    --chip-success--bg-color: var(--success);
    --chip-success--color: #fff;
    --chip-success--border-radius: var(--chip--border-radius);
    --chip-success--box-shadow: none;
    --chip-warning--border-color: var(--warning);
    --chip-warning--border-style: solid;
    --chip-warning--border-width: 1px;
    --chip-warning--bg-color: var(--warning);
    --chip-warning--color: #1a1a24;
    --chip-warning--border-radius: var(--chip--border-radius);
    --chip-warning--box-shadow: none;
    --chip-error--border-color: var(--error);
    --chip-error--border-style: solid;
    --chip-error--border-width: 1px;
    --chip-error--bg-color: var(--error);
    --chip-error--color: #fff;
    --chip-error--border-radius: var(--chip--border-radius);
    --chip-error--box-shadow: none;
    --chip-monochrome-light--border-color: #2e2e38;
    --chip-monochrome-light--border-style: solid;
    --chip-monochrome-light--border-width: 1px;
    --chip-monochrome-light--bg-color: #fff;
    --chip-monochrome-light--color: #2e2e38;
    --chip-monochrome-light--border-radius: var(--chip--border-radius);
    --chip-monochrome-light--box-shadow: none;
    --chip-monochrome-dark--border-color: #2e2e38;
    --chip-monochrome-dark--border-style: solid;
    --chip-monochrome-dark--border-width: 1px;
    --chip-monochrome-dark--bg-color: #2e2e38;
    --chip-monochrome-dark--color: #fff;
    --chip-monochrome-dark--border-radius: var(--chip--border-radius);
    --chip-monochrome-dark--box-shadow: none;
    --chip-monochrome-disabled--bg-color: #c4c4cd;
    --chip-monochrome-disabled--border-style: solid;
    --chip-monochrome-disabled--border-width: 1px;
    --chip-monochrome-disabled--border-color: #c4c4cd;
    --chip-monochrome-disabled--color: #747480;
    --chip-monochrome-disabled--border-radius: var(--chip--border-radius);
    --chip-monochrome-disabled--box-shadow: none;
    --chip-outlined--color: #2e2e38;
    --chip-outlined-disabled--color: #747480;
    --comment--bg-color: #fafafc;
    --comment--box-shadow: none;
    --comment--border-radius: 0;
    --comment--border-color: transparent transparent #e7e7ea transparent;
    --comment--border-style: none none solid none;
    --comment--border-width: 0 0 1px 0;
    --comment-nested--bg-color: #fafafc;
    --comment-nested--box-shadow: none;
    --comment-nested--border-radius: 0;
    --comment-nested--border-color: transparent;
    --comment-nested--border-style: none;
    --comment-nested--border-width: 0;
    --comment-date-time--color: #2e2e38;
    --comment-truncation-toggle--color: #2e2e38;
    --comment-edit--color: var(--form-element--color);
    --comment-edit--bg-color: var(--form-element--bg-color);
    --comment-edit--box-shadow: var(--form-element--box-shadow);
    --comment-edit--border-width: 0 0 0.0714285714rem 0;
    --comment-edit--border-style: solid;
    --comment-edit--border-color: var(--form-element--border-color);
    --comment-edit--border-radius: var(--form-element--border-radius);
    --comment-edit-hover--bg-color: var(--form-element-hover--bg-color);
    --comment-edit-hover--color: var(--form-element-hover--color);
    --comment-edit-hover--box-shadow: var(--form-element-hover--box-shadow);
    --comment-edit-hover--border-width: 0 0 0.0714285714rem 0;
    --comment-edit-hover--border-style: solid;
    --comment-edit-hover--border-color: var(--form-element-hover--border-color);
    --comment-edit-focus--bg-color: var(--form-element-hover--bg-color);
    --comment-edit-focus--color: var(--form-element-hover--color);
    --comment-edit-focus--box-shadow: var(--form-element-focus--box-shadow);
    --comment-edit-focus--border-width: 0 0 0.1428571429rem 0;
    --comment-edit-focus--border-style: solid;
    --comment-edit-focus--border-color: var(--form-element-focus--border-color);
    --comment-edit-scroll-bar--bg-color: #c4c4cd;
    --comment-edit-scroll-bar-hover--bg-color: #c4c4cd;
    --content-switcher--color: #2e2e38;
    --content-switcher--bg-color: #fff;
    --content-switcher--border-width: 0.0714285714rem;
    --content-switcher--border-style: solid;
    --content-switcher--border-color: #2e2e38;
    --content-switcher-focus--bg-color: #e1e1e6;
    --content-switcher-focus--color: #2e2e38;
    --content-switcher-focus--border-width: 0.0714285714rem;
    --content-switcher-focus--border-style: solid;
    --content-switcher-focus--border-color: #747480;
    --content-switcher-hover--bg-color: #e1e1e6;
    --content-switcher-hover--color: #2e2e38;
    --content-switcher-hover--border-width: 0.0714285714rem;
    --content-switcher-hover--border-style: solid;
    --content-switcher-hover--border-color: #747480;
    --content-switcher-selected--bg-color: #1a1a24;
    --content-switcher-selected--color: #fff;
    --content-switcher-selected-icon-color: #fff;
    --content-switcher-selected--border-width: 0.0714285714rem;
    --content-switcher-selected--border-style: solid;
    --content-switcher-selected--border-color: #1a1a24;
    --content-switcher-disabled--color: #747480;
    --content-switcher-disabled--bg-color: #eaeaf2;
    --content-switcher-disabled--border-width: 0.0714285714rem;
    --content-switcher-disabled--border-style: solid;
    --content-switcher-disabled--border-color: #2e2e38;
    --dropdown-menu--bg-color: #fff;
    --dropdown-menu--border-color: #c4c4cd;
    --dropdown-menu--border-style: solid;
    --dropdown-menu--border-width: 1px;
    --dropdown-menu--border-radius: var(--border-radius);
    --dropdown-menu--box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px -1px rgba(0, 0, 0, 0.2);
    --dropdown-menu-before--border-color: #c4c4cd #c4c4cd transparent transparent;
    --dropdown-menu-before--border-style: solid solid none none;
    --dropdown-menu-before--border-width: 1px 1px 0 0;
    --dropdown-menu-item--color: #2e2e38;
    --dropdown-menu-item--bg-color: #fff;
    --dropdown-menu-item--border-color: transparent;
    --dropdown-menu-item--border-style: solid;
    --dropdown-menu-item--border-width: 1px;
    --dropdown-menu-item--fill: #1a1a24;
    --dropdown-menu-item-focus--color: #2e2e38;
    --dropdown-menu-item-focus--bg-color: #fff;
    --dropdown-menu-item-focus--border-color: #c4c4cd;
    --dropdown-menu-item-focus--border-style: solid;
    --dropdown-menu-item-focus--border-width: 1px;
    --dropdown-menu-item-focus--box-shadow: none;
    --dropdown-menu-item-hover--color: #2e2e38;
    --dropdown-menu-item-hover--bg-color: #e1e1e6;
    --dropdown-menu-item-hover--border-color: transparent;
    --dropdown-menu-item-hover--border-style: solid;
    --dropdown-menu-item-hover--border-width: 1px;
    --dropdown-menu-item-active--color: #2e2e38;
    --dropdown-menu-item-active--bg-color: #fff;
    --dropdown-menu-item-active--border-color: #c4c4cd;
    --dropdown-menu-item-active--border-style: solid;
    --dropdown-menu-item-active--border-width: 1px;
    --dropdown-menu-item-active--box-shadow: none;
    --dropdown-menu-item-disabled--color: #747480;
    --dropdown-menu-item-disabled--bg-color: #f6f6fa;
    --dropdown-menu-item-disabled--border-color: transparent;
    --dropdown-menu-item-disabled--border-style: solid;
    --dropdown-menu-item-disabled--border-width: 1px;
    --dropdown-menu-item-disabled--box-shadow: none;
    --dropdown-menu-item-icon-color: #1a1a24;
    --dropdown-menu-item-focus-icon-color: #1a1a24;
    --dropdown-menu-item-hover-icon-color: #1a1a24;
    --dropdown-menu-item-active-icon-color: #1a1a24;
    --dropdown-menu-item-disabled-icon-color: #747480;
    --dropdown-toggle-focus--box-shadow: none;
    --dropdown-toggle-hover--box-shadow: none;
    --filters--box-shadow: none;
    --filters--bg-color: #fff;
    --filters--border-color: #e1e1e6;
    --filters--border-style: solid;
    --filters--border-width: 0.0714285714rem;
    --filters--border-radius: none;
    --filters-accordion-trigger--box-shadow: none;
    --filters-accordion-trigger--border-color: transparent;
    --filters-accordion-trigger--border-style: none;
    --filters-accordion-trigger--border-width: 0;
    --filters-accordion-trigger--border-radius: 0;
    --filters-accordion--box-shadow: none;
    --filters-accordion--bg-color: #fafafc;
    --filters-accordion--border-color: #e1e1e6 transparent transparent transparent;
    --filters-accordion--border-style: solid none none none;
    --filters-accordion--border-width: 0.0714285714rem 0 0 0;
    --filters-badge--bg-color: #155cb4;
    --filters-badge--color: #fff;
    --filters-badge--border-color: transparent;
    --filters-badge--border-style: none;
    --filters-badge--border-width: 0;
    --filters-clear-btn--color: #155cb4;
    --filters-clear-btn--bg-color: transparent;
    --filters-clear-btn--border-color: transparent;
    --filters-clear-btn--border-style: none;
    --filters-clear-btn--border-width: 0;
    --filters-clear-btn--box-shadow: none;
    --filters-hr--border-style: none none solid none;
    --filters-hr--border-width: 0 0 0.0714285714rem 0;
    --filters-hr--border-color: transparent transparent #e7e7ea transparent;
    --filters-search--bg-color: #f6f6fa;
    --filters-title--color: #2e2e38;
    --footer--bg-color: #fff;
    --footer--border-color: #e1e1e6 transparent transparent transparent;
    --footer--border-style: solid none none none;
    --footer--border-width: 0.0714285714rem 0 0 0;
    --footer--box-shadow: none;
    --checkbox--border-color: #2e2e38;
    --checkbox--border-style: solid;
    --checkbox--border-width: 1px;
    --checkbox--border-radius: var(--form-element--border-radius);
    --checkbox--bg-color: #fff;
    --checkbox-label--color: #2e2e38;
    --checkbox--box-shadow: var(--form-element--box-shadow);
    --checkbox-disabled--color: var(--form-element-disabled--color);
    --checkbox-custom-focus--border-color: #2e2e38;
    --checkbox-custom-focus--border-style: solid;
    --checkbox-custom-focus--border-width: 0.1428571429rem;
    --checkbox-custom-focus-label--color: #2e2e38;
    --checkbox-custom-focus--bg-color: #fff;
    --checkbox-custom-focus--box-shadow: var(--form-element-focus--box-shadow);
    --checkbox-custom-hover--border-color: #2e2e38;
    --checkbox-custom-hover--border-style: solid;
    --checkbox-custom-hover--border-width: 0.1428571429rem;
    --checkbox-custom-hover-label--color: #2e2e38;
    --checkbox-custom-hover--bg-color: #fff;
    --checkbox-custom-hover--box-shadow: var(--form-element-hover--box-shadow);
    --checkbox-custom-disabled--border-color: #c4c4cd;
    --checkbox-custom-disabled--border-style: solid;
    --checkbox-custom-disabled--border-width: 1px;
    --checkbox-custom-disabled--bg-color: #fff;
    --checkbox-custom-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --checkbox-custom-error--border-color: #b9251c;
    --checkbox-custom-error--border-style: solid;
    --checkbox-custom-error--border-width: 1px;
    --checkbox-custom-error-label--color: #2e2e38;
    --checkbox-custom-error--box-shadow: var(--form-element-error--box-shadow);
    --checkbox-custom-error--bg-color: #fff;
    --checkbox-custom-error-focus--border-color: #b9251c;
    --checkbox-custom-error-focus--border-style: solid;
    --checkbox-custom-error-focus--border-width: 0.1428571429rem;
    --checkbox-custom-error-focus-label--color: #2e2e38;
    --checkbox-custom-error-focus--box-shadow: none;
    --checkbox-custom-error-focus--bg-color: #fff;
    --checkbox-custom-error-hover--border-color: #b9251c;
    --checkbox-custom-error-hover--border-style: solid;
    --checkbox-custom-error-hover--border-width: 0.1428571429rem;
    --checkbox-custom-error-hover-label--color: #2e2e38;
    --checkbox-custom-error-hover--box-shadow: none;
    --checkbox-custom-error-hover--bg-color: #fff;
    --checkbox-checked--border-color: #2e2e38;
    --checkbox-checked--border-style: none;
    --checkbox-checked--border-width: 0;
    --checkbox-checked--bg-color: #2e2e38;
    --checkbox-checked-label--color: #2e2e38;
    --checkbox-checked--box-shadow: none;
    --checkbox-checked-icon-color: #fff;
    --checkbox-checked-disabled--bg-color: #c4c4cd;
    --checkbox-checked-disabled-label--color: var(--form-element-disabled--color);
    --checkbox-checked-disabled--box-shadow: none;
    --checkbox-checked-disabled--border-color: #c4c4cd;
    --checkbox-checked-disabled--border-style: solid;
    --checkbox-checked-disabled--border-width: 1px;
    --checkbox-checked-disabled-icon-color: #fff;
    --date-picker--color: var(--form-element--color);
    --date-picker--bg-color: var(--form-element--bg-color);
    --date-picker--border-color: var(--form-element--border-color);
    --date-picker--border-style: var(--form-element--border-style);
    --date-picker--border-width: var(--form-element--border-width);
    --date-picker--border-radius: var(--form-element--border-radius);
    --date-picker--box-shadow: var(--form-element--box-shadow);
    --date-picker-icon-color: var(--form-element-icon-color);
    --date-picker-hover--color: var(--form-element-hover--color);
    --date-picker-hover--bg-color: var(--form-element-hover--bg-color);
    --date-picker-hover--border-color: var(--form-element-hover--border-color);
    --date-picker-hover--border-style: var(--form-element-hover--border-style);
    --date-picker-hover--border-width: var(--form-element-hover--border-width);
    --date-picker-hover--border-radius: var(--form-element-hover--border-radius);
    --date-picker-hover--box-shadow: var(--form-element-hover--box-shadow);
    --date-picker-hover-icon-color: var(--form-element-icon-hover-icon-color);
    --date-picker-focus--color: var(--form-element-focus--color);
    --date-picker-focus--bg-color: var(--form-element-focus--bg-color);
    --date-picker-focus--border-color: var(--form-element-focus--border-color);
    --date-picker-focus--border-style: var(--form-element-focus--border-style);
    --date-picker-focus--border-width: var(--form-element-focus--border-width);
    --date-picker-focus--border-radius: var(--form-element-focus--border-radius);
    --date-picker-focus--box-shadow: var(--form-element-focus--box-shadow);
    --date-picker-focus-icon-color: var(--form-element-icon-focus-icon-color);
    --date-picker-disabled--color: var(--form-element-disabled--color);
    --date-picker-disabled--bg-color: var(--form-element-disabled--bg-color);
    --date-picker-disabled--border-color: var(--form-element-disabled--border-color);
    --date-picker-disabled--border-style: var(--form-element-disabled--border-style);
    --date-picker-disabled--border-width: var(--form-element-disabled--border-width);
    --date-picker-disabled--border-radius: var(--form-element-disabled--border-radius);
    --date-picker-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --date-picker-disabled-icon-color: var(--form-element-icon-disabled-icon-color);
    --date-picker-error--color: var(--form-element-error--color);
    --date-picker-error--bg-color: var(--form-element-error--bg-color);
    --date-picker-error--border-color: var(--form-element-error--border-color);
    --date-picker-error--border-style: var(--form-element-error--border-style);
    --date-picker-error--border-width: var(--form-element-error--border-width);
    --date-picker-error--border-radius: var(--form-element-error--border-radius);
    --date-picker-error--box-shadow: var(--form-element-error--box-shadow);
    --date-picker-error-icon-color: var(--form-element-icon-error-icon-color);
    --date-picker-error-hover--color: var(--form-element-hover--color);
    --date-picker-error-hover--bg-color: var(--form-element-hover--bg-color);
    --date-picker-error-hover--border-color: var(--form-element-error--border-color);
    --date-picker-error-hover--border-style: var(--form-element-hover--border-style);
    --date-picker-error-hover--border-width: var(--form-element-hover--border-width);
    --date-picker-error-hover--border-radius: var(--form-element-hover--border-radius);
    --date-picker-error-hover--box-shadow: var(--form-element-hover--box-shadow);
    --date-picker-error-hover-icon-color: var(--form-element-icon-hover-icon-color);
    --date-picker-error-focus--color: var(--form-element-focus--color);
    --date-picker-error-focus--bg-color: var(--form-element-focus--bg-color);
    --date-picker-error-focus--border-color: var(--form-element-error--border-color);
    --date-picker-error-focus--border-style: var(--form-element-focus--border-style);
    --date-picker-error-focus--border-width: var(--form-element-focus--border-width);
    --date-picker-error-focus--border-radius: var(--form-element-focus--border-radius);
    --date-picker-error-focus--box-shadow: var(--form-element-focus--box-shadow);
    --date-picker-error-focus-icon-color: var(--form-element-icon-focus-icon-color);
    --date-picker-header-arrow--border-color: transparent;
    --date-picker-header-arrow--border-style: none;
    --date-picker-header-arrow--border-width: 0;
    --date-picker-navigation--bg-color: #2e2e3c;
    --date-picker-navigation-arrow--color: #fff;
    --date-picker-navigation--color: #c4c4cd;
    --date-picker-navigation-arrow-focus--box-shadow: inset 0 0 0 0.0714285714rem rgba(23, 119, 207, 0.5);
    --date-picker-tile-active--color: #fff;
    --date-picker-tile-active--bg-color: #2e2e38;
    --date-picker-tile-active-hover--bg-color: #e1e1e6;
    --date-picker-calendar--bg-color: #fff;
    --date-picker-calendar--border-color: #2e2e38;
    --date-picker-calendar--border-style: solid;
    --date-picker-calendar--border-width: 0.0714285714rem;
    --date-picker-calendar--border-radius: 0;
    --date-picker-calendar--box-shadow: none;
    --date-picker-weekday--color: #c4c4cd;
    --date-picker-label-focus--color: var(--form-element-label-focus--color);
    --file-uploader--bg-color: #f6f6fa;
    --file-uploader-hover--bg-color: #f6f6fa;
    --file-uploader-error--bg-color: #f6f6fa;
    --file-uploader-disabled--bg-color: #f6f6fa;
    --file-uploader-focus--bg-color: #f6f6fa;
    --file-uploader-em--color: #155cb4;
    --file-uploader-em-hover--color: #155cb4;
    --file-uploader-em-focus--color: #155cb4;
    --file-uploader-em-disabled--color: #747480;
    --file-uploader-em-error--color: #155cb4;
    --file-uploader-icon-color: var(--form-element-icon-color);
    --file-uploader-hover-icon-color: var(--form-element-icon-hover-icon-color);
    --file-uploader-focus-icon-color: var(--form-element-icon-focus-icon-color);
    --file-uploader-error-icon-color: var(--form-element-icon-error-icon-color);
    --file-uploader--color: #1a1a24;
    --file-uploader-hover--color: #1a1a24;
    --file-uploader-focus--color: #1a1a24;
    --file-uploader-error--color: #1a1a24;
    --file-uploader--border-color: #c4c4cd;
    --file-uploader-hover--border-color: #2e2e38;
    --file-uploader-focus--border-color: #2e2e38;
    --file-uploader-error--border-width: 1px;
    --file-uploader-error--border-style: solid;
    --file-uploader-error--border-color: #b9251c;
    --file-uploader-disabled--border-color: #c4c4cd;
    --file-uploader-disabled--color: #747480;
    --file-uploader-disabled-icon-color: var(--form-element-icon-disabled-icon-color);
    --file-uploader--box-shadow: var(--form-element--box-shadow);
    --file-uploader-hover--box-shadow: var(--form-element-hover--box-shadow);
    --file-uploader-focus--box-shadow: var(--form-element-focus--box-shadow);
    --file-uploader-error--box-shadow: var(--form-element-error--box-shadow);
    --file-uploader-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --file-uploader-item--bg-color: #fafafc;
    --file-uploader-item--border-radius: var(--form-element--border-radius);
    --file-uploader-item--border-width: 1px;
    --file-uploader-item--border-style: solid;
    --file-uploader-item--border-color: #e7e7ea;
    --file-uploader-item--color: #2e2e38;
    --file-uploader-item--box-shadow: var(--form-element--box-shadow);
    --file-uploader-item-icon-color: var(--form-element-icon-color);
    --file-uploader-item-progress-bar--bg-color: #e7e7ea;
    --file-uploader-item-progress-bar-hover--bg-color: #e7e7ea;
    --file-uploader-item-progress-bar-focus--bg-color: #e7e7ea;
    --file-uploader-item-progress-bar-error--bg-color: #e7e7ea;
    --file-uploader-item-progress-bar-disabled--bg-color: #e7e7ea;
    --file-uploader-item-progress-bar--color: #2e2e38;
    --file-uploader-item-progress-bar-hover--color: #2e2e38;
    --file-uploader-item-progress-bar-focus--color: #2e2e38;
    --file-uploader-item-progress-bar-error--color: #2e2e38;
    --file-uploader-item-progress-bar-disabled--color: #2e2e38;
    --file-uploader-item-disabled--border-width: 1px;
    --file-uploader-item-disabled--border-style: solid;
    --file-uploader-item-disabled--border-color: #eaeaf2;
    --file-uploader-item-disabled--bg-color: #fff;
    --file-uploader-item-disabled--color: #747480;
    --file-uploader-item-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --file-uploader-item-disabled-icon-color: var(--form-element-icon-disabled-icon-color);
    --file-uploader-item-error--color: #747480;
    --file-uploader-item-error--bg-color: #f6f6fa;
    --file-uploader-item-error--border-width: 1px;
    --file-uploader-item-error--border-style: solid;
    --file-uploader-item-error--border-color: #b9251c;
    --file-uploader-item-error--box-shadow: var(--form-element-error--box-shadow);
    --file-uploader-item-error-icon-color: #747480;
    --file-uploader-item-close-btn-icon-color: #2e2e38;
    --file-uploader-item-close-btn-icon--bg-color: transparent;
    --file-uploader-item-close-btn-icon--border-color: transparent;
    --file-uploader-item-close-btn-icon--border-width: 0 0 0 0;
    --file-uploader-item-close-btn-icon--border-style: none;
    --file-uploader-item-close-btn-icon--box-shadow: none;
    --file-uploader-item-close-btn-icon--border-radius: 0 0 0 0;
    --file-uploader-item-close-btn-icon-hover--color: #2e2e38;
    --file-uploader-item-close-btn-icon-hover--bg-color: #e1e1e6;
    --file-uploader-item-close-btn-icon-hover--border-color: transparent;
    --file-uploader-item-close-btn-icon-hover--border-width: 0 0 0 0;
    --file-uploader-item-close-btn-icon-hover--border-style: none;
    --file-uploader-item-close-btn-icon-hover--box-shadow: none;
    --file-uploader-item-close-btn-icon-focus--color: #2e2e38;
    --file-uploader-item-close-btn-icon-focus--bg-color: #e1e1e6;
    --file-uploader-item-close-btn-icon-focus--border-color: transparent;
    --file-uploader-item-close-btn-icon-focus--border-width: 0 0 0 0;
    --file-uploader-item-close-btn-icon-focus--border-style: none;
    --file-uploader-item-close-btn-icon-focus--box-shadow: none;
    --file-uploader-item-close-btn-icon-disabled--color: #747480;
    --file-uploader-item-close-btn-icon-disabled--bg-color: transparent;
    --file-uploader-item-close-btn-icon-disabled--border-color: transparent;
    --file-uploader-item-close-btn-icon-disabled--border-width: 0 0 0 0;
    --file-uploader-item-close-btn-icon-disabled--border-style: none;
    --file-uploader-item-close-btn-icon-disabled--box-shadow: none;
    --file-uploader-item-ok-btn--bg-color: transparent;
    --file-uploader-item-ok-btn--border-color: transparent;
    --file-uploader-item-ok-btn--border-style: var(--btn--border-style);
    --file-uploader-item-ok-btn--border-width: var(--btn--border-width);
    --file-uploader-item-ok-btn--color: var(--text-link--color);
    --file-uploader-item-ok-btn--box-shadow: none;
    --file-uploader-item-ok-btn--border-radius: 0;
    --file-uploader-item-ok-btn-focus--color: var(--text-link--color);
    --file-uploader-item-ok-btn-focus--bg-color: transparent;
    --file-uploader-item-ok-btn-focus--border-color: #2e2e38;
    --file-uploader-item-ok-btn-focus--border-style: var(--btn--border-style);
    --file-uploader-item-ok-btn-focus--border-width: var(--btn--border-width);
    --file-uploader-item-ok-btn-focus--box-shadow: none;
    --file-uploader-item-ok-btn-hover--color: var(--text-link--color);
    --file-uploader-item-ok-btn-hover--bg-color: transparent;
    --file-uploader-item-ok-btn-hover--border-color: transparent;
    --file-uploader-item-ok-btn-hover--border-style: var(--btn--border-style);
    --file-uploader-item-ok-btn-hover--border-width: var(--btn--border-width);
    --file-uploader-item-ok-btn-hover--box-shadow: none;
    --file-uploader-item-retry-btn--bg-color: transparent;
    --file-uploader-item-retry-btn--border-color: transparent;
    --file-uploader-item-retry-btn--border-style: var(--btn--border-style);
    --file-uploader-item-retry-btn--border-width: var(--btn--border-width);
    --file-uploader-item-retry-btn--color: var(--text-link-alt--color);
    --file-uploader-item-retry-btn--box-shadow: none;
    --file-uploader-item-retry-btn--border-radius: 0;
    --file-uploader-item-retry-btn-focus--color: var(--text-link-alt--color);
    --file-uploader-item-retry-btn-focus--bg-color: transparent;
    --file-uploader-item-retry-btn-focus--border-color: var(--text-link-alt--color);
    --file-uploader-item-retry-btn-focus--border-style: var(--btn--border-style);
    --file-uploader-item-retry-btn-focus--border-width: var(--btn--border-width);
    --file-uploader-item-retry-btn-focus--box-shadow: none;
    --file-uploader-item-retry-btn-hover--color: var(--text-link-alt--color);
    --file-uploader-item-retry-btn-hover--bg-color: transparent;
    --file-uploader-item-retry-btn-hover--border-color: transparent;
    --file-uploader-item-retry-btn-hover--border-style: var(--btn--border-style);
    --file-uploader-item-retry-btn-hover--border-width: var(--btn--border-width);
    --file-uploader-item-retry-btn-hover--box-shadow: none;
    --metadata-header--color: #2e2e38;
    --metadata-header-hover--color: #2e2e38;
    --metadata-header-focus--color: #2e2e38;
    --metadata-header--bg-color: #fafafc;
    --metadata-header-hover--bg-color: #eaeaf2;
    --metadata-header-focus--bg-color: #eaeaf2;
    --metadata-line-separator--border-width: 0;
    --metadata-line-separator--border-style: solid;
    --metadata-line-separator--border-color: #e1e1e6;
    --metadata-line-separator-hover--border-width: 0;
    --metadata-line-separator-hover--border-style: solid;
    --metadata-line-separator-hover--border-color: #e1e1e6;
    --metadata-line-separator-focus--border-width: 0;
    --metadata-line-separator-focus--border-style: solid;
    --metadata-line-separator-focus--border-color: #e1e1e6;
    --metadata-content--color: initial;
    --metadata-content-hover--color: initial;
    --metadata-content-focus--color: initial;
    --metadata-content--bg-color: #fff;
    --metadata-content-hover--bg-color: #eaeaf2;
    --metadata-content-focus--bg-color: #eaeaf2;
    --metadata-content--border-width: 0;
    --metadata-content--border-style: solid;
    --metadata-content--border-color: transparent;
    --metadata-content-hover--border-width: 0;
    --metadata-content-hover--border-style: solid;
    --metadata-content-hover--border-color: transparent;
    --metadata-content-focus--border-width: 0;
    --metadata-content-focus--border-style: solid;
    --metadata-content-focus--border-color: transparent;
    --metadata-header-icon--fill: #2e2e38;
    --metadata-header-icon-hover--fill: #2e2e38;
    --metadata-header-icon-focus--fill: #2e2e38;
    --input--color: var(--form-element--color);
    --input--border-color: var(--form-element--border-color);
    --input--border-style: var(--form-element--border-style);
    --input--border-width: var(--form-element--border-width);
    --input--border-radius: var(--form-element--border-radius);
    --input--bg-color: var(--form-element--bg-color);
    --input--box-shadow: var(--form-element--box-shadow);
    --input-hover--color: var(--form-element-hover--color);
    --input-hover--border-color: var(--form-element-hover--border-color);
    --input-hover--border-style: var(--form-element-hover--border-style);
    --input-hover--border-width: var(--form-element-hover--border-width);
    --input-hover--border-radius: var(--form-element-hover--border-radius);
    --input-hover--bg-color: var(--form-element-hover--bg-color);
    --input-hover--box-shadow: var(--form-element-hover--box-shadow);
    --input-focus--color: var(--form-element-focus--color);
    --input-focus--border-color: var(--form-element-focus--border-color);
    --input-focus--border-style: var(--form-element-focus--border-style);
    --input-focus--border-width: var(--form-element-focus--border-width);
    --input-focus--border-radius: var(--form-element-focus--border-radius);
    --input-focus--bg-color: var(--form-element-focus--bg-color);
    --input-focus--box-shadow: var(--form-element-focus--box-shadow);
    --input-disabled--color: var(--form-element-disabled--color);
    --input-disabled--border-color: var(--form-element-disabled--border-color);
    --input-disabled--border-style: var(--form-element-disabled--border-style);
    --input-disabled--border-width: var(--form-element-disabled--border-width);
    --input-disabled--border-radius: var(--form-element-disabled--border-radius);
    --input-disabled--bg-color: var(--form-element-disabled--bg-color);
    --input-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --input-error--color: var(--form-element-error--color);
    --input-error--border-color: var(--form-element-error--border-color);
    --input-error--border-style: var(--form-element-error--border-style);
    --input-error--border-width: var(--form-element-error--border-width);
    --input-error--border-radius: var(--form-element-error--border-radius);
    --input-error--bg-color: var(--form-element-error--bg-color);
    --input-error--box-shadow: var(--form-element-error--box-shadow);
    --input-error-focus--color: var(--form-element-error--color);
    --input-error-focus--border-color: var(--form-element-error--border-color);
    --input-error-focus--border-style: var(--form-element-error--border-style);
    --input-error-focus--border-width: var(--form-element-focus--border-width);
    --input-error-focus--bg-color: var(--form-element-focus--bg-color);
    --input-error-focus--box-shadow: var(--form-element-error--box-shadow);
    --input-error-hover--color: var(--form-element-error--color);
    --input-error-hover--border-color: var(--form-element-error--border-color);
    --input-error-hover--border-style: var(--form-element-error--border-style);
    --input-error-hover--border-width: var(--form-element-error--border-width);
    --input-error-hover--bg-color: var(--form-element-hover--bg-color);
    --input-error-hover--box-shadow: var(--form-element-error--box-shadow);
    --input-placeholder--color: var(--form-element-placeholder--color);
    --input-clear-icon-focus--box-shadow: inset 0px 0px 0px 1px rgba(23, 119, 207, 0.5);
    --input-clear-btn-disabled-icon-color: var(--form-element-icon-disabled-icon-color);
    --input-icon-color: var(--form-element-icon-color);
    --input-icon-error-icon-color: var(--form-element-icon-error-icon-color);
    --input-icon-disabled-icon-color: var(--form-element-icon-disabled-icon-color);
    --input-textarea--border-color: transparent transparent transparent transparent;
    --input-textarea--border-style: solid none none none;
    --input-textarea--border-width: 1.5714285714rem 0 0 0;
    --numeric-input--color: var(--form-element--color);
    --numeric-input--border-width: var(--form-element--border-width);
    --numeric-input--border-style: var(--form-element--border-style);
    --numeric-input--border-color: var(--form-element--border-color);
    --numeric-input--bg-color: var(--form-element--bg-color);
    --numeric-input--border-radius: var(--form-element--border-radius);
    --numeric-input--box-shadow: var(--form-element--box-shadow);
    --numeric-input-btn--bg-color: transparent;
    --numeric-input-btn--border-style: none;
    --numeric-input-btn--border-width: 0;
    --numeric-input-btn--border-color: transparent;
    --numeric-input-btn--border-radius: 0;
    --numeric-input-btn--box-shadow: none;
    --numeric-input-btn-icon-color: #2e2e38;
    --numeric-input-btn-disabled--bg-color: #f6f6fa;
    --numeric-input-btn-disabled--border-style: none;
    --numeric-input-btn-disabled--border-width: 0;
    --numeric-input-btn-disabled--border-color: transparent;
    --numeric-input-btn-disabled--box-shadow: none;
    --numeric-input-btn-disabled-icon-color: #747480;
    --numeric-input-btn-hover--bg-color: #e1e1e6;
    --numeric-input-btn-hover--border-style: none;
    --numeric-input-btn-hover--border-width: 0;
    --numeric-input-btn-hover--border-color: transparent;
    --numeric-input-btn-hover--box-shadow: none;
    --numeric-input-btn-hover-icon-color: #2e2e38;
    --numeric-input-btn-focus--bg-color: #e1e1e6;
    --numeric-input-btn-focus--border-style: none;
    --numeric-input-btn-focus--border-width: 0;
    --numeric-input-btn-focus--border-color: transparent;
    --numeric-input-btn-focus--box-shadow: none;
    --numeric-input-btn-focus-icon-color: #2e2e38;
    --numeric-input-error--color: var(--form-element-error--color);
    --numeric-input-error--bg-color: var(--form-element-error--bg-color);
    --numeric-input-error--border-width: var(--form-element-error--border-width);
    --numeric-input-error--border-style: var(--form-element-error--border-style);
    --numeric-input-error--border-color: var(--form-element-error--border-color);
    --numeric-input-error--box-shadow: var(--form-element-error--box-shadow);
    --numeric-input-error-focus--color: var(--form-element-error--color);
    --numeric-input-error-focus--border-color: var(--form-element-error--border-color);
    --numeric-input-error-focus--border-style: var(--form-element-error--border-style);
    --numeric-input-error-focus--border-width: var(--form-element-focus--border-width);
    --numeric-input-error-focus--bg-color: var(--form-element-focus--bg-color);
    --numeric-input-error-focus--box-shadow: var(--form-element-error--box-shadow);
    --numeric-input-error-hover--color: var(--form-element-error--color);
    --numeric-input-error-hover--border-color: var(--form-element-error--border-color);
    --numeric-input-error-hover--border-style: var(--form-element-error--border-style);
    --numeric-input-error-hover--border-width: var(--form-element-error--border-width);
    --numeric-input-error-hover--bg-color: var(--form-element-hover--bg-color);
    --numeric-input-error-hover--box-shadow: var(--form-element-error--box-shadow);
    --numeric-input-disabled--bg-color: var(--form-element-disabled--bg-color);
    --numeric-input-disabled--color: var(--form-element-disabled--color);
    --numeric-input-disabled--border-width: var(--form-element-disabled--border-width);
    --numeric-input-disabled--border-style: var(--form-element-disabled--border-style);
    --numeric-input-disabled--border-color: var(--form-element-disabled--border-color);
    --numeric-input-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --numeric-input-focus--bg-color: var(--form-element-focus--bg-color);
    --numeric-input-focus--color: var(--form-element-focus--color);
    --numeric-input-focus--border-width: var(--form-element-focus--border-width);
    --numeric-input-focus--border-style: var(--form-element-focus--border-style);
    --numeric-input-focus--border-color: var(--form-element-focus--border-color);
    --numeric-input-focus--box-shadow: var(--form-element-focus--box-shadow);
    --numeric-input-hover--bg-color: var(--form-element-hover--bg-color);
    --numeric-input-hover--color: var(--form-element-hover--color);
    --numeric-input-hover--border-width: var(--form-element-hover--border-width);
    --numeric-input-hover--border-style: var(--form-element-hover--border-style);
    --numeric-input-hover--border-color: var(--form-element-hover--border-color);
    --numeric-input-hover--box-shadow: var(--form-element-hover--box-shadow);
    --pin-entry--color: var(--form-element--color);
    --pin-entry--bg-color: var(--form-element--bg-color);
    --pin-entry--border-color: var(--form-element--border-color);
    --pin-entry--border-style: var(--form-element--border-style);
    --pin-entry--border-width: var(--form-element--border-width);
    --pin-entry--box-shadow: var(--form-element--box-shadow);
    --pin-entry--border-radius: var(--form-element--border-radius);
    --pin-entry-hover--color: var(--form-element-hover--color);
    --pin-entry-hover--bg-color: var(--form-element-hover--bg-color);
    --pin-entry-hover--border-color: var(--form-element-hover--border-color);
    --pin-entry-hover--border-style: var(--form-element-hover--border-style);
    --pin-entry-hover--border-width: var(--form-element-hover--border-width);
    --pin-entry-hover--box-shadow: var(--form-element-hover--box-shadow);
    --pin-entry-focus--color: var(--form-element-focus--color);
    --pin-entry-focus--bg-color: var(--form-element-focus--bg-color);
    --pin-entry-focus--border-color: var(--form-element-focus--border-color);
    --pin-entry-focus--border-style: var(--form-element-focus--border-style);
    --pin-entry-focus--border-width: var(--form-element-focus--border-width);
    --pin-entry-focus--box-shadow: var(--form-element-focus--box-shadow);
    --pin-entry-disabled--color: var(--form-element-disabled--color);
    --pin-entry-disabled--bg-color: var(--form-element-disabled--bg-color);
    --pin-entry-disabled--border-color: var(--form-element-disabled--border-color);
    --pin-entry-disabled--border-style: var(--form-element-disabled--border-style);
    --pin-entry-disabled--border-width: var(--form-element-disabled--border-width);
    --pin-entry-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --pin-entry-error--color: var(--form-element-error--color);
    --pin-entry-error--bg-color: var(--form-element-error--bg-color);
    --pin-entry-error--border-color: var(--form-element-error--border-color);
    --pin-entry-error--border-style: var(--form-element-error--border-style);
    --pin-entry-error--border-width: var(--form-element-error--border-width);
    --pin-entry-error--box-shadow: var(--form-element-error--box-shadow);
    --pin-entry-error-hover--color: var(--form-element-error--color);
    --pin-entry-error-hover--bg-color: var(--form-element-hover--bg-color);
    --pin-entry-error-hover--border-color: var(--form-element-error--border-color);
    --pin-entry-error-hover--border-style: var(--form-element-error--border-style);
    --pin-entry-error-hover--border-width: var(--form-element-error--border-width);
    --pin-entry-error-hover--box-shadow: var(--form-element-error--box-shadow);
    --pin-entry-error-focus--color: var(--form-element-error--color);
    --pin-entry-error-focus--bg-color: var(--form-element-focus--bg-color);
    --pin-entry-error-focus--border-color: var(--form-element-error--border-color);
    --pin-entry-error-focus--border-style: var(--form-element-error--border-style);
    --pin-entry-error-focus--border-width: var(--form-element-focus--border-width);
    --pin-entry-error-focus--box-shadow: var(--form-element-error--box-shadow);
    --pin-entry-clear-icon-color: var(--form-element-icon-color);
    --pin-entry-clear-icon--bg-color: none;
    --pin-entry-clear-icon--border-color: transparent;
    --pin-entry-clear-icon--border-style: none;
    --pin-entry-clear-icon--border-width: 0;
    --pin-entry-clear-icon--box-shadow: none;
    --pin-entry-clear-icon--border-radius: 0;
    --pin-entry-clear-icon-hover-icon-color: var(--form-element-icon-hover-icon-color);
    --pin-entry-clear-icon-hover--bg-color: #e1e1e6;
    --pin-entry-clear-icon-hover--border-color: transparent;
    --pin-entry-clear-icon-hover--border-style: none;
    --pin-entry-clear-icon-hover--border-width: 0;
    --pin-entry-clear-icon-hover--box-shadow: none;
    --pin-entry-clear-icon-hover--border-radius: 0;
    --pin-entry-clear-icon-focus-icon-color: var(--form-element-icon-focus-icon-color);
    --pin-entry-clear-icon-focus--bg-color: #e1e1e6;
    --pin-entry-clear-icon-focus--border-color: transparent;
    --pin-entry-clear-icon-focus--border-style: none;
    --pin-entry-clear-icon-focus--border-width: 0;
    --pin-entry-clear-icon-focus--box-shadow: none;
    --pin-entry-clear-icon-focus--border-radius: 0;
    --radio-btn--border-radius: 50%;
    --radio-btn--border-color: #2e2e38;
    --radio-btn--border-width: 0.0714285714rem;
    --radio-btn--border-style: solid;
    --radio-btn--bg-color: #fff;
    --radio-btn--box-shadow: var(--form-element--box-shadow);
    --radio-btn-input--bg-color: #2e2e38;
    --radio-btn-label--color: #1a1a24;
    --radio-btn-hover--border-radius: var(--radio-btn--border-radius);
    --radio-btn-hover--border-color: var(--radio-btn--border-color);
    --radio-btn-hover--border-width: 0.1428571429rem;
    --radio-btn-hover--border-style: var(--radio-btn--border-style);
    --radio-btn-hover--bg-color: var(--radio-btn--bg-color);
    --radio-btn-hover--box-shadow: var(--radio-btn--box-shadow);
    --radio-btn-input-hover--bg-color: var(--radio-btn-input--bg-color);
    --radio-btn-label-hover--color: var(--radio-btn-label--color);
    --radio-btn-focus--border-radius: var(--radio-btn--border-radius);
    --radio-btn-focus--border-color: var(--radio-btn--border-color);
    --radio-btn-focus--border-width: var(--radio-btn-hover--border-width);
    --radio-btn-focus--border-style: var(--radio-btn--border-style);
    --radio-btn-focus--bg-color: var(--radio-btn-hover--bg-color);
    --radio-btn-focus--box-shadow: var(--radio-btn-hover--box-shadow);
    --radio-btn-input-focus--bg-color: var(--radio-btn-input-hover--bg-color);
    --radio-btn-label-focus--color: var(--radio-btn-label-hover--color);
    --radio-btn-disabled--border-radius: var(--radio-btn--border-radius);
    --radio-btn-disabled--border-color: #c4c4cd;
    --radio-btn-disabled--border-width: var(--radio-btn--border-width);
    --radio-btn-disabled--border-style: var(--radio-btn--border-style);
    --radio-btn-disabled--bg-color: var(--radio-btn--bg-color);
    --radio-btn-disabled--box-shadow: var(--radio-btn--box-shadow);
    --radio-btn-input-disabled--bg-color: #c4c4cd;
    --radio-btn-label-disabled--color: #c4c4cd;
    --radio-btn-error--border-radius: var(--radio-btn--border-radius);
    --radio-btn-error--border-color: #b9251c;
    --radio-btn-error--border-width: var(--radio-btn--border-width);
    --radio-btn-error--border-style: var(--radio-btn--border-style);
    --radio-btn-error--bg-color: var(--radio-btn--bg-color);
    --radio-btn-error--box-shadow: var(--radio-btn--box-shadow);
    --radio-btn-input-error--bg-color: #b9251c;
    --radio-btn-label-error--color: var(--radio-btn-label--color);
    --radio-btn-error-hover--border-radius: var(--radio-btn--border-radius);
    --radio-btn-error-hover--border-color: var(--radio-btn-error--border-color);
    --radio-btn-error-hover--border-width: var(--radio-btn-hover--border-width);
    --radio-btn-error-hover--border-style: var(--radio-btn-hover--border-style);
    --radio-btn-error-hover--bg-color: var(--radio-btn--bg-color);
    --radio-btn-error-hover--box-shadow: var(--radio-btn-error--box-shadow);
    --radio-btn-input-error-hover--bg-color: var(--radio-btn-input-error--bg-color);
    --radio-btn-label-error-hover--color: var(--radio-btn-label--color);
    --radio-btn-error-focus--border-radius: var(--radio-btn-error-hover--border-radius);
    --radio-btn-error-focus--border-color: var(--radio-btn-error-hover--border-color);
    --radio-btn-error-focus--border-width: var(--radio-btn-error-hover--border-width);
    --radio-btn-error-focus--border-style: var(--radio-btn-error-hover--border-style);
    --radio-btn-error-focus--bg-color: var(--radio-btn-error-hover--bg-color);
    --radio-btn-error-focus--box-shadow: var(--radio-btn-error--box-shadow);
    --radio-btn-input-error-focus--bg-color: var(--radio-btn-input-error-hover--bg-color);
    --radio-btn-label-error-focus--color: var(--radio-btn-label-error-hover--color);
    --rich-text-editor-toolbar--border-width: 1px;
    --rich-text-editor-toolbar--border-style: solid;
    --rich-text-editor-toolbar--border-color: #e7e7ea;
    --rich-text-editor-toolbar--bg-color: #fafafc;
    --rich-text-editor-toolbar-icon--stroke: #1a1a24;
    --rich-text-editor-toolbar-icon--fill: #1a1a24;
    --rich-text-editor-toolbar-icon--bg-color: #fafafc;
    --rich-text-editor-toolbar-icon-hover--bg-color: #e1e1e6;
    --rich-text-editor-toolbar-icon-focus--bg-color: #e1e1e6;
    --rich-text-editor-toolbar-icon-active--bg-color: #c4c4cd;
    --rich-text-editor-toolbar-picker--bg-color: #fff;
    --rich-text-editor-toolbar-picker-hover--bg-color: #e1e1e6;
    --rich-text-editor-toolbar-picker-hover--color: #1a1a24;
    --rich-text-editor-toolbar-picker-focus--bg-color: #e1e1e6;
    --rich-text-editor-toolbar-picker-focus--color: #1a1a24;
    --rich-text-editor-toolbar-picker--border-width: 1px;
    --rich-text-editor-toolbar-picker--border-style: solid;
    --rich-text-editor-toolbar-picker--border-color: #e1e1e6;
    --rich-text-editor-toolbar-picker--color: #1a1a24;
    --rich-text-editor-toolbar-picker-hover--border-width: 1px;
    --rich-text-editor-toolbar-picker-hover--border-style: solid;
    --rich-text-editor-toolbar-picker-hover--border-color: #e1e1e6;
    --rich-text-editor-toolbar-picker-focus--border-width: 1px;
    --rich-text-editor-toolbar-picker-focus--border-style: solid;
    --rich-text-editor-toolbar-picker-focus--border-color: #e1e1e6;
    --rich-text-editor-toolbar-picker-options--bg-color: #fff;
    --rich-text-editor-toolbar-picker-options--border-width: 1px;
    --rich-text-editor-toolbar-picker-options--border-style: solid;
    --rich-text-editor-toolbar-picker-options--border-color: #1a1a24;
    --rich-text-editor-toolbar-picker-options--color: #1a1a24;
    --rich-text-editor-toolbar-picker-options-hover--bg-color: #fff;
    --rich-text-editor-toolbar-picker-options-focus--bg-color: #fff;
    --rich-text-editor-toolbar-picker-options-selected--color: #1a1a24;
    --rich-text-editor-toolbar-picker-options-item--bg-color: #fff;
    --rich-text-editor-toolbar-picker-options-item--color: #1a1a24;
    --rich-text-editor-toolbar-picker-options-item-selected--color: #1a1a24;
    --rich-text-editor-toolbar-picker-options-item-hover--bg-color: #e1e1e6;
    --rich-text-editor-toolbar-picker-options-item-focus--bg-color: #e1e1e6;
    --rich-text-editor-container--border-width: 1px;
    --rich-text-editor-container--border-style: solid;
    --rich-text-editor-container--border-color: #e7e7ea;
    --rich-text-editor-container--bg-color: #fff;
    --rich-text-editor-container--color: #1a1a24;
    --rich-text-editor-container-hover--border-width: 1px;
    --rich-text-editor-container-hover--border-style: solid;
    --rich-text-editor-container-hover--border-color: #e7e7ea;
    --rich-text-editor-container-hover--bg-color: #fff;
    --rich-text-editor-container-hover--color: #1a1a24;
    --rich-text-editor-container-focus--border-width: 1px;
    --rich-text-editor-container-focus--border-style: solid;
    --rich-text-editor-container-focus--border-color: #e7e7ea;
    --rich-text-editor-container-focus--bg-color: #fff;
    --rich-text-editor-container-focus--color: #1a1a24;
    --search--border-width: var(--form-element--border-width);
    --search--border-style: var(--form-element--border-style);
    --search--border-color: var(--form-element--border-color);
    --search--bg-color: var(--form-element--bg-color);
    --search--border-radius: var(--form-element--border-radius);
    --search--box-shadow: var(--form-element--box-shadow);
    --search-icon-color: var(--form-element-icon-color);
    --search-clear-btn-icon-color: var(--form-element-icon-color);
    --search-focus--border-width: var(--form-element-focus--border-width);
    --search-focus--border-style: var(--form-element-focus--border-style);
    --search-focus--border-color: var(--form-element-focus--border-color);
    --search-focus--bg-color: var(--form-element-focus--bg-color);
    --search-focus--box-shadow: var(--form-element-focus--box-shadow);
    --search-focus-icon-color: var(--form-element-icon-focus-icon-color);
    --search-clear-btn-focus-icon-color: var(--form-element-icon-focus-icon-color);
    --search-hover--border-width: var(--form-element-hover--border-width);
    --search-hover--border-style: var(--form-element-hover--border-style);
    --search-hover--border-color: var(--form-element-hover--border-color);
    --search-hover--bg-color: var(--form-element-hover--bg-color);
    --search-hover--box-shadow: var(--form-element-hover--box-shadow);
    --search-hover-icon-color: var(--form-element-icon-hover-icon-color);
    --search-clear-btn-hover-icon-color: var(--form-element-icon-hover-icon-color);
    --search-disabled--border-width: var(--form-element-disabled--border-width);
    --search-disabled--border-style: var(--form-element-disabled--border-style);
    --search-disabled--border-color: var(--form-element-disabled--border-color);
    --search-disabled--bg-color: var(--form-element-disabled--bg-color);
    --search-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --search-disabled-icon-color: var(--form-element-icon-disabled-icon-color);
    --search-clear-btn-disabled-icon-color: var(--form-element-icon-disabled-icon-color);
    --search-error--color: var(--form-element-error--color);
    --search-error--bg-color: var(--form-element-error--bg-color);
    --search-error--border-width: var(--form-element-error--border-width);
    --search-error--border-style: var(--form-element-error--border-style);
    --search-error--border-color: var(--form-element-error--border-color);
    --search-error--box-shadow: var(--form-element-error--box-shadow);
    --search-error-focus--color: var(--form-element-error--color);
    --search-error-focus--border-color: var(--form-element-error--border-color);
    --search-error-focus--border-style: var(--form-element-error--border-style);
    --search-error-focus--border-width: var(--form-element-focus--border-width);
    --search-error-focus--bg-color: var(--form-element-focus--bg-color);
    --search-error-focus--box-shadow: var(--form-element-error--box-shadow);
    --search-error-hover--color: var(--form-element-error--color);
    --search-error-hover--border-color: var(--form-element-error--border-color);
    --search-error-hover--border-style: var(--form-element-error--border-style);
    --search-error-hover--border-width: var(--form-element-error--border-width);
    --search-error-hover--bg-color: var(--form-element-hover--bg-color);
    --search-error-hover--box-shadow: var(--form-element-error--box-shadow);
    --select-option--bg-color: #fff;
    --select-option--color: #2e2e38;
    --select-option--border-color: transparent #2e2e38 transparent #2e2e38;
    --select-option--border-style: none solid none solid;
    --select-option--border-width: 0 0.0714285714rem 0 0.0714285714rem;
    --select-option-active--color: #2e2e38;
    --select-option-active--bg-color: #e1e1e6;
    --select-option-hover--color: #2e2e38;
    --select-option-hover--bg-color: #e1e1e6;
    --select-option-disabled--bg-color: #f6f6fa;
    --select-option-disabled--color: #747480;
    --select-option-disabled--border-color: transparent #2e2e38 transparent #2e2e38;
    --select-option-disabled--border-width: 0 0.0714285714rem 0 0.0714285714rem;
    --select-option-disabled--border-style: none solid none solid;
    --select-option-selected--color: #2e2e38;
    --select-option-selected--bg-color: #fff;
    --select-trigger--color: var(--form-element--color);
    --select-trigger--border-color: var(--form-element--border-color);
    --select-trigger--border-style: var(--form-element--border-style);
    --select-trigger--border-width: var(--form-element--border-width);
    --select-trigger--bg-color: var(--form-element--bg-color);
    --select-trigger-hover--color: var(--form-element-hover--color);
    --select-trigger-hover--border-color: var(--form-element-hover--border-color);
    --select-trigger-hover--border-style: var(--form-element-hover--border-style);
    --select-trigger-hover--border-width: var(--form-element-hover--border-width);
    --select-trigger-hover--bg-color: var(--form-element-hover--bg-color);
    --select-trigger-open--border-color: var(--form-element--border-color);
    --select-trigger-open--border-style: var(--form-element--border-style);
    --select-trigger-open--border-width: var(--form-element--border-width);
    --select-trigger-open--bg-color: #e1e1e6;
    --select-trigger-focus--color: var(--form-element-focus--color);
    --select-trigger-focus--border-color: var(--form-element-focus--border-color);
    --select-trigger-focus--border-style: var(--form-element-focus--border-style);
    --select-trigger-focus--border-width: var(--form-element-focus--border-width);
    --select-trigger-focus--bg-color: var(--form-element-focus--bg-color);
    --select-trigger-disabled--color: var(--form-element-disabled--color);
    --select-trigger-disabled--border-color: var(--form-element-disabled--border-color);
    --select-trigger-disabled--border-style: var(--form-element-disabled--border-style);
    --select-trigger-disabled--border-width: var(--form-element-disabled--border-width);
    --select-trigger-disabled--bg-color: var(--form-element-disabled--bg-color);
    --select-trigger-disabled-hover--bg-color: var(--select-trigger--bg-color);
    --select-trigger-label--color: var(--form-element-label--color);
    --select-trigger-label-focus--color: var(--form-element-label-focus--color);
    --select-trigger-label-hover--color: var(--form-element-label-hover--color);
    --select-trigger-label-disabled--color: var(--form-element-label-disabled--color);
    --select-trigger--box-shadow: var(--form-element--box-shadow);
    --select-trigger-hover--box-shadow: var(--form-element-hover--box-shadow);
    --select-trigger-focus--box-shadow: var(--form-element-focus--box-shadow);
    --select-trigger-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --select-trigger-open--box-shadow: var(--form-element--box-shadow);
    --select-trigger--border-radius: var(--form-element--border-radius);
    --select-trigger-hover--border-radius: var(--form-element-hover--border-radius);
    --select-trigger-focus--border-radius: var(--form-element-focus--border-radius);
    --select-trigger-disabled--border-radius: var(--form-element-disabled--border-radius);
    --select-trigger-open--border-radius: var(--form-element--border-radius);
    --select-arrow--color: var(--form-element-icon-color);
    --select-arrow-focus--color: var(--form-element-icon-focus-icon-color);
    --select-arrow-hover--color: var(--form-element-icon-hover-icon-color);
    --select-arrow-disabled--color: var(--form-element-icon-disabled-icon-color);
    --select-filter--bg-color: #fff;
    --select-filter--border-style: solid solid none solid;
    --select-filter--border-width: 0.0714285714rem 0.0714285714rem 0 0.0714285714rem;
    --select-filter--border-color: #2e2e38 #2e2e38 0 #2e2e38;
    --select-input-filter--color: #1a1a24;
    --select-input-filter-hover--color: #1a1a24;
    --select-input-filter--border-style: solid solid none solid;
    --select-input-filter--border-width: 0.0714285714rem 0.0714285714rem 0 0.0714285714rem;
    --select-input-filter--border-color: #2e2e38 #2e2e38 0 #2e2e38;
    --select-input-filter--bg-color: #f6f6fa;
    --select-input-filter-hover--bg-color: #e1e1e6;
    --select-input-filter-placeholder--color: #2e2e38;
    --select-input-filter-placeholder-hover--color: #2e2e38;
    --select-input-filter-icon-color: #1a1a24;
    --select-input-filter-hover-icon-color: #1a1a24;
    --select-list--border-color: #2e2e38 transparent #2e2e38 transparent;
    --select-list--border-style: solid none solid none;
    --select-list--border-width: 1px 0 1px 0;
    --select-list--box-shadow: none;
    --select-list--border-radius: 0;
    --select-list--bg-color: #fff;
    --select-list-focus--bg-color: #e1e1e6;
    --select-list-no-results--border-left: 0.0714285714rem solid;
    --select-list-no-results--border-right: 0.0714285714rem solid;
    --select-list-no-results--border-color: transparent #2e2e38 transparent #2e2e38;
    --select-list-no-results--border-style: none solid none solid;
    --select-list-no-results--border-width: 0 0.0714285714rem 0 0.0714285714rem;
    --slider-before--border-color: #2e2e38 transparent transparent transparent;
    --slider-before--border-style: solid none none none;
    --slider-before--border-width: 0.1428571429rem 0 0 0;
    --slider-after--border-color: #e1e1e6 transparent transparent transparent;
    --slider-after--border-style: solid none none none;
    --slider-after--border-width: 0.1428571429rem 0 0 0;
    --slider-thumb--color: #2e2e38;
    --slider-thumb--border-color: #2e2e38;
    --slider-thumb--border-style: solid;
    --slider-thumb--border-width: 0.0714285714rem;
    --slider-thumb--border-radius: 50%;
    --slider-thumb--bg-color: #2e2e38;
    --slider-thumb--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --slider-thumb-active--border-style: solid;
    --slider-thumb-active--border-width: 0.0714285714rem;
    --slider-thumb-active--border-color: #2e2e38;
    --slider-thumb-active--bg-color: #fff;
    --slider-thumb-active--box-shadow: none;
    --slider-thumb-hover--border-style: solid;
    --slider-thumb-hover--border-width: 0.0714285714rem;
    --slider-thumb-hover--border-color: #2e2e38;
    --slider-thumb-hover--bg-color: #fff;
    --slider-thumb-hover--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --slider-thumb-focus--border-style: solid;
    --slider-thumb-focus--border-width: 0.0714285714rem;
    --slider-thumb-focus--border-color: #2e2e38;
    --slider-thumb-focus--bg-color: #fff;
    --slider-thumb-focus--box-shadow: none;
    --slider-thumb-disabled--color: #747480;
    --slider-thumb-disabled--bg-color: #e1e1e6;
    --slider-thumb-disabled--border-style: solid;
    --slider-thumb-disabled--border-width: 0.0714285714rem;
    --slider-thumb-disabled--border-color: #e1e1e6;
    --slider-thumb-disabled--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --slider-range--bg-color: #2e2e38;
    --slider-range--border-color: #e1e1e6 transparent transparent transparent;
    --slider-range--border-style: solid none none none;
    --slider-range--border-width: 0.1428571429rem 0 0 0;
    --slider-range-disabled--bg-color: #c4c4cd;
    --slider-track--bg-color: #e1e1e6;
    --slider-track-disabled--bg-color: #e1e1e6;
    --slider-footer--color: #2e2e38;
    --slider-footer-disabled--color: #eaeaf2;
    --text-area--color: var(--form-element--color);
    --text-area--bg-color: var(--form-element--bg-color);
    --text-area--box-shadow: var(--form-element--box-shadow);
    --text-area-label--color: var(--form-element-label--color);
    --text-area--border-width: var(--form-element--border-width);
    --text-area--border-style: var(--form-element--border-style);
    --text-area--border-color: var(--form-element--border-color);
    --text-area--border-radius: var(--form-element--border-radius);
    --text-area-disabled--color: var(--form-element-disabled--color);
    --text-area-disabled--bg-color: var(--form-element-disabled--bg-color);
    --text-area-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --text-area-disabled-label--color: var(--form-element-label-disabled--color);
    --text-area-disabled--border-width: var(--form-element-disabled--border-width);
    --text-area-disabled--border-style: var(--form-element-disabled--border-style);
    --text-area-disabled--border-color: var(--form-element-disabled--border-color);
    --text-area-hover--bg-color: var(--form-element-hover--bg-color);
    --text-area-hover--color: var(--form-element-hover--color);
    --text-area-hover--box-shadow: var(--form-element-hover--box-shadow);
    --text-area-hover-label--color: var(--form-element-label-hover--color);
    --text-area-hover--border-width: var(--form-element-hover--border-width);
    --text-area-hover--border-style: var(--form-element-hover--border-style);
    --text-area-hover--border-color: var(--form-element-hover--border-color);
    --text-area-focus--bg-color: var(--form-element-hover--bg-color);
    --text-area-focus--color: var(--form-element-hover--color);
    --text-area-focus--box-shadow: var(--form-element-focus--box-shadow);
    --text-area-focus-label--color: var(--form-element-label-focus--color);
    --text-area-focus--border-width: var(--form-element-focus--border-width);
    --text-area-focus--border-style: var(--form-element-focus--border-style);
    --text-area-focus--border-color: var(--form-element-focus--border-color);
    --text-area-scroll-bar--bg-color: #c4c4cd;
    --text-area-scroll-bar-hover--bg-color: #c4c4cd;
    --text-area-error--color: var(--form-element--color);
    --text-area-error--bg-color: var(--form-element--bg-color);
    --text-area-error--box-shadow: var(--form-element-error--box-shadow);
    --text-area-error-label--color: var(--form-element-label-error--color);
    --text-area-error--border-width: var(--form-element-error--border-width);
    --text-area-error--border-style: var(--form-element-error--border-style);
    --text-area-error--border-color: var(--form-element-error--border-color);
    --text-area-error-hover--color: var(--form-element-hover--color);
    --text-area-error-hover--bg-color: var(--form-element-hover--bg-color);
    --text-area-error-hover--box-shadow: var(--form-element-hover--box-shadow);
    --text-area-error-hover--border-width: var(--form-element-hover--border-width);
    --text-area-error-hover--border-style: var(--form-element-hover--border-style);
    --text-area-error-hover--border-color: var(--form-element-error--border-color);
    --text-area-error-focus--color: var(--form-element-focus--color);
    --text-area-error-focus--bg-color: var(--form-element-focus--bg-color);
    --text-area-error-focus--box-shadow: var(--form-element-focus--box-shadow);
    --text-area-error-focus--border-width: var(--form-element-focus--border-width);
    --text-area-error-focus--border-style: var(--form-element-focus--border-style);
    --text-area-error-focus--border-color: var(--form-element-error--border-color);
    --time-input--color: var(--form-element--color);
    --time-input--bg-color: var(--form-element--bg-color);
    --time-input--border-radius: var(--form-element--border-radius);
    --time-input--border-color: var(--form-element--border-color);
    --time-input--border-style: var(--form-element--border-style);
    --time-input--border-width: var(--form-element--border-width);
    --time-input--box-shadow: var(--form-element--box-shadow);
    --time-input-radio-btn--border-radius: var(--radio-btn--border-radius);
    --time-input-radio-btn--border-color: var(--radio-btn--border-color);
    --time-input-radio-btn--border-width: var(--radio-btn--border-width);
    --time-input-radio-btn--border-style: var(--radio-btn--border-style);
    --time-input-radio-btn--bg-color: var(--radio-btn--bg-color);
    --time-input-radio-btn-input--bg-color: var(--radio-btn-input--bg-color);
    --time-input-radio-btn-label--color: var(--radio-btn-label--color);
    --time-input-hover--color: var(--form-element-hover--color);
    --time-input-hover--bg-color: var(--form-element-hover--bg-color);
    --time-input-hover--border-radius: var(--form-element-hover--border-radius);
    --time-input-hover--border-color: var(--form-element-hover--border-color);
    --time-input-hover--border-style: var(--form-element-hover--border-style);
    --time-input-hover--border-width: var(--form-element-hover--border-width);
    --time-input-hover--box-shadow: var(--form-element-hover--box-shadow);
    --time-input-radio-btn-hover--border-radius: var(--radio-btn-hover--border-radius);
    --time-input-radio-btn-hover--border-color: var(--radio-btn-hover--border-color);
    --time-input-radio-btn-hover--border-width: var(--radio-btn-hover--border-width);
    --time-input-radio-btn-hover--border-style: var(--radio-btn-hover--border-style);
    --time-input-radio-btn-hover--bg-color: var(--radio-btn-hover--bg-color);
    --time-input-radio-btn-input-hover--bg-color: var(--radio-btn-input-hover--bg-color);
    --time-input-radio-btn-label-hover--color: var(--radio-btn-label-hover--color);
    --time-input-focus--color: var(--form-element-focus--color);
    --time-input-focus--bg-color: var(--form-element-focus--bg-color);
    --time-input-focus--border-radius: var(--form-element-focus--border-radius);
    --time-input-focus--border-color: var(--form-element-focus--border-color);
    --time-input-focus--border-style: var(--form-element-focus--border-style);
    --time-input-focus--border-width: var(--form-element-focus--border-width);
    --time-input-focus--box-shadow: var(--form-element-focus--box-shadow);
    --time-input-radio-btn-focus--border-radius: var(--radio-btn-focus--border-radius);
    --time-input-radio-btn-focus--border-color: var(--radio-btn-focus--border-color);
    --time-input-radio-btn-focus--border-width: var(--radio-btn-focus--border-width);
    --time-input-radio-btn-focus--border-style: var(--radio-btn-focus--border-style);
    --time-input-radio-btn-focus--bg-color: var(--radio-btn-focus--bg-color);
    --time-input-radio-btn-input-focus--bg-color: var(--radio-btn-input-focus--bg-color);
    --time-input-radio-btn-label-focus--color: var(--radio-btn-label-focus--color);
    --time-input-error--color: var(--form-element-error--color);
    --time-input-error--bg-color: var(--form-element-error--bg-color);
    --time-input-error--border-radius: var(--form-element-error--border-radius);
    --time-input-error--border-color: var(--form-element-error--border-color);
    --time-input-error--border-style: var(--form-element-error--border-style);
    --time-input-error--border-width: var(--form-element-error--border-width);
    --time-input-error--box-shadow: var(--form-element-error--box-shadow);
    --time-input-radio-btn-error--border-radius: var(--radio-btn-error--border-radius);
    --time-input-radio-btn-error--border-color: var(--radio-btn-error--border-color);
    --time-input-radio-btn-error--border-width: var(--radio-btn-error--border-width);
    --time-input-radio-btn-error--border-style: var(--radio-btn-error--border-style);
    --time-input-radio-btn-error--bg-color: var(--radio-btn-error--bg-color);
    --time-input-radio-btn-input-error--bg-color: var(--radio-btn-input-error--bg-color);
    --time-input-radio-btn-label-error--color: var(--radio-btn-label-error--color);
    --time-input-error-hover--color: var(--time-input-error--color);
    --time-input-error-hover--bg-color: var(--time-input-hover--bg-color);
    --time-input-error-hover--border-radius: var(--time-input--border-radius);
    --time-input-error-hover--border-color: var(--time-input-error--border-color);
    --time-input-error-hover--border-style: var(--time-input-error--border-style);
    --time-input-error-hover--border-width: var(--time-input-error--border-width);
    --time-input-error-hover--box-shadow: var(--time-input-error--box-shadow);
    --time-input-radio-btn-error-hover--border-radius: var(--radio-btn-error-hover--border-radius);
    --time-input-radio-btn-error-hover--border-color: var(--radio-btn-error-hover--border-color);
    --time-input-radio-btn-error-hover--border-width: var(--radio-btn-error-hover--border-width);
    --time-input-radio-btn-error-hover--border-style: var(--radio-btn-error-hover--border-style);
    --time-input-radio-btn-error-hover--bg-color: var(--radio-btn-error-hover--bg-color);
    --time-input-radio-btn-input-error-hover--bg-color: var(--radio-btn-input-error-hover--bg-color);
    --time-input-radio-btn-label-error-hover--color: var(--radio-btn-label-error-hover--color);
    --time-input-error-focus--color: var(--time-input-error--color);
    --time-input-error-focus--bg-color: var(--time-input-error-hover--bg-color);
    --time-input-error-focus--border-radius: var(--time-input-error--border-radius);
    --time-input-error-focus--border-color: var(--time-input-error--border-color);
    --time-input-error-focus--border-style: var(--time-input-error--border-style);
    --time-input-error-focus--border-width: var(--time-input-focus--border-width);
    --time-input-error-focus--box-shadow: var(--time-input-error--box-shadow);
    --time-input-radio-btn-error-focus--border-radius: var(--radio-btn-error-focus--border-radius);
    --time-input-radio-btn-error-focus--border-color: var(--radio-btn-error-focus--border-color);
    --time-input-radio-btn-error-focus--border-width: var(--radio-btn-error-focus--border-width);
    --time-input-radio-btn-error-focus--border-style: var(--radio-btn-error-focus--border-style);
    --time-input-radio-btn-error-focus--bg-color: var(--radio-btn-error-focus--bg-color);
    --time-input-radio-btn-input-error-focus--bg-color: var(--radio-btn-input-error-focus--bg-color);
    --time-input-radio-btn-label-error-focus--color: var(--radio-btn-label-error-focus--color);
    --time-input-disabled--color: var(--form-element-disabled--color);
    --time-input-disabled--bg-color: var(--form-element-disabled--bg-color);
    --time-input-disabled--border-radius: var(--form-element-disabled--border-radius);
    --time-input-disabled--border-color: var(--form-element-disabled--border-color);
    --time-input-disabled--border-style: var(--form-element-disabled--border-style);
    --time-input-disabled--border-width: var(--form-element-disabled--border-width);
    --time-input-disabled--box-shadow: var(--form-element-disabled--box-shadow);
    --time-input-radio-btn-disabled--border-radius: var(--radio-btn-disabled--border-radius);
    --time-input-radio-btn-disabled--border-color: var(--radio-btn-disabled--border-color);
    --time-input-radio-btn-disabled--border-width: var(--radio-btn-disabled--border-width);
    --time-input-radio-btn-disabled--border-style: var(--radio-btn-disabled--border-style);
    --time-input-radio-btn-disabled--bg-color: var(--radio-btn-disabled--bg-color);
    --time-input-radio-btn-input-disabled--bg-color: var(--radio-btn-input-disabled--bg-color);
    --time-input-radio-btn-label-disabled--color: var(--radio-btn-label-disabled--color);
    --toggle-switch--color: #1a1a24;
    --toggle-switch-hover--color: #1a1a24;
    --toggle-switch-focus--color: #1a1a24;
    --toggle-switch-disabled--color: #747480;
    --toggle-switch--bg-color: #c4c4cd;
    --toggle-switch--border-radius: 1.2857142857rem;
    --toggle-switch--border-style: unset;
    --toggle-switch--border-color: unset;
    --toggle-switch--border-width: 0;
    --toogle-switch--box-shadow: none;
    --toggle-switch-hover--bg-color: #c4c4cd;
    --toggle-switch-hover--border-style: unset;
    --toggle-switch-hover--border-color: unset;
    --toggle-switch-hover--border-width: 0;
    --toogle-switch-hover--box-shadow: none;
    --toggle-switch-focus--bg-color: #c4c4cd;
    --toggle-switch-focus--border-style: unset;
    --toggle-switch-focus--border-color: unset;
    --toggle-switch-focus--border-width: 0;
    --toogle-switch-focus--box-shadow: none;
    --toggle-switch-disabled--bg-color: #fff;
    --toggle-switch-disabled--border-style: solid;
    --toggle-switch-disabled--border-color: #c4c4cd;
    --toggle-switch-disabled--border-width: 0.0714285714rem;
    --toogle-switch-disabled--box-shadow: none;
    --toggle-switch-checked--bg-color: #34c768;
    --toggle-switch-checked--border-style: unset;
    --toggle-switch-checked--border-color: unset;
    --toggle-switch-checked--border-width: 0;
    --toogle-switch-checked--box-shadow: none;
    --toggle-switch-checked-hover--bg-color: #34c768;
    --toggle-switch-checked-hover--border-style: unset;
    --toggle-switch-checked-hover--border-color: unset;
    --toggle-switch-checked-hover--border-width: 0;
    --toogle-switch-checked-hover--box-shadow: none;
    --toggle-switch-checked-focus--bg-color: #34c768;
    --toggle-switch-checked-focus--border-style: unset;
    --toggle-switch-checked-focus--border-color: unset;
    --toggle-switch-checked-focus--border-width: 0;
    --toogle-switch-checked-focus--box-shadow: none;
    --toggle-switch-checked-disabled--bg-color: #fff;
    --toggle-switch-checked-disabled--border-style: solid;
    --toggle-switch-checked-disabled--border-color: #c4c4cd;
    --toggle-switch-checked-disabled--border-width: 0.0714285714rem;
    --toogle-switch-checked-disabled--box-shadow: none;
    --toggle-switch-thumb--bg-color: #747480;
    --toggle-switch-thumb--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --toggle-switch-thumb--border-radius: 0.7142857143rem;
    --toggle-switch-thumb--border-style: unset;
    --toggle-switch-thumb--border-color: unset;
    --toggle-switch-thumb--border-width: 0;
    --toggle-switch-hover-thumb--bg-color: #747480;
    --toggle-switch-hover-thumb--border-style: solid;
    --toggle-switch-hover-thumb--border-color: #2e2e38;
    --toggle-switch-hover-thumb--border-width: 0.0714285714rem;
    --toggle-switch-hover-thumb--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --toggle-switch-focus-thumb--bg-color: #747480;
    --toggle-switch-focus-thumb--border-style: solid;
    --toggle-switch-focus-thumb--border-color: #2e2e38;
    --toggle-switch-focus-thumb--border-width: 0.0714285714rem;
    --toggle-switch-focus-thumb--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --toggle-switch-disabled-thumb--bg-color: #c4c4cd;
    --toggle-switch-disabled-thumb--border-style: solid;
    --toggle-switch-disabled-thumb--border-color: #c4c4cd;
    --toggle-switch-disabled-thumb--border-width: 0.0714285714rem;
    --toggle-switch-disabled-thumb--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --toggle-switch-checked-thumb--bg-color: #189d3e;
    --toggle-switch-checked-thumb--border-color: unset;
    --toggle-switch-checked-thumb--border-width: 0;
    --toggle-switch-checked-thumb--border-style: unset;
    --toggle-switch-checked-thumb--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --toggle-switch-checked-hover-thumb--bg-color: #189d3e;
    --toggle-switch-checked-hover-thumb--border-color: #2e2e38;
    --toggle-switch-checked-hover-thumb--border-style: solid;
    --toggle-switch-checked-hover-thumb--border-width: 0.0714285714rem;
    --toggle-switch-checked-hover-thumb--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --toggle-switch-checked-focus-thumb--bg-color: #189d3e;
    --toggle-switch-checked-focus-thumb--border-color: #2e2e38;
    --toggle-switch-checked-focus-thumb--border-style: solid;
    --toggle-switch-checked-focus-thumb--border-width: 0.0714285714rem;
    --toggle-switch-checked-focus-thumb--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --toggle-switch-checked-disabled-thumb--bg-color: #c4c4cd;
    --toggle-switch-checked-disabled-thumb--border-color: #c4c4cd;
    --toggle-switch-checked-disabled-thumb--border-style: solid;
    --toggle-switch-checked-disabled-thumb--border-width: 0.0714285714rem;
    --toggle-switch-checked-disabled-thumb--box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --typeahead-results--border-width: 1px;
    --typeahead-results--border-style: solid;
    --typeahead-results--border-color: #1a1a24;
    --typeahead-results--border-radius: 0;
    --typeahead-results--bg-color: #fff;
    --typeahead-results--box-shadow: none;
    --typeahead-results-hover--bg-color: #e1e1e6;
    --typeahead-results-option--border-color: transparent;
    --typeahead-results-option--border-style: none;
    --typeahead-results-option--border-width: 0;
    --typeahead-results-option-hover--border-color: transparent;
    --typeahead-results-option-hover--border-style: none;
    --typeahead-results-option-hover--border-width: 0;
    --typeahead-results-option-focus--border-color: transparent;
    --typeahead-results-option-focus--border-style: none;
    --typeahead-results-option-focus--border-width: 0;
    --typeahead-results-option-disabled--border-color: transparent;
    --typeahead-results-option-disabled--border-style: none;
    --typeahead-results-option-disabled--border-width: 0;
    --header--bg-color: #2e2e38;
    --header-search--bg-color: #1a1a24;
    --header-search--color: #fff;
    --header-search-placeholder--color: #fff;
    --header-search-icon-color: #fff;
    --header-search-hover--color: #fff;
    --header-search-hover--bg-color: #1a1a24;
    --header-search-icon-hover-color: #fff;
    --header-search-focus--color: #fff;
    --header-search-focus--bg-color: #1a1a24;
    --header-search-icon-focus-color: #fff;
    --header-icon-color: #fff;
    --header-icon-hover-icon-color: #fff;
    --header-icon-focus-icon-color: #fff;
    --header-icon-selected-icon-color: #fff;
    --header-icon-selected--bg-color: #23232f;
    --header-icon-selected--border-color: #ffe600;
    --header-icon-selected--border-style: solid;
    --header-icon-selected--border-width: 0 0 0.1428571429rem 0;
    --header-input-wrap--border-color: transparent;
    --header-input-wrap--border-style: none;
    --header-input-wrap--border-width: 0;
    --header-input-wrap-hover--border-color: transparent;
    --header-input-wrap-hover--border-style: none;
    --header-input-wrap-hover--border-width: 0;
    --header-input-wrap-focus--border-color: transparent;
    --header-input-wrap-focus--border-style: none;
    --header-input-wrap-focus--border-width: 0;
    --header-btn--bg-color: #2e2e38;
    --header-btn--box-shadow: none;
    --header-btn--border-radius: 0;
    --header-btn--border-color: transparent;
    --header-btn--border-style: none;
    --header-btn--border-width: 0;
    --header-btn-hover--bg-color: #3a3a4a;
    --header-btn-hover--box-shadow: none;
    --header-btn-hover--border-color: transparent;
    --header-btn-hover--border-style: none;
    --header-btn-hover--border-width: 0;
    --header-btn-focus--bg-color: #3a3a4a;
    --header-btn-focus--box-shadow: inset 0 0 0 0.0714285714rem rgba(23, 119, 207, 0.5);
    --header-btn-focus--border-color: transparent;
    --header-btn-focus--border-style: none;
    --header-btn-focus--border-width: 0;
    --header-title--color: #fff;
    --icon-color: #2e2e38;
    --icon--bg-color: transparent;
    --progress-bar-progress--bg-color: #2e2e38;
    --progress-bar--bg-color: #e1e1e6;
    --progress-bar--border-radius: 0 0 0 0;
    --progress-bar--box-shadow: none;
    --progress-bar-error-progress--bg-color: #b9251c;
    --progress-bar-error--border-radius: 0 0 0 0;
    --progress-bar-error--border-color: #b9251c;
    --progress-bar-error--box-shadow: none;
    --progress-bar-spinner-outline--border-color: #e1e1e6;
    --progress-bar-spinner--border-color: #2e2e38;
    --progress-bar-percent-circle--bg-color: #fff;
    --progress-bar-label--color: #2e2e38;
    --progress-bar-label-error-color: #b9251c;
    --progress-bar-progress--border-radius: 0;
    --progress-bar-circle--border-width: 0.286rem;
    --progress-bar-circle--width: 2.857rem;
    --progress-bar-circle--height: 2.857rem;
    --progress-bar-circle--rect-right: 1.429rem;
    --inline-message--bg-color: transparent;
    --inline-message--border-style: none;
    --inline-message--border-width: 0;
    --inline-message--border-color: transparent;
    --inline-message--border-radius: 0;
    --inline-message--box-shadow: none;
    --inline-icon-color: #747480;
    --inline-error-icon-color: #b9251c;
    --inline-warning-icon-color: #ed6500;
    --inline-success-icon-color: #168736;
    --inline-info-icon-color: #747480;
    --menu-overlay-open--padding: 16px;
    --menu-overlay-open--bg-color: rgba(26, 26, 36, 0.6);
    --menu--border-color: transparent;
    --menu--border-style: none;
    --menu--border-width: 0;
    --menu--bg-color: #fff;
    --menu--box-shadow: 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 5px 5px -3px rgba(0, 0, 0, 0.2);
    --menu-btn-icon--color: #2e2e38;
    --menu-header-title--color: #2e2e38;
    --menu-header-title--border-color: transparent transparent #e1e1e6 transparent;
    --menu-header-title--border-style: none none solid none;
    --menu-header-title--border-width: 0 0 0.0714285714rem 0;
    --menu-header-close-btn-icon-color: #1a1a24;
    --menu-header-close-btn-hover--bg-color: #eaeaf2;
    --menu-header-close-btn-icon-hover-icon-color: #1a1a24;
    --menu-header-close-btn-focus--bg-color: #eaeaf2;
    --menu-header-close-btn-icon-focus-icon-color: #1a1a24;
    --menu-item--bg-color: #fff;
    --menu-dark-item--bg-color: #eaeaf2;
    --menu-item-hover--bg-color: #eaeaf2;
    --menu-item-focus--bg-color: #eaeaf2;
    --menu-item-active--bg-color: #eaeaf2;
    --menu-item--color: #2e2e38;
    --menu-item-hover--color: #2e2e38;
    --menu-item-focus--color: #2e2e38;
    --menu-group-item-container--bg-color: #eaeaf2;
    --menu-group-item--color: #2e2e38;
    --menu-group-item--bg-color: #fff;
    --menu-group-item-hover--bg-color: #eaeaf2;
    --menu-group-item-hover--color: #2e2e38;
    --menu-group-item-expanded--bg-color: #eaeaf2;
    --menu-group-item-active--bg-color: #eaeaf2;
    --menu-group-item-active--color: #2e2e38;
    --menu-alt--bg-color: #2e2e38;
    --menu-alt-header-title--color: #fff;
    --menu-alt-header-close-btn-icon-color: #fff;
    --menu-alt-header-close-btn-icon-hover-icon-color: #fff;
    --menu-alt-header-close-btn-hover--bg-color: #3a3a4a;
    --menu-alt-header-close-btn-icon-focus-icon-color: #fff;
    --menu-alt-header-close-btn-focus--bg-color: #3a3a4a;
    --menu-alt-item--bg-color: #2e2e38;
    --menu-alt-dark-item--bg-color: #1a1a24;
    --menu-alt-item-hover--bg-color: #1a1a24;
    --menu-alt-item-focus--bg-color: #1a1a24;
    --menu-alt-item-active--bg-color: #1a1a24;
    --menu-alt-item--color: #fff;
    --menu-alt-item-hover--color: #fff;
    --menu-alt-item-focus--color: #fff;
    --menu-alt-group-item-container--bg-color: #2e2e38;
    --menu-alt-group-item--color: #fff;
    --menu-alt-group-item--bg-color: #2e2e38;
    --menu-alt-group-item-hover--color: #fff;
    --menu-alt-group-item-hover--bg-color: #1a1a24;
    --menu-alt-group-item-expanded--bg-color: #1a1a24;
    --menu-alt-group-item-active--color: #fff;
    --menu-alt-group-item-active--bg-color: #1a1a24;
    --modal--border-width: none;
    --modal--border-style: none;
    --modal--border-color: none;
    --modal--border-radius: 0.2857142857rem;
    --modal--bg-color: #fff;
    --modal--box-shadow: 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12), 0px 8px 10px -5px rgba(0, 0, 0, 0.2);
    --modal-overlay--bg-color: rgba(26, 26, 36, 0.85);
    --modal-header--color: #2e2e38;
    --modal-header--border-color: #e1e1e6;
    --modal-header--border-style: none none solid none;
    --modal-header--border-width: 0 0 0.0714285714rem 0;
    --modal-header--bg-color: #fff;
    --modal-header-close-btn--color: #2e2e38;
    --modal-header-close-btn--bg-color: transparent;
    --modal-header-close-btn-icon-color: inherit;
    --modal-header-close-btn-icon--bg-color: transparent;
    --modal-header-close-btn--border-color: transparent;
    --modal-header-close-btn--border-width: 0;
    --modal-header-close-btn--border-style: none;
    --modal-header-close-btn--box-shadow: none;
    --modal-header-close-btn-hover--color: inherit;
    --modal-header-close-btn-hover--bg-color: #e1e1e6;
    --modal-header-close-btn-hover-icon-color: #2e2e38;
    --modal-header-close-btn-hover-icon--bg-color: transparent;
    --modal-header-close-btn-hover--border-color: transparent;
    --modal-header-close-btn-hover--border-width: 0;
    --modal-header-close-btn-hover--border-style: none;
    --modal-header-close-btn-hover--box-shadow: none;
    --modal-header-close-btn-focus--color: inherit;
    --modal-header-close-btn-focus--bg-color: #e1e1e6;
    --modal-header-close-btn-focus-icon-color: #2e2e38;
    --modal-header-close-btn-focus-icon--bg-color: transparent;
    --modal-header-close-btn-focus--border-color: transparent;
    --modal-header-close-btn-focus--border-width: 0;
    --modal-header-close-btn-focus--border-style: none;
    --modal-header-close-btn-focus--box-shadow: none;
    --modal-header-alt--color: #fff;
    --modal-header-alt--border-color: transparent;
    --modal-header-alt--border-style: none none solid none;
    --modal-header-alt--border-width: 0 0 0.0714285714rem 0;
    --modal-header-alt--bg-color: #2e2e38;
    --modal-header-alt-close-btn--color: inherit;
    --modal-header-alt-close-btn--bg-color: transparent;
    --modal-header-alt-close-btn-icon-color: #fff;
    --modal-header-alt-close-btn-icon--bg-color: transparent;
    --modal-header-alt-close-btn--border-color: transparent;
    --modal-header-alt-close-btn--border-width: 0;
    --modal-header-alt-close-btn--border-style: none;
    --modal-header-alt-close-btn--box-shadow: none;
    --modal-header-alt-close-btn-hover--color: inherit;
    --modal-header-alt-close-btn-hover--bg-color: #3a3a4a;
    --modal-header-alt-close-btn-hover-icon-color: #fff;
    --modal-header-alt-close-btn-hover-icon--bg-color: transparent;
    --modal-header-alt-close-btn-hover--border-color: transparent;
    --modal-header-alt-close-btn-hover--border-width: 0;
    --modal-header-alt-close-btn-hover--border-style: none;
    --modal-header-alt-close-btn-hover--box-shadow: none;
    --modal-header-alt-close-btn-focus--color: inherit;
    --modal-header-alt-close-btn-focus--bg-color: #3a3a4a;
    --modal-header-alt-close-btn-focus-icon-color: #fff;
    --modal-header-alt-close-btn-focus-icon--bg-color: transparent;
    --modal-header-alt-close-btn-focus--border-color: transparent;
    --modal-header-alt-close-btn-focus--border-width: 0;
    --modal-header-alt-close-btn-focus--border-style: none;
    --modal-header-alt-close-btn-focus--box-shadow: none;
    --modal-footer--border-color: #e1e1e6 transparent transparent transparent;
    --modal-footer--border-style: solid none none none;
    --modal-footer--border-width: 0.0714285714rem 0 0 0;
    --modal-footer--bg-color: transparent;
    --pagination-count--color: #2e2e38;
    --pagination-count--border-color: transparent;
    --pagination-count--border-style: none;
    --pagination-count--border-width: 0;
    --pagination-count-hover--border-color: transparent;
    --pagination-count-hover--border-style: none;
    --pagination-count-hover--border-width: 0;
    --pagination-count-focus--border-color: transparent;
    --pagination-count-focus--border-style: none;
    --pagination-count-focus--border-width: 0;
    --pagination-count--box-shadow: none;
    --pagination-count--border-radius: 0;
    --pagination-count--bg-color: transparent;
    --pagination-count-hover--color: #2e2e38;
    --pagination-count-hover--box-shadow: none;
    --pagination-count-hover--bg-color: transparent;
    --pagination-count-focus--color: #2e2e38;
    --pagination-count-focus--box-shadow: none;
    --pagination-count-focus--bg-color: transparent;
    --pagination-editable--border-color: #2e2e38;
    --pagination-editable--border-style: none;
    --pagination-editable--border-width: 0.0714285714rem;
    --pagination-editable--box-shadow: none;
    --pagination-editable--border-radius: 0;
    --pagination-editable--bg-color: transparent;
    --pagination-editable--color: #2e2e38;
    --pagination-editable-hover--border-width: 0;
    --pagination-editable-hover--border-style: none;
    --pagination-editable-hover--border-color: transparent;
    --pagination-editable-hover--box-shadow: none;
    --pagination-editable-hover--bg-color: transparent;
    --pagination-editable-hover--color: #2e2e38;
    --pagination-editable-focus--border-width: 0;
    --pagination-editable-focus--border-style: none;
    --pagination-editable-focus--border-color: transparent;
    --pagination-editable-focus--box-shadow: none;
    --pagination-editable-focus--bg-color: transparent;
    --pagination-editable-focus--color: #2e2e38;
    --pagination-select-trigger--border-color: transparent;
    --pagination-select-trigger--border-style: none;
    --pagination-select-trigger--border-width: 0;
    --pagination-select-trigger--border-radius: 0;
    --pagination-select-trigger--bg-color: transparent;
    --pagination-select-trigger-icon-color: #2e2e38;
    --pagination-select-trigger--color: #2e2e38;
    --pagination-select-trigger--box-shadow: none;
    --pagination-select-trigger-hover--box-shadow: none;
    --pagination-select-trigger-focus--box-shadow: none;
    --pagination-select-trigger-active--box-shadow: none;
    --pagination-select-trigger-hover--border-width: 0;
    --pagination-select-trigger-hover--border-style: none;
    --pagination-select-trigger-hover--border-color: transparent;
    --pagination-select-trigger-focus--border-width: 0;
    --pagination-select-trigger-focus--border-style: none;
    --pagination-select-trigger-focus--border-color: transparent;
    --pagination-select-trigger-active--border-width: 0;
    --pagination-select-trigger-active--border-style: none;
    --pagination-select-trigger-active--border-color: transparent;
    --pagination-select-trigger-hover--bg-color: #e1e1e6;
    --pagination-select-trigger-focus--bg-color: #e1e1e6;
    --pagination-select-trigger-active--bg-color: transparent;
    --pagination-select-trigger-hover--color: #2e2e38;
    --pagination-select-trigger-focus--color: #2e2e38;
    --pagination-select-trigger-active--color: #2e2e38;
    --pagination-select-trigger-hover-icon-color: #2e2e38;
    --pagination-select-trigger-focus-icon-color: #2e2e38;
    --pagination-select-trigger-active-icon-color: #2e2e38;
    --pagination-select-trigger-disabled-icon-color: #747480;
    --pagination-select-menu--border-color: #c4c4cd;
    --pagination-select-menu--border-style: solid;
    --pagination-select-menu--border-width: 0.0714285714rem;
    --pagination-select-menu--border-radius: 0;
    --pagination-select-menu--bg-color: #fff;
    --pagination-select-menu--box-shadow: 0px 0px 6px rgba(26, 26, 36, 0.2);
    --pagination-select-menu-item--font-size: 1rem;
    --pagination-select-menu-item--color: #2e2e38;
    --pagination-select-menu-item-hover--color: #2e2e38;
    --pagination-select-menu-item-hover--bg-color: #eaeaf2;
    --pagination-select-menu-item-focus--color: #2e2e38;
    --pagination-select-menu-item-active--bg-color: #e1e1e6;
    --pagination-select-menu-item-disabled--color: #747480;
    --pagination-select-menu-item-active--color: #2e2e38;
    --pagination-select-menu-item--bg-color: #fff;
    --pagination-select-menu-item-focus--bg-color: #eaeaf2;
    --pagination-select-menu-item-disabled--bg-color: #fff;
    --pagination-select-menu-item--box-shadow: none;
    --pagination-select-menu-item-hover--box-shadow: none;
    --pagination-select-menu-item-focus--box-shadow: none;
    --pagination-select-menu-item-disabled--box-shadow: none;
    --pagination-select-menu-item-active--box-shadow: none;
    --pagination-select-menu-item--border-width: 0;
    --pagination-select-menu-item--border-style: none;
    --pagination-select-menu-item--border-color: transparent;
    --pagination-select-menu-item-hover--border-width: 0;
    --pagination-select-menu-item-hover--border-style: none;
    --pagination-select-menu-item-hover--border-color: transparent;
    --pagination-select-menu-item-focus--border-width: 0;
    --pagination-select-menu-item-focus--border-style: none;
    --pagination-select-menu-item-focus--border-color: transparent;
    --pagination-select-menu-item-disabled--border-width: 0;
    --pagination-select-menu-item-disabled--border-style: none;
    --pagination-select-menu-item-disabled--border-color: transparent;
    --pagination-select-menu-item-active--border-width: 0;
    --pagination-select-menu-item-active--border-style: none;
    --pagination-select-menu-item-active--border-color: transparent;
    --progress-indicator-icon-color: transparent;
    --progress-indicator-icon--border-radius: 50%;
    --progress-indicator-icon--border-style: solid;
    --progress-indicator-icon--border-width: 0.0714285714rem;
    --progress-indicator-icon--border-color: #c4c4cd;
    --progress-indicator-icon--bg-color: transparent;
    --progress-indicator-title--color: #2e2e38;
    --progress-indicator-title--bg-color: transparent;
    --progress-indicator-title--box-shadow: none;
    --progress-indicator-title--border-radius: 0;
    --progress-indicator-title--border-style: none;
    --progress-indicator-title--border-width: 0;
    --progress-indicator-title--border-color: transparent;
    --progress-indicator-body--color: #2e2e38;
    --progress-indicator-body--bg-color: transparent;
    --progress-indicator-body--box-shadow: none;
    --progress-indicator-body--border-radius: 0;
    --progress-indicator-body--border-style: none;
    --progress-indicator-body--border-width: 0;
    --progress-indicator-body--border-color: transparent;
    --progress-indicator-bar--bg-color: #c4c4cd;
    --progress-indicator-bar--border-radius: 0 0 0 0;
    --progress-indicator-bar--border-style: none;
    --progress-indicator-bar--border-color: transparent;
    --progress-indicator-bar--border-width: 0;
    --progress-indicator-bar--box-shadow: none;
    --progress-indicator-icon-completed-icon-color: #fff;
    --progress-indicator-icon-completed--border-radius: 50%;
    --progress-indicator-icon-completed--border-style: none;
    --progress-indicator-icon-completed--border-width: 0;
    --progress-indicator-icon-completed--border-color: transparent;
    --progress-indicator-icon-completed--bg-color: #2e2e38;
    --progress-indicator-title-completed--color: #2e2e38;
    --progress-indicator-title-completed--bg-color: transparent;
    --progress-indicator-title-completed--box-shadow: none;
    --progress-indicator-title-completed--border-radius: 0;
    --progress-indicator-title-completed--border-style: none;
    --progress-indicator-title-completed--border-width: 0;
    --progress-indicator-title-completed--border-color: transparent;
    --progress-indicator-body-completed--color: #2e2e38;
    --progress-indicator-body-completed--bg-color: transparent;
    --progress-indicator-body-completed--box-shadow: none;
    --progress-indicator-body-completed--border-radius: 0;
    --progress-indicator-body-completed--border-style: none;
    --progress-indicator-body-completed--border-width: 0;
    --progress-indicator-body-completed--border-color: transparent;
    --progress-indicator-bar-completed--bg-color: #2e2e38;
    --progress-indicator-bar-completed--border-radius: 0;
    --progress-indicator-bar-completed--border-style: none;
    --progress-indicator-bar-completed--border-color: transparent;
    --progress-indicator-bar-completed--border-width: 0;
    --progress-indicator-bar-completed--box-shadow: none;
    --progress-indicator-icon-active-icon-color: #fff;
    --progress-indicator-icon-active--border-radius: 50%;
    --progress-indicator-icon-active--border-style: solid;
    --progress-indicator-icon-active--border-width: 0.1428571429rem;
    --progress-indicator-icon-active--border-color: #2e2e38;
    --progress-indicator-icon-active--bg-color: transparent;
    --progress-indicator-title-active--color: #2e2e38;
    --progress-indicator-title-active--bg-color: transparent;
    --progress-indicator-title-active--box-shadow: none;
    --progress-indicator-title-active--border-radius: 0;
    --progress-indicator-title-active--border-style: none;
    --progress-indicator-title-active--border-width: 0;
    --progress-indicator-title-active--border-color: transparent;
    --progress-indicator-body-active--color: #2e2e38;
    --progress-indicator-body-active--bg-color: transparent;
    --progress-indicator-body-active--box-shadow: none;
    --progress-indicator-body-active--border-radius: 0;
    --progress-indicator-body-active--border-style: none;
    --progress-indicator-body-active--border-width: 0;
    --progress-indicator-body-active--border-color: transparent;
    --progress-indicator-bar-active--bg-color: #2e2e38;
    --progress-indicator-bar-active--border-radius: 0;
    --progress-indicator-bar-active--border-style: none;
    --progress-indicator-bar-active--border-color: transparent;
    --progress-indicator-bar-active--border-width: 0;
    --progress-indicator-bar-active--box-shadow: none;
    --progress-indicator-icon-disabled-icon-color: transparent;
    --progress-indicator-icon-disabled--border-radius: 50%;
    --progress-indicator-icon-disabled--border-style: solid;
    --progress-indicator-icon-disabled--border-width: 0.0714285714rem;
    --progress-indicator-icon-disabled--border-color: #e7e7ea;
    --progress-indicator-icon-disabled--bg-color: transparent;
    --progress-indicator-title-disabled--color: #747480;
    --progress-indicator-title-disabled--bg-color: transparent;
    --progress-indicator-title-disabled--box-shadow: none;
    --progress-indicator-title-disabled--border-radius: 0;
    --progress-indicator-title-disabled--border-style: none;
    --progress-indicator-title-disabled--border-width: 0;
    --progress-indicator-title-disabled--border-color: transparent;
    --progress-indicator-body-disabled--color: #747480;
    --progress-indicator-body-disabled--bg-color: transparent;
    --progress-indicator-body-disabled--box-shadow: none;
    --progress-indicator-body-disabled--border-radius: 0;
    --progress-indicator-body-disabled--border-style: none;
    --progress-indicator-body-disabled--border-width: 0;
    --progress-indicator-body-disabled--border-color: transparent;
    --progress-indicator-bar-disabled--bg-color: #e7e7ea;
    --progress-indicator-bar-disabled--border-radius: 0;
    --progress-indicator-bar-disabled--border-style: none;
    --progress-indicator-bar-disabled--border-color: transparent;
    --progress-indicator-bar-disabled--border-width: 0;
    --progress-indicator-bar-disabled--box-shadow: none;
    --progress-indicator-icon-error-icon-color: #fff;
    --progress-indicator-icon-error--border-radius: 50%;
    --progress-indicator-icon-error--border-style: none;
    --progress-indicator-icon-error--border-width: 0;
    --progress-indicator-icon-error--border-color: transparent;
    --progress-indicator-icon-error--bg-color: var(--error);
    --progress-indicator-title-error--color: #2e2e38;
    --progress-indicator-title-error--bg-color: transparent;
    --progress-indicator-title-error--box-shadow: none;
    --progress-indicator-title-error--border-radius: 0;
    --progress-indicator-title-error--border-style: none;
    --progress-indicator-title-error--border-width: 0;
    --progress-indicator-title-error--border-color: transparent;
    --progress-indicator-body-error--color: #2e2e38;
    --progress-indicator-body-error--bg-color: transparent;
    --progress-indicator-body-error--box-shadow: none;
    --progress-indicator-body-error--border-radius: 0;
    --progress-indicator-body-error--border-style: none;
    --progress-indicator-body-error--border-width: 0;
    --progress-indicator-body-error--border-color: transparent;
    --progress-indicator-bar-error--bg-color: var(--error);
    --progress-indicator-bar-error--border-radius: 0;
    --progress-indicator-bar-error--border-style: none;
    --progress-indicator-bar-error--border-color: transparent;
    --progress-indicator-bar-error--border-width: 0;
    --progress-indicator-bar-error--box-shadow: none;
    --progress-indicator-icon-warning-icon-color: #fff;
    --progress-indicator-icon-warning--border-radius: 50%;
    --progress-indicator-icon-warning--border-style: none;
    --progress-indicator-icon-warning--border-width: 0;
    --progress-indicator-icon-warning--border-color: transparent;
    --progress-indicator-icon-warning--bg-color: var(--warning);
    --progress-indicator-title-warning--color: #2e2e38;
    --progress-indicator-title-warning--bg-color: transparent;
    --progress-indicator-title-warning--box-shadow: none;
    --progress-indicator-title-warning--border-radius: 0;
    --progress-indicator-title-warning--border-style: none;
    --progress-indicator-title-warning--border-width: 0;
    --progress-indicator-title-warning--border-color: transparent;
    --progress-indicator-body-warning--color: #2e2e38;
    --progress-indicator-body-warning--bg-color: transparent;
    --progress-indicator-body-warning--box-shadow: none;
    --progress-indicator-body-warning--border-radius: 0;
    --progress-indicator-body-warning--border-style: none;
    --progress-indicator-body-warning--border-width: 0;
    --progress-indicator-body-warning--border-color: transparent;
    --progress-indicator-bar-warning--bg-color: var(--warning);
    --progress-indicator-bar-warning--border-radius: 0;
    --progress-indicator-bar-warning--border-style: none;
    --progress-indicator-bar-warning--border-color: transparent;
    --progress-indicator-bar-warning--border-width: 0;
    --progress-indicator-bar-warning--box-shadow: none;
    --progress-loader--bg-color: rgba(255, 255, 255, 0.75);
    --progress-loader--border-color: transparent;
    --progress-loader--border-width: 0px;
    --progress-loader--border-style: none;
    --progress-loader--box-shadow: none;
    --progress-loader-square--bg-color: var(--branding);
    --progress-loader-square--border-color: transparent;
    --progress-loader-square--border-width: 0px;
    --progress-loader-square--border-style: none;
    --progress-loader-square--box-shadow: none;
    --skeleton-container--bg-color: #fff;
    --skeleton-container--border-color: #e1e1e6;
    --skeleton-container--border-style: solid;
    --skeleton-container--border-width: 1px;
    --skeleton-container--border-radius: 0;
    --skeleton-container--box-shadow: none;
    --skeleton-container-alt--bg-color: #f6f6fa;
    --skeleton-container-alt--border-color: #e1e1e6;
    --skeleton-container-alt--border-style: solid;
    --skeleton-container-alt--border-width: 1px;
    --skeleton-container-alt--border-radius: none;
    --skeleton-container-alt--box-shadow: none;
    --skeleton--bg-color: #e1e1e6;
    --skeleton--border-style: none;
    --skeleton--border-color: transparent;
    --skeleton--border-width: 0;
    --skeleton--border-radius: 0;
    --skeleton--box-shadow: none;
    --skeleton-animation-gradient--bg-color: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    --tab-navigation-left--bg-color: transparent;
    --tab-navigation-left--box-shadow: none;
    --tab-navigation-left--border-radius: 0;
    --tab-navigation-left--border-style: solid;
    --tab-navigation-left--border-width: 0 0 0 1px;
    --tab-navigation-left--border-color: #c4c4cd;
    --tab-navigation-right--bg-color: transparent;
    --tab-navigation-right--box-shadow: none;
    --tab-navigation-right--border-radius: 0;
    --tab-navigation-right--border-style: solid;
    --tab-navigation-right--border-width: 0 1px 0 0;
    --tab-navigation-right--border-color: #c4c4cd;
    --tab-navigation-horizontal--bg-color: transparent;
    --tab-navigation-horizontal--box-shadow: none;
    --tab-navigation-horizontal--border-radius: 0;
    --tab-navigation-horizontal--border-style: solid;
    --tab-navigation-horizontal--border-width: 0 0 1px 0;
    --tab-navigation-horizontal--border-color: #c4c4cd;
    --tab-navigation-top--bg-color: transparent;
    --tab-navigation-top--box-shadow: none;
    --tab-navigation-top--border-radius: 0;
    --tab-navigation-top--border-style: solid;
    --tab-navigation-top--border-width: 1px 0 0 0;
    --tab-navigation-top--border-color: #c4c4cd;
    --tab-navigation-left-button--border-style: solid;
    --tab-navigation-left-button--border-width: 0 0 0 0.2142857143rem;
    --tab-navigation-left-button--border-color: transparent;
    --tab-navigation-right-button--border-style: solid;
    --tab-navigation-right-button--border-width: 0 0.2142857143rem 0 0;
    --tab-navigation-right-button--border-color: transparent;
    --tab-navigation-horizontal-button--border-style: solid;
    --tab-navigation-horizontal-button--border-width: 0 0 0.2142857143rem 0;
    --tab-navigation-horizontal-button--border-color: transparent;
    --tab-navigation-top-button--border-style: solid;
    --tab-navigation-top-button--border-width: 0.2142857143rem 0 0 0;
    --tab-navigation-top-button--border-color: transparent;
    --tab-navigation--bg-color: transparent;
    --tab-navigation--color: #2e2e38;
    --tab-navigation--box-shadow: none;
    --tab-navigation--outline-color: transparent;
    --tab-navigation--outline-width: 0;
    --tab-navigation--outline-style: none;
    --tab-navigation--border-radius: 0;
    --tab-navigation--border-width: 0;
    --tab-navigation--border-style: none;
    --tab-navigation--border-color: transparent;
    --tab-navigation-left-button-focus--border-style: solid;
    --tab-navigation-left-button-focus--border-color: transparent;
    --tab-navigation-left-button-focus--border-width: 0 0 0 0.0714285714rem;
    --tab-navigation-right-button-focus--border-style: solid;
    --tab-navigation-right-button-focus--border-color: transparent;
    --tab-navigation-right-button-focus--border-width: 0 0.0714285714rem 0 0;
    --tab-navigation-horizontal-button-focus--border-style: solid;
    --tab-navigation-horizontal-button-focus--border-color: #2e2e38;
    --tab-navigation-horizontal-button-focus--border-width: 0 0 0.0714285714rem 0;
    --tab-navigation-top-button-focus--border-style: solid;
    --tab-navigation-top-button-focus--border-color: transparent;
    --tab-navigation-top-button-focus--border-width: 0.0714285714rem 0 0 0;
    --tab-navigation-focus--bg-color: transparent;
    --tab-navigation-focus--color: #2e2e38;
    --tab-navigation-focus--box-shadow: none;
    --tab-navigation-focus--outline-color: #2e2e38;
    --tab-navigation-focus--outline-width: 0.0714285714rem;
    --tab-navigation-focus--outline-style: solid;
    --tab-navigation-hover--border-style: none;
    --tab-navigation-hover--border-color: transparent;
    --tab-navigation-hover--border-width: 0;
    --tab-navigation-hover--bg-color: transparent;
    --tab-navigation-hover--color: #2e2e38;
    --tab-navigation-hover--box-shadow: none;
    --tab-navigation-hover--outline-color: transparent;
    --tab-navigation-hover--outline-width: 0;
    --tab-navigation-hover--outline-style: none;
    --tab-navigation-disabled--border-style: none;
    --tab-navigation-disabled--border-color: transparent;
    --tab-navigation-disabled--border-width: 0;
    --tab-navigation-disabled--bg-color: transparent;
    --tab-navigation-disabled--color: var(--disabled-text);
    --tab-navigation-disabled--box-shadow: none;
    --tab-navigation-disabled--outline-color: transparent;
    --tab-navigation-disabled--outline-width: 0;
    --tab-navigation-disabled--outline-style: none;
    --tab-navigation-left-button-active--border-style: solid;
    --tab-navigation-left-button-active--border-color: #2e2e38;
    --tab-navigation-left-button-active--border-width: 0 0 0 0.2142857143rem;
    --tab-navigation-left-button-active-hover--border-style: solid;
    --tab-navigation-left-button-active-hover--border-color: #2e2e38;
    --tab-navigation-left-button-active-hover--border-width: 0 0 0 0.2142857143rem;
    --tab-navigation-left-button-active-focus--border-style: solid;
    --tab-navigation-left-button-active-focus--border-color: #2e2e38;
    --tab-navigation-left-button-active-focus--border-width: 0 0 0 0.2142857143rem;
    --tab-navigation-right-button-active--border-style: solid;
    --tab-navigation-right-button-active--border-color: #2e2e38;
    --tab-navigation-right-button-active--border-width: 0 0.2142857143rem 0 0;
    --tab-navigation-right-button-active-hover--border-style: solid;
    --tab-navigation-right-button-active-hover--border-color: #2e2e38;
    --tab-navigation-right-button-active-hover--border-width: 0 0.2142857143rem 0 0;
    --tab-navigation-right-button-active-focus--border-style: solid;
    --tab-navigation-right-button-active-focus--border-color: #2e2e38;
    --tab-navigation-right-button-active-focus--border-width: 0 0.2142857143rem 0 0;
    --tab-navigation-horizontal-button-active--border-style: solid;
    --tab-navigation-horizontal-button-active--border-color: #2e2e38;
    --tab-navigation-horizontal-button-active--border-width: 0 0 0.2142857143rem 0;
    --tab-navigation-horizontal-button-active-hover--border-style: solid;
    --tab-navigation-horizontal-button-active-hover--border-color: #2e2e38;
    --tab-navigation-horizontal-button-active-hover--border-width: 0 0 0.2142857143rem 0;
    --tab-navigation-horizontal-button-active-focus--border-style: solid;
    --tab-navigation-horizontal-button-active-focus--border-color: #2e2e38;
    --tab-navigation-horizontal-button-active-focus--border-width: 0 0 0.2142857143rem 0;
    --tab-navigation-top-button-active--border-style: solid;
    --tab-navigation-top-button-active--border-color: #2e2e38;
    --tab-navigation-top-button-active--border-width: 0.2142857143rem 0 0 0;
    --tab-navigation-active--bg-color: transparent;
    --tab-navigation-active--color: #2e2e38;
    --tab-navigation-active--box-shadow: none;
    --tab-navigation-active--outline-color: transparent;
    --tab-navigation-active--outline-width: 0;
    --tab-navigation-active--outline-style: none;
    --tab-navigation-left-button-active-disabled--border-style: solid;
    --tab-navigation-left-button-active-disabled--border-color: #747480;
    --tab-navigation-left-button-active-disabled--border-width: 0 0 0 0.2142857143rem;
    --tab-navigation-right-button-active-disabled--border-style: solid;
    --tab-navigation-right-button-active-disabled--border-color: #747480;
    --tab-navigation-right-button-active-disabled--border-width: 0 0.2142857143rem 0 0;
    --tab-navigation-horizontal-button-active-disabled--border-style: solid;
    --tab-navigation-horizontal-button-active-disabled--border-color: #747480;
    --tab-navigation-horizontal-button-active-disabled--border-width: 0 0 0.2142857143rem 0;
    --tab-navigation-top-button-active-disabled--border-style: solid;
    --tab-navigation-top-button-active-disabled--border-color: #747480;
    --tab-navigation-top-button-active-disabled--border-width: 0.2142857143rem 0 0 0;
    --tab-navigation-horizontal-button-hover--border-width: 0 0 0.2142857143rem 0;
    --tab-navigation-horizontal-button-hover--border-style: solid;
    --tab-navigation-horizontal-button-hover--border-color: transparent;
    --tab-navigation-top-button-hover--border-width: 0.2142857143rem 0 0 0;
    --tab-navigation-top-button-hover--border-style: solid;
    --tab-navigation-top-button-hover--border-color: transparent;
    --tab-navigation-left-button-hover--border-width: 0 0 0 0.2142857143rem;
    --tab-navigation-left-button-hover--border-style: solid;
    --tab-navigation-left-button-hover--border-color: transparent;
    --tab-navigation-right-button-hover--border-width: 0 0.2142857143rem 0 0;
    --tab-navigation-right-button-hover--border-style: solid;
    --tab-navigation-right-button-hover--border-color: transparent;
    --tab-navigation-horizontal-button-disabled--border-width: 0 0 0.2142857143rem 0;
    --tab-navigation-horizontal-button-disabled--border-style: solid;
    --tab-navigation-horizontal-button-disabled--border-color: transparent;
    --tab-navigation-top-button-disabled--border-width: 0.2142857143rem 0 0 0;
    --tab-navigation-top-button-disabled--border-style: solid;
    --tab-navigation-top-button-disabled--border-color: transparent;
    --tab-navigation-left-button-disabled--border-width: 0 0 0 0.2142857143rem;
    --tab-navigation-left-button-disabled--border-style: solid;
    --tab-navigation-left-button-disabled--border-color: transparent;
    --tab-navigation-right-button-disabled--border-width: 0 0.2142857143rem 0 0;
    --tab-navigation-right-button-disabled--border-style: solid;
    --tab-navigation-right-button-disabled--border-color: transparent;
    --table--box-shadow: none;
    --table--border-radius: 0;
    --table--border-color: transparent;
    --table--border-style: none;
    --table--border-width: 0;
    --table-header-container--bg-color: transparent;
    --table-header-container--box-shadow: none;
    --table-header-container--border-radius: 0;
    --table-header-container--border-width: 0.0714285714rem;
    --table-header-container--border-style: solid;
    --table-header-container--border-color: #e7e7ea;
    --table-header--color: #2e2e38;
    --table-header--bg-color: #fff;
    --table-header--box-shadow: none;
    --table-header--border-radius: 0;
    --table-header--border-width: 0;
    --table-header--border-style: none;
    --table-header--border-color: transparent;
    --table-header-hover--border-width: 0;
    --table-header-hover--border-style: none;
    --table-header-hover--border-color: transparent;
    --table-header-hover--bg-color: transparent;
    --table-header-hover--box-shadow: none;
    --table-header-hover--color: #2e2e38;
    --table-header-focus--border-width: 0;
    --table-header-focus--border-style: none;
    --table-header-focus--border-color: transparent;
    --table-header-focus--bg-color: rgba(21, 92, 180, 0.15);
    --table-header-focus--box-shadow: none;
    --table-header-focus--color: #2e2e38;
    --table-header-renderer-icons-sort-icon-color: #23232f;
    --table-icon-color: #23232f;
    --table-title--bg-color: #2e2e38;
    --table-title--color: #fff;
    --table-title--border-radius: 0;
    --table-title--box-shadow: none;
    --table-title--border-width: 0;
    --table-title--border-style: none;
    --table-title--border-color: transparent;
    --table-title-alt--color: #2e2e38;
    --table-title-alt--bg-color: transparent;
    --table-title-alt--box-shadow: none;
    --table-title-alt--border-radius: 0;
    --table-title-alt--border-width: 0;
    --table-title-alt--border-style: none;
    --table-title-alt--border-color: transparent;
    --table-row--color: #2e2e38;
    --table-row--bg-color: #e1e1e6;
    --table-row--box-shadow: none;
    --table-row--border-radius: 0;
    --table-row--border-color: #e7e7ea;
    --table-row--border-style: solid;
    --table-row--border-width: 0 0.0714285714rem 0.0714285714rem 0.0714285714rem;
    --table-row-hover--bg-color: rgba(21, 92, 180, 0.15);
    --table-row-hover--box-shadow: none;
    --table-row-selected--color: #2e2e38;
    --table-row-selected--bg-color: rgba(21, 92, 180, 0.15);
    --table-row-selected--box-shadow: none;
    --table-row-selected--border-radius: 0;
    --table-row-selected--border-width: 0 0.0714285714rem 0.0714285714rem 0.0714285714rem;
    --table-row-selected--border-style: solid;
    --table-row-selected--border-color: #e7e7ea;
    --table-row-selected-cell--color: #2e2e38;
    --table-row-selected-cell--bg-color: transparent;
    --table-row-selected-cell--box-shadow: none;
    --table-row-selected-cell--border-radius: 0;
    --table-row-selected-cell--border-width: 0;
    --table-row-selected-cell--border-style: none;
    --table-row-selected-cell--border-color: transparent;
    --table-odd-row--bg-color: #fafafc;
    --table-even-row--bg-color: #fff;
    --table-row-icon-color: #2e2e38;
    --table-column-filtered-mark--color: #155cb4;
    --table-cell--color: #1a1a24;
    --table-cell--bg-color: transparent;
    --table-cell--box-shadow: none;
    --table-cell--border-radius: 0;
    --table-cell--border-color: transparent;
    --table-cell--border-style: none;
    --table-cell--border-width: 0;
    --table-cell-hover--color: #2e2e38;
    --table-cell-hover--bg-color: rgba(21, 92, 180, 0.15);
    --table-cell-hover--box-shadow: none;
    --table-cell-hover--border-width: 0;
    --table-cell-hover--border-style: none;
    --table-cell-hover--border-color: transparent;
    --table-cell-focus--color: #2e2e38;
    --table-cell-focus--bg-color: rgba(21, 92, 180, 0.15);
    --table-cell-focus--box-shadow: none;
    --table-cell-focus--border-width: 0;
    --table-cell-focus--border-style: none;
    --table-cell-focus--border-color: transparent;
    --table-checkbox-checked-color: #2e2e38;
    --table-checkbox-indeterminate-color: #2e2e38;
    --table-paging-btn-hover--bg-color: #e1e1e6;
    --table-paging-btn-disabled-icon-color: #747480;
    --table-paging-btn-icon-color: #2e2e38;
    --table-paging-btn--bg-color: transparent;
    --table-paging-btn--box-shadow: none;
    --table-paging-btn--border-radius: 0;
    --table-paging-btn--border-width: 0;
    --table-paging-btn--border-style: none;
    --table-paging-btn--border-color: transparent;
    --table-paging-btn-hover-icon-color: #2e2e38;
    --table-paging-btn-hover--box-shadow: none;
    --table-paging-btn-hover--border-width: 0;
    --table-paging-btn-hover--border-style: none;
    --table-paging-btn-hover--border-color: transparent;
    --table-paging-btn-focus-icon-color: #2e2e38;
    --table-paging-btn-focus--box-shadow: none;
    --table-paging-btn-focus--bg-color: #e1e1e6;
    --table-paging-btn-focus--border-width: 0;
    --table-paging-btn-focus--border-style: none;
    --table-paging-btn-focus--border-color: transparent;
    --table-paging-btn-disabled--bg-color: transparent;
    --table-paging-btn-disabled--box-shadow: none;
    --table-paging-btn-disabled--border-width: 0;
    --table-paging-btn-disabled--border-style: none;
    --table-paging-btn-disabled--border-color: transparent;
    --text-link--color: #2e2e38;
    --text-link-hover--color: var(--text-link--color);
    --text-link-focus--color: var(--text-link--color);
    --text-link-disabled--color: var(--disabled-text);
    --text-link-active--color: var(--text-link--color);
    --text-link-visited--color: var(--text-link--color);
    --text-link-alt--color: #155cb4;
    --text-link-alt-hover--color: var(--text-link-alt--color);
    --text-link-alt-focus--color: var(--text-link-alt--color);
    --text-link-alt-disabled--color: var(--disabled-text);
    --text-link-alt-active--color: var(--text-link-alt--color);
    --text-link-alt-visited--color: var(--text-link-alt--color);
    --timeline-checkmark--bg-color: #fff;
    --timeline-past-due--border-color: #b9251c;
    --timeline-date-marker--color: #747480;
    --timeline-date-marker--border-color: #747480;
    --timeline-date-marker--border-left-color: #eaeaf2;
    --timeline-progress--box-shadow: 0rem 0rem 0.5714285714rem 0.0714285714rem rgba(26, 26, 36, 0.3);
    --timeline-progress--bg-color: #35a4e8;
    --timeline-key-event--bg-color: #35a4e8;
    --timeline-milestone--border-color: #35a4e8;
    --timeline-milestone--bg-color: #35a4e8;
    --timeline-progress-bar--bg-color: #e1e1e6;
    --timeline-progress-bar-error--border-color: #b9251c;
    --timeline-progress-bar--color: #1a1a24;
    --timeline-progress-bar-error--bg-color: #b9251c;
    --timeline-progress-bar-percent-circle--bg-color: #fff;
    --timeline-percent-circle--border-color: #e1e1e6;
    --timeline-percent-circle--border-style: solid;
    --timeline-percent-circle--border-width: 0.2857142857rem;
    --timeline-checkmark--border-color: transparent #35a4e8 #35a4e8 transparent;
    --timeline-checkmark--border-style: none solid solid none;
    --timeline-checkmark--border-width: 0 0.0714285714rem 0.0714285714rem 0;
    --timeline-no-checkmarck--border-color: transparent;
    --timeline-error--border-color: #b9251c;
    --timeline-error--border-style: solid;
    --timeline-error--border-width: 0 0 0.7142857143rem;
    --timeline-past--border-color: transparent #b9251c #b9251c transparent;
    --timeline-past--border-style: none solid solid none;
    --timeline-past--border-width: 0 0.0714285714rem 0.0714285714rem 0;
    --timeline-progress-pie--border-width: 0.4285714286rem;
    --timeline-date-marker-current-date-icon--border-color: var(--timeline-date-marker--border-color) transparent transparent transparent;
    --timeline-date-marker-current-date-icon--border-width: 1.1428571429rem 0.4285714286rem 0;
    --timeline-date-marker-current-date-icon--border-style: solid;
    --timeline-date-marker-year--border-color: none none none #eaeaf2;
    --timeline-date-marker-year--border-width: 0 0 0 0.0714285714rem;
    --timeline-date-marker-year--border-style: none none none solid;
    --toast--color: #2e2e38;
    --toast--border-style: none;
    --toast--border-color: transparent;
    --toast--border-width: 0;
    --toast--border-radius: 0;
    --toast--bg-color: #fff;
    --toast--box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px -1px rgba(0, 0, 0, 0.2);
    --toast-inline--bg-color: transparent;
    --toast-inline--box-shadow: none;
    --toast-close-btn-icon-color: #1a1a24;
    --toast-close-btn--bg-color: transparent;
    --toast-close-btn--border-color: transparent;
    --toast-close-btn--border-width: 0;
    --toast-close-btn--border-style: none;
    --toast-close-btn--box-shadow: none;
    --toast-close-btn-hover-icon-color: #2e2e38;
    --toast-close-btn-hover--bg-color: #e1e1e6;
    --toast-close-btn-hover--border-color: transparent;
    --toast-close-btn-hover--border-width: 0;
    --toast-close-btn-hover--border-style: none;
    --toast-close-btn-hover--box-shadow: none;
    --toast-close-btn-focus-icon-color: #2e2e38;
    --toast-close-btn-focus--bg-color: #e1e1e6;
    --toast-close-btn-focus--border-color: transparent;
    --toast-close-btn-focus--border-width: 0;
    --toast-close-btn-focus--border-style: none;
    --toast-close-btn-focus--box-shadow: none;
    --toast-action-btn--color: var(--text-link--color);
    --toast-action-btn--bg-color: transparent;
    --toast-action-btn--border-color: transparent;
    --toast-action-btn--border-style: var(--btn--border-style);
    --toast-action-btn--border-width: var(--btn--border-width);
    --toast-action-btn--box-shadow: none;
    --toast-action-btn--border-radius: 0;
    --toast-action-btn-hover--color: var(--text-link--color);
    --toast-action-btn-hover--bg-color: transparent;
    --toast-action-btn-hover--border-color: transparent;
    --toast-action-btn-hover--border-style: var(--btn--border-style);
    --toast-action-btn-hover--border-width: var(--btn--border-width);
    --toast-action-btn-hover--box-shadow: none;
    --toast-action-btn-focus--color: var(--text-link--color);
    --toast-action-btn-focus--bg-color: transparent;
    --toast-action-btn-focus--border-color: #2e2e38;
    --toast-action-btn-focus--border-style: var(--btn--border-style);
    --toast-action-btn-focus--border-width: var(--btn--border-width);
    --toast-action-btn-focus--box-shadow: none;
    --toast-icon-info-icon-color: #747480;
    --toast-icon-success-icon-color: #168736;
    --toast-icon-error-icon-color: #b9251c;
    --toast-icon-warning-icon-color: #ed6500;
    --tooltip--color: #1a1a24;
    --tooltip--border-color: transparent;
    --tooltip--border-style: none;
    --tooltip--border-width: 0;
    --tooltip--border-radius: 0;
    --tooltip--box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    --tooltip--bg-color: #fff;
    --tooltip-close-btn--bg-color: transparent;
    --tooltip-close-btn--border-color: transparent;
    --tooltip-close-btn--border-style: none;
    --tooltip-close-btn--border-width: 0;
    --tooltip-close-btn--border-radius: 0;
    --tooltip-close-btn--box-shadow: none;
    --tooltip-close-btn-icon-color: #1a1a24;
    --tooltip-close-btn-hover--border-style: none;
    --tooltip-close-btn-hover--border-width: 0;
    --tooltip-close-btn-hover--border-color: transparent;
    --tooltip-close-btn-hover--bg-color: #e1e1e6;
    --tooltip-close-btn-hover--border-radius: 0;
    --tooltip-close-btn-hover--box-shadow: none;
    --tooltip-close-btn-hover-icon-color: #1a1a24;
    --tooltip-close-btn-focus--border-style: none;
    --tooltip-close-btn-focus--border-width: 0;
    --tooltip-close-btn-focus--border-color: transparent;
    --tooltip-close-btn-focus--bg-color: transparent;
    --tooltip-close-btn-focus--border-radius: 0;
    --tooltip-close-btn-focus--box-shadow: none;
    --tooltip-close-btn-focus-icon-color: #1a1a24;
    --tooltip-alt--color: #fff;
    --tooltip-alt--border-color: transparent;
    --tooltip-alt--border-style: none;
    --tooltip-alt--border-width: 0;
    --tooltip-alt--border-radius: 0;
    --tooltip-alt--box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    --tooltip-alt--bg-color: #2e2e38;
    --tooltip-alt-close-btn--bg-color: transparent;
    --tooltip-alt-close-btn--border-color: transparent;
    --tooltip-alt-close-btn--border-style: none;
    --tooltip-alt-close-btn--border-width: 0;
    --tooltip-alt-close-btn--border-radius: 0;
    --tooltip-alt-close-btn--box-shadow: none;
    --tooltip-alt-close-btn-icon-color: #fff;
    --tooltip-alt-close-btn-hover--border-style: none;
    --tooltip-alt-close-btn-hover--border-width: 0;
    --tooltip-alt-close-btn-hover--border-color: transparent;
    --tooltip-alt-close-btn-hover--bg-color: #3a3a4a;
    --tooltip-alt-close-btn-hover--border-radius: 0;
    --tooltip-alt-close-btn-hover--box-shadow: none;
    --tooltip-alt-close-btn-hover-icon-color: #fff;
    --tooltip-alt-close-btn-focus--border-style: none;
    --tooltip-alt-close-btn-focus--border-width: 0;
    --tooltip-alt-close-btn-focus--border-color: transparent;
    --tooltip-alt-close-btn-focus--bg-color: #3a3a4a;
    --tooltip-alt-close-btn-focus--border-radius: 0;
    --tooltip-alt-close-btn-focus--box-shadow: none;
    --tooltip-alt-close-btn-focus-icon-color: #fff;
    --tree-line-color: #c4c4cd;
    --tree-icon-color: #2e2e38;
    --tree-line-style: solid;
    --vertical-navigation--bg-color: #2e2e38;
    --vertical-navigation--box-shadow: none;
    --vertical-navigation--border-radius: 0;
    --vertical-navigation--border-color: transparent;
    --vertical-navigation--border-style: none;
    --vertical-navigation--border-width: 0;
    --vertical-navigation-menu--border-width: 0;
    --vertical-navigation-menu--border-style: none;
    --vertical-navigation-menu--border-color: transparent;
    --vertical-navigation-menu--box-shadow: none;
    --vertical-navigation-menu--border-radius: 0;
    --vertical-navigation-menu--bg-color: transparent;
    --vertical-navigation-menu-item--color: #fff;
    --vertical-navigation-menu-item--bg-color: #2e2e38;
    --vertical-navigation-menu-item--box-shadow: none;
    --vertical-navigation-menu-item--border-radius: 0;
    --vertical-navigation-menu-item--border-width: 0;
    --vertical-navigation-menu-item--border-style: none;
    --vertical-navigation-menu-item--border-color: transparent;
    --vertical-navigation-menu-item-icon-color: #c4c4cd;
    --vertical-navigation-menu-item-hover--color: #fff;
    --vertical-navigation-menu-item-hover--bg-color: #1a1a24;
    --vertical-navigation-menu-item-hover--box-shadow: none;
    --vertical-navigation-menu-item-hover--border-radius: 0;
    --vertical-navigation-menu-item-hover--border-width: 0;
    --vertical-navigation-menu-item-hover--border-style: none;
    --vertical-navigation-menu-item-hover--border-color: transparent;
    --vertical-navigation-menu-item-icon-hover-icon-color: #fff;
    --vertical-navigation-menu-item-focus--color: #fff;
    --vertical-navigation-menu-item-focus--bg-color: #1a1a24;
    --vertical-navigation-menu-item-focus--box-shadow: inset 0 0 0 0.0714285714rem rgba(23, 119, 207, 0.5);
    --vertical-navigation-menu-item-focus--border-radius: 0;
    --vertical-navigation-menu-item-focus--border-width: 0;
    --vertical-navigation-menu-item-focus--border-style: none;
    --vertical-navigation-menu-item-focus--border-color: transparent;
    --vertical-navigation-menu-item-focus--outline-color: #155cb4;
    --vertical-navigation-menu-item-focus--outline-style: solid;
    --vertical-navigation-menu-item-focus--outline-width: 0.1428571429rem;
    --vertical-navigation-menu-item-icon-focus-icon-color: #fff;
    --vertical-navigation-menu-item-active--bg-color: #1a1a24;
    --vertical-navigation-menu-item-active--color: #fff;
    --vertical-navigation-menu-item-active--box-shadow: none;
    --vertical-navigation-menu-item-active--border-radius: 0;
    --vertical-navigation-menu-item-active--border-color: transparent transparent transparent #ffe600;
    --vertical-navigation-menu-item-active--border-style: none none none solid;
    --vertical-navigation-menu-item-active--border-width: 0 0 0 0.2857142857rem;
    --vertical-navigation-menu-item-icon-active-icon-color: #fff;
    --vertical-navigation-menu-item-active-focus--color: #fff;
    --vertical-navigation-menu-item-active-focus--bg-color: #1a1a24;
    --vertical-navigation-menu-item-active-focus--box-shadow: inset 0 0 0 0.0714285714rem rgba(23, 119, 207, 0.5);
    --vertical-navigation-menu-item-active-focus--border-radius: 0;
    --vertical-navigation-menu-item-active-focus--border-width: 0 0 0 0.2857142857rem;
    --vertical-navigation-menu-item-active-focus--border-style: none none none solid;
    --vertical-navigation-menu-item-active-focus--border-color: transparent transparent transparent #ffe600;
    --vertical-navigation-menu-item-icon-active-focus-icon-color: #fff;
    --vertical-navigation-menu-item-active-hover--color: #fff;
    --vertical-navigation-menu-item-active-hover--bg-color: #1a1a24;
    --vertical-navigation-menu-item-active-hover--box-shadow: none;
    --vertical-navigation-menu-item-active-hover--border-radius: 0;
    --vertical-navigation-menu-item-active-hover--border-width: 0 0 0 0.2857142857rem;
    --vertical-navigation-menu-item-active-hover--border-style: none none none solid;
    --vertical-navigation-menu-item-active-hover--border-color: transparent transparent transparent #ffe600;
    --vertical-navigation-menu-item-icon-active-hover-icon-color: #fff;
    --vertical-navigation-menu-footer--bg-color: transparent;
    --vertical-navigation-menu-footer--box-shadow: none;
    --vertical-navigation-menu-footer--border-radius: 0;
    --vertical-navigation-menu-footer--border-color: #3a3a4a transparent transparent transparent;
    --vertical-navigation-menu-footer--border-style: solid none none none;
    --vertical-navigation-menu-footer--border-width: 0.0714285714rem 0 0 0;
    --vertical-navigation-submenu-caption--color: #747480;
    --vertical-navigation-submenu-caption--bg-color: transparent;
    --vertical-navigation-submenu-caption--box-shadow: none;
    --vertical-navigation-submenu-caption--border-radius: 0;
    --vertical-navigation-submenu-caption--border-width: 0;
    --vertical-navigation-submenu-caption--border-style: none;
    --vertical-navigation-submenu-caption--border-color: transparent;
    --vertical-navigation-submenu-item-link--color: #fff;
    --vertical-navigation-submenu-item-link--bg-color: #23232f;
    --vertical-navigation-submenu-item-link--box-shadow: none;
    --vertical-navigation-submenu-item-link--border-radius: 0;
    --vertical-navigation-submenu-item-link--border-width: 0;
    --vertical-navigation-submenu-item-link--border-style: none;
    --vertical-navigation-submenu-item-link--border-color: transparent;
    --vertical-navigation-submenu-item-link-icon-color: #fff;
    --vertical-navigation-submenu-item-link-focus--color: #fff;
    --vertical-navigation-submenu-item-link-focus--bg-color: #1a1a24;
    --vertical-navigation-submenu-item-link-focus--box-shadow: inset 0 0 0 0.0714285714rem rgba(23, 119, 207, 0.5);
    --vertical-navigation-submenu-item-link-focus--border-radius: 0;
    --vertical-navigation-submenu-item-link-focus--border-width: 0;
    --vertical-navigation-submenu-item-link-focus--border-style: none;
    --vertical-navigation-submenu-item-link-focus--border-color: transparent;
    --vertical-navigation-submenu-item-link-icon-focus-icon-color: #fff;
    --vertical-navigation-submenu-item-link-hover--color: #fff;
    --vertical-navigation-submenu-item-link-hover--bg-color: #1a1a24;
    --vertical-navigation-submenu-item-link-hover--box-shadow: none;
    --vertical-navigation-submenu-item-link-hover--border-radius: 0;
    --vertical-navigation-submenu-item-link-hover--border-width: 0;
    --vertical-navigation-submenu-item-link-hover--border-style: none;
    --vertical-navigation-submenu-item-link-hover--border-color: transparent;
    --vertical-navigation-submenu-item-link-icon-hover-icon-color: #fff;
    --vertical-navigation-submenu-item-link-active--color: #ffe600;
    --vertical-navigation-submenu-item-link-active--bg-color: #1a1a24;
    --vertical-navigation-submenu-item-link-active--box-shadow: none;
    --vertical-navigation-submenu-item-link-active--border-radius: 0;
    --vertical-navigation-submenu-item-link-active--border-width: 0;
    --vertical-navigation-submenu-item-link-active--border-style: none;
    --vertical-navigation-submenu-item-link-active--border-color: transparent;
    --vertical-navigation-submenu-item-link-icon-active-icon-color: #fff;
    --vertical-navigation-submenu-item-link-active-focus--color: #ffe600;
    --vertical-navigation-submenu-item-link-active-focus--bg-color: #1a1a24;
    --vertical-navigation-submenu-item-link-active-focus--box-shadow: inset 0 0 0 0.0714285714rem rgba(23, 119, 207, 0.5);
    --vertical-navigation-submenu-item-link-active-focus--border-radius: 0;
    --vertical-navigation-submenu-item-link-active-focus--border-width: 0;
    --vertical-navigation-submenu-item-link-active-focus--border-style: none;
    --vertical-navigation-submenu-item-link-active-focus--border-color: transparent;
    --vertical-navigation-submenu-item-link-icon-active-focus-icon-color: #fff;
    --vertical-navigation-submenu-item-link-active-hover--color: #ffe600;
    --vertical-navigation-submenu-item-link-active-hover--bg-color: #1a1a24;
    --vertical-navigation-submenu-item-link-active-hover--box-shadow: none;
    --vertical-navigation-submenu-item-link-active-hover--border-radius: 0;
    --vertical-navigation-submenu-item-link-active-hover--border-width: 0;
    --vertical-navigation-submenu-item-link-active-hover--border-style: none;
    --vertical-navigation-submenu-item-link-active-hover--border-color: transparent;
    --vertical-navigation-submenu-item-link-icon-active-hover-icon-color: #fff;
    --font-size: 14;
    --branding: #ffe600;
    --primary-font: ey_interstate, "Noto Sans", sans-serif;
    --secondary-font: "Noto Sans", sans-serif;
    --font-size-base: 1rem;
    --weight-bold: bold;
    --weight-regular: 400;
    --weight-light: lighter;
    --hero-font-size: 2.285rem;
    --h1--font-size: 2rem;
    --h2--font-size: 1.714rem;
    --h3--font-size: 1.428rem;
    --h4--font-size: 1.286rem;
    --h5--font-size: 1.143rem;
    --h6--font-size: 1rem;
    --body-sm--font-size: 0.857rem;
    --body-alt--font-size: 1rem;
    --caption--font-size: 0.857rem;
    --overline--font-size: 0.857rem;
    --instructional-text--font-size: 0.857rem;
    --ease-in-out: 300ms ease-in-out;
    --ease-in-out-fast: 150ms ease-in-out;
    --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
    --focus: rgba(23, 119, 207, 0.5);
    --focus-border: 0 0 0 2px var(--focus);
    --disabled: #eaeaf2;
    --disabled-text: #747480;
    --info: #747480;
    --error: #b9251c;
    --warning: #ed6500;
    --success: #168736;
    --black: #1a1a24;
    --body--color: #2e2e38;
    --body--bg-color: #fff;
    --list-style: circle;
    --var-rhythm: 8px;
    --theme-name: light;
    --brand-name: motif;
    --form-element--color: #1a1a24;
    --form-element--size: 14;
    --form-element--border-radius: 0;
    --form-element--border-color: transparent transparent #2e2e38 transparent;
    --form-element--border-style: none none solid none;
    --form-element--border-width: 0 0 0.0714285714rem 0;
    --form-element--bg-color: #f6f6fa;
    --form-element--box-shadow: none;
    --form-element-disabled--color: #747480;
    --form-element-disabled--border-radius: 0;
    --form-element-disabled--border-color: transparent;
    --form-element-disabled--border-style: none;
    --form-element-disabled--border-width: 0;
    --form-element-disabled--bg-color: #f6f6fa;
    --form-element-disabled--box-shadow: none;
    --form-element-hover--color: #1a1a24;
    --form-element-hover--border-radius: 0;
    --form-element-hover--border-color: transparent transparent #2e2e38 transparent;
    --form-element-hover--border-style: none none solid none;
    --form-element-hover--border-width: 0 0 0.0714285714rem 0;
    --form-element-hover--bg-color: #e1e1e6;
    --form-element-hover--box-shadow: none;
    --form-element-focus--color: #1a1a24;
    --form-element-focus--border-radius: 0;
    --form-element-focus--border-color: transparent transparent #2e2e38 transparent;
    --form-element-focus--border-style: none none solid none;
    --form-element-focus--border-width: 0 0 0.1428571429rem 0;
    --form-element-focus--bg-color: #e1e1e6;
    --form-element-focus--box-shadow: none;
    --form-element-error--color: #1a1a24;
    --form-element-error--border-radius: 0;
    --form-element-error--border-color: transparent transparent #b9251c transparent;
    --form-element-error--border-style: none none solid none;
    --form-element-error--border-width: 0 0 0.0714285714rem 0;
    --form-element-error--bg-color: #f6f6fa;
    --form-element-error--box-shadow: none;
    --form-element-placeholder--color: #2e2e38;
    --form-element-placeholder-focus--color: #747480;
    --form-element-placeholder-hover--color: #747480;
    --form-element-placeholder-disabled--color: #747480;
    --form-element-placeholder-error--color: #747480;
    --form-element-icon-color: #2e2e38;
    --form-element-icon-focus-icon-color: #2e2e38;
    --form-element-icon-hover-icon-color: #2e2e38;
    --form-element-icon-disabled-icon-color: #747480;
    --form-element-icon-error-icon-color: #2e2e38;
    --form-element-label--color: #1a1a24;
    --form-element-label--size: 1rem;
    --form-element-label-focus--color: #2e2e38;
    --form-element-label-focus--size: 0.8571428571rem;
    --form-element-label-hover--color: #2e2e38;
    --form-element-label-hover--size: 0.8571428571rem;
    --form-element-label-disabled--color: #747480;
    --form-element-label-disabled--size: 1rem;
    --form-element-label-error--color: #2e2e38;
    --form-element-label-error--size: 1rem;
    --label--size: var(--form-element-label--size);
    --label--color: var(--form-element-label--color);
    --label-disabled--color: var(--form-element-label-disabled--color)
}

ag-grid,
ag-grid-angular,
ag-grid-ng2,
ag-grid-polymer,
ag-grid-aurelia {
    display: block
}

.ag-hidden {
    display: none !important
}

.ag-invisible {
    visibility: hidden !important
}

.ag-no-transition {
    transition: none !important
}

.ag-drag-handle {
    cursor: grab
}

.ag-column-drop-wrapper {
    display: flex
}

.ag-column-drop-horizontal-half-width {
    display: inline-block;
    width: 50% !important
}

.ag-unselectable {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ag-selectable {
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.ag-tab {
    position: relative
}

.ag-tab-guard {
    position: absolute;
    width: 0;
    height: 0;
    display: block
}

.ag-select-agg-func-popup {
    position: absolute
}

.ag-input-wrapper,
.ag-picker-field-wrapper {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    line-height: normal;
    position: relative
}

.ag-shake-left-to-right {
    animation-direction: alternate;
    animation-duration: .2s;
    animation-iteration-count: infinite;
    animation-name: ag-shake-left-to-right
}

@keyframes ag-shake-left-to-right {
    from {
        padding-left: 6px;
        padding-right: 2px
    }

    to {
        padding-left: 2px;
        padding-right: 6px
    }
}

.ag-root-wrapper {
    cursor: default;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.ag-root-wrapper.ag-layout-normal {
    height: 100%
}

.ag-watermark {
    position: absolute;
    bottom: 20px;
    right: 25px;
    opacity: .5;
    transition: opacity 1s ease-out 3s
}

.ag-watermark::before {
    content: "";
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIzNSA0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNjM1NzIzLDAsMCwwLjYzNTcyMywtNDkyLjkyMSwtMzIzLjYwOCkiPgogICAgICAgIDxwYXRoIGQ9Ik0xMDk5LjQsNTQ5LjRMMTA5OS40LDUzNi45TDEwNzguMSw1MzYuOUwxMDY1LjYsNTQ5LjRMMTA5OS40LDU0OS40WiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNMTEyMy40LDUxOC40TDEwOTYuNyw1MTguNEwxMDg0LjEsNTMwLjlMMTEyMy40LDUzMC45TDExMjMuNCw1MTguNFoiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwNTMuMiw1NjEuOUwxMDU5LjYsNTU1LjVMMTA4MS4yLDU1NS41TDEwODEuMiw1NjhMMTA1My4yLDU2OEwxMDUzLjIsNTYxLjlaIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDU3LjksNTQzLjNMMTA3MS43LDU0My4zTDEwODQuMyw1MzAuOEwxMDU3LjksNTMwLjhMMTA1Ny45LDU0My4zWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNMTA0Mi44LDU2MS45TDEwNTMuMiw1NjEuOUwxMDY1LjYsNTQ5LjRMMTA0Mi44LDU0OS40TDEwNDIuOCw1NjEuOVoiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwOTYuNyw1MTguNEwxMDkwLjMsNTI0LjhMMTA0OS41LDUyNC44TDEwNDkuNSw1MTIuM0wxMDk2LjcsNTEyLjNMMTA5Ni43LDUxOC40WiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNODI4LjYsNTU5LjdMODA5LDU1OS43TDgwNS42LDU2OC4xTDc5Nyw1NjguMUw4MTUuMSw1MjUuN0w4MjIuNiw1MjUuN0w4NDAuNyw1NjguMUw4MzIsNTY4LjFMODI4LjYsNTU5LjdaTTgyNS45LDU1M0w4MTguOCw1MzUuN0w4MTEuNyw1NTNMODI1LjksNTUzWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNOTYwLjEsNTQxLjNDOTYyLjYsNTM3LjYgOTY4LjksNTM3LjIgOTcxLjUsNTM3LjJMOTcxLjUsNTQ0LjRDOTY4LjMsNTQ0LjQgOTY1LjEsNTQ0LjUgOTYzLjIsNTQ1LjlDOTYxLjMsNTQ3LjMgOTYwLjMsNTQ5LjIgOTYwLjMsNTUxLjVMOTYwLjMsNTY4LjFMOTUyLjUsNTY4LjFMOTUyLjUsNTM3LjJMOTYwLDUzNy4yTDk2MC4xLDU0MS4zWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cmVjdCB4PSI5NzUuOCIgeT0iNTM3LjIiIHdpZHRoPSI3LjgiIGhlaWdodD0iMzAuOSIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTsiLz4KICAgICAgICA8cmVjdCB4PSI5NzUuOCIgeT0iNTIzLjQiIHdpZHRoPSI3LjgiIGhlaWdodD0iOS4yIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpOyIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDIyLjMsNTIzLjRMMTAyMi4zLDU2OC4xTDEwMTQuOCw1NjguMUwxMDE0LjYsNTYzLjRDMTAxMy41LDU2NSAxMDEyLjEsNTY2LjMgMTAxMC40LDU2Ny4zQzEwMDguNyw1NjguMiAxMDA2LjYsNTY4LjcgMTAwNC4yLDU2OC43QzEwMDIuMSw1NjguNyAxMDAwLjEsNTY4LjMgOTk4LjQsNTY3LjZDOTk2LjYsNTY2LjggOTk1LDU2NS44IDk5My43LDU2NC40Qzk5Mi40LDU2MyA5OTEuMyw1NjEuMyA5OTAuNiw1NTkuNEM5ODkuOCw1NTcuNSA5ODkuNSw1NTUuMyA5ODkuNSw1NTIuOUM5ODkuNSw1NTAuNSA5ODkuOSw1NDguMyA5OTAuNiw1NDYuM0M5OTEuNCw1NDQuMyA5OTIuNCw1NDIuNiA5OTMuNyw1NDEuMkM5OTUsNTM5LjggOTk2LjYsNTM4LjcgOTk4LjQsNTM3LjlDMTAwMC4yLDUzNy4xIDEwMDIuMSw1MzYuNyAxMDA0LjIsNTM2LjdDMTAwNi42LDUzNi43IDEwMDguNiw1MzcuMSAxMDEwLjMsNTM4QzEwMTIsNTM4LjkgMTAxMy40LDU0MC4xIDEwMTQuNSw1NDEuOEwxMDE0LjUsNTIzLjVMMTAyMi4zLDUyMy41TDEwMjIuMyw1MjMuNFpNMTAwNS45LDU2MkMxMDA4LjUsNTYyIDEwMTAuNSw1NjEuMSAxMDEyLjEsNTU5LjRDMTAxMy43LDU1Ny43IDEwMTQuNSw1NTUuNCAxMDE0LjUsNTUyLjZDMTAxNC41LDU0OS44IDEwMTMuNyw1NDcuNiAxMDEyLjEsNTQ1LjhDMTAxMC41LDU0NC4xIDEwMDguNSw1NDMuMiAxMDA1LjksNTQzLjJDMTAwMy40LDU0My4yIDEwMDEuMyw1NDQuMSA5OTkuOCw1NDUuOEM5OTguMiw1NDcuNSA5OTcuNCw1NDkuOCA5OTcuNCw1NTIuNkM5OTcuNCw1NTUuNCA5OTguMiw1NTcuNiA5OTkuOCw1NTkuM0MxMDAxLjQsNTYxLjEgMTAwMy40LDU2MiAxMDA1LjksNTYyIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik04ODUuOCw1NDQuMkw4NjYuNSw1NDQuMkw4NjYuNSw1NTAuOUw4NzcuNSw1NTAuOUM4NzcuMiw1NTQuMyA4NzUuOSw1NTYuOSA4NzMuNyw1NTlDODcxLjUsNTYxIDg2OC43LDU2MiA4NjUuMSw1NjJDODYzLjEsNTYyIDg2MS4yLDU2MS42IDg1OS42LDU2MC45Qzg1Ny45LDU2MC4yIDg1Ni41LDU1OS4yIDg1NS4zLDU1Ny44Qzg1NC4xLDU1Ni41IDg1My4yLDU1NC45IDg1Mi41LDU1M0M4NTEuOCw1NTEuMSA4NTEuNSw1NDkuMSA4NTEuNSw1NDYuOEM4NTEuNSw1NDQuNSA4NTEuOCw1NDIuNSA4NTIuNSw1NDAuNkM4NTMuMSw1MzguNyA4NTQuMSw1MzcuMiA4NTUuMyw1MzUuOEM4NTYuNSw1MzQuNSA4NTcuOSw1MzMuNSA4NTkuNiw1MzIuN0M4NjEuMyw1MzIgODYzLjEsNTMxLjYgODY1LjIsNTMxLjZDODY5LjQsNTMxLjYgODcyLjYsNTMyLjYgODc0LjgsNTM0LjZMODgwLDUyOS40Qzg3Ni4xLDUyNi40IDg3MS4xLDUyNC44IDg2NS4yLDUyNC44Qzg2MS45LDUyNC44IDg1OC45LDUyNS4zIDg1Ni4yLDUyNi40Qzg1My41LDUyNy41IDg1MS4yLDUyOC45IDg0OS4zLDUzMC44Qzg0Ny40LDUzMi43IDg0NS45LDUzNSA4NDQuOSw1MzcuN0M4NDMuOSw1NDAuNCA4NDMuNCw1NDMuNCA4NDMuNCw1NDYuNkM4NDMuNCw1NDkuOCA4NDMuOSw1NTIuOCA4NDUsNTU1LjVDODQ2LjEsNTU4LjIgODQ3LjUsNTYwLjUgODQ5LjQsNTYyLjRDODUxLjMsNTY0LjMgODUzLjYsNTY1LjggODU2LjMsNTY2LjhDODU5LDU2Ny45IDg2Miw1NjguNCA4NjUuMiw1NjguNEM4NjguNCw1NjguNCA4NzEuMyw1NjcuOSA4NzMuOSw1NjYuOEM4NzYuNSw1NjUuNyA4NzguNyw1NjQuMyA4ODAuNSw1NjIuNEM4ODIuMyw1NjAuNSA4ODMuNyw1NTguMiA4ODQuNyw1NTUuNUM4ODUuNyw1NTIuOCA4ODYuMiw1NDkuOCA4ODYuMiw1NDYuNkw4ODYuMiw1NDUuM0M4ODUuOSw1NDUuMSA4ODUuOCw1NDQuNiA4ODUuOCw1NDQuMiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNOTQ2LjgsNTQ0LjJMOTI3LjUsNTQ0LjJMOTI3LjUsNTUwLjlMOTM4LjUsNTUwLjlDOTM4LjIsNTU0LjMgOTM2LjksNTU2LjkgOTM0LjcsNTU5QzkzMi41LDU2MSA5MjkuNyw1NjIgOTI2LjEsNTYyQzkyNC4xLDU2MiA5MjIuMiw1NjEuNiA5MjAuNiw1NjAuOUM5MTguOSw1NjAuMiA5MTcuNSw1NTkuMiA5MTYuMyw1NTcuOEM5MTUuMSw1NTYuNSA5MTQuMiw1NTQuOSA5MTMuNSw1NTNDOTEyLjgsNTUxLjEgOTEyLjUsNTQ5LjEgOTEyLjUsNTQ2LjhDOTEyLjUsNTQ0LjUgOTEyLjgsNTQyLjUgOTEzLjUsNTQwLjZDOTE0LjEsNTM4LjcgOTE1LjEsNTM3LjIgOTE2LjMsNTM1LjhDOTE3LjUsNTM0LjUgOTE4LjksNTMzLjUgOTIwLjYsNTMyLjdDOTIyLjMsNTMyIDkyNC4xLDUzMS42IDkyNi4yLDUzMS42QzkzMC40LDUzMS42IDkzMy42LDUzMi42IDkzNS44LDUzNC42TDk0MSw1MjkuNEM5MzcuMSw1MjYuNCA5MzIuMSw1MjQuOCA5MjYuMiw1MjQuOEM5MjIuOSw1MjQuOCA5MTkuOSw1MjUuMyA5MTcuMiw1MjYuNEM5MTQuNSw1MjcuNSA5MTIuMiw1MjguOSA5MTAuMyw1MzAuOEM5MDguNCw1MzIuNyA5MDYuOSw1MzUgOTA1LjksNTM3LjdDOTA0LjksNTQwLjQgOTA0LjQsNTQzLjQgOTA0LjQsNTQ2LjZDOTA0LjQsNTQ5LjggOTA0LjksNTUyLjggOTA2LDU1NS41QzkwNy4xLDU1OC4yIDkwOC41LDU2MC41IDkxMC40LDU2Mi40QzkxMi4zLDU2NC4zIDkxNC42LDU2NS44IDkxNy4zLDU2Ni44QzkyMCw1NjcuOSA5MjMsNTY4LjQgOTI2LjIsNTY4LjRDOTI5LjQsNTY4LjQgOTMyLjMsNTY3LjkgOTM0LjksNTY2LjhDOTM3LjUsNTY1LjcgOTM5LjcsNTY0LjMgOTQxLjUsNTYyLjRDOTQzLjMsNTYwLjUgOTQ0LjcsNTU4LjIgOTQ1LjcsNTU1LjVDOTQ2LjcsNTUyLjggOTQ3LjIsNTQ5LjggOTQ3LjIsNTQ2LjZMOTQ3LjIsNTQ1LjNDOTQ2LjksNTQ1LjEgOTQ2LjgsNTQ0LjYgOTQ2LjgsNTQ0LjIiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: 170px 40px;
    display: block;
    height: 40px;
    width: 170px;
    opacity: .5
}

.ag-watermark-text {
    opacity: .5;
    font-weight: bold;
    font-family: Impact, sans-serif;
    font-size: 19px;
    padding-left: .7rem
}

.ag-root-wrapper-body {
    display: flex;
    flex-direction: row
}

.ag-root-wrapper-body.ag-layout-normal {
    flex: 1 1 auto;
    height: 0;
    min-height: 0
}

.ag-root {
    position: relative;
    display: flex;
    flex-direction: column
}

.ag-root.ag-layout-normal,
.ag-root.ag-layout-auto-height {
    overflow: hidden;
    flex: 1 1 auto;
    width: 0
}

.ag-root.ag-layout-normal {
    height: 100%
}

.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-virtual-list-viewport,
.ag-sticky-top-viewport {
    position: relative;
    height: 100%;
    min-width: 0px;
    overflow: hidden;
    flex: 1 1 auto
}

.ag-body-viewport {
    display: flex
}

.ag-body-viewport.ag-layout-normal {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.ag-center-cols-viewport {
    width: 100%;
    overflow-x: auto
}

.ag-body-horizontal-scroll-viewport {
    overflow-x: scroll
}

.ag-virtual-list-viewport {
    overflow: auto;
    width: 100%
}

.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container,
.ag-sticky-top-container {
    position: relative
}

.ag-header-container,
.ag-floating-top-container,
.ag-floating-bottom-container,
.ag-sticky-top-container {
    height: 100%;
    white-space: nowrap
}

.ag-center-cols-container {
    display: block
}

.ag-pinned-right-cols-container {
    display: block
}

.ag-body-horizontal-scroll-container {
    height: 100%
}

.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-sticky-top-full-width-container {
    position: absolute;
    top: 0px;
    left: 0px;
    pointer-events: none
}

.ag-full-width-container {
    width: 100%
}

.ag-floating-bottom-full-width-container,
.ag-floating-top-full-width-container {
    display: inline-block;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.ag-virtual-list-container {
    overflow: hidden
}

.ag-center-cols-clipper {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    min-height: 100%;
    transform: translate3d(0, 0, 0)
}

.ag-body-horizontal-scroll {
    min-height: 0;
    min-width: 0;
    width: 100%;
    display: flex;
    position: relative
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
    display: none
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
    display: inherit
}

.ag-force-vertical-scroll {
    overflow-y: scroll !important
}

.ag-horizontal-left-spacer,
.ag-horizontal-right-spacer {
    height: 100%;
    min-width: 0;
    overflow-x: scroll
}

.ag-horizontal-left-spacer.ag-scroller-corner,
.ag-horizontal-right-spacer.ag-scroller-corner {
    overflow-x: hidden
}

.ag-header,
.ag-pinned-left-header,
.ag-pinned-right-header {
    display: inline-block;
    overflow: hidden;
    position: relative
}

.ag-header-cell-sortable {
    cursor: pointer
}

.ag-header {
    display: flex;
    width: 100%;
    white-space: nowrap
}

.ag-pinned-left-header {
    height: 100%
}

.ag-pinned-right-header {
    height: 100%
}

.ag-header-row {
    position: absolute;
    overflow: hidden
}

.ag-header-cell {
    display: inline-flex;
    align-items: center;
    position: absolute;
    height: 100%;
    overflow: hidden
}

.ag-header-cell.ag-header-active .ag-header-cell-menu-button {
    opacity: 1
}

.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
    transition: opacity .2s;
    opacity: 0
}

.ag-header-group-cell-label,
.ag-header-cell-label {
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
    align-items: center;
    text-overflow: ellipsis;
    align-self: stretch
}

.ag-header-cell-text {
    overflow: hidden;
    text-overflow: ellipsis
}

.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
    height: 100%;
    display: flex;
    align-items: center
}

.ag-header-cell-comp-wrapper {
    width: 100%;
    overflow: hidden
}

.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
    white-space: normal
}

.ag-right-aligned-header .ag-header-cell-label {
    flex-direction: row-reverse
}

.ag-header-group-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ag-header-cell-resize {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 8px;
    top: 0;
    cursor: ew-resize
}

.ag-ltr .ag-header-cell-resize {
    right: -4px
}

.ag-rtl .ag-header-cell-resize {
    left: -4px
}

.ag-pinned-left-header .ag-header-cell-resize {
    right: -4px
}

.ag-pinned-right-header .ag-header-cell-resize {
    left: -4px
}

.ag-header-select-all {
    display: flex
}

.ag-column-moving .ag-cell {
    transition: left .2s
}

.ag-column-moving .ag-header-cell {
    transition: left .2s
}

.ag-column-moving .ag-header-group-cell {
    transition: left .2s, width .2s
}

.ag-column-panel {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1 1 auto
}

.ag-column-select {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 3 1 0px
}

.ag-column-select-header {
    position: relative;
    display: flex;
    flex: none
}

.ag-column-select-header-icon {
    position: relative
}

.ag-column-select-header-filter-wrapper {
    flex: 1 1 auto
}

.ag-column-select-header-filter {
    width: 100%
}

.ag-column-select-list {
    flex: 1 1 0px;
    overflow: hidden
}

.ag-column-drop {
    position: relative;
    display: inline-flex;
    align-items: center;
    overflow: auto;
    width: 100%
}

.ag-column-drop-list {
    display: flex;
    align-items: center
}

.ag-column-drop-cell {
    position: relative;
    display: flex;
    align-items: center
}

.ag-column-drop-cell-text {
    overflow: hidden;
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ag-column-drop-vertical {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    align-items: stretch;
    flex: 1 1 0px
}

.ag-column-drop-vertical-title-bar {
    display: flex;
    align-items: center;
    flex: none
}

.ag-column-drop-vertical-list {
    position: relative;
    align-items: stretch;
    flex-grow: 1;
    flex-direction: column;
    overflow-x: auto
}

.ag-column-drop-vertical-list>* {
    flex: none
}

.ag-column-drop-empty .ag-column-drop-vertical-list {
    overflow: hidden
}

.ag-column-drop-vertical-empty-message {
    display: block
}

.ag-column-drop.ag-column-drop-horizontal {
    white-space: nowrap;
    overflow: hidden
}

.ag-column-drop-cell-button {
    cursor: pointer
}

.ag-filter-toolpanel {
    flex: 1 1 0px;
    min-width: 0
}

.ag-filter-toolpanel-header {
    position: relative
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
    display: flex;
    align-items: center
}

.ag-filter-toolpanel-header>*,
.ag-filter-toolpanel-search>* {
    display: flex;
    align-items: center
}

.ag-filter-apply-panel {
    display: flex;
    justify-content: flex-end;
    overflow: hidden
}

.ag-row-animation .ag-row {
    transition: transform .4s, top .4s, background-color .1s, opacity .2s
}

.ag-row-animation .ag-row.ag-after-created {
    transition: transform .4s, top .4s, height .4s, background-color .1s, opacity .2s
}

.ag-row-no-animation .ag-row {
    transition: background-color .1s
}

.ag-row {
    white-space: nowrap;
    width: 100%
}

.ag-row-loading {
    display: flex;
    align-items: center
}

.ag-row-position-absolute {
    position: absolute
}

.ag-row-position-relative {
    position: relative
}

.ag-full-width-row {
    overflow: hidden;
    pointer-events: all
}

.ag-row-inline-editing {
    z-index: 1
}

.ag-row-dragging {
    z-index: 2
}

.ag-stub-cell {
    display: flex;
    align-items: center
}

.ag-cell {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    height: 100%
}

.ag-cell-value {
    flex: 1 1 auto
}

.ag-cell-value,
.ag-group-value {
    overflow: hidden;
    text-overflow: ellipsis
}

.ag-cell-wrap-text {
    white-space: normal;
    word-break: break-all
}

.ag-cell-wrapper {
    display: flex;
    align-items: center
}

.ag-cell-wrapper.ag-row-group {
    align-items: flex-start
}

.ag-sparkline-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.ag-full-width-row .ag-cell-wrapper.ag-row-group {
    height: 100%;
    align-items: center
}

.ag-cell-inline-editing {
    z-index: 1
}

.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor input {
    height: 100%;
    width: 100%;
    line-height: normal
}

.ag-cell .ag-icon {
    display: inline-block;
    vertical-align: middle
}

.ag-set-filter-item {
    display: flex;
    align-items: center;
    height: 100%
}

.ag-set-filter-item-value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ag-set-filter-item-checkbox {
    display: flex
}

.ag-filter-body-wrapper {
    display: flex;
    flex-direction: column
}

.ag-filter-filter {
    flex: 1 1 0px
}

.ag-filter-condition {
    display: flex;
    justify-content: center
}

.ag-floating-filter-body {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    height: 100%
}

.ag-floating-filter-full-body {
    display: flex;
    flex: 1 1 auto;
    height: 100%;
    width: 100%;
    align-items: center;
    overflow: hidden
}

.ag-floating-filter-full-body>div {
    flex: 1 1 auto
}

.ag-floating-filter-input {
    align-items: center;
    display: flex;
    width: 100%
}

.ag-floating-filter-input>* {
    flex: 1 1 auto
}

.ag-floating-filter-button {
    display: flex;
    flex: none
}

.ag-dnd-ghost {
    position: absolute;
    display: inline-flex;
    align-items: center;
    cursor: move;
    white-space: nowrap;
    z-index: 9999
}

.ag-overlay {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.ag-overlay-panel {
    display: flex;
    height: 100%;
    width: 100%
}

.ag-overlay-wrapper {
    display: flex;
    flex: none;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center
}

.ag-overlay-loading-wrapper {
    pointer-events: all
}

.ag-popup-child {
    z-index: 5;
    top: 0
}

.ag-popup-editor {
    position: absolute;
    user-select: none;
    z-index: 1
}

.ag-large-text-input {
    display: block
}

.ag-virtual-list-item {
    position: absolute;
    width: 100%
}

.ag-floating-top {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    position: relative;
    display: flex
}

.ag-pinned-left-floating-top {
    display: inline-block;
    overflow: hidden;
    position: relative;
    min-width: 0px
}

.ag-pinned-right-floating-top {
    display: inline-block;
    overflow: hidden;
    position: relative;
    min-width: 0px
}

.ag-floating-bottom {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    position: relative;
    display: flex
}

.ag-pinned-left-floating-bottom {
    display: inline-block;
    overflow: hidden;
    position: relative;
    min-width: 0px
}

.ag-pinned-right-floating-bottom {
    display: inline-block;
    overflow: hidden;
    position: relative;
    min-width: 0px
}

.ag-sticky-top {
    position: absolute;
    display: flex;
    width: 100%
}

.ag-pinned-left-sticky-top,
.ag-pinned-right-sticky-top {
    position: relative;
    height: 100%;
    overflow: hidden
}

.ag-sticky-top-full-width-container {
    overflow: hidden;
    width: 100%;
    height: 100%
}

.ag-dialog,
.ag-panel {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden
}

.ag-panel-title-bar {
    display: flex;
    flex: none;
    align-items: center;
    cursor: default
}

.ag-panel-title-bar-title {
    flex: 1 1 auto
}

.ag-panel-title-bar-buttons {
    display: flex
}

.ag-panel-title-bar-button {
    cursor: pointer
}

.ag-panel-content-wrapper {
    display: flex;
    flex: 1 1 auto;
    position: relative;
    overflow: hidden
}

.ag-dialog {
    position: absolute
}

.ag-resizer {
    position: absolute;
    pointer-events: none;
    user-select: none;
    z-index: 1
}

.ag-resizer.ag-resizer-topLeft {
    top: 0;
    left: 0;
    height: 5px;
    width: 5px;
    cursor: nwse-resize
}

.ag-resizer.ag-resizer-top {
    top: 0;
    left: 5px;
    right: 5px;
    height: 5px;
    cursor: ns-resize
}

.ag-resizer.ag-resizer-topRight {
    top: 0;
    right: 0;
    height: 5px;
    width: 5px;
    cursor: nesw-resize
}

.ag-resizer.ag-resizer-right {
    top: 5px;
    right: 0;
    bottom: 5px;
    width: 5px;
    cursor: ew-resize
}

.ag-resizer.ag-resizer-bottomRight {
    bottom: 0;
    right: 0;
    height: 5px;
    width: 5px;
    cursor: nwse-resize
}

.ag-resizer.ag-resizer-bottom {
    bottom: 0;
    left: 5px;
    right: 5px;
    height: 5px;
    cursor: ns-resize
}

.ag-resizer.ag-resizer-bottomLeft {
    bottom: 0;
    left: 0;
    height: 5px;
    width: 5px;
    cursor: nesw-resize
}

.ag-resizer.ag-resizer-left {
    left: 0;
    top: 5px;
    bottom: 5px;
    width: 5px;
    cursor: ew-resize
}

.ag-tooltip {
    position: absolute;
    pointer-events: none;
    z-index: 99999
}

.ag-tooltip-custom {
    position: absolute;
    pointer-events: none;
    z-index: 99999
}

.ag-value-slide-out {
    margin-right: 5px;
    opacity: 1;
    transition: opacity 3s, margin-right 3s;
    transition-timing-function: linear
}

.ag-value-slide-out-end {
    margin-right: 10px;
    opacity: 0
}

.ag-opacity-zero {
    opacity: 0 !important
}

.ag-menu {
    max-height: 100%;
    overflow-y: auto;
    position: absolute;
    user-select: none
}

.ag-menu-column-select-wrapper {
    height: 265px;
    overflow: auto
}

.ag-menu-column-select-wrapper .ag-column-select {
    height: 100%
}

.ag-menu-list {
    display: table;
    width: 100%
}

.ag-menu-option,
.ag-menu-separator {
    display: table-row
}

.ag-menu-option-part,
.ag-menu-separator-part {
    display: table-cell;
    vertical-align: middle
}

.ag-menu-option-text {
    white-space: nowrap
}

.ag-compact-menu-option {
    width: 100%;
    display: flex;
    flex-wrap: nowrap
}

.ag-compact-menu-option-text {
    white-space: nowrap;
    flex: 1 1 auto
}

.ag-rich-select {
    cursor: default;
    outline: none
}

.ag-rich-select-value {
    display: flex;
    align-items: center
}

.ag-rich-select-value-icon {
    flex: 1 1 auto;
    order: 1
}

.ag-ltr .ag-rich-select-value-icon {
    text-align: right
}

.ag-rtl .ag-rich-select-value-icon {
    text-align: left
}

.ag-rich-select-list {
    position: relative
}

.ag-rich-select-virtual-list-item {
    display: flex
}

.ag-rich-select-row {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    white-space: nowrap
}

.ag-paging-panel {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.ag-paging-page-summary-panel {
    display: flex;
    align-items: center
}

.ag-paging-button {
    position: relative
}

.ag-disabled .ag-paging-page-summary-panel {
    pointer-events: none
}

.ag-tool-panel-wrapper {
    display: flex;
    overflow-y: auto;
    overflow-x: hidden;
    cursor: default;
    user-select: none
}

.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
    position: relative;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%
}

.ag-column-select-column>*,
.ag-column-select-column-group>*,
.ag-select-agg-func-item>* {
    flex: none
}

.ag-column-select-checkbox {
    display: flex
}

.ag-tool-panel-horizontal-resize {
    cursor: ew-resize;
    height: 100%;
    position: absolute;
    top: 0;
    width: 5px;
    z-index: 1
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
    right: -3px
}

.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
    left: -3px
}

.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
    left: -3px
}

.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
    right: -3px
}

.ag-details-row {
    width: 100%
}

.ag-details-row-fixed-height {
    height: 100%
}

.ag-details-grid {
    width: 100%
}

.ag-details-grid-fixed-height {
    height: 100%
}

.ag-header-group-cell {
    display: flex;
    align-items: center;
    height: 100%;
    position: absolute
}

.ag-cell-label-container {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 5px 0px
}

.ag-right-aligned-header .ag-cell-label-container {
    flex-direction: row
}

.ag-side-bar {
    display: flex;
    flex-direction: row-reverse
}

.ag-side-bar-left {
    order: -1;
    flex-direction: row
}

.ag-side-button-button {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    outline: none;
    cursor: pointer
}

.ag-side-button-label {
    writing-mode: vertical-lr
}

.ag-status-bar {
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

.ag-status-panel {
    display: inline-flex
}

.ag-status-name-value {
    white-space: nowrap
}

.ag-status-bar-left {
    display: inline-flex
}

.ag-status-bar-center {
    display: inline-flex
}

.ag-status-bar-right {
    display: inline-flex
}

.ag-icon {
    display: block;
    speak: none
}

.ag-group {
    position: relative;
    width: 100%
}

.ag-group-title-bar {
    display: flex;
    align-items: center
}

.ag-group-title {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ag-group-title-bar .ag-group-title {
    cursor: default
}

.ag-group-toolbar {
    display: flex;
    align-items: center
}

.ag-group-container {
    display: flex
}

.ag-disabled .ag-group-container {
    pointer-events: none
}

.ag-group-container-horizontal {
    flex-direction: row;
    flex-wrap: wrap
}

.ag-group-container-vertical {
    flex-direction: column
}

.ag-column-group-icons {
    display: block
}

.ag-column-group-icons>* {
    cursor: pointer
}

.ag-group-item-alignment-stretch .ag-group-item {
    align-items: stretch
}

.ag-group-item-alignment-start .ag-group-item {
    align-items: flex-start
}

.ag-group-item-alignment-end .ag-group-item {
    align-items: flex-end
}

.ag-toggle-button-icon {
    transition: right .3s;
    position: absolute;
    top: -1px
}

.ag-input-field,
.ag-select {
    display: flex;
    flex-direction: row;
    align-items: center
}

.ag-input-field-input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0
}

.ag-floating-filter-input .ag-input-field-input[type=date] {
    width: 1px
}

.ag-range-field {
    display: flex;
    align-items: center
}

.ag-angle-select {
    display: flex;
    align-items: center
}

.ag-angle-select-wrapper {
    display: flex
}

.ag-angle-select-parent-circle {
    display: block;
    position: relative
}

.ag-angle-select-child-circle {
    position: absolute
}

.ag-slider-wrapper {
    display: flex
}

.ag-slider-wrapper .ag-input-field {
    flex: 1 1 auto
}

.ag-picker-field-display {
    flex: 1 1 auto
}

.ag-picker-field {
    display: flex;
    align-items: center
}

.ag-picker-field-icon {
    display: flex;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.ag-picker-field-wrapper {
    overflow: hidden
}

.ag-label-align-right .ag-label {
    order: 1
}

.ag-label-align-right>* {
    flex: none
}

.ag-label-align-top {
    flex-direction: column;
    align-items: flex-start
}

.ag-label-align-top>* {
    align-self: stretch
}

.ag-color-panel {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center
}

.ag-spectrum-color {
    flex: 1 1 auto;
    position: relative;
    overflow: hidden;
    cursor: default
}

.ag-spectrum-fill {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ag-spectrum-val {
    cursor: pointer
}

.ag-spectrum-dragger {
    position: absolute;
    pointer-events: none;
    cursor: pointer
}

.ag-spectrum-hue {
    cursor: default;
    background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)
}

.ag-spectrum-alpha {
    cursor: default
}

.ag-spectrum-hue-background {
    width: 100%;
    height: 100%
}

.ag-spectrum-alpha-background {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0));
    width: 100%;
    height: 100%
}

.ag-spectrum-tool {
    cursor: pointer
}

.ag-spectrum-slider {
    position: absolute;
    pointer-events: none
}

.ag-recent-colors {
    display: flex
}

.ag-recent-color {
    cursor: pointer
}

.ag-ltr .ag-column-select-indent-1 {
    padding-left: 20px
}

.ag-rtl .ag-column-select-indent-1 {
    padding-right: 20px
}

.ag-ltr .ag-row-group-indent-1 {
    padding-left: 20px
}

.ag-rtl .ag-row-group-indent-1 {
    padding-right: 20px
}

.ag-ltr .ag-column-select-indent-2 {
    padding-left: 40px
}

.ag-rtl .ag-column-select-indent-2 {
    padding-right: 40px
}

.ag-ltr .ag-row-group-indent-2 {
    padding-left: 40px
}

.ag-rtl .ag-row-group-indent-2 {
    padding-right: 40px
}

.ag-ltr .ag-column-select-indent-3 {
    padding-left: 60px
}

.ag-rtl .ag-column-select-indent-3 {
    padding-right: 60px
}

.ag-ltr .ag-row-group-indent-3 {
    padding-left: 60px
}

.ag-rtl .ag-row-group-indent-3 {
    padding-right: 60px
}

.ag-ltr .ag-column-select-indent-4 {
    padding-left: 80px
}

.ag-rtl .ag-column-select-indent-4 {
    padding-right: 80px
}

.ag-ltr .ag-row-group-indent-4 {
    padding-left: 80px
}

.ag-rtl .ag-row-group-indent-4 {
    padding-right: 80px
}

.ag-ltr .ag-column-select-indent-5 {
    padding-left: 100px
}

.ag-rtl .ag-column-select-indent-5 {
    padding-right: 100px
}

.ag-ltr .ag-row-group-indent-5 {
    padding-left: 100px
}

.ag-rtl .ag-row-group-indent-5 {
    padding-right: 100px
}

.ag-ltr .ag-column-select-indent-6 {
    padding-left: 120px
}

.ag-rtl .ag-column-select-indent-6 {
    padding-right: 120px
}

.ag-ltr .ag-row-group-indent-6 {
    padding-left: 120px
}

.ag-rtl .ag-row-group-indent-6 {
    padding-right: 120px
}

.ag-ltr .ag-column-select-indent-7 {
    padding-left: 140px
}

.ag-rtl .ag-column-select-indent-7 {
    padding-right: 140px
}

.ag-ltr .ag-row-group-indent-7 {
    padding-left: 140px
}

.ag-rtl .ag-row-group-indent-7 {
    padding-right: 140px
}

.ag-ltr .ag-column-select-indent-8 {
    padding-left: 160px
}

.ag-rtl .ag-column-select-indent-8 {
    padding-right: 160px
}

.ag-ltr .ag-row-group-indent-8 {
    padding-left: 160px
}

.ag-rtl .ag-row-group-indent-8 {
    padding-right: 160px
}

.ag-ltr .ag-column-select-indent-9 {
    padding-left: 180px
}

.ag-rtl .ag-column-select-indent-9 {
    padding-right: 180px
}

.ag-ltr .ag-row-group-indent-9 {
    padding-left: 180px
}

.ag-rtl .ag-row-group-indent-9 {
    padding-right: 180px
}

.ag-ltr {
    direction: ltr
}

.ag-ltr .ag-body,
.ag-ltr .ag-floating-top,
.ag-ltr .ag-floating-bottom,
.ag-ltr .ag-header,
.ag-ltr .ag-body-viewport,
.ag-ltr .ag-body-horizontal-scroll {
    flex-direction: row
}

.ag-rtl {
    direction: rtl
}

.ag-rtl .ag-body,
.ag-rtl .ag-floating-top,
.ag-rtl .ag-floating-bottom,
.ag-rtl .ag-header,
.ag-rtl .ag-body-viewport,
.ag-rtl .ag-body-horizontal-scroll {
    flex-direction: row-reverse
}

.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-expanded,
.ag-rtl .ag-icon-tree-closed {
    display: block;
    transform: rotate(180deg)
}

.ag-layout-print.ag-body-viewport {
    flex: none
}

.ag-layout-print.ag-root-wrapper {
    display: inline-flex
}

.ag-layout-print .ag-center-cols-clipper {
    min-width: 100%
}

.ag-layout-print .ag-body-horizontal-scroll {
    display: none
}

.ag-layout-print.ag-force-vertical-scroll {
    overflow-y: visible !important
}

@media print {
    .ag-root-wrapper.ag-layout-print {
        display: table
    }

    .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
    .ag-root-wrapper.ag-layout-print .ag-root,
    .ag-root-wrapper.ag-layout-print .ag-body-viewport,
    .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
    .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
    .ag-root-wrapper.ag-layout-print .ag-center-cols-clipper,
    .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
    .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
        height: auto !important;
        overflow: hidden !important;
        display: block !important
    }

    .ag-root-wrapper.ag-layout-print .ag-row,
    .ag-root-wrapper.ag-layout-print .ag-cell {
        break-inside: avoid
    }
}

.ag-body .ag-body-viewport {
    -webkit-overflow-scrolling: touch
}

.ag-chart {
    position: relative;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.ag-chart-components-wrapper {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    overflow: hidden
}

.ag-chart-title-edit {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    text-align: center
}

.ag-chart-title-edit.currently-editing {
    display: inline-block
}

.ag-chart-canvas-wrapper {
    position: relative;
    flex: 1 1 auto;
    overflow: hidden
}

.ag-charts-canvas {
    display: block
}

.ag-chart-menu {
    position: absolute;
    top: 10px;
    width: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.ag-ltr .ag-chart-menu {
    right: 20px
}

.ag-rtl .ag-chart-menu {
    left: 20px
}

.ag-chart-docked-container {
    position: relative;
    width: 0;
    min-width: 0;
    transition: min-width .4s
}

.ag-chart-menu-hidden~.ag-chart-docked-container {
    max-width: 0;
    overflow: hidden
}

.ag-chart-tabbed-menu {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.ag-chart-tabbed-menu-header {
    flex: none;
    user-select: none;
    cursor: default
}

.ag-chart-tabbed-menu-body {
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    overflow: hidden
}

.ag-chart-tab {
    width: 100%;
    overflow: hidden;
    overflow-y: auto
}

.ag-chart-settings {
    overflow-x: hidden
}

.ag-chart-settings-wrapper {
    position: relative;
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden
}

.ag-chart-settings-nav-bar {
    display: flex;
    align-items: center;
    width: 100%;
    height: 30px;
    padding: 0 10px;
    user-select: none
}

.ag-chart-settings-card-selector {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex: 1 1 auto;
    height: 100%;
    padding: 0 10px
}

.ag-chart-settings-card-item {
    cursor: pointer;
    width: 10px;
    height: 10px;
    background-color: #000;
    position: relative
}

.ag-chart-settings-card-item.ag-not-selected {
    opacity: .2
}

.ag-chart-settings-card-item::before {
    content: " ";
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    width: 20px;
    height: 20px
}

.ag-chart-settings-prev,
.ag-chart-settings-next {
    position: relative;
    flex: none
}

.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.ag-chart-settings-mini-charts-container {
    position: relative;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto
}

.ag-chart-settings-mini-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    overflow: hidden
}

.ag-chart-settings-mini-wrapper.ag-animating {
    transition: left .3s;
    transition-timing-function: ease-in-out
}

.ag-chart-mini-thumbnail {
    cursor: pointer
}

.ag-chart-mini-thumbnail-canvas {
    display: block
}

.ag-chart-data-wrapper,
.ag-chart-format-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    user-select: none
}

.ag-chart-data-wrapper {
    height: 100%;
    overflow-y: auto
}

.ag-chart-data-section,
.ag-chart-format-section {
    display: flex;
    margin: 0
}

.ag-chart-empty-text {
    display: flex;
    top: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

.ag-chart-menu-hidden:hover .ag-chart-menu {
    display: block
}

.ag-chart-menu-close {
    display: none
}

.ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu {
    display: flex;
    flex-direction: row;
    overflow: auto;
    top: 5px;
    gap: 7px;
    width: auto
}

.ag-ltr .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu {
    right: 10px;
    justify-content: right
}

.ag-rtl .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu {
    left: 10px;
    justify-content: left
}

.ag-chart-tool-panel-button-enable .ag-chart-menu-close {
    position: absolute;
    top: 45%;
    padding: 0;
    display: block;
    cursor: pointer;
    border: none
}

.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close {
    right: 0px
}

.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close {
    left: 0px
}

.ag-chart-tool-panel-button-enable .ag-chart-menu-close .ag-icon {
    padding: 9px 0 9px 0
}

.ag-chart-tool-panel-button-enable .ag-icon-menu {
    display: none
}

.ag-charts-font-size-color {
    display: flex;
    align-self: stretch;
    justify-content: space-between
}

.ag-charts-data-group-item {
    position: relative
}

.ag-date-time-list-page-title-bar {
    display: flex
}

.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
    display: flex
}

.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
    flex-basis: 0;
    flex-grow: 1
}

.ag-date-time-list-page-entry {
    cursor: pointer
}

.ag-theme-material {
    -webkit-font-smoothing: antialiased;
    color: rgba(0, 0, 0, .87);
    color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87));
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    line-height: normal
}

.ag-theme-material .ag-icon {
    font-family: "agGridMaterial";
    font-size: 18px;
    line-height: 18px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ag-theme-material .ag-icon-aggregation::before {
    content: "\f101"
}

.ag-theme-material .ag-icon-arrows::before {
    content: "\f102"
}

.ag-theme-material .ag-icon-asc::before {
    content: "\f103"
}

.ag-theme-material .ag-icon-cancel::before {
    content: "\f104"
}

.ag-theme-material .ag-icon-chart::before {
    content: "\f105"
}

.ag-theme-material .ag-icon-color-picker::before {
    content: "\f109"
}

.ag-theme-material .ag-icon-columns::before {
    content: "\f10a"
}

.ag-theme-material .ag-icon-contracted::before {
    content: "\f10b"
}

.ag-theme-material .ag-icon-copy::before {
    content: "\f10c"
}

.ag-theme-material .ag-icon-cross::before {
    content: "\f10d"
}

.ag-theme-material .ag-icon-csv::before {
    content: "\f10e"
}

.ag-theme-material .ag-icon-desc::before {
    content: "\f10f"
}

.ag-theme-material .ag-icon-excel::before {
    content: "\f110"
}

.ag-theme-material .ag-icon-expanded::before {
    content: "\f111"
}

.ag-theme-material .ag-icon-eye-slash::before {
    content: "\f112"
}

.ag-theme-material .ag-icon-eye::before {
    content: "\f113"
}

.ag-theme-material .ag-icon-filter::before {
    content: "\f114"
}

.ag-theme-material .ag-icon-first::before {
    content: "\f115"
}

.ag-theme-material .ag-icon-grip::before {
    content: "\f116"
}

.ag-theme-material .ag-icon-group::before {
    content: "\f117"
}

.ag-theme-material .ag-icon-last::before {
    content: "\f118"
}

.ag-theme-material .ag-icon-left::before {
    content: "\f119"
}

.ag-theme-material .ag-icon-linked::before {
    content: "\f11a"
}

.ag-theme-material .ag-icon-loading::before {
    content: "\f11b"
}

.ag-theme-material .ag-icon-maximize::before {
    content: "\f11c"
}

.ag-theme-material .ag-icon-menu::before {
    content: "\f11d"
}

.ag-theme-material .ag-icon-minimize::before {
    content: "\f11e"
}

.ag-theme-material .ag-icon-next::before {
    content: "\f11f"
}

.ag-theme-material .ag-icon-none::before {
    content: "\f120"
}

.ag-theme-material .ag-icon-not-allowed::before {
    content: "\f121"
}

.ag-theme-material .ag-icon-paste::before {
    content: "\f122"
}

.ag-theme-material .ag-icon-pin::before {
    content: "\f123"
}

.ag-theme-material .ag-icon-pivot::before {
    content: "\f124"
}

.ag-theme-material .ag-icon-previous::before {
    content: "\f125"
}

.ag-theme-material .ag-icon-right::before {
    content: "\f128"
}

.ag-theme-material .ag-icon-save::before {
    content: "\f129"
}

.ag-theme-material .ag-icon-small-down::before {
    content: "\f12a"
}

.ag-theme-material .ag-icon-small-left::before {
    content: "\f12b"
}

.ag-theme-material .ag-icon-small-right::before {
    content: "\f12c"
}

.ag-theme-material .ag-icon-small-up::before {
    content: "\f12d"
}

.ag-theme-material .ag-icon-tick::before {
    content: "\f12e"
}

.ag-theme-material .ag-icon-tree-closed::before {
    content: "\f12f"
}

.ag-theme-material .ag-icon-tree-indeterminate::before {
    content: "\f130"
}

.ag-theme-material .ag-icon-tree-open::before {
    content: "\f131"
}

.ag-theme-material .ag-icon-unlinked::before {
    content: "\f132"
}

.ag-theme-material .ag-icon-row-drag::before {
    content: "\f116"
}

.ag-theme-material .ag-left-arrow::before {
    content: "\f119"
}

.ag-theme-material .ag-right-arrow::before {
    content: "\f128"
}

.ag-theme-material .ag-root-wrapper,
.ag-theme-material .ag-sticky-top {
    background-color: #fff;
    background-color: var(--ag-background-color, #fff)
}

.ag-theme-material [class^=ag-],
.ag-theme-material [class^=ag-]:focus,
.ag-theme-material [class^=ag-]:after,
.ag-theme-material [class^=ag-]:before {
    box-sizing: border-box;
    outline: none
}

.ag-theme-material [class^=ag-]::-ms-clear {
    display: none
}

.ag-theme-material .ag-checkbox .ag-input-wrapper,
.ag-theme-material .ag-radio-button .ag-input-wrapper {
    overflow: visible
}

.ag-theme-material .ag-range-field .ag-input-wrapper {
    height: 100%
}

.ag-theme-material .ag-toggle-button {
    flex: none;
    width: unset;
    min-width: unset
}

.ag-theme-material .ag-ltr .ag-label-align-right .ag-label {
    margin-left: 8px
}

.ag-theme-material .ag-rtl .ag-label-align-right .ag-label {
    margin-right: 8px
}

.ag-theme-material input[class^=ag-] {
    margin: 0;
    background-color: #fff;
    background-color: var(--ag-background-color, #fff)
}

.ag-theme-material textarea[class^=ag-],
.ag-theme-material select[class^=ag-] {
    background-color: #fff;
    background-color: var(--ag-background-color, #fff)
}

.ag-theme-material input[class^=ag-]:not([type]),
.ag-theme-material input[class^=ag-][type=text],
.ag-theme-material input[class^=ag-][type=number],
.ag-theme-material input[class^=ag-][type=tel],
.ag-theme-material input[class^=ag-][type=date],
.ag-theme-material input[class^=ag-][type=datetime-local],
.ag-theme-material textarea[class^=ag-] {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    border-width: 1px;
    border-style: solid;
    border-color: #000;
    border-color: var(--ag-input-border-color, #000000)
}

.ag-theme-material input[class^=ag-]:not([type]):disabled,
.ag-theme-material input[class^=ag-][type=text]:disabled,
.ag-theme-material input[class^=ag-][type=number]:disabled,
.ag-theme-material input[class^=ag-][type=tel]:disabled,
.ag-theme-material input[class^=ag-][type=date]:disabled,
.ag-theme-material input[class^=ag-][type=datetime-local]:disabled,
.ag-theme-material textarea[class^=ag-]:disabled {
    color: rgba(0, 0, 0, .38);
    color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
    background-color: rgba(0, 0, 0, 0);
    background-color: var(--ag-input-disabled-background-color, transparent);
    border-color: rgba(0, 0, 0, .3);
    border-color: var(--ag-input-disabled-border-color, rgba(0, 0, 0, 0.3))
}

.ag-theme-material input[class^=ag-]:not([type]):focus,
.ag-theme-material input[class^=ag-][type=text]:focus,
.ag-theme-material input[class^=ag-][type=number]:focus,
.ag-theme-material input[class^=ag-][type=tel]:focus,
.ag-theme-material input[class^=ag-][type=date]:focus,
.ag-theme-material input[class^=ag-][type=datetime-local]:focus,
.ag-theme-material textarea[class^=ag-]:focus {
    outline: none;
    box-shadow: 0 0 0 5px rgba(32, 33, 36, .122);
    border-color: #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material input[class^=ag-]:not([type]):invalid,
.ag-theme-material input[class^=ag-][type=text]:invalid,
.ag-theme-material input[class^=ag-][type=number]:invalid,
.ag-theme-material input[class^=ag-][type=tel]:invalid,
.ag-theme-material input[class^=ag-][type=date]:invalid,
.ag-theme-material input[class^=ag-][type=datetime-local]:invalid,
.ag-theme-material textarea[class^=ag-]:invalid {
    border-width: 2px;
    border-style: solid;
    border-color: var(--ag-input-border-color-invalid)
}

.ag-theme-material input[class^=ag-][type=number] {
    -moz-appearance: textfield
}

.ag-theme-material input[class^=ag-][type=number]::-webkit-outer-spin-button,
.ag-theme-material input[class^=ag-][type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.ag-theme-material input[class^=ag-][type=range] {
    padding: 0
}

.ag-theme-material input[class^=ag-][type=button]:focus,
.ag-theme-material button[class^=ag-]:focus {
    box-shadow: 0 0 0 5px rgba(32, 33, 36, .122)
}

.ag-theme-material .ag-drag-handle {
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54))
}

.ag-theme-material .ag-list-item,
.ag-theme-material .ag-virtual-list-item {
    height: 40px
}

.ag-theme-material .ag-keyboard-focus .ag-virtual-list-item:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-virtual-list-item:focus::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid;
    border-color: #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-select-list {
    background-color: #fff;
    background-color: var(--ag-background-color, #fff);
    overflow-y: auto;
    overflow-x: hidden
}

.ag-theme-material .ag-list-item {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ag-theme-material .ag-list-item.ag-active-item {
    background-color: #fafafa;
    background-color: var(--ag-row-hover-color, #fafafa)
}

.ag-theme-material .ag-select-list-item {
    padding-left: 4px;
    padding-right: 4px;
    cursor: default;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ag-theme-material .ag-select-list-item span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ag-theme-material .ag-select .ag-picker-field-wrapper {
    background-color: #fff;
    background-color: var(--ag-background-color, #fff);
    min-height: 40px;
    cursor: default
}

.ag-theme-material .ag-select.ag-disabled .ag-picker-field-wrapper:focus {
    box-shadow: none
}

.ag-theme-material .ag-select:not(.ag-cell-editor) {
    height: 40px
}

.ag-theme-material .ag-select .ag-picker-field-display {
    margin: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ag-theme-material .ag-select .ag-picker-field-icon {
    display: flex;
    align-items: center
}

.ag-theme-material .ag-select.ag-disabled {
    opacity: .5
}

.ag-theme-material .ag-rich-select {
    background-color: #fafafa;
    background-color: var(--ag-control-panel-background-color, #fafafa)
}

.ag-theme-material .ag-rich-select-list {
    width: 100%;
    min-width: 200px;
    height: 312px
}

.ag-theme-material .ag-rich-select-value {
    padding: 0 8px 0 24px;
    height: 48px
}

.ag-theme-material .ag-rich-select-virtual-list-item {
    cursor: default;
    height: 40px
}

.ag-keyboard-focus .ag-theme-material .ag-rich-select-virtual-list-item:focus::after {
    content: none
}

.ag-theme-material .ag-rich-select-virtual-list-item:hover {
    background-color: #fafafa;
    background-color: var(--ag-row-hover-color, #fafafa)
}

.ag-theme-material .ag-rich-select-row {
    padding-left: 24px
}

.ag-theme-material .ag-rich-select-row-selected {
    background-color: #eee;
    background-color: var(--ag-selected-row-background-color, #eee)
}

.ag-theme-material .ag-row-drag,
.ag-theme-material .ag-selection-checkbox,
.ag-theme-material .ag-group-expanded,
.ag-theme-material .ag-group-contracted {
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54))
}

.ag-theme-material .ag-ltr .ag-row-drag,
.ag-theme-material .ag-ltr .ag-selection-checkbox,
.ag-theme-material .ag-ltr .ag-group-expanded,
.ag-theme-material .ag-ltr .ag-group-contracted {
    margin-right: 24px
}

.ag-theme-material .ag-rtl .ag-row-drag,
.ag-theme-material .ag-rtl .ag-selection-checkbox,
.ag-theme-material .ag-rtl .ag-group-expanded,
.ag-theme-material .ag-rtl .ag-group-contracted {
    margin-left: 24px
}

.ag-theme-material .ag-cell-wrapper>*:not(.ag-cell-value):not(.ag-group-value) {
    --ag-internal-calculated-line-height: var(--ag-line-height, 46px);
    --ag-internal-padded-row-height: 46px;
    height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
    display: flex;
    align-items: center;
    flex: none
}

.ag-theme-material .ag-group-expanded,
.ag-theme-material .ag-group-contracted {
    cursor: pointer
}

.ag-theme-material .ag-group-title-bar-icon {
    cursor: pointer;
    flex: none;
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54))
}

.ag-theme-material .ag-ltr .ag-group-child-count {
    margin-left: 2px
}

.ag-theme-material .ag-rtl .ag-group-child-count {
    margin-right: 2px
}

.ag-theme-material .ag-group-title-bar {
    background-color: #eee;
    background-color: var(--ag-subheader-background-color, #eee);
    padding: 8px
}

.ag-theme-material .ag-group-toolbar {
    padding: 8px
}

.ag-theme-material .ag-disabled-group-title-bar,
.ag-theme-material .ag-disabled-group-container {
    opacity: .5
}

.ag-theme-material .group-item {
    margin: 4px 0
}

.ag-theme-material .ag-label {
    white-space: nowrap
}

.ag-theme-material .ag-ltr .ag-label {
    margin-right: 8px
}

.ag-theme-material .ag-rtl .ag-label {
    margin-left: 8px
}

.ag-theme-material .ag-label-align-top .ag-label {
    margin-bottom: 4px
}

.ag-theme-material .ag-angle-select[disabled] {
    color: rgba(0, 0, 0, .38);
    color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
    pointer-events: none
}

.ag-theme-material .ag-angle-select[disabled] .ag-angle-select-field {
    opacity: .4
}

.ag-theme-material .ag-ltr .ag-slider-field,
.ag-theme-material .ag-ltr .ag-angle-select-field {
    margin-right: 16px
}

.ag-theme-material .ag-rtl .ag-slider-field,
.ag-theme-material .ag-rtl .ag-angle-select-field {
    margin-left: 16px
}

.ag-theme-material .ag-angle-select-parent-circle {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    border: solid 1px;
    border-color: #e2e2e2;
    border-color: var(--ag-border-color, #e2e2e2);
    background-color: #fff;
    background-color: var(--ag-background-color, #fff)
}

.ag-theme-material .ag-angle-select-child-circle {
    top: 4px;
    left: 12px;
    width: 6px;
    height: 6px;
    margin-left: -3px;
    margin-top: -4px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .54);
    background-color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54))
}

.ag-theme-material .ag-picker-field-wrapper {
    border: 1px solid;
    border-color: #e2e2e2;
    border-color: var(--ag-border-color, #e2e2e2);
    border-radius: 5px
}

.ag-theme-material .ag-picker-field-wrapper:focus {
    box-shadow: 0 0 0 5px rgba(32, 33, 36, .122)
}

.ag-theme-material .ag-picker-field-button {
    background-color: #fff;
    background-color: var(--ag-background-color, #fff);
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54))
}

.ag-theme-material .ag-dialog.ag-color-dialog {
    border-radius: 5px
}

.ag-theme-material .ag-color-picker .ag-picker-field-display {
    height: 18px
}

.ag-theme-material .ag-color-panel {
    padding: 8px
}

.ag-theme-material .ag-spectrum-color {
    background-color: red;
    border-radius: 2px
}

.ag-theme-material .ag-spectrum-tools {
    padding: 10px
}

.ag-theme-material .ag-spectrum-sat {
    background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0))
}

.ag-theme-material .ag-spectrum-val {
    background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0))
}

.ag-theme-material .ag-spectrum-dragger {
    border-radius: 12px;
    height: 12px;
    width: 12px;
    border: 1px solid #fff;
    background: #000;
    box-shadow: 0 0 2px 0px rgba(0, 0, 0, .24)
}

.ag-theme-material .ag-spectrum-hue-background {
    border-radius: 2px
}

.ag-theme-material .ag-spectrum-alpha-background {
    border-radius: 2px
}

.ag-theme-material .ag-spectrum-tool {
    margin-bottom: 10px;
    height: 11px;
    border-radius: 2px
}

.ag-theme-material .ag-spectrum-slider {
    margin-top: -12px;
    width: 13px;
    height: 13px;
    border-radius: 13px;
    background-color: #f8f8f8;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .37)
}

.ag-theme-material .ag-recent-color {
    margin: 0 3px
}

.ag-theme-material .ag-recent-color:first-child {
    margin-left: 0
}

.ag-theme-material .ag-recent-color:last-child {
    margin-right: 0
}

.ag-theme-material.ag-dnd-ghost {
    background: #fff;
    background: var(--ag-background-color, #fff);
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    padding: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
    height: 56px !important;
    line-height: 56px;
    margin: 0;
    padding: 0 16px;
    transform: translateY(16px)
}

.ag-theme-material .ag-dnd-ghost-icon {
    margin-right: 8px;
    color: rgba(0, 0, 0, .87);
    color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87))
}

.ag-theme-material .ag-popup-child:not(.ag-tooltip-custom) {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .3)
}

.ag-dragging-range-handle .ag-theme-material .ag-dialog,
.ag-dragging-fill-handle .ag-theme-material .ag-dialog {
    opacity: .7;
    pointer-events: none
}

.ag-theme-material .ag-dialog {
    border-radius: 2px
}

.ag-theme-material .ag-panel {
    background-color: #fff;
    background-color: var(--ag-background-color, #fff)
}

.ag-theme-material .ag-panel-title-bar {
    background-color: #fff;
    background-color: var(--ag-header-background-color, #fff);
    color: rgba(0, 0, 0, .54);
    color: var(--ag-header-foreground-color, rgba(0, 0, 0, 0.54));
    height: 56px;
    padding: 8px 24px
}

.ag-theme-material .ag-ltr .ag-panel-title-bar-button {
    margin-left: 8px
}

.ag-theme-material .ag-rtl .ag-panel-title-bar-button {
    margin-right: 8px
}

.ag-theme-material .ag-tooltip {
    background-color: #fff;
    background-color: var(--ag-header-background-color, #fff);
    color: rgba(0, 0, 0, .87);
    color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87));
    padding: 8px;
    border-radius: 2px;
    transition: opacity 1s;
    white-space: normal
}

.ag-theme-material .ag-tooltip.ag-tooltip-hiding {
    opacity: 0
}

.ag-theme-material .ag-tooltip-custom {
    transition: opacity 1s
}

.ag-theme-material .ag-tooltip-custom.ag-tooltip-hiding {
    opacity: 0
}

.ag-theme-material .ag-ltr .ag-column-select-indent-1 {
    padding-left: 26px
}

.ag-theme-material .ag-rtl .ag-column-select-indent-1 {
    padding-right: 26px
}

.ag-theme-material .ag-ltr .ag-column-select-indent-2 {
    padding-left: 52px
}

.ag-theme-material .ag-rtl .ag-column-select-indent-2 {
    padding-right: 52px
}

.ag-theme-material .ag-ltr .ag-column-select-indent-3 {
    padding-left: 78px
}

.ag-theme-material .ag-rtl .ag-column-select-indent-3 {
    padding-right: 78px
}

.ag-theme-material .ag-ltr .ag-column-select-indent-4 {
    padding-left: 104px
}

.ag-theme-material .ag-rtl .ag-column-select-indent-4 {
    padding-right: 104px
}

.ag-theme-material .ag-ltr .ag-column-select-indent-5 {
    padding-left: 130px
}

.ag-theme-material .ag-rtl .ag-column-select-indent-5 {
    padding-right: 130px
}

.ag-theme-material .ag-ltr .ag-column-select-indent-6 {
    padding-left: 156px
}

.ag-theme-material .ag-rtl .ag-column-select-indent-6 {
    padding-right: 156px
}

.ag-theme-material .ag-ltr .ag-column-select-indent-7 {
    padding-left: 182px
}

.ag-theme-material .ag-rtl .ag-column-select-indent-7 {
    padding-right: 182px
}

.ag-theme-material .ag-ltr .ag-column-select-indent-8 {
    padding-left: 208px
}

.ag-theme-material .ag-rtl .ag-column-select-indent-8 {
    padding-right: 208px
}

.ag-theme-material .ag-ltr .ag-column-select-indent-9 {
    padding-left: 234px
}

.ag-theme-material .ag-rtl .ag-column-select-indent-9 {
    padding-right: 234px
}

.ag-theme-material .ag-column-select-header-icon {
    cursor: pointer
}

.ag-theme-material .ag-keyboard-focus .ag-column-select-header-icon:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-column-select-header-icon:focus::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    top: 0px;
    left: 0px;
    display: block;
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    border: 1px solid;
    border-color: #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-ltr .ag-column-group-icons:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-column-label:not(:last-child) {
    margin-right: 16px
}

.ag-theme-material .ag-rtl .ag-column-group-icons:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-column-label:not(:last-child) {
    margin-left: 16px
}

.ag-theme-material .ag-keyboard-focus .ag-column-select-virtual-list-item:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-column-select-virtual-list-item:focus::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    top: 1px;
    left: 1px;
    display: block;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid;
    border-color: #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-column-select-column-group:not(:last-child),
.ag-theme-material .ag-column-select-column:not(:last-child) {
    margin-bottom: 14px
}

.ag-theme-material .ag-column-select-column-readonly,
.ag-theme-material .ag-column-select-column-group-readonly {
    color: rgba(0, 0, 0, .38);
    color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
    pointer-events: none
}

.ag-theme-material .ag-ltr .ag-column-select-add-group-indent {
    margin-left: 34px
}

.ag-theme-material .ag-rtl .ag-column-select-add-group-indent {
    margin-right: 34px
}

.ag-theme-material .ag-column-select-virtual-list-viewport {
    padding: 8px 0px
}

.ag-theme-material .ag-column-select-virtual-list-item {
    padding: 0 12px
}

.ag-theme-material .ag-rtl {
    text-align: right
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-1 {
    padding-left: 66px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-1 {
    padding-right: 66px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-1 {
    padding-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-1 {
    padding-right: 42px
}

.ag-theme-material .ag-ltr .ag-row-level-1 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-1 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-2 {
    padding-left: 108px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-2 {
    padding-right: 108px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-2 {
    padding-left: 84px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-2 {
    padding-right: 84px
}

.ag-theme-material .ag-ltr .ag-row-level-2 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-2 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-3 {
    padding-left: 150px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-3 {
    padding-right: 150px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-3 {
    padding-left: 126px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-3 {
    padding-right: 126px
}

.ag-theme-material .ag-ltr .ag-row-level-3 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-3 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-4 {
    padding-left: 192px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-4 {
    padding-right: 192px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-4 {
    padding-left: 168px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-4 {
    padding-right: 168px
}

.ag-theme-material .ag-ltr .ag-row-level-4 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-4 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-5 {
    padding-left: 234px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-5 {
    padding-right: 234px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-5 {
    padding-left: 210px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-5 {
    padding-right: 210px
}

.ag-theme-material .ag-ltr .ag-row-level-5 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-5 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-6 {
    padding-left: 276px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-6 {
    padding-right: 276px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-6 {
    padding-left: 252px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-6 {
    padding-right: 252px
}

.ag-theme-material .ag-ltr .ag-row-level-6 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-6 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-7 {
    padding-left: 318px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-7 {
    padding-right: 318px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-7 {
    padding-left: 294px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-7 {
    padding-right: 294px
}

.ag-theme-material .ag-ltr .ag-row-level-7 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-7 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-8 {
    padding-left: 360px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-8 {
    padding-right: 360px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-8 {
    padding-left: 336px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-8 {
    padding-right: 336px
}

.ag-theme-material .ag-ltr .ag-row-level-8 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-8 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-9 {
    padding-left: 402px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-9 {
    padding-right: 402px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-9 {
    padding-left: 378px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-9 {
    padding-right: 378px
}

.ag-theme-material .ag-ltr .ag-row-level-9 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-9 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-10 {
    padding-left: 444px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-10 {
    padding-right: 444px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-10 {
    padding-left: 420px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-10 {
    padding-right: 420px
}

.ag-theme-material .ag-ltr .ag-row-level-10 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-10 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-11 {
    padding-left: 486px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-11 {
    padding-right: 486px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-11 {
    padding-left: 462px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-11 {
    padding-right: 462px
}

.ag-theme-material .ag-ltr .ag-row-level-11 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-11 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-12 {
    padding-left: 528px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-12 {
    padding-right: 528px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-12 {
    padding-left: 504px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-12 {
    padding-right: 504px
}

.ag-theme-material .ag-ltr .ag-row-level-12 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-12 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-13 {
    padding-left: 570px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-13 {
    padding-right: 570px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-13 {
    padding-left: 546px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-13 {
    padding-right: 546px
}

.ag-theme-material .ag-ltr .ag-row-level-13 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-13 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-14 {
    padding-left: 612px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-14 {
    padding-right: 612px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-14 {
    padding-left: 588px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-14 {
    padding-right: 588px
}

.ag-theme-material .ag-ltr .ag-row-level-14 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-14 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-15 {
    padding-left: 654px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-15 {
    padding-right: 654px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-15 {
    padding-left: 630px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-15 {
    padding-right: 630px
}

.ag-theme-material .ag-ltr .ag-row-level-15 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-15 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-16 {
    padding-left: 696px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-16 {
    padding-right: 696px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-16 {
    padding-left: 672px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-16 {
    padding-right: 672px
}

.ag-theme-material .ag-ltr .ag-row-level-16 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-16 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-17 {
    padding-left: 738px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-17 {
    padding-right: 738px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-17 {
    padding-left: 714px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-17 {
    padding-right: 714px
}

.ag-theme-material .ag-ltr .ag-row-level-17 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-17 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-18 {
    padding-left: 780px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-18 {
    padding-right: 780px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-18 {
    padding-left: 756px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-18 {
    padding-right: 756px
}

.ag-theme-material .ag-ltr .ag-row-level-18 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-18 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-19 {
    padding-left: 822px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-19 {
    padding-right: 822px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-19 {
    padding-left: 798px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-19 {
    padding-right: 798px
}

.ag-theme-material .ag-ltr .ag-row-level-19 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-19 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-20 {
    padding-left: 864px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-20 {
    padding-right: 864px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-20 {
    padding-left: 840px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-20 {
    padding-right: 840px
}

.ag-theme-material .ag-ltr .ag-row-level-20 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-20 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-21 {
    padding-left: 906px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-21 {
    padding-right: 906px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-21 {
    padding-left: 882px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-21 {
    padding-right: 882px
}

.ag-theme-material .ag-ltr .ag-row-level-21 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-21 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-22 {
    padding-left: 948px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-22 {
    padding-right: 948px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-22 {
    padding-left: 924px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-22 {
    padding-right: 924px
}

.ag-theme-material .ag-ltr .ag-row-level-22 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-22 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-23 {
    padding-left: 990px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-23 {
    padding-right: 990px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-23 {
    padding-left: 966px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-23 {
    padding-right: 966px
}

.ag-theme-material .ag-ltr .ag-row-level-23 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-23 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-24 {
    padding-left: 1032px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-24 {
    padding-right: 1032px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-24 {
    padding-left: 1008px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-24 {
    padding-right: 1008px
}

.ag-theme-material .ag-ltr .ag-row-level-24 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-24 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-25 {
    padding-left: 1074px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-25 {
    padding-right: 1074px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-25 {
    padding-left: 1050px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-25 {
    padding-right: 1050px
}

.ag-theme-material .ag-ltr .ag-row-level-25 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-25 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-26 {
    padding-left: 1116px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-26 {
    padding-right: 1116px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-26 {
    padding-left: 1092px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-26 {
    padding-right: 1092px
}

.ag-theme-material .ag-ltr .ag-row-level-26 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-26 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-27 {
    padding-left: 1158px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-27 {
    padding-right: 1158px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-27 {
    padding-left: 1134px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-27 {
    padding-right: 1134px
}

.ag-theme-material .ag-ltr .ag-row-level-27 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-27 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-28 {
    padding-left: 1200px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-28 {
    padding-right: 1200px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-28 {
    padding-left: 1176px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-28 {
    padding-right: 1176px
}

.ag-theme-material .ag-ltr .ag-row-level-28 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-28 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-29 {
    padding-left: 1242px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-29 {
    padding-right: 1242px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-29 {
    padding-left: 1218px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-29 {
    padding-right: 1218px
}

.ag-theme-material .ag-ltr .ag-row-level-29 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-29 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-30 {
    padding-left: 1284px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-30 {
    padding-right: 1284px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-30 {
    padding-left: 1260px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-30 {
    padding-right: 1260px
}

.ag-theme-material .ag-ltr .ag-row-level-30 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-30 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-31 {
    padding-left: 1326px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-31 {
    padding-right: 1326px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-31 {
    padding-left: 1302px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-31 {
    padding-right: 1302px
}

.ag-theme-material .ag-ltr .ag-row-level-31 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-31 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-32 {
    padding-left: 1368px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-32 {
    padding-right: 1368px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-32 {
    padding-left: 1344px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-32 {
    padding-right: 1344px
}

.ag-theme-material .ag-ltr .ag-row-level-32 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-32 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-33 {
    padding-left: 1410px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-33 {
    padding-right: 1410px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-33 {
    padding-left: 1386px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-33 {
    padding-right: 1386px
}

.ag-theme-material .ag-ltr .ag-row-level-33 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-33 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-34 {
    padding-left: 1452px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-34 {
    padding-right: 1452px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-34 {
    padding-left: 1428px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-34 {
    padding-right: 1428px
}

.ag-theme-material .ag-ltr .ag-row-level-34 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-34 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-35 {
    padding-left: 1494px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-35 {
    padding-right: 1494px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-35 {
    padding-left: 1470px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-35 {
    padding-right: 1470px
}

.ag-theme-material .ag-ltr .ag-row-level-35 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-35 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-36 {
    padding-left: 1536px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-36 {
    padding-right: 1536px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-36 {
    padding-left: 1512px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-36 {
    padding-right: 1512px
}

.ag-theme-material .ag-ltr .ag-row-level-36 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-36 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-37 {
    padding-left: 1578px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-37 {
    padding-right: 1578px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-37 {
    padding-left: 1554px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-37 {
    padding-right: 1554px
}

.ag-theme-material .ag-ltr .ag-row-level-37 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-37 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-38 {
    padding-left: 1620px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-38 {
    padding-right: 1620px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-38 {
    padding-left: 1596px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-38 {
    padding-right: 1596px
}

.ag-theme-material .ag-ltr .ag-row-level-38 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-38 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-39 {
    padding-left: 1662px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-39 {
    padding-right: 1662px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-39 {
    padding-left: 1638px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-39 {
    padding-right: 1638px
}

.ag-theme-material .ag-ltr .ag-row-level-39 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-39 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-40 {
    padding-left: 1704px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-40 {
    padding-right: 1704px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-40 {
    padding-left: 1680px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-40 {
    padding-right: 1680px
}

.ag-theme-material .ag-ltr .ag-row-level-40 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-40 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-41 {
    padding-left: 1746px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-41 {
    padding-right: 1746px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-41 {
    padding-left: 1722px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-41 {
    padding-right: 1722px
}

.ag-theme-material .ag-ltr .ag-row-level-41 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-41 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-42 {
    padding-left: 1788px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-42 {
    padding-right: 1788px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-42 {
    padding-left: 1764px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-42 {
    padding-right: 1764px
}

.ag-theme-material .ag-ltr .ag-row-level-42 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-42 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-43 {
    padding-left: 1830px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-43 {
    padding-right: 1830px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-43 {
    padding-left: 1806px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-43 {
    padding-right: 1806px
}

.ag-theme-material .ag-ltr .ag-row-level-43 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-43 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-44 {
    padding-left: 1872px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-44 {
    padding-right: 1872px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-44 {
    padding-left: 1848px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-44 {
    padding-right: 1848px
}

.ag-theme-material .ag-ltr .ag-row-level-44 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-44 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-45 {
    padding-left: 1914px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-45 {
    padding-right: 1914px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-45 {
    padding-left: 1890px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-45 {
    padding-right: 1890px
}

.ag-theme-material .ag-ltr .ag-row-level-45 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-45 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-46 {
    padding-left: 1956px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-46 {
    padding-right: 1956px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-46 {
    padding-left: 1932px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-46 {
    padding-right: 1932px
}

.ag-theme-material .ag-ltr .ag-row-level-46 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-46 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-47 {
    padding-left: 1998px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-47 {
    padding-right: 1998px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-47 {
    padding-left: 1974px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-47 {
    padding-right: 1974px
}

.ag-theme-material .ag-ltr .ag-row-level-47 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-47 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-48 {
    padding-left: 2040px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-48 {
    padding-right: 2040px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-48 {
    padding-left: 2016px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-48 {
    padding-right: 2016px
}

.ag-theme-material .ag-ltr .ag-row-level-48 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-48 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-49 {
    padding-left: 2082px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-49 {
    padding-right: 2082px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-49 {
    padding-left: 2058px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-49 {
    padding-right: 2058px
}

.ag-theme-material .ag-ltr .ag-row-level-49 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-49 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-50 {
    padding-left: 2124px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-50 {
    padding-right: 2124px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-50 {
    padding-left: 2100px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-50 {
    padding-right: 2100px
}

.ag-theme-material .ag-ltr .ag-row-level-50 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-50 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-51 {
    padding-left: 2166px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-51 {
    padding-right: 2166px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-51 {
    padding-left: 2142px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-51 {
    padding-right: 2142px
}

.ag-theme-material .ag-ltr .ag-row-level-51 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-51 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-52 {
    padding-left: 2208px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-52 {
    padding-right: 2208px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-52 {
    padding-left: 2184px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-52 {
    padding-right: 2184px
}

.ag-theme-material .ag-ltr .ag-row-level-52 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-52 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-53 {
    padding-left: 2250px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-53 {
    padding-right: 2250px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-53 {
    padding-left: 2226px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-53 {
    padding-right: 2226px
}

.ag-theme-material .ag-ltr .ag-row-level-53 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-53 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-54 {
    padding-left: 2292px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-54 {
    padding-right: 2292px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-54 {
    padding-left: 2268px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-54 {
    padding-right: 2268px
}

.ag-theme-material .ag-ltr .ag-row-level-54 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-54 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-55 {
    padding-left: 2334px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-55 {
    padding-right: 2334px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-55 {
    padding-left: 2310px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-55 {
    padding-right: 2310px
}

.ag-theme-material .ag-ltr .ag-row-level-55 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-55 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-56 {
    padding-left: 2376px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-56 {
    padding-right: 2376px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-56 {
    padding-left: 2352px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-56 {
    padding-right: 2352px
}

.ag-theme-material .ag-ltr .ag-row-level-56 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-56 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-57 {
    padding-left: 2418px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-57 {
    padding-right: 2418px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-57 {
    padding-left: 2394px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-57 {
    padding-right: 2394px
}

.ag-theme-material .ag-ltr .ag-row-level-57 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-57 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-58 {
    padding-left: 2460px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-58 {
    padding-right: 2460px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-58 {
    padding-left: 2436px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-58 {
    padding-right: 2436px
}

.ag-theme-material .ag-ltr .ag-row-level-58 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-58 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-59 {
    padding-left: 2502px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-59 {
    padding-right: 2502px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-59 {
    padding-left: 2478px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-59 {
    padding-right: 2478px
}

.ag-theme-material .ag-ltr .ag-row-level-59 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-59 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-60 {
    padding-left: 2544px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-60 {
    padding-right: 2544px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-60 {
    padding-left: 2520px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-60 {
    padding-right: 2520px
}

.ag-theme-material .ag-ltr .ag-row-level-60 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-60 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-61 {
    padding-left: 2586px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-61 {
    padding-right: 2586px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-61 {
    padding-left: 2562px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-61 {
    padding-right: 2562px
}

.ag-theme-material .ag-ltr .ag-row-level-61 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-61 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-62 {
    padding-left: 2628px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-62 {
    padding-right: 2628px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-62 {
    padding-left: 2604px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-62 {
    padding-right: 2604px
}

.ag-theme-material .ag-ltr .ag-row-level-62 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-62 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-63 {
    padding-left: 2670px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-63 {
    padding-right: 2670px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-63 {
    padding-left: 2646px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-63 {
    padding-right: 2646px
}

.ag-theme-material .ag-ltr .ag-row-level-63 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-63 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-64 {
    padding-left: 2712px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-64 {
    padding-right: 2712px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-64 {
    padding-left: 2688px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-64 {
    padding-right: 2688px
}

.ag-theme-material .ag-ltr .ag-row-level-64 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-64 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-65 {
    padding-left: 2754px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-65 {
    padding-right: 2754px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-65 {
    padding-left: 2730px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-65 {
    padding-right: 2730px
}

.ag-theme-material .ag-ltr .ag-row-level-65 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-65 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-66 {
    padding-left: 2796px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-66 {
    padding-right: 2796px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-66 {
    padding-left: 2772px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-66 {
    padding-right: 2772px
}

.ag-theme-material .ag-ltr .ag-row-level-66 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-66 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-67 {
    padding-left: 2838px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-67 {
    padding-right: 2838px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-67 {
    padding-left: 2814px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-67 {
    padding-right: 2814px
}

.ag-theme-material .ag-ltr .ag-row-level-67 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-67 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-68 {
    padding-left: 2880px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-68 {
    padding-right: 2880px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-68 {
    padding-left: 2856px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-68 {
    padding-right: 2856px
}

.ag-theme-material .ag-ltr .ag-row-level-68 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-68 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-69 {
    padding-left: 2922px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-69 {
    padding-right: 2922px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-69 {
    padding-left: 2898px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-69 {
    padding-right: 2898px
}

.ag-theme-material .ag-ltr .ag-row-level-69 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-69 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-70 {
    padding-left: 2964px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-70 {
    padding-right: 2964px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-70 {
    padding-left: 2940px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-70 {
    padding-right: 2940px
}

.ag-theme-material .ag-ltr .ag-row-level-70 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-70 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-71 {
    padding-left: 3006px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-71 {
    padding-right: 3006px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-71 {
    padding-left: 2982px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-71 {
    padding-right: 2982px
}

.ag-theme-material .ag-ltr .ag-row-level-71 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-71 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-72 {
    padding-left: 3048px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-72 {
    padding-right: 3048px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-72 {
    padding-left: 3024px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-72 {
    padding-right: 3024px
}

.ag-theme-material .ag-ltr .ag-row-level-72 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-72 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-73 {
    padding-left: 3090px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-73 {
    padding-right: 3090px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-73 {
    padding-left: 3066px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-73 {
    padding-right: 3066px
}

.ag-theme-material .ag-ltr .ag-row-level-73 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-73 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-74 {
    padding-left: 3132px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-74 {
    padding-right: 3132px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-74 {
    padding-left: 3108px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-74 {
    padding-right: 3108px
}

.ag-theme-material .ag-ltr .ag-row-level-74 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-74 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-75 {
    padding-left: 3174px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-75 {
    padding-right: 3174px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-75 {
    padding-left: 3150px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-75 {
    padding-right: 3150px
}

.ag-theme-material .ag-ltr .ag-row-level-75 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-75 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-76 {
    padding-left: 3216px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-76 {
    padding-right: 3216px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-76 {
    padding-left: 3192px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-76 {
    padding-right: 3192px
}

.ag-theme-material .ag-ltr .ag-row-level-76 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-76 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-77 {
    padding-left: 3258px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-77 {
    padding-right: 3258px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-77 {
    padding-left: 3234px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-77 {
    padding-right: 3234px
}

.ag-theme-material .ag-ltr .ag-row-level-77 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-77 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-78 {
    padding-left: 3300px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-78 {
    padding-right: 3300px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-78 {
    padding-left: 3276px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-78 {
    padding-right: 3276px
}

.ag-theme-material .ag-ltr .ag-row-level-78 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-78 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-79 {
    padding-left: 3342px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-79 {
    padding-right: 3342px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-79 {
    padding-left: 3318px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-79 {
    padding-right: 3318px
}

.ag-theme-material .ag-ltr .ag-row-level-79 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-79 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-80 {
    padding-left: 3384px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-80 {
    padding-right: 3384px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-80 {
    padding-left: 3360px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-80 {
    padding-right: 3360px
}

.ag-theme-material .ag-ltr .ag-row-level-80 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-80 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-81 {
    padding-left: 3426px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-81 {
    padding-right: 3426px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-81 {
    padding-left: 3402px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-81 {
    padding-right: 3402px
}

.ag-theme-material .ag-ltr .ag-row-level-81 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-81 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-82 {
    padding-left: 3468px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-82 {
    padding-right: 3468px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-82 {
    padding-left: 3444px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-82 {
    padding-right: 3444px
}

.ag-theme-material .ag-ltr .ag-row-level-82 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-82 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-83 {
    padding-left: 3510px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-83 {
    padding-right: 3510px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-83 {
    padding-left: 3486px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-83 {
    padding-right: 3486px
}

.ag-theme-material .ag-ltr .ag-row-level-83 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-83 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-84 {
    padding-left: 3552px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-84 {
    padding-right: 3552px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-84 {
    padding-left: 3528px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-84 {
    padding-right: 3528px
}

.ag-theme-material .ag-ltr .ag-row-level-84 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-84 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-85 {
    padding-left: 3594px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-85 {
    padding-right: 3594px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-85 {
    padding-left: 3570px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-85 {
    padding-right: 3570px
}

.ag-theme-material .ag-ltr .ag-row-level-85 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-85 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-86 {
    padding-left: 3636px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-86 {
    padding-right: 3636px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-86 {
    padding-left: 3612px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-86 {
    padding-right: 3612px
}

.ag-theme-material .ag-ltr .ag-row-level-86 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-86 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-87 {
    padding-left: 3678px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-87 {
    padding-right: 3678px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-87 {
    padding-left: 3654px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-87 {
    padding-right: 3654px
}

.ag-theme-material .ag-ltr .ag-row-level-87 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-87 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-88 {
    padding-left: 3720px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-88 {
    padding-right: 3720px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-88 {
    padding-left: 3696px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-88 {
    padding-right: 3696px
}

.ag-theme-material .ag-ltr .ag-row-level-88 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-88 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-89 {
    padding-left: 3762px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-89 {
    padding-right: 3762px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-89 {
    padding-left: 3738px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-89 {
    padding-right: 3738px
}

.ag-theme-material .ag-ltr .ag-row-level-89 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-89 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-90 {
    padding-left: 3804px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-90 {
    padding-right: 3804px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-90 {
    padding-left: 3780px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-90 {
    padding-right: 3780px
}

.ag-theme-material .ag-ltr .ag-row-level-90 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-90 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-91 {
    padding-left: 3846px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-91 {
    padding-right: 3846px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-91 {
    padding-left: 3822px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-91 {
    padding-right: 3822px
}

.ag-theme-material .ag-ltr .ag-row-level-91 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-91 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-92 {
    padding-left: 3888px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-92 {
    padding-right: 3888px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-92 {
    padding-left: 3864px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-92 {
    padding-right: 3864px
}

.ag-theme-material .ag-ltr .ag-row-level-92 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-92 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-93 {
    padding-left: 3930px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-93 {
    padding-right: 3930px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-93 {
    padding-left: 3906px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-93 {
    padding-right: 3906px
}

.ag-theme-material .ag-ltr .ag-row-level-93 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-93 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-94 {
    padding-left: 3972px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-94 {
    padding-right: 3972px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-94 {
    padding-left: 3948px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-94 {
    padding-right: 3948px
}

.ag-theme-material .ag-ltr .ag-row-level-94 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-94 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-95 {
    padding-left: 4014px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-95 {
    padding-right: 4014px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-95 {
    padding-left: 3990px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-95 {
    padding-right: 3990px
}

.ag-theme-material .ag-ltr .ag-row-level-95 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-95 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-96 {
    padding-left: 4056px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-96 {
    padding-right: 4056px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-96 {
    padding-left: 4032px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-96 {
    padding-right: 4032px
}

.ag-theme-material .ag-ltr .ag-row-level-96 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-96 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-97 {
    padding-left: 4098px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-97 {
    padding-right: 4098px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-97 {
    padding-left: 4074px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-97 {
    padding-right: 4074px
}

.ag-theme-material .ag-ltr .ag-row-level-97 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-97 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-98 {
    padding-left: 4140px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-98 {
    padding-right: 4140px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-98 {
    padding-left: 4116px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-98 {
    padding-right: 4116px
}

.ag-theme-material .ag-ltr .ag-row-level-98 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-98 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-99 {
    padding-left: 4182px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-99 {
    padding-right: 4182px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-99 {
    padding-left: 4158px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-99 {
    padding-right: 4158px
}

.ag-theme-material .ag-ltr .ag-row-level-99 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-99 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row-group-leaf-indent {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-group-leaf-indent {
    margin-right: 42px
}

.ag-theme-material .ag-value-change-delta {
    padding-right: 2px
}

.ag-theme-material .ag-value-change-delta-up {
    color: #43a047;
    color: var(--ag-value-change-delta-up-color, #43a047)
}

.ag-theme-material .ag-value-change-delta-down {
    color: #e53935;
    color: var(--ag-value-change-delta-down-color, #e53935)
}

.ag-theme-material .ag-value-change-value {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 1px;
    padding-left: 1px;
    padding-right: 1px;
    transition: background-color 1s
}

.ag-theme-material .ag-value-change-value-highlight {
    background-color: #00acc1;
    background-color: var(--ag-value-change-value-highlight-background-color, #00acc1);
    transition: background-color .1s
}

.ag-theme-material .ag-cell-data-changed {
    background-color: #00acc1 !important;
    background-color: var(--ag-value-change-value-highlight-background-color, #00acc1) !important
}

.ag-theme-material .ag-cell-data-changed-animation {
    background-color: rgba(0, 0, 0, 0)
}

.ag-theme-material .ag-cell-highlight {
    background-color: #fce4ec !important;
    background-color: var(--ag-range-selection-highlight-color, #fce4ec) !important
}

.ag-theme-material .ag-row {
    height: 48px;
    background-color: #fff;
    background-color: var(--ag-background-color, #fff);
    color: rgba(0, 0, 0, .87);
    color: var(--ag-data-color, var(--ag-foreground-color, rgba(0, 0, 0, 0.87)));
    border-width: 1px;
    border-color: #e2e2e2;
    border-color: var(--ag-row-border-color, var(--ag-secondary-border-color, var(--ag-border-color, #e2e2e2)));
    border-bottom-style: solid
}

.ag-theme-material .ag-row-highlight-above::after,
.ag-theme-material .ag-row-highlight-below::after {
    content: "";
    position: absolute;
    width: calc(100% - 1px);
    height: 1px;
    background-color: #3f51b5;
    background-color: var(--ag-range-selection-border-color, #3f51b5);
    left: 1px
}

.ag-theme-material .ag-row-highlight-above::after {
    top: -1px
}

.ag-theme-material .ag-row-highlight-above.ag-row-first::after {
    top: 0
}

.ag-theme-material .ag-row-highlight-below::after {
    bottom: 0px
}

.ag-theme-material .ag-row-odd {
    background-color: var(--ag-odd-row-background-color)
}

.ag-theme-material .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
    border-right: solid 1px;
    border-right-color: #e2e2e2;
    border-right-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
    border-left: solid 1px;
    border-left-color: #e2e2e2;
    border-left-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-row-selected::before {
    content: "";
    background-color: #eee;
    background-color: var(--ag-selected-row-background-color, #eee);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ag-theme-material .ag-row-hover:not(.ag-full-width-row)::before,
.ag-theme-material .ag-row-hover.ag-full-width-row.ag-row-group::before {
    content: "";
    background-color: #fafafa;
    background-color: var(--ag-row-hover-color, #fafafa);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.ag-theme-material .ag-row-hover.ag-row-selected::before {
    background-color: #fafafa;
    background-color: var(--ag-row-hover-color, #fafafa);
    background-image: linear-gradient(#eee, #eee)
}

.ag-theme-material .ag-row-hover.ag-full-width-row.ag-row-group>* {
    position: relative
}

.ag-theme-material .ag-column-hover {
    background-color: #fafafa;
    background-color: var(--ag-column-hover-color, #fafafa)
}

.ag-theme-material .ag-ltr .ag-right-aligned-cell {
    text-align: right
}

.ag-theme-material .ag-rtl .ag-right-aligned-cell {
    text-align: left
}

.ag-theme-material .ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-theme-material .ag-ltr .ag-right-aligned-cell .ag-group-value {
    margin-left: auto
}

.ag-theme-material .ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-theme-material .ag-rtl .ag-right-aligned-cell .ag-group-value {
    margin-right: auto
}

.ag-theme-material .ag-cell,
.ag-theme-material .ag-full-width-row .ag-cell-wrapper.ag-row-group {
    --ag-internal-calculated-line-height: var(--ag-line-height, 46px);
    --ag-internal-padded-row-height: 46px;
    border: 1px solid rgba(0, 0, 0, 0);
    line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
    padding-left: 23px;
    padding-right: 23px;
    -webkit-font-smoothing: subpixel-antialiased
}

.ag-theme-material .ag-row>.ag-cell-wrapper {
    padding-left: 23px;
    padding-right: 23px
}

.ag-theme-material .ag-row-dragging {
    cursor: move;
    opacity: .5
}

.ag-theme-material .ag-cell-inline-editing {
    background: #fff;
    background: var(--ag-background-color, #fff);
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    padding: 8px;
    padding: 0;
    height: 48px;
    background-color: #fafafa;
    background-color: var(--ag-control-panel-background-color, #fafafa)
}

.ag-theme-material .ag-popup-editor {
    background: #fff;
    background: var(--ag-background-color, #fff);
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    padding: 8px;
    background-color: #fafafa;
    background-color: var(--ag-control-panel-background-color, #fafafa);
    padding: 0
}

.ag-theme-material .ag-large-text-input {
    height: auto;
    padding: 24px
}

.ag-theme-material .ag-details-row {
    padding: 40px;
    background-color: #fff;
    background-color: var(--ag-background-color, #fff)
}

.ag-theme-material .ag-layout-auto-height .ag-center-cols-clipper,
.ag-theme-material .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-material .ag-layout-print .ag-center-cols-clipper,
.ag-theme-material .ag-layout-print .ag-center-cols-container {
    min-height: 50px
}

.ag-theme-material .ag-overlay-loading-wrapper {
    background-color: rgba(255, 255, 255, .66);
    background-color: var(--ag-modal-overlay-background-color, rgba(255, 255, 255, 0.66))
}

.ag-theme-material .ag-overlay-loading-center {
    background: #fff;
    background: var(--ag-background-color, #fff);
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    padding: 8px
}

.ag-theme-material .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
    padding-top: 30px
}

.ag-theme-material .ag-loading {
    display: flex;
    height: 100%;
    align-items: center
}

.ag-theme-material .ag-ltr .ag-loading {
    padding-left: 24px
}

.ag-theme-material .ag-rtl .ag-loading {
    padding-right: 24px
}

.ag-theme-material .ag-ltr .ag-loading-icon {
    padding-right: 24px
}

.ag-theme-material .ag-rtl .ag-loading-icon {
    padding-left: 24px
}

.ag-theme-material .ag-icon-loading {
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.ag-theme-material .ag-floating-top {
    border-bottom: solid 1px;
    border-bottom-color: #e2e2e2;
    border-bottom-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-floating-bottom {
    border-top: solid 1px;
    border-top-color: #e2e2e2;
    border-top-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-ltr .ag-cell {
    border-right: 1px solid rgba(0, 0, 0, 0)
}

.ag-theme-material .ag-rtl .ag-cell {
    border-left: 1px solid rgba(0, 0, 0, 0)
}

.ag-theme-material .ag-ltr .ag-cell {
    border-right-width: 1px
}

.ag-theme-material .ag-rtl .ag-cell {
    border-left-width: 1px
}

.ag-theme-material .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
    border-left: solid 1px;
    border-left-color: #e2e2e2;
    border-left-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
    border-right: solid 1px;
    border-right-color: #e2e2e2;
    border-right-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-cell-range-selected:not(.ag-cell-focus),
.ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
    background-color: rgba(122, 134, 203, .1);
    background-color: var(--ag-range-selection-background-color, rgba(122, 134, 203, 0.1))
}

.ag-theme-material .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
    background-color: rgba(0, 88, 255, .1) !important;
    background-color: var(--ag-range-selection-chart-background-color, rgba(0, 88, 255, 0.1)) !important
}

.ag-theme-material .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
    background-color: rgba(0, 255, 132, .1) !important;
    background-color: var(--ag-range-selection-chart-category-background-color, rgba(0, 255, 132, 0.1)) !important
}

.ag-theme-material .ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-theme-material .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
    background-color: rgba(122, 134, 203, .1);
    background-color: var(--ag-range-selection-background-color-1, var(--ag-range-selection-background-color, rgba(122, 134, 203, 0.1)))
}

.ag-theme-material .ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
    background-color: rgba(122, 134, 203, .19);
    background-color: var(--ag-range-selection-background-color-2, rgba(122, 134, 203, 0.19))
}

.ag-theme-material .ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
    background-color: rgba(122, 134, 203, .271);
    background-color: var(--ag-range-selection-background-color-3, rgba(122, 134, 203, 0.271))
}

.ag-theme-material .ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
    background-color: rgba(122, 134, 203, .3439);
    background-color: var(--ag-range-selection-background-color-4, rgba(122, 134, 203, 0.3439))
}

.ag-theme-material .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
    border-top-color: #3f51b5;
    border-top-color: var(--ag-range-selection-border-color, #3f51b5)
}

.ag-theme-material .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
    border-right-color: #3f51b5;
    border-right-color: var(--ag-range-selection-border-color, #3f51b5)
}

.ag-theme-material .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
    border-bottom-color: #3f51b5;
    border-bottom-color: var(--ag-range-selection-border-color, #3f51b5)
}

.ag-theme-material .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
    border-left-color: #3f51b5;
    border-left-color: var(--ag-range-selection-border-color, #3f51b5)
}

.ag-theme-material .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-theme-material .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-material .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-theme-material .ag-ltr .ag-cell-range-single-cell,
.ag-theme-material .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-theme-material .ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-theme-material .ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-material .ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-theme-material .ag-rtl .ag-cell-range-single-cell,
.ag-theme-material .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
    border: 1px solid;
    border-color: #3f51b5;
    border-color: var(--ag-range-selection-border-color, #3f51b5);
    outline: initial
}

.ag-theme-material .ag-cell.ag-selection-fill-top,
.ag-theme-material .ag-cell.ag-selection-fill-top.ag-cell-range-selected {
    border-top: 1px dashed;
    border-top-color: #3f51b5;
    border-top-color: var(--ag-range-selection-border-color, #3f51b5)
}

.ag-theme-material .ag-ltr .ag-cell.ag-selection-fill-right,
.ag-theme-material .ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
    border-right: 1px dashed !important;
    border-right-color: #3f51b5 !important;
    border-right-color: var(--ag-range-selection-border-color, #3f51b5) !important
}

.ag-theme-material .ag-rtl .ag-cell.ag-selection-fill-right,
.ag-theme-material .ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
    border-left: 1px dashed !important;
    border-left-color: #3f51b5 !important;
    border-left-color: var(--ag-range-selection-border-color, #3f51b5) !important
}

.ag-theme-material .ag-cell.ag-selection-fill-bottom,
.ag-theme-material .ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
    border-bottom: 1px dashed;
    border-bottom-color: #3f51b5;
    border-bottom-color: var(--ag-range-selection-border-color, #3f51b5)
}

.ag-theme-material .ag-ltr .ag-cell.ag-selection-fill-left,
.ag-theme-material .ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
    border-left: 1px dashed !important;
    border-left-color: #3f51b5 !important;
    border-left-color: var(--ag-range-selection-border-color, #3f51b5) !important
}

.ag-theme-material .ag-rtl .ag-cell.ag-selection-fill-left,
.ag-theme-material .ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
    border-right: 1px dashed !important;
    border-right-color: #3f51b5 !important;
    border-right-color: var(--ag-range-selection-border-color, #3f51b5) !important
}

.ag-theme-material .ag-range-handle,
.ag-theme-material .ag-fill-handle {
    position: absolute;
    width: 6px;
    height: 6px;
    bottom: -1px;
    background-color: #3f51b5;
    background-color: var(--ag-range-selection-border-color, #3f51b5)
}

.ag-theme-material .ag-ltr .ag-range-handle,
.ag-theme-material .ag-ltr .ag-fill-handle {
    right: -1px
}

.ag-theme-material .ag-rtl .ag-range-handle,
.ag-theme-material .ag-rtl .ag-fill-handle {
    left: -1px
}

.ag-theme-material .ag-fill-handle {
    cursor: cell
}

.ag-theme-material .ag-range-handle {
    cursor: nwse-resize
}

.ag-theme-material .ag-cell-inline-editing {
    border-color: #3f51b5 !important;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)) !important
}

.ag-theme-material .ag-menu {
    background: #fff;
    background: var(--ag-background-color, #fff);
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    padding: 8px;
    padding: 0
}

.ag-theme-material .ag-menu-list {
    cursor: default;
    padding: 8px 0
}

.ag-theme-material .ag-menu-separator {
    height: 17px
}

.ag-theme-material .ag-menu-separator-part::after {
    content: "";
    display: block;
    border-top: solid 1px;
    border-top-color: #e2e2e2;
    border-top-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-menu-option-active,
.ag-theme-material .ag-compact-menu-option-active {
    background-color: #fafafa;
    background-color: var(--ag-row-hover-color, #fafafa)
}

.ag-theme-material .ag-menu-option-part,
.ag-theme-material .ag-compact-menu-option-part {
    line-height: 18px;
    padding: 10px 0
}

.ag-theme-material .ag-menu-option-disabled,
.ag-theme-material .ag-compact-menu-option-disabled {
    opacity: .5
}

.ag-theme-material .ag-menu-option-icon,
.ag-theme-material .ag-compact-menu-option-icon {
    width: 18px
}

.ag-theme-material .ag-ltr .ag-menu-option-icon,
.ag-theme-material .ag-ltr .ag-compact-menu-option-icon {
    padding-left: 16px
}

.ag-theme-material .ag-rtl .ag-menu-option-icon,
.ag-theme-material .ag-rtl .ag-compact-menu-option-icon {
    padding-right: 16px
}

.ag-theme-material .ag-menu-option-text,
.ag-theme-material .ag-compact-menu-option-text {
    padding-left: 16px;
    padding-right: 16px
}

.ag-theme-material .ag-ltr .ag-menu-option-shortcut,
.ag-theme-material .ag-ltr .ag-compact-menu-option-shortcut {
    padding-right: 8px
}

.ag-theme-material .ag-rtl .ag-menu-option-shortcut,
.ag-theme-material .ag-rtl .ag-compact-menu-option-shortcut {
    padding-left: 8px
}

.ag-theme-material .ag-menu-option-popup-pointer,
.ag-theme-material .ag-compact-menu-option-popup-pointer {
    padding-right: 8px
}

.ag-theme-material .ag-tabs {
    min-width: 220px
}

.ag-theme-material .ag-tabs-header {
    width: 100%;
    display: flex
}

.ag-theme-material .ag-tab {
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex: 1 1 auto
}

.ag-theme-material .ag-keyboard-focus .ag-tab:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-tab:focus::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid;
    border-color: #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-tab-selected {
    border-bottom-color: #3f51b5;
    border-bottom-color: var(--ag-selected-tab-underline-color, #3f51b5)
}

.ag-theme-material .ag-menu-header {
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54))
}

.ag-theme-material .ag-filter-separator {
    border-top: solid 1px;
    border-top-color: #e2e2e2;
    border-top-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-menu:not(.ag-tabs) .ag-filter-select {
    min-width: 155px
}

.ag-theme-material .ag-tabs .ag-filter-select {
    min-width: 194px
}

.ag-theme-material .ag-filter-select .ag-picker-field-wrapper {
    width: 0
}

.ag-theme-material .ag-filter-condition-operator {
    height: 17px
}

.ag-theme-material .ag-ltr .ag-filter-condition-operator-or {
    margin-left: 16px
}

.ag-theme-material .ag-rtl .ag-filter-condition-operator-or {
    margin-right: 16px
}

.ag-theme-material .ag-set-filter-select-all {
    padding-top: 16px
}

.ag-theme-material .ag-set-filter-list,
.ag-theme-material .ag-filter-no-matches {
    height: 240px
}

.ag-theme-material .ag-set-filter-filter {
    margin-top: 16px;
    margin-left: 12px;
    margin-right: 12px
}

.ag-theme-material .ag-filter-to {
    margin-top: 14px
}

.ag-theme-material .ag-mini-filter {
    margin: 16px 12px
}

.ag-theme-material .ag-set-filter-item {
    margin: 0px 12px
}

.ag-theme-material .ag-ltr .ag-set-filter-item-value {
    margin-left: 12px
}

.ag-theme-material .ag-rtl .ag-set-filter-item-value {
    margin-right: 12px
}

.ag-theme-material .ag-filter-apply-panel {
    padding: 16px 12px
}

.ag-theme-material .ag-filter-apply-panel-button {
    line-height: 1.5
}

.ag-theme-material .ag-ltr .ag-filter-apply-panel-button {
    margin-left: 16px
}

.ag-theme-material .ag-rtl .ag-filter-apply-panel-button {
    margin-right: 16px
}

.ag-theme-material .ag-simple-filter-body-wrapper {
    padding: 16px 12px;
    padding-bottom: 2px
}

.ag-theme-material .ag-simple-filter-body-wrapper>* {
    margin-bottom: 14px
}

.ag-theme-material .ag-filter-no-matches {
    padding: 16px 12px
}

.ag-theme-material .ag-multi-filter-menu-item {
    margin: 8px 0
}

.ag-theme-material .ag-multi-filter-group-title-bar {
    padding: 16px 8px;
    background-color: rgba(0, 0, 0, 0)
}

.ag-theme-material .ag-keyboard-focus .ag-multi-filter-group-title-bar:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-multi-filter-group-title-bar:focus::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid;
    border-color: #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-side-bar {
    position: relative
}

.ag-theme-material .ag-tool-panel-wrapper {
    width: 200px;
    background-color: #fafafa;
    background-color: var(--ag-control-panel-background-color, #fafafa)
}

.ag-theme-material .ag-side-buttons {
    padding-top: 32px;
    width: 22px;
    position: relative;
    color: rgba(0, 0, 0, .87);
    color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87));
    overflow: hidden
}

.ag-theme-material button.ag-side-button-button {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    background: rgba(0, 0, 0, 0);
    padding: 16px 0 16px 0;
    width: 100%;
    margin: 0;
    min-height: 144px;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    border: none
}

.ag-theme-material button.ag-side-button-button:focus {
    box-shadow: none
}

.ag-theme-material .ag-keyboard-focus .ag-side-button-button:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-side-button-button:focus::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid;
    border-color: #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-side-button-icon-wrapper {
    margin-bottom: 3px
}

.ag-theme-material .ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-theme-material .ag-rtl .ag-side-bar-right .ag-side-button-button {
    border-right: 2px solid rgba(0, 0, 0, 0)
}

.ag-theme-material .ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-theme-material .ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
    border-right-color: #3f51b5;
    border-right-color: var(--ag-selected-tab-underline-color, #3f51b5)
}

.ag-theme-material .ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-theme-material .ag-ltr .ag-side-bar-right .ag-side-button-button {
    border-left: 2px solid rgba(0, 0, 0, 0)
}

.ag-theme-material .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-theme-material .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
    border-left-color: #3f51b5;
    border-left-color: var(--ag-selected-tab-underline-color, #3f51b5)
}

.ag-theme-material .ag-filter-toolpanel-header {
    height: 48px
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-header,
.ag-theme-material .ag-ltr .ag-filter-toolpanel-search {
    padding-left: 8px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-header,
.ag-theme-material .ag-rtl .ag-filter-toolpanel-search {
    padding-right: 8px
}

.ag-theme-material .ag-keyboard-focus .ag-filter-toolpanel-header:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-filter-toolpanel-header:focus::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid;
    border-color: #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-filter-toolpanel-group.ag-has-filter>.ag-group-title-bar .ag-group-title::after {
    font-family: "agGridMaterial";
    font-size: 18px;
    line-height: 18px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f114";
    position: absolute
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group.ag-has-filter>.ag-group-title-bar .ag-group-title::after {
    padding-left: 8px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group.ag-has-filter>.ag-group-title-bar .ag-group-title::after {
    padding-right: 8px
}

.ag-theme-material .ag-filter-toolpanel-group-level-0-header {
    height: 64px
}

.ag-theme-material .ag-filter-toolpanel-group-item {
    margin-top: 4px;
    margin-bottom: 4px
}

.ag-theme-material .ag-filter-toolpanel-search {
    height: 56px
}

.ag-theme-material .ag-filter-toolpanel-search-input {
    flex-grow: 1;
    height: 32px
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-search-input {
    margin-right: 8px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-search-input {
    margin-left: 8px
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-expand,
.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
    margin-right: 8px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-expand,
.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
    margin-left: 8px
}

.ag-theme-material .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-1-header.ag-filter-toolpanel-group-title-bar {
    background-color: rgba(0, 0, 0, 0)
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header {
    padding-left: 24px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header {
    padding-right: 24px
}

.ag-theme-material .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-2-header.ag-filter-toolpanel-group-title-bar {
    background-color: rgba(0, 0, 0, 0)
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header {
    padding-left: 40px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header {
    padding-right: 40px
}

.ag-theme-material .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-3-header.ag-filter-toolpanel-group-title-bar {
    background-color: rgba(0, 0, 0, 0)
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header {
    padding-left: 56px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header {
    padding-right: 56px
}

.ag-theme-material .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-4-header.ag-filter-toolpanel-group-title-bar {
    background-color: rgba(0, 0, 0, 0)
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header {
    padding-left: 72px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header {
    padding-right: 72px
}

.ag-theme-material .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-5-header.ag-filter-toolpanel-group-title-bar {
    background-color: rgba(0, 0, 0, 0)
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header {
    padding-left: 88px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header {
    padding-right: 88px
}

.ag-theme-material .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-6-header.ag-filter-toolpanel-group-title-bar {
    background-color: rgba(0, 0, 0, 0)
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header {
    padding-left: 104px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header {
    padding-right: 104px
}

.ag-theme-material .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-7-header.ag-filter-toolpanel-group-title-bar {
    background-color: rgba(0, 0, 0, 0)
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header {
    padding-left: 120px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header {
    padding-right: 120px
}

.ag-theme-material .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-8-header.ag-filter-toolpanel-group-title-bar {
    background-color: rgba(0, 0, 0, 0)
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header {
    padding-left: 136px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header {
    padding-right: 136px
}

.ag-theme-material .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-9-header.ag-filter-toolpanel-group-title-bar {
    background-color: rgba(0, 0, 0, 0)
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header {
    padding-left: 152px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header {
    padding-right: 152px
}

.ag-theme-material .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-10-header.ag-filter-toolpanel-group-title-bar {
    background-color: rgba(0, 0, 0, 0)
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header {
    padding-left: 168px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header {
    padding-right: 168px
}

.ag-theme-material .ag-filter-toolpanel-instance-header.ag-filter-toolpanel-group-level-1-header {
    padding-left: 8px
}

.ag-theme-material .ag-filter-toolpanel-instance-filter {
    margin-top: 8px
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-instance-header-icon {
    margin-left: 8px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-instance-header-icon {
    margin-right: 8px
}

.ag-theme-material .ag-pivot-mode-panel {
    min-height: 56px;
    height: 56px;
    display: flex
}

.ag-theme-material .ag-pivot-mode-select {
    display: flex;
    align-items: center
}

.ag-theme-material .ag-ltr .ag-pivot-mode-select {
    margin-left: 12px
}

.ag-theme-material .ag-rtl .ag-pivot-mode-select {
    margin-right: 12px
}

.ag-theme-material .ag-keyboard-focus .ag-column-select-header:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-column-select-header:focus::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid;
    border-color: #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-column-select-header {
    height: 56px;
    align-items: center;
    padding: 0 12px
}

.ag-theme-material .ag-column-group-icons,
.ag-theme-material .ag-column-select-header-icon {
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54))
}

.ag-theme-material .ag-column-select-list .ag-list-item-hovered::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #3f51b5;
    background-color: var(--ag-range-selection-border-color, #3f51b5)
}

.ag-theme-material .ag-column-select-list .ag-item-highlight-top::after {
    top: 0
}

.ag-theme-material .ag-column-select-list .ag-item-highlight-bottom::after {
    bottom: 0
}

.ag-theme-material .ag-header {
    background-color: #fff;
    background-color: var(--ag-header-background-color, #fff);
    border-bottom: solid 1px;
    border-bottom-color: #e2e2e2;
    border-bottom-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-header-row {
    color: rgba(0, 0, 0, .54);
    color: var(--ag-header-foreground-color, rgba(0, 0, 0, 0.54));
    height: 56px
}

.ag-theme-material .ag-pinned-right-header {
    border-left: solid 1px;
    border-left-color: #e2e2e2;
    border-left-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-pinned-left-header {
    border-right: solid 1px;
    border-right-color: #e2e2e2;
    border-right-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon {
    margin-left: 8px
}

.ag-theme-material .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon {
    margin-right: 8px
}

.ag-theme-material .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
    margin-right: 8px
}

.ag-theme-material .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
    margin-left: 8px
}

.ag-theme-material .ag-header-cell,
.ag-theme-material .ag-header-group-cell {
    padding-left: 24px;
    padding-right: 24px
}

.ag-theme-material .ag-header-cell.ag-header-cell-moving,
.ag-theme-material .ag-header-group-cell.ag-header-cell-moving {
    background-color: #f2f2f2;
    background-color: var(--ag-header-cell-moving-background-color, #f2f2f2)
}

.ag-theme-material .ag-keyboard-focus .ag-header-cell:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-header-cell:focus::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid;
    border-color: #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-keyboard-focus .ag-header-group-cell:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-header-group-cell:focus::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid;
    border-color: #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-header-icon {
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54))
}

.ag-theme-material .ag-header-expand-icon {
    cursor: pointer
}

.ag-theme-material .ag-ltr .ag-header-expand-icon {
    padding-left: 4px
}

.ag-theme-material .ag-rtl .ag-header-expand-icon {
    padding-right: 4px
}

.ag-theme-material .ag-header-row:not(:first-child) .ag-header-cell,
.ag-theme-material .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
    border-top: solid 1px;
    border-top-color: #e2e2e2;
    border-top-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-header-group-cell:not(.ag-column-resizing)+.ag-header-group-cell:not(.ag-header-cell-moving):hover,
.ag-theme-material .ag-header-group-cell:not(.ag-column-resizing)+.ag-header-group-cell.ag-column-resizing,
.ag-theme-material .ag-header-cell:not(.ag-column-resizing)+.ag-header-cell:not(.ag-header-cell-moving):hover,
.ag-theme-material .ag-header-cell:not(.ag-column-resizing)+.ag-header-cell.ag-column-resizing,
.ag-theme-material .ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-theme-material .ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-theme-material .ag-header-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-theme-material .ag-header-cell:first-of-type.ag-column-resizing {
    background-color: #f2f2f2;
    background-color: var(--ag-header-cell-hover-background-color, #f2f2f2)
}

.ag-theme-material .ag-ltr .ag-header-select-all {
    margin-right: 24px
}

.ag-theme-material .ag-rtl .ag-header-select-all {
    margin-left: 24px
}

.ag-theme-material .ag-ltr .ag-floating-filter-button {
    margin-left: 24px
}

.ag-theme-material .ag-rtl .ag-floating-filter-button {
    margin-right: 24px
}

.ag-theme-material .ag-floating-filter-button-button {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    appearance: none;
    background: rgba(0, 0, 0, 0);
    border: none;
    height: 18px;
    padding: 0;
    width: 18px
}

.ag-theme-material .ag-filter-loading {
    background-color: #fafafa;
    background-color: var(--ag-control-panel-background-color, #fafafa);
    height: 100%;
    padding: 16px 12px;
    position: absolute;
    width: 100%;
    z-index: 1
}

.ag-theme-material .ag-paging-panel {
    border-top: 1px solid;
    border-top-color: #e2e2e2;
    border-top-color: var(--ag-border-color, #e2e2e2);
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
    height: 56px
}

.ag-theme-material .ag-paging-panel>* {
    margin: 0 24px
}

.ag-theme-material .ag-paging-button {
    cursor: pointer
}

.ag-theme-material .ag-paging-button.ag-disabled {
    cursor: default;
    color: rgba(0, 0, 0, .38);
    color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38))
}

.ag-theme-material .ag-keyboard-focus .ag-paging-button:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-paging-button:focus::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    top: 0px;
    left: 0px;
    display: block;
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    border: 1px solid;
    border-color: #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-paging-button,
.ag-theme-material .ag-paging-description {
    margin: 0 8px
}

.ag-theme-material .ag-status-bar {
    color: rgba(0, 0, 0, .38);
    color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
    padding-right: 32px;
    padding-left: 32px;
    line-height: 1.5
}

.ag-theme-material .ag-status-name-value-value {
    color: rgba(0, 0, 0, .87);
    color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87))
}

.ag-theme-material .ag-status-bar-center {
    text-align: center
}

.ag-theme-material .ag-status-name-value {
    margin-left: 8px;
    margin-right: 8px;
    padding-top: 16px;
    padding-bottom: 16px
}

.ag-theme-material .ag-column-drop-cell {
    background: #e2e2e2;
    background: var(--ag-chip-background-color, #e2e2e2);
    border-radius: 32px;
    height: 32px;
    padding: 0 4px;
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer
}

.ag-theme-material .ag-keyboard-focus .ag-column-drop-cell:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-column-drop-cell:focus::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    top: 2px;
    left: 2px;
    display: block;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 1px solid;
    border-color: #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-column-drop-cell-text {
    margin: 0 8px
}

.ag-theme-material .ag-column-drop-cell-button {
    min-width: 32px;
    margin: 0 4px;
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54))
}

.ag-theme-material .ag-column-drop-cell-drag-handle {
    margin-left: 16px
}

.ag-theme-material .ag-column-drop-cell-ghost {
    opacity: .5
}

.ag-theme-material .ag-column-drop-horizontal {
    background-color: #fafafa;
    background-color: var(--ag-control-panel-background-color, #fafafa);
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
    height: 48px
}

.ag-theme-material .ag-ltr .ag-column-drop-horizontal {
    padding-left: 24px
}

.ag-theme-material .ag-rtl .ag-column-drop-horizontal {
    padding-right: 24px
}

.ag-theme-material .ag-column-drop-horizontal-cell-separator {
    margin: 0 8px;
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54))
}

.ag-theme-material .ag-column-drop-horizontal-empty-message {
    color: rgba(0, 0, 0, .38);
    color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38))
}

.ag-theme-material .ag-ltr .ag-column-drop-horizontal-icon {
    margin-right: 24px
}

.ag-theme-material .ag-rtl .ag-column-drop-horizontal-icon {
    margin-left: 24px
}

.ag-theme-material .ag-column-drop-vertical-list {
    padding-bottom: 8px;
    padding-right: 8px;
    padding-left: 8px
}

.ag-theme-material .ag-column-drop-vertical-cell {
    margin-top: 8px
}

.ag-theme-material .ag-column-drop-vertical {
    min-height: 50px
}

.ag-theme-material .ag-column-drop-vertical-icon {
    margin-left: 8px;
    margin-right: 8px
}

.ag-theme-material .ag-column-drop-vertical-empty-message {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    color: rgba(0, 0, 0, .38);
    color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
    margin-top: 8px
}

.ag-theme-material .ag-select-agg-func-popup {
    background: #fff;
    background: var(--ag-background-color, #fff);
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    padding: 8px;
    background: #fff;
    background: var(--ag-background-color, #fff);
    height: 140px;
    padding: 0
}

.ag-theme-material .ag-select-agg-func-virtual-list-item {
    cursor: default;
    padding-left: 16px
}

.ag-theme-material .ag-select-agg-func-virtual-list-item:hover {
    background-color: #eee;
    background-color: var(--ag-selected-row-background-color, #eee)
}

.ag-theme-material .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    top: 1px;
    left: 1px;
    display: block;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid;
    border-color: #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-sort-indicator-container {
    display: flex
}

.ag-theme-material .ag-ltr .ag-sort-indicator-icon {
    padding-left: 8px
}

.ag-theme-material .ag-rtl .ag-sort-indicator-icon {
    padding-right: 8px
}

.ag-theme-material .ag-chart-menu {
    border-radius: 2px;
    background: #fff;
    background: var(--ag-background-color, #fff)
}

.ag-theme-material .ag-chart-menu-icon {
    opacity: .5;
    line-height: 24px;
    font-size: 24px;
    width: 24px;
    height: 24px;
    margin: 2px 0;
    cursor: pointer;
    border-radius: 2px;
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54))
}

.ag-theme-material .ag-chart-menu-icon:hover {
    opacity: 1
}

.ag-theme-material .ag-chart-menu-close {
    background: #fff;
    background: var(--ag-background-color, #fff)
}

.ag-theme-material .ag-chart-menu-close .ag-icon {
    background: none;
    border: 1px solid #e2e2e2;
    border-right: none
}

.ag-theme-material .ag-chart-menu-close .ag-icon:hover {
    background: #fff;
    background: var(--ag-header-background-color, #fff)
}

.ag-theme-material .ag-chart-mini-thumbnail {
    border: 1px solid;
    border-color: #e2e2e2;
    border-color: var(--ag-secondary-border-color, var(--ag-border-color, #e2e2e2));
    border-radius: 5px;
    margin: 5px
}

.ag-theme-material .ag-chart-mini-thumbnail:nth-last-child(3),
.ag-theme-material .ag-chart-mini-thumbnail:nth-last-child(3)~.ag-chart-mini-thumbnail {
    margin-left: auto;
    margin-right: auto
}

.ag-theme-material .ag-ltr .ag-chart-mini-thumbnail:first-child {
    margin-left: 0
}

.ag-theme-material .ag-rtl .ag-chart-mini-thumbnail:first-child {
    margin-right: 0
}

.ag-theme-material .ag-ltr .ag-chart-mini-thumbnail:last-child {
    margin-right: 0
}

.ag-theme-material .ag-rtl .ag-chart-mini-thumbnail:last-child {
    margin-left: 0
}

.ag-theme-material .ag-chart-mini-thumbnail.ag-selected {
    border-color: #ff4081;
    border-color: var(--ag-minichart-selected-chart-color, var(--ag-checkbox-checked-color, #ff4081))
}

.ag-theme-material .ag-chart-settings-card-item {
    background: rgba(0, 0, 0, .87);
    background: var(--ag-foreground-color, rgba(0, 0, 0, 0.87));
    width: 8px;
    height: 8px;
    border-radius: 4px
}

.ag-theme-material .ag-chart-settings-card-item.ag-selected {
    background-color: #ff4081;
    background-color: var(--ag-minichart-selected-page-color, var(--ag-checkbox-checked-color, #ff4081))
}

.ag-theme-material .ag-chart-data-column-drag-handle {
    margin-left: 8px
}

.ag-theme-material .ag-charts-settings-group-container {
    padding: 8px
}

.ag-theme-material .ag-charts-data-group-container {
    padding: 8px 12px
}

.ag-theme-material .ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group) {
    height: 40px
}

.ag-theme-material .ag-charts-data-group-container .ag-list-item-hovered::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #3f51b5;
    background-color: var(--ag-range-selection-border-color, #3f51b5)
}

.ag-theme-material .ag-charts-data-group-container .ag-item-highlight-top::after {
    top: 0
}

.ag-theme-material .ag-charts-data-group-container .ag-item-highlight-bottom::after {
    bottom: 0
}

.ag-theme-material .ag-charts-format-top-level-group-container {
    margin-left: 16px;
    padding: 8px
}

.ag-theme-material .ag-charts-format-top-level-group-item {
    margin: 8px 0
}

.ag-theme-material .ag-charts-format-sub-level-group-container {
    padding: 16px 12px;
    padding-bottom: 2px
}

.ag-theme-material .ag-charts-format-sub-level-group-container>* {
    margin-bottom: 14px
}

.ag-theme-material .ag-charts-group-container.ag-group-container-horizontal {
    padding: 8px
}

.ag-theme-material .ag-chart-data-section,
.ag-theme-material .ag-chart-format-section {
    display: flex;
    margin: 0
}

.ag-theme-material .ag-chart-menu-panel {
    background-color: #fafafa;
    background-color: var(--ag-control-panel-background-color, #fafafa)
}

.ag-theme-material .ag-ltr .ag-chart-menu-panel {
    border-left: solid 1px;
    border-left-color: #e2e2e2;
    border-left-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-rtl .ag-chart-menu-panel {
    border-right: solid 1px;
    border-right-color: #e2e2e2;
    border-right-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-date-time-list-page-title {
    flex-grow: 1;
    text-align: center
}

.ag-theme-material .ag-date-time-list-page-column-label {
    text-align: center
}

.ag-theme-material .ag-date-time-list-page-entry {
    text-align: center
}

.ag-theme-material .ag-checkbox-input-wrapper {
    font-family: "agGridMaterial";
    font-size: 18px;
    line-height: 18px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 18px;
    height: 18px;
    background-color: rgba(0, 0, 0, 0);
    background-color: var(--ag-checkbox-background-color, transparent);
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    flex: none
}

.ag-theme-material .ag-checkbox-input-wrapper input,
.ag-theme-material .ag-checkbox-input-wrapper input {
    -webkit-appearance: none;
    opacity: 0;
    width: 100%;
    height: 100%
}

.ag-theme-material .ag-checkbox-input-wrapper:focus-within,
.ag-theme-material .ag-checkbox-input-wrapper:active {
    outline: none;
    box-shadow: 0 0 0 5px rgba(32, 33, 36, .122)
}

.ag-theme-material .ag-checkbox-input-wrapper.ag-disabled {
    opacity: .5
}

.ag-theme-material .ag-checkbox-input-wrapper::after {
    content: "\f108";
    color: #333;
    color: var(--ag-checkbox-unchecked-color, #333);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.ag-theme-material .ag-checkbox-input-wrapper.ag-checked::after {
    content: "\f106";
    color: #ff4081;
    color: var(--ag-checkbox-checked-color, #ff4081);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.ag-theme-material .ag-checkbox-input-wrapper.ag-indeterminate::after {
    content: "\f107";
    color: #333;
    color: var(--ag-checkbox-indeterminate-color, #333);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.ag-theme-material .ag-toggle-button-input-wrapper {
    box-sizing: border-box;
    width: 36px;
    height: 18px;
    background-color: #333;
    background-color: var(--ag-toggle-button-off-background-color, var(--ag-checkbox-unchecked-color, #333));
    border-radius: 9px;
    position: relative;
    flex: none;
    border: 1px solid;
    border-color: #333;
    border-color: var(--ag-toggle-button-off-border-color, var(--ag-checkbox-unchecked-color, #333))
}

.ag-theme-material .ag-toggle-button-input-wrapper input {
    opacity: 0;
    height: 100%;
    width: 100%
}

.ag-theme-material .ag-toggle-button-input-wrapper:focus-within {
    outline: none;
    box-shadow: 0 0 0 5px rgba(32, 33, 36, .122)
}

.ag-theme-material .ag-toggle-button-input-wrapper.ag-disabled {
    opacity: .5
}

.ag-theme-material .ag-toggle-button-input-wrapper.ag-checked {
    background-color: #ff4081;
    background-color: var(--ag-toggle-button-on-background-color, var(--ag-checkbox-checked-color, #ff4081));
    border-color: #ff4081;
    border-color: var(--ag-toggle-button-on-border-color, var(--ag-checkbox-checked-color, #ff4081))
}

.ag-theme-material .ag-toggle-button-input-wrapper::before {
    content: " ";
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    box-sizing: border-box;
    height: 18px;
    width: 18px;
    background-color: #fff;
    background-color: var(--ag-toggle-button-switch-background-color, var(--ag-background-color, #fff));
    border-radius: 9px;
    transition: left 100ms;
    border: 1px solid;
    border-color: #333;
    border-color: var(--ag-toggle-button-switch-border-color, var(--ag-toggle-button-off-border-color, var(--ag-checkbox-unchecked-color, #333)))
}

.ag-theme-material .ag-toggle-button-input-wrapper.ag-checked::before {
    left: calc(100% - 18px);
    border-color: #ff4081;
    border-color: var(--ag-toggle-button-on-border-color, var(--ag-checkbox-checked-color, #ff4081))
}

.ag-theme-material .ag-radio-button-input-wrapper {
    font-family: "agGridMaterial";
    font-size: 18px;
    line-height: 18px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 18px;
    height: 18px;
    background-color: rgba(0, 0, 0, 0);
    background-color: var(--ag-checkbox-background-color, transparent);
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    flex: none;
    border-radius: 18px
}

.ag-theme-material .ag-radio-button-input-wrapper input,
.ag-theme-material .ag-radio-button-input-wrapper input {
    -webkit-appearance: none;
    opacity: 0;
    width: 100%;
    height: 100%
}

.ag-theme-material .ag-radio-button-input-wrapper:focus-within,
.ag-theme-material .ag-radio-button-input-wrapper:active {
    outline: none;
    box-shadow: 0 0 0 5px rgba(32, 33, 36, .122)
}

.ag-theme-material .ag-radio-button-input-wrapper.ag-disabled {
    opacity: .5
}

.ag-theme-material .ag-radio-button-input-wrapper::after {
    content: "\f126";
    color: #333;
    color: var(--ag-checkbox-unchecked-color, #333);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.ag-theme-material .ag-radio-button-input-wrapper.ag-checked::after {
    content: "\f127";
    color: #ff4081;
    color: var(--ag-checkbox-checked-color, #ff4081);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.ag-theme-material input[class^=ag-][type=range] {
    -webkit-appearance: none;
    width: 100%;
    height: 100%;
    background: none;
    overflow: visible
}

.ag-theme-material input[class^=ag-][type=range]::-webkit-slider-runnable-track {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 3px;
    background-color: #e2e2e2;
    background-color: var(--ag-border-color, #e2e2e2);
    border-radius: 2px;
    border-radius: 2px
}

.ag-theme-material input[class^=ag-][type=range]::-moz-range-track {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 3px;
    background-color: #e2e2e2;
    background-color: var(--ag-border-color, #e2e2e2);
    border-radius: 2px;
    border-radius: 2px
}

.ag-theme-material input[class^=ag-][type=range]::-ms-track {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 3px;
    background-color: #e2e2e2;
    background-color: var(--ag-border-color, #e2e2e2);
    border-radius: 2px;
    border-radius: 2px;
    color: rgba(0, 0, 0, 0);
    width: calc(100% - 2px)
}

.ag-theme-material input[class^=ag-][type=range]::-webkit-slider-thumb {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    background-color: #fff;
    background-color: var(--ag-background-color, #fff);
    border: 1px solid;
    border-color: #333;
    border-color: var(--ag-checkbox-unchecked-color, #333);
    border-radius: 18px;
    transform: translateY(-7.5px)
}

.ag-theme-material input[class^=ag-][type=range]::-ms-thumb {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    background-color: #fff;
    background-color: var(--ag-background-color, #fff);
    border: 1px solid;
    border-color: #333;
    border-color: var(--ag-checkbox-unchecked-color, #333);
    border-radius: 18px
}

.ag-theme-material input[class^=ag-][type=range]::-moz-ag-range-thumb {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    background-color: #fff;
    background-color: var(--ag-background-color, #fff);
    border: 1px solid;
    border-color: #333;
    border-color: var(--ag-checkbox-unchecked-color, #333);
    border-radius: 18px
}

.ag-theme-material input[class^=ag-][type=range]:focus {
    outline: none
}

.ag-theme-material input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 5px rgba(32, 33, 36, .122);
    border-color: #ff4081;
    border-color: var(--ag-checkbox-checked-color, #ff4081)
}

.ag-theme-material input[class^=ag-][type=range]:focus::-ms-thumb {
    box-shadow: 0 0 0 5px rgba(32, 33, 36, .122);
    border-color: #ff4081;
    border-color: var(--ag-checkbox-checked-color, #ff4081)
}

.ag-theme-material input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
    box-shadow: 0 0 0 5px rgba(32, 33, 36, .122);
    border-color: #ff4081;
    border-color: var(--ag-checkbox-checked-color, #ff4081)
}

.ag-theme-material input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
    background-color: #3f51b5;
    background-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material input[class^=ag-][type=range]:active::-moz-ag-range-track {
    background-color: #3f51b5;
    background-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material input[class^=ag-][type=range]:active::-ms-track {
    background-color: #3f51b5;
    background-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material input[class^=ag-][type=range]:disabled {
    opacity: .5
}

.ag-theme-material .ag-filter-toolpanel-header,
.ag-theme-material .ag-filter-toolpanel-search,
.ag-theme-material .ag-status-bar,
.ag-theme-material .ag-header-row,
.ag-theme-material .ag-panel-title-bar-title,
.ag-theme-material .ag-side-button-button,
.ag-theme-material .ag-multi-filter-group-title-bar {
    font-size: 12px;
    font-weight: 600;
    color: rgba(0, 0, 0, .54);
    color: var(--ag-header-foreground-color, rgba(0, 0, 0, 0.54))
}

.ag-theme-material .ag-tab {
    height: 36px
}

.ag-theme-material .ag-tabs-header,
.ag-theme-material .ag-column-drop-horizontal {
    background-color: #eee;
    background-color: var(--ag-subheader-background-color, #eee)
}

.ag-theme-material .ag-tabs-body {
    padding: 4px 0
}

.ag-theme-material .ag-tabs-body .ag-menu-list {
    padding-top: 0;
    padding-bottom: 0
}

.ag-theme-material .ag-header-cell,
.ag-theme-material .ag-header-group-cell {
    transition: background-color .5s
}

.ag-theme-material .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing {
    bottom: 0
}

.ag-theme-material .ag-cell-inline-editing {
    padding: 8px;
    height: 72px;
    border-color: #e2e2e2 !important;
    border-color: var(--ag-border-color, #e2e2e2) !important
}

.ag-theme-material .ag-has-focus .ag-cell-inline-editing {
    border-color: #3f51b5 !important;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)) !important
}

.ag-theme-material .ag-side-button-button {
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54))
}

.ag-theme-material .ag-column-drop-vertical {
    border-bottom: solid 1px;
    border-bottom-color: #e2e2e2;
    border-bottom-color: var(--ag-border-color, #e2e2e2);
    padding-top: 8px
}

.ag-theme-material .ag-column-drop-vertical.ag-last-column-drop {
    border-bottom: none
}

.ag-theme-material .ag-column-drop-vertical-cell {
    margin-left: 0
}

.ag-theme-material .ag-column-drop-vertical-empty-message {
    font-size: 12px;
    font-weight: 600;
    color: rgba(0, 0, 0, .38);
    color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38))
}

.ag-theme-material .ag-ltr .ag-column-drop-vertical-empty-message {
    padding-left: 34px;
    padding-right: 8px
}

.ag-theme-material .ag-rtl .ag-column-drop-vertical-empty-message {
    padding-right: 34px;
    padding-left: 8px
}

.ag-theme-material .ag-status-bar {
    border: solid 1px;
    border-color: #e2e2e2;
    border-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-column-panel-column-select {
    border-top: solid 1px;
    border-top-color: #e2e2e2;
    border-top-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-column-select,
.ag-theme-material .ag-column-select-header {
    border-bottom: solid 1px;
    border-bottom-color: #e2e2e2;
    border-bottom-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-column-select-header {
    height: 56px
}

.ag-theme-material .ag-group-title-bar {
    padding: 6px 8px
}

.ag-theme-material .ag-charts-format-sub-level-group-title-bar {
    padding: 4px 8px
}

.ag-theme-material .ag-chart-data-section,
.ag-theme-material .ag-chart-format-section {
    padding-bottom: 4px
}

.ag-theme-material .ag-chart-menu-close .ag-icon {
    border: none
}

.ag-theme-material .ag-group-toolbar {
    background-color: rgba(238, 238, 238, .5)
}

.ag-theme-material input[class^=ag-]:not([type]),
.ag-theme-material input[class^=ag-][type=text],
.ag-theme-material input[class^=ag-][type=number],
.ag-theme-material input[class^=ag-][type=tel],
.ag-theme-material input[class^=ag-][type=date],
.ag-theme-material input[class^=ag-][type=datetime-local],
.ag-theme-material textarea[class^=ag-] {
    background: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, .87);
    color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87));
    font-family: inherit;
    font-size: inherit;
    height: 40px;
    padding-bottom: 8px;
    border-width: 0;
    border-bottom: 2px solid;
    border-bottom-color: #e2e2e2;
    border-bottom-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material input[class^=ag-]:focus:not([type]),
.ag-theme-material input[class^=ag-][type=text]:focus,
.ag-theme-material input[class^=ag-][type=number]:focus,
.ag-theme-material input[class^=ag-][type=tel]:focus,
.ag-theme-material input[class^=ag-][type=date]:focus,
.ag-theme-material input[class^=ag-][type=datetime-local]:focus,
.ag-theme-material textarea[class^=ag-]:focus {
    border-bottom: 2px solid;
    border-bottom-color: #3f51b5;
    border-bottom-color: var(--ag-material-primary-color, #3f51b5);
    outline: none;
    box-shadow: none
}

.ag-theme-material input[class^=ag-]:not([type])::placeholder,
.ag-theme-material input[class^=ag-][type=text]::placeholder,
.ag-theme-material input[class^=ag-][type=number]::placeholder,
.ag-theme-material input[class^=ag-][type=tel]::placeholder,
.ag-theme-material input[class^=ag-][type=date]::placeholder,
.ag-theme-material input[class^=ag-][type=datetime-local]::placeholder,
.ag-theme-material textarea[class^=ag-]::placeholder {
    color: rgba(0, 0, 0, .38);
    color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38))
}

.ag-theme-material input[class^=ag-]:disabled:not([type]),
.ag-theme-material input[class^=ag-][type=text]:disabled,
.ag-theme-material input[class^=ag-][type=number]:disabled,
.ag-theme-material input[class^=ag-][type=tel]:disabled,
.ag-theme-material input[class^=ag-][type=date]:disabled,
.ag-theme-material input[class^=ag-][type=datetime-local]:disabled,
.ag-theme-material textarea[class^=ag-]:disabled {
    border-bottom: 1px solid;
    border-bottom-color: #e2e2e2;
    border-bottom-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material input[class^=ag-]:invalid:not([type]),
.ag-theme-material input[class^=ag-][type=text]:invalid,
.ag-theme-material input[class^=ag-][type=number]:invalid,
.ag-theme-material input[class^=ag-][type=tel]:invalid,
.ag-theme-material input[class^=ag-][type=date]:invalid,
.ag-theme-material input[class^=ag-][type=datetime-local]:invalid,
.ag-theme-material textarea[class^=ag-]:invalid {
    border-width: 0;
    border-bottom: 1px solid;
    border-bottom-color: #e02525;
    border-bottom-color: var(--ag-invalid-color, #e02525);
    color: #e02525;
    color: var(--ag-invalid-color, #e02525)
}

.ag-theme-material .ag-standard-button {
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    color: #3f51b5;
    color: var(--ag-material-primary-color, #3f51b5);
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.ag-theme-material .ag-standard-button:disabled {
    color: rgba(0, 0, 0, .38);
    color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
    background-color: rgba(0, 0, 0, 0);
    background-color: var(--ag-input-disabled-background-color, transparent);
    border-color: rgba(0, 0, 0, .3);
    border-color: var(--ag-input-disabled-border-color, rgba(0, 0, 0, 0.3))
}

.ag-theme-material .ag-dnd-ghost {
    font-size: 12px;
    font-weight: 600
}

.ag-theme-material .ag-filter-toolpanel-header {
    height: 32px
}

.ag-theme-material .ag-filter-toolpanel-group-level-0-header {
    height: 56px
}

.ag-theme-material .ag-ltr .ag-filter-apply-panel-button {
    margin-left: var(--ag-grid-size)
}

.ag-theme-material .ag-rtl .ag-filter-apply-panel-button {
    margin-right: var(--ag-grid-size)
}

.ag-theme-material .ag-layout-auto-height .ag-center-cols-clipper,
.ag-theme-material .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-material .ag-layout-print .ag-center-cols-clipper,
.ag-theme-material .ag-layout-print .ag-center-cols-container {
    min-height: 150px
}

.ag-theme-material .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
    padding-top: 60px
}

.ag-theme-material .ag-picker-field-wrapper:focus {
    box-shadow: 0 0 0 1px #3f51b5
}

.motif-accordion-content {
    display: inline-block;
    font-size: 1rem;
    font-weight: var(--weight-light);
    line-height: 1.5714285714rem;
    padding: 0 2.8571428571rem 0 2.8571428571rem;
    width: 100%
}

.motif-accordion-content.motif-metadata-content {
    padding: 0 1.4285714286rem
}

.motif-accordion-content.motif-metadata-content * {
    font-size: 0.7142857143rem;
    color: var(--metadata-font-color);
    line-height: 1.1428571429rem;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0.8571428571rem;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.motif-accordion-editorial .motif-accordion-content {
    padding: 0 1.4285714286rem 0 1.4285714286rem
}

.motif-accordion-editorial .motif-accordion-trigger {
    padding-left: 2.5714285714rem
}

.motif-accordion-content-visible.motif-accordion-editorial .motif-accordion-trigger:hover,
.motif-accordion-content-visible.motif-accordion-editorial .motif-accordion-trigger:focus {
    border-left-color: var(--accordion-accent-expanded--bg-color);
    border-bottom: 0;
    border-top: none;
    border-right: none
}

.motif-accordion-trigger {
    width: calc(100% + 0.1428571429rem);
    margin: -0.0714285714rem -0.0714285714rem 0 -0.0714285714rem;
    padding: 0.9285714286rem 1.4285714286rem 0.9285714286rem 0.7142857143rem;
    color: var(--accordion-header--color);
    box-shadow: var(--accordion-header--box-shadow);
    background-color: var(--accordion-header--bg-color);
    border-color: var(--accordion-header--border-color);
    border-style: var(--accordion-header--border-style);
    border-width: var(--accordion-header--border-width);
    display: flex;
    align-items: center;
    max-height: 3.1428571429rem
}

.motif-accordion-trigger.motif-metadata-trigger {
    background: none;
    justify-content: space-between;
    padding: 0.9285714286rem 0rem 0.9285714286rem 0rem;
    flex-direction: row;
    border: none;
    cursor: pointer;
    margin: auto;
    width: 100%
}

.motif-accordion-trigger.motif-metadata-trigger:hover {
    margin: auto;
    width: 100%
}

.motif-accordion-trigger.motif-metadata-trigger:focus {
    border: none
}

.motif-accordion-trigger.motif-metadata-trigger .motif-accordion-title-content {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 300;
    color: var(--body--color)
}

.motif-accordion-trigger.motif-metadata-trigger .motif-accordion-title-content svg {
    margin-right: 0.3571428571rem;
    width: 1.1428571429rem;
    height: 1.1428571429rem;
    fill: var(--accordion-header-icon-color)
}

.motif-accordion-trigger:focus {
    --accordion-header--color: var(--accordion-header-focus--color);
    --accordion-header--box-shadow: var(--accordion-header-focus--box-shadow);
    --accordion-header--bg-color: var(--accordion-header-focus--bg-color);
    --accordion-header--border-color: var(--accordion-header-focus--border-color);
    --accordion-header--border-style: var(--accordion-header-focus--border-style);
    --accordion-header--border-width: var(--accordion-header-focus--border-width)
}

.motif-accordion-trigger:focus .motif-accordion-title-content {
    color: var(--accordion-header-focus--color)
}

.motif-accordion-trigger:focus .motif-accordion-icons svg {
    --accordion-header-icon-color: var(--accordion-header-icon-focus-icon-color)
}

.motif-accordion-trigger:focus.motif-metadata-trigger .motif-accordion-title-content {
    --accordion-header-focus--color: var(--metadata-header-focus--color)
}

.motif-accordion-trigger:focus.motif-metadata-trigger .motif-accordion-icons svg {
    --accordion-header-icon-color: var(--metadata-header-icon-focus--fill)
}

.motif-accordion-trigger:hover.motif-metadata-trigger .motif-accordion-title-content {
    --accordion-header-focus--color: var(--metadata-header-hover--color)
}

.motif-accordion-trigger:hover.motif-metadata-trigger .motif-accordion-icons svg {
    --accordion-header-icon-color: var(--metadata-header-icon-hover--fill)
}

.motif-accordion-trigger:hover:not(.motif-metadata-trigger) {
    --accordion-header--color: var(--accordion-header-hover--color);
    --accordion-header--box-shadow: var(--accordion-header-hover--box-shadow);
    --accordion-header--bg-color: var(--accordion-header-hover--bg-color);
    --accordion-header--border-color: var(--accordion-header-hover--border-color);
    --accordion-header--border-style: var(--accordion-header-hover--border-style);
    --accordion-header--border-width: var(--accordion-header-hover--border-width)
}

.motif-accordion-trigger:hover:not(.motif-metadata-trigger) .motif-accordion-title-content {
    color: var(--accordion-header-hover--color)
}

.motif-accordion-trigger:hover:not(.motif-metadata-trigger) .motif-accordion-icons svg {
    --accordion-header-icon-color: var(--accordion-header-icon-hover-icon-color)
}

.motif-accordion-trigger .motif-accordion-icons {
    flex-shrink: 0
}

.motif-accordion-content-visible>.motif-accordion-trigger .motif-accordion-expand-icon {
    opacity: 0
}

.motif-accordion-content-visible>.motif-accordion-trigger .motif-accordion-collapse-icon {
    opacity: 1
}

.motif-accordion-title-content {
    font-family: var(--primary-font);
    text-align: left;
    font-size: 1.1428571429rem;
    line-height: 1.4285714286rem;
    font-weight: var(--weight-normal);
    color: var(--body--color);
    margin-right: 1.0714285714rem
}

.motif-accordion-expand-icon {
    opacity: 1
}

.motif-accordion-collapse-icon {
    opacity: 0
}

.motif-accordion-icons {
    position: relative;
    height: 1.4285714286rem;
    width: 1.4285714286rem;
    margin-right: 0.5714285714rem
}

.motif-accordion-icons svg {
    fill: var(--accordion-header-icon-color)
}

.motif-accordion-collapse-icon,
.motif-accordion-expand-icon {
    transition: opacity var(--ease-in-out-fast);
    position: absolute;
    left: 0;
    top: 0
}

.motif-accordion-editorial .motif-accordion-trigger {
    padding: 1.2857142857rem 1.4285714286rem 1.2857142857rem 1.4285714286rem;
    justify-content: space-between;
    max-height: 4.2857142857rem
}

.motif-accordion-editorial .motif-accordion-trigger .motif-accordion-icons {
    order: 2;
    right: 0.7142857143rem;
    height: 2.1428571429rem;
    width: 2.1428571429rem;
    margin: -0.7142857143rem
}

.motif-accordion-editorial .motif-accordion-trigger .motif-accordion-icons svg {
    height: 2.1428571429rem;
    width: 2.1428571429rem
}

.motif-accordion-editorial .motif-accordion-title-content {
    order: 1;
    font-size: 1.4285714286rem;
    line-height: 1.7142857143rem;
    padding-right: 1.7857142857rem;
    font-weight: var(--weight-regular)
}

.motif-accordion-editorial .motif-accordion-content * {
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem
}

.motif-accordion-trigger-align-right .motif-accordion-trigger {
    justify-content: space-between;
    padding-left: 1.4285714286rem
}

.motif-accordion-trigger-align-right .motif-accordion-trigger .motif-accordion-icons {
    order: 2;
    margin-right: 0
}

.motif-accordion-trigger-align-right .motif-accordion-content {
    padding: 0 1.4285714286rem
}

.motif-accordion {
    display: block;
    box-shadow: var(--accordion--box-shadow)
}

.motif-accordion-functional-alt {
    background-color: var(--accordion-functional-expanded-alt--bg-color)
}

.motif-accordion.motif-metadata {
    background: var(--metadata-header--bg-color);
    position: relative;
    border: none
}

.motif-accordion.motif-metadata:hover {
    --metadata-header--bg-color: var(--metadata-header-hover--bg-color)
}

.motif-accordion.motif-metadata:hover .motif-metadata-content *:before {
    background-color: var(--metadata-header-hover--bg-color)
}

.motif-accordion.motif-metadata:hover .motif-close-metadata-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    cursor: pointer
}

.motif-accordion.motif-metadata .motif-metadata-content *:before {
    background-color: var(--metadata-bg-color)
}

.motif-accordion.motif-metadata>.motif-metadata-trigger {
    padding: 0.8571428571rem 1.4285714286rem
}

.motif-accordion.motif-metadata+.motif-metadata {
    position: relative
}

.motif-accordion.motif-metadata svg {
    fill: var(--accordion-header-icon-color)
}

.motif-accordion.motif-metadata .motif-close-metadata-button {
    position: absolute;
    background: rgba(0, 0, 0, 0);
    border: none;
    right: 0.7142857143rem;
    width: 2rem;
    height: 2rem;
    margin-top: 0.6428571429rem;
    display: none
}

.motif-accordion-content-visible:not(.motif-metadata) {
    background-color: var(--accordion-functional-expanded--bg-color);
    border-color: var(--accordion--border-color);
    border-style: var(--accordion--border-style);
    border-width: var(--accordion--border-width);
    border-radius: var(--accordion--border-radius)
}

.motif-accordion-content-visible:not(.motif-metadata) .motif-accordion-trigger {
    color: var(--accordion-header--color);
    box-shadow: var(--accordion-header--box-shadow);
    background-color: var(--accordion-header--bg-color);
    border-color: var(--accordion-header--border-color);
    border-style: var(--accordion-header--border-style);
    border-width: var(--accordion-header--border-width)
}

.motif-accordion-content-visible:not(.motif-metadata) .motif-accordion-trigger:focus {
    --accordion-header--color: var(--accordion-header-focus--color);
    --accordion-header--box-shadow: var(--accordion-header-focus--box-shadow);
    --accordion-header--bg-color: var(--accordion-header-focus--bg-color);
    --accordion-header--border-color: var(--accordion-header-focus--border-color);
    --accordion-header--border-style: var(--accordion-header-focus--border-style);
    --accordion-header--border-width: var(--accordion-header-focus--border-width)
}

.motif-accordion-content-visible:not(.motif-metadata) .motif-accordion-trigger:focus .motif-accordion-title-content {
    color: var(--accordion-header-hover--color)
}

.motif-accordion-content-visible:not(.motif-metadata) .motif-accordion-trigger:focus .motif-accordion-icons svg {
    --accordion-header-icon-color: var(--accordion-header-icon-focus-icon-color)
}

.motif-accordion-content-visible:not(.motif-metadata) .motif-accordion-trigger:hover {
    --accordion-header--color: var(--accordion-header-hover--color);
    --accordion-header--box-shadow: var(--accordion-header-hover--box-shadow);
    --accordion-header--bg-color: var(--accordion-header-hover--bg-color);
    --accordion-header--border-color: var(--accordion-header-hover--border-color);
    --accordion-header--border-style: var(--accordion-header-hover--border-style);
    --accordion-header--border-width: var(--accordion-header-hover--border-width)
}

.motif-accordion-content-visible:not(.motif-metadata) .motif-accordion-trigger:hover .motif-accordion-title-content {
    color: var(--accordion-header-focus--color)
}

.motif-accordion-content-visible:not(.motif-metadata) .motif-accordion-trigger:hover .motif-accordion-icons svg {
    --accordion-header-icon-color: var(--accordion-header-icon-hover-icon-color)
}

.motif-accordion-content-visible:not(.motif-metadata).motif-accordion-functional-alt {
    background-color: var(--accordion-functional-expanded-alt--bg-color);
    border-color: var(--accordion--border-color);
    border-style: var(--accordion--border-style);
    border-width: var(--accordion--border-width);
    border-radius: var(--accordion--border-radius)
}

.motif-accordion-content-visible:not(.motif-metadata).motif-accordion-functional-alt .motif-accordion-trigger {
    color: var(--accordion-header-alt--color);
    box-shadow: var(--accordion-header-alt--box-shadow);
    background-color: var(--accordion-header-alt--bg-color);
    border-color: var(--accordion-header-alt--border-color);
    border-style: var(--accordion-header-alt--border-style);
    border-width: var(--accordion-header-alt--border-width)
}

.motif-accordion-content-visible:not(.motif-metadata).motif-accordion-functional-alt .motif-accordion-trigger .motif-accordion-icons svg {
    fill: var(--accordion-header-alt-icon-color)
}

.motif-accordion-content-visible:not(.motif-metadata).motif-accordion-functional-alt .motif-accordion-trigger:hover {
    --accordion-header-alt--color: var(--accordion-header-alt-hover--color);
    --accordion-header-alt--box-shadow: var(--accordion-header-alt-hover--box-shadow);
    --accordion-header-alt--bg-color: var(--accordion-header-alt-hover--bg-color);
    --accordion-header--border-color: var(--accordion-header-alt-hover--border-color);
    --accordion-header-alt--border-style: var(--accordion-header-alt-hover--border-style);
    --accordion-header-alt--border-width: var(--accordion-header-alt-hover--border-width)
}

.motif-accordion-content-visible:not(.motif-metadata).motif-accordion-functional-alt .motif-accordion-trigger:hover .motif-accordion-title-content {
    color: var(--accordion-header-alt-hover--color)
}

.motif-accordion-content-visible:not(.motif-metadata).motif-accordion-functional-alt .motif-accordion-trigger:hover .motif-accordion-icons svg {
    --accordion-header-alt-icon-color: var(--accordion-header-icon-alt-hover-icon-color)
}

.motif-accordion-content-visible:not(.motif-metadata).motif-accordion-functional-alt .motif-accordion-trigger:focus {
    --accordion-header-alt--color: var(--accordion-header-alt-focus--color);
    --accordion-header-alt--box-shadow: var(--accordion-header-alt-focus--box-shadow);
    --accordion-header-alt--bg-color: var(--accordion-header-alt-focus--bg-color);
    --accordion-header--border-color: var(--accordion-header-alt-focus--border-color);
    --accordion-header-alt--border-style: var(--accordion-header-alt-focus--border-style);
    --accordion-header-alt--border-width: var(--accordion-header-alt-focus--border-width)
}

.motif-accordion-content-visible:not(.motif-metadata).motif-accordion-functional-alt .motif-accordion-trigger:focus .motif-accordion-title-content {
    color: var(--accordion-header-alt-focus--color)
}

.motif-accordion-content-visible:not(.motif-metadata).motif-accordion-functional-alt .motif-accordion-trigger:focus .motif-accordion-icons svg {
    --accordion-header-alt-icon-color: var(--accordion-header-icon-alt-focus-icon-color)
}

.motif-accordion-editorial.motif-accordion-content-visible:not(.motif-metadata) {
    background-color: var(--accordion-editorial-expanded--bg-color);
    border-color: var(--accordion--border-color);
    border-style: var(--accordion--border-style);
    border-width: var(--accordion--border-width);
    border-radius: var(--accordion--border-radius);
    box-shadow: -2px 0 0 0 var(--accordion-accent-expanded--bg-color)
}

.motif-accordion-editorial.motif-accordion-content-visible:not(.motif-metadata) .motif-accordion-trigger {
    color: var(--accordion-header--color);
    box-shadow: var(--accordion-header--box-shadow);
    background-color: var(--accordion-header--bg-color);
    border-color: var(--accordion-header--border-color);
    border-style: var(--accordion-header--border-style);
    border-width: var(--accordion-header--border-width)
}

.motif-accordion-editorial.motif-accordion-content-visible:not(.motif-metadata) .motif-accordion-trigger:focus {
    --accordion-header--color: var(--accordion-header-focus--color);
    --accordion-header--box-shadow: var(--accordion-header-focus--box-shadow);
    --accordion-header--bg-color: var(--accordion-header-focus--bg-color);
    --accordion-header--border-color: var(--accordion-header-focus--border-color);
    --accordion-header--border-style: var(--accordion-header-focus--border-style);
    --accordion-header--border-width: var(--accordion-header-focus--border-width)
}

.motif-accordion-editorial.motif-accordion-content-visible:not(.motif-metadata) .motif-accordion-trigger:focus .motif-accordion-title-content {
    color: var(--accordion-header-hover--color)
}

.motif-accordion-editorial.motif-accordion-content-visible:not(.motif-metadata) .motif-accordion-trigger:focus .motif-accordion-icons svg {
    --accordion-header-icon-color: var(--accordion-header-icon-focus-icon-color)
}

.motif-accordion-editorial.motif-accordion-content-visible:not(.motif-metadata) .motif-accordion-trigger:hover {
    --accordion-header--color: var(--accordion-header-hover--color);
    --accordion-header--box-shadow: var(--accordion-header-hover--box-shadow);
    --accordion-header--bg-color: var(--accordion-header-hover--bg-color);
    --accordion-header--border-color: var(--accordion-header-hover--border-color);
    --accordion-header--border-style: var(--accordion-header-hover--border-style);
    --accordion-header--border-width: var(--accordion-header-hover--border-width)
}

.motif-accordion-editorial.motif-accordion-content-visible:not(.motif-metadata) .motif-accordion-trigger:hover .motif-accordion-title-content {
    color: var(--accordion-header-focus--color)
}

.motif-accordion-editorial.motif-accordion-content-visible:not(.motif-metadata) .motif-accordion-trigger:hover .motif-accordion-icons svg {
    --accordion-header-icon-color: var(--accordion-header-icon-hover-icon-color)
}

.motif-accordion+.motif-accordion {
    margin-top: -0.0714285714rem
}

.motif-avatar {
    align-items: center;
    background-repeat: no-repeat;
    border-radius: var(--avatar--border-radius);
    display: flex;
    justify-content: center;
    position: relative;
    border-color: var(--avatar--border-color);
    border-style: var(--avatar--border-style);
    border-width: var(--avatar--border-width);
    box-shadow: var(--avatar--box-shadow)
}

.motif-avatar-size-small {
    height: 2.1428571429rem;
    width: 2.1428571429rem
}

.motif-avatar-size-small .motif-avatar-initials {
    font-size: 1rem;
    font-weight: var(--weight-light);
    line-height: 22px
}

.motif-avatar-size-medium {
    height: 2.8571428571rem;
    width: 2.8571428571rem
}

.motif-avatar-size-medium .motif-avatar-initials {
    font-size: 1.1428571429rem;
    font-weight: var(--weight-regular);
    line-height: 1.6428571429rem
}

.motif-avatar-size-large {
    height: 3.5714285714rem;
    width: 3.5714285714rem
}

.motif-avatar-size-large .motif-avatar-initials {
    font-size: 1.2857142857rem;
    font-weight: var(--weight-regular);
    line-height: 1.7142857143rem
}

.motif-avatar:before {
    inset: 0.1428571429rem;
    content: "";
    position: absolute
}

.motif-avatar:after {
    border-radius: 50%;
    bottom: 12.5%;
    content: "";
    height: 0.7142857143rem;
    position: absolute;
    right: 12.5%;
    transform: translate(50%, 50%);
    width: 0.7142857143rem
}

.motif-avatar svg {
    border-color: var(--avatar-status--border-color);
    border-style: var(--avatar-status--border-style);
    border-width: var(--avatar-status--border-width);
    background-color: #fff;
    border-radius: 50%;
    bottom: 12.5%;
    fill: #fff;
    height: 1rem;
    position: absolute;
    right: 12.5%;
    transform: translate(50%, 50%);
    width: 1rem;
    z-index: 1
}

.motif-avatar-status-online svg {
    fill: var(--avatar-status-online-icon-color);
    background-color: var(--avatar-status-online--bg-color)
}

.motif-avatar-status-no-disturb svg {
    fill: var(--avatar-status-no-disturb-icon-color);
    background-color: var(--avatar-status-no-disturb--bg-color)
}

.motif-avatar-status-no-available svg {
    fill: var(--avatar-status-no-available-icon-color);
    background-color: var(--avatar-status-no-available--bg-color)
}

.motif-avatar-status-absent svg {
    fill: var(--avatar-status-absent-icon-color);
    background-color: var(--avatar-status-absent--bg-color);
    padding: 1px
}

.motif-avatar-status-warning svg {
    fill: var(--avatar-status-warning-icon-color);
    background-color: var(--avatar-status-warning--bg-color)
}

.motif-avatar-status-none svg {
    fill: var(--avatar-status-none-icon-color);
    background-color: var(--avatar-status-none--bg-color)
}

.motif-avatar-initials,
.motif-avatar-img {
    border-radius: 50%;
    height: 100%;
    position: absolute;
    width: 100%
}

.motif-avatar-initials {
    align-items: center;
    background: var(--avatar-initials--bg-color);
    color: var(--avatar-initials-icon--color);
    display: flex;
    justify-content: center
}

.motif-avatar .motif-avatar-initials {
    text-decoration: none
}

.motif-avatar.motif-avatar-size-large svg {
    height: 1.1428571429rem;
    width: 1.1428571429rem
}

.motif-avatar.motif-avatar-size-small svg {
    right: 5%
}

.motif-badge {
    align-items: center;
    background-color: var(--badge--bg-color);
    outline-color: var(--badge--outline-color);
    outline-style: var(--badge--outline-style);
    outline-width: var(--badge--outline-width);
    border-radius: 0.7142857143rem;
    color: var(--badge--color);
    display: inline-flex;
    font-size: var(--font-size-base);
    font-weight: var(--weight-light);
    justify-content: center;
    line-height: 1;
    min-width: 1.4285714286rem;
    min-height: 1.4285714286rem;
    position: relative;
    text-align: center
}

.motif-badge .motif-badge-number {
    padding: 0 0.2857142857rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--weight-light)
}

.motif-badge.motif-badge-overlap {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(50%) translateY(-40%)
}

.motif-badge-alt {
    --badge--bg-color: var(--badge-alt--bg-color);
    --badge--color: var(--badge-alt--color);
    outline: none
}

.motif-badge-success {
    --badge--bg-color: var(--badge-success--bg-color);
    --badge--color: var(--badge-success--color);
    outline: none
}

.motif-badge-warning {
    --badge--bg-color: var(--badge-warning--bg-color);
    --badge--color: var(--badge-warning--color);
    outline: none
}

.motif-badge-error {
    --badge--bg-color: var(--badge-error--bg-color);
    --badge--color: var(--badge-error--color);
    outline: none
}

.motif-badge-info {
    --badge--bg-color: var(--badge-info--bg-color);
    --badge--color: var(--badge-info--color);
    outline: none
}

.motif-badge-info-alt {
    --badge--bg-color: var(--badge-info-alt--bg-color);
    --badge--color: var(--badge-info-alt--color);
    outline: none
}

.motif-badge-ghost {
    --badge--bg-color: var(--badge-ghost--bg-color);
    --badge--color: var(--badge-ghost--color);
    outline: none
}

.motif-badge-ghost .motif-badge-number {
    opacity: .54
}

.motif-breadcrumb-list-item {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    margin-bottom: 0
}

.motif-breadcrumb-list-item a,
.motif-breadcrumb-list-item a span {
    font-size: var(--body-sm--font-size);
    font-weight: var(--weight-light);
    color: var(--breadcrumb-item--color);
    text-decoration: none;
    line-height: 1.4285714286rem
}

.motif-breadcrumb-list-item a:focus,
.motif-breadcrumb-list-item a:hover,
.motif-breadcrumb-list-item a span:focus,
.motif-breadcrumb-list-item a span:hover {
    border-bottom: none;
    text-decoration: underline;
    text-shadow: 1px 0 0 var(--breadcrumb-item--color)
}

.motif-breadcrumb-list-item .motif-dropdown {
    margin: 0 -0.7142857143rem
}

.motif-breadcrumb-list-item .motif-dropdown .motif-dropdown-menu {
    margin-top: 0.5714285714rem
}

.motif-breadcrumb-list-item .motif-dropdown .motif-breadcrumb-list-item {
    padding: 0.8571428571rem;
    background-color: var(--breadcrumb-dropdown-menu-item--bg-color);
    border-style: var(--breadcrumb-dropdown-menu-item--border-style);
    border-width: var(--breadcrumb-dropdown-menu-item--border-width);
    border-color: var(--breadcrumb-dropdown-menu-item--border-color)
}

.motif-breadcrumb-list-item .motif-dropdown .motif-breadcrumb-list-item:focus {
    --breadcrumb-dropdown-menu-item--bg-color: var(--breadcrumb-dropdown-menu-item-focus--bg-color);
    --breadcrumb-dropdown-menu-item--border-style: var(--breadcrumb-dropdown-menu-item-focus--border-style);
    --breadcrumb-dropdown-menu-item--border-width: var(--breadcrumb-dropdown-menu-item-focus--border-width);
    --breadcrumb-dropdown-menu-item--border-color: var(--breadcrumb-dropdown-menu-item-focus--border-color)
}

.motif-breadcrumb-list-item .motif-dropdown .motif-breadcrumb-list-item:focus svg {
    fill: var(--breadcrumb-dropdown-menu-item-focus-icon-color)
}

.motif-breadcrumb-list-item .motif-dropdown .motif-breadcrumb-list-item:hover {
    --breadcrumb-dropdown-menu-item--bg-color: var(--breadcrumb-dropdown-menu-item-hover--bg-color);
    --breadcrumb-dropdown-menu-item--border-style: var(--breadcrumb-dropdown-menu-item-hover--border-style);
    --breadcrumb-dropdown-menu-item--border-width: var(--breadcrumb-dropdown-menu-item-hover--border-width);
    --breadcrumb-dropdown-menu-item--border-color: var(--breadcrumb-dropdown-menu-item-hover--border-color)
}

.motif-breadcrumb-list-item .motif-dropdown .motif-breadcrumb-list-item:hover svg:not(:has(.motif-breadcrumb-list-item-disabled)) {
    fill: var(--breadcrumb-dropdown-menu-item-hover-icon-color)
}

.motif-breadcrumb-list-item .motif-dropdown .motif-breadcrumb-list-item a {
    font-size: 1rem;
    color: var(--breadcrumb-dropdown-menu-item--color)
}

.motif-breadcrumb-list-item .motif-dropdown .motif-breadcrumb-list-item a:focus {
    --breadcrumb-dropdown-menu-item--color: var(--breadcrumb-dropdown-menu-item-focus--color)
}

.motif-breadcrumb-list-item .motif-dropdown .motif-breadcrumb-list-item a:hover {
    text-decoration: none;
    --breadcrumb-dropdown-menu-item--color: var(--breadcrumb-dropdown-menu-item-hover--color)
}

.motif-breadcrumb-list-item .motif-dropdown .motif-breadcrumb-list-item svg {
    fill: var(--breadcrumb-dropdown-menu-item-icon-color)
}

.motif-breadcrumb-list-item .motif-dropdown .motif-breadcrumb-list-item-disabled {
    --breadcrumb-dropdown-menu-item--bg-color: var(--breadcrumb-dropdown-menu-item-disabled--bg-color);
    --breadcrumb-dropdown-menu-item--border-style: var(--breadcrumb-dropdown-menu-item-disabled--border-style);
    --breadcrumb-dropdown-menu-item--border-width: var(--breadcrumb-dropdown-menu-item-disabled--border-width);
    --breadcrumb-dropdown-menu-item--border-color: var(--breadcrumb-dropdown-menu-item-disabled--border-color)
}

.motif-breadcrumb-list-item .motif-dropdown .motif-breadcrumb-list-item-disabled a {
    color: var(--breadcrumb-dropdown-menu-item-disabled--color)
}

.motif-breadcrumb-list-item .motif-dropdown .motif-breadcrumb-list-item-disabled svg {
    fill: var(--breadcrumb-dropdown-menu-item-disabled-icon-color)
}

.motif-breadcrumb-list-item .breadcrumb-dropdown-trigger {
    background-color: rgba(0, 0, 0, 0);
    margin: 0 0.5714285714rem 0 0.5714285714rem
}

.motif-breadcrumb-list-item .breadcrumb-dropdown-trigger:hover {
    background-color: var(--breadcrumb-icon-dropdown-toggle--bg-color)
}

.motif-breadcrumb-list-item .motif-breadcrumb-dropdown-icon {
    margin-bottom: -5px;
    width: 1.7142857143rem;
    height: 1.7142857143rem
}

.motif-breadcrumb-list-item .motif-breadcrumb-dropdown-icon path {
    fill: var(--breadcrumb-dropdown-trigger-icon-color)
}

.motif-breadcrumb-list-item .motif-icon {
    height: 1.1428571429rem;
    margin-right: 0.4285714286rem
}

.motif-breadcrumb-list-item .motif-icon svg {
    height: auto;
    width: auto;
    fill: var(--breadcrumb-item-icon-color)
}

.motif-breadcrumb-list-item-active a {
    color: var(--breadcrumb-item-active--color);
    font-weight: var(--weight-bold)
}

.motif-breadcrumb-list-item-active a:hover {
    font-weight: var(--weight-bold);
    text-shadow: none
}

.motif-breadcrumb-list-item-active .motif-icon svg {
    fill: var(--breadcrumb-item-icon-active-icon-color)
}

.motif-breadcrumb-list-item-disabled a {
    color: var(--breadcrumb-item-disabled--color);
    font-weight: var(--weight-light);
    cursor: not-allowed
}

.motif-breadcrumb-list-item-disabled a:hover,
.motif-breadcrumb-list-item-disabled a:focus {
    text-decoration: none;
    text-shadow: none
}

.motif-breadcrumb-list-item-disabled .motif-icon svg {
    fill: var(--breadcrumb-item-icon-disabled-icon-color)
}

.motif-breadcrumb-list-item-alt a {
    color: var(--breadcrumb-alt--color)
}

.motif-breadcrumb-list-item-alt .motif-icon svg {
    fill: var(--breadcrumb-alt--color)
}

.motif-breadcrumb-list-item .motif-breadcrumb-separator {
    fill: var(--breadcrumb-arrow-separator--color);
    margin: 0 0.5714285714rem 0 0.5714285714rem;
    width: 1.7142857143rem;
    height: 1.7142857143rem
}

.motif-breadcrumb-list {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    color: var(--breadcrumb--color)
}

.motif-button {
    align-items: center;
    border-radius: var(--btn--border-radius);
    border-color: var(--btn--border-color);
    border-width: var(--btn--border-width);
    border-style: var(--btn--border-style);
    box-shadow: var(--btn--box-shadow);
    cursor: pointer;
    display: flex;
    font-family: var(--primary-font);
    font-size: var(--btn--font-size);
    font-weight: var(--btn--font-weight);
    justify-content: center;
    line-height: 1.572;
    min-width: 6.2857142857rem;
    overflow: visible;
    padding: var(--btn--padding);
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color var(--ease-in-out-fast), background var(--ease-in-out-fast), box-shadow var(--ease-in-out-fast), border-color var(--ease-in-out-fast);
    background-color: var(--btn--bg-color);
    color: var(--btn--color)
}

.motif-button:hover {
    --btn--box-shadow: var(--btn-hover--box-shadow)
}

.motif-button.motif-button-stepper-prev .motif-icon,
.motif-button.motif-button-stepper-next .motif-icon {
    height: 1.7142857143rem;
    width: 0.8571428571rem;
    display: flex;
    justify-items: center
}

.motif-button.motif-button-stepper-prev .motif-icon svg,
.motif-button.motif-button-stepper-next .motif-icon svg {
    transform: scale(2)
}

.motif-button.motif-button-stepper-prev .motif-icon {
    margin-right: 0.5714285714rem;
    margin-left: -0.1428571429rem
}

.motif-button.motif-button-stepper-next .motif-icon {
    margin-left: 0.5714285714rem
}

.motif-button path {
    transition: fill var(--ease-in-out-fast)
}

.motif-button .motif-icon {
    margin: 0;
    flex-shrink: 0;
    color: inherit
}

.motif-button .motif-icon svg {
    display: block;
    height: 1.7142857143rem;
    width: 1.7142857143rem;
    color: var(--btn-icon-color)
}

.motif-button .motif-icon svg path {
    fill: currentcolor
}

.motif-button::-moz-focus-inner {
    border: 0
}

.motif-button:disabled {
    cursor: not-allowed
}

.motif-button-primary {
    --btn--bg-color: var(--btn-primary--bg-color);
    --btn--color: var(--btn-primary--color);
    --btn--box-shadow: var(--btn-primary--box-shadow);
    --btn--border-radius: var(--btn-primary--border-radius);
    --btn--border-color: var(--btn-primary--border-color);
    --btn--border-width: var(--btn-primary--border-width);
    --btn--border-style: var(--btn-primary--border-style)
}

.motif-button-primary .motif-icon svg {
    color: var(--btn-primary-icon-color)
}

.motif-button-primary.motif-active,
.motif-button-primary:hover:not(:disabled) {
    --btn-primary--bg-color: var(--btn-primary-hover--bg-color);
    --btn-primary--color: var(--btn-primary-hover--color);
    --btn-primary--border-color: var(--btn-primary-hover--border-color);
    --btn-primary--border-width: var(--btn-primary-hover--border-width);
    --btn-primary--border-style: var(--btn-primary-hover--border-style);
    --btn-primary--box-shadow: var(--btn-primary-hover--box-shadow);
    --btn-primary--border-radius: var(--btn-primary-hover--border-radius)
}

.motif-button-primary.motif-active .motif-icon svg,
.motif-button-primary:hover:not(:disabled) .motif-icon svg {
    --btn-primary-icon-color: var(--btn-primary-hover-icon-color)
}

.motif-button-primary:disabled {
    --btn-primary--bg-color: var(--btn-primary-disabled--bg-color);
    --btn-primary--color: var(--btn-primary-disabled--color);
    --btn-primary--border-color: var(--btn-primary-disabled--border-color);
    --btn-primary--border-width: var(--btn-primary-disabled--border-width);
    --btn-primary--border-style: var(--btn-primary-disabled--border-style);
    --btn-primary--box-shadow: var(--btn-primary-disabled--box-shadow);
    --btn-primary--border-radius: var(--btn-primary-disabled--border-radius)
}

.motif-button-primary:disabled .motif-icon svg {
    --btn-primary-icon-color: var(--btn-primary-disabled-icon-color)
}

.motif-button-primary.motif-active,
.motif-button-primary:focus {
    --btn-primary--bg-color: var(--btn-primary-focus--bg-color);
    --btn-primary--color: var(--btn-primary-focus--color);
    --btn-primary--border-color: var(--btn-primary-focus--border-color);
    --btn-primary--border-width: var(--btn-primary-focus--border-width);
    --btn-primary--border-style: var(--btn-primary-focus--border-style);
    --btn-primary--box-shadow: var(--btn-primary-focus--box-shadow);
    --btn-primary--border-radius: var(--btn-primary-focus--border-radius)
}

.motif-button-primary.motif-active .motif-icon svg,
.motif-button-primary:focus .motif-icon svg {
    --btn-primary-icon-color: var(--btn-primary-focus-icon-color)
}

.motif-button-primary-alt {
    --btn--bg-color: var(--btn-primary-alt--bg-color);
    --btn--color: var(--btn-primary-alt--color);
    --btn--box-shadow: var(--btn-primary-alt--box-shadow);
    --btn--border-radius: var(--btn-primary-alt--border-radius);
    --btn--border-color: var(--btn-primary-alt--border-color);
    --btn--border-width: var(--btn-primary-alt--border-width);
    --btn--border-style: var(--btn-primary-alt--border-style)
}

.motif-button-primary-alt .motif-icon svg {
    color: var(--btn-primary-alt-icon-color)
}

.motif-button-primary-alt:disabled {
    --btn-primary-alt--bg-color: var(--btn-primary-alt-disabled--bg-color);
    --btn-primary-alt--color: var(--btn-primary-alt-disabled--color);
    --btn-primary-alt--border-color: var(--btn-primary-alt-disabled--border-color);
    --btn-primary-alt--border-width: var(--btn-primary-alt-disabled--border-width);
    --btn-primary-alt--border-style: var(--btn-primary-alt-disabled--border-style);
    --btn-primary-alt--box-shadow: var(--btn-primary-alt-disabled--box-shadow);
    --btn-primary-alt--border-radius: var(--btn-primary-alt-disabled--border-radius)
}

.motif-button-primary-alt:disabled .motif-icon svg {
    --btn-primary-alt-icon-color: var(--btn-primary-alt-disabled-icon-color)
}

.motif-button-primary-alt.motif-active,
.motif-button-primary-alt:hover:not(:disabled) {
    --btn-primary-alt--bg-color: var(--btn-primary-alt-hover--bg-color);
    --btn-primary-alt--color: var(--btn-primary-alt-hover--color);
    --btn-primary-alt--border-color: var(--btn-primary-alt-hover--border-color);
    --btn-primary-alt--border-width: var(--btn-primary-alt-hover--border-width);
    --btn-primary-alt--border-style: var(--btn-primary-alt-hover--border-style);
    --btn-primary-alt--box-shadow: var(--btn-primary-alt-hover--box-shadow);
    --btn-primary-alt--border-radius: var(--btn-primary-alt-hover--border-radius)
}

.motif-button-primary-alt.motif-active .motif-icon svg,
.motif-button-primary-alt:hover:not(:disabled) .motif-icon svg {
    --btn-primary-alt-icon-color: var(--btn-primary-alt-hover-icon-color)
}

.motif-button-primary-alt.motif-active,
.motif-button-primary-alt:focus {
    --btn-primary-alt--bg-color: var(--btn-primary-alt-focus--bg-color);
    --btn-primary-alt--color: var(--btn-primary-alt-focus--color);
    --btn-primary-alt--border-color: var(--btn-primary-alt-focus--border-color);
    --btn-primary-alt--border-width: var(--btn-primary-alt-focus--border-width);
    --btn-primary-alt--border-style: var(--btn-primary-alt-focus--border-style);
    --btn-primary-alt--box-shadow: var(--btn-primary-alt-focus--box-shadow);
    --btn-primary-alt--border-radius: var(--btn-primary-alt-focus--border-radius)
}

.motif-button-primary-alt.motif-active .motif-icon svg,
.motif-button-primary-alt:focus .motif-icon svg {
    --btn-primary-alt-icon-color: var(--btn-primary-alt-focus-icon-color)
}

.motif-button-secondary {
    --btn--bg-color: var(--btn-secondary--bg-color);
    --btn--color: var(--btn-secondary--color);
    --btn--box-shadow: var(--btn-secondary--box-shadow);
    --btn--border-radius: var(--btn-secondary--border-radius);
    --btn--border-color: var(--btn-secondary--border-color);
    --btn--border-width: var(--btn-secondary--border-width);
    --btn--border-style: var(--btn-secondary--border-style)
}

.motif-button-secondary .motif-icon svg {
    color: var(--btn-secondary-icon-color)
}

.motif-button-secondary:focus {
    --btn-secondary--bg-color: var(--btn-secondary-focus--bg-color);
    --btn-secondary--color: var(--btn-secondary-focus--color);
    --btn-secondary--border-color: var(--btn-secondary-focus--border-color);
    --btn-secondary--border-width: var(--btn-secondary-focus--border-width);
    --btn-secondary--border-style: var(--btn-secondary-focus--border-style);
    --btn-secondary--box-shadow: var(--btn-secondary-focus--box-shadow);
    --btn-secondary--border-radius: var(--btn-secondary-focus--border-radius);
    outline: none
}

.motif-button-secondary:focus .motif-icon svg {
    --btn-secondary-icon-color: var(--btn-secondary-focus-icon-color)
}

.motif-button-secondary.motif-active,
.motif-button-secondary:active {
    --btn-secondary--bg-color: var(--btn-secondary-active--bg-color);
    --btn-secondary--color: var(--btn-secondary-active--color)
}

.motif-button-secondary:disabled {
    --btn-secondary--bg-color: var(--btn-secondary-disabled--bg-color);
    --btn-secondary--color: var(--btn-secondary-disabled--color);
    --btn-secondary--border-color: var(--btn-secondary-disabled--border-color);
    --btn-secondary--border-width: var(--btn-secondary-disabled--border-width);
    --btn-secondary--border-style: var(--btn-secondary-disabled--border-style);
    --btn-secondary--box-shadow: var(--btn-secondary-disabled--box-shadow);
    --btn-secondary--border-radius: var(--btn-secondary-disabled--border-radius)
}

.motif-button-secondary:disabled .motif-icon svg {
    --btn-secondary-icon-color: var(--btn-secondary-disabled-icon-color)
}

.motif-button-secondary:hover:not(:disabled) {
    --btn-secondary--bg-color: var(--btn-secondary-hover--bg-color);
    --btn-secondary--color: var(--btn-secondary-hover--color);
    --btn-secondary--border-color: var(--btn-secondary-hover--border-color);
    --btn-secondary--border-width: var(--btn-secondary-hover--border-width);
    --btn-secondary--border-style: var(--btn-secondary-hover--border-style);
    --btn-secondary--box-shadow: var(--btn-secondary-hover--box-shadow);
    --btn-secondary--border-radius: var(--btn-secondary-hover--border-radius)
}

.motif-button-secondary:hover:not(:disabled) .motif-icon svg {
    --btn-secondary-icon-color: var(--btn-secondary-hover-icon-color)
}

.motif-button-warn {
    --btn--bg-color: var(--btn-warn--bg-color);
    --btn--color: var(--btn-warn--color);
    --btn-box-shadow: var(--btn-warn--box-shadow);
    --btn--border-radius: var(--btn-warn--border-radius);
    --btn--border-color: var(--btn-warn--border-color);
    --btn--border-width: var(--btn-warn--border-width);
    --btn--border-style: var(--btn-warn--border-style)
}

.motif-button-warn .motif-icon svg {
    color: var(--btn-warn-icon-color)
}

.motif-button-warn:hover {
    --btn-warn--bg-color: var(--btn-warn-hover--bg-color);
    --btn-warn--color: var(--btn-warn-hover--color);
    --btn-warn--border-color: var(--btn-warn-hover--border-color);
    --btn-warn--border-width: var(--btn-warn-hover--border-width);
    --btn-warn--border-style: var(--btn-warn-hover--border-style);
    --btn-warn--box-shadow: var(--btn-warn-hover--box-shadow);
    --btn-warn--border-radius: var(--btn-warn-hover--border-radius)
}

.motif-button-warn:focus {
    --btn-warn--bg-color: var(--btn-warn-focus--bg-color);
    --btn-warn--color: var(--btn-warn-focus--color);
    --btn-warn--border-color: var(--btn-warn-focus--border-color);
    --btn-warn--border-width: var(--btn-warn-focus--border-width);
    --btn-warn--border-style: var(--btn-warn-focus--border-style);
    --btn-warn--box-shadow: var(--btn-warn-focus--box-shadow);
    --btn-warn--border-radius: var(--btn-warn-focus--border-radius)
}

.motif-button-warn:disabled {
    --btn-warn--bg-color: var(--btn-warn-disabled--bg-color);
    --btn-warn--color: var(--btn-warn-disabled--color);
    --btn-warn--border-color: var(--btn-warn-disabled--border-color);
    --btn-warn--border-width: var(--btn-warn-disabled--border-width);
    --btn-warn--border-style: var(--btn-warn-disabled--border-style);
    --btn-warn--box-shadow: var(--btn-warn-disabled--box-shadow);
    --btn-warn--border-radius: var(--btn-warn-disabled--border-radius)
}

.motif-button-warn:disabled .motif-icon svg {
    --btn-warn-icon-color: var(--btn-warn-disabled-icon-color)
}

.motif-button-medium {
    padding: var(--btn-medium--padding);
    min-width: 6.7142857143rem
}

.motif-button-large {
    padding: var(--btn-large--padding);
    min-width: 7.1428571429rem
}

.motif-icon-button {
    cursor: pointer;
    outline: none;
    background: var(--btn-icon--bg-color);
    border: none;
    border-color: var(--btn-icon--border-color);
    border-style: var(--btn-icon--border-style);
    border-width: var(--btn-icon--border-width);
    border-radius: var(--btn-icon--border-radius);
    box-shadow: var(--btn-icon--box-shadow);
    padding: 0;
    transition: box-shadow var(--ease-in-out-fast)
}

.motif-icon-button .motif-icon {
    background: rgba(0, 0, 0, 0);
    border: none
}

.motif-icon-button .motif-icon svg {
    height: 1.7142857143rem;
    width: 1.7142857143rem;
    display: block;
    color: var(--btn-icon-color)
}

.motif-icon-button path {
    fill: currentcolor;
    transition: fill var(--ease-in-out-fast)
}

.motif-icon-button:hover {
    --btn-icon--bg-color: var(--btn-icon-hover--bg-color);
    --btn-icon-color: var(--btn-icon-hover-icon-color);
    --btn-icon--border-color: var(--btn-icon-hover--border-color);
    --btn-icon--border-style: var(--btn-icon-hover--border-style);
    --btn-icon--border-width: var(--btn-icon-hover--border-width);
    --btn-icon--box-shadow: var(--btn-icon-hover--box-shadow)
}

.motif-icon-button:focus {
    --btn-icon--bg-color: var(--btn-icon-focus--bg-color);
    --btn-icon-color: var(--btn-icon-focus-icon-color);
    --btn-icon--border-color: var(--btn-icon-focus--border-color);
    --btn-icon--border-style: var(--btn-icon-focus--border-style);
    --btn-icon--border-width: var(--btn-icon-focus--border-width);
    --btn-icon--box-shadow: var(--btn-icon-focus--box-shadow)
}

.motif-icon-button:disabled,
.motif-icon-button.motif-disabled-state {
    cursor: auto;
    pointer-events: none;
    --btn-icon--bg-color: var(--btn-icon-disabled--bg-color);
    --btn-icon-color: var(--btn-icon-disabled-icon-color);
    --btn-icon--border-color: var(--btn-icon-disabled--border-color);
    --btn-icon--border-style: var(--btn-icon-disabled--border-style);
    --btn-icon--border-width: var(--btn-icon-disabled--border-width);
    --btn-icon--box-shadow: var(--btn-icon-disabled--box-shadow)
}

.motif-icon-button.motif-icon-button-medium {
    padding: 0.2857142857rem
}

.motif-icon-button.motif-icon-button-large {
    padding: 0.5714285714rem
}

.motif-fab {
    background-color: var(--btn-fab--bg-color);
    box-shadow: var(--btn-fab--box-shadow);
    width: var(--btn-fab--size);
    height: var(--btn-fab--size);
    border-radius: var(--btn-fab--border-radius);
    border-color: var(--btn-fab--border-color);
    border-width: var(--btn-fab--border-width);
    border-style: var(--btn-fab--border-style);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color var(--ease-in-out-fast), background-color var(--ease-in-out-fast);
    cursor: pointer
}

.motif-fab .motif-icon svg {
    width: var(--btn-fab-icon--size);
    height: var(--btn-fab-icon--size);
    display: block;
    color: var(--btn-fab-icon-color)
}

.motif-fab::-moz-focus-inner {
    border: 0
}

.motif-fab:hover {
    --btn-fab--bg-color: var(--btn-fab-hover--bg-color);
    --btn-fab--box-shadow: var(--btn-fab-hover--box-shadow);
    --btn-fab--border-color: var(--btn-fab-hover--border-color);
    --btn-fab--border-width: var(--btn-fab-hover--border-width);
    --btn-fab--border-style: var(--btn-fab-hover--border-style);
    --btn-fab--border-radius: var(--btn-fab-hover--border-radius)
}

.motif-fab:hover .motif-icon svg {
    color: var(--btn-fab-hover-icon-color)
}

.motif-fab:focus {
    outline: none;
    color: var(--btn-fab-focus--color);
    --btn-fab--bg-color: var(--btn-fab-focus--bg-color);
    --btn-fab--box-shadow: var(--btn-fab-focus--box-shadow);
    --btn-fab--border-color: var(--btn-fab-focus--border-color);
    --btn-fab--border-width: var(--btn-fab-focus--border-width);
    --btn-fab--border-style: var(--btn-fab-focus--border-style);
    --btn-fab--border-radius: var(--btn-fab-focus--border-radius)
}

.motif-fab:focus .motif-icon svg {
    color: var(--btn-fab-focus-icon-color)
}

.motif-fab:disabled {
    cursor: not-allowed;
    color: var(--btn-fab-disabled--color);
    --btn-fab--bg-color: var(--btn-fab-disabled--bg-color);
    --btn-fab--box-shadow: var(--btn-fab-disabled--box-shadow);
    --btn-fab--border-color: var(--btn-fab-disabled--border-color);
    --btn-fab--border-width: var(--btn-fab-disabled--border-width);
    --btn-fab--border-style: var(--btn-fab-disabled--border-style);
    --btn-fab--border-radius: var(--btn-fab-disabled--border-radius)
}

.motif-fab:disabled .motif-icon svg {
    color: var(--btn-fab-disabled-icon-color)
}

.motif-fab-size-small {
    height: var(--btn-fab-sm--size);
    width: var(--btn-fab-sm--size)
}

.motif-fab-size-small .motif-icon svg {
    width: var(--btn-fab-icon-sm--size);
    height: var(--btn-fab-icon-sm--size)
}

.motif-text-button,
.motif-text-alt-button {
    font-family: var(--primary-font);
    background: rgba(0, 0, 0, 0);
    display: inline-flex;
    font-size: var(--btn-text--font-size);
    line-height: 1.2;
    font-weight: var(--weight-bold);
    outline: none;
    position: relative;
    text-decoration: none;
    align-items: center;
    padding: 0;
    padding: 0.7857142857rem 2.5714285714rem
}

.motif-text-button .motif-icon,
.motif-text-alt-button .motif-icon {
    color: var(--btn-link-icon-color)
}

.motif-text-button .motif-icon>span,
.motif-text-alt-button .motif-icon>span {
    display: flex
}

.motif-text-button .motif-icon svg,
.motif-text-alt-button .motif-icon svg {
    position: relative;
    height: 1.2857142857rem;
    width: 1.2857142857rem;
    margin-right: 0.1428571429rem
}

.motif-text-button.motif-active,
.motif-text-alt-button.motif-active {
    font-weight: var(--weight-bold);
    border-bottom: 2px solid currentcolor
}

.motif-text-button {
    color: var(--btn-link--color);
    background-color: var(--btn-link--bg-color);
    border-color: var(--btn-link--border-color);
    border-width: var(--btn-link--border-width);
    border-style: var(--btn-link--border-style);
    border-radius: var(--btn-link--border-radius);
    text-underline-offset: var(--btn-link--text-underline-offset);
    box-shadow: var(--btn-link--box-shadow)
}

.motif-text-button:hover {
    --btn-link--bg-color: var(--btn-link-hover--bg-color);
    --btn-link--border-color: var(--btn-link-hover--border-color);
    --btn-link--border-width: var(--btn-link-hover--border-width);
    --btn-link--border-style: var(--btn-link-hover--border-style);
    --btn-link--box-shadow: var(--btn-link-hover--box-shadow);
    --btn-link--border-radius: var(--btn-link-hover--border-radius);
    --btn-link--color: var(--btn-link-hover--color);
    --btn-link-icon-color: var(--btn-link-hover-icon-color);
    cursor: pointer;
    text-decoration: underline
}

.motif-text-button:focus {
    --btn-link--bg-color: var(--btn-link-focus--bg-color);
    --btn-link--border-color: var(--btn-link-focus--border-color);
    --btn-link--border-width: var(--btn-link-focus--border-width);
    --btn-link--border-style: var(--btn-link-focus--border-style);
    --btn-link--box-shadow: var(--btn-link-focus--box-shadow);
    --btn-link--border-radius: var(--btn-link-focus--border-radius);
    --btn-link--color: var(--btn-link-focus--color);
    --btn-link-icon-color: var(--btn-link-focus-icon-color);
    cursor: pointer
}

.motif-text-button.motif-text-button-disabled {
    --btn-link--bg-color: var(--btn-link-disabled--bg-color);
    --btn-link--border-color: var(--btn-link-disabled--border-color);
    --btn-link--border-style: var(--btn-link-disabled--border-style);
    --btn-link--border-width: var(--btn-link-disabled--border-width);
    --btn-link--box-shadow: var(--btn-link-disabled--box-shadow);
    --btn-link--border-radius: var(--btn-link-disabled--border-radius);
    --btn-link--color: var(--btn-link-disabled--color);
    --btn-link-icon-color: var(--btn-link-disabled-icon-color);
    text-decoration: none
}

.motif-text-button.motif-text-button-disabled:focus,
.motif-text-button.motif-text-button-disabled:hover {
    text-decoration: none;
    border-bottom: none;
    cursor: not-allowed
}

.motif-text-alt-button {
    color: var(--btn-link-alt--color);
    background-color: var(--btn-link-alt--bg-color);
    border-color: var(--btn-link-alt--border-color);
    border-width: var(--btn-link-alt--border-width);
    border-style: var(--btn-link-alt--border-style);
    border-radius: var(--btn-link-alt--border-radius);
    text-underline-offset: var(--btn-link-alt--text-underline-offset);
    box-shadow: var(--btn-link-alt--box-shadow)
}

.motif-text-alt-button svg {
    color: var(--btn-link-alt-icon-color)
}

.motif-text-alt-button:hover {
    --btn-link-alt--bg-color: var(--btn-link-alt-hover--bg-color);
    --btn-link-alt--border-color: var(--btn-link-alt-hover--border-color);
    --btn-link-alt--border-width: var(--btn-link-alt-hover--border-width);
    --btn-link-alt--border-style: var(--btn-link-alt-hover--border-style);
    --btn-link-alt--border-radius: var(--btn-link-alt-hover--border-radius);
    --btn-link-alt--box-shadow: var(--btn-link-alt-hover--box-shadow);
    --btn-link-alt--color: var(--btn-link-alt-hover--color);
    --btn-link-alt-icon-color: var(--btn-link-alt-hover-icon-color);
    cursor: pointer;
    text-decoration: underline
}

.motif-text-alt-button:focus {
    --btn-link-alt--bg-color: var(--btn-link-alt-focus--bg-color);
    --btn-link-alt--border-color: var(--btn-link-alt-focus--border-color);
    --btn-link-alt--border-width: var(--btn-link-alt-focus--border-width);
    --btn-link-alt--border-style: var(--btn-link-alt-focus--border-style);
    --btn-link-alt--border-radius: var(--btn-link-alt-focus--border-radius);
    --btn-link-alt--box-shadow: var(--btn-link-alt-focus--box-shadow);
    --btn-link-alt--color: var(--btn-link-alt-focus--color);
    --btn-link-alt-icon-color: var(--btn-link-alt-focus-icon-color)
}

.motif-text-alt-button.motif-text-button-disabled {
    --btn-link-alt--bg-color: var(--btn-link-alt-disabled--bg-color);
    --btn-link-alt--border-color: var(--btn-link-alt-disabled--border-color);
    --btn-link-alt--border-style: var(--btn-link-alt-disabled--border-style);
    --btn-link-alt--border-width: var(--btn-link-alt-disabled--border-width);
    --btn-link-alt--box-shadow: var(--btn-link-alt-disabled--box-shadow);
    --btn-link-alt--border-radius: var(--btn-link-alt-disabled--border-radius);
    --btn-link-alt--color: var(--btn-link-alt-disabled--color);
    --btn-link-alt-icon-color: var(--btn-link-alt-disabled-icon-color);
    cursor: not-allowed;
    text-decoration: none
}

.motif-loader-button.motif-button-primary {
    background-color: var(--btn-loader-primary--bg-color);
    color: var(--btn-loader-primary--color);
    border-color: var(--btn-loader-primary--border-color);
    border-width: var(--btn-loader-primary--border-width);
    border-style: var(--btn-loader-primary--border-style);
    box-shadow: var(--btn-loader-primary--box-shadow);
    border-radius: var(--btn-loader-primary--border-radius)
}

.motif-loader-button.motif-button-primary .motif-progress {
    background-color: var(--btn-loader-primary-progress--bg-color)
}

.motif-loader-button.motif-button-primary:hover {
    --btn-loader-primary--bg-color: var(--btn-loader-primary-hover--bg-color);
    --btn-loader-primary--color: var(--btn-loader-primary-hover--color);
    --btn-loader-primary--border-color: var(--btn-loader-primary-hover--border-color);
    --btn-loader-primary--border-width: var(--btn-loader-primary-hover--border-width);
    --btn-loader-primary--border-style: var(--btn-loader-primary-hover--border-style);
    --btn-loader-primary--box-shadow: var(--btn-loader-primary-hover--box-shadow);
    --btn-loader-primary--border-radius: var(--btn-loader-primary-hover--border-radius)
}

.motif-loader-button.motif-button-primary:hover .motif-progress {
    --btn-loader-primary-progress--bg-color: var(--btn-loader-primary-progress-hover--bg-color)
}

.motif-loader-button.motif-button-primary:focus {
    --btn-loader-primary--bg-color: var(--btn-loader-primary-focus--bg-color);
    --btn-loader-primary--color: var(--btn-loader-primary-focus--color);
    --btn-loader-primary--border-color: var(--btn-loader-primary-focus--border-color);
    --btn-loader-primary--border-width: var(--btn-loader-primary-focus--border-width);
    --btn-loader-primary--border-style: var(--btn-loader-primary-focus--border-style);
    --btn-loader-primary--box-shadow: var(--btn-loader-primary-focus--box-shadow);
    --btn-loader-primary--border-radius: var(--btn-loader-primary-focus--border-radius)
}

.motif-loader-button.motif-button-primary:focus .motif-progress {
    --btn-loader-primary-progress--bg-color: var(--btn-loader-primary-progress-focus--bg-color)
}

.motif-loader-button.motif-button-primary-alt {
    background-color: var(--btn-loader-primary-alt--bg-color);
    color: var(--btn-loader-primary-alt--color);
    border-color: var(--btn-loader-primary-alt--border-color);
    border-width: var(--btn-loader-primary-alt--border-width);
    border-style: var(--btn-loader-primary-alt--border-style);
    box-shadow: var(--btn-loader-primary-alt--box-shadow);
    border-radius: var(--btn-loader-primary-alt--border-radius)
}

.motif-loader-button.motif-button-primary-alt .motif-progress {
    background-color: var(--btn-loader-primary-alt-progress--bg-color)
}

.motif-loader-button.motif-button-primary-alt:hover {
    --btn-loader-primary-alt--bg-color: var(--btn-loader-primary-alt-hover--bg-color);
    --btn-loader-primary-alt--color: var(--btn-loader-primary-alt-hover--color);
    --btn-loader-primary-alt--border-color: var(--btn-loader-primary-alt-hover--border-color);
    --btn-loader-primary-alt--border-width: var(--btn-loader-primary-alt-hover--border-width);
    --btn-loader-primary-alt--border-style: var(--btn-loader-primary-alt-hover--border-style);
    --btn-loader-primary-alt--box-shadow: var(--btn-loader-primary-alt-hover--box-shadow);
    --btn-loader-primary-alt--border-radius: var(--btn-loader-primary-alt-hover--border-radius)
}

.motif-loader-button.motif-button-primary-alt:hover .motif-progress {
    --btn-loader-primary-alt-progress--bg-color: var(--btn-loader-primary-alt-progress-hover--bg-color)
}

.motif-loader-button.motif-button-primary-alt:focus {
    --btn-loader-primary-alt--bg-color: var(--btn-loader-primary-alt-focus--bg-color);
    --btn-loader-primary-alt--color: var(--btn-loader-primary-alt-focus--color);
    --btn-loader-primary-alt--border-color: var(--btn-loader-primary-alt-focus--border-color);
    --btn-loader-primary-alt--border-width: var(--btn-loader-primary-alt-focus--border-width);
    --btn-loader-primary-alt--border-style: var(--btn-loader-primary-alt-focus--border-style);
    --btn-loader-primary-alt--box-shadow: var(--btn-loader-primary-alt-focus--box-shadow);
    --btn-loader-primary-alt--border-radius: var(--btn-loader-primary-alt-focus--border-radius)
}

.motif-loader-button.motif-button-primary-alt:focus .motif-progress {
    --btn-loader-primary-alt-progress--bg-color: var(--btn-loader-primary-alt-progress-focus--bg-color)
}

.motif-loader-button.motif-button-secondary {
    background-color: var(--btn-loader-secondary--bg-color);
    color: var(--btn-loader-secondary--color);
    border-color: var(--btn-loader-secondary--border-color);
    border-width: var(--btn-loader-secondary--border-width);
    border-style: var(--btn-loader-secondary--border-style);
    box-shadow: var(--btn-loader-secondary--box-shadow);
    border-radius: var(--btn-loader-secondary--border-radius)
}

.motif-loader-button.motif-button-secondary .motif-progress {
    background-color: var(--btn-loader-secondary-progress--bg-color)
}

.motif-loader-button.motif-button-secondary:hover {
    --btn-loader-secondary--bg-color: var(--btn-loader-secondary-hover--bg-color);
    --btn-loader-secondary--color: var(--btn-loader-secondary-hover--color);
    --btn-loader-secondary--border-color: var(--btn-loader-secondary-hover--border-color);
    --btn-loader-secondary--border-width: var(--btn-loader-secondary-hover--border-width);
    --btn-loader-secondary--border-style: var(--btn-loader-secondary-hover--border-style);
    --btn-loader-secondary--box-shadow: var(--btn-loader-secondary-hover--box-shadow);
    --btn-loader-secondary--border-radius: var(--btn-loader-secondary-hover--border-radius)
}

.motif-loader-button.motif-button-secondary:hover .motif-progress {
    --btn-loader-secondary-progress--bg-color: var(--btn-loader-secondary-progress-hover--bg-color)
}

.motif-loader-button.motif-button-secondary:focus {
    --btn-loader-secondary--bg-color: var(--btn-loader-secondary-focus--bg-color);
    --btn-loader-secondary--color: var(--btn-loader-secondary-focus--color);
    --btn-loader-secondary--border-color: var(--btn-loader-secondary-focus--border-color);
    --btn-loader-secondary--border-width: var(--btn-loader-secondary-focus--border-width);
    --btn-loader-secondary--border-style: var(--btn-loader-secondary-focus--border-style);
    --btn-loader-secondary--box-shadow: var(--btn-loader-secondary-focus--box-shadow);
    --btn-loader-secondary--border-radius: var(--btn-loader-secondary-focus--border-radius)
}

.motif-loader-button.motif-button-secondary:focus .motif-progress {
    --btn-loader-secondary-progress--bg-color: var(--btn-loader-secondary-progress-focus--bg-color)
}

.motif-loader-button .motif-progress-bar-wrapper .motif-progress-bar.motif-progress-bar-indeterminate .motif-progress {
    width: 60%;
    animation: loader-button-anim 1.5s infinite linear
}

.motif-loader-button .motif-progress-bar-wrapper {
    position: absolute;
    left: -0.0714285714rem;
    right: -0.0714285714rem;
    bottom: -0.0714285714rem
}

.motif-loader-button .motif-progress-bar-wrapper .motif-progress-bar,
.motif-loader-button .motif-progress-bar-wrapper .motif-progress {
    height: var(--btn-loader-progress--height)
}

.motif-loader-button .motif-progress-bar-wrapper .motif-progress-bar {
    background-color: rgba(0, 0, 0, 0)
}

@keyframes loader-button-anim {
    0% {
        left: -60%
    }

    100% {
        left: 160%
    }
}

.motif-button-group {
    display: flex;
    align-items: center
}

.motif-button-group .motif-button {
    background-color: var(--btn-group--bg-color);
    color: var(--btn-group--color);
    border-color: var(--btn-group--border-color);
    border-width: var(--btn-group--border-width);
    border-style: var(--btn-group--border-style);
    box-shadow: var(--btn-group--box-shadow);
    border-radius: var(--btn-group--border-radius);
    border-left-width: 0
}

.motif-button-group .motif-button:has(.motif-dropdown-trigger) {
    border-left-width: 0
}

.motif-button-group .motif-button:hover:not(:disabled) {
    --btn-group--border-color: var(--btn-group-hover--border-color);
    --btn-group--border-width: var(--btn-group-hover--border-width);
    --btn-group--border-style: var(--btn-group-hover--border-style);
    --btn-group--bg-color: var(--btn-group-hover--bg-color);
    --btn-group--color: var(--btn-group-hover--color);
    --btn-group--box-shadow: var(--btn-group-hover--box-shadow);
    --btn-group--border-radius: var(--btn-group-hover--border-radius)
}

.motif-button-group .motif-button:focus {
    --btn-group--border-color: var(--btn-group-focus--border-color);
    --btn-group--border-width: var(--btn-group-focus--border-width);
    --btn-group--border-style: var(--btn-group-focus--border-style);
    --btn-group--bg-color: var(--btn-group-focus--bg-color);
    --btn-group--color: var(--btn-group-focus--color);
    --btn-group--box-shadow: var(--btn-group-focus--box-shadow);
    --btn-group--border-radius: var(--btn-group-focus--border-radius)
}

.motif-button-group .motif-button:disabled {
    --btn-group--border-color: var(--btn-group-disabled--border-color);
    --btn-group--border-width: var(--btn-group-disabled--border-width);
    --btn-group--border-style: var(--btn-group-disabled--border-style);
    --btn-group--bg-color: var(--btn-group-disabled--bg-color);
    --btn-group--color: var(--btn-group-disabled--color);
    --btn-group--box-shadow: var(--btn-group-disabled--box-shadow);
    --btn-group--border-radius: var(--btn-group-disabled--border-radius)
}

.motif-button-group .motif-button:active {
    --btn-group--border-color: var(--btn-group-active--border-color);
    --btn-group--border-width: var(--btn-group-active--border-width);
    --btn-group--border-style: var(--btn-group-active--border-style);
    --btn-group--bg-color: var(--btn-group-active--bg-color);
    --btn-group--color: var(--btn-group-active--color);
    --btn-group--box-shadow: var(--btn-group-active--box-shadow);
    --btn-group--border-radius: var(--btn-group-active--border-radius)
}

.motif-button-group .motif-button:first-child:not(:disabled) {
    border-color: var(--btn-group--border-color);
    border-style: var(--btn-group--border-style);
    border-width: var(--btn-group--border-width)
}

.motif-button-group .motif-dropdown .motif-dropdown-trigger .motif-button,
.motif-button-group .motif-dropdown-portal .motif-dropdown-trigger .motif-button {
    border-left-width: 0
}

.motif-button-group .motif-button-primary .motif-icon svg {
    color: var(--btn-group--color)
}

.motif-button-group-small .motif-button {
    height: 2.5714285714rem
}

.motif-button-group-small .motif-dropdown,
.motif-button-group-small .motif-dropdown-portal {
    height: 2.5714285714rem
}

.motif-button-group-small .motif-dropdown-trigger .motif-button {
    min-width: 2.5714285714rem;
    padding: 0
}

.motif-button-group-medium .motif-button {
    height: 2.8571428571rem
}

.motif-button-group-medium .motif-dropdown,
.motif-button-group-medium .motif-dropdown-portal {
    height: 2.8571428571rem
}

.motif-button-group-medium .motif-dropdown-trigger .motif-button {
    min-width: 2.8571428571rem;
    padding: 0
}

.motif-button-group-large .motif-button {
    height: 3.1428571429rem
}

.motif-button-group-large .motif-dropdown,
.motif-button-group-large .motif-dropdown-portal {
    height: 3.1428571429rem
}

.motif-button-group-large .motif-dropdown-trigger .motif-button {
    min-width: 3.1428571429rem;
    padding: 0
}

.motif-card-footer {
    display: flex;
    flex-direction: row;
    background: var(--card-footer--bg-color);
    color: var(--card-footer--color);
    min-height: 3.1428571429rem
}

.motif-card-footer .motif-text-button {
    margin-left: 1.1428571429rem;
    font-size: 1rem;
    border-color: var(--card-footer-separator-line--border-color);
    border-style: var(--card-footer-separator-line--border-style);
    border-width: var(--card-footer-separator-line--border-width)
}

.motif-card-footer .motif-text-button:hover,
.motif-card-footer .motif-text-button:focus {
    text-decoration: underline
}

.motif-card-footer :only-child {
    margin: auto
}

.motif-card-footer .motif-tab-navigation {
    margin: 0
}

.motif-card-footer .motif-tab-navigation .motif-button {
    transition: none;
    padding: 0.7857142857rem 1.1428571429rem;
    border-color: var(--card-footer-separator-line--border-color);
    border-style: var(--card-footer-separator-line--border-style);
    border-width: var(--card-footer-separator-line--border-width)
}

.motif-card-footer .motif-tab-navigation .motif-button:hover,
.motif-card-footer .motif-tab-navigation .motif-button.motif-active {
    box-shadow: inset 0px 0.1428571429rem 0px 0px var(--card-footer-tab-active--border-color);
    border-color: var(--card-footer-tab-active--border-color);
    border-style: var(--card-footer-tab-active--border-style);
    border-width: var(--card-footer-tab-active--border-width)
}

.motif-card-header {
    background-color: var(--card-header--bg-color);
    color: var(--card-header--color);
    padding: 0.7857142857rem 0.8571428571rem;
    border-color: var(--card-header-separator-line--border-color);
    border-style: var(--card-header-separator-line--border-style);
    border-width: var(--card-header-separator-line--border-width);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.motif-card-header .motif-icon-button {
    margin: -0.1428571429rem 0px;
    padding: 0;
    width: 1.7142857143rem;
    height: 1.7142857143rem
}

.motif-card-header .motif-icon svg {
    padding: 0.1428571429rem
}

.motif-card-header .motif-icon svg path {
    fill: var(--card-header-icon-color)
}

.motif-card-header .motif-icon svg:hover {
    background-color: var(--card-header-icon-hover--bg-color)
}

.motif-card-header-alt,
.motif-card-header-dark {
    border-bottom: 0
}

.motif-card-header-dark {
    background-color: var(--card-header-alt--bg-color);
    margin: 0 -1px
}

.motif-card-header-dark * {
    color: var(--card-header-alt--color)
}

.motif-card-header-dark .motif-icon-button:hover,
.motif-card-header-dark .motif-icon-button:focus {
    background-color: var(--card-header-dark-btn-color)
}

.motif-card-header-dark .motif-icon svg path {
    fill: var(--card-header-alt-icon-color)
}

.motif-card-header-dark .motif-icon svg:hover path {
    fill: var(--card-header-alt-icon-hover-icon-color)
}

.motif-card-body {
    padding: 0.8571428571rem
}

.motif-card-body:first-child {
    margin-top: 0
}

.motif-card-body:last-child {
    margin-bottom: 0
}

.motif-card-image {
    margin: 0
}

.motif-card-image svg,
.motif-card-image img {
    width: 100%
}

.motif-card {
    display: inline-block;
    border-color: var(--card--border-color);
    border-width: var(--card--border-width);
    border-style: var(--card--border-style);
    border-radius: var(--card--border-radius);
    background-color: var(--card--bg-color);
    box-shadow: var(--card--box-shadow);
    transition: box-shadow 200ms ease
}

.motif-card:hover {
    --card--box-shadow: var(--card-hover--box-shadow)
}

.motif-card .motif-card-image~.motif-card-header {
    border: none;
    padding-bottom: 0
}

.motif-chip-group {
    display: flex;
    flex-wrap: wrap
}

.motif-chip-group .motif-chip {
    margin-bottom: 0.5714285714rem;
    margin-right: 0.5714285714rem
}

.motif-chip-group .motif-chip:last-child {
    margin-right: 0
}

.motif-chip {
    align-items: center;
    display: flex
}

.motif-chip .motif-chip-button {
    align-items: center;
    background-color: var(--chip--bg-color);
    border-color: var(--chip--border-color);
    border-style: var(--chip--border-style);
    border-width: var(--chip--border-width);
    border-radius: var(--chip--border-radius);
    box-shadow: var(--chip--box-shadow);
    color: var(--chip--color);
    display: flex;
    font-family: var(--primary-font);
    font-size: var(--font-size-base);
    font-weight: var(--weight-light);
    line-height: 1;
    padding: 0.2857142857rem 0.7142857143rem;
    text-align: center;
    transition: color var(--ease-in-out-fast), background-color var(--ease-in-out-fast), box-shadow var(--ease-in-out-fast), border-color var(--ease-in-out-fast)
}

.motif-chip .motif-chip-button::-moz-focus-inner {
    border: 0
}

.motif-chip .motif-chip-button:active.motif-chip-interactive,
.motif-chip .motif-chip-button:focus.motif-chip-interactive,
.motif-chip .motif-chip-button:hover.motif-chip-interactive {
    background-color: var(--chip-active--bg-color);
    color: var(--chip-active--color);
    border-color: var(--chip-active--border-color);
    border-width: var(--chip-active--border-width);
    border-style: var(--chip-active--border-style);
    border-radius: var(--chip-active--border-radius);
    box-shadow: var(--chip-active--box-shadow);
    cursor: pointer
}

.motif-chip-disabled.motif-chip .motif-chip-button {
    background-color: var(--chip-disabled--bg-color);
    border-color: var(--chip-disabled--border-color);
    border-style: var(--chip-disabled--border-style);
    border-width: var(--chip-disabled--border-width);
    color: var(--chip-disabled--color);
    border-radius: var(--chip-disabled--border-radius);
    box-shadow: var(--chip-disabled--box-shadow);
    cursor: not-allowed
}

.motif-chip .motif-chip-button.motif-chip-monochrome-light {
    background-color: var(--chip-monochrome-light--bg-color);
    border-color: var(--chip-monochrome-light--border-color);
    border-style: var(--chip-monochrome-light--border-style);
    border-width: var(--chip-monochrome-light--border-width);
    color: var(--chip-monochrome-light--color);
    border-radius: var(--chip-monochrome-light--border-radius);
    box-shadow: var(--chip-monochrome-light--box-shadow)
}

.motif-chip-disabled.motif-chip .motif-chip-button.motif-chip-monochrome-light {
    background-color: var(--chip-monochrome-disabled--bg-color);
    border-color: var(--chip-monochrome-disabled--border-color);
    border-style: var(--chip-monochrome-disabled--border-style);
    border-width: var(--chip-monochrome-disabled--border-width);
    color: var(--chip-monochrome-disabled--color);
    border-radius: var(--chip-monochrome-disabled--border-radius);
    box-shadow: var(--chip-monochrome-disabled--box-shadow)
}

.motif-chip .motif-chip-button.motif-chip-monochrome-light:active.motif-chip-interactive,
.motif-chip .motif-chip-button.motif-chip-monochrome-light:focus.motif-chip-interactive,
.motif-chip .motif-chip-button.motif-chip-monochrome-light:hover.motif-chip-interactive {
    border-color: var(--chip-monochrome-dark--border-color);
    border-style: var(--chip-monochrome-dark--border-style);
    border-width: var(--chip-monochrome-dark--border-width);
    background-color: var(--chip-monochrome-dark--bg-color);
    color: var(--chip-monochrome-dark--color);
    border-radius: var(--chip-monochrome-dark--border-radius);
    box-shadow: var(--chip-monochrome-dark--box-shadow)
}

.motif-chip .motif-chip-button.motif-chip-monochrome-dark {
    background-color: var(--chip-monochrome-dark--bg-color);
    border-color: var(--chip-monochrome-dark--border-color);
    border-style: var(--chip-monochrome-dark--border-style);
    border-width: var(--chip-monochrome-dark--border-width);
    color: var(--chip-monochrome-dark--color);
    border-radius: var(--chip-monochrome-dark--border-radius);
    box-shadow: var(--chip-monochrome-dark--box-shadow)
}

.motif-chip-disabled.motif-chip .motif-chip-button.motif-chip-monochrome-dark {
    background-color: var(--chip-monochrome-disabled--bg-color);
    border-color: var(--chip-monochrome-disabled--border-color);
    border-style: var(--chip-monochrome-disabled--border-style);
    border-width: var(--chip-monochrome-disabled--border-width);
    color: var(--chip-monochrome-disabled--color);
    border-radius: var(--chip-monochrome-disabled--border-radius);
    box-shadow: var(--chip-monochrome-disabled--box-shadow)
}

.motif-chip .motif-chip-button.motif-chip-monochrome-dark:active.motif-chip-interactive,
.motif-chip .motif-chip-button.motif-chip-monochrome-dark:focus.motif-chip-interactive,
.motif-chip .motif-chip-button.motif-chip-monochrome-dark:hover.motif-chip-interactive {
    border-color: var(--chip-monochrome-light--border-color);
    border-style: var(--chip-monochrome-light--border-style);
    border-width: var(--chip-monochrome-light--border-width);
    background-color: var(--chip-monochrome-light--bg-color);
    color: var(--chip-monochrome-light--color);
    border-radius: var(--chip-monochrome-light--border-radius);
    box-shadow: var(--chip-monochrome-light--box-shadow)
}

.motif-chip .motif-chip-button.motif-chip-success {
    border-color: var(--chip-success--border-color);
    border-style: var(--chip-success--border-style);
    border-width: var(--chip-success--border-width);
    background-color: var(--chip-success--bg-color);
    color: var(--chip-success--color);
    border-radius: var(--chip-success--border-radius);
    box-shadow: var(--chip-success--box-shadow)
}

.motif-chip .motif-chip-button.motif-chip-warning {
    border-color: var(--chip-warning--border-color);
    border-style: var(--chip-warning--border-style);
    border-width: var(--chip-warning--border-width);
    background-color: var(--chip-warning--bg-color);
    color: var(--chip-warning--color);
    border-radius: var(--chip-warning--border-radius);
    box-shadow: var(--chip-warning--box-shadow)
}

.motif-chip .motif-chip-button.motif-chip-error {
    border-color: var(--chip-error--border-color);
    border-style: var(--chip-error--border-style);
    border-width: var(--chip-error--border-width);
    background-color: var(--chip-error--bg-color);
    color: var(--chip-error--color);
    border-radius: var(--chip-error--border-radius);
    box-shadow: var(--chip-error--box-shadow)
}

.motif-chip .motif-chip-button.motif-chip-success.motif-chip-interactive:active,
.motif-chip .motif-chip-button.motif-chip-success.motif-chip-interactive:focus,
.motif-chip .motif-chip-button.motif-chip-success.motif-chip-interactive:hover,
.motif-chip .motif-chip-button.motif-chip-warning.motif-chip-interactive:active,
.motif-chip .motif-chip-button.motif-chip-warning.motif-chip-interactive:focus,
.motif-chip .motif-chip-button.motif-chip-warning.motif-chip-interactive:hover,
.motif-chip .motif-chip-button.motif-chip-error.motif-chip-interactive:active,
.motif-chip .motif-chip-button.motif-chip-error.motif-chip-interactive:focus,
.motif-chip .motif-chip-button.motif-chip-error.motif-chip-interactive:hover {
    background-color: rgba(0, 0, 0, 0);
    color: var(--chip-outlined--color)
}

.motif-chip .motif-chip-button.motif-chip-removable {
    cursor: auto;
    padding-right: 2.3571428571rem
}

.motif-chip.motif-chip-outlined .motif-chip-button {
    background-color: rgba(0, 0, 0, 0);
    color: var(--chip-outlined--color)
}

.motif-chip-disabled.motif-chip.motif-chip-outlined .motif-chip-button {
    color: var(--chip-disabled--color)
}

.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-interactive:active,
.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-interactive:focus,
.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-interactive:hover {
    background-color: rgba(0, 0, 0, 0);
    color: var(--chip-outlined-disabled--color);
    border-color: var(--chip--outlined-disabled-border-color)
}

.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-interactive.motif-chip-success:active,
.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-interactive.motif-chip-success:focus,
.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-interactive.motif-chip-success:hover {
    border-color: var(--chip-success--border-color);
    border-style: var(--chip-success--border-style);
    border-width: var(--chip-success--border-width);
    background-color: var(--chip-success--bg-color);
    color: var(--chip-success--color)
}

.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-interactive.motif-chip-warning:active,
.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-interactive.motif-chip-warning:focus,
.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-interactive.motif-chip-warning:hover {
    border-color: var(--chip-warning--border-color);
    border-style: var(--chip-warning--border-style);
    border-width: var(--chip-warning--border-width);
    background-color: var(--chip-warning--bg-color);
    color: var(--chip-warning--color)
}

.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-interactive.motif-chip-error:active,
.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-interactive.motif-chip-error:focus,
.motif-chip.motif-chip-outlined .motif-chip-button.motif-chip-interactive.motif-chip-error:hover {
    border-color: var(--chip-error--border-color);
    border-style: var(--chip-error--border-style);
    border-width: var(--chip-error--border-width);
    background-color: var(--chip-error--bg-color);
    color: var(--chip-error--color)
}

.motif-chip.motif-chip-active:not(.motif-chip-disabled).motif-chip-dropdown .motif-chip-button,
.motif-chip.motif-chip-active:not(.motif-chip-disabled) .motif-chip-button.motif-chip-removable {
    background-color: var(--chip-hover--bg-color);
    border-color: var(--chip-hover--border-color);
    border-style: var(--chip-hover--border-style);
    border-width: var(--chip-hover--border-width);
    color: var(--chip-hover--color);
    border-radius: var(--chip-hover--border-radius);
    box-shadow: var(--chip-hover--box-shadow)
}

.motif-chip.motif-chip-active:not(.motif-chip-disabled) .motif-dropdown-trigger svg {
    color: var(--chip-hover-icon-color)
}

.motif-chip.motif-chip-active:not(.motif-chip-disabled) .motif-close-icon {
    color: var(--chip-btn-hover--color);
    transition: color var(--ease-in-out-fast)
}

.motif-chip.motif-chip-active:not(.motif-chip-disabled) .motif-close-icon:active,
.motif-chip.motif-chip-active:not(.motif-chip-disabled) .motif-close-icon:focus,
.motif-chip.motif-chip-active:not(.motif-chip-disabled) .motif-close-icon:hover {
    color: var(--chip-hover-icon-color)
}

.motif-chip.motif-chip-active:not(.motif-chip-disabled) .motif-close-icon:active svg,
.motif-chip.motif-chip-active:not(.motif-chip-disabled) .motif-close-icon:focus svg,
.motif-chip.motif-chip-active:not(.motif-chip-disabled) .motif-close-icon:hover svg {
    fill: var(--chip-btn-hover--color)
}

.motif-chip.motif-chip-active:not(.motif-chip-disabled) svg {
    fill: var(--chip-hover-icon-color);
    transition: fill var(--ease-in-out-fast)
}

.motif-chip.motif-chip-active:not(.motif-chip-disabled) svg:active,
.motif-chip.motif-chip-active:not(.motif-chip-disabled) svg:focus,
.motif-chip.motif-chip-active:not(.motif-chip-disabled) svg:hover {
    fill: var(--chip-btn-hover--color)
}

.motif-chip.motif-chip-dropdown .motif-dropdown-trigger {
    display: flex;
    margin-left: -0.1428571429rem;
    transform: translateX(-100%);
    transition: background-color var(--ease-in-out-fast)
}

.motif-chip.motif-chip-dropdown .motif-dropdown-trigger:active svg,
.motif-chip.motif-chip-dropdown .motif-dropdown-trigger:focus svg,
.motif-chip.motif-chip-dropdown .motif-dropdown-trigger:hover svg {
    background-color: var(--chip-btn-hover--bg-color);
    border-radius: 50%;
    color: var(--chip-btn-hover--color)
}

.motif-chip.motif-chip-dropdown .motif-dropdown-bottom-left .motif-dropdown-menu {
    margin-left: -1.7857142857rem;
    margin-top: 0.1428571429rem
}

.motif-chip.motif-chip-dropdown .motif-dropdown-menu {
    margin-left: -1.8571428571rem;
    margin-top: 0.1428571429rem
}

.motif-chip.motif-chip-dropdown .motif-icon-button {
    border-radius: 50%;
    color: var(--chip-btn-hover--color);
    transition: color var(--ease-in-out-fast);
    height: 1.4285714286rem;
    padding: 0;
    width: 1.5rem
}

.motif-chip.motif-chip-dropdown .motif-icon-button:active svg,
.motif-chip.motif-chip-dropdown .motif-icon-button:focus svg,
.motif-chip.motif-chip-dropdown .motif-icon-button:hover svg {
    color: var(--chip-btn-hover--color);
    transition: color var(--ease-in-out-fast)
}

.motif-chip.motif-chip-dropdown .motif-icon-button svg {
    fill: var(--chip-icon-color);
    transition: fill var(--ease-in-out-fast)
}

.motif-chip.motif-chip-dropdown .motif-icon-button svg:active,
.motif-chip.motif-chip-dropdown .motif-icon-button svg:focus,
.motif-chip.motif-chip-dropdown .motif-icon-button svg:hover {
    fill: var(--chip-btn-hover--color)
}

.motif-chip.motif-chip-dropdown .motif-chip-button {
    cursor: auto;
    padding-right: 2.3571428571rem
}

.motif-chip.motif-chip-dropdown .motif-chip-button .motif-icon-button:focus {
    box-shadow: none
}

.motif-chip.motif-chip-disabled .motif-chip-button.motif-chip-removable {
    cursor: not-allowed
}

.motif-chip svg {
    fill: var(--chip-icon-color);
    height: auto;
    transition: fill var(--ease-in-out-fast);
    width: 100%
}

.motif-chip .motif-close-icon {
    align-self: center;
    background: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    height: 1.4285714286rem;
    margin-left: -0.1428571429rem;
    margin-right: 0;
    padding: 0.1428571429rem;
    position: relative;
    transform: translateX(-100%);
    width: 1.5rem
}

.motif-chip .motif-close-icon:focus {
    box-shadow: var(--focus-border);
    outline: none
}

.motif-chip-disabled.motif-chip .motif-close-icon {
    cursor: not-allowed
}

.motif-chip-disabled.motif-chip .motif-close-icon svg {
    fill: var(--chip-disabled-icon-color)
}

:not(.motif-chip-disabled).motif-chip .motif-close-icon {
    transition: background-color var(--ease-in-out-fast)
}

:not(.motif-chip-disabled).motif-chip .motif-close-icon:active,
:not(.motif-chip-disabled).motif-chip .motif-close-icon:focus,
:not(.motif-chip-disabled).motif-chip .motif-close-icon:hover {
    border-radius: 50%;
    background-color: var(--chip-btn-hover--bg-color)
}

.motif-dot {
    align-items: center;
    display: flex;
    flex-direction: row
}

.motif-dot-left:before,
.motif-dot-right:after {
    border-radius: 50%;
    border-color: var(--chip-dot--border-color);
    border-style: var(--chip-dot--border-style);
    border-width: var(--chip-dot--border-width);
    background-color: var(--chip-dot--bg-color);
    content: "";
    flex-shrink: 0;
    height: 1rem;
    width: 1rem
}

.motif-dot-left:before {
    margin-right: 0.5714285714rem
}

.motif-dot-right:after {
    margin-left: 0.5714285714rem
}

.motif-dot-text {
    color: var(--chip-dot--color);
    font-family: var(--primary-font);
    font-size: var(--body-sm--font-size);
    line-height: var(--chip-dot-font-weight)
}

.motif-dot-success:before,
.motif-dot-success:after {
    background-color: var(--chip-success--bg-color)
}

.motif-dot-warning:before,
.motif-dot-warning:after {
    background-color: var(--chip-warning--bg-color)
}

.motif-dot-error:before,
.motif-dot-error:after {
    background-color: var(--chip-error--bg-color)
}

.motif-dot-disabled:before,
.motif-dot-disabled:after {
    background-color: var(--chip-disabled--bg-color)
}

.motif-chip-disabled.motif-ghost,
.motif-dot-disabled.motif-ghost {
    opacity: 1
}

.motif-comment {
    background-color: var(--comment--bg-color);
    border-bottom: var(--comment--border-bottom);
    border-color: var(--comment--border-color);
    border-style: var(--comment--border-style);
    border-width: var(--comment--border-width);
    margin-top: 1rem;
    padding: 1rem;
    position: relative
}

.motif-comment-body {
    display: flex
}

.motif-comment-avatar {
    margin-right: 0.5714285714rem
}

.motif-comment-content {
    flex: 1
}

.motif-comment-details {
    display: flex;
    align-items: flex-end
}

.motif-comment-author {
    flex: 1;
    font-weight: var(--weight-bold)
}

.motif-comment-time {
    font-size: 0.8571428571rem;
    color: var(--comment-date-time--color);
    margin-right: 0.5714285714rem
}

.motif-comment-actions {
    height: 1.8571428571rem
}

.motif-comment-message {
    margin-top: 0.2857142857rem
}

.motif-comment-message .motif-comment-edit-text-area {
    color: var(--comment-edit--color);
    background-color: var(--comment-edit--bg-color);
    box-shadow: var(--comment-edit--box-shadow);
    border-color: var(--comment-edit--border-color);
    border-width: var(--comment-edit--border-width);
    border-style: var(--comment-edit--border-style);
    border-radius: var(--comment-edit--border-radius)
}

.motif-comment-message .motif-comment-edit-text-area:-webkit-scrollbar {
    width: 5px;
    background-color: var(--comment-edit-scroll-bar--bg-color)
}

.motif-comment-message .motif-comment-edit-text-area:-webkit-scrollbar:hover {
    --comment-edit-scroll-bar--bg-color: var(--comment-edit-scroll-bar-hover--bg-color)
}

.motif-comment-message .motif-comment-edit-text-area:hover {
    --comment-edit--color: var(--comment-edit-hover--color);
    --comment-edit--bg-color: var(--comment-edit-hover--bg-color);
    --comment-edit--box-shadow: var(--comment-edit-hover--box-shadow);
    --comment-edit--border-color: var(--comment-edit-hover--border-color);
    --comment-edit--border-width: var(--comment-edit-hover--border-width);
    --comment-edit--border-style: var(--comment-edit-hover--border-style);
    --comment-edit--border-radius: var(--comment-edit-hover--border-radius)
}

.motif-comment-message .motif-comment-edit-text-area:focus {
    --comment-edit--color: var(--comment-edit-focus--color);
    --comment-edit--bg-color: var(--comment-edit-focus--bg-color);
    --comment-edit--box-shadow: var(--comment-edit-focus--box-shadow);
    --comment-edit--border-color: var(--comment-edit-focus--border-color);
    --comment-edit--border-width: var(--comment-edit-focus--border-width);
    --comment-edit--border-style: var(--comment-edit-focus--border-style);
    --comment-edit--border-radius: var(--comment-edit-focus--border-radius)
}

.motif-comment-message.motif-comment-padding {
    padding-bottom: 1.0714285714rem
}

.motif-comment-text {
    word-break: break-all
}

.motif-comment-text-truncated {
    --comment-preview-row-count: 3;
    display: -webkit-box;
    -webkit-line-clamp: var(--comment-preview-row-count);
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all
}

.motif-comment-inline-actions .motif-comment-reply {
    display: flex;
    justify-content: flex-end
}

.motif-comment-inline-actions .motif-comment-reply-before {
    justify-content: space-between;
    align-items: flex-start;
    margin-left: -2.8571428571rem
}

.motif-comment-inline-actions .cancel-edit-button {
    margin-left: 1.5rem
}

.motif-comment .action-icons {
    width: 1.2857142857rem;
    height: 1.2857142857rem;
    margin-right: 0.25rem
}

.motif-comment .action-icons path {
    fill: currentcolor
}

.motif-comment-edit-action {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.3571428571rem
}

.motif-comment-view-action {
    display: flex;
    justify-content: flex-end
}

.motif-comment-view-action.reply-positioned-before {
    align-items: flex-start;
    justify-content: space-between
}

.motif-comment-truncation-toggle {
    color: var(--comment-truncation-toggle--color);
    font-size: 0.8571428571rem;
    margin-top: 0.2142857143rem
}

.motif-comment-nested {
    margin-left: 2.2857142857rem
}

.motif-comment-nested .motif-comment {
    border-color: var(--comment-nested--border-color);
    border-style: var(--comment-nested--border-style);
    border-width: var(--comment-nested--border-width);
    padding: 0
}

.motif-comment-reply-after {
    position: absolute;
    bottom: 0.3571428571rem
}

.motif-comment-short-message {
    padding-bottom: 0.7142857143rem
}

.motif-content-switcher {
    display: flex
}

.motif-content-switcher .motif-button {
    border-radius: 0;
    background-color: var(--content-switcher--bg-color);
    color: var(--content-switcher--color);
    height: 44px;
    border-color: var(--content-switcher--border-color);
    border-width: var(--content-switcher--border-width);
    border-style: var(--content-switcher--border-style);
    border-left-width: 0
}

.motif-content-switcher .motif-button.motif-active {
    --content-switcher--bg-color: var(--content-switcher-selected--bg-color);
    --content-switcher--color: var(--content-switcher-selected--color);
    --content-switcher--border-color: var(--content-switcher-selected--border-color);
    --content-switcher--border-width: var(--content-switcher-selected--border-width);
    --content-switcher--border-style: var(--content-switcher-selected--border-style)
}

.motif-content-switcher .motif-button:hover:not(:disabled) {
    --content-switcher--bg-color: var(--content-switcher-hover--bg-color);
    --content-switcher--color: var(--content-switcher-hover--color);
    --content-switcher--border-color: var(--content-switcher-hover--border-color);
    --content-switcher--border-width: var(--content-switcher-hover--border-width);
    --content-switcher--border-style: var(--content-switcher-hover--border-style)
}

.motif-content-switcher .motif-button:disabled {
    --content-switcher--bg-color: var(--content-switcher-disabled--bg-color);
    --content-switcher--color: var(--content-switcher-disabled--color);
    --content-switcher--border-color: var(--content-switcher-disabled--border-color);
    --content-switcher--border-width: var(--content-switcher-disabled--border-width);
    --content-switcher--border-style: var(--content-switcher-disabled--border-style)
}

.motif-content-switcher .motif-button:focus {
    z-index: 1;
    box-shadow: var(--focus-border);
    --content-switcher--bg-color: var(--content-switcher-focus--bg-color);
    --content-switcher--color: var(--content-switcher-focus--color);
    --content-switcher--border-color: var(--content-switcher-focus--border-color);
    --content-switcher--border-width: var(--content-switcher-focus--border-width);
    --content-switcher--border-style: var(--content-switcher-focus--border-style)
}

.motif-content-switcher .motif-button:first-child {
    border-left-width: 1px
}

.motif-content-switcher .motif-button[disabled]+.motif-button:not([disabled]) {
    border-left-width: 1px
}

.motif-dropdown-item {
    z-index: 2;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.7142857143rem 0.8571428571rem;
    font-size: 1rem;
    line-height: 1.5714285714rem;
    clear: both;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    border-color: var(--dropdown-menu-item--border-color);
    border-style: var(--dropdown-menu-item--border-style);
    border-width: var(--dropdown-menu-item--border-width);
    outline: 1px solid rgba(0, 0, 0, 0);
    font-family: var(--primary-font);
    font-weight: var(--weight-light);
    color: var(--dropdown-menu-item--color);
    background: var(--dropdown-menu-item--bg-color);
    height: 3.1428571429rem
}

.motif-dropdown-item .motif-icon {
    fill: var(--dropdown-menu-item--fill);
    height: 100%;
    width: auto;
    display: flex;
    margin-right: 10px;
    align-items: center
}

.motif-dropdown-item .motif-icon svg {
    height: 1.1428571429rem;
    width: 1.1428571429rem;
    fill: var(--dropdown-menu-item-icon-color)
}

.motif-dropdown-item:hover {
    --dropdown-menu-item--color: var(--dropdown-menu-item-hover--color);
    --dropdown-menu-item--bg-color: var(--dropdown-menu-item-hover--bg-color);
    --dropdown-menu-item--border-color: var(--dropdown-menu-item-hover--border-color);
    --dropdown-menu-item--border-style: var(--dropdown-menu-item-hover--border-style);
    --dropdown-menu-item--border-width: var(--dropdown-menu-item-hover--border-width);
    box-shadow: var(--dropdown-menu-item-hover--box-shadow)
}

.motif-dropdown-item:hover a {
    --dropdown-menu-item--color: var(--dropdown-menu-item-hover--color)
}

.motif-dropdown-item:hover .motif-icon svg {
    --dropdown-menu-item-icon-color: var(--dropdown-menu-item-hover-icon-color)
}

.motif-dropdown-item:focus {
    --dropdown-menu-item--color: var(--dropdown-menu-item-focus--color);
    --dropdown-menu-item--bg-color: var(--dropdown-menu-item-focus--bg-color);
    --dropdown-menu-item--border-color: var(--dropdown-menu-item-focus--border-color);
    --dropdown-menu-item--border-style: var(--dropdown-menu-item-focus--border-style);
    --dropdown-menu-item--border-width: var(--dropdown-menu-item-focus--border-width);
    box-shadow: var(--dropdown-menu-item-focus--box-shadow)
}

.motif-dropdown-item:focus a {
    --dropdown-menu-item--color: var(--dropdown-menu-item-focus--color)
}

.motif-dropdown-item:focus .motif-icon svg {
    --dropdown-menu-item-icon-color: var(--dropdown-menu-item-focus-icon-color)
}

.motif-dropdown-item.active,
.motif-dropdown-item:active {
    --dropdown-menu-item--color: var(--dropdown-menu-item-active--color);
    --dropdown-menu-item--bg-color: var(--dropdown-menu-item-active--bg-color);
    --dropdown-menu-item--border-color: var(--dropdown-menu-item-active--border-color);
    --dropdown-menu-item--border-style: var(--dropdown-menu-item-active--border-style);
    --dropdown-menu-item--border-width: var(--dropdown-menu-item-active--border-width);
    box-shadow: var(--dropdown-menu-item-active--box-shadow);
    text-decoration: none
}

.motif-dropdown-item.active .motif-icon svg,
.motif-dropdown-item:active .motif-icon svg {
    --dropdown-menu-item-icon-color: var(--dropdown-menu-item-active-icon-color)
}

.motif-dropdown-item.disabled,
.motif-dropdown-item:disabled {
    color: var(--dropdown-menu-item-disabled--color);
    pointer-events: none;
    background-color: var(--dropdown-menu-item-disabled--bg-color);
    border-color: var(--dropdown-menu-item-disabled--border-color);
    border-style: var(--dropdown-menu-item-disabled--border-style);
    border-width: var(--dropdown-menu-item-disabled--border-width);
    box-shadow: var(--dropdown-menu-item-disabled--box-shadow)
}

.motif-dropdown-item.disabled .motif-icon svg,
.motif-dropdown-item:disabled .motif-icon svg {
    --dropdown-menu-item-icon-color: var(--dropdown-menu-item-disabled-icon-color)
}

.motif-dropdown {
    position: relative;
    display: inline-block
}

.motif-dropdown .motif-dropdown-trigger {
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    position: relative;
    z-index: 1
}

.motif-dropdown .motif-dropdown-trigger:hover {
    box-shadow: var(--dropdown-toggle-hover--box-shadow)
}

.motif-dropdown .motif-dropdown-trigger:focus {
    box-shadow: var(--dropdown-toggle-focus--box-shadow)
}

.motif-dropdown .motif-dropdown-trigger .motif-button {
    margin: 0
}

.motif-dropdown.motif-dropdown-drop-up .motif-dropdown-menu:before {
    border-color: var(--dropdown-menu--border-color);
    border-width: var(--dropdown-menu--border-width);
    border-style: var(--dropdown-menu--border-style);
    clip: unset
}

.motif-dropdown.motif-dropdown-drop-up .motif-dropdown-menu[x-placement^=bottom-right]:before {
    top: unset;
    bottom: -6px;
    clip: rect(4px, 12px, 22px, 0px)
}

.motif-dropdown.motif-dropdown-drop-up .motif-dropdown-menu[x-placement^=bottom-left]:before {
    top: unset;
    bottom: -6px;
    clip: rect(4px, 12px, 22px, 0px)
}

.motif-dropdown-menu {
    position: absolute;
    display: block;
    top: 100%;
    z-index: 100;
    padding: 0;
    min-width: 14.2857142857rem;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    box-shadow: var(--dropdown-menu--box-shadow);
    background-color: var(--dropdown-menu--bg-color);
    outline: var(--dropdown-menu--border)
}

.motif-dropdown-menu:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    box-shadow: var(--dropdown-menu--box-shadow);
    background-color: var(--dropdown-menu--bg-color);
    transform: rotate(-45deg);
    border-color: var(--dropdown-menu-before--border-color);
    border-width: var(--dropdown-menu-before--border-width);
    border-style: var(--dropdown-menu-before--border-style);
    clip: rect(-16px, 16px, 13px, 3px)
}

.motif-dropdown-menu[x-placement^=bottom-left],
.motif-dropdown-menu[x-placement^=bottom-right] {
    right: auto;
    bottom: auto
}

.motif-dropdown-menu[x-placement^=bottom-right] {
    right: -12px
}

.motif-dropdown-menu[x-placement^=bottom-right]:before {
    top: -6px;
    right: 1.2142857143rem
}

.motif-dropdown-menu[x-placement^=bottom-left] {
    left: -12px
}

.motif-dropdown-menu[x-placement^=bottom-left]:before {
    top: -6px;
    left: 1.2142857143rem
}

.motif-dropdown-portal {
    position: relative;
    display: inline-block
}

.motif-dropdown-portal .motif-dropdown-trigger {
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    position: relative;
    z-index: 1
}

.motif-dropdown-portal .motif-dropdown-trigger:hover {
    box-shadow: var(--dropdown-toggle-hover--box-shadow)
}

.motif-dropdown-portal .motif-dropdown-trigger:focus {
    box-shadow: var(--dropdown-toggle-focus--box-shadow)
}

.motif-dropdown-portal .motif-dropdown-trigger .motif-button {
    margin: 0
}

.motif-dropdown-menu-portal {
    min-width: 14.2857142857rem;
    text-align: left;
    list-style: none;
    box-shadow: var(--dropdown-menu--box-shadow);
    background-color: var(--dropdown-menu--bg-color);
    border-color: var(--dropdown-menu--border-color);
    border-width: var(--dropdown-menu--border-width);
    border-style: var(--dropdown-menu--border-style);
    border-radius: var(--dropdown-menu--border-radius);
    z-index: 1001
}

.motif-dropdown-menu-portal .motif-dropdown-arrow,
.motif-dropdown-menu-portal .motif-dropdown-arrow:before {
    position: absolute;
    width: 16px;
    height: 16px;
    z-index: -1
}

.motif-dropdown-menu-portal .motif-dropdown-arrow:before {
    content: "";
    transform: rotate(315deg);
    background: var(--dropdown-menu--bg-color);
    border-color: var(--dropdown-menu-before--border-color);
    border-width: var(--dropdown-menu-before--border-width);
    border-style: var(--dropdown-menu-before--border-style)
}

.motif-dropdown-menu-portal-close {
    visibility: hidden;
    pointer-events: none
}

.motif-dropdown-menu-portal[data-popper-placement^=top]>.motif-dropdown-arrow {
    bottom: -6px
}

.motif-dropdown-menu-portal[data-popper-placement^=top]>.motif-dropdown-arrow:before {
    clip: rect(2px, 18px, 18px, 2px)
}

.motif-dropdown-menu-portal[data-popper-placement^=bottom]>.motif-dropdown-arrow {
    top: -8px
}

.motif-dropdown-menu-portal[data-popper-placement^=bottom]>.motif-dropdown-arrow:before {
    clip: rect(0px, 18px, 18px, 0px)
}

.motif-dropdown-menu-portal[data-popper-placement^=left]>.motif-dropdown-arrow {
    right: -8px
}

.motif-dropdown-menu-portal[data-popper-placement^=right]>.motif-dropdown-arrow {
    left: -8px
}

.motif-rich-text-editor .ql-editor {
    padding: 0.8571428571rem 1.0714285714rem;
    background-color: var(--rich-text-editor-container--bg-color);
    color: var(--rich-text-editor-container--color)
}

.motif-rich-text-editor .ql-editor:before {
    color: var(--rich-text-editor-toolbar-icon--fill);
    font-style: normal;
    top: 1.4285714286rem
}

.motif-rich-text-editor .ql-editor:hover {
    --rich-text-editor-container--bg-color: var(--rich-text-editor-container-hover--bg-color);
    --rich-text-editor-container--color: var(--rich-text-editor-container-hover--color)
}

.motif-rich-text-editor .ql-editor:focus {
    --rich-text-editor-container--bg-color: var(--rich-text-editor-container-focus--bg-color);
    --rich-text-editor-container--color: var(--rich-text-editor-container-focus--color)
}

.motif-rich-text-editor .ql-stroke {
    stroke: var(--rich-text-editor-toolbar-icon--stroke)
}

.motif-rich-text-editor .ql-fill {
    fill: var(--rich-text-editor-toolbar-icon--fill)
}

.motif-rich-text-editor .ql-container {
    font-size: 0.9285714286rem
}

.motif-rich-text-editor .ql-container.ql-snow {
    border-color: var(--rich-text-editor-container--border-color);
    border-style: var(--rich-text-editor-container--border-style);
    border-width: var(--rich-text-editor-container--border-width)
}

.motif-rich-text-editor .ql-container.ql-snow:hover {
    --rich-text-editor-container--border-color: var(--rich-text-editor-container-hover--border-color);
    --rich-text-editor-container--border-style: var(--rich-text-editor-container-hover--border-style);
    --rich-text-editor-container--border-width: var(--rich-text-editor-container-hover--border-width)
}

.motif-rich-text-editor .ql-container.ql-snow:focus {
    --rich-text-editor-container--border-color: var(--rich-text-editor-container-focus--border-color);
    --rich-text-editor-container--border-style: var(--rich-text-editor-container-focus--border-style);
    --rich-text-editor-container--border-width: var(--rich-text-editor-container-focus--border-width)
}

.motif-rich-text-editor .ql-snow.ql-toolbar {
    padding: 0.5rem 0.6428571429rem;
    border-color: var(--rich-text-editor-toolbar--border-color);
    border-style: var(--rich-text-editor-toolbar--border-style);
    border-width: var(--rich-text-editor-toolbar--border-width);
    background-color: var(--rich-text-editor-toolbar--bg-color)
}

.motif-rich-text-editor .ql-snow.ql-toolbar .ql-formats {
    background-color: var(--rich-text-editor-toolbar-icon--bg-color)
}

.motif-rich-text-editor .ql-snow.ql-toolbar button {
    height: 1.7142857143rem;
    padding: 0.0714285714rem 0.1428571429rem;
    width: 1.7142857143rem
}

.motif-rich-text-editor .ql-snow.ql-toolbar button.ql-active {
    background-color: var(--rich-text-editor-toolbar-icon-active--bg-color)
}

.motif-rich-text-editor .ql-snow.ql-toolbar button.ql-active line,
.motif-rich-text-editor .ql-snow.ql-toolbar button.ql-active path,
.motif-rich-text-editor .ql-snow.ql-toolbar button.ql-active rect {
    stroke: var(--rich-text-editor-toolbar-icon--fill)
}

.motif-rich-text-editor .ql-snow.ql-toolbar button svg {
    width: 1.4285714286rem;
    height: 1.4285714286rem
}

.motif-rich-text-editor .ql-snow.ql-toolbar button:active,
.motif-rich-text-editor .ql-snow.ql-toolbar button:focus,
.motif-rich-text-editor .ql-snow.ql-toolbar button:hover {
    color: var(--rich-text-editor-container--color)
}

.motif-rich-text-editor .ql-snow.ql-toolbar button:active .ql-fill,
.motif-rich-text-editor .ql-snow.ql-toolbar button:focus .ql-fill,
.motif-rich-text-editor .ql-snow.ql-toolbar button:hover .ql-fill {
    fill: var(--rich-text-editor-toolbar-icon--fill)
}

.motif-rich-text-editor .ql-snow.ql-toolbar button:active .ql-stroke,
.motif-rich-text-editor .ql-snow.ql-toolbar button:active .ql-thin,
.motif-rich-text-editor .ql-snow.ql-toolbar button:active .ql-even,
.motif-rich-text-editor .ql-snow.ql-toolbar button:focus .ql-stroke,
.motif-rich-text-editor .ql-snow.ql-toolbar button:focus .ql-thin,
.motif-rich-text-editor .ql-snow.ql-toolbar button:focus .ql-even,
.motif-rich-text-editor .ql-snow.ql-toolbar button:hover .ql-stroke,
.motif-rich-text-editor .ql-snow.ql-toolbar button:hover .ql-thin,
.motif-rich-text-editor .ql-snow.ql-toolbar button:hover .ql-even {
    stroke: var(--rich-text-editor-toolbar-icon--fill)
}

.motif-rich-text-editor .ql-snow.ql-toolbar button:active {
    background-color: var(--rich-text-editor-toolbar-icon-active--bg-color)
}

.motif-rich-text-editor .ql-snow.ql-toolbar button:focus {
    background-color: var(--rich-text-editor-toolbar-icon-focus--bg-color)
}

.motif-rich-text-editor .ql-snow.ql-toolbar button:hover {
    background-color: var(--rich-text-editor-toolbar-icon-hover--bg-color)
}

.motif-rich-text-editor .ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-picker-label {
    color: var(--rich-text-editor-toolbar-picker--color);
    background-color: var(--rich-text-editor-toolbar-picker-hover--bg-color)
}

.motif-rich-text-editor .ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-stroke {
    stroke: var(--rich-text-editor-toolbar-picker--color)
}

.motif-rich-text-editor .ql-snow .ql-picker-options {
    background-color: var(--body--bg-color);
    padding: 0 0.5714285714rem
}

.motif-rich-text-editor .ql-snow .ql-picker.ql-header {
    width: 7rem
}

.motif-rich-text-editor .ql-snow .ql-picker.ql-header.ql-expanded {
    background-color: var(--rich-text-editor-toolbar-picker-options--bg-color);
    color: var(--rich-text-editor-toolbar-picker-options--color)
}

.motif-rich-text-editor .ql-snow .ql-picker.ql-header.ql-expanded:hover {
    --rich-text-editor-toolbar-picker-options--bg-color: var(--rich-text-editor-toolbar-picker-options-hover--bg-color)
}

.motif-rich-text-editor .ql-snow .ql-picker.ql-header.ql-expanded:focus {
    --rich-text-editor-toolbar-picker-options--bg-color: var(--rich-text-editor-toolbar-picker-options-focus--bg-color)
}

.motif-rich-text-editor .ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: var(--rich-text-editor-toolbar-picker-options--border-color);
    border-style: var(--rich-text-editor-toolbar-picker-options--border-style);
    border-width: var(--rich-text-editor-toolbar-picker-options--border-width);
    z-index: 2
}

.motif-rich-text-editor .ql-snow .ql-picker {
    font-size: 1rem;
    height: 2rem;
    color: var(--rich-text-editor-container--color);
    background-color: var(--rich-text-editor-toolbar-picker--bg-color);
    border-width: var(--rich-text-editor-toolbar-picker--border-width);
    border-style: var(--rich-text-editor-toolbar-picker--border-style);
    border-color: var(--rich-text-editor-toolbar-picker--border-color)
}

.motif-rich-text-editor .ql-snow .ql-picker:focus-within {
    --rich-text-editor-toolbar-picker--bg-color: var(--rich-text-editor-toolbar-picker-focus--bg-color);
    --rich-text-editor-container--color: var(--rich-text-editor-toolbar-picker-focus--color);
    --rich-text-editor-toolbar-picker--border-width: var(--rich-text-editor-toolbar-picker-focus--border-width);
    --rich-text-editor-toolbar-picker--border-style: var(--rich-text-editor-toolbar-picker-focus--border-style);
    --rich-text-editor-toolbar-picker--border-color: var(--rich-text-editor-toolbar-picker-focus--border-color);
    outline: 1px solid
}

.motif-rich-text-editor .ql-snow .ql-picker:active,
.motif-rich-text-editor .ql-snow .ql-picker:hover {
    --rich-text-editor-toolbar-picker--bg-color: var(--rich-text-editor-toolbar-picker-hover--bg-color);
    --rich-text-editor-container--color: var(--rich-text-editor-toolbar-picker-hover--color);
    --rich-text-editor-toolbar-picker--border-width: var(--rich-text-editor-toolbar-picker-hover--border-width);
    --rich-text-editor-toolbar-picker--border-style: var(--rich-text-editor-toolbar-picker-hover--border-style);
    --rich-text-editor-toolbar-picker--border-color: var(--rich-text-editor-toolbar-picker-hover--border-color)
}

.motif-rich-text-editor .ql-snow .ql-picker:not(.ql-color-picker, .ql-icon-picker) svg {
    width: 1.2857142857rem
}

.motif-rich-text-editor .ql-snow .ql-picker-label {
    height: 100%;
    border: none
}

.motif-rich-text-editor .ql-snow .ql-picker-label:before {
    line-height: 1.5714285714rem;
    margin-top: 0.1428571429rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80px
}

.motif-rich-text-editor .ql-snow .ql-picker-label:active,
.motif-rich-text-editor .ql-snow .ql-picker-label:focus,
.motif-rich-text-editor .ql-snow .ql-picker-label:hover {
    background-color: var(--rich-text-editor-toolbar-picker-hover--bg-color);
    color: var(--rich-text-editor-toolbar-picker--color)
}

.motif-rich-text-editor .ql-snow .ql-picker-label:active .ql-stroke,
.motif-rich-text-editor .ql-snow .ql-picker-label:focus .ql-stroke,
.motif-rich-text-editor .ql-snow .ql-picker-label:hover .ql-stroke {
    stroke: var(--rich-text-editor-container--color)
}

.motif-rich-text-editor .ql-snow .ql-picker-label.ql-active {
    color: var(--rich-text-editor-container--color)
}

.motif-rich-text-editor .ql-snow .ql-picker-label.ql-active .ql-stroke {
    stroke: var(--rich-text-editor-container--color)
}

.motif-rich-text-editor .ql-snow .ql-picker.ql-font {
    width: 7.7142857143rem
}

.motif-rich-text-editor .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
    font-size: 0.7142857143rem
}

.motif-rich-text-editor .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
    font-size: 1.2857142857rem
}

.motif-rich-text-editor .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
    font-size: 2.2857142857rem
}

.motif-rich-text-editor .ql-snow .ql-picker-item {
    color: var(--rich-text-editor-toolbar-picker-options-item--color);
    margin: 0 -0.5rem;
    padding-left: .5rem;
    padding-right: .5rem;
    background-color: var(--rich-text-editor-toolbar-picker-options-item--bg-color)
}

.motif-rich-text-editor .ql-snow .ql-picker-item:active,
.motif-rich-text-editor .ql-snow .ql-picker-item:hover {
    --rich-text-editor-toolbar-picker-options-item--bg-color: var(--rich-text-editor-toolbar-picker-options-item-hover--bg-color);
    color: var(--rich-text-editor-toolbar-picker-options-selected--color)
}

.motif-rich-text-editor .ql-snow .ql-picker-item:focus {
    --rich-text-editor-toolbar-picker-options-item--bg-color: var(--rich-text-editor-toolbar-picker-options-item-focus--bg-color);
    color: var(--rich-text-editor-toolbar-picker-options-selected--color)
}

.motif-rich-text-editor .ql-snow .ql-picker-item.ql-selected {
    color: var(--rich-text-editor-toolbar-picker-options-item-selected--color)
}

.motif-rich-text-editor .ql-snow button:focus {
    outline: 1px solid
}

.motif-footer {
    background-color: var(--footer--bg-color);
    box-shadow: var(--footer--box-shadow);
    border-style: var(--footer--border-style);
    border-color: var(--footer--border-color);
    border-width: var(--footer--border-width);
    height: 5.7142857143rem;
    padding: 1.2857142857rem
}

.motif-footer-sticky {
    position: sticky;
    bottom: 0
}

.motif-checkbox+.motif-checkbox {
    margin-top: 0.8571428571rem
}

.motif-checkbox+.motif-error-message {
    padding-left: 0.0714285714rem;
    margin-top: 0.2857142857rem
}

.motif-checkbox:hover:not(.motif-checkbox-checked) .motif-checkbox-custom {
    border-width: var(--checkbox-custom-hover--border-width)
}

.motif-checkbox:hover:not(.motif-checkbox-disabled) .motif-checkbox-label {
    text-decoration: underline
}

.motif-checkbox-label-wrap {
    display: flex;
    height: inherit
}

.motif-checkbox-custom {
    width: 1.2857142857rem;
    height: 1.2857142857rem;
    border-color: var(--checkbox--border-color);
    border-width: var(--checkbox--border-width);
    border-style: var(--checkbox--border-style);
    border-radius: var(--checkbox--border-radius);
    box-shadow: var(--checkbox--box-shadow);
    background-color: var(--checkbox--bg-color);
    align-items: center;
    display: inline-flex;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden
}

.motif-checkbox-custom svg {
    width: 100%;
    height: auto
}

.motif-checkbox-custom:focus {
    --checkbox--border-color: var(--checkbox-custom-focus--border-color);
    --checkbox--border-width: var(--checkbox-custom-focus--border-width);
    --checkbox--border-style: var(--checkbox-custom-focus--border-style);
    --checkbox--bg-color: var(--checkbox-custom-focus--bg-color);
    --checkbox--box-shadow: var(--checkbox-custom-focus--box-shadow)
}

.motif-checkbox-custom:hover {
    --checkbox--border-color: var(--checkbox-custom-hover--border-color);
    --checkbox--border-width: var(--checkbox-custom-hover--border-width);
    --checkbox--border-style: var(--checkbox-custom-hover--border-style);
    --checkbox--bg-color: var(--checkbox-custom-hover--bg-color);
    --checkbox--box-shadow: var(--checkbox-custom-hover--box-shadow)
}

.motif-checkbox-checked-icon,
.motif-checkbox-indeterminate-icon {
    display: none;
    fill: var(--checkbox-checked-icon-color)
}

.motif-checkbox-checked-icon .motif-icon,
.motif-checkbox-indeterminate-icon .motif-icon {
    color: var(--checkbox-checked-icon-color)
}

.motif-checkbox-input {
    border: 0;
    clip: rect(0 0 0 0);
    height: 0.0714285714rem;
    margin: -0.0714285714rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0.0714285714rem;
    outline: 0;
    appearance: none
}

.motif-checkbox-input:focus+.motif-checkbox-custom {
    box-shadow: var(--focus-border)
}

.motif-checkbox-label {
    margin-left: 0.5714285714rem;
    font-size: var(--font-size-base);
    font-weight: var(--weight-light);
    line-height: 1.2;
    color: var(--checkbox-label--color)
}

.motif-checkbox-label:focus {
    --checkbox-label--color: var(--checkbox-custom-focus-label--color)
}

.motif-checkbox-label:hover {
    --checkbox-label--color: var(--checkbox-custom-hover-label--color)
}

.motif-checkbox-checked .motif-checkbox-custom {
    --checkbox--bg-color: var(--checkbox-checked--bg-color);
    --checkbox--border-color: var(--checkbox-checked--border-color);
    --checkbox--border-width: var(--checkbox-checked--border-width);
    --checkbox--border-style: var(--checkbox-checked--border-style);
    --checkbox--box-shadow: var(--checkbox-checked--box-shadow)
}

.motif-checkbox-checked.motif-checkbox-disabled .motif-checkbox-custom {
    --checkbox-custom-disabled--bg-color: var(--checkbox-checked-disabled--bg-color);
    --checkbox-custom-disabled--border-color: var(--checkbox-checked-disabled--border-color);
    --checkbox-custom-disabled--border-style: var(--checkbox-checked-disabled--border-style);
    --checkbox-custom-disabled--border-width: var(--checkbox-checked-disabled--border-width);
    --checkbox-custom-disabled--box-shadow: var(--checkbox-checked-disabled--box-shadow)
}

.motif-checkbox-checked .motif-checkbox-checked-icon {
    display: flex;
    height: inherit
}

.motif-checkbox-checked .motif-checkbox-label {
    --checkbox-label--color: var(--checkbox-checked-label--color)
}

.motif-checkbox-disabled {
    color: var(--checkbox-disabled--color);
    cursor: not-allowed
}

.motif-checkbox-disabled .motif-checkbox-custom {
    --checkbox--bg-color: var(--checkbox-custom-disabled--bg-color);
    --checkbox--border-color: var(--checkbox-custom-disabled--border-color);
    --checkbox--border-width: var(--checkbox-custom-disabled--border-width);
    --checkbox--border-style: var(--checkbox-custom-disabled--border-style);
    --checkbox--box-shadow: var(--checkbox-custom-disabled--box-shadow)
}

.motif-checkbox-disabled .motif-checkbox-input:checked+.motif-checkbox-custom {
    --checkbox-checked--bg-color: var(--checkbox-checked-disabled--bg-color)
}

.motif-checkbox-indeterminate.motif-checkbox-disabled .motif-checkbox-custom {
    background-color: var(--checkbox-checked-disabled--bg-color)
}

.motif-checkbox-indeterminate.motif-checkbox-checked .motif-checkbox-checked-icon {
    display: none
}

.motif-checkbox-indeterminate .motif-checkbox-custom {
    background-color: var(--checkbox-checked--bg-color);
    border-color: var(--checkbox-checked--border-color);
    border-width: var(--checkbox-checked--border-width);
    border-style: var(--checkbox-checked--border-style)
}

.motif-checkbox-indeterminate .motif-checkbox-indeterminate-icon {
    display: flex
}

.motif-checkbox-indeterminate .motif-checkbox-indeterminate-icon svg path {
    color: var(--checkbox-custom-icon-disabled--color)
}

.motif-checkbox-invalid .motif-checkbox-custom {
    border-color: var(--checkbox-custom-error--border-color);
    border-style: var(--checkbox-custom-error--border-style);
    border-width: var(--checkbox-custom-error--border-width);
    box-shadow: var(--checkbox-custom-error--box-shadow);
    background-color: var(--checkbox-custom-error--bg-color)
}

.motif-checkbox-invalid:focus {
    --checkbox-custom-error--border-color: var(--checkbox-custom-error-focus--border-color);
    --checkbox-custom-error--border-style: var(--checkbox-custom-error-focus--border-style);
    --checkbox-custom-error--border-width: var(--checkbox-custom-error-focus--border-width);
    --checkbox-custom-error--box-shadow: var(--checkbox-custom-error-focus--box-shadow);
    --checkbox-custom-error--bg-color: var(--checkbox-custom-error-focus--bg-color)
}

.motif-checkbox-invalid:hover {
    --checkbox-custom-error--border-color: var(--checkbox-custom-error-hover--border-color);
    --checkbox-custom-error--border-style: var(--checkbox-custom-error-hover--border-style);
    --checkbox-custom-error--border-width: var(--checkbox-custom-error-hover--border-width);
    --checkbox-custom-error--box-shadow: var(--checkbox-custom-error-hover--box-shadow);
    --checkbox-custom-error--bg-color: var(--checkbox-custom-error-hover--bg-color)
}

.motif-checkbox-invalid .motif-checkbox-label {
    --checkbox-label--color: var(--checkbox-custom-error-label--color)
}

.motif-checkbox-invalid .motif-checkbox-label:focus {
    --checkbox-custom-error-label--color: var(--checkbox-custom-error-focus-label--color)
}

.motif-checkbox-invalid .motif-checkbox-label:hover {
    --checkbox-custom-error-label--color: var(--checkbox-custom-error-hover-label--color)
}

.motif-select-field .motif-checkbox-disabled .motif-checkbox-input:checked+.motif-checkbox-custom {
    background-color: var(--select-option-disabled--bg-color);
    color: var(--checkbox-checked-disabled--color);
    border-color: var(--checkbox-checked-disabled--border-color);
    border-style: var(--checkbox-checked-disabled--border-style);
    border-width: var(--checkbox-checked-disabled--border-width);
    box-shadow: var(--checkbox-checked-disabled--box-shadow)
}

.motif-select-field .motif-checkbox-disabled .motif-checkbox-input:checked+.motif-checkbox-custom .motif-checkbox-label {
    --checkbox-label--color: var(--checkbox-checked-disabled-label--color)
}

.motif-select-field .motif-checkbox-disabled .motif-checkbox-input:checked+.motif-checkbox-custom .motif-icon {
    color: var(--checkbox-checked-disabled-icon-color)
}

.motif-date-picker-wrapper {
    position: relative;
    height: auto;
    width: 20rem
}

.motif-date-picker-wrapper .motif-date-picker {
    color: var(--date-picker--color);
    font-family: var(--primary-font);
    font-weight: var(--weight-light);
    font-size: 1rem;
    background-color: var(--date-picker--bg-color);
    height: 3.1428571429rem;
    display: block;
    width: 100%;
    resize: vertical;
    transition: padding-left 300ms var(--ease-in-out-expo);
    line-height: 1.7142857143rem;
    border-radius: var(--date-picker--border-radius);
    border-color: var(--date-picker--border-color);
    border-width: var(--date-picker--border-width);
    border-style: var(--date-picker--border-style);
    box-shadow: var(--date-picker--box-shadow)
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup__leadingZero,
.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup__leadingZero {
    padding-left: 1px
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup__divider {
    color: var(--date-picker--color)
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup__input:invalid,
.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup__input:invalid {
    background: rgba(0, 0, 0, 0)
}

.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup,
.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup {
    padding: 1.4285714286rem 0.7142857143rem 0.0714285714rem
}

.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup+.react-date-picker__button,
.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup+.react-date-picker__button {
    margin-left: auto
}

.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup {
    min-width: auto;
    flex-grow: 0
}

.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup+.react-daterange-picker__button {
    margin-left: auto
}

.motif-date-picker-wrapper .motif-date-picker:hover:not(.react-date-picker--disabled, .react-daterange-picker--disabled) {
    --date-picker--color: var(--date-picker-hover--color);
    --date-picker--bg-color: var(--date-picker-hover--bg-color);
    --date-picker--border-radius: var(--date-picker-hover--border-radius);
    --date-picker--border-color: var(--date-picker-hover--border-color);
    --date-picker--border-width: var(--date-picker-hover--border-width);
    --date-picker--border-style: var(--date-picker-hover--border-style);
    --date-picker--box-shadow: var(--date-picker-hover--box-shadow)
}

.motif-date-picker-wrapper .motif-date-picker.react-date-picker--open,
.motif-date-picker-wrapper .motif-date-picker.react-daterange-picker--open {
    --date-picker--color: var(--date-picker-focus--color);
    --date-picker--bg-color: var(--date-picker-focus--bg-color);
    --date-picker--border-radius: var(--date-picker-focus--border-radius);
    --date-picker--border-color: var(--date-picker-focus--border-color);
    --date-picker--border-width: var(--date-picker-focus--border-width);
    --date-picker--border-style: var(--date-picker-focus--border-style);
    --date-picker--box-shadow: var(--date-picker-focus--box-shadow)
}

.motif-date-picker-wrapper .motif-date-picker.react-date-picker--open .motif-calendar,
.motif-date-picker-wrapper .motif-date-picker.react-daterange-picker--open .motif-calendar {
    margin-top: 0.0714285714rem
}

.motif-date-picker-wrapper .motif-date-picker.react-date-picker--open .react-date-picker__calendar-button,
.motif-date-picker-wrapper .motif-date-picker.react-date-picker--open .react-daterange-picker__calendar-button,
.motif-date-picker-wrapper .motif-date-picker.react-daterange-picker--open .react-date-picker__calendar-button,
.motif-date-picker-wrapper .motif-date-picker.react-daterange-picker--open .react-daterange-picker__calendar-button {
    top: 0.0357142857rem
}

.motif-date-picker-wrapper .motif-date-picker.motif-date-picker-not-focused:not(.motif-date-picker-has-value) .react-date-picker__inputGroup,
.motif-date-picker-wrapper .motif-date-picker.motif-date-picker-not-focused:not(.motif-date-picker-has-value) .react-daterange-picker__inputGroup,
.motif-date-picker-wrapper .motif-date-picker.motif-date-picker-not-focused:not(.motif-date-picker-has-value) .react-daterange-picker__range-divider,
.motif-date-picker-wrapper .motif-date-picker.motif-date-picker-not-focused:not(.motif-date-picker-has-value) .react-date-picker__inputGroup__divider {
    visibility: hidden
}

.motif-date-picker-wrapper .motif-date-picker.react-date-picker--disabled,
.motif-date-picker-wrapper .motif-date-picker.react-daterange-picker--disabled {
    --date-picker--color: var(--date-picker-disabled--color);
    --date-picker--bg-color: var(--date-picker-disabled--bg-color);
    --date-picker--border-radius: var(--date-picker-disabled--border-radius);
    --date-picker--border-color: var(--date-picker-disabled--border-color);
    --date-picker--border-width: var(--date-picker-disabled--border-width);
    --date-picker--border-style: var(--date-picker-disabled--border-style);
    --date-picker--box-shadow: var(--date-picker-disabled--box-shadow);
    cursor: not-allowed
}

.motif-date-picker-wrapper .motif-date-picker.react-date-picker--disabled input,
.motif-date-picker-wrapper .motif-date-picker.react-date-picker--disabled button,
.motif-date-picker-wrapper .motif-date-picker.react-daterange-picker--disabled input,
.motif-date-picker-wrapper .motif-date-picker.react-daterange-picker--disabled button {
    cursor: not-allowed
}

.motif-date-picker-wrapper .motif-date-picker.react-date-picker--disabled .react-date-picker__inputGroup__input,
.motif-date-picker-wrapper .motif-date-picker.react-date-picker--disabled .react-daterange-picker__inputGroup__input,
.motif-date-picker-wrapper .motif-date-picker.react-date-picker--disabled .react-date-picker__inputGroup__leadingZero,
.motif-date-picker-wrapper .motif-date-picker.react-date-picker--disabled .react-daterange-picker__inputGroup__leadingZero,
.motif-date-picker-wrapper .motif-date-picker.react-daterange-picker--disabled .react-date-picker__inputGroup__input,
.motif-date-picker-wrapper .motif-date-picker.react-daterange-picker--disabled .react-daterange-picker__inputGroup__input,
.motif-date-picker-wrapper .motif-date-picker.react-daterange-picker--disabled .react-date-picker__inputGroup__leadingZero,
.motif-date-picker-wrapper .motif-date-picker.react-daterange-picker--disabled .react-daterange-picker__inputGroup__leadingZero {
    color: var(--date-picker-disabled--color);
    -webkit-text-fill-color: var(--date-picker-disabled--color)
}

.motif-date-picker-wrapper .motif-date-picker.react-date-picker--disabled .react-date-picker__inputGroup__divider,
.motif-date-picker-wrapper .motif-date-picker.react-date-picker--disabled .react-date-picker__inputGroup__leadingZero,
.motif-date-picker-wrapper .motif-date-picker.react-daterange-picker--disabled .react-date-picker__inputGroup__divider,
.motif-date-picker-wrapper .motif-date-picker.react-daterange-picker--disabled .react-date-picker__inputGroup__leadingZero {
    -webkit-text-fill-color: var(--date-picker-disabled--color)
}

.motif-date-picker-wrapper .motif-date-picker.react-date-picker--disabled .react-date-picker__inputGroup__divider,
.motif-date-picker-wrapper .motif-date-picker.react-daterange-picker--disabled .react-date-picker__inputGroup__divider {
    padding-right: 0.2142857143rem
}

.motif-date-picker-wrapper .motif-date-picker.react-date-picker--disabled .motif-calendar-icon,
.motif-date-picker-wrapper .motif-date-picker.react-daterange-picker--disabled .motif-calendar-icon {
    fill: var(--date-picker-disabled-icon-color)
}

.motif-date-picker-wrapper .motif-date-picker.react-date-picker--disabled::placeholder,
.motif-date-picker-wrapper .motif-date-picker.react-daterange-picker--disabled::placeholder {
    color: var(--date-picker-disabled--color)
}

.motif-date-picker-wrapper .motif-date-picker.motif-date-picker-invalid:not(.react-date-picker--disabled, .react-daterange-picker--disabled) {
    --date-picker--color: var(--date-picker-error--color);
    --date-picker--bg-color: var(--date-picker-error--bg-color);
    --date-picker--border-radius: var(--date-picker-error--border-radius);
    --date-picker--border-color: var(--date-picker-error--border-color);
    --date-picker--border-width: var(--date-picker-error--border-width);
    --date-picker--border-style: var(--date-picker-error--border-style);
    --date-picker--box-shadow: var(--date-picker-error--box-shadow)
}

.motif-date-picker-wrapper .motif-date-picker.motif-date-picker-invalid:not(.react-date-picker--disabled, .react-daterange-picker--disabled) .motif-calendar-icon {
    fill: var(--date-picker-error-icon-color)
}

.motif-date-picker-wrapper .motif-date-picker.motif-date-picker-invalid:not(.react-date-picker--disabled, .react-daterange-picker--disabled):hover {
    --date-picker--color: var(--date-picker-error-hover--color);
    --date-picker--bg-color: var(--date-picker-error-hover--bg-color);
    --date-picker--border-radius: var(--date-picker-error-hover--border-radius);
    --date-picker--border-color: var(--date-picker-error-hover--border-color);
    --date-picker--border-width: var(--date-picker-error-hover--border-width);
    --date-picker--border-style: var(--date-picker-error-hover--border-style);
    --date-picker--box-shadow: var(--date-picker-error-hover--box-shadow)
}

.motif-date-picker-wrapper .motif-date-picker.motif-date-picker-invalid:not(.react-date-picker--disabled, .react-daterange-picker--disabled):hover .motif-calendar-icon {
    fill: var(--date-picker-error-hover-icon-color)
}

.motif-date-picker-wrapper .motif-date-picker.motif-date-picker-invalid:not(.react-date-picker--disabled, .react-daterange-picker--disabled):focus {
    --date-picker--color: var(--date-picker-error-focus--color);
    --date-picker--bg-color: var(--date-picker-error-focus--bg-color);
    --date-picker--border-radius: var(--date-picker-error-focus--border-radius);
    --date-picker--border-color: var(--date-picker-error-focus--border-color);
    --date-picker--border-width: var(--date-picker-error-focus--border-width);
    --date-picker--border-style: var(--date-picker-error-focus--border-style);
    --date-picker--box-shadow: var(--date-picker-error-focus--box-shadow)
}

.motif-date-picker-wrapper .motif-date-picker.motif-date-picker-invalid:not(.react-date-picker--disabled, .react-daterange-picker--disabled):focus .motif-calendar-icon {
    fill: var(--date-picker-error-focus-icon-color)
}

.motif-date-picker-wrapper .motif-date-picker.motif-date-picker-invalid:not(.react-date-picker--disabled, .react-daterange-picker--disabled).react-date-picker__calendar--open,
.motif-date-picker-wrapper .motif-date-picker.motif-date-picker-invalid:not(.react-date-picker--disabled, .react-daterange-picker--disabled).react-daterange-picker__calendar--open {
    height: 0.1428571429rem
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker__wrapper,
.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__wrapper {
    border: none;
    margin: 0 -0.1428571429rem;
    padding-right: 0.7142857143rem
}

.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__wrapper {
    align-items: center
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker__wrapper {
    height: 100%
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker__calendar--open,
.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__calendar--open {
    z-index: 99
}

.motif-date-picker-wrapper .motif-date-picker .motif-calendar-icon {
    position: relative;
    z-index: 1;
    width: 1.7142857143rem;
    height: 1.7142857143rem;
    fill: var(--date-picker-icon-color)
}

.motif-date-picker-wrapper .motif-date-picker .motif-calendar-icon:hover {
    --date-picker-icon-color: var(--date-picker-hover-icon-color)
}

.motif-date-picker-wrapper .motif-date-picker .motif-calendar-icon:focus {
    --date-picker-icon-color: var(--date-picker-focus-icon-color)
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup__input:invalid {
    background: rgba(0, 0, 0, 0)
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup__input,
.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup__input::placeholder,
.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup__input,
.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup__input::placeholder {
    height: 1.5rem;
    font-size: 1rem;
    font-weight: var(--weight-light);
    color: var(--date-picker--color)
}

.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__range-divider {
    display: flex;
    align-items: center;
    padding-top: 1.5714285714rem
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker__calendar-button,
.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__calendar-button {
    padding: 0;
    display: flex;
    align-items: center;
    right: 0.2142857143rem
}

.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__calendar-button {
    height: 100%
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup__year,
.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup__year {
    min-width: 2.2857142857rem
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup__day,
.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup__month,
.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup__day,
.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup__month {
    min-width: 1.2142857143rem
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup__day.react-date-picker__inputGroup__input--hasLeadingZero,
.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup__day.react-daterange-picker__inputGroup__input--hasLeadingZero,
.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup__month.react-date-picker__inputGroup__input--hasLeadingZero,
.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup__month.react-daterange-picker__inputGroup__input--hasLeadingZero,
.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup__day.react-date-picker__inputGroup__input--hasLeadingZero,
.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup__day.react-daterange-picker__inputGroup__input--hasLeadingZero,
.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup__month.react-date-picker__inputGroup__input--hasLeadingZero,
.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup__month.react-daterange-picker__inputGroup__input--hasLeadingZero {
    min-width: 0.6428571429rem
}

.motif-date-picker-wrapper .motif-date-picker.motif-date-picker-today-highlight .react-calendar__tile--now {
    background-color: var(--date-picker-today-mark);
    border-radius: 50%;
    color: var(--date-picker-tile-now-color)
}

.motif-date-picker-wrapper .motif-calendar {
    width: 20rem;
    border-color: var(--date-picker-calendar--border-color);
    border-style: var(--date-picker-calendar--border-style);
    border-width: var(--date-picker-calendar--border-width);
    background-color: var(--date-picker-calendar--bg-color);
    border-radius: var(--date-picker-calendar--border-radius);
    box-shadow: var(--date-picker-calendar--box-shadow)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation {
    background: var(--date-picker-navigation--bg-color);
    color: var(--date-picker-navigation--color);
    margin-bottom: 0;
    height: 3.1428571429rem;
    padding: 0 0.7142857143rem
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation button {
    min-width: 3.1428571429rem;
    border-color: var(--date-picker-header-arrow--border-color);
    border-style: var(--date-picker-header-arrow--border-style);
    border-width: var(--date-picker-header-arrow--border-width)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation__arrow,
.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation__label {
    color: var(--date-picker-navigation-arrow--color)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation__arrow:enabled:hover,
.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation__arrow:enabled:focus,
.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation__label:enabled:hover,
.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation__label:enabled:focus {
    background: var(--date-picker-navigation-hover-bg-color);
    box-shadow: var(--date-picker-navigation-arrow-focus--box-shadow)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__viewContainer {
    background: var(--date-picker-view-container-color)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation__label {
    font-family: var(--primary-font);
    font-size: 0.8571428571rem
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation__arrow {
    font-size: 2.2rem;
    height: 2.7142857143rem
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--primary-font);
    color: var(--date-picker-tile-color);
    margin-bottom: 1rem;
    padding: 0.6428571429rem 0.5rem;
    font-size: 0.9521428571rem
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile:enabled:hover {
    background-color: var(--date-picker-tile-active-hover--bg-color);
    color: var(--date-picker-tile-color)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__month-view__weekdays {
    text-transform: none;
    padding: 0 1rem
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__month-view__weekdays,
.motif-date-picker-wrapper .motif-calendar .react-calendar__month-view__weekdays__weekday {
    font-weight: normal;
    background: var(--date-picker-navigation--bg-color);
    color: var(--date-picker-weekday--color)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__month-view__weekdays abbr,
.motif-date-picker-wrapper .motif-calendar .react-calendar__month-view__weekdays__weekday abbr {
    text-decoration: none
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--now {
    background: rgba(0, 0, 0, 0)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--active {
    background-color: var(--date-picker-tile-active-hover--bg-color)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--active,
.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--hasActive {
    background-color: var(--date-picker-tile-active-hover--bg-color);
    color: var(--date-picker-tile-color);
    overflow: hidden
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--rangeEnd,
.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--rangeStart {
    background-color: var(--date-picker-tile-active--bg-color);
    color: var(--date-picker-tile-active--color)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--rangeEnd.react-calendar__tile--hover,
.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--rangeStart.react-calendar__tile--hover {
    background-color: var(--date-picker-tile-active--bg-color);
    color: var(--date-picker-tile-active--color)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--hover {
    background: var(--date-picker-tile-active-hover--bg-color);
    border-color: var(--date-picker-calendar--bg-color)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__century-view__decades,
.motif-date-picker-wrapper .motif-calendar .react-calendar__decade-view__years,
.motif-date-picker-wrapper .motif-calendar .react-calendar__month-view__days,
.motif-date-picker-wrapper .motif-calendar .react-calendar__year-view__months {
    padding: 1rem 1rem 0 1rem
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__year-view__months__month.react-calendar__tile--hasActive,
.motif-date-picker-wrapper .motif-calendar .react-calendar__decade-view__years__year.react-calendar__tile--hasActive {
    background-color: var(--date-picker-tile-active--bg-color);
    color: var(--date-picker-tile-active--color)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__month-view__days__day--neighboringMonth {
    color: var(--date-picker-neighboring-month-color)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__month-view__days__day--neighboringMonth.react-calendar__month-view__days__day--weekend {
    color: var(--date-picker-weekend-color)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation__label[disabled] {
    background-color: var(--date-picker-navigation--bg-color);
    color: var(--date-picker-navigation--color)
}

.motif-date-picker-wrapper .motif-error-icon {
    height: 1.4285714286rem;
    width: 1.1428571429rem;
    fill: var(--error)
}

.motif-date-picker-wrapper .react-daterange-picker__clear-button .react-daterange-picker__clear-button__icon,
.motif-date-picker-wrapper .react-daterange-picker__clear-button .react-date-picker__clear-button__icon,
.motif-date-picker-wrapper .react-date-picker__clear-button .react-daterange-picker__clear-button__icon,
.motif-date-picker-wrapper .react-date-picker__clear-button .react-date-picker__clear-button__icon {
    stroke: var(--date-picker--color)
}

.motif-date-picker-wrapper .react-daterange-picker__clear-button:hover .react-daterange-picker__clear-button__icon,
.motif-date-picker-wrapper .react-daterange-picker__clear-button:hover .react-date-picker__clear-button__icon,
.motif-date-picker-wrapper .react-daterange-picker__clear-button:focus .react-daterange-picker__clear-button__icon,
.motif-date-picker-wrapper .react-daterange-picker__clear-button:focus .react-date-picker__clear-button__icon,
.motif-date-picker-wrapper .react-date-picker__clear-button:hover .react-daterange-picker__clear-button__icon,
.motif-date-picker-wrapper .react-date-picker__clear-button:hover .react-date-picker__clear-button__icon,
.motif-date-picker-wrapper .react-date-picker__clear-button:focus .react-daterange-picker__clear-button__icon,
.motif-date-picker-wrapper .react-date-picker__clear-button:focus .react-date-picker__clear-button__icon {
    stroke: var(--date-picker--color)
}

.motif-error-message {
    color: var(--body--color);
    font-family: var(--primary-font);
    font-weight: var(--weight-light);
    line-height: 1.5714285714rem;
    font-size: var(--body-sm--font-size);
    line-height: 1.4285714286rem;
    color: var(--error);
    display: flex;
    align-items: center;
    margin-top: 0.2857142857rem;
    margin-bottom: 0
}

.motif-error-message.motif-body-light {
    color: #fff
}

.motif-error-message .motif-error-icon {
    position: relative;
    margin: -0.0714285714rem 0.3571428571rem -0.0714285714rem -0.0714285714rem;
    height: 1.2857142857rem;
    width: 1.2857142857rem;
    fill: var(--error)
}

.motif-error-message svg {
    flex-shrink: 0
}

.motif-file-uploader {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    box-shadow: var(--file-uploader--box-shadow)
}

.motif-file-uploader .motif-file-uploader-label-text {
    font-family: var(--primary-font);
    color: var(--file-uploader--color)
}

.motif-file-uploader:hover {
    --file-uploader--color: var(--file-uploader-hover--color);
    --file-uploader--box-shadow: var(--file-uploader-hover--box-shadow)
}

.motif-file-uploader:focus {
    --file-uploader--color: var(--file-uploader-focus--color);
    --file-uploader--box-shadow: var(--file-uploader-focus--box-shadow)
}

.motif-file-uploader .motif-icon {
    width: 2.5rem;
    height: auto;
    fill: var(--file-uploader-icon-color)
}

.motif-file-uploader .motif-icon svg {
    width: 100%;
    height: 100%
}

.motif-file-uploader .motif-icon:hover {
    fill: var(--file-uploader-hover-icon-color)
}

.motif-file-uploader .motif-icon:focus {
    fill: var(--file-uploader-focus-icon-color)
}

.motif-file-uploader.motif-invalid .dropzone-container {
    background-image: none;
    border-color: var(--file-uploader-error--border-color);
    border-width: var(--file-uploader-error--border-width);
    border-style: var(--file-uploader-error--border-style);
    --file-uploader--bg-color: var(--file-uploader-error--bg-color);
    --file-uploader--color: var(--file-uploader-error--color);
    --file-uploader--box-shadow: var(--file-uploader-error--box-shadow)
}

.motif-file-uploader.motif-invalid .motif-icon {
    --file-uploader-icon-color: var(--file-uploader-error-icon-color)
}

.motif-file-uploader.motif-invalid .motif-file-uploader-label-text {
    --file-uploader--color: var(--file-uploader-disabled--color)
}

.motif-file-uploader.motif-disabled {
    --file-uploader--bg-color: var(--file-uploader-disabled--bg-color);
    --file-uploader--box-shadow: var(--file-uploader-disabled--box-shadow);
    cursor: not-allowed
}

.motif-file-uploader.motif-disabled>div {
    pointer-events: none
}

.motif-file-uploader.motif-disabled .dropzone-container {
    background-image: linear-gradient(to right, var(--file-uploader-disabled--border-color) 50%, transparent 50%), linear-gradient(to right, var(--file-uploader-disabled--border-color) 50%, transparent 50%), linear-gradient(to bottom, var(--file-uploader-disabled--border-color) 50%, transparent 50%), linear-gradient(to bottom, var(--file-uploader-disabled--border-color) 50%, transparent 50%);
    background-color: var(--file-uploader-disabled--bg-color)
}

.motif-file-uploader.motif-disabled .motif-icon {
    fill: var(--file-uploader-disabled-icon-color)
}

.motif-file-uploader.motif-disabled .motif-file-uploader-label-text {
    color: var(--file-uploader-disabled--color)
}

.dropzone-container {
    width: 100%;
    height: 100%;
    border: none;
    font-size: var(--font-size-base);
    color: var(--file-uploader--color);
    font-weight: var(--weight-regular);
    background-color: var(--file-uploader--bg-color);
    background-image: linear-gradient(to right, var(--file-uploader--border-color) 50%, transparent 50%), linear-gradient(to right, var(--file-uploader--border-color) 50%, transparent 50%), linear-gradient(to bottom, var(--file-uploader--border-color) 50%, transparent 50%), linear-gradient(to bottom, var(--file-uploader--border-color) 50%, transparent 50%);
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 20px 1px, 20px 1px, 1px 20px, 1px 20px;
    padding: 1.4285714286rem
}

.dropzone-container:hover {
    --file-uploader--bg-color: var(--file-uploader-hover--bg-color);
    background-image: linear-gradient(to right, var(--file-uploader-hover--border-color) 50%, transparent 50%), linear-gradient(to right, var(--file-uploader-hover--border-color) 50%, transparent 50%), linear-gradient(to bottom, var(--file-uploader-hover--border-color) 50%, transparent 50%), linear-gradient(to bottom, var(--file-uploader-hover--border-color) 50%, transparent 50%)
}

.dropzone-container:focus {
    --file-uploader--bg-color: var(--file-uploader-focus--bg-color);
    background-image: linear-gradient(to right, var(--file-uploader-focus--border-color) 50%, transparent 50%), linear-gradient(to right, var(--file-uploader-focus--border-color) 50%, transparent 50%), linear-gradient(to bottom, var(--file-uploader-focus--border-color) 50%, transparent 50%), linear-gradient(to bottom, var(--file-uploader-focus--border-color) 50%, transparent 50%)
}

.motif-file-uploader-label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.motif-file-uploader-item {
    width: 100%;
    margin-top: 1.0714285714rem;
    box-shadow: var(--file-uploader-item--box-shadow)
}

.motif-file-uploader-item-disabled.motif-chip .motif-chip-button,
.motif-file-uploader-item-disabled.motif-chip .motif-chip-button.motif-chip-removable {
    background-color: var(--file-uploader-item-disabled--bg-color);
    border-color: var(--file-uploader-item-disabled--border-color);
    border-width: var(--file-uploader-item-disabled--border-width);
    border-style: var(--file-uploader-item-disabled--border-style);
    border-radius: var(--file-uploader-item--border-radius);
    color: var(--file-uploader-item-disabled--color);
    cursor: not-allowed
}

.motif-file-uploader-item-disabled.motif-chip .motif-file-uploader-item-file-name,
.motif-file-uploader-item-disabled.motif-chip .motif-file-uploader-item-file-size {
    color: var(--file-uploader-item-disabled-icon-color)
}

.motif-file-uploader-item-disabled.motif-chip .motif-close-icon svg {
    fill: var(--file-uploader-item-disabled-close-icon-color)
}

.motif-file-uploader-item-disabled.motif-chip .motif-file-uploader-item-label svg {
    fill: var(--file-uploader-item-disabled-icon-color)
}

.motif-file-uploader-item.motif-chip .motif-icon svg {
    fill: var(--file-uploader-item-icon-color)
}

.motif-file-uploader-item:focus {
    --file-uploader-item--box-shadow: var(--file-uploader-item-focus--box-shadow)
}

.motif-file-uploader-item:focus.motif-chip .motif-icon svg {
    --file-uploader-item-icon-color: var(--file-uploader-item-focus--color)
}

.motif-file-uploader-item.motif-chip-active:not(.motif-chip-disabled) .motif-chip-button:not(.motif-chip-success, .motif-chip-warning, .motif-chip-error, .motif-chip-monochrome-light, .motif-chip-monochrome-dark) {
    background-color: var(--file-uploader-item--bg-color);
    border-color: var(--file-uploader-item--border-color);
    border-width: var(--file-uploader-item--border-width);
    border-style: var(--file-uploader-item--border-style);
    color: var(--file-uploader-item--color)
}

.motif-file-uploader-item.motif-chip-active:not(.motif-chip-disabled) .motif-chip-button:not(.motif-chip-success, .motif-chip-warning, .motif-chip-error, .motif-chip-monochrome-light, .motif-chip-monochrome-dark) button {
    font-size: var(--font-size-base);
    background-color: var(--file-uploader-item-ok-btn--bg-color);
    border-color: var(--file-uploader-item-ok-btn--border-color);
    border-style: var(--file-uploader-item-ok-btn--border-style);
    border-width: var(--file-uploader-item-ok-btn--border-width);
    border-radius: var(--file-uploader-item-ok-btn--border-radius);
    box-shadow: var(--file-uploader-item-ok-btn--box-shadow);
    color: var(--file-uploader-item-ok-btn--color)
}

.motif-file-uploader-item.motif-chip-active:not(.motif-chip-disabled) .motif-chip-button:not(.motif-chip-success, .motif-chip-warning, .motif-chip-error, .motif-chip-monochrome-light, .motif-chip-monochrome-dark):hover button {
    --file-uploader-item-ok-btn--bg-color: var(--file-uploader-item-ok-btn-hover--bg-color);
    --file-uploader-item-ok-btn--border-color: var(--file-uploader-item-ok-btn-hover--border-color);
    --file-uploader-item-ok-btn--border-style: var(--file-uploader-item-ok-btn-hover--border-style);
    --file-uploader-item-ok-btn--border-width: var(--file-uploader-item-ok-btn-hover--border-width);
    --file-uploader-item-ok-btn--box-shadow: var(--file-uploader-item-ok-btn-hover--box-shadow);
    --file-uploader-item-ok-btn--color: var(--file-uploader-item-ok-btn-hover--color)
}

.motif-file-uploader-item.motif-chip-active:not(.motif-chip-disabled) .motif-chip-button:not(.motif-chip-success, .motif-chip-warning, .motif-chip-error, .motif-chip-monochrome-light, .motif-chip-monochrome-dark):focus button {
    --file-uploader-item-ok-btn--bg-color: var(--file-uploader-item-ok-btn-focus--bg-color);
    --file-uploader-item-ok-btn--border-color: var(--file-uploader-item-ok-btn-focus--border-color);
    --file-uploader-item-ok-btn--border-style: var(--file-uploader-item-ok-btn-focus--border-style);
    --file-uploader-item-ok-btn--border-width: var(--file-uploader-item-ok-btn-focus--border-width);
    --file-uploader-item-ok-btn--box-shadow: var(--file-uploader-item-ok-btn-focus--box-shadow);
    --file-uploader-item-ok-btn--color: var(--file-uploader-item-ok-btn-focus--color)
}

.motif-file-uploader-item.motif-chip-active:not(.motif-chip-disabled) .motif-chip-button.motif-chip-error button {
    font-size: var(--font-size-base);
    background-color: var(--file-uploader-item-retry-btn--bg-color);
    border-color: var(--file-uploader-item-retry-btn--border-color);
    border-style: var(--file-uploader-item-retry-btn--border-style);
    border-width: var(--file-uploader-item-retry-btn--border-width);
    border-radius: var(--file-uploader-item-retry-btn--border-radius);
    box-shadow: var(--file-uploader-item-retry-btn--box-shadow);
    color: var(--file-uploader-item-retry-btn--color)
}

.motif-file-uploader-item.motif-chip-active:not(.motif-chip-disabled) .motif-chip-button.motif-chip-error:hover button {
    --file-uploader-item-retry-btn--bg-color: var(--file-uploader-item-retry-btn-hover--bg-color);
    --file-uploader-item-retry-btn--border-color: var(--file-uploader-item-retry-btn-hover--border-color);
    --file-uploader-item-retry-btn--border-style: var(--file-uploader-item-retry-btn-hover--border-style);
    --file-uploader-item-retry-btn--border-width: var(--file-uploader-item-retry-btn-hover--border-width);
    --file-uploader-item-retry-btn--box-shadow: var(--file-uploader-item-retry-btn-hover--box-shadow);
    --file-uploader-item-retry-btn--color: var(--file-uploader-item-retry-btn-hover--color)
}

.motif-file-uploader-item.motif-chip-active:not(.motif-chip-disabled) .motif-chip-button.motif-chip-error:focus button {
    --file-uploader-item-retry-btn--bg-color: var(--file-uploader-item-retry-btn-focus--bg-color);
    --file-uploader-item-retry-btn--border-color: var(--file-uploader-item-retry-btn-focus--border-color);
    --file-uploader-item-retry-btn--border-style: var(--file-uploader-item-retry-btn-focus--border-style);
    --file-uploader-item-retry-btn--border-width: var(--file-uploader-item-retry-btn-focus--border-width);
    --file-uploader-item-retry-btn--box-shadow: var(--file-uploader-item-retry-btn-focus--box-shadow);
    --file-uploader-item-retry-btn--color: var(--file-uploader-item-retry-btn-focus--color)
}

.motif-file-uploader-item.motif-file-uploader-item-has-progress .motif-chip-button {
    position: relative
}

.motif-file-uploader-item.motif-file-uploader-item-has-progress .motif-chip-button .motif-progress-bar-wrapper {
    position: absolute;
    bottom: 0;
    left: 0
}

.motif-file-uploader-item.motif-file-uploader-item-has-progress .motif-chip-button .motif-progress-bar {
    background-color: var(--file-uploader-item-progress-bar--bg-color)
}

.motif-file-uploader-item.motif-file-uploader-item-has-progress .motif-chip-button .motif-progress-bar:hover {
    --file-uploader-item-progress-bar--bg-color: var(--file-uploader-item-progress-bar-hover--bg-color)
}

.motif-file-uploader-item.motif-file-uploader-item-has-progress .motif-chip-button .motif-progress-bar:focus {
    --file-uploader-item-progress-bar--bg-color: var(--file-uploader-item-progress-bar-focus--bg-color)
}

.motif-file-uploader-item.motif-file-uploader-item-has-progress .motif-chip-button .motif-progress {
    background-color: var(--file-uploader-item-progress-bar--color)
}

.motif-file-uploader-item.motif-file-uploader-item-has-progress .motif-chip-button .motif-progress:hover {
    --file-uploader-item-progress-bar--color: var(--file-uploader-item-progress-bar-hover--color)
}

.motif-file-uploader-item.motif-file-uploader-item-has-progress .motif-chip-button .motif-progress:focus {
    --file-uploader-item-progress-bar--color: var(--file-uploader-item-progress-bar-focus--color)
}

.motif-file-uploader-item.motif-chip-active {
    border-radius: var(--file-uploader-item--border-radius);
    --chip-hover--border-radius: var(--file-uploader-item--border-radius)
}

.motif-file-uploader-item.motif-file-uploader-item-uploaded .motif-file-uploader-item-file-size {
    font-size: 0.8571428571rem
}

.motif-file-uploader-item.motif-file-uploader-item-has-error .motif-chip-button,
.motif-file-uploader-item.motif-chip-active.motif-file-uploader-item-has-error .motif-chip-button {
    background-color: var(--file-uploader-item-error--bg-color);
    border-color: var(--file-uploader-item-error--border-color);
    border-width: var(--file-uploader-item-error--border-width);
    border-style: var(--file-uploader-item-error--border-style);
    border-radius: var(--file-uploader-item--border-radius)
}

.motif-file-uploader-item.motif-file-uploader-item-has-error .motif-chip-button .motif-file-uploader-item-file-name,
.motif-file-uploader-item.motif-file-uploader-item-has-error .motif-chip-button .motif-file-uploader-item-file-size,
.motif-file-uploader-item.motif-chip-active.motif-file-uploader-item-has-error .motif-chip-button .motif-file-uploader-item-file-name,
.motif-file-uploader-item.motif-chip-active.motif-file-uploader-item-has-error .motif-chip-button .motif-file-uploader-item-file-size {
    color: var(--file-uploader-item-error--color)
}

.motif-file-uploader-item.motif-file-uploader-item-has-error .motif-chip-button .motif-close-icon svg,
.motif-file-uploader-item.motif-chip-active.motif-file-uploader-item-has-error .motif-chip-button .motif-close-icon svg {
    fill: var(--file-uploader-item-error-close-icon-color)
}

.motif-file-uploader-item.motif-file-uploader-item-has-error .motif-chip-button .motif-file-uploader-item-label svg,
.motif-file-uploader-item.motif-chip-active.motif-file-uploader-item-has-error .motif-chip-button .motif-file-uploader-item-label svg {
    fill: var(--file-uploader-disabled-icon-color)
}

.motif-file-uploader-item.motif-file-uploader-item-has-error .motif-chip-button .motif-progress,
.motif-file-uploader-item.motif-chip-active.motif-file-uploader-item-has-error .motif-chip-button .motif-progress {
    --file-uploader-item-progress-bar--bg-color: var(--file-uploader-item-progress-bar-error--bg-color);
    --file-uploader-item-progress-bar--color: var(--file-uploader-item-progress-bar-error--color);
    --file-uploader-item--box-shadow: var(--file-uploader-item-error--box-shadow)
}

.motif-file-uploader-item.motif-file-uploader-item-has-error .motif-chip-button.motif-chip .motif-icon svg,
.motif-file-uploader-item.motif-chip-active.motif-file-uploader-item-has-error .motif-chip-button.motif-chip .motif-icon svg {
    --file-uploader-item-icon-color: var(--file-uploader-item-error-icon-color)
}

.motif-file-uploader-item .motif-close-icon {
    height: 1.7142857143rem;
    margin-left: -1rem;
    width: 1.7142857143rem;
    --chip-btn-hover--bg-color: var(--file-uploader-item-close-btn-icon--bg-color)
}

.motif-file-uploader-item .motif-close-icon svg {
    background-color: var(--file-uploader-item-close-btn-icon--bg-color);
    border-color: var(--file-uploader-item-close-btn-icon--border-color);
    border-style: var(--file-uploader-item-close-btn-icon--border-style);
    border-width: var(--file-uploader-item-close-btn-icon--border-width);
    border-radius: var(--file-uploader-item-close-btn-icon--border-radius);
    box-shadow: var(--file-uploader-item-close-btn-icon--box-shadow);
    color: var(--file-uploader-item-close-btn-icon-color)
}

.motif-file-uploader-item .motif-close-icon:hover:not(:disabled) svg {
    --file-uploader-item-close-btn-icon--bg-color: var(--file-uploader-item-close-btn-icon-hover--bg-color);
    --file-uploader-item-close-btn-icon--border-color: var(--file-uploader-item-close-btn-icon-hover--border-color);
    --file-uploader-item-close-btn-icon--border-style: var(--file-uploader-item-close-btn-icon-hover--border-style);
    --file-uploader-item-close-btn-icon--border-width: var(--file-uploader-item-close-btn-icon-hover--border-width);
    --file-uploader-item-close-btn-icon--box-shadow: var(--file-uploader-item-close-btn-icon-hover--box-shadow);
    --file-uploader-item-close-btn-icon-color: var(--file-uploader-item-close-btn-icon-hover--color)
}

.motif-file-uploader-item .motif-close-icon:focus:not(:disabled) svg {
    --file-uploader-item-close-btn-icon--bg-color: var(--file-uploader-item-close-btn-icon-focus--bg-color);
    --file-uploader-item-close-btn-icon--border-color: var(--file-uploader-item-close-btn-icon-focus--border-color);
    --file-uploader-item-close-btn-icon--border-style: var(--file-uploader-item-close-btn-icon-focus--border-style);
    --file-uploader-item-close-btn-icon--border-width: var(--file-uploader-item-close-btn-icon-focus--border-width);
    --file-uploader-item-close-btn-icon--box-shadow: var(--file-uploader-item-close-btn-icon-focus--box-shadow);
    --file-uploader-item-close-btn-icon-color: var(--file-uploader-item-close-btn-icon-focus--color)
}

.motif-file-uploader-item .motif-close-icon:disabled svg {
    --file-uploader-item-close-btn-icon--bg-color: var(--file-uploader-item-close-btn-icon-disabled--bg-color);
    --file-uploader-item-close-btn-icon--border-color: var(--file-uploader-item-close-btn-icon-disabled--border-color);
    --file-uploader-item-close-btn-icon--border-style: var(--file-uploader-item-close-btn-icon-disabled--border-style);
    --file-uploader-item-close-btn-icon--border-width: var(--file-uploader-item-close-btn-icon-disabled--border-width);
    --file-uploader-item-close-btn-icon--box-shadow: var(--file-uploader-item-close-btn-icon-disabled--box-shadow);
    --file-uploader-item-close-btn-icon-color: var(--file-uploader-item-close-btn-icon-disabled--color)
}

.motif-file-uploader-item:not(.motif-chip-disabled) .motif-close-icon svg {
    fill: var(--file-uploader-item--color)
}

.motif-file-uploader-item.motif-file-uploader-item-disabled .motif-progress {
    --file-uploader-item-progress-bar--bg-color: var(--file-uploader-item-progress-bar-disabled--bg-color);
    --file-uploader-item-progress-bar--color: var(--file-uploader-item-progress-bar-disabled--color);
    --file-uploader-item--box-shadow: var(--file-uploader-item-disabled--box-shadow)
}

.motif-file-uploader-item .motif-chip-button {
    width: 100%;
    background-color: var(--file-uploader-item--bg-color);
    border-color: var(--file-uploader-item--border-color);
    border-width: var(--file-uploader-item--border-width);
    border-style: var(--file-uploader-item--border-style);
    border-radius: var(--file-uploader-item--border-radius);
    padding: 0.7857142857rem 1.5rem
}

.motif-file-uploader-item .motif-chip-button.motif-chip-removable {
    flex-shrink: 0;
    padding: 0.7857142857rem 4.2857142857rem 0.7857142857rem 1.5rem;
    min-height: 3.1428571429rem
}

.motif-file-uploader-item .motif-file-uploader-item-custom-button-wrapper {
    margin-left: 1.4285714286rem
}

.motif-file-uploader-item .motif-file-uploader-item-custom-button-wrapper button {
    font-size: var(--font-size-base)
}

.motif-file-uploader-item .motif-file-uploader-item-label-wrapper {
    flex-grow: 1
}

.motif-file-uploader-item .motif-file-uploader-item-label {
    justify-content: space-between;
    display: flex;
    align-items: center
}

.motif-file-uploader-item .motif-file-uploader-item-label .motif-icon {
    height: 1rem;
    width: 1rem;
    margin-right: 0.5rem
}

.motif-file-uploader-item .motif-file-uploader-item-file-name {
    margin-right: auto;
    color: var(--file-uploader-item--color);
    font-size: 1rem;
    font-weight: var(--weight-regular)
}

.motif-file-uploader-item .motif-file-uploader-item-file-size {
    color: var(--file-uploader-item--color);
    font-size: 0.8571428571rem;
    font-weight: var(--weight-light)
}

.motif-file-uploader-item .motif-progress-bar-wrapper {
    width: 100%
}

.motif-file-uploader-item .motif-progress-bar-wrapper .motif-progress-bar {
    margin-top: 0.2857142857rem;
    height: 0.2142857143rem
}

.motif-form-field {
    position: relative;
    margin-bottom: 0.8571428571rem
}

.motif-input-component {
    position: relative
}

.motif-input-component .motif-input[type=password] {
    font-family: var(--primary-font)
}

.motif-input-component input.motif-input::placeholder,
.motif-input-component textarea.motif-text-area::placeholder {
    font-size: var(--font-size-base);
    color: var(--input-placeholder--color);
    transition: opacity var(--ease-in-out-fast);
    opacity: 0
}

.motif-input-component input.motif-input:focus::placeholder,
.motif-input-component textarea.motif-text-area:focus::placeholder {
    opacity: 1
}

.motif-input-component input.motif-input::-webkit-input-placeholder,
.motif-input-component textarea.motif-text-area::-webkit-input-placeholder {
    font-size: var(--font-size-base);
    color: var(--input-placeholder--color);
    transition: opacity var(--ease-in-out-fast);
    opacity: 0
}

.motif-input-component input.motif-input:focus::-webkit-input-placeholder,
.motif-input-component textarea.motif-text-area:focus::-webkit-input-placeholder {
    opacity: 1
}

.motif-input-component input.motif-input:-ms-input-placeholder,
.motif-input-component textarea.motif-text-area:-ms-input-placeholder {
    color: var(--input-placeholder--color);
    transition: opacity var(--ease-in-out-fast);
    opacity: 0
}

.motif-input-component input.motif-input:focus:-ms-input-placeholder,
.motif-input-component textarea.motif-text-area:focus:-ms-input-placeholder {
    opacity: 1
}

.motif-input-component .motif-input,
.motif-input-component .motif-text-area {
    color: var(--input--color);
    font-family: var(--primary-font);
    font-weight: var(--weight-light);
    font-size: 1rem;
    background: var(--input--bg-color);
    line-height: 1.5714285714rem;
    padding: 0.7142857143rem;
    display: block;
    width: 100%;
    border-color: var(--input--border-color);
    border-width: var(--input--border-width);
    border-style: var(--input--border-style);
    border-radius: var(--input--border-radius);
    box-shadow: var(--input--box-shadow)
}

.motif-input-component .motif-input:hover:not(:disabled),
.motif-input-component .motif-text-area:hover:not(:disabled) {
    --input--color: var(--input-hover--color);
    --input--border-color: var(--input-hover--border-color);
    --input--border-width: var(--input-hover--border-width);
    --input--border-style: var(--input-hover--border-style);
    --input--bg-color: var(--input-hover--bg-color);
    --input--box-shadow: var(--input-hover--box-shadow);
    --text-area--bg-color: var(--text-area-hover--bg-color);
    --text-area--color: var(--text-area-hover--color);
    --text-area--border-color: var(--text-area-hover--border-color);
    --text-area--border-style: var(--text-area-hover--border-style);
    --text-area--border-width: var(--text-area-hover--border-width);
    --text-area--box-shadow: var(--text-area-hover--box-shadow)
}

.motif-input-component .motif-input:hover:not(:disabled) label,
.motif-input-component .motif-text-area:hover:not(:disabled) label {
    --text-area-label--color: var(--text-area-hover-label--color)
}

.motif-input-component .motif-input:focus:not(:disabled),
.motif-input-component .motif-text-area:focus:not(:disabled) {
    --input--color: var(--input-focus--color);
    --input--border-color: var(--input-focus--border-color);
    --input--border-width: var(--input-focus--border-width);
    --input--border-style: var(--input-focus--border-style);
    --input--bg-color: var(--input-focus--bg-color);
    --input--box-shadow: var(--input-focus--box-shadow);
    --text-area--bg-color: var(--text-area-focus--bg-color);
    --text-area--color: var(--text-area-focus--color);
    --text-area--border-color: var(--text-area-focus--border-color);
    --text-area--border-style: var(--text-area-focus--border-style);
    --text-area--border-width: var(--text-area-focus--border-width);
    --text-area--box-shadow: var(--text-area-focus--box-shadow)
}

.motif-input-component .motif-input:focus:not(:disabled) label,
.motif-input-component .motif-text-area:focus:not(:disabled) label {
    --text-area-label--color: var(--text-area-focus-label--color)
}

.motif-input-component .motif-input:disabled,
.motif-input-component .motif-text-area:disabled {
    --input--color: var(--input-disabled--color);
    --input--border-color: var(--input-disabled--border-color);
    --input--border-width: var(--input-disabled--border-width);
    --input--border-style: var(--input-disabled--border-style);
    --input--bg-color: var(--input-disabled--bg-color);
    --input--box-shadow: var(--input-disabled--box-shadow);
    cursor: not-allowed
}

.motif-input-component .motif-input:disabled::placeholder,
.motif-input-component .motif-text-area:disabled::placeholder {
    color: var(--form-element-disabled--color)
}

.motif-input-component .motif-input.motif-input-invalid,
.motif-input-component .motif-text-area.motif-input-invalid {
    --input--color: var(--input-error--color);
    --input--border-color: var(--input-error--border-color);
    --input--border-width: var(--input-error--border-width);
    --input--border-style: var(--input-error--border-style);
    --input--bg-color: var(--input-error--bg-color);
    --input--box-shadow: var(--input-error--box-shadow)
}

.motif-input-component .motif-input.motif-input-invalid:hover:not(:disabled),
.motif-input-component .motif-text-area.motif-input-invalid:hover:not(:disabled) {
    --input--color: var(--input-error-hover--color);
    --input--border-color: var(--input-error-hover--border-color);
    --input--border-width: var(--input-error-hover--border-width);
    --input--border-style: var(--input-error-hover--border-style);
    --input--bg-color: var(--input-error-hover--bg-color);
    --input--box-shadow: var(--input-error-hover--box-shadow)
}

.motif-input-component .motif-input.motif-input-invalid:focus:not(:disabled),
.motif-input-component .motif-text-area.motif-input-invalid:focus:not(:disabled) {
    --input--color: var(--input-error-focus--color);
    --input--border-color: var(--input-error-focus--border-color);
    --input--border-width: var(--input-error-focus--border-width);
    --input--border-style: var(--input-error-focus--border-style);
    --input--bg-color: var(--input-error-focus--bg-color);
    --input--box-shadow: var(--input-error-focus--box-shadow)
}

.motif-input-component .motif-input.motif-input-invalid.motif-text-area,
.motif-input-component .motif-text-area.motif-input-invalid.motif-text-area {
    --text-area--box-shadow: var(--text-area-error--box-shadow);
    --text-area--border-color: var(--text-area-error--border-color);
    --text-area--border-style: var(--text-area-error--border-style);
    --text-area--border-width: var(--text-area-error--border-width)
}

.motif-input-component .motif-input.motif-input-invalid.motif-text-area label,
.motif-input-component .motif-text-area.motif-input-invalid.motif-text-area label {
    --text-area-label--color: var(--text-area-error-label--color)
}

.motif-input-component .motif-input.motif-input-invalid.motif-text-area:hover:not(:disabled),
.motif-input-component .motif-text-area.motif-input-invalid.motif-text-area:hover:not(:disabled) {
    --text-area--color: var(--text-area-error-hover--color);
    --text-area-error--bg-color: var(--text-area-error-hover--bg-color);
    --text-area-error--box-shadow: var(--text-area-error-hover--box-shadow);
    --text-area-error--border-color: var(--text-area-error-hover--border-color);
    --text-area-error--border-style: var(--text-area-error-hover--border-style);
    --text-area-error--border-width: var(--text-area-error-hover--border-width)
}

.motif-input-component .motif-input.motif-input-invalid.motif-text-area:focus:not(:disabled),
.motif-input-component .motif-text-area.motif-input-invalid.motif-text-area:focus:not(:disabled) {
    --text-area--color: var(--text-area-error-focus--color);
    --text-area-error--bg-color: var(--text-area-error-focus--bg-color);
    --text-area-error--box-shadow: var(--text-area-error-focus--box-shadow);
    --text-area-error--border-color: var(--text-area-error-focus--border-color);
    --text-area-error--border-style: var(--text-area-error-focus--border-style);
    --text-area-error--border-width: var(--text-area-error-focus--border-width)
}

.motif-input-component textarea::-webkit-scrollbar {
    width: 5px;
    background-color: var(--text-area-scroll-bar--bg-color)
}

.motif-input-component textarea::-webkit-scrollbar:hover {
    --text-area-scroll-bar--bg-color: var(--text-area-scroll-bar-hover--bg-color)
}

.motif-input-component textarea::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

.motif-input-component textarea::-webkit-scrollbar-thumb {
    background: var(--text-area-scroll-bar-bg);
    border-radius: 2px
}

.motif-input-component textarea::-webkit-scrollbar-thumb:hover {
    background: var(--text-area-scroll-bar-hover-bg)
}

.motif-input-component .motif-text-area {
    color: var(--text-area--color);
    background-color: var(--text-area--bg-color);
    border-color: var(--text-area--border-color);
    border-style: var(--text-area--border-style);
    border-width: var(--text-area--border-width);
    border-radius: var(--text-area--border-radius);
    box-shadow: var(--text-area--box-shadow);
    min-height: 3.5714285714rem;
    resize: vertical;
    padding: 1.3571428571rem 0.7142857143rem 0.2857142857rem
}

.motif-input-component .motif-text-area label {
    color: var(--text-area-label--color)
}

.motif-input-component .motif-text-area:disabled {
    padding: 1.3571428571rem 0.6428571429rem;
    --text-area--color: var(--text-area-disabled--color);
    --text-area--bg-color: var(--text-area-disabled--bg-color);
    --text-area--border-color: var(--text-area-disabled--border-color);
    --text-area--border-style: var(--text-area-disabled--border-style);
    --text-area--border-width: var(--text-area-disabled--border-width);
    --text-area--box-shadow: var(--text-area-disabled--box-shadow)
}

.motif-input-component .motif-text-area:disabled label {
    --text-area-label--color: var(--text-area-disabled-label--color)
}

.motif-input-component .motif-error-icon {
    position: absolute;
    right: 0.7142857143rem;
    top: 30%;
    z-index: 1;
    height: 1.4285714286rem;
    width: 1.1428571429rem;
    fill: var(--input-icon-error--color)
}

.motif-input-component .motif-error-icon.motif-error-icon-text-area {
    top: calc(45% - .5rem)
}

.motif-input-component .motif-input-clear-button {
    border: none;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    height: 1.4285714286rem;
    width: 1.4285714286rem;
    position: absolute;
    right: 0.7142857143rem;
    top: 0.8571428571rem;
    display: block;
    transition: transform .25s ease-in-out;
    z-index: 1;
    fill: var(--input-icon-color)
}

.motif-input-component .motif-input-clear-button svg {
    width: 1.7142857143rem;
    height: 1.7142857143rem
}

.motif-input-component .motif-input-clear-button:hover:not(:disabled),
.motif-input-component .motif-input-clear-button:focus:not(:disabled) {
    box-shadow: var(--input-clear-icon-focus--box-shadow)
}

.motif-input-component .motif-input-clear-button:disabled svg {
    fill: var(--input-clear-btn-disabled-icon-color)
}

.motif-label {
    font-family: var(--primary-font);
    font-weight: var(--weight-light);
    font-size: 1rem;
    width: calc(100% - 18px);
    line-height: 1.5714285714rem;
    display: block;
    z-index: 1;
    pointer-events: none;
    transition: 200ms ease all;
    padding-bottom: 5px;
    color: var(--label--color)
}

.motif-label .motif-input {
    margin-top: 5px;
    display: block
}

.motif-label.motif-label-for-slider {
    margin-bottom: 20px
}

.motif-label.motif-label-for-numeric-input {
    margin-bottom: 15px
}

.motif-label.motif-disabled {
    color: var(--form-element-disabled--color)
}

.motif-form-field-text-input .motif-label {
    line-height: 1.1428571429rem
}

.motif-form-field-text-input .motif-label+.motif-input-component .motif-input {
    padding: 1.4285714286rem 2.8571428571rem 0.0714285714rem 0.7142857143rem
}

.motif-form-field-date-input .motif-label,
.motif-form-field-select-input .motif-label,
.motif-form-field-text-input .motif-label {
    position: absolute;
    top: 1rem;
    left: 0.0714285714rem;
    padding-left: 0.6428571429rem;
    transition: 200ms ease top, 200ms ease font-size;
    padding-bottom: 0.5714285714rem
}

.motif-form-field-date-input .motif-label:has(~.motif-input-component>.motif-input:-webkit-autofill),
.motif-form-field-select-input .motif-label:has(~.motif-input-component>.motif-input:-webkit-autofill),
.motif-form-field-text-input .motif-label:has(~.motif-input-component>.motif-input:-webkit-autofill) {
    top: 0.5714285714rem
}

.motif-form-field-date-input.motif-form-field-focused .motif-label,
.motif-form-field-date-input.motif-form-field-has-value .motif-label,
.motif-form-field-select-input.motif-form-field-focused.motif-form-field-has-placeholder .motif-label,
.motif-form-field-select-input.motif-form-field-has-value .motif-label,
.motif-form-field-text-input.motif-form-field-has-value .motif-label,
.motif-form-field-text-input.motif-form-field-focused .motif-label {
    top: 0.0714285714rem;
    font-size: 0.8571428571rem;
    width: auto;
    z-index: 1;
    padding-bottom: 0;
    line-height: 1.5714285714rem
}

.motif-form-field-date-input.motif-form-field-focused .motif-label:has(~.motif-input-component>.motif-input:-webkit-autofill),
.motif-form-field-date-input.motif-form-field-has-value .motif-label:has(~.motif-input-component>.motif-input:-webkit-autofill),
.motif-form-field-select-input.motif-form-field-focused.motif-form-field-has-placeholder .motif-label:has(~.motif-input-component>.motif-input:-webkit-autofill),
.motif-form-field-select-input.motif-form-field-has-value .motif-label:has(~.motif-input-component>.motif-input:-webkit-autofill),
.motif-form-field-text-input.motif-form-field-has-value .motif-label:has(~.motif-input-component>.motif-input:-webkit-autofill),
.motif-form-field-text-input.motif-form-field-focused .motif-label:has(~.motif-input-component>.motif-input:-webkit-autofill) {
    top: 0.0714285714rem
}

.motif-message {
    color: var(--body--color);
    font-family: var(--primary-font);
    font-weight: var(--weight-light);
    line-height: 1.5714285714rem;
    font-size: var(--body-sm--font-size);
    line-height: 1.4285714286rem;
    margin-top: 0.2857142857rem;
    margin-bottom: 0
}

.motif-message.motif-body-light {
    color: #fff
}

.motif-wrapper-numeric {
    display: flex;
    align-items: center
}

.motif-wrapper-numeric .motif-input-component .motif-numeric-input {
    width: 3.1428571429rem;
    height: 3.1428571429rem;
    text-align: center;
    padding: 10px;
    margin: 0 5px;
    color: var(--numeric-input--color);
    border-bottom: var(--numeric-input--border);
    border-color: var(--numeric-input--border-color);
    border-style: var(--numeric-input--border-style);
    border-width: var(--numeric-input--border-width);
    background-color: var(--numeric-input--bg-color);
    border-radius: var(--numeric-input--border-radius);
    box-shadow: var(--numeric-input--box-shadow)
}

.motif-wrapper-numeric .motif-input-component .motif-numeric-input:hover {
    --numeric-input--color: var(--numeric-input-hover--color);
    --numeric-input--bg-color: var(--numeric-input-hover--bg-color);
    --numeric-input--border-color: var(--numeric-input-hover--border-color);
    --numeric-input--border-style: var(--numeric-input-hover--border-style);
    --numeric-input--border-width: var(--numeric-input-hover--border-width);
    --numeric-input--box-shadow: var(--numeric-input-hover--box-shadow)
}

.motif-wrapper-numeric .motif-input-component .motif-numeric-input:focus {
    --numeric-input--color: var(--numeric-input-focus--color);
    --numeric-input--bg-color: var(--numeric-input-focus--bg-color);
    --numeric-input--border-color: var(--numeric-input-focus--border-color);
    --numeric-input--border-style: var(--numeric-input-focus--border-style);
    --numeric-input--border-width: var(--numeric-input-focus--border-width);
    --numeric-input--box-shadow: var(--numeric-input-focus--box-shadow)
}

.motif-wrapper-numeric .motif-input-component .motif-numeric-input:disabled {
    --numeric-input--color: var(--numeric-input-disabled--color);
    --numeric-input--bg-color: var(--numeric-input-disabled--bg-color);
    --numeric-input--border-color: var(--numeric-input-disabled--border-color);
    --numeric-input--border-style: var(--numeric-input-disabled--border-style);
    --numeric-input--border-width: var(--numeric-input-disabled--border-width);
    --numeric-input--box-shadow: var(--numeric-input-disabled--box-shadow)
}

.motif-wrapper-numeric .motif-input-component .motif-input-invalid.motif-numeric-input {
    --numeric-input--color: var(--numeric-input-error--color);
    --numeric-input--bg-color: var(--numeric-input-error--bg-color);
    --numeric-input--border-color: var(--numeric-input-error--border-color);
    --numeric-input--border-style: var(--numeric-input-error--border-style);
    --numeric-input--border-width: var(--numeric-input-error--border-width);
    --numeric-input--box-shadow: var(--numeric-input-error--box-shadow)
}

.motif-wrapper-numeric .motif-input-component .motif-input-invalid.motif-numeric-input:hover {
    --numeric-input--color: var(--numeric-input-error-hover--color);
    --numeric-input--bg-color: var(--numeric-input-error-hover--bg-color);
    --numeric-input--border-color: var(--numeric-input-error-hover--border-color);
    --numeric-input--border-style: var(--numeric-input-error-hover--border-style);
    --numeric-input--border-width: var(--numeric-input-error-hover--border-width);
    --numeric-input--box-shadow: var(--numeric-input-error-hover--box-shadow)
}

.motif-wrapper-numeric .motif-input-component .motif-input-invalid.motif-numeric-input:focus {
    --numeric-input--color: var(--numeric-input-error-focus--color);
    --numeric-input--bg-color: var(--numeric-input-error-focus--bg-color);
    --numeric-input--border-color: var(--numeric-input-error-focus--border-color);
    --numeric-input--border-style: var(--numeric-input-error-focus--border-style);
    --numeric-input--border-width: var(--numeric-input-error-focus--border-width);
    --numeric-input--box-shadow: var(--numeric-input-error-focus--box-shadow)
}

.motif-wrapper-numeric .motif-numeric-button {
    min-width: 3.1428571429rem;
    min-height: 3.1428571429rem;
    border: none;
    border-color: var(--numeric-input-btn--border-color);
    border-width: var(--numeric-input-btn--border-width);
    border-style: var(--numeric-input-btn--border-style);
    border-radius: var(--numeric-input-btn--border-radius);
    background-color: var(--numeric-input-btn--bg-color);
    box-shadow: var(--numeric-input-btn--box-shadow);
    outline: none;
    padding: 0
}

.motif-wrapper-numeric .motif-numeric-button svg {
    fill: var(--numeric-input-btn-icon-color)
}

.motif-wrapper-numeric .motif-numeric-button:hover {
    --numeric-input-btn--bg-color: var(--numeric-input-btn-hover--bg-color);
    --numeric-input-btn--border-color: var(--numeric-input-btn-hover--border-color);
    --numeric-input-btn--border-width: var(--numeric-input-btn-hover--border-width);
    --numeric-input-btn--border-style: var(--numeric-input-btn-hover--border-style);
    --numeric-input-btn--box-shadow: var(--numeric-input-btn-hover--box-shadow)
}

.motif-wrapper-numeric .motif-numeric-button:hover svg {
    --numeric-input-btn-icon-color: var(--numeric-input-btn-hover-icon-color)
}

.motif-wrapper-numeric .motif-numeric-button:focus {
    --numeric-input-btn--bg-color: var(--numeric-input-btn-focus--bg-color);
    --numeric-input-btn--border-color: var(--numeric-input-btn-focus--border-color);
    --numeric-input-btn--border-width: var(--numeric-input-btn-focus--border-width);
    --numeric-input-btn--border-style: var(--numeric-input-btn-focus--border-style);
    --numeric-input-btn--box-shadow: var(--numeric-input-btn-focus--box-shadow)
}

.motif-wrapper-numeric .motif-numeric-button:focus svg {
    --numeric-input-btn-icon-color: var(--numeric-input-btn-focus-icon-color)
}

.motif-wrapper-numeric .motif-numeric-button:disabled {
    --numeric-input-btn--bg-color: var(--numeric-input-btn-disabled--bg-color);
    --numeric-input-btn--border-color: var(--numeric-input-btn-disabled--border-color);
    --numeric-input-btn--border-width: var(--numeric-input-btn-disabled--border-width);
    --numeric-input-btn--border-style: var(--numeric-input-btn-disabled--border-style);
    --numeric-input-btn--box-shadow: var(--numeric-input-btn-disabled--box-shadow)
}

.motif-wrapper-numeric .motif-numeric-button:disabled svg {
    --numeric-input-btn-icon-color: var(--numeric-input-btn-disabled-icon-color)
}

.motif-radio-button-group {
    display: flex;
    flex-direction: column
}

.motif-radio-button {
    display: inline-flex;
    align-items: center
}

.motif-radio-button .motif-radio-button-custom {
    border-radius: var(--radio-btn--border-radius);
    background-color: var(--radio-btn--bg-color);
    box-shadow: var(--radio-btn--box-shadow)
}

.motif-radio-button .motif-radio-button-custom:hover {
    --radio-btn--border-radius: var(--radio-btn-hover--border-radius);
    --radio-btn--bg-color: var(--radio-btn-hover--bg-color);
    --radio-btn--box-shadow: var(--radio-btn-hover--box-shadow)
}

.motif-radio-button .motif-radio-button-custom:focus {
    --radio-btn--border-radius: var(--radio-btn-focus--border-radius);
    --radio-btn--bg-color: var(--radio-btn-focus--bg-color);
    --radio-btn--box-shadow: var(--radio-btn-focus--box-shadow)
}

.motif-radio-button .motif-radio-button-border {
    fill: var(--radio-btn-input--bg-color);
    border-color: var(--radio-btn--border-color);
    border-style: var(--radio-btn--border-style);
    border-width: var(--radio-btn--border-width)
}

.motif-radio-button .motif-radio-button-border:hover {
    --radio-btn--border-color: var(--radio-btn-hover--border-color);
    --radio-btn--border-style: var(--radio-btn-hover--border-style);
    --radio-btn--border-width: var(--radio-btn-hover--border-width);
    --radio-btn-input--bg-color: var(--radio-btn-input-hover--bg-color)
}

.motif-radio-button .motif-radio-button-border:focus {
    --radio-btn--border-color: var(--radio-btn-focus--border-color);
    --radio-btn--border-style: var(--radio-btn-focus--border-style);
    --radio-btn--border-width: var(--radio-btn-focus--border-width);
    --radio-btn-input--bg-color: var(--radio-btn-input-focus--bg-color)
}

.motif-radio-button .motif-radio-button-bullet {
    fill: var(--radio-btn-input--bg-color);
    display: none
}

.motif-radio-button .motif-radio-button-label {
    flex: 1
}

.motif-radio-button.motif-disabled {
    cursor: not-allowed
}

.motif-radio-button.motif-disabled .motif-radio-button-label {
    --radio-btn-label--color: var(--radio-btn-label-disabled--color)
}

.motif-radio-button.motif-disabled .motif-radio-button-border,
.motif-radio-button.motif-disabled .motif-radio-button-bullet {
    --radio-btn-input--bg-color: var(--radio-btn-input-disabled--bg-color);
    --radio-btn--border-color: var(--radio-btn-disabled--border-color);
    --radio-btn--border-style: var(--radio-btn-disabled--border-style);
    --radio-btn--border-width: var(--radio-btn-disabled--border-width);
    --radio-btn--border-radius: var(--radio-btn-disabled--border-radius)
}

.motif-radio-button.motif-disabled .motif-radio-button-custom {
    --radio-btn--bg-color: var(--radio-btn-disabled--bg-color);
    --radio-btn--box-shadow: var(--radio-btn-disabled--box-shadow)
}

.motif-radio-button:hover:not(.motif-disabled) .motif-radio-button-custom {
    box-shadow: inset 0 0 0 0.1428571429rem currentcolor;
    --radio-btn--border-radius: var(--radio-btn-hover--border-radius)
}

.motif-radio-button:hover:not(.motif-disabled) .motif-radio-button-label {
    text-decoration: underline
}

.motif-radio-button-in-group {
    margin-right: 16px;
    margin-bottom: 0.8571428571rem;
    display: inline-flex
}

.motif-radio-button-in-group:last-child {
    margin-bottom: 0
}

.motif-radio-button+.motif-error-message,
.motif-radio-button-group+.motif-error-message {
    padding-left: 0.1428571429rem;
    margin-top: 0.2857142857rem
}

.motif-radio-button-group-invalid .motif-radio-button-custom {
    color: var(--error);
    --radio-btn--border-color: var(--radio-btn-error--border-color);
    --radio-btn--border-style: var(--radio-btn-error--border-style);
    --radio-btn--border-width: var(--radio-btn-error--border-width);
    --radio-btn--border-radius: var(--radio-btn-error--border-radius);
    --radio-btn--bg-color: var(--radio-btn-error--bg-color);
    --radio-btn--box-shadow: var(--radio-btn-error--box-shadow)
}

.motif-radio-button-group-invalid .motif-radio-button-custom:hover {
    --radio-btn--border-color: var(--radio-btn-error-hover--border-color);
    --radio-btn--border-style: var(--radio-btn-error-hover--border-style);
    --radio-btn--border-width: var(--radio-btn-error-hover--border-width);
    --radio-btn--border-radius: var(--radio-btn-error-hover--border-radius);
    --radio-btn--bg-color: var(--radio-btn-error-hover--bg-color);
    --radio-btn--box-shadow: var(--radio-btn-error-hover--box-shadow)
}

.motif-radio-button-group-invalid .motif-radio-button-custom:focus {
    --radio-btn--border-color: var(--radio-btn-error-focus--border-color);
    --radio-btn--border-style: var(--radio-btn-error-focus--border-style);
    --radio-btn--border-width: var(--radio-btn-error-focus--border-width);
    --radio-btn--border-radius: var(--radio-btn-error-focus--border-radius);
    --radio-btn--bg-color: var(--radio-btn-error-focus--bg-color);
    --radio-btn--box-shadow: var(--radio-btn-error-focus--box-shadow)
}

.motif-radio-button-group-invalid .motif-radio-button-custom .motif-radio-button-border {
    --radio-btn-input--bg-color: var(--radio-btn-input-error--bg-color);
    fill: currentcolor
}

.motif-radio-button-group-invalid .motif-radio-button-custom .motif-radio-button-border:hover {
    --radio-btn-input--bg-color: var(--radio-btn-input-error-hover--bg-color)
}

.motif-radio-button-group-invalid .motif-radio-button-custom .motif-radio-button-border:focus {
    --radio-btn-input--bg-color: var(--radio-btn-input-error-focus--bg-color)
}

.motif-radio-button-group-invalid .motif-radio-button-border {
    --radio-btn-input--bg-color: var(--radio-btn-label-error--color);
    fill: currentcolor
}

.motif-radio-button-group-invalid .motif-radio-button-border:hover {
    --radio-btn-input--bg-color: var(--radio-btn-label-error-hover--color)
}

.motif-radio-button-group-invalid .motif-radio-button-border:focus {
    --radio-btn-input--bg-color: var(--radio-btn-label-error-focus--color)
}

.motif-radio-button-label {
    margin-left: 8px;
    font-size: var(--font-size-base);
    font-weight: var(--weight-light);
    color: var(--radio-btn-label--color);
    line-height: 1.2
}

.motif-radio-button-label:hover {
    --radio-btn-label--color: var(--radio-btn-label-hover--color)
}

.motif-radio-button-label:focus {
    --radio-btn-label--color: var(--radio-btn-label-focus--color)
}

.motif-radio-button-input {
    border: 0;
    clip: rect(0 0 0 0);
    height: 0.0714285714rem;
    margin: -0.0714285714rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0.0714285714rem;
    outline: 0;
    appearance: none
}

.motif-radio-button-input:focus+.motif-radio-button-custom {
    box-shadow: var(--focus-border);
    --radio-btn--border-radius: var(--radio-btn-focus--border-radius)
}

.motif-radio-button-input:checked+.motif-radio-button-custom .motif-radio-button-bullet {
    display: block
}

.motif-search-input-wrapper .motif-input-component input.motif-input {
    padding: 0.7857142857rem 2.4285714286rem 0.7857142857rem 0.7142857143rem;
    border-color: var(--search--border-color);
    border-style: var(--search--border-style);
    border-width: var(--search--border-width);
    background-color: var(--search--bg-color);
    border-radius: var(--search--border-radius);
    box-shadow: var(--search--box-shadow)
}

.motif-search-input-wrapper .motif-input-component input.motif-input:hover {
    --search--border-color: var(--search-hover--border-color);
    --search--border-style: var(--search-hover--border-style);
    --search--border-width: var(--search-hover--border-width);
    --search--bg-color: var(--search-hover--bg-color);
    --search--box-shadow: var(--search-hover--box-shadow)
}

.motif-search-input-wrapper .motif-input-component input.motif-input:focus {
    --search--border-color: var(--search-focus--border-color);
    --search--border-style: var(--search-focus--border-style);
    --search--border-width: var(--search-focus--border-width);
    --search--bg-color: var(--search-focus--bg-color);
    --search--box-shadow: var(--search-focus--box-shadow)
}

.motif-search-input-wrapper .motif-input-component input.motif-input::-webkit-search-decoration,
.motif-search-input-wrapper .motif-input-component input.motif-input::-webkit-search-cancel-button,
.motif-search-input-wrapper .motif-input-component input.motif-input::-webkit-search-results-button,
.motif-search-input-wrapper .motif-input-component input.motif-input::-webkit-search-results-decoration {
    display: none
}

.motif-search-input-wrapper .motif-input-component input.motif-input::-ms-clear,
.motif-search-input-wrapper .motif-input-component input.motif-input::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

.motif-search-input-wrapper .motif-input-component input.motif-input::placeholder {
    opacity: 1
}

.motif-search-input-wrapper .motif-input-component input.motif-input.motif-input-invalid {
    color: var(--search-error--color);
    --search--bg-color: var(--search-error--bg-color);
    --search--border-color: var(--search-error--border-color);
    --search--border-style: var(--search-error--border-style);
    --search--border-width: var(--search-error--border-width);
    --search--box-shadow: var(--search-error--box-shadow)
}

.motif-search-input-wrapper .motif-input-component input.motif-input.motif-input-invalid:focus {
    color: var(--search-error-focus--color);
    --search--bg-color: var(--search-error-focus--bg-color);
    --search--border-color: var(--search-error-focus--border-color);
    --search--border-style: var(--search-error-focus--border-style);
    --search--border-width: var(--search-error-focus--border-width);
    --search--box-shadow: var(--search-error-focus--box-shadow)
}

.motif-search-input-wrapper .motif-input-component input.motif-input.motif-input-invalid:hover {
    color: var(--search-error-hover--color);
    --search--bg-color: var(--search-error-hover--bg-color);
    --search--border-color: var(--search-error-hover--border-color);
    --search--border-style: var(--search-error-hover--border-style);
    --search--border-width: var(--search-error-hover--border-width);
    --search--box-shadow: var(--search-error-hover--box-shadow)
}

.motif-search-input-wrapper .motif-search-input-icon-button {
    padding: 0
}

.motif-search-input-wrapper .motif-search-input-icon-button svg path {
    fill: var(--search-clear-btn-icon-color)
}

.motif-search-input-wrapper .motif-search-input-icon-button:focus svg path {
    --search-clear-btn-icon-color: var(--search-clear-btn-focus-icon-color)
}

.motif-search-input-wrapper .motif-search-input-icon-button:hover svg path {
    --search-clear-btn-icon-color: var(--search-clear-btn-hover-icon-color)
}

.motif-search-input-wrapper .motif-search-input-icon-button:focus,
.motif-search-input-wrapper .motif-search-input-icon-button:hover {
    background-color: rgba(0, 0, 0, 0)
}

.motif-search-input-wrapper .motif-search-input-icon-button:focus svg,
.motif-search-input-wrapper .motif-search-input-icon-button:hover svg {
    background-color: rgba(0, 0, 0, 0)
}

.motif-search-input-wrapper .motif-search-input-icon {
    position: absolute;
    right: 0.7142857143rem;
    width: 1.7142857143rem;
    top: 0.8571428571rem;
    color: var(--search-icon-color)
}

.motif-search-input-wrapper .motif-search-input-icon svg {
    width: 100%;
    height: 100%
}

.motif-search-input-wrapper .motif-search-input-icon:hover {
    --search-icon-color: var(--search-hover-icon-color)
}

.motif-search-input-wrapper .motif-search-input-icon:focus {
    --search-icon-color: var(--search-focus-icon-color)
}

.motif-search-input-wrapper.motif-search-disabled {
    --search--border-color: var(--search-disabled--border-color);
    --search--border-style: var(--search-disabled--border-style);
    --search--border-width: var(--search-disabled--border-width);
    --search--bg-color: var(--search-disabled--bg-color);
    --search--box-shadow: var(--search-disabled--box-shadow)
}

.motif-search-input-wrapper.motif-search-disabled .motif-search-input-icon {
    cursor: not-allowed;
    --search-icon-color: var(--search-disabled-icon-color)
}

.motif-search-input-wrapper.motif-search-disabled .motif-search-input-icon svg {
    color: var(--form-element-icon-disabled-color)
}

.motif-search-input-wrapper.motif-search-disabled .motif-search-input-icon-button svg path {
    --search-clear-btn-icon-color: var(--search-clear-btn-disabled-icon-color)
}

.motif-select {
    display: block;
    position: relative
}

.motif-select-invalid .motif-select-input {
    border-color: var(--input-error--border-color);
    border-width: var(--input-error--border-width);
    border-style: var(--input-error--border-style)
}

.motif-select-invalid .motif-select-input:focus:not(:disabled) {
    --input-error--border-color: var(--select-trigger-focus--border-color);
    --input-error--border-width: var(--select-trigger-focus--border-width);
    --input-error--border-style: var(--select-trigger-focus--border-style)
}

.motif-select-input {
    border: none;
    border-color: var(--select-trigger--border-color);
    border-width: var(--select-trigger--border-width);
    border-style: var(--select-trigger--border-style);
    border-radius: var(--select-trigger--border-radius);
    fill: var(--select-trigger--color);
    background-color: var(--select-trigger--bg-color);
    box-shadow: var(--select-trigger--box-shadow);
    color: var(--body--color);
    cursor: pointer;
    font-family: var(--primary-font);
    min-height: 3.1428571429rem;
    padding: 1.2857142857rem 0.6428571429rem 0.2857142857rem;
    position: relative;
    text-align: left;
    width: 100%
}

.motif-select-input-text {
    width: calc(100% - 2.15rem);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: var(--primary-font);
    color: var(--select-trigger-label--color)
}

.motif-select-input:hover:not(:disabled) {
    --select-trigger--border-color: var(--select-trigger-hover--border-color);
    --select-trigger--border-width: var(--select-trigger-hover--border-width);
    --select-trigger--border-style: var(--select-trigger-hover--border-style);
    --select-trigger--bg-color: var(--select-trigger-hover--bg-color);
    --select-arrow--color: var(--select-arrow-hover--color);
    --select-trigger-label--color: var(--select-trigger-label-hover--color);
    --select-trigger--box-shadow: var(--select-trigger-hover--box-shadow)
}

.motif-select-input:focus:not(:disabled) {
    --select-trigger--border-color: var(--select-trigger-focus--border-color);
    --select-trigger--border-width: var(--select-trigger-focus--border-width);
    --select-trigger--border-style: var(--select-trigger-focus--border-style);
    --select-trigger--color: var(--select-trigger-focus--color);
    --select-arrow--color: var(--select-arrow-focus--color);
    --select-trigger--bg-color: var(--select-trigger-focus--bg-color);
    --select-trigger-label--color: var(--select-trigger-label-focus--color);
    --select-trigger--box-shadow: var(--select-trigger-focus--box-shadow)
}

.motif-select-input:disabled {
    --select-trigger--border-color: var(--select-trigger-disabled--border-color);
    --select-trigger--border-width: var(--select-trigger-disabled--border-width);
    --select-trigger--border-style: var(--select-trigger-disabled--border-style);
    --select-arrow--color: var(--select-arrow-disabled--color);
    --select-trigger--bg-color: var(--select-trigger-disabled--bg-color);
    --select-trigger-label--color: var(--select-trigger-label-disabled--color);
    --select-trigger--box-shadow: var(--select-trigger-disabled--box-shadow);
    cursor: not-allowed
}

.motif-select-input:disabled::placeholder {
    color: var(--select-trigger-disabled--color)
}

.motif-select-input:disabled:hover {
    --select-trigger-disabled--color: var(--select-trigger-disabled-hover--bg-color)
}

.motif-select-input:disabled .motif-select-input-arrow {
    fill: var(--select-arrow-disabled--color)
}

.motif-select-input-arrow {
    position: absolute;
    right: 0.6428571429rem;
    top: 0.8571428571rem;
    width: 1.7142857143rem;
    height: 1.7142857143rem;
    transition: transform .25s ease-in-out;
    color: var(--select-arrow--color)
}

.motif-select-input-arrow:hover {
    --select-arrow--color: var(--select-arrow-hover--color)
}

.motif-select-input-arrow:focus {
    --select-arrow--color: var(--select-arrow-focus--color)
}

.motif-select-input-arrow:disabled {
    --select-arrow--color: var(--select-arrow-disabled--color)
}

.motif-select-input .motif-select-clean-value {
    position: absolute;
    right: 2.4285714286rem;
    top: 0.8571428571rem;
    z-index: 1;
    width: 1.4285714286rem;
    height: 1.4285714286rem;
    fill: var(--select-trigger--color)
}

.motif-select-input .motif-select-clean-value:hover {
    --select-trigger--color: var(--select-trigger-hover--color)
}

.motif-select-input .motif-select-clean-value:focus {
    box-shadow: var(--focus-border)
}

.motif-select-wrapper-options {
    width: 100%;
    z-index: 100
}

.motif-select-options {
    background-color: var(--select-list--bg-color);
    border-color: var(--select-list--border-color);
    border-width: var(--select-list--border-width);
    border-style: var(--select-list--border-style);
    border-radius: var(--select-list--border-radius);
    box-shadow: var(--select-list--box-shadow);
    display: none;
    width: 100%;
    max-height: 9.6428571429rem;
    overflow-y: auto
}

.motif-select-options:focus {
    --select-list--bg-color: var(--select-list-focus--bg-color)
}

.motif-select-open {
    border-color: var(--select-trigger-open--border-color);
    border-style: var(--select-trigger-open--border-style);
    border-width: var(--select-trigger-open--border-width);
    background-color: var(--select-trigger-open--bg-color);
    border-radius: var(--select-trigger-open--border-radius);
    box-shadow: var(--select-trigger-open--box-shadow)
}

.motif-select-open:hover {
    --select-trigger--border-radius: var(--select-trigger-hover--border-radius)
}

.motif-select-open:focus {
    --select-trigger--border-radius: var(--select-trigger-focus--border-radius)
}

.motif-select-open:disabled {
    --select-trigger--border-radius: var(--select-trigger-disabled--border-radius)
}

.motif-select-open .motif-select-options {
    display: block
}

.motif-select-open .motif-select-input-arrow {
    transform: rotateZ(180deg)
}

.motif-option {
    padding: 0.8571428571rem 0.4285714286rem;
    max-height: 3.1428571429rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    background-color: var(--select-option--bg-color);
    color: var(--select-option--color);
    border-color: var(--select-option--border-color);
    border-style: var(--select-option--border-style);
    border-width: var(--select-option--border-width)
}

.motif-option:active {
    --select-option--color: var(--select-option-active--color);
    --select-option--bg-color: var(--select-option-active--bg-color)
}

.motif-option:hover {
    --select-option--color: var(--select-option-hover--color);
    --select-option--bg-color: var(--select-option-hover--bg-color)
}

.motif-option:disabled {
    --select-option--color: var(--select-option-disabled--color);
    --select-option--bg-color: var(--select-option-disabled--bg-color);
    --select-option--border-color: var(--select-option-disabled--border-color);
    --select-option--border-style: var(--select-option-disabled--border-style);
    --select-option--border-width: var(--select-option-disabled--border-width)
}

.motif-option-current {
    --select-option--color: var(--select-option-selected--color);
    --select-option--bg-color: var(--select-option-selected--bg-color)
}

.motif-select-options .motif-option-disabled {
    background-color: var(--select-list-background-color);
    color: var(--select-option-disabled--color);
    cursor: not-allowed
}

.motif-select-checkbox {
    width: 1.2857142857rem;
    min-width: 1.2857142857rem;
    height: 1.2857142857rem;
    border: 1px solid var(--checkbox-checked--border-color);
    margin-right: 0.5714285714rem;
    cursor: pointer
}

.motif-select-checkbox-icon-selected,
.motif-select-checkbox-icon-indeterminate {
    display: none
}

.motif-select-checkbox-selected {
    background-color: var(--checkbox-checked--bg-color);
    border: 1px solid var(--checkbox-checked--border-color)
}

.motif-select-checkbox-selected .motif-select-checkbox-icon-selected {
    display: block;
    fill: var(--checkbox-checked-icon-color)
}

.motif-select-checkbox-indeterminate {
    background-color: var(--checkbox-checked--bg-color);
    border: 1px solid var(--checkbox-checked--border-color)
}

.motif-select-checkbox-indeterminate .motif-select-checkbox-icon-indeterminate {
    display: block;
    fill: var(--checkbox-checked-icon-color)
}

.motif-select-search-no-results {
    border-left: var(--select-list-no-results--border-left);
    border-right: var(--select-list-no-results--border-right);
    border-color: var(--select-list-no-results--border-color);
    border-style: var(--select-list-no-results--border-style);
    border-width: var(--select-list-no-results--border-width)
}

.motif-option-disabled .motif-select-checkbox,
.motif-select-search-no-results .motif-select-checkbox {
    border-color: var(--select-option-disabled-border-color);
    pointer-events: none
}

.motif-option-disabled .motif-select-checkbox-selected,
.motif-option-disabled .motif-select-checkbox-indeterminate,
.motif-select-search-no-results .motif-select-checkbox-selected,
.motif-select-search-no-results .motif-select-checkbox-indeterminate {
    background-color: var(--checkbox-checked-disabled--bg-color)
}

.motif-select-all {
    padding: 0.8571428571rem 0.4285714286rem;
    max-height: 3.1428571429rem;
    display: none;
    background-color: var(--select-list--bg-color);
    cursor: pointer
}

.motif-select-open .motif-select-all {
    display: flex;
    align-items: center;
    border-color: var(--select-filter--border-color);
    border-style: var(--select-filter--border-style);
    border-width: var(--select-filter--border-width)
}

.motif-select-search {
    display: none;
    width: 100%;
    padding: 0.8571428571rem 0.4285714286rem;
    max-height: 3.1428571429rem;
    background-color: var(--select-input-filter--bg-color);
    color: var(--select-input-filter--color)
}

.motif-select-search:hover {
    --select-input-filter--color: var(--select-input-filter-hover--color)
}

.motif-select-search-input {
    background-color: inherit;
    border-color: var(--select-input-filter--border-color);
    border-style: var(--select-input-filter--border-style);
    border-width: var(--select-input-filter--border-width);
    border: none;
    color: inherit;
    font-family: var(--primary-font);
    font-size: 1rem;
    width: 100%
}

.motif-select-search-input:hover {
    --select-input-filter--bg-color: var(--select-input-filter-hover--bg-color)
}

.motif-select-search-input::placeholder {
    --select-input-filter--bg-color: var(--select-input-filter-placeholder--color)
}

.motif-select-search-input::placeholder:hover {
    --select-input-filter--bg-color: var(--select-input-filter-placeholder-hover--color)
}

.motif-select-search-icon {
    justify-self: flex-end;
    fill: var(--select-input-filter-icon-color)
}

.motif-select-search-icon:hover {
    --select-input-filter-icon-color: var(--select-input-filter-hover-icon-color)
}

.motif-select-open .motif-select-search {
    background-color: var(--select-filter--bg-color);
    border-color: var(--select-filter--border-color);
    border-width: var(--select-filter--border-width);
    border-style: var(--select-filter--border-style);
    display: flex;
    align-items: center
}

.motif-slider {
    position: relative;
    display: block;
    max-width: 71.4285714286rem;
    padding: 0.0714285714rem 0.0714285714rem 0.0714285714rem 0;
    margin-top: 1.4285714286rem
}

.motif-slider-disabled {
    cursor: not-allowed
}

.motif-slider-input {
    display: block;
    appearance: none;
    width: 100%;
    max-width: 71.4285714286rem;
    margin: 0;
    height: 2.1428571429rem;
    overflow: hidden;
    cursor: pointer;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    pointer-events: none;
    position: absolute
}

.motif-slider-input~.motif-slider-value-wrap {
    display: block
}

.motif-slider-input:active::-webkit-slider-thumb {
    background: var(--slider-thumb-active--bg-color);
    border-color: var(--slider-thumb-active--border-color);
    border-style: var(--slider-thumb-active--border-style);
    border-width: var(--slider-thumb-active--border-width);
    box-shadow: var(--slider-thumb-active--box-shadow)
}

.motif-slider-input:active::-moz-range-thumb {
    background: var(--slider-thumb-active--bg-color);
    border-color: var(--slider-thumb-active--border-color);
    border-style: var(--slider-thumb-active--border-style);
    border-width: var(--slider-thumb-active--border-width);
    box-shadow: var(--slider-thumb-active--box-shadow)
}

.motif-slider-input:active::-ms-thumb {
    background: #fff;
    border-color: #fff
}

.motif-slider-input:focus::-webkit-slider-thumb {
    border-color: var(--slider-thumb-focus--border-color);
    border-style: var(--slider-thumb-focus--border-style);
    border-width: var(--slider-thumb-focus--border-width);
    background: var(--slider-thumb-focus--bg-color);
    box-shadow: var(--slider-thumb-focus--box-shadow)
}

.motif-slider-input:focus::-moz-range-thumb {
    border-color: var(--slider-thumb-focus--border-color);
    border-style: var(--slider-thumb-focus--border-style);
    border-width: var(--slider-thumb-focus--border-width);
    background: var(--slider-thumb-focus--bg-color)
}

.motif-slider-input:focus::-ms-thumb {
    background: #fff;
    border-color: #fff
}

.motif-slider-input:hover::-webkit-slider-thumb {
    border-color: var(--slider-thumb-hover--border-color);
    border-style: var(--slider-thumb-hover--border-style);
    border-width: var(--slider-thumb-hover--border-width);
    background: var(--slider-thumb-hover--bg-color);
    box-shadow: var(--slider-thumb-hover--box-shadow)
}

.motif-slider-input:hover::-moz-range-thumb {
    border-color: var(--slider-thumb-hover--border-color);
    border-style: var(--slider-thumb-hover--border-style);
    border-width: var(--slider-thumb-hover--border-width);
    background: var(--slider-thumb-hover--bg-color);
    box-shadow: var(--slider-thumb-hover--box-shadow)
}

.motif-slider-input:hover::-ms-thumb {
    background: #fff;
    border-color: #fff
}

.motif-slider-input:disabled {
    background: none;
    cursor: not-allowed
}

.motif-slider-input:disabled::-webkit-slider-thumb {
    background: var(--slider-thumb-disabled--bg-color);
    border-color: var(--slider-thumb-disabled--border-color);
    border-style: var(--slider-thumb-disabled--border-style);
    border-width: var(--slider-thumb-disabled--border-width);
    box-shadow: var(--slider-thumb-disabled--box-shadow)
}

.motif-slider-input:disabled::-moz-range-thumb {
    background: var(--slider-thumb-disabled--bg-color);
    border-color: var(--slider-thumb-disabled--border-color);
    border-color: var(--slider-thumb-disabled--border-color);
    border-style: var(--slider-thumb-disabled--border-style);
    border-width: var(--slider-thumb-disabled--border-width);
    box-shadow: var(--slider-thumb-disabled--box-shadow)
}

.motif-slider-input:disabled::-ms-thumb {
    background: #c4c4cd;
    border-color: #c4c4cd
}

.motif-slider-input:disabled~.motif-range-slider-range {
    background-color: var(--slider-thumb-disabled--bg-color)
}

.motif-slider-input:disabled~.motif-slider-value-wrap {
    display: block
}

.motif-slider-input:disabled~.motif-slider-value-wrap .motif-slider-value {
    color: var(--slider-thumb-disabled--color)
}

.motif-slider-input::-webkit-slider-runnable-track {
    width: 100%;
    height: 2.1428571429rem
}

.motif-slider-input::-webkit-slider-thumb {
    position: relative;
    appearance: none;
    height: 20px;
    width: 20px;
    background: var(--slider-thumb--bg-color);
    box-shadow: var(--slider-thumb--box-shadow);
    border-radius: 100%;
    border-color: var(--slider-thumb--border-color);
    border-width: var(--slider-thumb--border-width);
    border-style: var(--slider-thumb--border-style);
    top: 50%;
    margin-top: -10px;
    transition: background-color 150ms;
    pointer-events: all
}

.motif-slider-input::-moz-range-track,
.motif-slider-input::-moz-range-progress {
    width: 100%;
    height: 2.1428571429rem
}

.motif-slider-input::-moz-range-thumb {
    appearance: none;
    margin: 0;
    height: 20px;
    width: 20px;
    background: var(--slider-thumb--bg-color);
    border-color: var(--slider-thumb--border-color);
    border-width: var(--slider-thumb--border-width);
    border-style: var(--slider-thumb--border-style);
    border-radius: var(--slider-thumb--border-radius);
    transition: background-color 150ms;
    pointer-events: all
}

.motif-slider-input::-moz-focus-inner {
    border: 0
}

.motif-slider-input::-ms-track {
    width: 100%;
    height: 2.1428571429rem;
    border: 0;
    color: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0)
}

.motif-slider-input::-ms-thumb {
    appearance: none;
    height: 20px;
    width: 20px;
    background: #2e2e38;
    border-radius: 100%;
    border-color: var(--slider-thumb--border-color);
    border-width: var(--slider-thumb--border-width);
    border-style: var(--slider-thumb--border-style);
    transition: background-color 150ms;
    top: 0;
    margin: 0
}

.motif-slider-input::-ms-tooltip {
    display: none
}

.motif-slider-input::-ms-fill-lower {
    background-color: rgba(0, 0, 0, 0)
}

.motif-slider-value-wrap {
    left: 10px;
    right: 10px;
    position: absolute;
    top: -20px;
    display: none
}

.motif-slider-value {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.8571428571rem;
    font-weight: var(--weight-light);
    color: var(--slider-thumb--color)
}

.motif-slider-min-max {
    justify-content: space-between;
    margin: 0 0.5rem;
    display: flex;
    font-size: 0.8571428571rem;
    color: var(--slider-footer--color);
    font-weight: var(--weight-light);
    line-height: 1.4285714286rem
}

.motif-slider-input-wrapper {
    display: flex;
    align-items: center;
    position: relative
}

.motif-range-slider {
    display: flex;
    align-items: center;
    width: 100%;
    height: 2.1428571429rem;
    z-index: -1;
    cursor: pointer
}

.motif-range-slider-track {
    position: absolute;
    height: 0.1428571429rem;
    background-color: var(--slider-track--bg-color);
    width: calc(100% - 20px);
    margin-left: 10px;
    z-index: -1
}

.motif-range-slider-range {
    position: absolute;
    height: 0.1428571429rem;
    background-color: var(--slider-range--bg-color);
    z-index: 2
}

.motif-range-slider-disabled {
    pointer-events: none;
    --slider-range--bg-color: var(--slider-range-disabled--bg-color);
    --slider-track--bg-color: var(--slider-track-disabled--bg-color);
    --slider-footer--color: var(--slider-footer-disabled--color)
}

.thumb-left {
    z-index: 3
}

.thumb-right {
    z-index: 4
}

.motif-toggle-switch-wrapper {
    display: flex;
    align-items: center
}

.motif-toggle-switch {
    position: relative;
    width: 2.5714285714rem;
    height: 1.1428571429rem;
    margin: 0 0.3571428571rem;
    color: var(--toggle-switch--color);
    border-radius: var(--toggle-switch--border-radius)
}

.motif-toggle-switch:hover {
    --toggle-switch--color: var(--toggle-switch-hover--color)
}

.motif-toggle-switch:focus {
    --toggle-switch--color: var(--toggle-switch-focus--color)
}

.motif-toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.motif-toggle-switch .motif-toggle-switch-slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: var(--toggle-switch--bg-color);
    transition: var(--ease-in-out);
    border-color: var(--toggle-switch--border-color);
    border-style: var(--toggle-switch--border-style);
    border-width: var(--toggle-switch--border-width);
    border-radius: var(--toggle-switch--border-radius);
    box-shadow: var(--toogle-switch--box-shadow)
}

.motif-toggle-switch .motif-toggle-switch-slider:hover {
    --toggle-switch--bg-color: var(--toggle-switch-hover--bg-color);
    --toggle-switch--border-color: var(--toggle-switch-hover--border-color);
    --toggle-switch--border-style: var(--toggle-switch-hover--border-style);
    --toggle-switch--border-width: var(--toggle-switch-hover--border-width);
    --toogle-switch--box-shadow: var(--toogle-switch-hover--box-shadow)
}

.motif-toggle-switch .motif-toggle-switch-slider:focus {
    --toggle-switch--bg-color: var(--toggle-switch-focus--bg-color);
    --toggle-switch--border-color: var(--toggle-switch-focus--border-color);
    --toggle-switch--border-style: var(--toggle-switch-focus--border-style);
    --toggle-switch--border-width: var(--toggle-switch-focus--border-width);
    --toogle-switch--box-shadow: var(--toogle-switch-focus--box-shadow)
}

.motif-toggle-switch .motif-toggle-switch-slider:disabled {
    --toggle-switch--bg-color: var(--toggle-switch-disabled--bg-color);
    --toggle-switch--border-color: var(--toggle-switch-disabled--border-color);
    --toggle-switch--border-style: var(--toggle-switch-disabled--border-style);
    --toggle-switch--border-width: var(--toggle-switch-disabled--border-width);
    --toogle-switch--box-shadow: var(--toogle-switch-disabled--box-shadow)
}

.motif-toggle-switch .motif-toggle-switch-slider:before {
    position: absolute;
    content: "";
    height: 1.4285714286rem;
    width: 1.4285714286rem;
    left: 0;
    top: 50%;
    transition: var(--ease-in-out);
    background-color: var(--toggle-switch-thumb--bg-color);
    border-color: var(--toggle-switch-thumb--border-color);
    border-style: var(--toggle-switch-thumb--border-style);
    border-width: var(--toggle-switch-thumb--border-width);
    border-radius: var(--toggle-switch-thumb--border-radius);
    box-shadow: var(--toggle-switch-thumb--box-shadow);
    transform: translateX(0%) translateY(-50%);
    box-sizing: border-box
}

.motif-toggle-switch .motif-toggle-switch-slider:before:hover {
    --toggle-switch-thumb--bg-color: var(--toggle-switch-hover-thumb--bg-color);
    --toggle-switch-thumb--border-color: var(--toggle-switch-hover-thumb--border-color);
    --toggle-switch-thumb--border-style: var(--toggle-switch-hover-thumb--border-style);
    --toggle-switch-thumb--border-width: var(--toggle-switch-hover-thumb--border-width);
    --toggle-switch-thumb--box-shadow: var(--toggle-switch-hover-thumb--box-shadow)
}

.motif-toggle-switch .motif-toggle-switch-slider:before:focus {
    --toggle-switch-thumb--bg-color: var(--toggle-switch-focus-thumb--bg-color);
    --toggle-switch-thumb--border-color: var(--toggle-switch-focus-thumb--border-color);
    --toggle-switch-thumb--border-style: var(--toggle-switch-focus-thumb--border-style);
    --toggle-switch-thumb--border-width: var(--toggle-switch-focus-thumb--border-width);
    --toggle-switch-thumb--box-shadow: var(--toggle-switch-focus-thumb--box-shadow)
}

.motif-toggle-switch .motif-toggle-switch-slider:before:disabled {
    --toggle-switch-thumb--bg-color: var(--toggle-switch-disabled-thumb--bg-color);
    --toggle-switch-thumb--border-color: var(--toggle-switch-disabled-thumb--border-color);
    --toggle-switch-thumb--border-style: var(--toggle-switch-disabled-thumb--border-style);
    --toggle-switch-thumb--border-width: var(--toggle-switch-disabled-thumb--border-width);
    --toggle-switch-thumb--box-shadow: var(--toggle-switch-disabled-thumb--box-shadow)
}

.motif-toggle-switch input:checked+.motif-toggle-switch-slider {
    background-color: var(--toggle-switch-checked--bg-color);
    border-color: var(--toggle-switch-checked--border-color);
    border-style: var(--toggle-switch-checked--border-style)
}

.motif-toggle-switch input:checked+.motif-toggle-switch-slider:hover {
    --toggle-switch-checked--bg-color: var(--toggle-switch-checked-hover--bg-color);
    --toggle-switch-checked--border-color: var(--toggle-switch-checked-hover--border-color);
    --toggle-switch-checked--border-style: var(--toggle-switch-checked-hover--border-style);
    --toggle-switch-checked--border-width: var(--toggle-switch-checked-hover--border-width);
    --toogle-switch-checked--box-shadow: var(--toogle-switch-checked-hover--box-shadow)
}

.motif-toggle-switch input:checked+.motif-toggle-switch-slider:focus {
    --toggle-switch-checked--bg-color: var(--toggle-switch-checked-focus--bg-color);
    --toggle-switch-checked--border-color: var(--toggle-switch-checked-focus--border-color);
    --toggle-switch-checked--border-style: var(--toggle-switch-checked-focus--border-style);
    --toggle-switch-checked--border-width: var(--toggle-switch-checked-focus--border-width);
    --toogle-switch-checked--box-shadow: var(--toogle-switch-checked-focus--box-shadow)
}

.motif-toggle-switch input:checked+.motif-toggle-switch-slider:disabled {
    --toggle-switch-checked--bg-color: var(--toggle-switch-checked-disabled--bg-color);
    --toggle-switch-checked--border-color: var(--toggle-switch-checked-disabled--border-color);
    --toggle-switch-checked--border-style: var(--toggle-switch-checked-disabled--border-style);
    --toggle-switch-checked--border-width: var(--toggle-switch-checked-disabled--border-width);
    --toogle-switch-checked--box-shadow: var(--toogle-switch-checked-disabled--box-shadow)
}

.motif-toggle-switch input:checked+.motif-toggle-switch-slider:before {
    transform: translateX(1.0714285714rem) translateY(-50%);
    background-color: var(--toggle-switch-checked-thumb--bg-color);
    border-color: var(--toggle-switch-checked-thumb--border-color);
    border-style: var(--toggle-switch-checked-thumb--border-style);
    border-width: var(--toggle-switch-checked-thumb--border-width);
    box-shadow: var(--toggle-switch-checked-thumb--box-shadow)
}

.motif-toggle-switch input:checked+.motif-toggle-switch-slider:before:hover {
    --toggle-switch-checked-thumb--bg-color: var(--toggle-switch-checked-hover-thumb--bg-color);
    --toggle-switch-checked-thumb--border-color: var(--toggle-switch-checked-hover-thumb--border-color);
    --toggle-switch-checked-thumb--border-style: var(--toggle-switch-checked-hover-thumb--border-style);
    --toggle-switch-checked-thumb--border-width: var(--toggle-switch-checked-hover-thumb--border-width);
    --toggle-switch-checked-thumb--box-shadow: var(--toggle-switch-checked-hover-thumb--box-shadow)
}

.motif-toggle-switch input:checked+.motif-toggle-switch-slider:before:focus {
    --toggle-switch-checked-thumb--bg-color: var(--toggle-switch-checked-focus-thumb--bg-color);
    --toggle-switch-checked-thumb--border-color: var(--toggle-switch-checked-focus-thumb--border-color);
    --toggle-switch-checked-thumb--border-style: var(--toggle-switch-checked-focus-thumb--border-style);
    --toggle-switch-checked-thumb--border-width: var(--toggle-switch-checked-focus-thumb--border-width);
    --toggle-switch-checked-thumb--box-shadow: var(--toggle-switch-checked-focus-thumb--box-shadow)
}

.motif-toggle-switch input:checked+.motif-toggle-switch-slider:before:disabled {
    --toggle-switch-checked-thumb--bg-color: var(--toggle-switch-checked-disabled-thumb--bg-color);
    --toggle-switch-checked-thumb--border-color: var(--toggle-switch-checked-disabled-thumb--border-color);
    --toggle-switch-checked-thumb--border-style: var(--toggle-switch-checked-disabled-thumb--border-style);
    --toggle-switch-checked-thumb--border-width: var(--toggle-switch-checked-disabled-thumb--border-width);
    --toggle-switch-checked-thumb--box-shadow: var(--toggle-switch-checked-disabled-thumb--box-shadow)
}

.motif-toggle-switch input:hover+.motif-toggle-switch-slider:before {
    --toggle-switch-checked--border-width: var(--toggle-switch-checked-hover--border-width);
    --toggle-switch-checked--border-style: var(--toggle-switch-checked-hover--border-style);
    --toggle-switch-checked--border-color: var(--toggle-switch-checked-hover--border-color)
}

.motif-toggle-switch input:focus+.motif-toggle-switch-slider:before {
    --toggle-switch-checked--border-width: var(--toggle-switch-checked-focus--border-width);
    --toggle-switch-checked--border-style: var(--toggle-switch-checked-focus--border-style);
    --toggle-switch-checked--border-color: var(--toggle-switch-checked-focus--border-color)
}

.motif-toggle-switch-checked .motif-toggle-switch-slider:before {
    box-shadow: -0.1428571429rem 0rem 0.1428571429rem 0rem rgba(0, 0, 0, .1)
}

.motif-toggle-switch-checked .motif-toggle-switch-on-text {
    font-weight: var(--weight-bold)
}

.motif-toggle-switch-checked .motif-toggle-switch-off-text {
    font-weight: var(--weight-light)
}

.motif-toggle-switch-on-text {
    font-size: 0.8571428571rem;
    font-weight: var(--weight-light);
    line-height: 1.4285714286rem
}

.motif-toggle-switch-off-text {
    font-size: 0.8571428571rem;
    font-weight: var(--weight-bold);
    line-height: 1.4285714286rem;
    text-align: right
}

.motif-toggle-switch-disabled .motif-toggle-switch-on-text,
.motif-toggle-switch-disabled .motif-toggle-switch-off-text {
    color: var(--form-element-disabled--color)
}

.motif-toggle-switch-disabled .motif-toggle-switch input+.motif-toggle-switch-slider {
    cursor: not-allowed;
    background-color: var(--toggle-switch-disabled--bg-color);
    color: var(--toggle-switch-disabled--color);
    border-width: var(--toggle-switch-disabled--border-width);
    border-style: var(--toggle-switch-disabled--border-style);
    border-color: var(--toggle-switch-disabled--border-color)
}

.motif-toggle-switch-disabled .motif-toggle-switch input+.motif-toggle-switch-slider:before {
    background-color: var(--toggle-switch-disabled-thumb--bg-color);
    border-color: var(--toggle-switch-disabled-thumb--border-color);
    border-style: var(--toggle-switch-disabled-thumb--border-style);
    border-width: var(--toggle-switch-disabled-thumb--border-width);
    box-shadow: var(--toggle-switch-disabled-thumb--box-shadow)
}

.motif-toggle-switch-hidden-labels .motif-toggle-switch-off-text,
.motif-toggle-switch-hidden-labels .motif-toggle-switch-on-text {
    display: none
}

.motif-time-wrapper {
    display: flex;
    align-items: center
}

.motif-time-wrapper .motif-time-colon {
    padding: 0 5px
}

.motif-time-wrapper .motif-time-acronym {
    padding-left: 10px
}

.motif-time-wrapper .motif-time-acronym .motif-time-input-radio {
    margin: 2px 0
}

.motif-time-wrapper .motif-time-acronym .motif-time-input-radio input {
    background-color: var(--time-input-radio-btn-input--bg-color);
    border-radius: var(--time-input-radio-btn--border-radius);
    border-color: var(--time-input-radio-btn--border-color);
    border-style: var(--time-input-radio-btn--border-style);
    border-width: var(--time-input-radio-btn--border-width)
}

.motif-time-wrapper .motif-time-acronym .motif-time-input-radio label {
    color: var(--time-input-radio-btn-label--color)
}

.motif-time-wrapper .motif-time-acronym .motif-time-input-radio:hover input {
    --time-input-radio-btn-input--bg-color: var(--time-input-radio-btn-input-hover--bg-color);
    --time-input-radio-btn--border-radius: var(--time-input-radio-btn-hover--border-radius);
    --time-input-radio-btn--border-color: var(--time-input-radio-btn-hover--border-color);
    --time-input-radio-btn--border-style: var(--time-input-radio-btn-hover--border-style);
    --time-input-radio-btn--border-width: var(--time-input-radio-btn-hover--border-width);
    --time-input-radio-btn--bg-color: var(--time-input-radio-btn-hover--bg-color)
}

.motif-time-wrapper .motif-time-acronym .motif-time-input-radio:hover label {
    --time-input-radio-btn-label--color: var(--time-input-radio-btn-label-hover--color)
}

.motif-time-wrapper .motif-time-acronym .motif-time-input-radio:focus input {
    --time-input-radio-btn-input--bg-color: var(--time-input-radio-btn-input-focus--bg-color);
    --time-input-radio-btn--border-radius: var(--time-input-radio-btn-focus--border-radius);
    --time-input-radio-btn--border-color: var(--time-input-radio-btn-focus--border-color);
    --time-input-radio-btn--border-style: var(--time-input-radio-btn-focus--border-style);
    --time-input-radio-btn--border-width: var(--time-input-radio-btn-focus--border-width);
    --time-input-radio-btn--bg-color: var(--time-input-radio-btn-focus--bg-color)
}

.motif-time-wrapper .motif-time-acronym .motif-time-input-radio:focus label {
    --time-input-radio-btn-label--color: var(--time-input-radio-btn-label-focus--color)
}

.motif-time-wrapper .motif-time-acronym .motif-radio-button-group-invalid .motif-time-input-radio input {
    background-color: var(--time-input-radio-btn-input-error--bg-color);
    border-radius: var(--time-input-radio-btn-error--border-radius);
    border-color: var(--time-input-radio-btn-error--border-color);
    border-style: var(--time-input-radio-btn-error--border-style);
    border-width: var(--time-input-radio-btn-error--border-width)
}

.motif-time-wrapper .motif-time-acronym .motif-radio-button-group-invalid .motif-time-input-radio label {
    color: var(--time-input-radio-btn-label-error--color)
}

.motif-time-wrapper .motif-time-acronym .motif-radio-button-group-invalid .motif-time-input-radio:hover input {
    --time-input-radio-btn-input-error--bg-color: var(--time-input-radio-btn-input-error-hover--bg-color);
    --time-input-radio-btn-error--border-radius: var(--time-input-radio-btn-error-hover--border-radius);
    --time-input-radio-btn-error--border-color: var(--time-input-radio-btn-error-hover--border-color);
    --time-input-radio-btn-error--border-style: var(--time-input-radio-btn-error-hover--border-style);
    --time-input-radio-btn-error--border-width: var(--time-input-radio-btn-error-hover--border-width);
    --time-input-radio-btn-error--bg-color: var(--time-input-radio-btn-error-hover--bg-color)
}

.motif-time-wrapper .motif-time-acronym .motif-radio-button-group-invalid .motif-time-input-radio:hover label {
    --time-input-radio-btn-label-error--color: var(--time-input-radio-btn-label-error-hover--color)
}

.motif-time-wrapper .motif-time-acronym .motif-radio-button-group-invalid .motif-time-input-radio:focus input {
    --time-input-radio-btn-input-error--bg-color: var(--time-input-radio-btn-input-error-focus--bg-color);
    --time-input-radio-btn-error--border-radius: var(--time-input-radio-btn-error-focus--border-radius);
    --time-input-radio-btn-error--border-color: var(--time-input-radio-btn-error-focus--border-color);
    --time-input-radio-btn-error--border-style: var(--time-input-radio-btn-error-focus--border-style);
    --time-input-radio-btn-error--border-width: var(--time-input-radio-btn-error-focus--border-width);
    --time-input-radio-btn-error--bg-color: var(--time-input-radio-btn-error-focus--bg-color)
}

.motif-time-wrapper .motif-time-acronym .motif-radio-button-group-invalid .motif-time-input-radio:focus label {
    --time-input-radio-btn-label-error--color: var(--time-input-radio-btn-label-error-focus--color)
}

.motif-time-wrapper .motif-time-acronym .motif-radio-button-group-invalid .motif-time-input-radio:disabled input {
    --time-input-radio-btn-input-error--bg-color: var(--time-input-radio-btn-input-disabled--bg-color);
    --time-input-radio-btn-error--border-radius: var(--time-input-radio-btn-disabled--border-radius);
    --time-input-radio-btn-error--border-color: var(--time-input-radio-btn-disabled--border-color);
    --time-input-radio-btn-error--border-style: var(--time-input-radio-btn-disabled--border-style);
    --time-input-radio-btn-error--border-width: var(--time-input-radio-btn-disabled--border-width);
    --time-input-radio-btn-error--bg-color: var(--time-input-radio-btn-disabled--bg-color)
}

.motif-time-wrapper .motif-time-acronym .motif-radio-button-group-invalid .motif-time-input-radio:disabled label {
    --time-input-radio-btn-label-error--color: var(--time-input-radio-btn-label-disabled--color)
}

.motif-typeahead {
    position: relative
}

.motif-typeahead-list {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    max-height: 15.7142857143rem;
    overflow: auto;
    overflow-x: hidden;
    background-color: var(--typeahead-results--bg-color);
    border-width: var(--typeahead-results--border-width);
    border-style: var(--typeahead-results--border-style);
    border-radius: var(--typeahead-results--border-radius);
    border-color: var(--typeahead-results--border-color);
    box-shadow: var(--typeahead-results--box-shadow)
}

.motif-typeahead-list-item {
    display: flex;
    align-items: center;
    margin: 0;
    max-height: 3.1428571429rem;
    padding: 0.8571428571rem 0.4285714286rem;
    border-color: var(--typeahead-results-option--border-color);
    border-style: var(--typeahead-results-option--border-style);
    border-width: var(--typeahead-results-option--border-width);
    background-color: var(--typeahead-results--bg-color);
    cursor: pointer
}

.motif-typeahead-list-item-focus,
.motif-typeahead-list-item:hover {
    --typeahead-results--bg-color: var(--typeahead-results-hover--bg-color)
}

.motif-typeahead-list-item-focus {
    --typeahead-results-option--border-color: var(--typeahead-results-option-focus--border-color);
    --typeahead-results-option--border-style: var(--typeahead-results-option-focus--border-style);
    --typeahead-results-option--border-width: var(--typeahead-results-option-focus--border-width)
}

.motif-typeahead-list-item:hover {
    --typeahead-results-option--border-color: var(--typeahead-results-option-hover--border-color);
    --typeahead-results-option--border-style: var(--typeahead-results-option-hover--border-style);
    --typeahead-results-option--border-width: var(--typeahead-results-option-hover--border-width)
}

.motif-typeahead-list-item-disabled {
    background-color: var(--disabled);
    --typeahead-results-option--border-color: var(--typeahead-results-option-disabled--border-color);
    --typeahead-results-option--border-style: var(--typeahead-results-option-disabled--border-style);
    --typeahead-results-option--border-width: var(--typeahead-results-option-disabled--border-width);
    cursor: not-allowed
}

.motif-typeahead-close-button {
    position: absolute;
    right: 0.8571428571rem;
    top: 0.8571428571rem;
    height: 1.7142857143rem;
    width: 1.7142857143rem
}

.motif-typeahead-close-button svg {
    color: var(--input-icon-color)
}

.motif-typeahead-screen-reader {
    position: absolute;
    top: 0.8571428571rem;
    right: 1.7142857143rem;
    z-index: -100
}

.motif-typeahead-open .motif-typeahead-list {
    display: block
}

.motif-people-template {
    display: flex;
    align-items: center
}

.motif-people-template .motif-people-details {
    display: flex;
    flex-direction: column;
    margin-left: 4px;
    color: var(--template-message-color);
    line-height: normal
}

.motif-people-template .motif-people-details .motif-people-status {
    font-size: 0.7142857143rem
}

.motif-people-template-disabled .motif-people-details {
    color: var(--form-element-disabled--color)
}

.motif-people-template-disabled .motif-avatar {
    opacity: .5
}

.motif-small-input-item {
    text-align: center;
    color: var(--pin-entry--color);
    background-color: var(--pin-entry--bg-color);
    border-color: var(--pin-entry--border-color);
    border-style: var(--pin-entry--border-style);
    border-width: var(--pin-entry--border-width);
    border-radius: var(--pin-entry--border-radius);
    box-shadow: var(--pin-entry--box-shadow);
    width: 3.1428571429rem;
    height: 3.1428571429rem;
    margin: 0 0.1785714286rem;
    font-size: 1rem;
    line-height: 1.1428571429rem
}

.motif-small-input-item:hover:not(:disabled) {
    --pin-entry--color: var(--pin-entry-hover--color);
    --pin-entry--bg-color: var(--pin-entry-hover--bg-color);
    --pin-entry--border-color: var(--pin-entry-hover--border-color);
    --pin-entry--border-style: var(--pin-entry-hover--border-style);
    --pin-entry--border-width: var(--pin-entry-hover--border-width);
    --pin-entry--box-shadow: var(--pin-entry-hover--box-shadow);
    margin-bottom: -1px;
    outline: none
}

.motif-small-input-item:focus:not(:disabled) {
    --pin-entry--color: var(--pin-entry-focus--color);
    --pin-entry--bg-color: var(--pin-entry-focus--bg-color);
    --pin-entry--border-color: var(--pin-entry-focus--border-color);
    --pin-entry--border-style: var(--pin-entry-focus--border-style);
    --pin-entry--border-width: var(--pin-entry-focus--border-width);
    --pin-entry--box-shadow: var(--pin-entry-focus--box-shadow);
    margin-bottom: -1px;
    outline: none
}

.motif-small-input-item:disabled {
    --pin-entry--color: var(--pin-entry-disabled--color);
    --pin-entry--bg-color: var(--pin-entry-disabled--bg-color);
    --pin-entry--border-color: var(--pin-entry-disabled--border-color);
    --pin-entry--border-style: var(--pin-entry-disabled--border-style);
    --pin-entry--border-width: var(--pin-entry-disabled--border-width);
    --pin-entry--box-shadow: var(--pin-entry-disabled--box-shadow);
    cursor: not-allowed
}

.motif-small-input-item-invalid {
    --pin-entry--color: var(--pin-entry-error--color);
    --pin-entry--bg-color: var(--pin-entry-error--bg-color);
    --pin-entry--border-color: var(--pin-entry-error--border-color);
    --pin-entry--border-style: var(--pin-entry-error--border-style);
    --pin-entry--border-width: var(--pin-entry-error--border-width);
    --pin-entry--box-shadow: var(--pin-entry-error--box-shadow)
}

.motif-small-input-item-invalid:hover:not(:disabled) {
    --pin-entry--color: var(--pin-entry-error-hover--color);
    --pin-entry--bg-color: var(--pin-entry-error-hover--bg-color);
    --pin-entry--border-color: var(--pin-entry-error-hover--border-color);
    --pin-entry--border-style: var(--pin-entry-error-hover--border-style);
    --pin-entry--border-width: var(--pin-entry-error-hover--border-width);
    --pin-entry--box-shadow: var(--pin-entry-error-hover--box-shadow)
}

.motif-small-input-item-invalid:focus:not(:disabled) {
    --pin-entry--color: var(--pin-entry-error-focus--color);
    --pin-entry--bg-color: var(--pin-entry-error-focus--bg-color);
    --pin-entry--border-color: var(--pin-entry-error-focus--border-color);
    --pin-entry--border-style: var(--pin-entry-error-focus--border-style);
    --pin-entry--border-width: var(--pin-entry-error-focus--border-width);
    --pin-entry--box-shadow: var(--pin-entry-error-focus--box-shadow)
}

.motif-pin-entry {
    display: inline-flex
}

.motif-pin-entry :first-child {
    margin-left: 0
}

.motif-pin-entry .motif-pin-entry-clear-button-wrapper {
    display: flex;
    align-items: center;
    margin-left: 0.2857142857rem
}

.motif-pin-entry .motif-pin-entry-clear-button {
    border: none;
    padding: 0;
    height: 1.4285714286rem;
    width: 1.4285714286rem;
    transition: transform .25s ease-in-out;
    fill: var(--pin-entry-clear-icon-color);
    background-color: var(--pin-entry-clear-icon--bg-color);
    border-color: var(--pin-entry-clear-icon--border-color);
    border-style: var(--pin-entry-clear-icon--border-style);
    border-width: var(--pin-entry-clear-icon--border-width);
    border-radius: var(--pin-entry-clear-icon--border-radius);
    box-shadow: var(--pin-entry-clear-icon--box-shadow)
}

.motif-pin-entry .motif-pin-entry-clear-button svg {
    width: 1.7142857143rem;
    height: 1.7142857143rem
}

.motif-pin-entry .motif-pin-entry-clear-button:hover:not(:disabled) {
    --pin-entry-clear-icon--bg-color: var(--pin-entry-clear-icon-hover--bg-color);
    --pin-entry-clear-icon-color: var(--pin-entry-clear-icon-hover-icon-color);
    --pin-entry-clear-icon--border-color: var(--pin-entry-clear-icon-hover--border-color);
    --pin-entry-clear-icon--border-style: var(--pin-entry-clear-icon-hover--border-style);
    --pin-entry-clear-icon--border-width: var(--pin-entry-clear-icon-hover--border-width);
    --pin-entry-clear-icon--border-radius: var(--pin-entry-clear-icon-hover--border-radius);
    --pin-entry-clear-icon--box-shadow: var(--pin-entry-clear-icon-hover--box-shadow)
}

.motif-pin-entry .motif-pin-entry-clear-button:focus:not(:disabled) {
    --pin-entry-clear-icon--bg-color: var(--pin-entry-clear-icon-focus--bg-color);
    --pin-entry-clear-icon-color: var(--pin-entry-clear-icon-focus-icon-color);
    --pin-entry-clear-icon--border-color: var(--pin-entry-clear-icon-focus--border-color);
    --pin-entry-clear-icon--border-style: var(--pin-entry-clear-icon-focus--border-style);
    --pin-entry-clear-icon--border-width: var(--pin-entry-clear-icon-focus--border-width);
    --pin-entry-clear-icon--border-radius: var(--pin-entry-clear-icon-focus--border-radius);
    --pin-entry-clear-icon--box-shadow: var(--pin-entry-clear-icon-focus--box-shadow)
}

.motif-pin-entry .motif-pin-entry-clear-button:disabled svg {
    fill: var(--disabled)
}

.motif-header-logo {
    position: relative;
    display: inline-block;
    padding-right: 0.5rem;
    z-index: 1
}

.motif-header-logo a {
    display: inline-block;
    height: 2.5rem;
    width: 2.4285714286rem
}

.motif-header-logo a svg {
    width: 100%;
    height: 100%
}

.motif-header {
    display: flex;
    background: var(--header--bg-color);
    color: #fff;
    padding: 0 0 0 1.2142857143rem;
    z-index: 100;
    min-height: 4rem
}

.motif-header .motif-header-company-container {
    height: 4rem;
    padding-left: 1rem;
    align-items: flex-end;
    display: flex;
    padding-bottom: 0.2142857143rem;
    flex-grow: 1
}

.motif-header.motif-header-fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.motif-header-icons-placeholder {
    display: flex;
    margin-left: 0.4285714286rem
}

.motif-header-icons-placeholder .motif-icon {
    display: block
}

.motif-header-icons-placeholder .motif-icon-button {
    margin-right: 0.4285714286rem;
    display: flex;
    align-items: center;
    width: 4rem;
    justify-content: center
}

.motif-header-icons-placeholder .motif-icon-button .motif-icon svg path {
    fill: var(--header-icon-color)
}

.motif-header-icons-placeholder .motif-icon-button:active {
    background-color: var(--header-icon-selected--bg-color);
    border-bottom-color: var(--header-icon-selected--border-color);
    border-bottom-style: var(--header-icon-selected--border-style);
    border-bottom-width: var(--header-icon-selected--border-width);
    fill: var(--header-icon-selected-icon-color)
}

.motif-header-icons-placeholder .motif-icon-button:focus .motif-icon svg,
.motif-header-icons-placeholder .motif-icon-button:hover .motif-icon svg {
    background-color: rgba(0, 0, 0, 0);
    color: var(--header-icon-color);
    border-radius: 0
}

.motif-header-icons-placeholder svg {
    color: var(--header-icon-color)
}

.motif-header .motif-menu .motif-menu-header .motif-icon-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    width: 4rem;
    float: left
}

.motif-header .motif-menu .motif-menu-header svg path {
    fill: var(--header-icon-color)
}

.motif-header .motif-menu-header {
    min-height: auto
}

.motif-header .motif-menu-header .motif-icon-button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--header-icon-color);
    margin-left: auto;
    height: 4rem;
    width: 4rem
}

.motif-header .motif-menu-header .motif-icon-button:focus svg,
.motif-header .motif-menu-header .motif-icon-button:hover svg {
    color: var(--header-icon-color)
}

.motif-header .motif-menu-header .motif-icon-button .motif-icon svg {
    width: 2.5714285714rem;
    height: 2.5714285714rem
}

.motif-header .motif-menu-header button svg {
    margin-top: 1px;
    width: 2.5714285714rem;
    height: 2.5714285714rem
}

.motif-header .motif-header-row {
    flex-basis: 100%
}

.motif-header .motif-header-end-xs {
    display: flex
}

.motif-header .motif-header-app-name {
    font-weight: var(--weight-light);
    color: var(--header-title--color);
    font-size: var(--h4--font-size);
    line-height: 1.7142857143rem;
    height: 1.7142857143rem;
    margin-bottom: 0.0714285714rem
}

.motif-header .motif-header-menu-open .motif-header-menu-open-button {
    opacity: 0;
    visibility: hidden;
    transition: 100ms all var(--ease-in-out-expo)
}

.motif-header .motif-search-input-wrapper {
    width: 100%
}

.motif-header .motif-search-input-wrapper .motif-input-component {
    height: 100%
}

.motif-header .motif-search-input-wrapper .motif-input-component .motif-input {
    height: 4rem;
    background: var(--header-search--bg-color);
    color: var(--header-search--color);
    border-bottom-color: var(--header-input-wrap--border-color);
    border-bottom-width: var(--header-input-wrap--border-width);
    border-bottom-style: var(--header-input-wrap--border-style);
    margin: 0
}

.motif-header .motif-search-input-wrapper .motif-input-component .motif-input::placeholder {
    color: var(--header-search-placeholder--color)
}

.motif-header .motif-search-input-wrapper .motif-input-component .motif-input:hover {
    --header-search--color: var(--header-search-hover--color);
    --header-search--bg-color: var(--header-search-hover--bg-color);
    --header-input-wrap--border-color: var(--header-input-wrap-hover--border-color);
    --header-input-wrap--border-width: var(--header-input-wrap-hover--border-width);
    --header-input-wrap--border-style: var(--header-input-wrap-hover--border-style)
}

.motif-header .motif-search-input-wrapper .motif-input-component .motif-input:focus {
    --header-search--color: var(--header-search-focus--color);
    --header-search--bg-color: var(--header-search-focus--bg-color);
    --header-input-wrap--border-color: var(--header-input-wrap-focus--border-color);
    --header-input-wrap--border-width: var(--header-input-wrap-focus--border-width);
    --header-input-wrap--border-style: var(--header-input-wrap-focus--border-style)
}

.motif-header .motif-search-input-wrapper .motif-input-component .motif-option {
    color: var(--body--color)
}

.motif-header .motif-search-input-wrapper svg {
    color: #fff;
    fill: #fff
}

.motif-header .motif-search-input-wrapper .motif-search-input-icon-button {
    top: 50%
}

.motif-header .motif-search-input-wrapper .motif-search-input-icon-button svg path {
    fill: var(--header-search--color)
}

.motif-header .motif-header-search-content-wrapper {
    align-items: stretch;
    justify-content: flex-end;
    display: flex;
    height: 4rem
}

.motif-header .motif-header-search {
    flex-grow: 1;
    z-index: 1;
    height: 4rem
}

.motif-header.motif-header-search-open .motif-header-close-icon {
    display: block
}

.motif-header.motif-header-search-open .motif-header-search-icon {
    display: none
}

.motif-header .motif-header-search-button {
    padding-left: 1.1428571429rem;
    padding-right: 1.1428571429rem;
    position: relative;
    display: flex;
    flex-grow: 1;
    align-items: center
}

.motif-header .motif-header-search-button svg {
    color: #fff
}

.motif-header .motif-header-search-button:after {
    content: "";
    position: absolute;
    right: -0.1428571429rem;
    width: 0.1428571429rem;
    height: 2.2857142857rem;
    background: var(--header-divider)
}

.motif-header .motif-header-search-button .motif-header-search-icon svg path {
    fill: var(--header-search-icon-color)
}

.motif-header .motif-header-search-button .motif-header-search-icon svg path:hover {
    --header-search-icon-color: var(--header-search-icon-hover-color)
}

.motif-header .motif-header-search-button .motif-header-search-icon svg path:focus {
    --header-search-icon-color: var(--header-search-icon-focus-color)
}

.motif-header .motif-header-search-content,
.motif-header .motif-header-search-input,
.motif-header .motif-header-close-icon,
.motif-header .motif-header-search-content-desktop {
    display: none
}

.motif-header .motif-header-search-content-mobile {
    height: 0;
    transition: all var(--ease-in-out);
    position: absolute;
    top: 3.5714285714rem;
    left: 0;
    right: 0;
    overflow: visible
}

.motif-header .motif-header-search-field {
    position: relative;
    width: 100%;
    align-items: stretch;
    display: flex;
    flex: 1;
    background-color: var(--header-btn--bg-color)
}

.motif-header .motif-header-search-field button {
    position: absolute;
    right: 0.9285714286rem;
    top: 50%;
    transform: translateY(-50%);
    border-color: var(--header-btn--border-color);
    border-width: var(--header-btn--border-width);
    border-style: var(--header-btn--border-style);
    border-radius: var(--header-btn--border-radius);
    box-shadow: var(--header-btn--box-shadow);
    color: #fff
}

.motif-header .motif-header-search-field button:hover {
    --header-btn--box-shadow: var(--header-btn-hover--box-shadow);
    --header-btn--border-color: var(--header-btn-hover--border-color);
    --header-btn--border-style: var(--header-btn-hover--border-style);
    --header-btn--border-width: var(--header-btn-hover--border-width);
    --header-btn--bg-color: var(--header-btn-hover--bg-color)
}

.motif-header .motif-header-search-field button:focus {
    --header-btn--border-color: var(--header-btn-focus--border-color);
    --header-btn--border-style: var(--header-btn-focus--border-style);
    --header-btn--border-width: var(--header-btn-focus--border-width);
    --header-btn--bg-color: var(--header-btn-focus--bg-color);
    box-shadow: var(--header-btn-focus--box-shadow)
}

.motif-header .motif-header-search-field button svg {
    display: block
}

.motif-header .motif-header-search-field svg {
    display: none
}

.motif-header .motif-header-search-field input {
    background-color: var(--header-search--bg-color);
    border: none;
    color: #fff;
    padding: 0 4rem 0 0.9285714286rem
}

.motif-header .motif-header-menu-open-button {
    height: 4rem;
    margin: 0;
    display: flex;
    opacity: 1;
    visibility: visible;
    transition: 100ms all var(--ease-in-out-expo)
}

.motif-header .motif-header-menu-open-button .motif-icon {
    display: block
}

.motif-header .motif-header-menu-open-button .motif-icon svg {
    color: var(--header-icon-color);
    padding: 0;
    width: 2.5714285714rem;
    height: 2.5714285714rem
}

.motif-header .motif-header-menu-open-button .motif-icon-button {
    width: 4rem;
    height: 4rem;
    justify-content: center;
    display: flex;
    align-items: center
}

.motif-header .motif-header-menu-open-button .motif-icon-button svg {
    margin: 0
}

.motif-header .motif-header-menu-open-button .motif-icon-button .motif-icon svg path {
    fill: var(--header-icon-color)
}

.motif-header .motif-header-menu-open-button .motif-icon-button:hover {
    --header-icon-color: var(--header-icon-hover-icon-color);
    background-color: var(--header-btn-hover--bg-color)
}

.motif-header .motif-header-menu-open-button .motif-icon-button:hover svg {
    background-color: rgba(0, 0, 0, 0)
}

.motif-header .motif-header-menu-open-button .motif-icon-button:focus {
    --header-icon-color: var(--header-icon-focus-icon-color)
}

.motif-header .motif-header-menu-open-button .motif-icon-button:focus svg {
    background-color: rgba(0, 0, 0, 0)
}

.motif-header .motif-header-vertical-navigation-open-button {
    height: 4rem;
    margin: 0 -0.8571428571rem 0 -0.4285714286rem;
    display: flex;
    opacity: 1;
    visibility: visible;
    transition: 100ms all var(--ease-in-out-expo)
}

.motif-header .motif-header-vertical-navigation-open-button .motif-icon {
    display: block;
    margin: 0 0 0.2142857143rem 0.0714285714rem
}

.motif-header .motif-header-vertical-navigation-open-button .motif-icon svg {
    color: var(--vertical-navigation-submenu-item-link-active--color);
    padding: 0;
    width: 1.7142857143rem;
    height: 1.7142857143rem
}

.motif-header .motif-header-vertical-navigation-open-button .motif-icon-button {
    width: 3.714rem;
    height: 4rem;
    justify-content: center;
    display: flex;
    align-items: flex-end
}

.motif-header .motif-header-vertical-navigation-open-button .motif-icon-button svg {
    margin: 0
}

.motif-header .motif-header-vertical-navigation-open-button .motif-icon-button:hover {
    background-color: rgba(0, 0, 0, 0)
}

.motif-header .motif-header-vertical-navigation-open-button .motif-icon-button:hover svg {
    background-color: rgba(0, 0, 0, 0)
}

.motif-header .motif-header-vertical-navigation-open-button .motif-icon-button:focus {
    background-color: rgba(0, 0, 0, 0);
    outline: 0.1428571429rem solid #155cb4;
    outline-offset: -0.1428571429rem
}

.motif-header .motif-header-vertical-navigation-open-button .motif-icon-button:focus svg {
    background-color: rgba(0, 0, 0, 0)
}

.motif-header .motif-header-vertical-navigation-open-button .motif-icon-button .motif-icon svg path {
    fill: var(--header-icon-color)
}

@media screen and (min-width: 48em) {
    .motif-header .motif-header-search-content-mobile {
        display: none
    }

    .motif-header .motif-header-search-content-desktop {
        display: flex
    }

    .motif-header .motif-header-search-input {
        display: flex;
        width: 100%
    }

    .motif-header .motif-header {
        padding-left: 0.8571428571rem;
        padding-right: 1.2857142857rem
    }

    .motif-header .motif-header-search {
        width: 31.8571428571rem
    }

    .motif-header .motif-header-search svg {
        top: 1.2142857143rem
    }

    .motif-header .motif-header-search-content {
        display: flex;
        position: relative;
        top: 0;
        overflow: visible;
        flex: 1;
        min-height: 100%
    }

    .motif-header .motif-header-search-button {
        display: none
    }
}

@media screen and (min-width: 64em) {
    .motif-header-col {
        padding-right: 12px;
        padding-left: 12px
    }

    .motif-header-col-lg {
        padding-right: 12px;
        padding-left: 12px
    }
}

@media screen and (min-width: 36em) {
    .motif-header-col {
        padding-right: 8px;
        padding-left: 8px
    }
}

@media screen and (min-width: 0) {
    .motif-header-row {
        margin-right: -12px;
        margin-left: -12px
    }

    .motif-header-between-xs {
        justify-content: space-between
    }

    .motif-header-col {
        padding-right: 8px;
        padding-left: 8px
    }

    .motif-header-middle-xs {
        align-items: center;
        display: flex
    }

    .motif-header-end-xs {
        justify-content: flex-end;
        text-align: right
    }
}

.motif-icon {
    color: var(--icon-color);
    background-color: var(--icon--bg-color)
}

.motif-icon svg {
    height: 1.7142857143rem;
    width: 1.7142857143rem;
    fill: currentcolor
}

.motif-inline-message {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: var(--inline-message--bg-color);
    border-color: var(--inline-message--border-color);
    border-style: var(--inline-message--border-style);
    border-width: var(--inline-message--border-width);
    border-radius: var(--inline-message--border-radius);
    box-shadow: var(--inline-message--box-shadow)
}

.motif-inline-message svg {
    position: relative;
    width: 1.5714285714rem;
    height: 1.5714285714rem;
    min-width: 1.5714285714rem;
    margin-right: 8px;
    fill: var(--inline-icon-color);
    --inline-icon-color: var(--inline-info-icon-color)
}

.motif-inline-message-content {
    display: flex;
    align-items: flex-start;
    font-size: 1rem;
    line-height: 1.5714285714rem;
    font-weight: var(--weight-light)
}

.motif-inline-message-success svg {
    fill: var(--inline-success-icon-color)
}

.motif-inline-message-error svg {
    fill: var(--inline-error-icon-color)
}

.motif-inline-message-warning svg {
    fill: var(--inline-warning-icon-color)
}

.motif-text-link {
    color: var(--text-link--color);
    display: inline-flex;
    font-size: var(--btn-text-disabled--color);
    line-height: 1.2;
    background: rgba(0, 0, 0, 0);
    font-weight: var(--weight-bold);
    outline: none;
    position: relative;
    text-decoration: none;
    align-items: center;
    border: none;
    padding: 0
}

.motif-text-link .motif-icon {
    height: 1rem;
    color: currentcolor
}

.motif-text-link .motif-icon svg {
    position: relative;
    height: 1rem;
    width: 1rem;
    min-width: 1rem;
    margin-right: 0.2857142857rem
}

.motif-text-link path {
    fill: currentcolor
}

.motif-text-link:hover {
    cursor: pointer;
    border-bottom: 1px solid var(--text-link-hover--color);
    --text-link--color: var(--text-link-hover--color)
}

.motif-text-link:focus {
    box-shadow: var(--focus-border);
    border-bottom: 1px solid var(--text-link-focus--color);
    --text-link--color: var(--text-link-focus--color)
}

.motif-text-link:visited {
    --text-link--color: var(--text-link-visited--color)
}

.motif-text-link.motif-text-link-disabled {
    --text-link--color: var(--text-link-disabled--color)
}

.motif-text-link.motif-text-link-disabled:focus,
.motif-text-link.motif-text-link-disabled:hover {
    --text-link--color: var(--text-link-disabled--color);
    text-decoration: none;
    border-bottom: none;
    cursor: not-allowed
}

.motif-text-link.motif-active {
    font-weight: var(--weight-bold);
    border-bottom: 2px solid currentcolor;
    --text-link--color: var(--text-link-active--color)
}

.motif-text-link-alt {
    color: var(--text-link-alt--color)
}

.motif-text-link-alt:hover {
    cursor: pointer;
    border-bottom: 1px solid var(--text-link-alt-hover--color);
    --text-link-alt--color: var(--text-link-alt-hover--color)
}

.motif-text-link-alt:focus {
    box-shadow: var(--focus-border);
    border-bottom: 1px solid var(--text-link-alt-focus--color);
    --text-link-alt--color: var(--text-link-alt-focus--color)
}

.motif-text-link-alt:visited {
    --text-link-alt--color: var(--text-link-alt-visited--color)
}

.motif-text-link-alt.motif-text-link-disabled {
    --text-link-alt--color: var(--text-link-alt-disabled--color)
}

.motif-text-link-alt.motif-active {
    --text-link-alt--color: var(--text-link-alt-active--color)
}

.motif-progress-loader-container {
    position: absolute;
    left: 0;
    top: 0;
    align-items: center;
    background-color: var(--progress-loader--bg-color);
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
    border-color: var(--progress-loader--border-color);
    border-style: var(--progress-loader--border-style);
    border-width: var(--progress-loader--border-width);
    box-shadow: var(--progress-loader--box-shadow)
}

.motif-progress-loader-content {
    display: flex;
    height: 1.1428571429rem;
    width: 5.7142857143rem
}

.motif-progress-loader-fullscreen {
    height: 100vh;
    position: fixed;
    width: 100vw;
    z-index: 999;
    margin-top: 3rem
}

.motif-progress-loader-fullscreen .motif-progress-loader-content {
    top: 50%
}

.motif-progress-loader-square {
    background-color: var(--progress-loader-square--bg-color);
    border-color: var(--progress-loader-square--border-color);
    border-style: var(--progress-loader-square--border-style);
    border-width: var(--progress-loader-square--border-width);
    box-shadow: var(--progress-loader-square--box-shadow);
    height: 1.1428571429rem;
    opacity: 0;
    margin-right: 1.1428571429rem;
    width: 1.1428571429rem
}

.motif-progress-loader-square:last-of-type {
    margin-right: 0
}

.motif-progress-loader-square:nth-child(1) {
    animation: loader-animation 2s var(--ease-in-out-expo);
    animation-delay: .8s;
    animation-iteration-count: infinite
}

.motif-progress-loader-square:nth-child(2) {
    animation: loader-animation 2s var(--ease-in-out-expo);
    animation-delay: .6s;
    animation-iteration-count: infinite
}

.motif-progress-loader-square:nth-child(3) {
    animation: loader-animation 2s var(--ease-in-out-expo);
    animation-delay: .4s;
    animation-iteration-count: infinite
}

@keyframes loader-animation {
    0% {
        opacity: 0;
        transform: translateX(-40px)
    }

    33% {
        opacity: 1;
        transform: translateX(0)
    }

    67% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(40px)
    }
}

.motif-menu-list-item {
    position: relative;
    text-align: left;
    height: 3.2142857143rem;
    margin-bottom: 0;
    font-size: 1.1428571429rem;
    font-weight: var(--weight-light);
    background-color: var(--menu-item--bg-color)
}

.motif-menu-list-item a,
.motif-menu-list-item button {
    color: var(--menu-item--color);
    text-decoration: none;
    font-size: 1.1428571429rem;
    font-weight: var(--weight-light);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    border: none;
    margin: 0;
    background: var(--menu-item--bg-color);
    padding-left: 1.7142857143rem
}

.motif-menu-list-item a:hover,
.motif-menu-list-item button:hover {
    --menu-item--color: var(--menu-item-hover--color);
    --menu-item--bg-color: var(--menu-item-hover--bg-color);
    font-weight: var(--weight-regular)
}

.motif-menu-list-item a:focus,
.motif-menu-list-item button:focus {
    --menu-item--color: var(--menu-item-focus--color);
    --menu-item--bg-color: var(--menu-item-focus--bg-color);
    font-weight: var(--weight-regular)
}

.motif-menu-list-item.motif-menu-list-item-active {
    background: var(--menu-item-active--bg-color)
}

.motif-menu-list-item.motif-menu-list-item-active a {
    font-weight: var(--weight-bold)
}

.motif-menu-alt .motif-menu-list-item.motif-menu-list-item-active {
    background: var(--menu-alt-item-active--bg-color)
}

.motif-menu-list-item.motif-menu-list-item-active:before {
    content: "";
    transition: all var(--ease-in-out-fast);
    display: block;
    height: 100%;
    width: 0.3571428571rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 101;
    background: var(--branding)
}

.motif-menu-alt .motif-menu-list-item {
    background-color: var(--menu-alt-item--bg-color)
}

.motif-menu-alt .motif-menu-list-item a,
.motif-menu-alt .motif-menu-list-item button {
    color: var(--menu-alt-item--color);
    background-color: var(--menu-alt-item--bg-color)
}

.motif-menu-alt .motif-menu-list-item a:hover,
.motif-menu-alt .motif-menu-list-item button:hover {
    --menu-alt-item--color: var(--menu-alt-item-hover--color);
    --menu-alt-item--bg-color: var(--menu-alt-item-hover--bg-color)
}

.motif-menu-alt .motif-menu-list-item a:focus,
.motif-menu-alt .motif-menu-list-item button:focus {
    --menu-alt-item--color: var(--menu-alt-item-focus--color);
    --menu-alt-item--bg-color: var(--menu-alt-item-focus--bg-color)
}

.motif-menu-item-group {
    position: relative;
    text-align: left;
    margin-bottom: 0;
    font-size: 1.1428571429rem;
    font-weight: var(--weight-light);
    background: var(--menu-group-item-container--bg-color)
}

.motif-menu-item-group.motif-menu-item-group-open .motif-menu-list a,
.motif-menu-item-group.motif-menu-item-group-open .motif-menu-list button {
    background-color: var(--menu-group-item-expanded--bg-color)
}

.motif-menu-item-group .motif-menu-item-group-button {
    height: 3.2142857143rem;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    background: var(--menu-group-item--bg-color);
    border: none;
    color: var(--menu-group-item--color);
    font-size: 1.1428571429rem
}

.motif-menu-item-group .motif-menu-item-group-button:hover {
    --menu-group-item--bg-color: var(--menu-group-item-hover--bg-color);
    --menu-group-item--color: var(--menu-group-item-hover--color);
    font-weight: var(--weight-bold)
}

.motif-menu-item-group .motif-menu-item-group-button:focus {
    --menu-group-item--bg-color: var(--menu-group-item-active--bg-color);
    --menu-group-item--color: var(--menu-group-item-active--color)
}

.motif-menu-item-group .motif-menu-item-group-button .motif-menu-item-group-name {
    padding-left: 1.7142857143rem;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    font-family: var(--primary-font);
    font-weight: var(--weight-light)
}

.motif-menu-item-group .motif-menu-item-group-button .motif-menu-item-group-arrow {
    fill: var(--menu-group-item--color);
    transform: rotate(0deg);
    position: absolute;
    right: 0;
    height: 3.2142857143rem;
    width: 3.2142857143rem;
    padding: 0.7142857143rem
}

.motif-menu-item-group .motif-menu-item-group-button .motif-menu-item-group-arrow.motif-menu-item-group-arrow-open {
    transform: rotate(180deg)
}

.motif-menu-item-group .motif-menu-list {
    padding: 0;
    background-color: var(--menu-group-item-expanded--bg-color)
}

.motif-menu-alt .motif-menu-item-group {
    background: var(--menu-alt-group-item-container--bg-color)
}

.motif-menu-alt .motif-menu-item-group.motif-menu-item-group-open .motif-menu-list a,
.motif-menu-alt .motif-menu-item-group.motif-menu-item-group-open .motif-menu-list button {
    background-color: var(--menu-alt-group-item-expanded--bg-color)
}

.motif-menu-alt .motif-menu-item-group .motif-menu-item-group-button {
    color: var(--menu-alt-group-item--color);
    background: var(--menu-alt-group-item--bg-color)
}

.motif-menu-alt .motif-menu-item-group .motif-menu-item-group-button:hover {
    --menu-alt-group-item--color: var(--menu-alt-group-item-hover--color);
    --menu-alt-group-item--bg-color: var(--menu-alt-group-item-hover--bg-color)
}

.motif-menu-alt .motif-menu-item-group .motif-menu-item-group-button:focus {
    --menu-alt-group-item--color: var(--menu-alt-group-item-active--color);
    --menu-alt-group-item--bg-color: var(--menu-alt-group-item-active--bg-color)
}

.motif-menu-alt .motif-menu-item-group .motif-menu-list {
    background-color: var(--menu-alt-group-item-expanded--bg-color)
}

.motif-menu-alt .motif-menu-item-group .motif-menu-item-group-arrow {
    fill: var(--menu-alt-group-item--color)
}

.motif-menu-overlay {
    position: fixed;
    pointer-events: none
}

.motif-menu-overlay.motif-menu-overlay-open {
    display: flex;
    justify-content: center;
    align-items: center;
    inset: 0;
    padding: var(--menu-overlay-open--padding);
    background: var(--menu-overlay-open--bg-color);
    z-index: 1000
}

.motif-menu-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
    height: 100%;
    overflow: hidden
}

.motif-menu {
    overflow: auto;
    pointer-events: auto;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: var(--menu--bg-color);
    border: var(--menu--border);
    border-color: var(--menu--border-color);
    border-style: var(--menu--border-style);
    border-width: var(--menu--border-width);
    transform: translateX(100%);
    transition: transform var(--ease-in-out)
}

.motif-menu.motif-menu-alt {
    background: var(--menu-alt--bg-color)
}

.motif-menu.motif-menu-alt .motif-icon-button svg {
    color: var(--menu-alt-header-close-btn-icon-color)
}

.motif-menu .motif-icon-button {
    z-index: 100;
    padding: 0
}

.motif-menu .motif-icon-button:focus svg,
.motif-menu .motif-icon-button:hover svg {
    background: none
}

.motif-menu .motif-icon-button svg {
    color: var(--menu-btn-icon--color);
    width: 2.5714285714rem;
    height: 2.5714285714rem
}

.motif-menu.motif-menu-open {
    transform: translateX(0);
    box-shadow: 1px 0px 11px 8px var(--menu--box-shadow)
}

.motif-menu.motif-menu-open-from-left {
    left: 0;
    transform: translateX(-101%)
}

.motif-menu.motif-menu-open-from-left .motif-menu-nav {
    left: 0;
    right: auto;
    z-index: 1000
}

.motif-menu.motif-menu-open-from-left.motif-menu-open {
    transform: translateX(0)
}

.motif-menu-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: var(--menu-header-title--color);
    min-height: 4.2857142857rem;
    align-items: center;
    border-style: var(--menu-header-title--border-style);
    border-width: var(--menu-header-title--border-width);
    border-color: var(--menu-header-title--border-color)
}

.motif-menu-header .motif-icon-button {
    height: 4.2857142857rem;
    width: 4.2857142857rem
}

.motif-menu-header .motif-icon-button svg path {
    fill: var(--menu-header-close-btn-icon-color)
}

.motif-menu-header .motif-icon-button:hover {
    background-color: var(--menu-header-close-btn-hover--bg-color)
}

.motif-menu-header .motif-icon-button:hover svg path {
    --menu-header-close-btn-icon-color: var(--menu-header-close-btn-icon-hover-icon-color)
}

.motif-menu-header .motif-icon-button:focus {
    background-color: var(--menu-header-close-btn-focus--bg-color)
}

.motif-menu-header .motif-icon-button:focus svg path {
    --menu-header-close-btn-icon-color: var(--menu-header-close-btn-icon-focus-icon-color)
}

.motif-menu-alt .motif-menu-header {
    color: var(--menu-alt-header-title--color);
    border-bottom: var(--menu-alt-header-border-bottom)
}

.motif-menu-alt .motif-menu-header .motif-icon-button {
    height: 4.2857142857rem;
    width: 4.2857142857rem
}

.motif-menu-alt .motif-menu-header .motif-icon-button svg path {
    fill: var(--menu-alt-header-close-btn-icon-color)
}

.motif-menu-alt .motif-menu-header .motif-icon-button:hover {
    background-color: var(--menu-alt-header-close-btn-hover--bg-color)
}

.motif-menu-alt .motif-menu-header .motif-icon-button:hover path {
    --menu-alt-header-close-btn-icon-color: var(--menu-alt-header-close-btn-icon-hover-icon-color)
}

.motif-menu-alt .motif-menu-header .motif-icon-button:focus {
    background-color: var(--menu-alt-header-close-btn-focus--bg-color)
}

.motif-menu-alt .motif-menu-header .motif-icon-button:focus path {
    --menu-alt-header-close-btn-icon-color: var(--menu-alt-header-close-btn-icon-focus-icon-color)
}

.motif-menu-header-title {
    padding: 1rem 0.8571428571rem 1rem 1.4285714286rem;
    margin: 0
}

@media screen and (min-width: 36em) {
    .motif-menu {
        border-top: none;
        max-width: 25.7142857143rem
    }
}

.motif-modal-body {
    padding: 20px;
    display: block;
    overflow: auto;
    flex: 1
}

.motif-modal-footer {
    display: flex;
    flex-direction: column;
    padding: 1.4285714286rem;
    border-style: var(--modal-footer--border-style);
    border-width: var(--modal-footer--border-width);
    border-color: var(--modal-footer--border-color);
    background-color: var(--modal-footer--bg-color)
}

.motif-modal-footer button {
    margin-top: 0;
    margin-bottom: 0
}

.motif-modal-footer button+button {
    margin-top: 0.7142857143rem
}

@media screen and (min-width: 48em) {
    .motif-modal-footer {
        flex-direction: row
    }

    .motif-modal-footer button+button {
        margin-left: 1.1428571429rem;
        margin-top: 0
    }
}

.motif-modal-header {
    color: var(--modal-header--color);
    background: var(--modal-header--bg-color);
    display: flex;
    min-height: 4.2857142857rem;
    justify-content: space-between;
    align-items: center;
    border-style: var(--modal-header--border-style);
    border-width: var(--modal-header--border-width);
    border-color: var(--modal-header--border-color)
}

.motif-modal-header .motif-modal--header-icon-button {
    flex-shrink: 0;
    display: flex;
    align-self: start;
    padding: 0;
    height: 4.2857142857rem;
    width: 4.2857142857rem;
    align-items: center;
    justify-content: center;
    background-color: var(--modal-header-close-btn--bg-color);
    fill: var(--modal-header-close-btn--color);
    border-color: var(--modal-header-close-btn--border-color);
    border-width: var(--modal-header-close-btn--border-width);
    border-style: var(--modal-header-close-btn--border-style);
    box-shadow: var(--modal-header-close-btn--box-shadow)
}

.motif-modal-header .motif-modal--header-icon-button svg {
    width: 1.7142857143rem;
    height: auto;
    padding: 0;
    background-color: var(--modal-header-close-btn-icon--bg-color)
}

.motif-modal-header .motif-modal--header-icon-button svg path {
    fill: var(--modal-header-close-btn-icon-color)
}

.motif-modal-header .motif-modal--header-icon-button:hover {
    --modal-header-close-btn--bg-color: var(--modal-header-close-btn-hover--bg-color);
    --modal-header-close-btn--color: var(--modal-header-close-btn-hover--color);
    --modal-header-close-btn--border-color: var(--modal-header-close-btn-hover--border-color);
    --modal-header-close-btn--border-width: var(--modal-header-close-btn-hover--border-width);
    --modal-header-close-btn--border-style: var(--modal-header-close-btn-hover--border-style);
    --modal-header-close-btn--box-shadow: var(--modal-header-close-btn-hover--box-shadow)
}

.motif-modal-header .motif-modal--header-icon-button:hover svg {
    --modal-header-close-btn-icon--bg-color: var(----modal-header-close-btn-hover-icon--bg-color)
}

.motif-modal-header .motif-modal--header-icon-button:hover svg path {
    --modal-header-close-btn-icon-color: var(--modal-header-close-btn-hover-icon-color)
}

.motif-modal-header .motif-modal--header-icon-button:focus {
    --modal-header-close-btn--bg-color: var(--modal-header-close-btn-focus--bg-color);
    --modal-header-close-btn--color: var(--modal-header-close-btn-focus--color);
    --modal-header-close-btn--border-color: var(--modal-header-close-btn-focus--border-color);
    --modal-header-close-btn--border-width: var(--modal-header-close-btn-focus--border-width);
    --modal-header-close-btn--border-style: var(--modal-header-close-btn-focus--border-style);
    --modal-header-close-btn--box-shadow: var(--modal-header-close-btn-focus--box-shadow)
}

.motif-modal-header .motif-modal--header-icon-button:focus svg {
    --modal-header-close-btn-icon--bg-color: var(--modal-header-close-btn-focus-icon--bg-color);
    border-radius: unset;
    outline: none
}

.motif-modal-header .motif-modal--header-icon-button:focus svg path {
    --modal-header-close-btn-icon-color: var(--modal-header-close-btn-focus-icon-color)
}

.motif-modal-header .motif-modal-headline {
    padding: 1rem 0.8571428571rem 1rem 1.4285714286rem;
    margin: 0;
    color: var(--modal-header--color)
}

.motif-modal-alt .motif-modal-header {
    background-color: var(--modal-header-alt--bg-color);
    border-style: var(--modal-header-alt--border-style);
    border-width: var(--modal-header-alt--border-width);
    border-color: var(--modal-header-alt--border-color)
}

.motif-modal-alt .motif-modal-header .motif-modal-headline {
    color: var(--modal-header-alt--color)
}

.motif-modal-alt .motif-modal-header .motif-modal--header-icon-button {
    background-color: var(--modal-header-alt-close-btn--bg-color);
    fill: var(--modal-header-alt-close-btn--color);
    border-color: var(--modal-header-alt-close-btn--border-color);
    border-width: var(--modal-header-alt-close-btn--border-width);
    border-style: var(--modal-header-alt-close-btn--border-style);
    box-shadow: var(--modal-header-alt-close-btn--box-shadow)
}

.motif-modal-alt .motif-modal-header .motif-modal--header-icon-button svg {
    background-color: var(--modal-header-alt-close-btn-icon--bg-color)
}

.motif-modal-alt .motif-modal-header .motif-modal--header-icon-button svg path {
    fill: var(--modal-header-alt-close-btn-icon-color)
}

.motif-modal-alt .motif-modal-header .motif-modal--header-icon-button:hover {
    --modal-header-alt-close-btn--bg-color: var(--modal-header-alt-close-btn-hover--bg-color);
    --modal-header-alt-close-btn--color: var(--modal-header-alt-close-btn-hover--color);
    --modal-header-alt-close-btn--border-color: var(--modal-header-alt-close-btn-hover--border-color);
    --modal-header-alt-close-btn--border-width: var(--modal-header-alt-close-btn-hover--border-width);
    --modal-header-alt-close-btn--border-style: var(--modal-header-alt-close-btn-hover--border-style);
    --modal-header-alt-close-btn--box-shadow: var(--modal-header-alt-close-btn-hover--box-shadow)
}

.motif-modal-alt .motif-modal-header .motif-modal--header-icon-button:hover svg {
    --modal-header-alt-close-btn-icon--bg-color: var(--modal-header-alt-close-btn-hover-icon--bg-color)
}

.motif-modal-alt .motif-modal-header .motif-modal--header-icon-button:hover path {
    --modal-header-alt-close-btn-icon-color: var(--modal-header-alt-close-btn-hover-icon-color)
}

.motif-modal-alt .motif-modal-header .motif-modal--header-icon-button:focus {
    --modal-header-alt-close-btn--bg-color: var(--modal-header-alt-close-btn-focus--bg-color);
    --modal-header-alt-close-btn--color: var(--modal-header-alt-close-btn-focus--color);
    --modal-header-alt-close-btn--border-color: var(--modal-header-alt-close-btn-focus--border-color);
    --modal-header-alt-close-btn--border-width: var(--modal-header-alt-close-btn-focus--border-width);
    --modal-header-alt-close-btn--border-style: var(--modal-header-alt-close-btn-focus--border-style);
    --modal-header-alt-close-btn--box-shadow: var(--modal-header-alt-close-btn-focus--box-shadow)
}

.motif-modal-alt .motif-modal-header .motif-modal--header-icon-button:focus svg {
    --modal-header-alt-close-btn-icon--bg-color: var(--modal-header-alt-close-btn-focus-icon--bg-color)
}

.motif-modal-alt .motif-modal-header .motif-modal--header-icon-button:focus path {
    --modal-header-alt-close-btn-icon-color: var(--modal-header-alt-close-btn-focus-icon-color)
}

.motif-modal-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 100vw;
    height: 100vh;
    inset: 0;
    padding: 50px;
    background: var(--modal-overlay--bg-color);
    z-index: 1000
}

.motif-modal-content {
    background: var(--modal--bg-color);
    flex-direction: column;
    max-height: 90%;
    max-width: 73.1428571429rem;
    overflow-y: auto;
    display: flex;
    box-shadow: var(--modal--box-shadow);
    border-style: var(--modal--border-style);
    border-width: var(--modal--border-width);
    border-color: var(--modal--border-color);
    border-radius: var(--modal--border-radius)
}

.motif-modal-content.motif-modal-slideout {
    width: 50%;
    transform: translateX(0);
    position: absolute;
    right: 0;
    max-height: 100%;
    min-width: 27.1428571429rem;
    max-width: 41.4285714286rem;
    height: 100%;
    animation-name: modal-slidout-animation;
    animation-duration: .25s
}

.motif-modal-content.motif-modal-slideout .motif-modal-footer {
    margin-top: auto
}

.motif-modal {
    min-width: 28.5714285714rem;
    width: inherit
}

.motif-modal-size-sm {
    max-width: 28.5714285714rem
}

.motif-modal-size-md {
    max-width: 38.5714285714rem
}

.motif-modal-size-lg {
    max-width: 48.5714285714rem
}

.motif-modal-size-xl {
    max-width: 58.5714285714rem
}

.motif-modal-takeover {
    max-height: 100%;
    max-width: 100%;
    width: 100vw;
    height: 100vh
}

.motif-modal-takeover .motif-modal-footer {
    margin-top: auto
}

.motif-modal-overlay-takeover {
    padding: 0
}

@keyframes modal-slidout-animation {
    from {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

.motif-pagination-select.motif-dropdown-open svg {
    transform: rotate(180deg)
}

.motif-pagination-select .motif-icon-button svg {
    display: block;
    margin: auto;
    height: 2.1428571429rem;
    width: 2.1428571429rem;
    margin-left: .5rem
}

.motif-pagination-select .motif-dropdown-trigger .motif-icon-button {
    display: flex;
    width: auto;
    align-items: center;
    padding-left: 0.7142857143rem;
    border-color: var(--pagination-select-trigger--border-color);
    border-style: var(--pagination-select-trigger--border-style);
    border-width: var(--pagination-select-trigger--border-width);
    border-radius: var(--pagination-select-trigger--border-radius);
    background-color: var(--pagination-select-trigger--bg-color);
    color: var(--pagination-select-trigger--color);
    box-shadow: var(--pagination-select-trigger--box-shadow);
    font-size: var(--font-size-base);
    font-family: var(--primary-font);
    font-weight: var(--weight-light)
}

.motif-pagination-select .motif-dropdown-trigger .motif-icon-button:hover {
    --pagination-select-trigger--bg-color: var(--pagination-select-trigger-hover--bg-color);
    --pagination-select-trigger--border-color: var(--pagination-select-trigger-hover--border-color);
    --pagination-select-trigger--border-style: var(--pagination-select-trigger-hover--border-style);
    --pagination-select-trigger--border-width: var(--pagination-select-trigger-hover--border-width);
    --pagination-select-trigger--box-shadow: var(--pagination-select-trigger-hover--box-shadow);
    --pagination-select-trigger--color: var(--pagination-select-trigger-hover--color)
}

.motif-pagination-select .motif-dropdown-trigger .motif-icon-button:focus {
    --pagination-select-trigger--bg-color: var(--pagination-select-trigger-focus--bg-color);
    --pagination-select-trigger--border-color: var(--pagination-select-trigger-focus--border-color);
    --pagination-select-trigger--border-style: var(--pagination-select-trigger-focus--border-style);
    --pagination-select-trigger--border-width: var(--pagination-select-trigger-focus--border-width);
    --pagination-select-trigger--box-shadow: var(--pagination-select-trigger-focus--box-shadow);
    --pagination-select-trigger--color: var(--pagination-select-trigger-focus--color)
}

.motif-pagination-select .motif-dropdown-trigger .motif-icon-button:active {
    --pagination-select-trigger--bg-color: var(--pagination-select-trigger-active--bg-color);
    --pagination-select-trigger--border-color: var(--pagination-select-trigger-active--border-color);
    --pagination-select-trigger--border-style: var(--pagination-select-trigger-active--border-style);
    --pagination-select-trigger--border-width: var(--pagination-select-trigger-active--border-width);
    --pagination-select-trigger--box-shadow: var(--pagination-select-trigger-active--box-shadow);
    --pagination-select-trigger--color: var(--pagination-select-trigger-active--color)
}

.motif-pagination-select .motif-dropdown-trigger .motif-icon-button svg {
    height: 2rem;
    padding-top: 0.1428571429rem
}

.motif-pagination-select .motif-dropdown-trigger svg {
    color: var(--pagination-select-trigger-icon-color)
}

.motif-pagination-select .motif-dropdown-trigger svg:hover {
    --pagination-select-trigger-icon-color: var(--pagination-select-trigger-hover-icon-color)
}

.motif-pagination-select .motif-dropdown-trigger svg:focus {
    --pagination-select-trigger-icon-color: var(--pagination-select-trigger-focus-icon-color)
}

.motif-pagination-select .motif-dropdown-trigger svg:active {
    --pagination-select-trigger-icon-color: var(--pagination-select-trigger-active-icon-color)
}

.motif-pagination-select .motif-dropdown-menu {
    border-color: var(--pagination-select-menu--border-color);
    border-style: var(--pagination-select-menu--border-style);
    border-width: var(--pagination-select-menu--border-width);
    border-radius: var(--pagination-select-menu--border-radius);
    background-color: var(--pagination-select-menu--bg-color);
    box-shadow: var(--pagination-select-menu--box-shadow);
    left: 0;
    min-width: 100%
}

.motif-pagination-select .motif-dropdown-menu:before {
    content: none
}

.motif-pagination-select .motif-dropdown-item {
    padding: 1.0714285714rem 0.7142857143rem;
    font-size: var(--pagination-select-menu-item--font-size);
    color: var(--pagination-select-menu-item--color);
    background-color: var(--pagination-select-menu-item--bg-color);
    box-shadow: var(--pagination-select-menu-item--box-shadow);
    border-color: var(--pagination-select-menu-item--border-color);
    border-style: var(--pagination-select-menu-item--border-style);
    border-width: var(--pagination-select-menu-item--border-width)
}

.motif-pagination-select .motif-dropdown-item:hover {
    --pagination-select-menu-item--bg-color: var(--pagination-select-menu-item-hover--bg-color);
    --pagination-select-menu-item--color: var(--pagination-select-menu-item-hover--color);
    --pagination-select-menu-item--box-shadow: var(--pagination-select-menu-item-hover--box-shadow);
    --pagination-select-menu-item--border-color: var(--pagination-select-menu-item-hover--border-color);
    --pagination-select-menu-item--border-style: var(--pagination-select-menu-item-hover--border-style);
    --pagination-select-menu-item--border-width: var(--pagination-select-menu-item-hover--border-width)
}

.motif-pagination-select .motif-dropdown-item:focus {
    --pagination-select-menu-item--bg-color: var(--pagination-select-menu-item-focus--bg-color);
    --pagination-select-menu-item--color: var(--pagination-select-menu-item-focus--color);
    --pagination-select-menu-item--box-shadow: var(--pagination-select-menu-item-focus--box-shadow);
    --pagination-select-menu-item--border-color: var(--pagination-select-menu-item-focus--border-color);
    --pagination-select-menu-item--border-style: var(--pagination-select-menu-item-focus--border-style);
    --pagination-select-menu-item--border-width: var(--pagination-select-menu-item-focus--border-width)
}

.motif-pagination-select .motif-dropdown-item:active {
    --pagination-select-menu-item--bg-color: var(--pagination-select-menu-item-active--bg-color);
    --pagination-select-menu-item--color: var(--pagination-select-menu-item-active--color);
    --pagination-select-menu-item--box-shadow: var(--pagination-select-menu-item-active--box-shadow);
    --pagination-select-menu-item--border-color: var(--pagination-select-menu-item-active--border-color);
    --pagination-select-menu-item--border-style: var(--pagination-select-menu-item-active--border-style);
    --pagination-select-menu-item--border-width: var(--pagination-select-menu-item-active--border-width)
}

.motif-pagination-select .motif-dropdown-item:disabled {
    --pagination-select-menu-item--bg-color: var(--pagination-select-menu-item-disabled--bg-color);
    --pagination-select-menu-item--color: var(--pagination-select-menu-item-disabled--color);
    --pagination-select-menu-item--box-shadow: var(--pagination-select-menu-item-disabled--box-shadow);
    --pagination-select-menu-item--border-color: var(--pagination-select-menu-item-disabled--border-color);
    --pagination-select-menu-item--border-style: var(--pagination-select-menu-item-disabled--border-style);
    --pagination-select-menu-item--border-width: var(--pagination-select-menu-item-disabled--border-width)
}

.motif-pagination {
    display: flex;
    align-items: center;
    white-space: nowrap
}

.motif-pagination input::-webkit-outer-spin-button,
.motif-pagination input::-webkit-inner-spin-button {
    appearance: none;
    margin: 0
}

.motif-pagination .motif-pagination-count.motif-icon-button svg,
.motif-pagination .motif-pagination-button.motif-icon-button svg {
    margin: auto
}

.motif-pagination .motif-dropdown-trigger .motif-icon-button,
.motif-pagination .motif-icon-button {
    min-width: 2.2857142857rem;
    height: 2.2857142857rem;
    display: flex;
    justify-content: center;
    padding: 0.2857142857rem;
    flex-shrink: 0;
    background-color: var(--pagination-select-trigger--bg-color)
}

.motif-pagination .motif-dropdown-trigger .motif-icon-button svg,
.motif-pagination .motif-icon-button svg {
    display: block;
    height: 1.7142857143rem;
    width: 1.7142857143rem;
    color: var(--pagination-select-trigger-icon-color)
}

.motif-pagination .motif-dropdown-trigger .motif-icon-button:hover,
.motif-pagination .motif-icon-button:hover {
    --pagination-select-trigger--bg-color: var(--pagination-select-trigger-hover--bg-color);
    --pagination-select-trigger-icon-color: var(--pagination-select-trigger-hover-icon-color)
}

.motif-pagination .motif-dropdown-trigger .motif-icon-button:focus,
.motif-pagination .motif-icon-button:focus {
    --pagination-select-trigger--bg-color: var(--pagination-select-trigger-focus--bg-color);
    --pagination-select-trigger-icon-color: var(--pagination-select-trigger-focus-icon-color)
}

.motif-pagination .motif-dropdown-trigger .motif-icon-button:active,
.motif-pagination .motif-icon-button:active {
    --pagination-select-trigger--bg-color: var(--pagination-select-trigger-active--bg-color);
    --pagination-select-trigger-icon-color: var(--pagination-select-trigger-active-icon-color)
}

.motif-pagination .motif-dropdown-trigger .motif-icon-button:disabled,
.motif-pagination .motif-icon-button:disabled {
    --pagination-select-trigger-icon-color: var(--pagination-select-trigger-disabled-icon-color)
}

.motif-pagination .motif-pagination-button {
    position: relative;
    box-shadow: none;
    align-items: center
}

.motif-pagination .motif-pagination-count {
    margin: 0 1rem;
    font-size: 1rem;
    font-weight: var(--weight-bold)
}

.motif-pagination .motif-pagination-count .motif-pagination-current-page {
    font: var(--weight-bold) 1rem var(--primary-font);
    color: var(--pagination-count--color);
    box-shadow: var(--pagination-count--box-shadow);
    background-color: var(--pagination-count--bg-color);
    appearance: textfield;
    text-align: right;
    display: inline-block;
    padding: 0;
    margin: 0;
    border-color: var(--pagination-count--border-color);
    border-style: var(--pagination-count--border-style);
    border-width: var(--pagination-count--border-width);
    border-radius: var(--pagination-count--border-radius);
    min-width: 0.6428571429rem
}

.motif-pagination .motif-pagination-count .motif-pagination-current-page:hover {
    --pagination-count--border-color: var(--pagination-count-hover--border-color);
    --pagination-count--border-width: var(--pagination-count-hover--border-width);
    --pagination-count--border-style: var(--pagination-count-hover--border-style);
    --pagination-count--color: var(--pagination-count-hover--color);
    --pagination-count--box-shadow: var(--pagination-count-hover--box-shadow);
    --pagination-count--bg-color: var(--pagination-count-hover--bg-color)
}

.motif-pagination .motif-pagination-count .motif-pagination-current-page:focus {
    --pagination-count--border-color: var(--pagination-count-focus--border-color);
    --pagination-count--border-width: var(--pagination-count-focus--border-width);
    --pagination-count--border-style: var(--pagination-count-focus--border-style);
    --pagination-count--color: var(--pagination-count-focus--color);
    --pagination-count--box-shadow: var(--pagination-count-focus--box-shadow);
    --pagination-count--bg-color: var(--pagination-count-focus--bg-color)
}

.motif-pagination .motif-pagination-count .motif-number-of-pages {
    color: var(--pagination-count--color);
    display: inline-block;
    text-align: left
}

.motif-pagination .ref-input-elem {
    position: absolute;
    visibility: hidden;
    font-size: 1rem;
    font-weight: var(--weight-bold);
    border-color: var(--pagination-editable--border-color);
    border-style: var(--pagination-editable--border-style);
    border-width: var(--pagination-editable--border-width);
    border-radius: var(--pagination-editable--border-radius);
    box-shadow: var(--pagination-editable--box-shadow);
    background-color: var(--pagination-editable--bg-color);
    color: var(--pagination-editable--color)
}

.motif-pagination .ref-input-elem:hover {
    --pagination-editable--border-color: var(--pagination-editable-hover--border-color);
    --pagination-editable--border-style: var(--pagination-editable-hover--border-style);
    --pagination-editable--border-width: var(--pagination-editable-hover--border-width);
    --pagination-editable--box-shadow: var(--pagination-editable-hover--box-shadow);
    --pagination-editable--bg-color: var(--pagination-editable-hover--bg-color);
    --pagination-editable--color: var(--pagination-editable-hover--color)
}

.motif-pagination .ref-input-elem:focus {
    --pagination-editable--border-color: var(--pagination-editable-focus--border-color);
    --pagination-editable--border-style: var(--pagination-editable-focus--border-style);
    --pagination-editable--border-width: var(--pagination-editable-focus--border-width);
    --pagination-editable--box-shadow: var(--pagination-editable-focus--box-shadow);
    --pagination-editable--bg-color: var(--pagination-editable-focus--bg-color);
    --pagination-editable--color: var(--pagination-editable-focus--color)
}

.motif-progress-bar-wrapper {
    display: flex
}

.motif-progress-bar-wrapper:not(.motif-progress-bar-wrapper-circle) {
    flex-direction: column
}

.motif-progress-bar-wrapper.motif-progress-bar-wrapper-circle {
    justify-content: center;
    align-items: center;
    width: var(--progress-bar-circle--width);
    height: var(--progress-bar-circle--height)
}

.motif-progress-bar-wrapper .motif-progress-bar-label {
    font-size: 0.8571428571rem;
    color: var(--progress-bar-label--color)
}

.motif-progress-bar-wrapper .motif-progress-bar-label-hidden {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.motif-progress-bar-wrapper .motif-progress-bar {
    display: inline-block;
    height: 0.2857142857rem;
    width: 100%;
    background-color: var(--progress-bar--bg-color);
    border-radius: var(--progress-bar--border-radius);
    box-shadow: var(--progress-bar--box-shadow);
    position: relative;
    overflow: hidden
}

.motif-progress-bar-wrapper .motif-progress-bar.motif-progress-bar-indeterminate .motif-progress {
    position: relative;
    width: 25%;
    animation: translate 1.5s infinite linear
}

.motif-progress-bar-wrapper .motif-progress-bar.motif-progress-bar-circle {
    background-color: rgba(0, 0, 0, 0);
    height: var(--progress-bar-circle--height);
    width: var(--progress-bar-circle--width);
    position: absolute
}

.motif-progress-bar-wrapper .motif-progress-bar.motif-progress-bar-circle.motif-progress-bar-indeterminate {
    animation: rotation 1s infinite linear
}

.motif-progress-bar-wrapper .motif-progress {
    inset: 0;
    position: absolute;
    background-color: var(--progress-bar-progress--bg-color);
    border-radius: var(--progress-bar-progress--border-radius);
    height: 0.2857142857rem
}

.motif-progress-bar-wrapper .motif-progress.motif-progress-error {
    --progress-bar-progress--bg-color: var(--progress-bar-error-progress--bg-color);
    --progress-bar--border-radius: var(--progress-bar-error--border-radius);
    --progress-bar--box-shadow: var(--progress-bar-error--box-shadow);
    --progress-bar--bg-color: var(--timeline-progress-bar-error--bg-color);
    border-color: var(--timeline-progress-bar-error--border-color)
}

.motif-progress-bar-wrapper .motif-progress .motif-progress-bar-label {
    --progress-bar-label--color: var(--progress-bar-label-error-color)
}

.motif-progress-bar-wrapper .motif-progress-bar-circle {
    height: var(--progress-bar-circle--width);
    width: var(--progress-bar-circle--width);
    position: relative
}

.motif-progress-bar-wrapper .motif-progress-bar-circle .motif-progress-pie {
    height: 100%;
    width: 100%;
    clip: rect(0, var(--progress-bar-circle--width), var(--progress-bar-circle--width), var(--progress-bar-circle--rect-right));
    left: 0;
    position: absolute;
    top: 0
}

.motif-progress-bar-wrapper .motif-progress-bar-circle .motif-progress-pie.motif-progress-hide-right .motif-progress-right-side {
    display: none
}

.motif-progress-bar-wrapper .motif-progress-bar-circle .motif-progress-pie.motif-progress-error .motif-progress-half-circle {
    border-color: var(--progress-bar-error--border-color)
}

.motif-progress-bar-wrapper .motif-progress-bar-circle .motif-progress-pie .motif-progress-half-circle {
    height: 100%;
    width: 100%;
    border: var(--progress-bar-circle--border-width) solid var(--progress-bar-spinner--border-color);
    outline-color: var(--progress-bar-spinner-outline--border-color);
    border-radius: 50%;
    clip: rect(0, var(--progress-bar-circle--rect-right), var(--progress-bar-circle--width), 0);
    left: 0;
    position: absolute;
    top: 0
}

.motif-progress-bar-wrapper .motif-progress-bar-circle .motif-progress-pie:not(.motif-progress-hide-right) {
    clip: rect(auto, auto, auto, auto)
}

.motif-progress-bar-wrapper .motif-progress-bar-circle .motif-progress-pie:not(.motif-progress-hide-right) .motif-progress-right-side {
    transform: rotate(180deg)
}

.motif-progress-bar-wrapper .motif-progress-bar-circle .motif-progress-shadow {
    height: 100%;
    width: 100%;
    border-color: var(--timeline-percent-circle--border-color);
    border-style: var(--timeline-percent-circle--border-style);
    border-width: var(--timeline-percent-circle--border-width);
    border-radius: 50%
}

@keyframes rotation {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes translate {
    0% {
        left: -25%
    }

    20% {
        left: 0
    }

    40% {
        left: 33%
    }

    60% {
        left: 66%
    }

    80% {
        left: 100%
    }

    100% {
        left: 125%
    }
}

.motif-progress-indicator-step {
    display: flex;
    flex-direction: column-reverse;
    flex-grow: 1;
    margin-right: 0.3571428571rem;
    padding: 0.8571428571rem 0 0.4285714286rem 0;
    position: relative;
    width: 7.1428571429rem;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-family: var(--primary-font);
    text-align: left
}

.motif-progress-indicator-step:last-child {
    margin-right: 0
}

.motif-progress-indicator-step:before {
    background-color: var(--progress-indicator-bar--bg-color);
    border-color: var(--progress-indicator-bar--border-color);
    border-style: var(--progress-indicator-bar--border-style);
    border-width: var(--progress-indicator-bar--border-width);
    border-radius: var(--progress-indicator-bar--border-radius);
    box-shadow: var(--progress-indicator-bar--box-shadow);
    content: "";
    height: 0.2857142857rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.motif-progress-indicator-step .motif-progress-indicator-icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.motif-progress-indicator-step .motif-progress-indicator-icon-svg {
    position: absolute;
    top: 0;
    width: 1rem;
    height: 1rem;
    color: var(--progress-indicator-icon-color)
}

.motif-progress-indicator-step .motif-progress-indicator-icon-svg .radio-dot-active,
.motif-progress-indicator-step .motif-progress-indicator-icon-svg .radio-dot-hover {
    display: none
}

.motif-progress-indicator-step .motif-progress-indicator-text-lines {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-family: var(--primary-font);
    text-align: left
}

.motif-progress-indicator-step .motif-progress-indicator-text-lines:hover,
.motif-progress-indicator-step .motif-progress-indicator-text-lines:focus {
    text-decoration: underline;
    text-decoration-color: var(--progress-indicator-title--color)
}

.motif-progress-indicator-step .motif-progress-indicator-text-lines:hover:not(.motif-progress-indicator-step-disabled),
.motif-progress-indicator-step .motif-progress-indicator-text-lines:focus:not(.motif-progress-indicator-step-disabled) {
    cursor: pointer
}

.motif-progress-indicator-step-default .motif-progress-indicator-icon .radio-outline {
    color: var(--progress-indicator-bar--bg-color);
    stroke-width: 1
}

.motif-progress-indicator-step-default .motif-progress-indicator-text-lines:hover+div .radio-outline,
.motif-progress-indicator-step-default .motif-progress-indicator-text-lines:focus+div .radio-outline {
    stroke-width: 2
}

.motif-progress-indicator-step-default .motif-progress-indicator-text-lines:hover+div .radio-dot-active,
.motif-progress-indicator-step-default .motif-progress-indicator-text-lines:focus+div .radio-dot-active {
    display: none
}

.motif-progress-indicator-step-default .motif-progress-indicator-text-lines:hover+div .radio-dot-hover,
.motif-progress-indicator-step-default .motif-progress-indicator-text-lines:focus+div .radio-dot-hover {
    display: none
}

.motif-progress-indicator-step-active:hover .motif-progress-indicator-icon .radio-dot-active,
.motif-progress-indicator-step-active:focus .motif-progress-indicator-icon .radio-dot-active {
    display: none
}

.motif-progress-indicator-step-active:hover .motif-progress-indicator-icon .radio-dot-hover,
.motif-progress-indicator-step-active:focus .motif-progress-indicator-icon .radio-dot-hover {
    display: none
}

.motif-progress-indicator-step-active:before {
    --progress-indicator-bar--bg-color: var(--progress-indicator-bar-active--bg-color);
    --progress-indicator-bar--border-color: var(--progress-indicator-bar-active--border-color);
    --progress-indicator-bar--border-style: var(--progress-indicator-bar-active--border-style);
    --progress-indicator-bar--border-width: var(--progress-indicator-bar-active--border-width);
    --progress-indicator-bar--border-radius: var(--progress-indicator-bar-active--border-radius);
    --progress-indicator-bar--box-shadow: var(--progress-indicator-bar-active--box-shadow)
}

.motif-progress-indicator-step-active .motif-progress-indicator-icon .radio-dot-active {
    display: none
}

.motif-progress-indicator-step-active .motif-progress-indicator-icon .radio-outline {
    color: var(--progress-indicator-bar-active--bg-color);
    stroke-width: 2
}

.motif-progress-indicator-step-active .motif-progress-indicator-icon svg:not(.motif-progress-indicator-icon-svg) {
    background-color: var(--progress-indicator-icon-active--bg-color);
    border-color: var(--progress-indicator-icon-active--border-color);
    border-style: var(--progress-indicator-icon-active--border-style);
    border-width: var(--progress-indicator-icon-active--border-width);
    border-radius: var(--progress-indicator-icon-active--border-radius);
    fill: var(--progress-indicator-icon-active-icon-color)
}

.motif-progress-indicator-step-active .motif-progress-indicator-heading {
    font-weight: var(--weight-bold);
    color: var(--progress-indicator-title-active--color)
}

.motif-progress-indicator-step-active .motif-progress-indicator-body {
    color: var(--progress-indicator-body-active--color)
}

.motif-progress-indicator-step-completed:before {
    --progress-indicator-bar--bg-color: var(--progress-indicator-bar-completed--bg-color);
    --progress-indicator-bar--border-color: var(--progress-indicator-bar-completed--border-color);
    --progress-indicator-bar--border-style: var(--progress-indicator-bar-completed--border-style);
    --progress-indicator-bar--border-width: var(--progress-indicator-bar-completed--border-width);
    --progress-indicator-bar--border-radius: var(--progress-indicator-bar-completed--border-radius);
    --progress-indicator-bar--box-shadow: var(--progress-indicator-bar-completed--box-shadow)
}

.motif-progress-indicator-step-completed .radio-outline {
    stroke-width: 0
}

.motif-progress-indicator-step-completed:hover .motif-progress-indicator-heading,
.motif-progress-indicator-step-completed:hover .motif-progress-indicator-body,
.motif-progress-indicator-step-completed:focus .motif-progress-indicator-heading,
.motif-progress-indicator-step-completed:focus .motif-progress-indicator-body {
    font-weight: var(--weight-bold)
}

.motif-progress-indicator-step-completed .motif-progress-indicator-icon svg:not(.motif-progress-indicator-icon-svg) {
    background-color: var(--progress-indicator-icon-completed--bg-color);
    border-color: var(--progress-indicator-icon-completed--border-color);
    border-style: var(--progress-indicator-icon-completed--border-style);
    border-width: var(--progress-indicator-icon-completed--border-width);
    border-radius: var(--progress-indicator-icon-completed--border-radius);
    fill: var(--progress-indicator-icon-completed-icon-color)
}

.motif-progress-indicator-step-completed .motif-progress-indicator-heading {
    color: var(--progress-indicator-title-completed--color)
}

.motif-progress-indicator-step-error .motif-progress-indicator-icon-svg {
    display: none
}

.motif-progress-indicator-step-error:before {
    --progress-indicator-bar--bg-color: var(--progress-indicator-bar-error--bg-color);
    --progress-indicator-bar--border-color: var(--progress-indicator-bar-error--border-color);
    --progress-indicator-bar--border-style: var(--progress-indicator-bar-error--border-style);
    --progress-indicator-bar--border-width: var(--progress-indicator-bar-error--border-width);
    --progress-indicator-bar--border-radius: var(--progress-indicator-bar-error--border-radius);
    --progress-indicator-bar--box-shadow: var(--progress-indicator-bar-error--box-shadow)
}

.motif-progress-indicator-step-error .motif-progress-indicator-icon svg:not(.motif-progress-indicator-icon-svg) {
    background-color: var(--progress-indicator-icon-error--bg-color);
    border-color: var(--progress-indicator-icon-error--border-color);
    border-style: var(--progress-indicator-icon-error--border-style);
    border-width: var(--progress-indicator-icon-error--border-width);
    border-radius: var(--progress-indicator-icon-error--border-radius);
    fill: var(--progress-indicator-icon-error-icon-color);
    padding: 0.0714285714rem
}

.motif-progress-indicator-step-error .motif-progress-indicator-heading {
    font-weight: var(--weight-bold);
    color: var(--progress-indicator-title-error--color)
}

.motif-progress-indicator-step-warning .motif-progress-indicator-icon-svg {
    display: none
}

.motif-progress-indicator-step-warning:before {
    --progress-indicator-bar--bg-color: var(--progress-indicator-bar-warning--bg-color);
    --progress-indicator-bar--border-color: var(--progress-indicator-bar-warning--border-color);
    --progress-indicator-bar--border-style: var(--progress-indicator-bar-warning--border-style);
    --progress-indicator-bar--border-width: var(--progress-indicator-bar-warning--border-width);
    --progress-indicator-bar--border-radius: var(--progress-indicator-bar-warning--border-radius);
    --progress-indicator-bar--box-shadow: var(--progress-indicator-bar-warning--box-shadow)
}

.motif-progress-indicator-step-warning .motif-progress-indicator-icon svg:not(.motif-progress-indicator-icon-svg) {
    background-color: var(--progress-indicator-icon-warning--bg-color);
    border-color: var(--progress-indicator-icon-warning--border-color);
    border-style: var(--progress-indicator-icon-warning--border-style);
    border-width: var(--progress-indicator-icon-warning--border-width);
    border-radius: var(--progress-indicator-icon-warning--border-radius);
    fill: var(--progress-indicator-icon-warning-icon-color);
    padding: 0.0714285714rem
}

.motif-progress-indicator-step-warning .motif-progress-indicator-heading {
    font-weight: var(--weight-bold);
    color: var(--progress-indicator-title-warning--color)
}

.motif-progress-indicator-step-disabled {
    cursor: not-allowed
}

.motif-progress-indicator-step-disabled:before {
    --progress-indicator-bar--bg-color: var(--progress-indicator-bar-disabled--bg-color);
    --progress-indicator-bar--border-color: var(--progress-indicator-bar-disabled--border-color);
    --progress-indicator-bar--border-style: var(--progress-indicator-bar-disabled--border-style);
    --progress-indicator-bar--border-width: var(--progress-indicator-bar-disabled--border-width);
    --progress-indicator-bar--border-radius: var(--progress-indicator-bar-disabled--border-radius);
    --progress-indicator-bar--box-shadow: var(--progress-indicator-bar-disabled--box-shadow)
}

.motif-progress-indicator-step-disabled .motif-progress-indicator-text-lines {
    cursor: not-allowed
}

.motif-progress-indicator-step-disabled .motif-progress-indicator-text-lines:hover,
.motif-progress-indicator-step-disabled .motif-progress-indicator-text-lines:focus {
    text-decoration: none
}

.motif-progress-indicator-step-disabled .motif-progress-indicator-text-lines:hover p,
.motif-progress-indicator-step-disabled .motif-progress-indicator-text-lines:focus p {
    cursor: not-allowed
}

.motif-progress-indicator-step-disabled .motif-progress-indicator-icon svg:not(.motif-progress-indicator-icon-svg) {
    background-color: var(--progress-indicator-icon-disabled--bg-color);
    border-color: var(--progress-indicator-icon-disabled--border-color);
    border-style: var(--progress-indicator-icon-disabled--border-style);
    border-width: var(--progress-indicator-icon-disabled--border-width);
    border-radius: var(--progress-indicator-icon-disabled--border-radius);
    fill: var(--progress-indicator-icon-disabled-icon-color)
}

.motif-progress-indicator-step-disabled .motif-progress-indicator-heading {
    color: var(--progress-indicator-title-disabled--color)
}

.motif-progress-indicator-step-disabled .motif-progress-indicator-body {
    color: var(--progress-indicator-body-disabled--color)
}

.motif-progress-indicator-step-disabled .radio-outline {
    color: var(--progress-indicator-bar-disabled--bg-color)
}

.motif-progress-indicator-step-disabled .radio-dot-active,
.motif-progress-indicator-step-disabled .motif-progress-indicator-completed-icon path,
.motif-progress-indicator-step-disabled .radio-dot-hover {
    display: none
}

.motif-progress-indicator-icon {
    flex-shrink: 0;
    padding: 0;
    width: 1rem
}

.motif-progress-indicator-icon svg:not(.motif-progress-indicator-icon-svg) {
    background-color: var(--progress-indicator-icon--bg-color);
    border-color: var(--progress-indicator-icon--border-color);
    border-style: var(--progress-indicator-icon--border-style);
    border-width: var(--progress-indicator-icon--border-width);
    border-radius: var(--progress-indicator-icon--border-radius);
    fill: rgba(0, 0, 0, 0);
    height: 1rem;
    width: 1rem
}

.motif-progress-indicator-direction-col .motif-progress-indicator-icon svg:not(.motif-progress-indicator-icon-svg) {
    position: absolute;
    top: 0
}

.motif-progress-indicator-icon:hover:not(.motif-progress-indicator-step-disabled) .motif-progress-indicator-heading {
    font-weight: var(--weight-bold);
    cursor: pointer
}

.motif-progress-indicator-icon:hover:not(.motif-progress-indicator-step-disabled) .motif-progress-indicator-icon:before {
    top: -0.99rem
}

.motif-progress-indicator-heading {
    color: var(--progress-indicator-title--color);
    background-color: var(--progress-indicator-title--bg-color);
    box-shadow: var(--progress-indicator-title--box-shadow);
    border-color: var(--progress-indicator-title--border-color);
    border-style: var(--progress-indicator-title--border-style);
    border-width: var(--progress-indicator-title--border-width);
    border-radius: var(--progress-indicator-title--border-radius);
    font-size: 1rem;
    font-weight: var(--weight-regular);
    line-height: 1;
    margin: 0 0 0 0.4285714286rem
}

.motif-progress-indicator-body {
    color: var(--progress-indicator-body--color);
    background-color: var(--progress-indicator-body--bg-color);
    box-shadow: var(--progress-indicator-body--box-shadow);
    border-color: var(--progress-indicator-body--border-color);
    border-style: var(--progress-indicator-body--border-style);
    border-width: var(--progress-indicator-body--border-width);
    border-radius: var(--progress-indicator-body--border-radius);
    font-size: 0.8571428571rem;
    font-weight: var(--weight-light);
    line-height: 1.2;
    margin: 0.2857142857rem 0 0.5714285714rem 1.3571428571rem
}

.motif-progress-indicator-direction-row .motif-progress-indicator-icon {
    position: absolute;
    top: 0;
    left: 0
}

.motif-progress-indicator-direction-row .motif-progress-indicator-step:before {
    margin-left: 1.3571428571rem;
    margin-top: 0.3571428571rem
}

.motif-progress-indicator-direction-row .motif-progress-indicator-heading {
    margin: 0.1428571429rem 0 0 1.3571428571rem
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step {
    min-height: 4.2857142857rem;
    margin-bottom: 0.2857142857rem;
    flex-direction: row-reverse;
    width: fit-content;
    padding: 0;
    margin-right: 0
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step:before {
    display: none
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step-active .motif-progress-indicator-icon:after {
    background-color: var(--progress-indicator-bar-active--bg-color)
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step-active .motif-progress-indicator-heading {
    --progress-indicator-title--color: var(--progress-indicator-title-active--color);
    --progress-indicator-title--bg-color: var(--progress-indicator-title-active--bg-color);
    --progress-indicator-title--box-shadow: var(--progress-indicator-title-active--box-shadow);
    --progress-indicator-title--border-color: var(--progress-indicator-title-active--border-color);
    --progress-indicator-title--border-style: var(--progress-indicator-title-active--border-style);
    --progress-indicator-title--border-width: var(--progress-indicator-title-active--border-width);
    --progress-indicator-title--border-radius: var(--progress-indicator-title-active--border-radius)
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step-active .motif-progress-indicator-body {
    --progress-indicator-body--color: var(--progress-indicator-body-active--color);
    --progress-indicator-body--bg-color: var(--progress-indicator-body-active--bg-color);
    --progress-indicator-body--box-shadow: var(--progress-indicator-body-active--box-shadow);
    --progress-indicator-body--border-color: var(--progress-indicator-body-active--border-color);
    --progress-indicator-body--border-style: var(--progress-indicator-body-active--border-style);
    --progress-indicator-body--border-width: var(--progress-indicator-body-active--border-width);
    --progress-indicator-body--border-radius: var(--progress-indicator-body-active--border-radius)
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step-completed .motif-progress-indicator-icon:after {
    background-color: var(--progress-indicator-bar-completed--bg-color)
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step-completed .motif-progress-indicator-heading {
    --progress-indicator-title--color: var(--progress-indicator-title-completed--color);
    --progress-indicator-title--bg-color: var(--progress-indicator-title-completed--bg-color);
    --progress-indicator-title--box-shadow: var(--progress-indicator-title-completed--box-shadow);
    --progress-indicator-title--border-color: var(--progress-indicator-title-completed--border-color);
    --progress-indicator-title--border-style: var(--progress-indicator-title-completed--border-style);
    --progress-indicator-title--border-width: var(--progress-indicator-title-completed--border-width);
    --progress-indicator-title--border-radius: var(--progress-indicator-title-completed--border-radius)
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step-completed .motif-progress-indicator-body {
    --progress-indicator-body--color: var(--progress-indicator-body-completed--color);
    --progress-indicator-body--bg-color: var(--progress-indicator-body-completed--bg-color);
    --progress-indicator-body--box-shadow: var(--progress-indicator-body-completed--box-shadow);
    --progress-indicator-body--border-color: var(--progress-indicator-body-completed--border-color);
    --progress-indicator-body--border-style: var(--progress-indicator-body-completed--border-style);
    --progress-indicator-body--border-width: var(--progress-indicator-body-completed--border-width);
    --progress-indicator-body--border-radius: var(--progress-indicator-body-completed--border-radius)
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step-error .motif-progress-indicator-icon:after {
    background-color: var(--progress-indicator-bar-error--bg-color)
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step-error .motif-progress-indicator-heading {
    --progress-indicator-title--color: var(--progress-indicator-title-error--color);
    --progress-indicator-title--bg-color: var(--progress-indicator-title-error--bg-color);
    --progress-indicator-title--box-shadow: var(--progress-indicator-title-error--box-shadow);
    --progress-indicator-title--border-color: var(--progress-indicator-title-error--border-color);
    --progress-indicator-title--border-style: var(--progress-indicator-title-error--border-style);
    --progress-indicator-title--border-width: var(--progress-indicator-title-error--border-width);
    --progress-indicator-title--border-radius: var(--progress-indicator-title-error--border-radius)
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step-error .motif-progress-indicator-body {
    --progress-indicator-body--color: var(--progress-indicator-body-error--color);
    --progress-indicator-body--bg-color: var(--progress-indicator-body-error--bg-color);
    --progress-indicator-body--box-shadow: var(--progress-indicator-body-error--box-shadow);
    --progress-indicator-body--border-color: var(--progress-indicator-body-error--border-color);
    --progress-indicator-body--border-style: var(--progress-indicator-body-error--border-style);
    --progress-indicator-body--border-width: var(--progress-indicator-body-error--border-width);
    --progress-indicator-body--border-radius: var(--progress-indicator-body-error--border-radius)
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step-warning .motif-progress-indicator-icon:after {
    background-color: var(--progress-indicator-bar-warning--bg-color)
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step-warning .motif-progress-indicator-heading {
    --progress-indicator-title--color: var(--progress-indicator-title-warning--color);
    --progress-indicator-title--bg-color: var(--progress-indicator-title-warning--bg-color);
    --progress-indicator-title--box-shadow: var(--progress-indicator-title-warning--box-shadow);
    --progress-indicator-title--border-color: var(--progress-indicator-title-warning--border-color);
    --progress-indicator-title--border-style: var(--progress-indicator-title-warning--border-style);
    --progress-indicator-title--border-width: var(--progress-indicator-title-warning--border-width);
    --progress-indicator-title--border-radius: var(--progress-indicator-title-warning--border-radius)
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step-warning .motif-progress-indicator-body {
    --progress-indicator-body--color: var(--progress-indicator-body-warning--color);
    --progress-indicator-body--bg-color: var(--progress-indicator-body-warning--bg-color);
    --progress-indicator-body--box-shadow: var(--progress-indicator-body-warning--box-shadow);
    --progress-indicator-body--border-color: var(--progress-indicator-body-warning--border-color);
    --progress-indicator-body--border-style: var(--progress-indicator-body-warning--border-style);
    --progress-indicator-body--border-width: var(--progress-indicator-body-warning--border-width);
    --progress-indicator-body--border-radius: var(--progress-indicator-body-warning--border-radius)
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step-disabled .motif-progress-indicator-icon:after {
    background-color: var(--progress-indicator-bar-disabled--bg-color)
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step-disabled .motif-progress-indicator-heading {
    --progress-indicator-title--color: var(--progress-indicator-title-disabled--color);
    --progress-indicator-title--bg-color: var(--progress-indicator-title-disabled--bg-color);
    --progress-indicator-title--box-shadow: var(--progress-indicator-title-disabled--box-shadow);
    --progress-indicator-title--border-color: var(--progress-indicator-title-disabled--border-color);
    --progress-indicator-title--border-style: var(--progress-indicator-title-disabled--border-style);
    --progress-indicator-title--border-width: var(--progress-indicator-title-disabled--border-width);
    --progress-indicator-title--border-radius: var(--progress-indicator-title-disabled--border-radius)
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step-disabled .motif-progress-indicator-body {
    --progress-indicator-body--color: var(--progress-indicator-body-disabled--color);
    --progress-indicator-body--bg-color: var(--progress-indicator-body-disabled--bg-color);
    --progress-indicator-body--box-shadow: var(--progress-indicator-body-disabled--box-shadow);
    --progress-indicator-body--border-color: var(--progress-indicator-body-disabled--border-color);
    --progress-indicator-body--border-style: var(--progress-indicator-body-disabled--border-style);
    --progress-indicator-body--border-width: var(--progress-indicator-body-disabled--border-width);
    --progress-indicator-body--border-radius: var(--progress-indicator-body-disabled--border-radius)
}

.motif-progress-indicator-direction-col .motif-progress-indicator-icon:after {
    content: "";
    background-color: var(--progress-indicator-bar--bg-color);
    bottom: 0;
    position: absolute;
    top: 1.2857142857rem;
    width: 0.2857142857rem
}

.motif-progress-indicator-direction-col .motif-progress-indicator-heading {
    margin-top: 0
}

.motif-progress-indicator-direction-col .motif-progress-indicator-body {
    margin-left: 6px
}

.motif-progress-indicator {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.motif-progress-indicator-direction-col {
    flex-direction: column
}

.motif-vertical-navigation {
    background-color: var(--vertical-navigation--bg-color);
    box-shadow: var(--vertical-navigation--box-shadow);
    border-radius: var(--vertical-navigation--border-radius);
    border-color: var(--vertical-navigation-menu-footer--bg-color);
    border-color: var(--vertical-navigation--border-color);
    border-style: var(--vertical-navigation--border-style);
    border-width: var(--vertical-navigation--border-width);
    display: flex;
    flex-direction: column
}

.motif-vertical-navigation .motif-vertical-navigation-footer {
    flex-grow: 0;
    border-width: var(--vertical-navigation-menu-footer--border-width);
    border-style: var(--vertical-navigation-menu-footer--border-style);
    border-color: var(--vertical-navigation-menu-footer--border-color);
    border-radius: var(--vertical-navigation-menu-footer--border-radius);
    box-shadow: var(--vertical-navigation-menu-footer--box-shadow);
    background-color: var(--vertical-navigation-menu-footer--bg-color)
}

.motif-vertical-navigation .motif-vertical-navigation-content {
    flex-grow: 1;
    overflow: auto
}

.motif-vertical-navigation.motif-vertical-navigation-expanded-width {
    width: 20.286rem;
    transition: width .5s
}

.motif-vertical-navigation.motif-vertical-navigation-collapsed {
    width: 3.714rem;
    transition: width .5s
}

.motif-vertical-navigation-hidden {
    visibility: hidden;
    pointer-events: none
}

.motif-vertical-navigation-scrolls::-webkit-scrollbar {
    width: 0.5714285714rem
}

.motif-vertical-navigation-scrolls::-webkit-scrollbar-track {
    background-color: var(--vertical-navigation-submenu-item-link--bg-color)
}

.motif-vertical-navigation-scrolls::-webkit-scrollbar-thumb {
    background-color: rgba(84, 84, 105, .8352941176);
    border-radius: 4px
}

.motif-context-switcher .motif-vertical-navigation-submenu .motif-vertical-navigation-submenu-arrow {
    display: none
}

.motif-context-switcher .motif-tooltip-wrapper .motif-tooltip-trigger-wrap {
    width: 100%
}

.motif-context-switcher .motif-vertical-navigation-menu {
    width: 100%;
    border-color: var(--vertical-navigation-menu--border-color);
    border-style: var(--vertical-navigation-menu--border-style);
    border-width: var(--vertical-navigation-menu--border-width);
    border-radius: var(--vertical-navigation-menu--border-radius);
    box-shadow: var(--vertical-navigation-menu--box-shadow);
    background-color: var(--vertical-navigation-menu--bg-color)
}

.motif-context-switcher .motif-context-switcher-option {
    max-height: 14.856rem;
    overflow-y: auto
}

.motif-context-switcher .motif-context-switcher-option .motif-vertical-navigation-menuitem .motif-vertical-navigation-menuitem-label {
    margin-left: 1rem
}

.motif-context-switcher .motif-context-switcher-option .motif-vertical-navigation-menuitem .motif-vertical-navigation-menuitem-iconcontainer {
    display: none
}

.motif-context-switcher .motif-context-switcher-option .motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-selected {
    color: var(--vertical-navigation-submenu-item-link-active--color);
    font-weight: normal
}

.motif-context-switcher .motif-context-switcher-option .motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-selected:before {
    width: 0
}

.motif-context-switcher .motif-context-switcher-guidance-text {
    color: var(--vertical-navigation-submenu-caption--color);
    background-color: var(--vertical-navigation-submenu-caption--bg-color);
    box-shadow: var(--vertical-navigation-submenu-caption--box-shadow);
    border-radius: var(--vertical-navigation-submenu-caption--border-radius);
    border-color: var(--vertical-navigation-submenu-caption--border-color);
    border-style: var(--vertical-navigation-submenu-caption--border-style);
    border-width: var(--vertical-navigation-submenu-caption--border-width);
    font-size: 0.7142857143rem;
    font-weight: bold;
    height: 3.8571428571rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 1rem
}

.motif-vertical-navigation-menuitem {
    display: flex;
    background-color: var(--vertical-navigation-menu-item--bg-color);
    color: var(--vertical-navigation-menu-item--color);
    height: 3.714rem;
    box-shadow: var(--vertical-navigation-menu-item--box-shadow);
    border-radius: var(--vertical-navigation-menu-item--border-radius);
    border-color: var(--vertical-navigation-menu-item--border-color);
    border-style: var(--vertical-navigation-menu-item--border-style);
    border-width: var(--vertical-navigation-menu-item--border-width);
    padding: 0;
    border: 0;
    width: 100%;
    cursor: pointer;
    align-items: center;
    position: relative
}

.motif-vertical-navigation-menuitem:hover {
    --vertical-navigation-menu-item--bg-color: var(--vertical-navigation-menu-item-active-hover--bg-color)
}

.motif-vertical-navigation-menuitem:focus {
    outline-color: var(--vertical-navigation-menu-item-focus--outline-color);
    outline-style: var(--vertical-navigation-menu-item-focus--outline-style);
    outline-width: var(--vertical-navigation-menu-item-focus--outline-width);
    outline-offset: -2px;
    --vertical-navigation-menu-item--bg-color: var(--vertical-navigation-menu-item-active-focus--bg-color)
}

.motif-vertical-navigation-menuitem .motif-icon {
    color: var(--vertical-navigation-menu-item-icon-color)
}

.motif-vertical-navigation-menuitem .motif-icon:hover {
    --vertical-navigation-menu-item-icon-color: var(--vertical-navigation-menu-item-icon-hover-icon-color)
}

.motif-vertical-navigation-menuitem .motif-icon:focus {
    --vertical-navigation-menu-item-icon-color: var(--vertical-navigation-menu-item-icon-focus-icon-color)
}

.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-child {
    color: var(--vertical-navigation-submenu-item-link--color);
    background-color: var(--vertical-navigation-submenu-item-link--bg-color);
    box-shadow: var(--vertical-navigation-submenu-item-link--box-shadow);
    border-radius: var(--vertical-navigation-submenu-item-link--border-radius);
    border-color: var(--vertical-navigation-submenu-item-link--border-color);
    border-style: var(--vertical-navigation-submenu-item-link--border-style);
    border-width: var(--vertical-navigation-submenu-item-link--border-width)
}

.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-child .motif-vertical-navigation-menuitem-iconcontainer .motif-icon {
    color: var(--vertical-navigation-submenu-item-link-icon-color)
}

.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-child:hover {
    --vertical-navigation-submenu-item-link--color: var(--vertical-navigation-submenu-item-link-hover--color);
    --vertical-navigation-submenu-item-link--bg-color: var(--vertical-navigation-submenu-item-link-hover--bg-color);
    --vertical-navigation-submenu-item-link--box-shadow: var(--vertical-navigation-submenu-item-link-hover--box-shadow);
    --vertical-navigation-submenu-item-link--border-radius: var(--vertical-navigation-submenu-item-link-hover--border-radius);
    --vertical-navigation-submenu-item-link--border-color: var(--vertical-navigation-submenu-item-link-hover--border-color);
    --vertical-navigation-submenu-item-link--border-style: var(--vertical-navigation-submenu-item-link-hover--border-style);
    --vertical-navigation-submenu-item-link--border-width: var(--vertical-navigation-submenu-item-link-hover--border-width);
    --vertical-navigation-submenu-item-link-icon-color: var(--vertical-navigation-submenu-item-link-icon-hover-icon-color)
}

.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-child:focus {
    --vertical-navigation-submenu-item-link--color: var(--vertical-navigation-submenu-item-link-focus--color);
    --vertical-navigation-submenu-item-link--bg-color: var(--vertical-navigation-submenu-item-link-focus--bg-color);
    --vertical-navigation-submenu-item-link--box-shadow: var(--vertical-navigation-submenu-item-link-focus--box-shadow);
    --vertical-navigation-submenu-item-link--border-radius: var(--vertical-navigation-submenu-item-link-focus--border-radius);
    --vertical-navigation-submenu-item-link--border-color: var(--vertical-navigation-submenu-item-link-focus--border-color);
    --vertical-navigation-submenu-item-link--border-style: var(--vertical-navigation-submenu-item-link-focus--border-style);
    --vertical-navigation-submenu-item-link--border-width: var(--vertical-navigation-submenu-item-link-focus--border-width);
    --vertical-navigation-submenu-item-link-icon-color: var(--vertical-navigation-submenu-item-link-icon-focus-icon-color)
}

.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-child:active {
    --vertical-navigation-submenu-item-link--color: var(--vertical-navigation-submenu-item-link-active--color);
    --vertical-navigation-submenu-item-link--bg-color: var(--vertical-navigation-submenu-item-link-active--bg-color);
    --vertical-navigation-submenu-item-link--box-shadow: var(--vertical-navigation-submenu-item-link-active--box-shadow);
    --vertical-navigation-submenu-item-link--border-radius: var(--vertical-navigation-submenu-item-link-active--border-radius);
    --vertical-navigation-submenu-item-link--border-color: var(--vertical-navigation-submenu-item-link-active--border-color);
    --vertical-navigation-submenu-item-link--border-style: var(--vertical-navigation-submenu-item-link-active--border-style);
    --vertical-navigation-submenu-item-link--border-width: var(--vertical-navigation-submenu-item-link-active--border-width);
    --vertical-navigation-submenu-item-link-icon-color: var(--vertical-navigation-submenu-item-link-icon-active-icon-color)
}

.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-child:active:hover {
    --vertical-navigation-submenu-item-link--color: var(--vertical-navigation-submenu-item-link-active-hover--color);
    --vertical-navigation-submenu-item-link--bg-color: var(--vertical-navigation-submenu-item-link-active-hover--bg-color);
    --vertical-navigation-submenu-item-link--box-shadow: var(--vertical-navigation-submenu-item-link-active-hover--box-shadow);
    --vertical-navigation-submenu-item-link--border-radius: var(--vertical-navigation-submenu-item-link-active-hover--border-radius);
    --vertical-navigation-submenu-item-link--border-color: var(--vertical-navigation-submenu-item-link-active-hover--border-color);
    --vertical-navigation-submenu-item-link--border-style: var(--vertical-navigation-submenu-item-link-active-hover--border-style);
    --vertical-navigation-submenu-item-link--border-width: var(--vertical-navigation-submenu-item-link-active-hover--border-width);
    --vertical-navigation-submenu-item-link-icon-color: var(--vertical-navigation-submenu-item-link-icon-active-hover-icon-color)
}

.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-child:active:focus {
    --vertical-navigation-submenu-item-link--color: var(--vertical-navigation-submenu-item-link-active-focus--color);
    --vertical-navigation-submenu-item-link--bg-color: var(--vertical-navigation-submenu-item-link-active-focus--bg-color);
    --vertical-navigation-submenu-item-link--box-shadow: var(--vertical-navigation-submenu-item-link-active-focus--box-shadow);
    --vertical-navigation-submenu-item-link--border-radius: var(--vertical-navigation-submenu-item-link-active-focus--border-radius);
    --vertical-navigation-submenu-item-link--border-color: var(--vertical-navigation-submenu-item-link-active-focus--border-color);
    --vertical-navigation-submenu-item-link--border-style: var(--vertical-navigation-submenu-item-link-active-focus--border-style);
    --vertical-navigation-submenu-item-link--border-width: var(--vertical-navigation-submenu-item-link-active-focus--border-width);
    --vertical-navigation-submenu-item-link-icon-color: var(--vertical-navigation-submenu-item-link-icon-active-focus-icon-color)
}

.motif-vertical-navigation-menuitem.motif-vertical-navigation-submenuitem {
    padding-left: 1.1428571429rem
}

.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-selected {
    font-weight: bold;
    color: var(--vertical-navigation-menu-item-icon-active-icon-color);
    background-color: var(--vertical-navigation-menu-item-active--bg-color)
}

.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-selected.motif-vertical-navigation-menuitem-child {
    font-weight: var(--weight-light);
    color: var(--vertical-navigation-submenu-item-link-active--color)
}

.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-selected .motif-vertical-navigation-menuitem-iconcontainer .motif-icon {
    color: var(--vertical-navigation-menu-item-icon-active-icon-color)
}

.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-selected .motif-vertical-navigation-menuitem-iconcontainer .motif-icon:hover {
    --vertical-navigation-menu-item-icon-active-icon-color: var(--vertical-navigation-menu-item-icon-active-hover-icon-color)
}

.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-selected .motif-vertical-navigation-menuitem-iconcontainer .motif-icon:focus {
    --vertical-navigation-menu-item-icon-active-icon-color: var(--vertical-navigation-menu-item-icon-active-focus-icon-color)
}

.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-selected:hover {
    --vertical-navigation-menu-item--color: var(--vertical-navigation-menu-item-active-hover--color);
    --vertical-navigation-menu-item--bg-color: var(--vertical-navigation-menu-item-active-hover--bg-color);
    --vertical-navigation-menu-item--box-shadow: var(--vertical-navigation-menu-item-active-hover--box-shadow);
    --vertical-navigation-menu-item--border-radius: var(--vertical-navigation-menu-item-active-hover--border-radius);
    --vertical-navigation-menu-item--border-color: var(--vertical-navigation-menu-item-active-hover--border-color);
    --vertical-navigation-menu-item--border-style: var(--vertical-navigation-menu-item-active-hover--border-style);
    --vertical-navigation-menu-item--border-width: var(--vertical-navigation-menu-item-active-hover--border-width)
}

.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-selected:focus {
    --vertical-navigation-menu-item--color: var(--vertical-navigation-menu-item-active-focus--color);
    --vertical-navigation-menu-item--bg-color: var(--vertical-navigation-menu-item-active-focus--bg-color);
    --vertical-navigation-menu-item--box-shadow: var(--vertical-navigation-menu-item-active-focus--box-shadow);
    --vertical-navigation-menu-item--border-radius: var(--vertical-navigation-menu-item-active-focus--border-radius);
    --vertical-navigation-menu-item--border-color: var(--vertical-navigation-menu-item-active-focus--border-color);
    --vertical-navigation-menu-item--border-style: var(--vertical-navigation-menu-item-active-focus--border-style);
    --vertical-navigation-menu-item--border-width: var(--vertical-navigation-menu-item-active-focus--border-width)
}

.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-selected.motif-vertical-navigation-submenuitem:hover,
.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-selected.motif-vertical-navigation-menuitem-hover {
    --vertical-navigation-menu-item--color: var(--vertical-navigation-menu-item-hover--color);
    --vertical-navigation-menu-item--bg-color: var(--vertical-navigation-menu-item-hover--bg-color);
    --vertical-navigation-menu-item--box-shadow: var(--vertical-navigation-menu-item-hover--box-shadow);
    --vertical-navigation-menu-item--border-radius: var(--vertical-navigation-menu-item-hover--border-radius);
    --vertical-navigation-menu-item--border-color: var(--vertical-navigation-menu-item-hover--border-color);
    --vertical-navigation-menu-item--border-style: var(--vertical-navigation-menu-item-hover--border-style);
    --vertical-navigation-menu-item--border-width: var(--vertical-navigation-menu-item-hover--border-width)
}

.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-selected.motif-vertical-navigation-submenuitem:focus {
    --vertical-navigation-menu-item--color: var(--vertical-navigation-menu-item-focus--color);
    --vertical-navigation-menu-item--bg-color: var(--vertical-navigation-menu-item-focus--bg-color);
    --vertical-navigation-menu-item--box-shadow: var(--vertical-navigation-menu-item-focus--box-shadow);
    --vertical-navigation-menu-item--border-radius: var(--vertical-navigation-menu-item-focus--border-radius);
    --vertical-navigation-menu-item--border-color: var(--vertical-navigation-menu-item-focus--border-color);
    --vertical-navigation-menu-item--border-style: var(--vertical-navigation-menu-item-focus--border-style);
    --vertical-navigation-menu-item--border-width: var(--vertical-navigation-menu-item-focus--border-width)
}

.motif-vertical-navigation-menuitem .motif-vertical-navigation-menuitem-iconcontainer {
    width: 3.714rem;
    height: 100%;
    min-width: 3.714rem;
    flex-grow: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.motif-vertical-navigation-menuitem .motif-vertical-navigation-menuitem-iconcontainer .motif-icon {
    color: var(--vertical-navigation-menu-item--color);
    height: 1.7142857143rem
}

.motif-vertical-navigation-menuitem .motif-vertical-navigation-menuitem-label {
    width: 100%;
    font-size: 1rem;
    font-family: var(--primary-font);
    font-weight: var(--weight-light);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-grow: 1;
    text-align: left;
    padding-right: 0.2857142857rem
}

.motif-vertical-navigation-menuitem-portal {
    display: flex;
    background-color: var(--vertical-navigation-submenu-item-link-hover--bg-color);
    color: var(--vertical-navigation-menu-item--color);
    height: 3.714rem;
    width: 13.5714285714rem;
    cursor: pointer;
    align-items: center
}

.motif-vertical-navigation-menuitem-portal.motif-vertical-navigation-menuitem-selected .motif-vertical-navigation-menuitem-portal-label {
    color: var(--vertical-navigation-submenu-item-link-hover--color)
}

.motif-vertical-navigation-menu>.motif-vertical-navigation-menuitem-selected:before {
    content: "";
    transition: all var(--ease-in-out-fast);
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-color: var(--vertical-navigation-menu-item-active--border-color);
    border-style: var(--vertical-navigation-menu-item-active--border-style);
    border-width: var(--vertical-navigation-menu-item-active--border-width);
    border-radius: var(--vertical-navigation-menu-item-active--border-radius);
    color: var(--vertical-navigation-menu-item-active--color);
    background-color: var(--vertical-navigation-menu-item-active--bg-color);
    box-shadow: var(--vertical-navigation-menu-item-active--box-shadow)
}

.motif-vertical-navigation-submenu {
    display: flex;
    background-color: var(--vertical-navigation-menu-item--bg-color);
    color: var(--vertical-navigation-menu-item--color);
    height: 3.714rem;
    padding: 0;
    border: 0;
    width: 100%;
    cursor: pointer;
    align-items: center;
    position: relative
}

.motif-vertical-navigation-submenu:focus {
    outline-color: var(--vertical-navigation-menu-item-focus--outline-color);
    outline-style: var(--vertical-navigation-menu-item-focus--outline-style);
    outline-width: var(--vertical-navigation-menu-item-focus--outline-width);
    outline-offset: -2px
}

.motif-vertical-navigation-submenu:hover {
    --vertical-navigation-menu-item--bg-color: var(--vertical-navigation-menu-item-active-hover--bg-color)
}

.motif-vertical-navigation-submenu .motif-vertical-navigation-submenu-arrow {
    fill: var(--vertical-navigation-menu-item--color);
    transition: transform .3s;
    transform: rotate(0deg);
    position: absolute;
    right: 0;
    height: 2.8571428571rem;
    width: 2.8571428571rem;
    padding: 0.7142857143rem 0 0.7142857143rem 0.7142857143rem
}

.motif-vertical-navigation-submenu .motif-vertical-navigation-submenu-arrow.motif-vertical-navigation-submenu-arrow-open {
    transition: transform .3s;
    transform: rotate(90deg)
}

.motif-vertical-navigation-submenu.motif-vertical-navigation-submenu-selected {
    color: var(--vertical-navigation-submenu-item-link--color);
    font-weight: bold
}

.motif-vertical-navigation-submenu.motif-vertical-navigation-submenu-selected .motif-vertical-navigation-submenu-iconcontainer .motif-icon {
    color: var(--vertical-navigation-submenu-item-link--color)
}

.motif-vertical-navigation-submenu.motif-vertical-navigation-submenu-selected .motif-vertical-navigation-submenu-iconcontainer:before {
    content: "";
    transition: all var(--ease-in-out-fast);
    display: block;
    height: 100%;
    width: 0.2857142857rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-color: var(--vertical-navigation-menu-item-active--border-color);
    border-style: var(--vertical-navigation-menu-item-active--border-style);
    border-width: var(--vertical-navigation-menu-item-active--border-width)
}

.motif-vertical-navigation-submenu .motif-vertical-navigation-submenu-iconcontainer {
    width: 3.714rem;
    height: 100%;
    min-width: 3.714rem;
    flex-grow: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.motif-vertical-navigation-submenu .motif-vertical-navigation-submenu-iconcontainer .motif-icon {
    color: var(--vertical-navigation-menu-item--color);
    height: 1.7142857143rem
}

.motif-vertical-navigation-submenu-label {
    font-size: 1rem;
    font-family: var(--primary-font);
    font-weight: var(--weight-light);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-grow: 1;
    text-align: left;
    padding-right: 1.7142857143rem
}

.motif-vertical-navigation-submenu-open {
    background-color: var(--vertical-navigation-submenu-item-link-hover--bg-color);
    font-weight: bold;
    color: var(--vertical-navigation-submenu-item-link-hover--color)
}

.motif-vertical-navigation-submenu-open .motif-vertical-navigation-submenu-iconcontainer .motif-icon {
    color: var(--vertical-navigation-submenu-item-link-hover--color)
}

.motif-vertical-navigation-animateheight {
    max-height: 22.284rem;
    overflow-y: auto
}

.motif-vertical-navigation-submenu-children .motif-vertical-navigation-menuitem-label,
.motif-vertical-navigation-animateheight .motif-vertical-navigation-menuitem-label {
    padding-right: 0.8571428571rem
}

.motif-vertical-navigation-submenu-portal {
    display: flex;
    flex-direction: column;
    background-color: var(--vertical-navigation-submenu-item-link-hover--bg-color);
    color: var(--vertical-navigation-menu-item--color);
    width: 13.5714285714rem;
    cursor: pointer;
    align-items: center
}

.motif-vertical-navigation-submenu-portal>.motif-vertical-navigation-submenu-label {
    padding-right: 0.5714285714rem
}

.motif-vertical-navigation-submenu-portal .motif-vertical-navigation-submenu-portal-label {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.motif-vertical-navigation-submenu-portal .motif-vertical-navigation-submenu-label {
    width: 100%;
    padding-left: 0.7142857143rem;
    height: 3.714rem;
    display: flex;
    align-items: center
}

.motif-vertical-navigation-submenu-portal .motif-vertical-navigation-menuitem-iconcontainer {
    width: 0.7142857143rem;
    min-width: 0.7142857143rem
}

.motif-vertical-navigation-submenu-portal .motif-vertical-navigation-submenu-children {
    max-height: 22.284rem;
    overflow-y: auto;
    width: 100%
}

.motif-vertical-navigation-submenu-portal .motif-vertical-navigation-submenu-children .motif-vertical-navigation-submenuitem {
    background-color: var(--vertical-navigation-submenu-item-link--bg-color)
}

.motif-vertical-navigation-submenu-portal .motif-vertical-navigation-submenu-children .motif-vertical-navigation-submenuitem:hover {
    --vertical-navigation-submenu-item-link--bg-color: var(--vertical-navigation-submenu-item-link-hover--bg-color)
}

.motif-vertical-navigation-submenu-portal .motif-vertical-navigation-submenuitem-selected {
    color: var(--vertical-navigation-submenu-item-link--color)
}

.motif-vertical-navigation-submenu-float-title {
    color: var(--vertical-navigation-submenu-item-link-hover--color);
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0.4285714286rem;
    font-weight: bold
}

.motif-filters {
    width: 21.4285714286rem;
    border-color: var(--filters--border-color);
    border-width: var(--filters--border-width);
    border-style: var(--filters--border-style);
    border-radius: var(--filters--border-radius);
    background-color: var(--filters--bg-color);
    box-shadow: var(--filters--box-shadow)
}

.motif-filters header .motif-text-button {
    color: var(--filters-clear-btn--color);
    background-color: var(--filters-clear-btn--bg-color);
    border-color: var(--filters-clear-btn--border-color);
    border-style: var(--filters-clear-btn--border-style);
    border-width: var(--filters-clear-btn--border-width);
    box-shadow: var(--filters-clear-btn--box-shadow)
}

.motif-filters .motif-accordion+.motif-accordion {
    margin-top: 0
}

.motif-filters .motif-accordion .motif-accordion-trigger {
    box-shadow: var(--filters-accordion-trigger--box-shadow);
    border-color: var(--filters-accordion-trigger--border-color);
    border-style: var(--filters-accordion-trigger--border-style);
    border-width: var(--filters-accordion-trigger--border-width);
    border-radius: var(--filters-accordion-trigger--border-radius);
    margin-left: 0;
    width: 100%
}

.motif-filters .motif-accordion-content {
    background: var(--filters-accordion--bg-color);
    box-shadow: var(--filters-accordion--box-shadow);
    border-color: var(--filters-accordion--border-color);
    border-style: var(--filters-accordion--border-style);
    border-width: var(--filters-accordion--border-width);
    padding: 1.4285714286rem 1.4285714286rem 0 1.4285714286rem
}

.motif-filters .motif-accordion-content .motif-form-field {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.motif-filters .motif-accordion-content .motif-form-field:first-of-type {
    padding-bottom: 10px;
    width: 100%
}

.motif-filters .motif-accordion-content .motif-form-field label {
    cursor: pointer
}

.motif-filters .motif-checkbox:not(.motif-checkbox-checked) .motif-checkbox-custom {
    background-color: rgba(0, 0, 0, 0)
}

.motif-filters .motif-form-field {
    border-color: var(--filters-hr--border-color);
    border-style: var(--filters-hr--border-style);
    border-width: var(--filters-hr--border-width)
}

.motif-filters header {
    display: flex;
    flex-direction: initial;
    justify-content: space-between;
    padding: 1.4285714286rem 0.7142857143rem;
    line-height: 1.5714285714rem;
    border-color: var(--filters-hr--border-color);
    border-width: var(--filters-hr--border-width);
    border-style: var(--filters-hr--border-style);
    color: var(--filters-title--color)
}

.motif-filters header span {
    color: currentcolor;
    font-size: 1.1428571429rem;
    font-weight: normal;
    padding-left: 0.5714285714rem
}

.motif-filters header .motif-badge {
    --badge--color: var(--filters-badge--color);
    --badge--outline-color: var(--filters-badge--border-color);
    --badge--outline-style: var(--filters-badge--border-style);
    --badge--outline-width: var(--filters-badge--border-width);
    background-color: var(--filters-badge--bg-color);
    margin-left: 0.5714285714rem;
    font-size: 1rem;
    font-weight: 300
}

.motif-filters>.motif-form-field:nth-child(1n) {
    padding: 0.7142857143rem;
    margin-bottom: 0
}

.motif-filters>.motif-form-field:nth-child(1n) .motif-search-input-icon-button {
    margin: 0.5714285714rem 0.7142857143rem
}

.motif-filters>.motif-form-field:nth-child(1n) input {
    background-color: var(--filters-search--bg-color)
}

.motif-tab-navigation {
    display: flex;
    background-color: var(--tab-navigation--bg-color);
    color: var(--tab-navigation--color);
    box-shadow: var(--tab-navigation--box-shadow);
    outline-color: var(--tab-navigation--outline-color);
    outline-width: var(--tab-navigation--outline-width);
    outline-style: var(--tab-navigation--outline-style);
    border-radius: var(--tab-navigation--border-radius);
    border-color: var(--tab-navigation--border-color);
    border-style: var(--tab-navigation--border-style);
    border-width: var(--tab-navigation--border-width)
}

.motif-tab-navigation-horizontal {
    --tab-navigation--bg-color: var(--tab-navigation-horizontal--bg-color);
    --tab-navigation--box-shadow: var(--tab-navigation-horizontal--box-shadow);
    --tab-navigation--border-radius: var(--tab-navigation-horizontal--border-radius);
    --tab-navigation--border-color: var(--tab-navigation-horizontal--border-color);
    --tab-navigation--border-style: var(--tab-navigation-horizontal--border-style);
    --tab-navigation--border-width: var(--tab-navigation-horizontal--border-width)
}

.motif-tab-navigation-horizontal .motif-tab-button {
    border-color: var(--tab-navigation-horizontal-button--border-color);
    border-style: var(--tab-navigation-horizontal-button--border-style);
    border-width: var(--tab-navigation-horizontal-button--border-width)
}

.motif-tab-navigation-horizontal .motif-tab-button:focus {
    --tab-navigation-horizontal-button--border-color: var(--tab-navigation-horizontal-button-focus--border-color);
    --tab-navigation-horizontal-button--border-style: var(--tab-navigation-horizontal-button-focus--border-style);
    --tab-navigation-horizontal-button--border-width: var(--tab-navigation-horizontal-button-focus--border-width)
}

.motif-tab-navigation-horizontal .motif-tab-button:focus:active {
    --tab-navigation-horizontal-button--border-color: var(--tab-navigation-horizontal-button-active-focus--border-color);
    --tab-navigation-horizontal-button--border-style: var(--tab-navigation-horizontal-button-active-focus--border-style);
    --tab-navigation-horizontal-button--border-width: var(--tab-navigation-horizontal-button-active-focus--border-width);
    --tab-navigation--outline-color: var(--tab-navigation-focus--outline-color);
    --tab-navigation--outline-style: var(--tab-navigation-focus--outline-style);
    --tab-navigation--outline-width: var(--tab-navigation-focus--outline-width)
}

.motif-tab-navigation-horizontal .motif-tab-button:hover {
    --tab-navigation-horizontal-button--border-color: var(--tab-navigation-horizontal-button-hover--border-color);
    --tab-navigation-horizontal-button--border-style: var(--tab-navigation-horizontal-button-hover--border-style);
    --tab-navigation-horizontal-button--border-width: var(--tab-navigation-horizontal-button-hover--border-width)
}

.motif-tab-navigation-horizontal .motif-tab-button:hover:active {
    --tab-navigation-horizontal-button--border-color: var(--tab-navigation-horizontal-button-active-hover--border-color);
    --tab-navigation-horizontal-button--border-style: var(--tab-navigation-horizontal-button-active-hover--border-style);
    --tab-navigation-horizontal-button--border-width: var(--tab-navigation-horizontal-button-active-hover--border-width)
}

.motif-tab-navigation-horizontal .motif-tab-button:active {
    --tab-navigation-horizontal-button--border-color: var(--tab-navigation-horizontal-button-active--border-color);
    --tab-navigation-horizontal-button--border-style: var(--tab-navigation-horizontal-button-active--border-style);
    --tab-navigation-horizontal-button--border-width: var(--tab-navigation-horizontal-button-active--border-width)
}

.motif-tab-navigation-horizontal .motif-tab-button:disabled {
    --tab-navigation-horizontal-button--border-color: var(--tab-navigation-horizontal-button-disabled--border-color);
    --tab-navigation-horizontal-button--border-style: var(--tab-navigation-horizontal-button-disabled--border-style);
    --tab-navigation-horizontal-button--border-width: var(--tab-navigation-horizontal-button-disabled--border-width)
}

.motif-tab-navigation-horizontal .motif-tab-button.motif-active {
    font-weight: var(--weight-light);
    --tab-navigation-horizontal-button--border-color: var(--tab-navigation-horizontal-button-active--border-color);
    --tab-navigation-horizontal-button--border-style: var(--tab-navigation-horizontal-button-active--border-style);
    --tab-navigation-horizontal-button--border-width: var(--tab-navigation-horizontal-button-active--border-width)
}

.motif-tab-navigation-horizontal .motif-tab-button.motif-active:disabled {
    --tab-navigation-horizontal-button--border-color: var(--tab-navigation-horizontal-button-active-disabled--border-color);
    --tab-navigation-horizontal-button--border-style: var(--tab-navigation-horizontal-button-active-disabled--border-style);
    --tab-navigation-horizontal-button--border-width: var(--tab-navigation-horizontal-button-active-disabled--border-width)
}

.motif-tab-navigation-vertical {
    flex-direction: column;
    width: fit-content
}

.motif-tab-navigation-vertical-left {
    background-color: var(--tab-navigation-left--bg-color);
    box-shadow: var(--tab-navigation-left--box-shadow);
    border-radius: var(--tab-navigation-left--border-radius);
    border-color: var(--tab-navigation-left--border-color);
    border-width: var(--tab-navigation-left--border-width);
    border-style: var(--tab-navigation-left--border-style)
}

.motif-tab-navigation-vertical-right {
    background-color: var(--tab-navigation-right--bg-color);
    box-shadow: var(--tab-navigation-right--box-shadow);
    border-radius: var(--tab-navigation-right--border-radius);
    border-color: var(--tab-navigation-right--border-color);
    border-width: var(--tab-navigation-right--border-width);
    border-style: var(--tab-navigation-right--border-style)
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-left {
    text-align: left;
    margin-left: -1px;
    border-bottom: 0;
    border-color: var(--tab-navigation-left-button--border-color);
    border-style: var(--tab-navigation-left-button--border-style);
    border-width: var(--tab-navigation-left-button--border-width)
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-left:focus {
    --tab-navigation-left-button--border-color: var(--tab-navigation-left-button-focus--border-color);
    --tab-navigation-left-button--border-style: var(--tab-navigation-left-button-focus--border-style);
    --tab-navigation-left-button--border-width: var(--tab-navigation-left-button-focus--border-width)
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-left:focus:active {
    --tab-navigation-left-button--border-color: var(--tab-navigation-left-button-active-focus--border-color);
    --tab-navigation-left-button--border-style: var(--tab-navigation-left-button-active-focus--border-style);
    --tab-navigation-left-button--border-width: var(--tab-navigation-left-button-active-focus--border-width);
    --tab-navigation--outline-color: var(--tab-navigation-focus--outline-color);
    --tab-navigation--outline-style: var(--tab-navigation-focus--outline-style);
    --tab-navigation--outline-width: var(--tab-navigation-focus--outline-width)
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-left:hover {
    --tab-navigation-left-button--border-color: var(--tab-navigation-left-button-hover--border-color);
    --tab-navigation-left-button--border-style: var(--tab-navigation-left-button-hover--border-style);
    --tab-navigation-left-button--border-width: var(--tab-navigation-left-button-hover--border-width)
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-left:hover:active {
    --tab-navigation-left-button--border-color: var(--tab-navigation-left-button-active-hover--border-color);
    --tab-navigation-left-button--border-style: var(--tab-navigation-left-button-active-hover--border-style);
    --tab-navigation-left-button--border-width: var(--tab-navigation-left-button-active-hover--border-width)
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-left:active {
    --tab-navigation-left-button--border-color: var(--tab-navigation-left-button-active--border-color);
    --tab-navigation-left-button--border-style: var(--tab-navigation-left-button-active--border-style);
    --tab-navigation-left-button--border-width: var(--tab-navigation-left-button-active--border-width)
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-left:disabled {
    --tab-navigation-left-button--border-color: var(--tab-navigation-left-button-disabled--border-color);
    --tab-navigation-left-button--border-style: var(--tab-navigation-left-button-disabled--border-style);
    --tab-navigation-left-button--border-width: var(--tab-navigation-left-button-disabled--border-width)
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-left.motif-active {
    --tab-navigation-left-button--border-color: var(--tab-navigation-left-button-active--border-color);
    --tab-navigation-left-button--border-style: var(--tab-navigation-left-button-active--border-style);
    --tab-navigation-left-button--border-width: var(--tab-navigation-left-button-active--border-width)
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-left.motif-active:disabled {
    --tab-navigation-left-button--border-color: var(--tab-navigation-left-button-active-disabled--border-color);
    --tab-navigation-left-button--border-style: var(--tab-navigation-left-button-active-disabled--border-style);
    --tab-navigation-left-button--border-width: var(--tab-navigation-left-button-active-disabled--border-width)
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-right {
    text-align: right;
    margin-right: -1px;
    border-bottom: 0;
    border-color: var(--tab-navigation-right-button--border-color);
    border-style: var(--tab-navigation-right-button--border-style);
    border-width: var(--tab-navigation-right-button--border-width)
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-right:focus {
    --tab-navigation-right-button--border-color: var(--tab-navigation-right-button-focus--border-color);
    --tab-navigation-right-button--border-style: var(--tab-navigation-right-button-focus--border-style);
    --tab-navigation-right-button--border-width: var(--tab-navigation-right-button-focus--border-width)
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-right:focus:active {
    --tab-navigation-right-button--border-color: var(--tab-navigation-right-button-active-focus--border-color);
    --tab-navigation-right-button--border-style: var(--tab-navigation-right-button-active-focus--border-style);
    --tab-navigation-right-button--border-width: var(--tab-navigation-right-button-active-focus--border-width);
    --tab-navigation--outline-color: var(--tab-navigation-focus--outline-color);
    --tab-navigation--outline-style: var(--tab-navigation-focus--outline-style);
    --tab-navigation--outline-width: var(--tab-navigation-focus--outline-width)
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-right:hover {
    --tab-navigation-right-button--border-color: var(--tab-navigation-right-button-hover--border-color);
    --tab-navigation-right-button--border-style: var(--tab-navigation-right-button-hover--border-style);
    --tab-navigation-right-button--border-width: var(--tab-navigation-right-button-hover--border-width)
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-right:hover:active {
    --tab-navigation-right-button--border-color: var(--tab-navigation-right-button-active-hover--border-color);
    --tab-navigation-right-button--border-style: var(--tab-navigation-right-button-active-hover--border-style);
    --tab-navigation-right-button--border-width: var(--tab-navigation-right-button-active-hover--border-width)
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-right:disabled {
    --tab-navigation-right-button--border-color: var(--tab-navigation-right-button-disabled--border-color);
    --tab-navigation-right-button--border-style: var(--tab-navigation-right-button-disabled--border-style);
    --tab-navigation-right-button--border-width: var(--tab-navigation-right-button-disabled--border-width)
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-right:active {
    --tab-navigation-right-button--border-color: var(--tab-navigation-right-button-active--border-color);
    --tab-navigation-right-button--border-style: var(--tab-navigation-right-button-active--border-style);
    --tab-navigation-right-button--border-width: var(--tab-navigation-right-button-active--border-width)
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-right.motif-active {
    --tab-navigation-right-button--border-color: var(--tab-navigation-right-button-active--border-color);
    --tab-navigation-right-button--border-style: var(--tab-navigation-right-button-active--border-style);
    --tab-navigation-right-button--border-width: var(--tab-navigation-right-button-active--border-width)
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-right.motif-active:disabled {
    --tab-navigation-right-button--border-color: var(--tab-navigation-right-button-active-disabled--border-color);
    --tab-navigation-right-button--border-style: var(--tab-navigation-right-button-active-disabled--border-style);
    --tab-navigation-right-button--border-width: var(--tab-navigation-right-button-active-disabled--border-width)
}

.motif-tab-navigation.motif-tab-navigation-alt {
    border: none
}

.motif-tab-navigation .motif-tab-button {
    padding: 0.8571428571rem 1.1428571429rem 0.5714285714rem 1.1428571429rem;
    border: none;
    font-weight: var(--weight-light);
    cursor: pointer;
    border-color: var(--tab-navigation-horizontal-button--border-color);
    border-width: var(--tab-navigation-horizontal-button--border-width);
    border-style: var(--tab-navigation-horizontal-button--border-style);
    border-radius: var(--tab-navigation--border-radius);
    transition: border-bottom var(--ease-in-out-fast), color var(--ease-in-out-fast);
    color: var(--tab-navigation--color);
    box-shadow: var(--tab-navigation--box-shadow);
    font-size: 1rem;
    line-height: 1.4285714286rem;
    background-color: var(--tab-navigation--bg-color);
    margin: 0;
    font-family: var(--primary-font);
    outline-color: var(--tab-navigation--outline-color);
    outline-width: var(--tab-navigation--outline-width);
    outline-style: var(--tab-navigation--outline-style)
}

.motif-tab-navigation .motif-tab-button:hover:not([disabled]) {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    color: var(--tab-navigation--color);
    text-shadow: 1px 0 0 var(--tab-navigation--color)
}

.motif-tab-navigation .motif-tab-button:hover:not([disabled]) .motif-badge {
    text-shadow: none
}

.motif-tab-navigation .motif-tab-button:hover {
    --tab-navigation--border-color: var(--tab-navigation-hover--border-color);
    --tab-navigation--border-style: var(--tab-navigation-hover--border-style);
    --tab-navigation--border-width: var(--tab-navigation-hover--border-width);
    --tab-navigation--bg-color: var(--tab-navigation-hover--bg-color);
    --tab-navigation--color: var(--tab-navigation-hover--color);
    --tab-navigation--box-shadow: var(--tab-navigation-hover--box-shadow);
    --tab-navigation--outline-color: var(--tab-navigation-hover--outline-color);
    --tab-navigation--outline-width: var(--tab-navigation-hover--outline-width);
    --tab-navigation--outline-style: var(--tab-navigation-hover--outline-style)
}

.motif-tab-navigation .motif-tab-button:focus {
    --tab-navigation--bg-color: var(--tab-navigation-focus--bg-color);
    --tab-navigation--color: var(--tab-navigation-focus--color);
    --tab-navigation--outline-color: var(--tab-navigation-focus--outline-color);
    --tab-navigation--box-shadow: var(--tab-navigation-focus--box-shadow);
    --tab-navigation--outline-width: var(--tab-navigation-focus--outline-width);
    --tab-navigation--outline-style: var(--tab-navigation-focus--outline-style)
}

.motif-tab-navigation .motif-tab-button:active {
    --tab-navigation--bg-color: var(--tab-navigation-active--bg-color);
    --tab-navigation--color: var(--tab-navigation-active--color);
    --tab-navigation--box-shadow: var(--tab-navigation-active--box-shadow);
    --tab-navigation--outline-color: var(--tab-navigation-active--outline-color);
    --tab-navigation--outline-width: var(--tab-navigation-active--outline-width);
    --tab-navigation--outline-style: var(--tab-navigation-active--outline-style)
}

.motif-tab-navigation .motif-tab-button:disabled {
    --tab-navigation--border-color: var(--tab-navigation-disabled--border-color);
    --tab-navigation--border-style: var(--tab-navigation-disabled--border-style);
    --tab-navigation--border-width: var(--tab-navigation-disabled--border-width);
    --tab-navigation--bg-color: var(--tab-navigation-disabled--bg-color);
    --tab-navigation--color: var(--tab-navigation-disabled--color);
    --tab-navigation--box-shadow: var(--tab-navigation-disabled--box-shadow);
    --tab-navigation--outline-color: var(--tab-navigation-disabled--outline-color);
    --tab-navigation--outline-style: var(--tab-navigation-disabled--outline-style);
    --tab-navigation--outline-width: var(--tab-navigation-disabled--outline-width)
}

.motif-tab-navigation .motif-tab-button:disabled:hover {
    cursor: not-allowed;
    font-weight: var(--weight-light)
}

.motif-tab-navigation .motif-tab-button:disabled:hover:active {
    border-color: rgba(0, 0, 0, 0)
}

.motif-tab-navigation .motif-tab-button:disabled .motif-badge {
    background-color: var(--tab-navigation-badge-bg-color-disabled);
    border: none
}

.motif-tab-navigation .motif-tab-button path {
    fill: currentcolor
}

.motif-tab-navigation .motif-tab-button .motif-badge {
    margin-left: 0.5714285714rem;
    background-color: rgba(0, 0, 0, 0)
}

.motif-tab-navigation .motif-tab-button .motif-icon {
    margin-right: 0.5714285714rem
}

.motif-tab-navigation .motif-tab-button .motif-icon svg {
    width: 1rem;
    height: 1rem
}

.motif-table-title-bar {
    width: 100%;
    height: 3.1428571429rem;
    background: var(--table-title--bg-color);
    color: var(--table-title--color);
    font-size: 1.1428571429rem;
    display: flex;
    align-items: center;
    padding-left: 1.4285714286rem;
    border-color: var(--table-title--border-color);
    border-style: var(--table-title--border-style);
    border-width: var(--table-title--border-width);
    border-radius: var(--table-title--border-radius);
    box-shadow: var(--table-title--box-shadow);
    font-family: var(--primary-font)
}

.motif-table-title-bar-alt {
    background: rgba(0, 0, 0, 0);
    color: var(--table-title-alt--color);
    padding-left: 0;
    --table-title--color: var(--table-title-alt--color);
    --table-title--bg-color: var(--table-title-alt--bg-color);
    --table-title--box-shadow: var(--table-title-alt--box-shadow);
    --table-title--border-color: var(--table-title-alt--border-color);
    --table-title--border-style: var(--table-title-alt--border-style);
    --table-title--border-width: var(--table-title-alt--border-width);
    --table-title--border-radius: var(--table-title-alt--border-radius)
}

.motif-table-header-renderer {
    display: flex;
    align-items: center;
    width: 100%
}

.motif-table-header-renderer .motif-icon-button {
    padding: 0
}

.motif-table-header-renderer .motif-table-header-filtertrigger {
    height: 24px;
    margin-left: 0.5714285714rem
}

.motif-table-header-renderer .motif-table-header-icons {
    margin-left: 0.5714285714rem
}

.motif-table-header-renderer .motif-table-header-icons svg {
    margin: -0.2142857143rem;
    margin-top: 0;
    fill: #1a1a24
}

.motif-table-header-renderer .motif-table-header-icons .motif-table-header-no-sort {
    display: flex;
    margin-bottom: -0.4285714286rem;
    flex-direction: column
}

.motif-table-header-renderer .motif-table-header-icons .motif-table-header-no-sort svg {
    margin: -0.2142857143rem;
    margin-top: -0.5714285714rem;
    height: 1.7142857143rem;
    width: 1.7142857143rem
}

.motif-table-header-renderer .motif-table-header-icons .motif-table-header-no-sort svg:first-of-type {
    margin-bottom: -0.5714285714rem
}

.motif-table-header-renderer .motif-table-header-end-icons {
    margin-top: 0.1428571429rem
}

.motif-table-header-renderer .motif-table-header-end-icons .motif-dropdown {
    top: 1.1428571429rem
}

.motif-table-header-renderer .motif-table-header-end-icons svg {
    margin: 0
}

.motif-table-end-component-renderer {
    display: flex;
    align-items: center
}

.motif-table-end-component-renderer .motif-icon-button {
    padding: 0
}

.motif-table-end-component-renderer .motif-icon {
    display: flex;
    align-items: center
}

.motif-table-end-component-renderer .motif-icon svg {
    display: flex
}

.motif-table {
    display: block;
    width: 100%;
    height: 100%;
    border-color: var(--table--border-color);
    border-width: var(--table--border-width);
    border-style: var(--table--border-style);
    border-radius: var(--table--border-radius);
    box-shadow: var(--table--box-shadow)
}

.motif-table .motif-table-header-renderer {
    color: var(--table-row--color);
    margin-bottom: 1px
}

.motif-table .motif-table-header-renderer .motif-table-header-icons svg {
    fill: var(--table-header-renderer-icons-sort-icon-color)
}

.motif-table .motif-table-header-renderer .motif-icon-button {
    box-shadow: none;
    color: var(--table-icon-color)
}

.motif-table .motif-table-wrapper {
    width: 100%;
    height: 100%
}

.motif-table.ag-theme-material .ag-header-cell:not(.ag-column-resizing):hover {
    --ag-header-cell-hover-background-color: var(--table-row-hover--bg-color)
}

.motif-table .ag-header-cell-label {
    font-family: var(--primary-font);
    font-size: --table-data-header--font-size;
    line-height: 1.4285714286rem
}

.motif-table .ag-cell {
    font-family: var(--primary-font);
    font-size: var(--table-data-cell--font-size);
    line-height: 1.4285714286rem;
    border-color: var(--table-cell--border-color);
    border-width: var(--table-cell--border-width);
    border-style: var(--table-cell--border-style);
    border-radius: var(--table-cell--border-radius);
    background-color: var(--table-cell--bg-color);
    box-shadow: var(--table-cell--box-shadow);
    color: var(--table-cell--color)
}

.motif-table .ag-cell:hover {
    --table-cell--bg-color: var(--table-cell-hover--bg-color);
    --table-cell--box-shadow: var(--table-cell-hover--box-shadow);
    --table-cell-border--color: var(--table-cell-hover--border-color);
    --table-cell-border--style: var(--table-cell-hover--border-style);
    --table-cell-border--width: var(--table-cell-hover--border-width);
    --table-cell--color: var(--table-cell-hover--color)
}

.motif-table .ag-cell:focus {
    --table-cell--bg-color: var(--table-cell-focus--bg-color);
    --table-cell--box-shadow: var(--table-cell-focus--box-shadow);
    --table-cell-border--color: var(--table-cell-focus--border-color);
    --table-cell-border--style: var(--table-cell-focus--border-style);
    --table-cell-border--width: var(--table-cell-focus--border-width);
    --table-cell--color: var(--table-cell-focus--color)
}

.motif-table .ag-cell .ag-cell-wrapper .ag-cell.value svg {
    fill: var(--table-row-icon-color)
}

.motif-table .ag-header-cell-filtered button.motif-table-header-filtertrigger:after {
    content: "";
    display: block;
    height: 0.7142857143rem;
    width: 0.7142857143rem;
    background-color: var(--table-column-filtered-mark--color);
    border-radius: 50%;
    position: absolute;
    top: 0.5714285714rem;
    margin-left: 1.1785714286rem
}

.motif-table .ag-header-cell,
.motif-table .ag-cell {
    display: flex;
    align-items: center;
    padding: 0 29px
}

.motif-table .ag-header-cell .ag-header-select-all,
.motif-table .ag-cell .ag-header-select-all {
    margin-right: 8px
}

.motif-table .ag-cell-wrapper {
    overflow: hidden
}

.motif-table .ag-header-cell {
    z-index: 2
}

.motif-table .ag-checkbox-input-wrapper .ag-checkbox-input {
    height: 18px;
    width: 18px
}

.motif-table .ag-checkbox-input-wrapper:after {
    --ag-checkbox-unchecked-color: var(--table-icon-color);
    --ag-checkbox-checked-color: var(--table-checkbox-checked-color);
    --ag-checkbox-indeterminate-color: var(--table-checkbox-indeterminate-color)
}

.motif-table .ag-checkbox-input-wrapper:focus-within,
.motif-table .ag-checkbox-input-wrapper:active {
    box-shadow: none
}

.motif-table .ag-cell-last-left-pinned .motif-icon-button {
    box-shadow: none
}

.motif-table .ag-pinned-left-cols-container,
.motif-table .ag-pinned-left-header {
    margin-right: -1px;
    box-shadow: 1px 0px 4px -1px rgba(0, 0, 0, .25);
    z-index: 1;
    border-top-color: var(--table-header-container--border-color);
    border-top-style: var(--table-header-container--border-style);
    border-top-width: var(--table-header-container--border-width);
    border-radius: var(--table-header-container--border-radius)
}

.motif-table .ag-pinned-left-cols-container .ag-header-cell,
.motif-table .ag-pinned-left-cols-container .ag-cell,
.motif-table .ag-pinned-left-header .ag-header-cell,
.motif-table .ag-pinned-left-header .ag-cell {
    padding: 0 8px
}

.motif-table .ag-pinned-left-header {
    margin-left: -1px;
    padding-left: 1px;
    border-right: none
}

.motif-table .ag-center-cols-viewport {
    z-index: 0
}

.motif-table .ag-body-viewport,
.motif-table .ag-center-cols-container {
    position: relative;
    min-width: 100%
}

.motif-table .ag-body-viewport:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 2px
}

.motif-table .ag-header-viewport:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 2px
}

.motif-table .ag-horizontal-left-spacer {
    border-right: none
}

.motif-table .ag-body-viewport-wrapper.ag-layout-normal {
    overflow-x: scroll;
    overflow-y: scroll;
    background-color: var(--table-header-container--bg-color);
    box-shadow: var(--table-header-container--box-shadow)
}

.motif-table .ag-react-container {
    height: 100%;
    width: 100%;
    display: flex
}

.motif-table .motif-pagination {
    padding: 0;
    height: 2.1428571429rem;
    border-top: none;
    margin-right: -5px
}

.motif-table .motif-pagination>* {
    font-family: var(--primary-font)
}

.motif-table .ag-row-even {
    background: var(--table-even-row--bg-color)
}

.motif-table .ag-row-odd {
    background: var(--table-odd-row--bg-color)
}

.motif-table .ag-header {
    background-color: var(--table-header--bg-color);
    font-family: var(--primary-font);
    box-shadow: var(--table-header--box-shadow);
    color: var(--table-header--color);
    border-color: var(--table-header--border-color);
    border-style: var(--table-header--border-style);
    border-width: var(--table-header--border-width);
    border-radius: var(--table-header--border-radius)
}

.motif-table .ag-header:hover {
    --table-header--border-color: var(--table-header-hover--border-color);
    --table-header--border-style: var(--table-header-hover--border-style);
    --table-header--border-width: var(--table-header-hover--border-width);
    --table-header--bg-color: var(--table-header-hover--bg-color);
    --table-header--box-shadow: var(--table-header-hover--box-shadow);
    --table-header--color: var(--table-header-hover--color)
}

.motif-table .ag-header:focus {
    --table-header--border-color: var(--table-header-focus--border-color);
    --table-header--border-style: var(--table-header-focus--border-style);
    --table-header--border-width: var(--table-header-focus--border-width);
    --table-header--bg-color: var(--table-header-focus--bg-color);
    --table-header--box-shadow: var(--table-header-focus--box-shadow);
    --table-header--color: var(--table-header-focus--color)
}

.motif-table .ag-header .ag-header-viewport {
    border-top-color: var(--table-header-container--border-color);
    border-top-style: var(--table-header-container--border-style);
    border-top-width: var(--table-header-container--border-width);
    border-radius: var(--table-header-container--border-radius)
}

.motif-table .ag-header,
.motif-table .ag-row {
    border-color: var(--table-row--border-color);
    border-width: var(--table-row--border-width);
    border-style: var(--table-row--border-style);
    border-radius: var(--table-row--border-radius)
}

.motif-table .ag-row {
    border-top: 0px;
    color: var(--table-row--color);
    box-shadow: var(--table-row--box-shadow)
}

.motif-table .ag-row.ag-row-hover {
    --table-row--bg-color: var(--table-row-hover--bg-color);
    --table-row--box-shadow: var(--table-row-hover--box-shadow)
}

.motif-table .ag-row.ag-row-selected {
    --table-row--color: var(--table-row-selected--color);
    --table-row--bg-color: var(--table-row-selected--bg-color);
    --table-row--box-shadow: var(--table-row-selected--box-shadow);
    --table-row--border-color: var(--table-row-selected--border-color);
    --table-row--border-style: var(--table-row-selected--border-style);
    --table-row--border-width: var(--table-row-selected--border-width);
    --table-row--border-radius: var(--table-row-selected--border-radius)
}

.motif-table .ag-row.ag-row-selected .ag-cell {
    color: var(--table-row-selected-cell--color);
    background-color: var(--table-row-selected-cell--bg-color);
    box-shadow: var(--table-row-selected-cell--box-shadow);
    border-color: var(--table-row-selected-cell--border-color);
    border-style: var(--table-row-selected-cell--border-style);
    border-width: var(--table-row-selected-cell--border-width);
    border-radius: var(--table-row-selected-cell--border-radius)
}

.motif-table .ag-row-odd.ag-row-hover:before,
.motif-table .ag-row-even.ag-row-hover:before {
    background-color: unset
}

.motif-table .ag-row-odd:not(.ag-row-selected).ag-row-hover>.ag-column-hover,
.motif-table .ag-row-even:not(.ag-row-selected).ag-row-hover>.ag-column-hover {
    background: var(--table-row-hover--bg-color)
}

.motif-table .ag-row-odd.ag-row-selected.ag-row-hover>.ag-column-hover,
.motif-table .ag-row-even.ag-row-selected.ag-row-hover>.ag-column-hover {
    background: unset
}

.motif-table .ag-row-odd.ag-row-selected:before,
.motif-table .ag-row-even.ag-row-selected:before {
    background: var(--table-row-hover--bg-color)
}

.motif-table .ag-column-hover {
    background-color: unset
}

.motif-table .ag-row-hover>.ag-column-hover.ag-cell-last-left-pinned {
    --table-row-hover--bg-color: transparent
}

.motif-table .ag-row.ag-row-focus {
    z-index: 1
}

.motif-table .pagination-control-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 0.9285714286rem
}

.motif-table .motif-pagination-select-wrapper {
    position: relative;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.motif-table .motif-dropdown.motif-pagination-select .motif-dropdown-trigger {
    line-height: unset;
    width: unset
}

.motif-table .motif-dropdown.motif-pagination-select .motif-dropdown-trigger .motif-icon-button {
    display: flex;
    padding-top: 0
}

.motif-table .motif-dropdown.motif-pagination-select .motif-dropdown-trigger button:focus {
    box-shadow: var(--focus-border)
}

.motif-table .motif-dropdown.motif-pagination-select svg {
    width: 1.7142857143rem;
    height: 1.7142857143rem;
    padding-top: 0;
    margin-right: 0.3571428571rem
}

.motif-table .motif-dropdown.motif-pagination-select svg:hover {
    background-color: var(--table-paging-btn-hover--bg-color)
}

.motif-table .motif-dropdown .motif-dropdown-menu[x-placement^=bottom-right] {
    right: -17px
}

.motif-table .motif-dropdown .motif-dropdown-trigger {
    line-height: 1;
    width: 23px
}

.motif-table .ag-root-wrapper-body {
    height: 100%
}

.motif-table .ag-paging-panel .ag-paging-row-summary-panel .ag-paging-button {
    background-color: var(--table-paging-btn--bg-color);
    box-shadow: var(--table-paging-btn--box-shadow);
    border-color: var(--table-paging-btn--border-color);
    border-style: var(--table-paging-btn--border-style);
    border-width: var(--table-paging-btn--border-width);
    border-radius: var(--table-paging-btn--border-radius)
}

.motif-table .ag-paging-panel .ag-paging-row-summary-panel .ag-paging-button .ag-icon {
    color: var(--table-paging-btn-icon-color)
}

.motif-table .ag-paging-panel .ag-paging-row-summary-panel .ag-paging-button .ag-icon:disabled {
    --table-paging-btn-icon-color: var(--table-paging-btn-disabled-icon-color)
}

.motif-table .ag-paging-panel .ag-paging-row-summary-panel .ag-paging-button:hover {
    --table-paging-btn--box-shadow: var(--table-paging-btn-hover--box-shadow);
    --table-paging-btn--border-color: var(--table-paging-btn-hover--border-color);
    --table-paging-btn--border-style: var(--table-paging-btn-hover--border-style);
    --table-paging-btn--border-width: var(--table-paging-btn-hover--border-width)
}

.motif-table .ag-paging-panel .ag-paging-row-summary-panel .ag-paging-button:hover .ag-icon {
    --table-paging-btn-icon-color: var(--table-paging-btn-hover-icon-color)
}

.motif-table .ag-paging-panel .ag-paging-row-summary-panel .ag-paging-button:focus {
    --table-paging-btn--bg-color: var(--table-paging-btn-focus--bg-color);
    --table-paging-btn--box-shadow: var(--table-paging-btn-focus--box-shadow);
    --table-paging-btn--border-color: var(--table-paging-btn-focus--border-color);
    --table-paging-btn--border-style: var(--table-paging-btn-focus--border-style);
    --table-paging-btn--border-width: var(--table-paging-btn-focus--border-width)
}

.motif-table .ag-paging-panel .ag-paging-row-summary-panel .ag-paging-button:focus .ag-icon {
    --table-paging-btn-icon-color: var(--table-paging-btn-focus-icon-color)
}

.motif-table .ag-paging-panel .ag-paging-row-summary-panel .ag-paging-button:disabled {
    --table-paging-btn--bg-color: var(--table-paging-btn-disabled--bg-color);
    --table-paging-btn--box-shadow: var(--table-paging-btn-disabled--box-shadow);
    --table-paging-btn--border-color: var(--table-paging-btn-disabled--border-color);
    --table-paging-btn--border-style: var(--table-paging-btn-disabled--border-style);
    --table-paging-btn--border-width: var(--table-paging-btn-disabled--border-width)
}

.motif-table .motif-pagination .motif-icon-button:disabled svg path {
    fill: var(--disabled);
    opacity: 1
}

.ag-theme-material .ag-cell-wrapper .ag-selection-checkbox.ag-invisible {
    display: none
}

.motif-truncate {
    --max-width: 100px;
    overflow: hidden;
    max-width: var(--max-width);
    display: inline-block
}

.motif-truncate-width {
    text-overflow: ellipsis;
    white-space: nowrap
}

.motif-truncate-lines {
    --max-lines: 1;
    display: -webkit-box;
    -webkit-line-clamp: var(--max-lines);
    -webkit-box-orient: vertical;
    word-break: break-all
}

.motif-timeline {
    padding: 16px;
    padding-bottom: 8px;
    background: var(--timeline-checkmark--bg-color);
    min-width: 752px;
    margin-bottom: 50px;
    line-height: 1.56;
    font-size: 16px;
    position: relative;
    z-index: 1
}

.motif-timeline .motif-tooltip {
    margin-top: 30px
}

.motif-timeline .motif-progress-bar-wrapper-circle {
    display: block;
    width: auto;
    height: auto;
    background-color: var(--timeline-progress-bar--bg-color)
}

.motif-timeline-content {
    position: relative;
    width: 96%;
    margin: 0 auto;
    padding-top: 32px;
    min-width: 720px
}

.motif-timeline-content .motif-milestone {
    position: absolute;
    top: 17px;
    width: 24px;
    display: block
}

.motif-timeline-content .motif-milestone .motif-tooltip-wrapper {
    width: 97%;
    position: relative;
    top: 3.2px;
    left: -10px
}

.motif-timeline-content .motif-milestone .motif-tooltip-wrapper .motif-tooltip-trigger-wrap {
    display: block
}

.motif-timeline-content .motif-milestone .motif-milestone-content {
    position: relative;
    background-color: var(--timeline-checkmark--bg-color);
    border: none;
    height: 23px;
    width: 23px;
    max-height: 23px
}

.motif-timeline-content .motif-milestone .motif-milestone-content .motif-progress-bar-circle {
    height: 82px;
    width: 82px;
    transform: scale(0.3);
    left: -30px;
    top: -30px;
    background: var(--timeline-checkmark--bg-color);
    color: var(--timeline-progress-bar--color);
    border-radius: 50%;
    display: flex
}

.motif-timeline-content .motif-milestone .motif-milestone-content .motif-progress-bar-circle .motif-progress-hide-right {
    clip: rect(0, 82px, 82px, 41px)
}

.motif-timeline-content .motif-milestone .motif-milestone-content .motif-progress-bar-circle .motif-progress-half-circle,
.motif-timeline-content .motif-milestone .motif-milestone-content .motif-progress-bar-circle .motif-progress-shadow {
    border-width: var(--timeline-progress-pie--border-width)
}

.motif-timeline-content .motif-milestone .motif-milestone-content .motif-progress-bar-circle .motif-progress-half-circle {
    border-color: var(--timeline-milestone--border-color);
    clip: rect(0, 41px, 82px, 0);
    background-color: var(--timeline-progress-bar-percent-circle--bg-color)
}

.motif-timeline-content .motif-milestone .motif-milestone-content .motif-timeline-checkmark,
.motif-timeline-content .motif-milestone .motif-milestone-content .motif-timeline-no-checkmark,
.motif-timeline-content .motif-milestone .motif-milestone-content .motif-timeline-x {
    position: relative;
    z-index: 1;
    height: 8px;
    width: 4px;
    justify-content: center;
    top: -3px;
    display: inline-block
}

.motif-timeline-content .motif-milestone .motif-milestone-content .motif-timeline-checkmark,
.motif-timeline-content .motif-milestone .motif-milestone-content .motif-timeline-no-checkmark {
    border-color: var(--timeline-checkmark--border-color);
    border-width: var(--timeline-checkmark--border-width);
    border-style: var(--timeline-checkmark--border-style);
    transform: rotate(45deg)
}

.motif-timeline-content .motif-milestone .motif-milestone-content .motif-timeline-no-checkmark {
    border-color: var(--timeline-no-checkmarck--border-color)
}

.motif-timeline-content .motif-milestone .motif-milestone-content .motif-timeline-x {
    height: 7px;
    right: 1px
}

.motif-timeline-content .motif-milestone .motif-milestone-content .motif-timeline-x:before,
.motif-timeline-content .motif-milestone .motif-milestone-content .motif-timeline-x:after {
    position: absolute;
    transform: rotate(-45deg);
    content: "";
    width: 1px;
    border-color: var(--timeline-error--border-color);
    border-width: var(--timeline-error--border-width);
    border-style: var(--timeline-error--border-style)
}

.motif-timeline-content .motif-milestone .motif-milestone-content .motif-timeline-x:after {
    transform: rotate(45deg)
}

.motif-timeline-content .motif-milestone .motif-milestone-content.past .motif-progress-half-circle {
    border-color: var(--timeline-past-due--border-color)
}

.motif-timeline-content .motif-milestone .motif-milestone-content.past .motif-progress-bar-circle {
    border-color: var(--timeline-past--border-color);
    border-style: var(--timeline-past--border-style);
    border-width: var(--timeline-past--border-width)
}

.motif-timeline-content .motif-key-event {
    position: absolute;
    top: 21px;
    display: block;
    margin-left: -5px;
    z-index: 1
}

.motif-timeline-content .motif-key-event .motif-key-event-shape {
    width: 11px;
    height: 12px;
    transform: rotate(45deg);
    background: var(--timeline-key-event--bg-color);
    border: none;
    position: absolute;
    top: 7px
}

.motif-timeline-content .motif-key-event .motif-tooltip-wrapper {
    background-color: var(--timeline-milestone--bg-color)
}

.motif-timeline-content .motif-key-event .motif-tooltip-wrapper .motif-tooltip-trigger-wrap {
    display: block
}

.motif-timeline-content .motif-progress-bar {
    position: absolute;
    z-index: 1;
    display: block;
    height: 4px
}

.motif-timeline-content .motif-progress-bar .motif-progress {
    height: 4px;
    background-color: var(--timeline-progress--bg-color);
    box-shadow: var(--timeline-progress--box-shadow)
}

.motif-timeline-content .motif-current-date-marker {
    position: absolute
}

.motif-timeline-content .motif-current-date-marker .motif-current-date-icon {
    position: relative;
    top: -19px;
    width: 0;
    height: 0;
    margin-left: -6px;
    border-color: var(--timeline-date-marker-current-date-icon--border-color);
    border-width: var(--timeline-date-marker-current-date-icon--border-width);
    border-style: var(--timeline-date-marker-current-date-icon--border-style);
    color: var(--timeline-date-marker--color)
}

.motif-timeline-content .motif-current-date-marker p {
    color: var(--timeline-date-marker--border-color);
    position: relative;
    top: -60px;
    font-size: 13px;
    right: 18px;
    margin: 0
}

.motif-timeline-content .motif-date-marker,
.motif-timeline-content .motif-date-marker-year {
    position: absolute;
    border-color: 1px solid var(--timeline-date-marker--border-color);
    height: 21px
}

.motif-timeline-content .motif-date-marker p,
.motif-timeline-content .motif-date-marker-year p {
    color: var(--timeline-date-marker--border-color);
    font-size: 10px;
    position: relative;
    top: 21px;
    left: -14px;
    background: var(--timeline-checkmark--bg-color);
    margin: 0
}

.motif-timeline-content .motif-date-marker-year {
    height: 40px;
    z-index: -1;
    border-color: var(--timeline-date-marker-year--border-color);
    border-style: var(--timeline-date-marker-year--border-style);
    border-width: var(--timeline-date-marker-year--border-width)
}

.motif-timeline-content .motif-date-marker-year p {
    font-size: 14px;
    font-weight: bold;
    top: 38px;
    left: -16px;
    margin: 0
}

.motif-toast-close-button {
    color: var(--toast-close-btn-icon-color);
    background-color: var(--toast-close-btn--bg-color);
    border-color: var(--toast-close-btn--border-color);
    border-style: var(--toast-close-btn--border-style);
    border-width: var(--toast-close-btn--border-width);
    box-shadow: var(--toast-close-btn--box-shadow);
    flex: 0 0 3.1428571429rem;
    height: 3.1428571429rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto
}

.motif-toast-close-button svg {
    width: 1.4285714286rem;
    height: 1.4285714286rem
}

.motif-toast-close-button:hover svg,
.motif-toast-close-button:focus svg {
    background: unset;
    border-radius: unset
}

.motif-toast-close-button:hover {
    --toast-close-btn-icon-color: var(--toast-close-btn-hover-icon-color);
    --toast-close-btn--bg-color: var(--toast-close-btn-hover--bg-color);
    --toast-close-btn--border-color: var(--toast-close-btn-hover--border-color);
    --toast-close-btn--border-style: var(--toast-close-btn-hover--border-style);
    --toast-close-btn--border-width: var(--toast-close-btn-hover--border-width);
    --toast-close-btn--box-shadow: var(--toast-close-btn-hover--box-shadow)
}

.motif-toast-close-button:focus {
    --toast-close-btn-icon-color: var(--toast-close-btn-focus-icon-color);
    --toast-close-btn--bg-color: var(--toast-close-btn-focus--bg-color);
    --toast-close-btn--border-color: var(--toast-close-btn-focus--border-color);
    --toast-close-btn--border-style: var(--toast-close-btn-focus--border-style);
    --toast-close-btn--border-width: var(--toast-close-btn-focus--border-width);
    --toast-close-btn--box-shadow: var(--toast-close-btn-focus--box-shadow)
}

.motif-toast-close-button:focus svg {
    box-shadow: var(--focus-border)
}

.motif-toast {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    box-shadow: var(--toast--box-shadow);
    background: var(--toast--bg-color);
    color: var(--toast--color);
    border-color: var(--toast--border-color);
    border-style: var(--toast--border-style);
    border-width: var(--toast--border-width);
    border-radius: var(--toast--border-radius)
}

.motif-toast button {
    padding: 0
}

.motif-toast-has-action-button .motif-toast-close-button {
    margin-left: 0
}

.motif-toast-has-action-button .motif-toast-action-button {
    color: var(--toast-action-btn--color);
    background-color: var(--toast-action-btn--bg-color);
    border-color: var(--toast-action-btn--border-color);
    border-style: var(--toast-action-btn--border-style);
    border-width: var(--toast-action-btn--border-width);
    border-radius: var(--toast-action-btn--border-radius);
    box-shadow: var(--toast-action-btn--box-shadow)
}

.motif-toast-has-action-button .motif-toast-action-button:hover {
    --toast-action-btn--color: var(--toast-action-btn-hover--color);
    --toast-action-btn--bg-color: var(--toast-action-btn-hover--bg-color);
    --toast-action-btn--border-color: var(--toast-action-btn-hover--border-color);
    --toast-action-btn--border-style: var(--toast-action-btn-hover--border-style);
    --toast-action-btn--border-width: var(--toast-action-btn-hover--border-width);
    --toast-action-btn--box-shadow: var(--toast-action-btn-hover--box-shadow)
}

.motif-toast-has-action-button .motif-toast-action-button:focus {
    --toast-action-btn--color: var(--toast-action-btn-focus--color);
    --toast-action-btn--bg-color: var(--toast-action-btn-focus--bg-color);
    --toast-action-btn--border-color: var(--toast-action-btn-focus--border-color);
    --toast-action-btn--border-style: var(--toast-action-btn-focus--border-style);
    --toast-action-btn--border-width: var(--toast-action-btn-focus--border-width);
    --toast-action-btn--box-shadow: var(--toast-action-btn-focus--box-shadow)
}

.motif-toast-content {
    display: flex;
    align-items: center;
    font-size: 1rem;
    line-height: 1.5714285714rem;
    font-weight: var(--weight-light);
    position: relative;
    min-height: 3.1428571429rem;
    width: 100%
}

.motif-toast-icon-container {
    width: 3.1428571429rem;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    padding-left: 0.9285714286rem
}

.motif-toast-icon-container svg {
    fill: #fff;
    height: 1.5714285714rem;
    width: 1.5714285714rem
}

.motif-toast-text-container {
    margin-left: 3rem;
    word-wrap: break-word;
    padding: 11px 0;
    background-color: var(--toast-inline--bg-color);
    box-shadow: var(--toast-inline--box-shadow)
}

.motif-toast-fixed-top,
.motif-toast-fixed-bottom {
    width: 98%;
    position: fixed;
    right: 0;
    left: 1%
}

.motif-toast-fixed-top {
    top: 1rem
}

.motif-toast-fixed-bottom {
    bottom: 0
}

.motif-toast-success .motif-toast-icon-container svg {
    fill: var(--toast-icon-success-icon-color)
}

.motif-toast-error .motif-toast-icon-container svg {
    fill: var(--toast-icon-error-icon-color)
}

.motif-toast-warning .motif-toast-icon-container svg {
    fill: var(--toast-icon-warning-icon-color)
}

.motif-toast-info .motif-toast-icon-container svg {
    fill: var(--toast-icon-info-icon-color)
}

button.motif-toast-action-button {
    font-family: var(--primary-font);
    background: none;
    border: none;
    margin-left: auto;
    min-height: 3.1428571429rem;
    flex-shrink: 0
}

button.motif-toast-action-button .motif-toast-action-name {
    line-height: 1.5714285714rem;
    font-weight: var(--weight-bold);
    font-size: 1rem;
    color: var(--toast-action-button-color)
}

button.motif-toast-action-button:hover,
button.motif-toast-action-button:focus {
    cursor: pointer
}

button.motif-toast-action-button:hover .motif-toast-action-name,
button.motif-toast-action-button:focus .motif-toast-action-name {
    border-bottom: 1px solid var(--toast-action-button-color)
}

.motif-tooltip {
    color: #fff;
    display: block;
    font-size: 0.8571428571rem;
    font-weight: var(--weight-bold);
    margin: 0 0.7142857143rem 0 0;
    opacity: 1;
    position: absolute;
    z-index: 1000;
    border-color: var(--tooltip--border-color);
    border-style: var(--tooltip--border-style);
    border-width: var(--tooltip--border-width)
}

.motif-tooltip .motif-tooltip-wrapper {
    box-shadow: var(--tooltip--box-shadow)
}

.motif-tooltip .motif-tooltip-arrow {
    display: block;
    height: 6px;
    position: absolute;
    width: 13px
}

.motif-tooltip .motif-tooltip-arrow:before {
    border: 11px solid var(--tooltip--bg-color);
    content: "";
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0
}

.motif-tooltip-top .motif-tooltip-arrow,
.motif-tooltip-auto[x-placement^=top] .motif-tooltip-arrow {
    bottom: 0.2857142857rem
}

.motif-tooltip-top .motif-tooltip-arrow:before,
.motif-tooltip-auto[x-placement^=top] .motif-tooltip-arrow:before {
    inset: auto auto -0.5em 50%;
    box-shadow: -4px 4px 5px -2px rgba(0, 0, 0, .15);
    transform: translateX(-50%) rotate(-45deg) skew(-9deg, -9deg)
}

.motif-tooltip-right .motif-tooltip-arrow,
.motif-tooltip-auto[x-placement^=right] .motif-tooltip-arrow {
    left: 0.2857142857rem
}

.motif-tooltip-right .motif-tooltip-arrow:before,
.motif-tooltip-auto[x-placement^=right] .motif-tooltip-arrow:before {
    inset: 50% -0.8em auto -0.5em;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, .15);
    transform: translateY(-50%) rotate(-135deg) skew(-9deg, -9deg)
}

.motif-tooltip-bottom .motif-tooltip-arrow,
.motif-tooltip-auto[x-placement^=bottom] .motif-tooltip-arrow {
    top: 0.4285714286rem
}

.motif-tooltip-bottom .motif-tooltip-arrow:before,
.motif-tooltip-auto[x-placement^=bottom] .motif-tooltip-arrow:before {
    inset: -0.5em auto auto 50%;
    box-shadow: -4px 4px 5px -2px rgba(0, 0, 0, .15);
    transform: translateX(-50%) rotate(135deg) skew(-9deg, -9deg)
}

.motif-tooltip-left .motif-tooltip-arrow,
.motif-tooltip-auto[x-placement^=left] .motif-tooltip-arrow {
    height: 0.9285714286rem;
    right: 0.2857142857rem
}

.motif-tooltip-left .motif-tooltip-arrow:before,
.motif-tooltip-auto[x-placement^=left] .motif-tooltip-arrow:before {
    inset: 50% auto auto -0.3em;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, .15);
    transform: translateY(-50%) rotate(45deg) skew(-9deg, -9deg)
}

.motif-tooltip-inner {
    align-items: flex-start;
    background-color: var(--tooltip--bg-color);
    color: var(--tooltip--color);
    display: flex;
    font-size: 0.8571428571rem;
    font-weight: 300;
    justify-content: space-between;
    line-height: 1.4285714286rem;
    padding: 0.5714285714rem;
    position: relative;
    text-align: left;
    z-index: 1000
}

.motif-tooltip-inner .motif-icon-button {
    color: var(--tooltip-close-btn-icon-color);
    background-color: var(--tooltip-close-btn--bg-color);
    border-radius: var(--tooltip-close-btn--border-radius);
    box-shadow: var(--tooltip-close-btn--box-shadow);
    height: 1.7142857143rem;
    width: 1.7142857143rem;
    border-color: var(--tooltip-close-btn--border-color);
    border-style: var(--tooltip-close-btn--border-style);
    border-width: var(--tooltip-close-btn--border-width)
}

.motif-tooltip-inner .motif-icon-button:hover {
    --tooltip-close-btn--border-color: var(--tooltip-close-btn-hover--border-color);
    --tooltip-close-btn--border-style: var(--tooltip-close-btn-hover--border-style);
    --tooltip-close-btn--border-width: var(--tooltip-close-btn-hover--border-width);
    --tooltip-close-btn--bg-color: var(--tooltip-close-btn-hover--bg-color);
    --tooltip-close-btn--border-radius: var(--tooltip-close-btn-hover--border-radius);
    --tooltip-close-btn--box-shadow: var(--tooltip-close-btn-hover--box-shadow);
    --tooltip-close-btn-icon-color: var(--tooltip-close-btn-hover-icon-color)
}

.motif-tooltip-inner .motif-icon-button:focus {
    --tooltip-close-btn--border-color: var(--tooltip-close-btn-focus--border-color);
    --tooltip-close-btn--border-style: var(--tooltip-close-btn-focus--border-style);
    --tooltip-close-btn--border-width: var(--tooltip-close-btn-focus--border-width);
    --tooltip-close-btn--bg-color: var(--tooltip-close-btn-focus--bg-color);
    --tooltip-close-btn--border-radius: var(--tooltip-close-btn-focus--border-radius);
    --tooltip-close-btn--box-shadow: var(--tooltip-close-btn-focus--box-shadow);
    --tooltip-close-btn-icon-color: var(--tooltip-close-btn-focus-icon-color)
}

.motif-tooltip-inner .motif-icon-button svg {
    height: 1.7142857143rem;
    width: 1.7142857143rem
}

.motif-tooltip-inner .motif-tooltip-content-children {
    margin: 0.1428571429rem 0 0.1428571429rem 0.1428571429rem
}

.motif-tooltip-wrapper .motif-tooltip-trigger-wrap {
    display: inline-flex;
    border-color: var(--tooltip--border-color);
    border-style: var(--tooltip--border-style);
    border-width: var(--tooltip--border-width);
    border-radius: var(--tooltip--border-radius)
}

.motif-tooltip-wrapper .motif-tooltip-trigger-wrap .motif-icon-button {
    display: inline-block;
    height: 1.4285714286rem;
    width: 1.4285714286rem;
    padding: 0;
    background-color: var(--tooltip-close-btn--bg-color);
    border-radius: var(--tooltip-close-btn--border-radius);
    box-shadow: var(--tooltip-close-btn--box-shadow);
    color: var(--tooltip-close-btn-icon-color)
}

.motif-tooltip-wrapper .motif-tooltip-trigger-wrap .motif-icon-button:hover {
    border-color: var(--tooltip-close-btn-hover--border-color);
    border-style: var(--tooltip-close-btn-hover--border-style);
    border-width: var(--tooltip-close-btn-hover--border-width);
    --tooltip-close-btn--box-shadow: var(--tooltip-close-btn-hover--box-shadow);
    --tooltip-close-btn--border-radius: var(--tooltip-close-btn-hover--border-radius);
    --tooltip-close-btn-icon-color: var(--tooltip-close-btn-hover-icon-color)
}

.motif-tooltip-wrapper .motif-tooltip-trigger-wrap .motif-icon-button:focus {
    border-color: var(--tooltip-close-btn-focus--border-color);
    border-style: var(--tooltip-close-btn-focus--border-style);
    border-width: var(--tooltip-close-btn-focus--border-width);
    --tooltip-close-btn--box-shadow: var(--tooltip-close-btn-focus--box-shadow);
    --tooltip-close-btn--border-radius: var(--tooltip-close-btn-focus--border-radius);
    --tooltip-close-btn--bg-color: var(--tooltip-close-btn-focus--bg-color);
    --tooltip-close-btn-icon-color: var(--tooltip-close-btn-focus-icon-color)
}

.motif-tooltip-wrapper .motif-tooltip-trigger-wrap .motif-icon svg {
    border-radius: var(--tooltip--border-radius);
    height: 1.4285714286rem;
    width: 1.4285714286rem;
    padding: 0;
    margin: 0
}

.motif-tooltip-content.motif-tooltip-alternate .motif-tooltip-inner {
    border-color: var(--tooltip-alt--border-color);
    border-style: var(--tooltip-alt--border-style);
    border-width: var(--tooltip-alt--border-width);
    border-radius: var(--tooltip-alt--border-radius);
    background-color: var(--tooltip-alt--bg-color);
    color: var(--tooltip-alt--color);
    box-shadow: var(--tooltip-alt--box-shadow)
}

.motif-tooltip-content.motif-tooltip-alternate .motif-tooltip-inner .motif-icon-button {
    background-color: var(--tooltip-alt-close-btn--bg-color);
    border-color: var(--tooltip-alt-close-btn--border-color);
    border-width: var(--tooltip-alt-close-btn--border-width);
    border-style: var(--tooltip-alt-close-btn--border-style);
    border-radius: var(--tooltip-alt-close-btn--border-radius);
    box-shadow: var(--tooltip-alt-close-btn--box-shadow);
    color: var(--tooltip-alt-close-btn-icon-color);
    top: -2px
}

.motif-tooltip-content.motif-tooltip-alternate .motif-tooltip-inner .motif-icon-button:hover {
    --tooltip-alt-close-btn--border-color: var(--tooltip-alt-close-btn-hover--border-color);
    --tooltip-alt-close-btn--border-style: var(--tooltip-alt-close-btn-hover--border-style);
    --tooltip-alt-close-btn--border-width: var(--tooltip-alt-close-btn-hover--border-width);
    --tooltip-alt-close-btn-icon-color: var(--tooltip-alt-close-btn-hover-icon-color);
    --tooltip-alt-close-btn--bg-color: var(--tooltip-alt-close-btn-hover--bg-color);
    --tooltip-alt-close-btn--border-radius: var(--tooltip-alt-close-btn-hover--border-radius);
    --tooltip-alt-close-btn--box-shadow: var(--tooltip-alt-close-btn-hover--box-shadow)
}

.motif-tooltip-content.motif-tooltip-alternate .motif-tooltip-inner .motif-icon-button:focus {
    --tooltip-alt-close-btn--border-color: var(--tooltip-alt-close-btn-focus--border-color);
    --tooltip-alt-close-btn--border-style: var(--tooltip-alt-close-btn-focus--border-style);
    --tooltip-alt-close-btn--border-width: var(--tooltip-alt-close-btn-focus--border-width);
    --tooltip-alt-close-btn-icon-color: var(--tooltip-alt-close-btn-focus-icon-color);
    --tooltip-alt-close-btn--bg-color: var(--tooltip-alt-close-btn-focus--bg-color);
    --tooltip-alt-close-btn--border-radius: var(--tooltip-alt-close-btn-focus--border-radius);
    --tooltip-alt-close-btn--box-shadow: var(--tooltip-alt-close-btn-focus--box-shadow)
}

.motif-tooltip-content.motif-tooltip-alternate .motif-tooltip-arrow:before {
    border: 11px solid var(--tooltip-alt--bg-color)
}

.motif-tooltip-content .motif-tooltip-content-children {
    margin-right: 0.8571428571rem
}

.motif-tree>.motif-tree-node {
    margin: 0
}

.motif-tree>.motif-tree-node:after {
    width: 0
}

.motif-tree-nodes {
    margin: 0;
    padding: 0;
    list-style: none
}

.motif-tree-node {
    margin: 1rem 0 0 2.4285714286rem;
    padding: 0 0 0 0.2857142857rem;
    list-style: none;
    position: relative
}

.motif-tree-node-lines:after {
    border-top: 1px var(--tree-line-style) var(--tree-line-color);
    content: "";
    position: absolute;
    left: 0;
    top: 0.8571428571rem;
    transform: translate(-1.5714285714rem, 0);
    width: 1.5714285714rem
}

.motif-tree-node-lines:before {
    border-left: 1px var(--tree-line-style) var(--tree-line-color);
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(-1.5714285714rem, -1.4285714286rem);
    height: calc(100% + 2rem)
}

.motif-tree-node-lines:first-child:before {
    height: calc(100% + 1rem);
    transform: translate(-1.5714285714rem, -1rem)
}

.motif-tree-node-lines:last-child:before {
    height: 1.8571428571rem;
    transform: translate(-1.5714285714rem, -1rem)
}

.motif-tree-node>.motif-tree-nodes {
    display: none
}

.motif-tree-node-visible>.motif-tree-nodes {
    display: block
}

.motif-tree-node-content {
    display: flex;
    align-items: center;
    min-height: 1.7142857143rem;
    margin: 0.2857142857rem 0
}

.motif-tree-node-button {
    height: 1.7142857143rem;
    width: 1.7142857143rem;
    margin-right: .5rem
}

.motif-tree-node-button svg path {
    fill: var(--tree-icon-color)
}

.motif-tree-node-button:hover {
    background-color: rgba(0, 0, 0, 0)
}

.motif-tree-node-button:focus {
    box-shadow: var(--focus-border);
    background-color: rgba(0, 0, 0, 0)
}

.motif-tree-node-button:disabled svg path {
    fill: var(--btn-icon-disabled-icon-color)
}

.motif-carousel-container {
    display: block;
    position: relative;
    overflow: hidden;
    min-height: 50px;
    height: 100%;
    background-color: var(--carousel--bg-color);
    border-color: var(--carousel--border-color);
    border-style: var(--carousel--border-style);
    border-width: var(--carousel--border-width);
    box-shadow: var(--carousel--box-shadow)
}

.motif-carousel-container:hover .motif-carousel-previous-btn,
.motif-carousel-container:hover .motif-carousel-next-btn,
.motif-carousel-container:active .motif-carousel-previous-btn,
.motif-carousel-container:active .motif-carousel-next-btn,
.motif-carousel-container:focus .motif-carousel-previous-btn,
.motif-carousel-container:focus .motif-carousel-next-btn,
.motif-carousel-container:focus-within .motif-carousel-previous-btn,
.motif-carousel-container:focus-within .motif-carousel-next-btn {
    opacity: 1;
    transition: opacity ease-in 200ms
}

.motif-carousel-container:active .motif-carousel-item,
.motif-carousel-container:focus .motif-carousel-item {
    outline: none
}

.motif-carousel-container .motif-carousel-pause-btn,
.motif-carousel-container .motif-carousel-play-btn {
    position: absolute;
    right: 1.4285714286rem;
    bottom: 1.4285714286rem;
    z-index: 1;
    width: 5.3571428571rem;
    height: 1.7142857143rem;
    cursor: pointer;
    border-radius: var(--carousel-play-pause--border-radius);
    border-color: var(--carousel-play-pause--border-color);
    border-width: var(--carousel-play-pause--border-width);
    border-style: var(--carousel-play-pause--border-style);
    background-color: var(--carousel-play-pause--bg-color);
    color: var(--carousel-play-pause--color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 6px
}

.motif-carousel-container .motif-carousel-pause-btn svg,
.motif-carousel-container .motif-carousel-play-btn svg {
    width: 1.1428571429rem;
    height: 1.1428571429rem;
    color: var(--carousel-play-pause-icon-color)
}

.motif-carousel-container .motif-carousel-pause-btn:hover,
.motif-carousel-container .motif-carousel-play-btn:hover {
    --carousel-play-pause--border-color: var(--carousel-play-pause-hover--border-color);
    --carousel-play-pause--border-style: var(--carousel-play-pause-hover--border-style);
    --carousel-play-pause--border-width: var(--carousel-play-pause-hover--border-width);
    --carousel-play-pause--bg-color: var(--carousel-play-pause-hover--bg-color);
    --carousel-play-pause--color: var(--carousel-play-pause-hover--color)
}

.motif-carousel-container .motif-carousel-pause-btn:hover svg,
.motif-carousel-container .motif-carousel-play-btn:hover svg {
    --carousel-play-pause-icon-color: var(--carousel-play-pause-hover-icon-color)
}

.motif-carousel-container .motif-carousel-pause-btn:focus,
.motif-carousel-container .motif-carousel-play-btn:focus {
    --carousel-play-pause--border-color: var(--carousel-play-pause-focus--border-color);
    --carousel-play-pause--border-style: var(--carousel-play-pause-focus--border-style);
    --carousel-play-pause--border-width: var(--carousel-play-pause-focus--border-width);
    --carousel-play-pause--bg-color: var(--carousel-play-pause-focus--bg-color);
    --carousel-play-pause--color: var(--carousel-play-pause-focus--color)
}

.motif-carousel-container .motif-carousel-pause-btn:focus svg,
.motif-carousel-container .motif-carousel-play-btn:focus svg {
    --carousel-play-pause-icon-color: var(--carousel-play-pause-focus-icon-color)
}

.motif-carousel-container .motif-carousel-previous-btn,
.motif-carousel-container .motif-carousel-next-btn {
    border: 0;
    border-color: var(--carousel-back-forward--border-color);
    border-style: var(--carousel-back-forward--border-style);
    border-width: var(--carousel-back-forward--border-width);
    background-color: var(--carousel-back-forward--bg-color);
    box-shadow: var(--carousel-back-forward--box-shadow);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2.5714285714rem;
    height: 2.5714285714rem;
    opacity: 0;
    transition: opacity ease-out 200ms
}

.motif-carousel-container .motif-carousel-previous-btn svg,
.motif-carousel-container .motif-carousel-next-btn svg {
    color: var(--carousel-back-forward-icon-color)
}

.motif-carousel-container .motif-carousel-previous-btn:hover,
.motif-carousel-container .motif-carousel-next-btn:hover {
    --carousel-back-forward--box-shadow: var(--carousel-back-forward-hover--box-shadow);
    --carousel-back-forward--bg-color: var(--carousel-back-forward-hover--bg-color);
    --carousel-back-forward--border-color: var(--carousel-back-forward-hover--border-color);
    --carousel-back-forward--border-style: var(--carousel-back-forward-hover--border-style);
    --carousel-back-forward--border-width: var(--carousel-back-forward-hover--border-width)
}

.motif-carousel-container .motif-carousel-previous-btn:hover svg,
.motif-carousel-container .motif-carousel-next-btn:hover svg {
    --carousel-back-forward-icon-color: var(--carousel-back-forward-hover-icon-color)
}

.motif-carousel-container .motif-carousel-previous-btn:focus,
.motif-carousel-container .motif-carousel-next-btn:focus {
    --carousel-back-forward--box-shadow: var(--carousel-back-forward-focus--box-shadow);
    --carousel-back-forward--bg-color: var(--carousel-back-forward-focus--bg-color);
    --carousel-back-forward--border-color: var(--carousel-back-forward-focus--border-color);
    --carousel-back-forward--border-style: var(--carousel-back-forward-focus--border-style);
    --carousel-back-forward--border-width: var(--carousel-back-forward-focus--border-width)
}

.motif-carousel-container .motif-carousel-previous-btn:focus svg,
.motif-carousel-container .motif-carousel-next-btn:focus svg {
    --carousel-back-forward-icon-color: var(--carousel-back-forward-focus-icon-color)
}

.motif-carousel-container .motif-carousel-previous-btn {
    left: 0
}

.motif-carousel-container .motif-carousel-next-btn {
    right: 0
}

.motif-carousel-container .motif-carousel-item {
    position: absolute;
    inset: 0;
    display: block
}

.motif-carousel-container .motif-carousel-dot-indicator {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    width: 50%;
    height: 3.5714285714rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0
}

.motif-carousel-container .motif-carousel-dot-indicator .motif-carousel-dot {
    height: 0.7142857143rem;
    width: 0.7142857143rem;
    border-radius: var(--carousel-dot--border-radius);
    border-color: var(--carousel-dot--border-color);
    border-width: var(--carousel-dot--border-width);
    border-style: var(--carousel-dot--border-style);
    background-color: var(--carousel-dot--bg-color);
    box-shadow: var(--carousel-dot--box-shadow);
    margin-left: 0.7142857143rem;
    padding: 0;
    cursor: pointer
}

.motif-carousel-container .motif-carousel-dot-indicator .motif-carousel-dot:focus {
    --carousel-dot--box-shadow: var(--carousel-dot-focus--box-shadow);
    --carousel-dot--border-color: var(--carousel-dot-focus--border-color);
    --carousel-dot--border-style: var(--carousel-dot-focus--border-style);
    --carousel-dot--border-width: var(--carousel-dot-focus--border-width);
    --carousel-dot--bg-color: var(--carousel-dot-focus--bg-color)
}

.motif-carousel-container .motif-carousel-dot-indicator .motif-carousel-dot:hover {
    --carousel-dot--box-shadow: var(--carousel-dot-hover--box-shadow);
    --carousel-dot--border-color: var(--carousel-dot-hover--border-color);
    --carousel-dot--border-style: var(--carousel-dot-hover--border-style);
    --carousel-dot--border-width: var(--carousel-dot-hover--border-width);
    --carousel-dot--bg-color: var(--carousel-dot-hover--bg-color)
}

.motif-carousel-container .motif-carousel-dot-indicator .motif-carousel-dot:active {
    --carousel-dot--box-shadow: var(--carousel-dot-active--box-shadow);
    --carousel-dot--border-color: var(--carousel-dot-active--border-color);
    --carousel-dot--border-style: var(--carousel-dot-active--border-style);
    --carousel-dot--border-width: var(--carousel-dot-active--border-width);
    --carousel-dot--bg-color: var(--carousel-dot-active--bg-color)
}

.motif-carousel-container .motif-carousel-dot-indicator .motif-carousel-dot-active {
    background-color: var(--carousel-dot-active--bg-color)
}

.motif-carousel-container .motif-carousel-dot-indicator .motif-carousel-dot-item {
    display: flex;
    margin-bottom: 0
}

.motif-carousel-container .slides-container {
    align-items: center;
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative
}

.motif-carousel-container .slides-container>.carousel-item {
    cursor: pointer;
    height: 100%;
    position: absolute;
    width: 100%
}

.motif-carousel-container .motif-carousel-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.motif-carousel-container .motif-carousel-controls {
    margin: 0;
    padding: 0;
    list-style: none
}

.motif-row-span,
.motif-row {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap
}

.motif-row-span.motif-reverse,
.motif-row.motif-reverse {
    flex-direction: row-reverse
}

.motif-col.motif-reverse {
    flex-direction: column-reverse
}

.motif-row {
    margin-right: calc(-1.1428571429rem* 0.5);
    margin-left: calc(-1.1428571429rem* 0.5)
}

.motif-row.no-gutter {
    margin-right: 0;
    margin-left: 0
}

[class^=motif-col-],
[class*=motif-col-] {
    padding-right: calc(1.1428571429rem * 0.5);
    padding-left: calc(1.1428571429rem * 0.5)
}

.no-gutter [class^=motif-col-],
.no-gutter [class*=motif-col-] {
    padding-right: 0;
    padding-left: 0
}

.motif-col-xs {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    box-sizing: border-box
}

.motif-col-xs-1 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 25%;
    max-width: 25%
}

.motif-col-xs-offset-1 {
    box-sizing: border-box;
    position: relative;
    margin-left: 25%
}

.motif-col-xs-2 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 50%;
    max-width: 50%
}

.motif-col-xs-offset-2 {
    box-sizing: border-box;
    position: relative;
    margin-left: 50%
}

.motif-col-xs-3 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 75%;
    max-width: 75%
}

.motif-col-xs-offset-3 {
    box-sizing: border-box;
    position: relative;
    margin-left: 75%
}

.motif-col-xs-4 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 100%;
    max-width: 100%
}

.motif-col-xs-offset-4 {
    box-sizing: border-box;
    position: relative;
    margin-left: 100%
}

.motif-start-xs {
    justify-content: flex-start;
    text-align: left
}

.motif-center-xs {
    justify-content: center;
    text-align: center
}

.motif-end-xs {
    justify-content: flex-end;
    text-align: right
}

.motif-top-xs {
    align-items: flex-start
}

.motif-middle-xs {
    align-items: center;
    display: flex
}

.motif-bottom-xs {
    align-items: flex-end
}

.motif-around-xs {
    justify-content: space-around
}

.motif-between-xs {
    justify-content: space-between
}

.motif-first-xs {
    order: -1
}

.motif-last-xs {
    order: 1
}

@media screen and (min-width: 36em) {
    .motif-row {
        margin-right: calc(-1.1428571429rem* 0.5);
        margin-left: calc(-1.1428571429rem* 0.5)
    }

    .motif-row.no-gutter {
        margin-right: 0;
        margin-left: 0
    }

    [class^=motif-col-],
    [class*=motif-col-] {
        padding-right: calc(1.1428571429rem * 0.5);
        padding-left: calc(1.1428571429rem * 0.5)
    }

    .no-gutter [class^=motif-col-],
    .no-gutter [class*=motif-col-] {
        padding-right: 0;
        padding-left: 0
    }

    .motif-col-sm {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%;
        box-sizing: border-box
    }

    .motif-col-sm-1 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 25%;
        max-width: 25%
    }

    .motif-col-sm-offset-1 {
        box-sizing: border-box;
        position: relative;
        margin-left: 25%
    }

    .motif-col-sm-2 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 50%;
        max-width: 50%
    }

    .motif-col-sm-offset-2 {
        box-sizing: border-box;
        position: relative;
        margin-left: 50%
    }

    .motif-col-sm-3 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 75%;
        max-width: 75%
    }

    .motif-col-sm-offset-3 {
        box-sizing: border-box;
        position: relative;
        margin-left: 75%
    }

    .motif-col-sm-4 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 100%;
        max-width: 100%
    }

    .motif-col-sm-offset-4 {
        box-sizing: border-box;
        position: relative;
        margin-left: 100%
    }

    .motif-start-sm {
        justify-content: flex-start;
        text-align: left
    }

    .motif-center-sm {
        justify-content: center;
        text-align: center
    }

    .motif-end-sm {
        justify-content: flex-end;
        text-align: right
    }

    .motif-top-sm {
        align-items: flex-start
    }

    .motif-middle-sm {
        align-items: center;
        display: flex
    }

    .motif-bottom-sm {
        align-items: flex-end
    }

    .motif-around-sm {
        justify-content: space-around
    }

    .motif-between-sm {
        justify-content: space-between
    }

    .motif-first-sm {
        order: -1
    }

    .motif-last-sm {
        order: 1
    }
}

@media screen and (min-width: 48em) {
    .motif-row {
        margin-right: calc(-1.7142857143rem* 0.5);
        margin-left: calc(-1.7142857143rem* 0.5)
    }

    .motif-row.no-gutter {
        margin-right: 0;
        margin-left: 0
    }

    [class^=motif-col-],
    [class*=motif-col-] {
        padding-right: calc(1.7142857143rem * 0.5);
        padding-left: calc(1.7142857143rem * 0.5)
    }

    .no-gutter [class^=motif-col-],
    .no-gutter [class*=motif-col-] {
        padding-right: 0;
        padding-left: 0
    }

    .motif-col-md {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%;
        box-sizing: border-box
    }

    .motif-col-md-1 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    .motif-col-md-offset-1 {
        box-sizing: border-box;
        position: relative;
        margin-left: 12.5%
    }

    .motif-col-md-2 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 25%;
        max-width: 25%
    }

    .motif-col-md-offset-2 {
        box-sizing: border-box;
        position: relative;
        margin-left: 25%
    }

    .motif-col-md-3 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 37.5%;
        max-width: 37.5%
    }

    .motif-col-md-offset-3 {
        box-sizing: border-box;
        position: relative;
        margin-left: 37.5%
    }

    .motif-col-md-4 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 50%;
        max-width: 50%
    }

    .motif-col-md-offset-4 {
        box-sizing: border-box;
        position: relative;
        margin-left: 50%
    }

    .motif-col-md-5 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 62.5%;
        max-width: 62.5%
    }

    .motif-col-md-offset-5 {
        box-sizing: border-box;
        position: relative;
        margin-left: 62.5%
    }

    .motif-col-md-6 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 75%;
        max-width: 75%
    }

    .motif-col-md-offset-6 {
        box-sizing: border-box;
        position: relative;
        margin-left: 75%
    }

    .motif-col-md-7 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 87.5%;
        max-width: 87.5%
    }

    .motif-col-md-offset-7 {
        box-sizing: border-box;
        position: relative;
        margin-left: 87.5%
    }

    .motif-col-md-8 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 100%;
        max-width: 100%
    }

    .motif-col-md-offset-8 {
        box-sizing: border-box;
        position: relative;
        margin-left: 100%
    }

    .motif-start-md {
        justify-content: flex-start;
        text-align: left
    }

    .motif-center-md {
        justify-content: center;
        text-align: center
    }

    .motif-end-md {
        justify-content: flex-end;
        text-align: right
    }

    .motif-top-md {
        align-items: flex-start
    }

    .motif-middle-md {
        align-items: center;
        display: flex
    }

    .motif-bottom-md {
        align-items: flex-end
    }

    .motif-around-md {
        justify-content: space-around
    }

    .motif-between-md {
        justify-content: space-between
    }

    .motif-first-md {
        order: -1
    }

    .motif-last-md {
        order: 1
    }
}

@media screen and (min-width: 64em) {
    .motif-row {
        margin-right: calc(-1.7142857143rem* 0.5);
        margin-left: calc(-1.7142857143rem* 0.5)
    }

    .motif-row.no-gutter {
        margin-right: 0;
        margin-left: 0
    }

    [class^=motif-col-],
    [class*=motif-col-] {
        padding-right: calc(1.7142857143rem * 0.5);
        padding-left: calc(1.7142857143rem * 0.5)
    }

    .no-gutter [class^=motif-col-],
    .no-gutter [class*=motif-col-] {
        padding-right: 0;
        padding-left: 0
    }

    .motif-col-lg {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%;
        box-sizing: border-box
    }

    .motif-col-lg-1 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .motif-col-lg-offset-1 {
        box-sizing: border-box;
        position: relative;
        margin-left: 8.3333333333%
    }

    .motif-col-lg-2 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .motif-col-lg-offset-2 {
        box-sizing: border-box;
        position: relative;
        margin-left: 16.6666666667%
    }

    .motif-col-lg-3 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 25%;
        max-width: 25%
    }

    .motif-col-lg-offset-3 {
        box-sizing: border-box;
        position: relative;
        margin-left: 25%
    }

    .motif-col-lg-4 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .motif-col-lg-offset-4 {
        box-sizing: border-box;
        position: relative;
        margin-left: 33.3333333333%
    }

    .motif-col-lg-5 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .motif-col-lg-offset-5 {
        box-sizing: border-box;
        position: relative;
        margin-left: 41.6666666667%
    }

    .motif-col-lg-6 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 50%;
        max-width: 50%
    }

    .motif-col-lg-offset-6 {
        box-sizing: border-box;
        position: relative;
        margin-left: 50%
    }

    .motif-col-lg-7 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    .motif-col-lg-offset-7 {
        box-sizing: border-box;
        position: relative;
        margin-left: 58.3333333333%
    }

    .motif-col-lg-8 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .motif-col-lg-offset-8 {
        box-sizing: border-box;
        position: relative;
        margin-left: 66.6666666667%
    }

    .motif-col-lg-9 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 75%;
        max-width: 75%
    }

    .motif-col-lg-offset-9 {
        box-sizing: border-box;
        position: relative;
        margin-left: 75%
    }

    .motif-col-lg-10 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .motif-col-lg-offset-10 {
        box-sizing: border-box;
        position: relative;
        margin-left: 83.3333333333%
    }

    .motif-col-lg-11 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .motif-col-lg-offset-11 {
        box-sizing: border-box;
        position: relative;
        margin-left: 91.6666666667%
    }

    .motif-col-lg-12 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 100%;
        max-width: 100%
    }

    .motif-col-lg-offset-12 {
        box-sizing: border-box;
        position: relative;
        margin-left: 100%
    }

    .motif-start-lg {
        justify-content: flex-start;
        text-align: left
    }

    .motif-center-lg {
        justify-content: center;
        text-align: center
    }

    .motif-end-lg {
        justify-content: flex-end;
        text-align: right
    }

    .motif-top-lg {
        align-items: flex-start
    }

    .motif-middle-lg {
        align-items: center;
        display: flex
    }

    .motif-bottom-lg {
        align-items: flex-end
    }

    .motif-around-lg {
        justify-content: space-around
    }

    .motif-between-lg {
        justify-content: space-between
    }

    .motif-first-lg {
        order: -1
    }

    .motif-last-lg {
        order: 1
    }
}

@media screen and (min-width: 90em) {
    .motif-row {
        margin-right: calc(-1.7142857143rem* 0.5);
        margin-left: calc(-1.7142857143rem* 0.5)
    }

    .motif-row.no-gutter {
        margin-right: 0;
        margin-left: 0
    }

    [class^=motif-col-],
    [class*=motif-col-] {
        padding-right: calc(1.7142857143rem * 0.5);
        padding-left: calc(1.7142857143rem * 0.5)
    }

    .no-gutter [class^=motif-col-],
    .no-gutter [class*=motif-col-] {
        padding-right: 0;
        padding-left: 0
    }

    .motif-col-xl {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%;
        box-sizing: border-box
    }

    .motif-col-xl-1 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .motif-col-xl-offset-1 {
        box-sizing: border-box;
        position: relative;
        margin-left: 8.3333333333%
    }

    .motif-col-xl-2 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .motif-col-xl-offset-2 {
        box-sizing: border-box;
        position: relative;
        margin-left: 16.6666666667%
    }

    .motif-col-xl-3 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 25%;
        max-width: 25%
    }

    .motif-col-xl-offset-3 {
        box-sizing: border-box;
        position: relative;
        margin-left: 25%
    }

    .motif-col-xl-4 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .motif-col-xl-offset-4 {
        box-sizing: border-box;
        position: relative;
        margin-left: 33.3333333333%
    }

    .motif-col-xl-5 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .motif-col-xl-offset-5 {
        box-sizing: border-box;
        position: relative;
        margin-left: 41.6666666667%
    }

    .motif-col-xl-6 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 50%;
        max-width: 50%
    }

    .motif-col-xl-offset-6 {
        box-sizing: border-box;
        position: relative;
        margin-left: 50%
    }

    .motif-col-xl-7 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    .motif-col-xl-offset-7 {
        box-sizing: border-box;
        position: relative;
        margin-left: 58.3333333333%
    }

    .motif-col-xl-8 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .motif-col-xl-offset-8 {
        box-sizing: border-box;
        position: relative;
        margin-left: 66.6666666667%
    }

    .motif-col-xl-9 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 75%;
        max-width: 75%
    }

    .motif-col-xl-offset-9 {
        box-sizing: border-box;
        position: relative;
        margin-left: 75%
    }

    .motif-col-xl-10 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .motif-col-xl-offset-10 {
        box-sizing: border-box;
        position: relative;
        margin-left: 83.3333333333%
    }

    .motif-col-xl-11 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .motif-col-xl-offset-11 {
        box-sizing: border-box;
        position: relative;
        margin-left: 91.6666666667%
    }

    .motif-col-xl-12 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 100%;
        max-width: 100%
    }

    .motif-col-xl-offset-12 {
        box-sizing: border-box;
        position: relative;
        margin-left: 100%
    }

    .motif-start-xl {
        justify-content: flex-start;
        text-align: left
    }

    .motif-center-xl {
        justify-content: center;
        text-align: center
    }

    .motif-end-xl {
        justify-content: flex-end;
        text-align: right
    }

    .motif-top-xl {
        align-items: flex-start
    }

    .motif-middle-xl {
        align-items: center;
        display: flex
    }

    .motif-bottom-xl {
        align-items: flex-end
    }

    .motif-around-xl {
        justify-content: space-around
    }

    .motif-between-xl {
        justify-content: space-between
    }

    .motif-first-xl {
        order: -1
    }

    .motif-last-xl {
        order: 1
    }
}

@media screen and (min-width: 108em) {
    .motif-row {
        margin-right: calc(-1.7142857143rem* 0.5);
        margin-left: calc(-1.7142857143rem* 0.5)
    }

    .motif-row.no-gutter {
        margin-right: 0;
        margin-left: 0
    }

    [class^=motif-col-],
    [class*=motif-col-] {
        padding-right: calc(1.7142857143rem * 0.5);
        padding-left: calc(1.7142857143rem * 0.5)
    }

    .no-gutter [class^=motif-col-],
    .no-gutter [class*=motif-col-] {
        padding-right: 0;
        padding-left: 0
    }

    .motif-col-xxl {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%;
        box-sizing: border-box
    }

    .motif-col-xxl-1 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .motif-col-xxl-offset-1 {
        box-sizing: border-box;
        position: relative;
        margin-left: 8.3333333333%
    }

    .motif-col-xxl-2 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .motif-col-xxl-offset-2 {
        box-sizing: border-box;
        position: relative;
        margin-left: 16.6666666667%
    }

    .motif-col-xxl-3 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 25%;
        max-width: 25%
    }

    .motif-col-xxl-offset-3 {
        box-sizing: border-box;
        position: relative;
        margin-left: 25%
    }

    .motif-col-xxl-4 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .motif-col-xxl-offset-4 {
        box-sizing: border-box;
        position: relative;
        margin-left: 33.3333333333%
    }

    .motif-col-xxl-5 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .motif-col-xxl-offset-5 {
        box-sizing: border-box;
        position: relative;
        margin-left: 41.6666666667%
    }

    .motif-col-xxl-6 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 50%;
        max-width: 50%
    }

    .motif-col-xxl-offset-6 {
        box-sizing: border-box;
        position: relative;
        margin-left: 50%
    }

    .motif-col-xxl-7 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    .motif-col-xxl-offset-7 {
        box-sizing: border-box;
        position: relative;
        margin-left: 58.3333333333%
    }

    .motif-col-xxl-8 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .motif-col-xxl-offset-8 {
        box-sizing: border-box;
        position: relative;
        margin-left: 66.6666666667%
    }

    .motif-col-xxl-9 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 75%;
        max-width: 75%
    }

    .motif-col-xxl-offset-9 {
        box-sizing: border-box;
        position: relative;
        margin-left: 75%
    }

    .motif-col-xxl-10 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .motif-col-xxl-offset-10 {
        box-sizing: border-box;
        position: relative;
        margin-left: 83.3333333333%
    }

    .motif-col-xxl-11 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .motif-col-xxl-offset-11 {
        box-sizing: border-box;
        position: relative;
        margin-left: 91.6666666667%
    }

    .motif-col-xxl-12 {
        box-sizing: border-box;
        flex: 0 0 auto;
        position: relative;
        flex-basis: 100%;
        max-width: 100%
    }

    .motif-col-xxl-offset-12 {
        box-sizing: border-box;
        position: relative;
        margin-left: 100%
    }

    .motif-start-xxl {
        justify-content: flex-start;
        text-align: left
    }

    .motif-center-xxl {
        justify-content: center;
        text-align: center
    }

    .motif-end-xxl {
        justify-content: flex-end;
        text-align: right
    }

    .motif-top-xxl {
        align-items: flex-start
    }

    .motif-middle-xxl {
        align-items: center;
        display: flex
    }

    .motif-bottom-xxl {
        align-items: flex-end
    }

    .motif-around-xxl {
        justify-content: space-around
    }

    .motif-between-xxl {
        justify-content: space-between
    }

    .motif-first-xxl {
        order: -1
    }

    .motif-last-xxl {
        order: 1
    }
}

.hide-for-accessibility {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.motif-button {
    margin: 10px 0
}

.motif-card .motif-icon span {
    display: flex
}

.motif-toast {
    margin-bottom: 40px
}

.example-button-container {
    display: flex;
    align-items: center
}

.example-button-container>.motif-button {
    margin-right: 10px
}

.tooltip-custom .motif-tooltip-right .motif-tooltip-arrow:before {
    border-width: 16px 16px 16px 16px;
    border-color: gray
}

.tooltip-custom .motif-tooltip-right .motif-tooltip-inner {
    border-width: 1px;
    border-color: gray
}

.tooltip-custom .motif-tooltip-right .motif-tooltip-inner p,
.tooltip-custom .motif-tooltip-right .motif-tooltip-inner pre {
    margin: 0
}

.example-footer-container {
    border: 1px solid green;
    height: 300px;
    overflow: auto
}

.example-footer {
    display: flex;
    align-items: center
}

.example-footer>* {
    margin-right: 10px;
    width: 110px;
    height: 44px
}

.example-footer-2 {
    display: flex;
    align-items: center
}

.example-footer-2 .example-footer-icon {
    height: 18px;
    margin-left: -12px
}

.example-footer-2>* {
    margin-right: 10px;
    width: 110px;
    height: 44px
}

.example-footer-2>*:first-child {
    margin-right: auto;
    width: 125px
}

.motif-theme-light .motif-metadata+.motif-button {
    color: #3a3a4a
}

.motif-theme-dark .motif-metadata+.motif-button {
    color: #fff
}

.motif-metadata+.motif-button,
.motif-metadata~.motif-button-metadata+.motif-button {
    padding: 12px 20px;
    background-color: var(--metadata-header--bg-color);
    text-align: left;
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 0;
    justify-content: flex-start;
    border: none
}

.motif-metadata+.motif-button:before,
.motif-metadata~.motif-button-metadata+.motif-button:before {
    background: var(--metadata-line-separator--border-color);
    margin: 0 20px 0 20px;
    position: absolute;
    content: "";
    height: 1px;
    right: 0;
    left: 0;
    top: 0
}

.motif-metadata+.motif-button svg,
.motif-metadata~.motif-button-metadata+.motif-button svg {
    color: var(--btn-icon-color)
}

.motif-metadata+.motif-button:hover,
.motif-metadata~.motif-button-metadata+.motif-button:hover {
    --metadata-header--bg-color: var(--metadata-header-hover--bg-color)
}

.motif-metadata+.motif-button:hover:before,
.motif-metadata~.motif-button-metadata+.motif-button:hover:before {
    background: none
}

.motif-metadata+.motif-button:hover svg,
.motif-metadata~.motif-button-metadata+.motif-button:hover svg {
    color: var(--btn-icon-color)
}

.motif-metadata+.motif-button .motif-icon,
.motif-metadata~.motif-button-metadata+.motif-button .motif-icon {
    margin-right: 5px
}

.motif-filters header .clear-all-disabled {
    color: #747480
}

.motif-filters .accordion-wrapper {
    overflow-y: auto;
    overflow-x: hidden
}