[motif-theme=light],
.motif-theme-light {
    --accordion--border-color: #E6E6E9;
    --accordion--border-style: solid;
    --accordion--border-width: .0714285714rem;
    --accordion--border-radius: .2857142857rem;
    --accordion--box-shadow: none;
    --accordion-accent-expanded--bg-color: none;
    --accordion-header--border-color: #E6E6E9;
    --accordion-header--border-style: solid;
    --accordion-header--border-width: .0714285714rem;
    --accordion-header--border-radius: 0rem;
    --accordion-header--color: #2E2E38;
    --accordion-header--bg-color: #FFF;
    --accordion-header--box-shadow: none;
    --accordion-header-focus--border-color: #0F69AE;
    --accordion-header-focus--border-style: solid;
    --accordion-header-focus--border-width: .0714285714rem;
    --accordion-header-focus--border-radius: .4285714286rem;
    --accordion-header-focus--bg-color: #F3F3F5;
    --accordion-header-focus--color: #2E2E38;
    --accordion-header-focus--outline-color: #0F69AE;
    --accordion-header-focus--outline-style: solid;
    --accordion-header-focus--outline-width: .1428571429rem;
    --accordion-header-focus--outline-offset: .1428571429rem;
    --accordion-header-focus--box-shadow: none;
    --accordion-header-hover--border-color: #E6E6E9;
    --accordion-header-hover--border-style: solid;
    --accordion-header-hover--border-width: .0714285714rem;
    --accordion-header-hover--bg-color: #F3F3F5;
    --accordion-header-hover--color: #2E2E38;
    --accordion-header-hover--box-shadow: none;
    --accordion-header-alt--border-color: #E6E6E9;
    --accordion-header-alt--border-style: solid;
    --accordion-header-alt--border-width: .0714285714rem;
    --accordion-header-alt--color: #2E2E38;
    --accordion-header-alt--bg-color: #FFF;
    --accordion-header-alt--box-shadow: none;
    --accordion-header-alt-focus--border-color: #E6E6E9;
    --accordion-header-alt-focus--border-style: solid;
    --accordion-header-alt-focus--border-width: .0714285714rem;
    --accordion-header-alt-focus--bg-color: #F3F3F5;
    --accordion-header-alt-focus--color: #2E2E38;
    --accordion-header-alt-focus--box-shadow: none;
    --accordion-header-alt-hover--border-color: #E6E6E9;
    --accordion-header-alt-hover--border-style: solid;
    --accordion-header-alt-hover--border-width: .0714285714rem;
    --accordion-header-alt-hover--bg-color: #F3F3F5;
    --accordion-header-alt-hover--color: #2E2E38;
    --accordion-header-alt-hover--box-shadow: none;
    --accordion-header-icon-color: #656579;
    --accordion-header-icon-focus-icon-color: #656579;
    --accordion-header-icon-hover-icon-color: #656579;
    --accordion-header-alt-icon-color: #656579;
    --accordion-header-icon-alt-focus-icon-color: #656579;
    --accordion-header-icon-alt-hover-icon-color: #656579;
    --accordion-functional-expanded--bg-color: #FFF;
    --accordion-functional-expanded-alt--bg-color: #FFF;
    --accordion-editorial-expanded--bg-color: #FFF;
    --accordion-action--border-color: #BFBFC8 transparent transparent transparent;
    --accordion-action--border-style: solid none none none;
    --accordion-action--border-width: .0714285714rem 0 0 0;
    --avatar-bg-color-list: #F3F3F5, #E6E6E9;
    --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: #FFF;
    --avatar-status-online--bg-color: #26A04B;
    --avatar-status--border-color: #FFF;
    --avatar-status--border-style: solid;
    --avatar-status--border-width: .1071428571rem;
    --avatar-status-no-disturb-icon-color: #FFF;
    --avatar-status-no-disturb--bg-color: #EA011D;
    --avatar-status-no-available-icon-color: #FFF;
    --avatar-status-no-available--bg-color: #EA011D;
    --avatar-status-absent-icon-color: #FFF;
    --avatar-status-absent--bg-color: #EE8300;
    --avatar-status-warning-icon-color: #FFF;
    --avatar-status-warning--bg-color: #EE8300;
    --avatar-status-none-icon-color: #FFF;
    --avatar-status-none--bg-color: #AFAEBA;
    --avatar-initials-icon--color: #2E2E38;
    --avatar-initials--color: #2E2E38;
    --avatar-initials--bg-color: #F3F3F5;
    --avatar-initials--border-color: #E6E6E9;
    --avatar-initials--border-style: solid;
    --avatar-initials--border-width: .0714285714rem;
    --avatar-interactive-hover--opacity: .8;
    --avatar-interactive-hover--bg-color: #E6E6E9;
    --avatar-interactive-hover--color: #656579;
    --avatar-interactive-focus--opacity: 1;
    --avatar-interactive-focus--bg-color: #F3F3F5;
    --avatar-interactive-focus--color: #656579;
    --avatar-interactive-disabled--opacity: .6;
    --avatar-interactive-disabled--bg-color: #D7D7DC;
    --avatar-interactive-disabled--color: #656579;
    --avatar-interactive-outline-color: #0F69AE;
    --avatar-interactive-outline-style: solid;
    --avatar-interactive-outline-width: .1428571429rem;
    --avatar-interactive-outline-offset: .1428571429rem;
    --badge--color: #656579;
    --badge--bg-color: #FFF;
    --badge--box-shadow: none;
    --badge--outline-width: .0714285714rem;
    --badge--outline-style: solid;
    --badge--outline-color: #D7D7DC;
    --badge-alt--color: #656579;
    --badge-alt--bg-color: #E6E6E9;
    --badge-warning--bg-color: #FCF5F0;
    --badge-warning--color: #975100;
    --badge-error--bg-color: #FCF5F3;
    --badge-error--color: #C70117;
    --badge-success--bg-color: #E7FCE8;
    --badge-success--color: #197335;
    --badge-info--bg-color: #F4F7FC;
    --badge-info--color: #0F69AE;
    --badge-info-alt--bg-color: #FFE600;
    --badge-info-alt--color: #2E2E38;
    --badge-ghost--bg-color: #F9F9FA;
    --badge-ghost--color: #656579;
    --breadcrumb-alt--color: #0F69AE;
    --breadcrumb-arrow-separator--color: #9897A6;
    --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: .0714285714rem;
    --breadcrumb-dropdown-menu-item--border-color: transparent;
    --breadcrumb-dropdown-menu-item-focus--color: #2E2E38;
    --breadcrumb-dropdown-menu-item-focus--bg-color: #F3F3F5;
    --breadcrumb-dropdown-menu-item-focus--box-shadow: none;
    --breadcrumb-dropdown-menu-item-focus--border-style: solid;
    --breadcrumb-dropdown-menu-item-focus--border-width: .0714285714rem;
    --breadcrumb-dropdown-menu-item-focus--border-color: none;
    --breadcrumb-dropdown-menu-item-hover--color: #2E2E38;
    --breadcrumb-dropdown-menu-item-hover--bg-color: #F3F3F5;
    --breadcrumb-dropdown-menu-item-hover--box-shadow: none;
    --breadcrumb-dropdown-menu-item-hover--border-style: solid;
    --breadcrumb-dropdown-menu-item-hover--border-width: .0714285714rem;
    --breadcrumb-dropdown-menu-item-hover--border-color: transparent;
    --breadcrumb-dropdown-menu-item-disabled--color: #9897A6;
    --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: .0714285714rem;
    --breadcrumb-dropdown-menu-item-disabled--border-color: transparent;
    --breadcrumb-dropdown-menu-item-icon-color: #9897A6;
    --breadcrumb-dropdown-menu-item-focus-icon-color: #656579;
    --breadcrumb-dropdown-menu-item-hover-icon-color: #656579;
    --breadcrumb-dropdown-menu-item-disabled-icon-color: #9897A6;
    --breadcrumb-dropdown-trigger--bg-color: transparent;
    --breadcrumb-dropdown-trigger--box-shadow: none;
    --breadcrumb-dropdown-trigger--border-radius: 0;
    --breadcrumb-dropdown-trigger--border-width: .0714285714rem;
    --breadcrumb-dropdown-trigger--border-style: solid;
    --breadcrumb-dropdown-trigger--border-color: transparent;
    --breadcrumb-dropdown-trigger-focus--bg-color: transparent;
    --breadcrumb-dropdown-trigger-focus--box-shadow: none;
    --breadcrumb-dropdown-trigger-focus--border-width: .0714285714rem;
    --breadcrumb-dropdown-trigger-focus--border-style: solid;
    --breadcrumb-dropdown-trigger-focus--border-color: transparent;
    --breadcrumb-dropdown-trigger-hover--bg-color: transparent;
    --breadcrumb-dropdown-trigger-hover--box-shadow: none;
    --breadcrumb-dropdown-trigger-hover--border-width: .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: #4D4D5C;
    --breadcrumb-dropdown-trigger-icon-focus-color: #4D4D5C;
    --breadcrumb-item--color: #2E2E38;
    --breadcrumb-item-hover--color: #4D4D5C;
    --breadcrumb-item-focus--color: #4D4D5C;
    --breadcrumb-item-disabled--color: #9897A6;
    --breadcrumb-item-active--color: #9897A6;
    --breadcrumb-item-icon-color: #656579;
    --breadcrumb-item-icon-hover-icon-color: #4D4D5C;
    --breadcrumb-item-icon-focus-icon-color: #4D4D5C;
    --breadcrumb-item-icon-disabled-icon-color: #9897A6;
    --breadcrumb-item-icon-active-icon-color: #9897A6;
    --breadcrumb-item-alt--color: #0F69AE;
    --breadcrumb-item-alt-hover--color: #1275C1;
    --breadcrumb-item-alt-focus--color: #1275C1;
    --breadcrumb-item-alt-disabled--color: #9897A6;
    --breadcrumb-item-alt-active--color: #7F7F91;
    --breadcrumb-item-icon-alt-icon-color: #0F69AE;
    --breadcrumb-item-icon-alt-hover-icon-color: #1275C1;
    --breadcrumb-item-icon-alt-active-icon-color: #7F7F91;
    --breadcrumb-item-icon-alt-focus-icon-color: #1275C1;
    --breadcrumb-item-icon-alt-disabled-icon-color: #9897A6;
    --breadcrumb-item-link-size: 1rem;
    --breadcrumb-item-link-decoration: none;
    --breadcrumb-item-link-weight: 400;
    --breadcrumb-item-link-hover-weight: 400;
    --breadcrumb-item-link-separator-visibility: none;
    --breadcrumb-item-focus--outline-color: #0F69AE;
    --breadcrumb-item-focus--outline-style: solid;
    --breadcrumb-item-focus--outline-width: .1428571429rem;
    --breadcrumb-item-focus--outline-offset: .1428571429rem;
    --breadcrumb-item-focus--border-radius: .4285714286rem;
    --breadcrumb-item-focus--border-width: 0rem;
    --breadcrumb-item-focus--border-style: solid;
    --breadcrumb-item-focus--border-color: none;
    --btn--font-weight: var(--weight-regular);
    --btn--border-color: inherit;
    --btn--border-style: solid;
    --btn--border-width: .0714285714rem;
    --btn--border-radius: var(--border-radius);
    --btn--box-shadow: none;
    --btn-hover--box-shadow: none;
    --btn--bg-color: #2E2E38;
    --btn--color: #FFF;
    --btn-focus--outline-style: solid;
    --btn-focus--outline-color: #0F69AE;
    --btn-focus--outline-width: .1428571429rem;
    --btn-focus--outline-offset: .1428571429rem;
    --btn-primary--bg-color: #2E2E38;
    --btn-primary--border-color: #2E2E38;
    --btn-primary--border-style: var(--btn--border-style);
    --btn-primary--border-width: var(--btn--border-width);
    --btn-primary--color: #FFF;
    --btn-primary--box-shadow: none;
    --btn-primary--border-radius: .2857142857rem;
    --btn-primary-icon-color: #AFAEBA;
    --btn-primary-focus--bg-color: #4D4D5C;
    --btn-primary-focus--border-color: #4D4D5C;
    --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: .2857142857rem;
    --btn-primary-focus-icon-color: #AFAEBA;
    --btn-primary-hover--bg-color: #4D4D5C;
    --btn-primary-hover--border-color: #4D4D5C;
    --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: .2857142857rem;
    --btn-primary-hover-icon-color: #AFAEBA;
    --btn-primary-active--bg-color: #656579;
    --btn-primary-active--border-color: #656579;
    --btn-primary-active--border-style: var(--btn--border-style);
    --btn-primary-active--border-width: var(--btn--border-width);
    --btn-primary-active--color: #FFF;
    --btn-primary-active--box-shadow: none;
    --btn-primary-active--border-radius: .2857142857rem;
    --btn-primary-active-icon-color: #AFAEBA;
    --btn-primary-disabled--bg-color: #9897A6;
    --btn-primary-disabled--border-color: #9897A6;
    --btn-primary-disabled--border-style: var(--btn--border-style);
    --btn-primary-disabled--border-width: var(--btn--border-width);
    --btn-primary-disabled--color: #F3F3F5;
    --btn-primary-disabled--box-shadow: none;
    --btn-primary-disabled--border-radius: .2857142857rem;
    --btn-primary-disabled-icon-color: #F3F3F5;
    --btn-primary-disabled-progress--bg-color: #F3F3F5;
    --btn-primary-alt--bg-color: #F3F3F5;
    --btn-primary-alt--border-color: #F3F3F5;
    --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: .2857142857rem;
    --btn-primary-alt-icon-color: #656579;
    --btn-primary-alt-focus--bg-color: #E6E6E9;
    --btn-primary-alt-focus--border-color: #E6E6E9;
    --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: .2857142857rem;
    --btn-primary-alt-focus-icon-color: #656579;
    --btn-primary-alt-hover--bg-color: #E6E6E9;
    --btn-primary-alt-hover--border-color: #E6E6E9;
    --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: .2857142857rem;
    --btn-primary-alt-hover-icon-color: #656579;
    --btn-primary-alt-active--bg-color: #D7D7DC;
    --btn-primary-alt-active--border-color: #D7D7DC;
    --btn-primary-alt-active--border-style: var(--btn--border-style);
    --btn-primary-alt-active--border-width: var(--btn--border-width);
    --btn-primary-alt-active--color: #2E2E38;
    --btn-primary-alt-active--box-shadow: none;
    --btn-primary-alt-active--border-radius: .2857142857rem;
    --btn-primary-alt-active-icon-color: #656579;
    --btn-primary-alt-disabled--bg-color: #F3F3F5;
    --btn-primary-alt-disabled--border-color: #F3F3F5;
    --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: #9897A6;
    --btn-primary-alt-disabled--box-shadow: none;
    --btn-primary-alt-disabled--border-radius: .2857142857rem;
    --btn-primary-alt-disabled-icon-color: #9897A6;
    --btn-primary-alt-disabled-progress--bg-color: #9897A6;
    --btn-secondary--bg-color: transparent;
    --btn-secondary--border-color: #C3C3CB;
    --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: .2857142857rem;
    --btn-secondary-icon-color: #656579;
    --btn-secondary-focus--bg-color: #E6E6E9;
    --btn-secondary-focus--border-color: #C3C3CB;
    --btn-secondary-focus--border-style: var(--btn--border-style);
    --btn-secondary-focus--border-width: var(--btn--border-width);
    --btn-secondary-focus--color: #2E2E38;
    --btn-secondary-focus--box-shadow: none;
    --btn-secondary-focus--border-radius: .2857142857rem;
    --btn-secondary-focus-icon-color: #656579;
    --btn-secondary-hover--bg-color: #E6E6E9;
    --btn-secondary-hover--border-color: #C3C3CB;
    --btn-secondary-hover--border-style: var(--btn--border-style);
    --btn-secondary-hover--border-width: var(--btn--border-width);
    --btn-secondary-hover--color: #2E2E38;
    --btn-secondary-hover--box-shadow: none;
    --btn-secondary-hover--border-radius: .2857142857rem;
    --btn-secondary-hover-icon-color: #656579;
    --btn-secondary-active--bg-color: #D7D7DC;
    --btn-secondary-active--border-color: #C3C3CB;
    --btn-secondary-active--border-style: var(--btn--border-style);
    --btn-secondary-active--border-width: var(--btn--border-width);
    --btn-secondary-active--color: #2E2E38;
    --btn-secondary-active--box-shadow: none;
    --btn-secondary-active--border-radius: .2857142857rem;
    --btn-secondary-active-icon-color: #656579;
    --btn-secondary-disabled--bg-color: transparent;
    --btn-secondary-disabled--border-color: #C3C3CB;
    --btn-secondary-disabled--border-style: var(--btn--border-style);
    --btn-secondary-disabled--border-width: var(--btn--border-width);
    --btn-secondary-disabled--color: #9897A6;
    --btn-secondary-disabled--box-shadow: none;
    --btn-secondary-disabled--border-radius: .2857142857rem;
    --btn-secondary-disabled-icon-color: #9897A6;
    --btn-secondary-disabled-progress--bg-color: #9897A6;
    --btn-ghost--bg-color: transparent;
    --btn-ghost--border-color: transparent;
    --btn-ghost--border-style: var(--btn--border-style);
    --btn-ghost--border-width: var(--btn--border-width);
    --btn-ghost--color: #2E2E38;
    --btn-ghost--box-shadow: none;
    --btn-ghost--border-radius: .2857142857rem;
    --btn-ghost-icon-color: #656579;
    --btn-ghost-hover--bg-color: #E6E6E9;
    --btn-ghost-hover--border-color: transparent;
    --btn-ghost-hover--border-style: var(--btn--border-style);
    --btn-ghost-hover--border-width: var(--btn--border-width);
    --btn-ghost-hover--color: #2E2E38;
    --btn-ghost-hover--box-shadow: none;
    --btn-ghost-hover--border-radius: .2857142857rem;
    --btn-ghost-hover-icon-color: #656579;
    --btn-ghost-active--bg-color: #D7D7DC;
    --btn-ghost-active--border-color: transparent;
    --btn-ghost-active--border-style: var(--btn--border-style);
    --btn-ghost-active--border-width: var(--btn--border-width);
    --btn-ghost-active--color: #2E2E38;
    --btn-ghost-active--box-shadow: none;
    --btn-ghost-active--border-radius: .2857142857rem;
    --btn-ghost-active-icon-color: #656579;
    --btn-ghost-focus--bg-color: #E6E6E9;
    --btn-ghost-focus--border-color: transparent;
    --btn-ghost-focus--border-style: var(--btn--border-style);
    --btn-ghost-focus--border-width: var(--btn--border-width);
    --btn-ghost-focus--color: #2E2E38;
    --btn-ghost-focus--box-shadow: none;
    --btn-ghost-focus--border-radius: .2857142857rem;
    --btn-ghost-focus-icon-color: #656579;
    --btn-ghost-disabled--bg-color: transparent;
    --btn-ghost-disabled--border-color: transparent;
    --btn-ghost-disabled--border-style: var(--btn--border-style);
    --btn-ghost-disabled--border-width: var(--btn--border-width);
    --btn-ghost-disabled--color: #9897A6;
    --btn-ghost-disabled--box-shadow: none;
    --btn-ghost-disabled--border-radius: .2857142857rem;
    --btn-ghost-disabled-icon-color: #9897A6;
    --btn-ghost-disabled-progress--bg-color: #9897A6;
    --btn-warn--bg-color: #EA011D;
    --btn-warn--border-color: transparent;
    --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: .2857142857rem;
    --btn-warn-icon-color: #FCD7CF;
    --btn-warn-progress--bg-color: #FFF;
    --btn-warn-hover--bg-color: #C70117;
    --btn-warn-hover--border-color: #C70117;
    --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: .2857142857rem;
    --btn-warn-hover-icon-color: #FCD7CF;
    --btn-warn-active--bg-color: #A40011;
    --btn-warn-active--border-color: #A40011;
    --btn-warn-active--border-style: var(--btn--border-style);
    --btn-warn-active--border-width: var(--btn--border-width);
    --btn-warn-active--color: #FFF;
    --btn-warn-active--box-shadow: none;
    --btn-warn-active--border-radius: .2857142857rem;
    --btn-warn-active-icon-color: #FCD7CF;
    --btn-warn-focus--bg-color: #C70117;
    --btn-warn-focus--border-color: #C70117;
    --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: .2857142857rem;
    --btn-warn-focus-icon-color: #FCD7CF;
    --btn-warn-disabled--bg-color: #9897A6;
    --btn-warn-disabled--border-color: #9897A6;
    --btn-warn-disabled--border-style: var(--btn--border-style);
    --btn-warn-disabled--border-width: var(--btn--border-width);
    --btn-warn-disabled--color: #FFF;
    --btn-warn-disabled--box-shadow: none;
    --btn-warn-disabled--border-radius: .2857142857rem;
    --btn-warn-disabled-icon-color: #F3F3F5;
    --btn-warn-disabled-progress--bg-color: #FFF;
    --btn-warn-secondary--bg-color: #FFF;
    --btn-warn-secondary--border-color: #FF4136;
    --btn-warn-secondary--border-style: var(--btn--border-style);
    --btn-warn-secondary--border-width: var(--btn--border-width);
    --btn-warn-secondary--color: #EA011D;
    --btn-warn-secondary--box-shadow: none;
    --btn-warn-secondary--border-radius: .2857142857rem;
    --btn-warn-secondary-icon-color: #FF4136;
    --btn-warn-secondary-progress--bg-color: #EA011D;
    --btn-warn-secondary-hover--bg-color: #FCF5F3;
    --btn-warn-secondary-hover--border-color: #FF4136;
    --btn-warn-secondary-hover--border-style: var(--btn--border-style);
    --btn-warn-secondary-hover--border-width: var(--btn--border-width);
    --btn-warn-secondary-hover--color: #C70117;
    --btn-warn-secondary-hover--box-shadow: none;
    --btn-warn-secondary-hover--border-radius: .2857142857rem;
    --btn-warn-secondary-hover-icon-color: #C70117;
    --btn-warn-secondary-active--bg-color: #FCD7CF;
    --btn-warn-secondary-active--border-color: #FF4136;
    --btn-warn-secondary-active--border-style: var(--btn-border-style);
    --btn-warn-secondary-active--border-width: var(--btn-border-width);
    --btn-warn-secondary-active--color: #A40011;
    --btn-warn-secondary-active--box-shadow: none;
    --btn-warn-secondary-active--border-radius: .2857142857rem;
    --btn-warn-secondary-active-icon-color: #A40011;
    --btn-warn-secondary-focus--bg-color: #FCF5F3;
    --btn-warn-secondary-focus--border-color: #C70117;
    --btn-warn-secondary-focus--border-style: var(--btn-border-style);
    --btn-warn-secondary-focus--border-width: var(--btn-border-width);
    --btn-warn-secondary-focus--color: #C70117;
    --btn-warn-secondary-focus--box-shadow: none;
    --btn-warn-secondary-focus--border-radius: .2857142857rem;
    --btn-warn-secondary-focus--icon-color: #C70117;
    --btn-warn-secondary-disabled--bg-color: transparent;
    --btn-warn-secondary-disabled--border-color: #C3C3CB;
    --btn-warn-secondary-disabled--border-style: var(--btn--border-style);
    --btn-warn-secondary-disabled--border-width: var(--btn--border-width);
    --btn-warn-secondary-disabled--color: #9897A6;
    --btn-warn-secondary-disabled--box-shadow: none;
    --btn-warn-secondary-disabled--border-radius: .2857142857rem;
    --btn-warn-secondary-disabled-icon-color: #9897A6;
    --btn-warn-ghost--bg-color: transparent;
    --btn-warn-ghost--border-color: transparent;
    --btn-warn-ghost--border-style: var(--btn--border-style);
    --btn-warn-ghost--border-width: var(--btn--border-width);
    --btn-warn-ghost--color: #EA011D;
    --btn-warn-ghost--box-shadow: none;
    --btn-warn-ghost--border-radius: .2857142857rem;
    --btn-warn-ghost-icon-color: #FF4136;
    --btn-warn-ghost-progress--bg-color: #EA011D;
    --btn-warn-ghost-hover--bg-color: #FCF5F3;
    --btn-warn-ghost-hover--border-color: transparent;
    --btn-warn-ghost-hover--border-style: var(--btn--border-style);
    --btn-warn-ghost-hover--border-width: var(--btn--border-width);
    --btn-warn-ghost-hover--color: #C70117;
    --btn-warn-ghost-hover--box-shadow: none;
    --btn-warn-ghost-hover--border-radius: .2857142857rem;
    --btn-warn-ghost-hover-icon-color: #C70117;
    --btn-warn-ghost-active--bg-color: #FCD7CF;
    --btn-warn-ghost-active--border-color: transparent;
    --btn-warn-ghost-active--border-style: var(--btn-border-style);
    --btn-warn-ghost-active--border-width: var(--btn-border-width);
    --btn-warn-ghost-active--color: #A40011;
    --btn-warn-ghost-active--box-shadow: none;
    --btn-warn-ghost-active--border-radius: .2857142857rem;
    --btn-warn-ghost-active-icon-color: #A40011;
    --btn-warn-ghost-focus--bg-color: #FCF5F3;
    --btn-warn-ghost-focus--border-color: transparent;
    --btn-warn-ghost-focus--border-style: var(--btn-border-style);
    --btn-warn-ghost-focus--border-width: var(--btn-border-width);
    --btn-warn-ghost-focus--color: #C70117;
    --btn-warn-ghost-focus--box-shadow: none;
    --btn-warn-ghost-focus--border-radius: .2857142857rem;
    --btn-warn-ghost-focus--icon-color: #FF4136;
    --btn-warn-ghost-disabled--bg-color: transparent;
    --btn-warn-ghost-disabled--border-color: transparent;
    --btn-warn-ghost-disabled--border-style: var(--btn--border-style);
    --btn-warn-ghost-disabled--border-width: var(--btn--border-width);
    --btn-warn-ghost-disabled--color: #9897A6;
    --btn-warn-ghost-disabled--box-shadow: none;
    --btn-warn-ghost-disabled--border-radius: .2857142857rem;
    --btn-warn-ghost-disabled-icon-color: #9897A6;
    --btn-text--color: #2E2E38;
    --btn-text-icon-color: #656579;
    --btn-text--background-color: transparent;
    --btn-text--border-color: transparent;
    --btn-text--border-style: none;
    --btn-text--border-width: none;
    --btn-text--border-radius: .2857142857rem;
    --btn-text--text-underline-offset: transparent;
    --btn-text--box-shadow: none;
    --btn-text-hover--color: #4D4D5C;
    --btn-text-hover--background-color: transparent;
    --btn-text-hover-icon-color: #656579;
    --btn-text-hover--border-color: transparent;
    --btn-text-hover--border-style: none;
    --btn-text-hover--border-width: 0;
    --btn-text-hover--box-shadow: none;
    --btn-text-hover--border-radius: .2857142857rem;
    --btn-text-focus--color: #4D4D5C;
    --btn-text-focus-icon--color: #2E2E38;
    --btn-text-focus--background-color: #F9F9FA;
    --btn-text-focus--border-color: transparent;
    --btn-text-focus--border-style: none;
    --btn-text-focus--border-width: 0;
    --btn-text-focus--box-shadow: none;
    --btn-text-focus--border-radius: .2857142857rem;
    --btn-text-active--color: #656579;
    --btn-text-active-icon-color: #656579;
    --btn-text-active--background-color: transparent;
    --btn-text-active--border-color: transparent;
    --btn-text-active--border-style: none;
    --btn-text-active--border-width: 0;
    --btn-text-active--box-shadow: none;
    --btn-text-active--border-radius: .2857142857rem;
    --btn-text-disabled--bg-color: transparent;
    --btn-text-disabled--color: #9897A6;
    --btn-text-disabled-icon--color: #9897A6;
    --btn-text-disabled-progress--background-color: transparent;
    --btn-text-disabled--border-color: transparent;
    --btn-text-disabled--border-style: var(--btn--border-style);
    --btn-text-disabled--border-width: var(--btn--border-width);
    --btn-text-disabled--box-shadow: none;
    --btn-text-disabled--border-radius: .2857142857rem;
    --btn-text-alt--color: #0F69AE;
    --btn-text-alt-icon-color: #0F69AE;
    --btn-text-alt--background-color: transparent;
    --btn-text-alt--border-color: transparent;
    --btn-text-alt--border-style: none;
    --btn-text-alt--border-width: none;
    --btn-text-alt--text-underline-offset: .1428571429rem;
    --btn-text-alt--box-shadow: none;
    --btn-text-alt--border-radius: none;
    --btn-text-alt-progress--background-color: #0F69AE;
    --btn-text-alt-focus--color: #1275C1;
    --btn-text-alt-focus--background-color: #F9F9FA;
    --btn-text-alt-focus-icon--color: #0F69AE;
    --btn-text-alt-focus--border-color: transparent;
    --btn-text-alt-focus--border-style: none;
    --btn-text-alt-focus--border-width: 0;
    --btn-text-alt-focus--box-shadow: none;
    --btn-text-alt-focus--border-radius: .2857142857rem;
    --btn-text-alt-hover--background-color: transparent;
    --btn-text-alt-hover--color: #1275C1;
    --btn-text-alt-hover--border-color: transparent;
    --btn-text-alt-hover--border-style: none;
    --btn-text-alt-hover--border-width: none;
    --btn-text-alt-hover--box-shadow: none;
    --btn-text-alt-hover--border-radius: .2857142857rem;
    --btn-text-alt-hover-icon-color: #1275C1;
    --btn-text-alt-hover-text-decoration: none;
    --btn-text-alt-active--color: #188CE5;
    --btn-text-alt-active--background-color: transparent;
    --btn-text-alt-active-icon--color: #1275C1;
    --btn-text-alt-active--border-color: transparent;
    --btn-text-alt-active--border-style: none;
    --btn-text-alt-active--border-width: 0;
    --btn-text-alt-active--box-shadow: none;
    --btn-text-alt-active--border-radius: .2857142857rem;
    --btn-text-alt-disabled--color: #9897A6;
    --btn-text-alt-disabled-icon--color: #9897A6;
    --btn-text-alt-disabled-progress--background-color: #9897A6;
    --btn-text-alt-disabled--border-color: transparent;
    --btn-text-alt-disabled--border-style: none;
    --btn-text-alt-disabled--border-width: 0;
    --btn-text-alt-disabled--box-shadow: none;
    --btn-warn-text--bg-color: transparent;
    --btn-warn-text--border-color: transparent;
    --btn-warn-text--border-style: var(--btn-border-style);
    --btn-warn-text--border-width: var(--btn-border-width);
    --btn-warn-text--color: #EA011D;
    --btn-warn-text--box-shadow: none;
    --btn-warn-text--border-radius: .2857142857rem;
    --btn-warn-text-icon-color: #FF4136;
    --btn-warn-text-progress--bg-color: #EA011D;
    --btn-warn-text-hover--bg-color: transparent;
    --btn-warn-text-hover--border-color: transparent;
    --btn-warn-text-hover--border-style: var(--btn-border-style);
    --btn-warn-text-hover--border-width: var(--btn-border-width);
    --btn-warn-text-hover--color: #C70117;
    --btn-warn-text-hover--box-shadow: none;
    --btn-warn-text-hover--border-radius: .2857142857rem;
    --btn-warn-text-hover-icon-color: #C70117;
    --btn-warn-text-active--bg-color: transparent;
    --btn-warn-text-active--border-color: transparent;
    --btn-warn-text-active--border-style: var(--btn-border-style);
    --btn-warn-text-active--border-width: var(--btn-border-width);
    --btn-warn-text-active--color: #A40011;
    --btn-warn-text-active--box-shadow: none;
    --btn-warn-text-active--border-radius: .2857142857rem;
    --btn-warn-text-active-icon-color: #A40011;
    --btn-warn-text-focus--bg-color: #F9F9FA;
    --btn-warn-text-focus--border-color: transparent;
    --btn-warn-text-focus--border-style: var(--btn-border-style);
    --btn-warn-text-focus--border-width: var(--btn-border-width);
    --btn-warn-text-focus--color: #C70117;
    --btn-warn-text-focus--box-shadow: none;
    --btn-warn-text-focus--border-radius: .2857142857rem;
    --btn-warn-text-focus-icon-color: #C70117;
    --btn-warn-text-disabled--bg-color: transparent;
    --btn-warn-text-disabled--border-color: transparent;
    --btn-warn-text-disabled--border-style: var(--btn-border-style);
    --btn-warn-text-disabled--border-width: var(--btn-border-width);
    --btn-warn-text-disabled--color: #9897A6;
    --btn-warn-text-disabled--box-shadow: none;
    --btn-warn-text-disabled--border-radius: .2857142857rem;
    --btn-warn-text-disabled-icon-color: #9897A6;
    --btn-warn-text-disabled-progress--bg-color: #9897A6;
    --btn-icon-color: #656579;
    --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: .2857142857rem;
    --btn-icon-hover-icon-color: #656579;
    --btn-icon-hover--bg-color: #E6E6E9;
    --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: #656579;
    --btn-icon-focus--bg-color: #E6E6E9;
    --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-focus--outline-color: #0F69AE;
    --btn-icon-focus--outline-width: .1428571429rem;
    --btn-icon-focus--outline-style: solid;
    --btn-icon-focus--outline-offset: .1428571429rem;
    --btn-icon-active-icon-color: #656579;
    --btn-icon-active--bg-color: #D7D7DC;
    --btn-icon-active--border-color: transparent;
    --btn-icon-active--border-width: 0 0 0 0;
    --btn-icon-active--border-style: none;
    --btn-icon-active--box-shadow: none;
    --btn-icon-disabled-icon-color: #9897A6;
    --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: #2E2E38;
    --btn-fab--border-style: none;
    --btn-fab--border-width: 0;
    --btn-fab--border-radius: 50%;
    --btn-fab--bg-color: #2E2E38;
    --btn-fab--box-shadow: none;
    --btn-fab-focus--color: #FFF;
    --btn-fab-focus-icon-color: #FFF;
    --btn-fab-focus--bg-color: #2E2E38;
    --btn-fab-focus--box-shadow: none;
    --btn-fab-focus--border-color: #0F69AE;
    --btn-fab-focus--border-style: none;
    --btn-fab-focus--border-width: 0;
    --btn-fab-focus--border-radius: 50%;
    --btn-fab-hover--color: #FFF;
    --btn-fab-hover-icon-color: #FFF;
    --btn-fab-hover--bg-color: #4D4D5C;
    --btn-fab-hover--box-shadow: none;
    --btn-fab-hover--border-color: #4D4D5C;
    --btn-fab-hover--border-style: none;
    --btn-fab-hover--border-width: 0;
    --btn-fab-hover--border-radius: 50%;
    --btn-fab-disabled--color: #9897A6;
    --btn-fab-disabled-icon-color: #9897A6;
    --btn-fab-disabled--bg-color: #F3F3F5;
    --btn-fab-disabled--box-shadow: none;
    --btn-fab-disabled--border-color: #F3F3F5;
    --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: 1.4285714286rem;
    --btn-fab-icon-sm--size: 1.4285714286rem;
    --btn-loader-primary-progress-disabled--bg-color: #F3F3F5;
    --btn-loader-primary--color: #FFF;
    --btn-loader-primary--bg-color: #2E2E38;
    --btn-loader-primary--border-color: #2E2E38;
    --btn-loader-primary--border-style: solid;
    --btn-loader-primary--border-width: .0714285714rem;
    --btn-loader-primary--box-shadow: none;
    --btn-loader-primary--border-radius: .2857142857rem;
    --btn-loader-primary-progress--bg-color: #F3F3F5;
    --btn-loader-primary-hover--color: #FFF;
    --btn-loader-primary-hover--bg-color: #4D4D5C;
    --btn-loader-primary-hover--border-color: #4D4D5C;
    --btn-loader-primary-hover--border-style: solid;
    --btn-loader-primary-hover--border-width: .0714285714rem;
    --btn-loader-primary-hover--box-shadow: none;
    --btn-loader-primary-hover--border-radius: .2857142857rem;
    --btn-loader-primary-progress-hover--bg-color: #F3F3F5;
    --btn-loader-primary-active--color: #FFF;
    --btn-loader-primary-active--bg-color: #656579;
    --btn-loader-primary-active--border-color: #656579;
    --btn-loader-primary-active--border-style: solid;
    --btn-loader-primary-active--border-width: .0714285714rem;
    --btn-loader-primary-active--box-shadow: none;
    --btn-loader-primary-active--border-radius: .2857142857rem;
    --btn-loader-primary-progress-active--bg-color: #F3F3F5;
    --btn-loader-primary-focus--color: #FFF;
    --btn-loader-primary-focus--bg-color: #4D4D5C;
    --btn-loader-primary-focus--border-color: #0F69AE;
    --btn-loader-primary-focus--border-style: solid;
    --btn-loader-primary-focus--border-width: .1428571429rem;
    --btn-loader-primary-focus--box-shadow: none;
    --btn-loader-primary-focus--border-radius: .4285714286rem;
    --btn-loader-primary-progress-focus--bg-color: #F3F3F5;
    --btn-loader-primary-alt-progress-disabled--bg-color: #9897A6;
    --btn-loader-primary-alt--color: #2E2E38;
    --btn-loader-primary-alt--bg-color: #F3F3F5;
    --btn-loader-primary-alt--border-color: transparent;
    --btn-loader-primary-alt--border-style: none;
    --btn-loader-primary-alt--border-width: 0;
    --btn-loader-primary-alt--box-shadow: none;
    --btn-loader-primary-alt--border-radius: .2857142857rem;
    --btn-loader-primary-alt-progress--bg-color: #2E2E38;
    --btn-loader-primary-alt-hover--color: #2E2E38;
    --btn-loader-primary-alt-hover--bg-color: #E6E6E9;
    --btn-loader-primary-alt-hover--border-color: transparent;
    --btn-loader-primary-alt-hover--border-style: none;
    --btn-loader-primary-alt-hover--border-width: 0;
    --btn-loader-primary-alt-hover--box-shadow: none;
    --btn-loader-primary-alt-hover--border-radius: .2857142857rem;
    --btn-loader-primary-alt-progress-hover--bg-color: #2E2E38;
    --btn-loader-primary-alt-active--color: #2E2E38;
    --btn-loader-primary-alt-active--bg-color: #D7D7DC;
    --btn-loader-primary-alt-active--border-color: transparent;
    --btn-loader-primary-alt-active--border-style: none;
    --btn-loader-primary-alt-active--border-width: 0;
    --btn-loader-primary-alt-active--box-shadow: none;
    --btn-loader-primary-alt-active--border-radius: .2857142857rem;
    --btn-loader-primary-alt-progress-active--bg-color: #2E2E38;
    --btn-loader-primary-alt-focus--color: #2E2E38;
    --btn-loader-primary-alt-focus--bg-color: #E6E6E9;
    --btn-loader-primary-alt-focus--border-color: #0F69AE;
    --btn-loader-primary-alt-focus--border-style: solid;
    --btn-loader-primary-alt-focus--border-width: .1428571429rem;
    --btn-loader-primary-alt-focus--box-shadow: none;
    --btn-loader-primary-alt-focus--border-radius: .2857142857rem;
    --btn-loader-primary-alt-progress-focus--bg-color: #2E2E38;
    --btn-loader-secondary-progress-disabled--bg-color: #9897A6;
    --btn-loader-secondary--color: #2E2E38;
    --btn-loader-secondary--bg-color: transparent;
    --btn-loader-secondary--border-color: #C3C3CB;
    --btn-loader-secondary--border-style: solid;
    --btn-loader-secondary--border-width: .0714285714rem;
    --btn-loader-secondary--box-shadow: none;
    --btn-loader-secondary--border-radius: .2857142857rem;
    --btn-loader-secondary-progress--bg-color: #2E2E38;
    --btn-loader-secondary-hover--color: #2E2E38;
    --btn-loader-secondary-hover--bg-color: #E6E6E9;
    --btn-loader-secondary-hover--border-color: #C3C3CB;
    --btn-loader-secondary-hover--border-style: solid;
    --btn-loader-secondary-hover--border-width: .0714285714rem;
    --btn-loader-secondary-hover--box-shadow: none;
    --btn-loader-secondary-hover--border-radius: .2857142857rem;
    --btn-loader-secondary-progress-hover--bg-color: #2E2E38;
    --btn-loader-secondary-active--color: #2E2E38;
    --btn-loader-secondary-active--bg-color: #D7D7DC;
    --btn-loader-secondary-active--border-color: #C3C3CB;
    --btn-loader-secondary-active--border-style: solid;
    --btn-loader-secondary-active--border-width: .0714285714rem;
    --btn-loader-secondary-active--box-shadow: none;
    --btn-loader-secondary-active--border-radius: .2857142857rem;
    --btn-loader-secondary-progress-active--bg-color: #2E2E38;
    --btn-loader-secondary-focus--color: #2E2E38;
    --btn-loader-secondary-focus--bg-color: #E6E6E9;
    --btn-loader-secondary-focus--border-color: #0F69AE;
    --btn-loader-secondary-focus--border-style: solid;
    --btn-loader-secondary-focus--border-width: .1428571429rem;
    --btn-loader-secondary-focus--box-shadow: none;
    --btn-loader-secondary-focus--border-radius: .4285714286rem;
    --btn-loader-secondary-progress-focus--bg-color: #2E2E38;
    --btn-loader-progress--height: .2857142857rem;
    --btn-link--bg-color: transparent;
    --btn-link--border-color: transparent;
    --btn-link--border-style: none;
    --btn-link--border-width: none;
    --btn-link--text-underline-offset: transparent;
    --btn-link--color: #2E2E38;
    --btn-link--box-shadow: none;
    --btn-link--border-radius: none;
    --btn-link-icon-color: #2E2E38;
    --btn-link-focus--color: #4D4D5C;
    --btn-link-focus--bg-color: transparent;
    --btn-link-focus--border-color: transparent;
    --btn-link-focus--border-style: none;
    --btn-link-focus--border-width: 0;
    --btn-link-focus--box-shadow: none;
    --btn-link-focus--border-radius: .2857142857rem;
    --btn-link-focus-icon-color: #4D4D5C;
    --btn-link-active--color: #656579;
    --btn-link-active--bg-color: transparent;
    --btn-link-active--border-color: transparent;
    --btn-link-active--border-style: none;
    --btn-link-active--border-width: 0;
    --btn-link-active--box-shadow: none;
    --btn-link-active--border-radius: .2857142857rem;
    --btn-link-active-icon-color: #656579;
    --btn-link-hover--color: #4D4D5C;
    --btn-link-hover--bg-color: transparent;
    --btn-link-hover--border-color: transparent;
    --btn-link-hover--border-style: none;
    --btn-link-hover--border-width: none;
    --btn-link-hover--box-shadow: none;
    --btn-link-hover--border-radius: .2857142857rem;
    --btn-link-hover-icon-color: #4D4D5C;
    --btn-link-hover-text-decoration: none;
    --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: #9897A6;
    --btn-link-disabled--box-shadow: none;
    --btn-link-disabled--border-radius: .2857142857rem;
    --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: #9897A6;
    --btn-link-disabled-badge--color: #FFF;
    --btn-link-disabled-icon-color: #9897A6;
    --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: #7F7F91;
    --btn-link-badge--color: #FFF;
    --btn-link-alt--bg-color: transparent;
    --btn-link-alt--border-color: transparent;
    --btn-link-alt--border-style: none;
    --btn-link-alt--border-width: none;
    --btn-link-alt--text-underline-offset: .1428571429rem;
    --btn-link-alt--color: #0F69AE;
    --btn-link-alt--box-shadow: none;
    --btn-link-alt--border-radius: none;
    --btn-link-alt-icon-color: #0F69AE;
    --btn-link-alt-focus--color: #1275C1;
    --btn-link-alt-focus--bg-color: transparent;
    --btn-link-alt-focus--border-color: transparent;
    --btn-link-alt-focus--border-style: none;
    --btn-link-alt-focus--border-width: 0;
    --btn-link-alt-focus--box-shadow: none;
    --btn-link-alt-focus--border-radius: .2857142857rem;
    --btn-link-alt-focus-icon-color: #1275C1;
    --btn-link-alt-active--color: #188CE5;
    --btn-link-alt-active--bg-color: transparent;
    --btn-link-alt-active--border-color: transparent;
    --btn-link-alt-active--border-style: none;
    --btn-link-alt-active--border-width: 0;
    --btn-link-alt-active--box-shadow: none;
    --btn-link-alt-active--border-radius: .2857142857rem;
    --btn-link-alt-active-icon-color: #188CE5;
    --btn-link-alt-hover--color: #1275C1;
    --btn-link-alt-hover--bg-color: transparent;
    --btn-link-alt-hover--border-color: transparent;
    --btn-link-alt-hover--border-style: none;
    --btn-link-alt-hover--border-width: none;
    --btn-link-alt-hover--box-shadow: none;
    --btn-link-alt-hover--border-radius: .2857142857rem;
    --btn-link-alt-hover-icon-color: #1275C1;
    --btn-link-alt-hover-text-decoration: none;
    --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: #9897A6;
    --btn-link-alt-disabled--box-shadow: none;
    --btn-link-alt-disabled--border-radius: .2857142857rem;
    --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: #9897A6;
    --btn-link-alt-disabled-badge--color: #FFF;
    --btn-link-alt-disabled-icon-color: #9897A6;
    --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: #C3C3CB;
    --btn-group--border-style: var(--btn--border-style);
    --btn-group--border-width: var(--btn--border-width);
    --btn-group--bg-color: #FFF;
    --btn-group--color: #2E2E38;
    --btn-group--box-shadow: none;
    --btn-group--border-radius: 0;
    --btn-group--border-radius-left: .2857142857rem 0 0 .2857142857rem;
    --btn-group--border-radius-right: 0 .2857142857rem .2857142857rem 0;
    --btn-group-focus--border-color: #C3C3CB;
    --btn-group-focus--border-style: var(--btn--border-style);
    --btn-group-focus--border-width: var(--btn--border-width);
    --btn-group-focus--bg-color: #E6E6E9;
    --btn-group-focus--color: #2E2E38;
    --btn-group-focus--box-shadow: none;
    --btn-group-focus--border-radius: 0;
    --btn-group-focus--outline-width: .1428571429rem;
    --btn-group-focus--outline-style: solid;
    --btn-group-focus--outline-offset: .1428571429rem;
    --btn-group-focus--outline-color: #0F69AE;
    --btn-group-hover--border-color: #C3C3CB;
    --btn-group-hover--border-style: var(--btn--border-style);
    --btn-group-hover--border-width: var(--btn--border-width);
    --btn-group-hover--bg-color: #E6E6E9;
    --btn-group-hover--color: #2E2E38;
    --btn-group-hover--box-shadow: none;
    --btn-group-hover--border-radius: 0;
    --btn-group-disabled--border-color: #C3C3CB;
    --btn-group-disabled--border-style: var(--btn--border-style);
    --btn-group-disabled--border-width: .0714285714rem;
    --btn-group-disabled--bg-color: #FFF;
    --btn-group-disabled--color: #9897A6;
    --btn-group-disabled--box-shadow: none;
    --btn-group-disabled--border-radius: 0;
    --btn-group-active--border-color: #C3C3CB;
    --btn-group-active--border-style: var(--btn--border-style);
    --btn-group-active--border-width: var(--btn--border-width);
    --btn-group-active--bg-color: #F3F3F5;
    --btn-group-active--color: #2E2E38;
    --btn-group-active--box-shadow: none;
    --btn-group-active--border-radius: 0;
    --card--border-color: #E6E6E9;
    --card--border-style: solid;
    --card--border-width: 1px;
    --card--border-radius: .2857142857rem;
    --card--bg-color: #FFF;
    --card--box-shadow: none;
    --card-hover--box-shadow: none;
    --card-header--border-radius: .2857142857rem;
    --card-header--bg-color: #FFF;
    --card-header-icon-color: #656579;
    --card-header-alt-icon-color: #FFF;
    --card-header-alt-icon-hover-icon-color: #1A1A24;
    --card-header-icon-hover--bg-color: #E6E6E9;
    --card-header-separator-line--border-color: transparent transparent #D7D7DC transparent;
    --card-header-separator-line--border-style: none;
    --card-header-separator-line--border-width: 0 0 .0714285714rem 0;
    --card-header-alt--color: #FFF;
    --card-header-alt--bg-color: #7F7F91;
    --card-header--color: #2E2E38;
    --card-title--color: #656579;
    --card-body--color: #656579;
    --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: #7F7F91 transparent transparent transparent;
    --card-footer-tab-active--border-style: solid none none none;
    --card-footer-tab-active--border-width: .1428571429rem 0 0 0;
    --card-footer--bg-color: #C3C3CB;
    --card-footer--color: #7F7F91;
    --carousel--bg-color: transparent;
    --carousel--border-color: transparent;
    --carousel--border-style: none;
    --carousel--border-width: 0;
    --carousel--box-shadow: none;
    --carousel-dot--border-color: #C3C3CB;
    --carousel-dot--border-style: solid;
    --carousel-dot--border-width: 1px;
    --carousel-dot--bg-color: #C3C3CB;
    --carousel-dot--border-radius: .4285714286rem;
    --carousel-dot--box-shadow: none;
    --carousel-dot-focus--border-color: #2E2E38;
    --carousel-dot-focus--border-style: solid;
    --carousel-dot-focus--border-width: 1px;
    --carousel-dot-focus--bg-color: #2E2E38;
    --carousel-dot-focus--outline-color: #0F69AE;
    --carousel-dot-focus--outline-style: solid;
    --carousel-dot-focus--outline-width: .0714285714rem;
    --carousel-dot-focus--outline-offset: .0714285714rem;
    --carousel-dot-focus--box-shadow: none;
    --carousel-dot-hover--border-color: #2E2E38;
    --carousel-dot-hover--border-style: solid;
    --carousel-dot-hover--border-width: 1px;
    --carousel-dot-hover--bg-color: #2E2E38;
    --carousel-dot-hover--box-shadow: none;
    --carousel-dot-active--border-color: #2E2E38;
    --carousel-dot-active--border-style: solid;
    --carousel-dot-active--border-width: 1px;
    --carousel-dot-active--bg-color: #2E2E38;
    --carousel-dot-active--box-shadow: none;
    --carousel-dot-group--border-color: transparent;
    --carousel-dot-group--border-style: solid;
    --carousel-dot-group--border-width: 1px;
    --carousel-dot-group--bg-color: #F9F9FA;
    --carousel-dot-group--border-radius: 1.2142857143rem;
    --carousel-dot-group--box-shadow: none;
    --carousel-play-pause--border-color: #C3C3CB;
    --carousel-play-pause--border-style: solid;
    --carousel-play-pause--border-width: 1px;
    --carousel-play-pause--bg-color: #F3F3F5;
    --carousel-play-pause--color: #656579;
    --carousel-play-pause--border-radius: 1.5714285714rem;
    --carousel-play-pause-icon-color: #656579;
    --carousel-play-pause-focus--border-color: #0F69AE;
    --carousel-play-pause-focus--border-style: solid;
    --carousel-play-pause-focus--border-width: 1px;
    --carousel-play-pause-focus--bg-color: #E6E6E9;
    --carousel-play-pause-focus--color: #656579;
    --carousel-play-pause-focus-icon-color: #656579;
    --carousel-play-pause-hover--border-color: #C3C3CB;
    --carousel-play-pause-hover--border-style: solid;
    --carousel-play-pause-hover--border-width: 1px;
    --carousel-play-pause-hover--bg-color: #E6E6E9;
    --carousel-play-pause-hover--color: #656579;
    --carousel-play-pause-hover-icon-color: #656579;
    --carousel-play-pause-active--border-color: #C3C3CB;
    --carousel-play-pause-active--border-style: solid;
    --carousel-play-pause-active--border-width: 1px;
    --carousel-play-pause-active--bg-color: #D7D7DC;
    --carousel-play-pause-active--color: #656579;
    --carousel-play-pause-active-icon-color: #656579;
    --carousel-back-forward--bg-color: #F3F3F5;
    --carousel-back-forward--border-color: #C3C3CB;
    --carousel-back-forward--border-style: solid;
    --carousel-back-forward--border-width: 1px;
    --carousel-back-forward--border-radius: 50%;
    --carousel-back-forward--box-shadow: none;
    --carousel-back-forward-icon-color: #656579;
    --carousel-back-forward-focus--bg-color: #E6E6E9;
    --carousel-back-forward-focus--border-color: #0F69AE;
    --carousel-back-forward-focus--border-style: solid;
    --carousel-back-forward-focus--border-width: 1px;
    --carousel-back-forward-focus--box-shadow: none;
    --carousel-back-forward-focus-icon-color: #656579;
    --carousel-back-forward-hover--bg-color: #E6E6E9;
    --carousel-back-forward-hover--border-color: #C3C3CB;
    --carousel-back-forward-hover--border-style: solid;
    --carousel-back-forward-hover--border-width: 1px;
    --carousel-back-forward-hover--box-shadow: none;
    --carousel-back-forward-hover-icon-color: #656579;
    --carousel-back-forward-active--bg-color: #D7D7DC;
    --carousel-back-forward-active--border-color: #C3C3CB;
    --carousel-back-forward-active--border-style: solid;
    --carousel-back-forward-active--border-width: 1px;
    --carousel-back-forward-active--box-shadow: none;
    --carousel-back-forward-active-icon-color: #656579;
    --chip--color: #2E2E38;
    --chip--border-color: transparent;
    --chip--border-style: solid;
    --chip--border-width: .0714285714rem;
    --chip--border-radius: 1.1428571429rem;
    --chip--box-shadow: none;
    --chip--bg-color: #F3F3F5;
    --chip-hover--color: #2E2E38;
    --chip-hover--bg-color: #F3F3F5;
    --chip-hover--border-color: #E6E6E9;
    --chip-hover--border-style: solid;
    --chip-hover--border-width: .0714285714rem;
    --chip-hover--border-radius: 1.1428571429rem;
    --chip-hover--box-shadow: none;
    --chip-hover-icon-color: #656579;
    --chip-icon-color: #656579;
    --chip-btn-hover--bg-color: #AFAEBA;
    --chip-btn-hover--color: #7F7F91;
    --chip-pill--color: #2E2E38;
    --chip-pill--bg-color: #FFF;
    --chip-dot--color: #656579;
    --chip-dot--bg-color: #656579;
    --chip-dot--border-color: transparent;
    --chip-dot--border-style: none;
    --chip-dot--border-width: 0;
    --chip-dot--width: .5714285714rem;
    --chip-dot--height: .5714285714rem;
    --chip-active--color: #2E2E38;
    --chip-active--bg-color: #E6E6E9;
    --chip-active--border-color: #E6E6E9;
    --chip-active--border-style: solid;
    --chip-active--border-width: .0714285714rem;
    --chip-active--border-radius: 1.1428571429rem;
    --chip-active--box-shadow: none;
    --chip-disabled--color: #9897A6;
    --chip-disabled--bg-color: #F3F3F5;
    --chip-disabled--border-color: transparent;
    --chip-disabled--border-style: solid;
    --chip-disabled--border-width: .0714285714rem;
    --chip-disabled--border-radius: 1.1428571429rem;
    --chip-disabled--box-shadow: none;
    --chip-disabled-icon-color: #9897A6;
    --chip-disabled-dot--bg-color: #F3F3F5;
    --chip-disabled-dot--color: #9897A6;
    --chip-disabled-dot-icon-color: #9897A6;
    --chip-success--border-color: transparent;
    --chip-success--border-style: solid;
    --chip-success--border-width: .0714285714rem;
    --chip-success--bg-color: #E7FCE8;
    --chip-success--color: #197335;
    --chip-success--border-radius: 1.1428571429rem;
    --chip-success--box-shadow: none;
    --chip-success-icon-color: #26A04B;
    --chip-success-dot--bg-color: #E7FCE8;
    --chip-success-dot--color: #197335;
    --chip-success-dot-icon-color: #26A04B;
    --chip-warning--border-color: transparent;
    --chip-warning--border-style: solid;
    --chip-warning--border-width: .0714285714rem;
    --chip-warning--bg-color: #FCF5F0;
    --chip-warning--color: #975100;
    --chip-warning--border-radius: 1.1428571429rem;
    --chip-warning--box-shadow: none;
    --chip-warning-icon-color: #D07200;
    --chip-warning-dot--bg-color: #FCF5F0;
    --chip-warning-dot--color: #975100;
    --chip-warning-dot-icon-color: #D07200;
    --chip-error--border-color: transparent;
    --chip-error--border-style: solid;
    --chip-error--border-width: .0714285714rem;
    --chip-error--bg-color: #FCF5F3;
    --chip-error--color: #A40011;
    --chip-error--border-radius: 1.1428571429rem;
    --chip-error--box-shadow: none;
    --chip-error-icon-color: #FF4136;
    --chip-error-dot--bg-color: #FCF5F3;
    --chip-error-dot--color: #A40011;
    --chip-error-dot-icon-color: #FF4136;
    --chip-monochrome-light--border-color: transparent;
    --chip-monochrome-light--border-style: solid;
    --chip-monochrome-light--border-width: .0714285714rem;
    --chip-monochrome-light--bg-color: #F3F3F5;
    --chip-monochrome-light--color: #2E2E38;
    --chip-monochrome-light--border-radius: 1.1428571429rem;
    --chip-monochrome-light--box-shadow: none;
    --chip-monochrome-light-icon-color: #656579;
    --chip-monochrome-light-dot--bg-color: #E6E6E9;
    --chip-monochrome-light-dot--color: #2E2E38;
    --chip-monochrome-light-dot-icon-color: #656579;
    --chip-monochrome-dark--border-color: transparent;
    --chip-monochrome-dark--border-style: solid;
    --chip-monochrome-dark--border-width: .0714285714rem;
    --chip-monochrome-dark--bg-color: #F3F3F5;
    --chip-monochrome-dark--color: #2E2E38;
    --chip-monochrome-dark--border-radius: 1.1428571429rem;
    --chip-monochrome-dark--box-shadow: none;
    --chip-monochrome-dark-icon-color: #656579;
    --chip-monochrome-dark-dot--bg-color: #F3F3F5;
    --chip-monochrome-dark-dot--color: #2E2E38;
    --chip-monochrome-dark-dot-icon-color: #656579;
    --chip-monochrome-disabled--bg-color: #F3F3F5;
    --chip-monochrome-disabled--border-style: solid;
    --chip-monochrome-disabled--border-width: .0714285714rem;
    --chip-monochrome-disabled--border-color: transparent;
    --chip-monochrome-disabled--color: #9897A6;
    --chip-monochrome-disabled--border-radius: 1.1428571429rem;
    --chip-monochrome-disabled--box-shadow: none;
    --chip-outlined--color: #2E2E38;
    --chip-outlined--border-color: #E6E6E9;
    --chip-outlined--border-style: solid;
    --chip-outlined--border-width: .0714285714rem;
    --chip-outlined-disabled--color: #9897A6;
    --chip-outlined-disabled--border-color: #F3F3F5;
    --chip-outlined-success--color: #197335;
    --chip-outlined-success--border-color: #73FA90;
    --chip-outlined-warning--color: #975100;
    --chip-outlined-warning--border-color: #FCD9BC;
    --chip-outlined-error--color: #A40011;
    --chip-outlined-error--border-color: #FDBAAB;
    --chip-outlined-monochrome-light--color: #2E2E38;
    --chip-outlined-monochrome-light--border-color: #E6E6E9;
    --chip-outlined-monochrome-dark--color: #2E2E38;
    --chip-outlined-monochrome-dark--border-color: #E6E6E9;
    --comment--bg-color: transparent;
    --comment--box-shadow: none;
    --comment--border-radius: none;
    --comment--border-color: transparent;
    --comment--border-style: none;
    --comment--border-width: 0;
    --comment-content--bg-color: #F3F3F5;
    --comment-content-typing--bg-color: #E6E6E9;
    --comment-content-typing-icon-color: #7F7F91;
    --comment-content-author-color: #2E2E38;
    --comment-content-typing-author-color: #656579;
    --comment-content-sender--bg-color: #2E2E38;
    --comment-content-sender--color: #F9F9FA;
    --comment-content--border-radius: .2857142857rem;
    --comment-content--padding: .7142857143rem .7142857143rem;
    --comment-nested--bg-color: #F3F3F5;
    --comment-nested--box-shadow: none;
    --comment-nested--border-radius: 0 .2857142857rem .2857142857rem .5714285714rem;
    --comment-nested--border-color: transparent;
    --comment-nested--border-style: none;
    --comment-nested--border-width: 0;
    --comment-date-time--color: #656579;
    --comment-truncation-toggle--color: #7F7F91;
    --comment-edit--color: #2E2E38;
    --comment-edit--bg-color: #FFF;
    --comment-edit--box-shadow: none;
    --comment-edit--border-width: .0714285714rem;
    --comment-edit--border-style: solid;
    --comment-edit--border-color: #C3C3CB;
    --comment-edit--border-radius: 0rem .2857142857rem .2857142857rem .5714285714rem;
    --comment-edit-hover--bg-color: #F3F3F5;
    --comment-edit-hover--color: #2E2E38;
    --comment-edit-hover--box-shadow: none;
    --comment-edit-hover--border-width: .0714285714rem;
    --comment-edit-hover--border-style: solid;
    --comment-edit-hover--border-color: #C3C3CB;
    --comment-edit-hover--border-radius: .2857142857rem;
    --comment-edit-focus--bg-color: #FFF;
    --comment-edit-focus--color: #2E2E38;
    --comment-edit-focus--box-shadow: none;
    --comment-edit-focus--border-width: .0714285714rem;
    --comment-edit-focus--border-style: solid;
    --comment-edit-focus--border-color: #C3C3CB;
    --comment-edit-focus--border-radius: .2857142857rem;
    --comment-edit-scroll-bar--bg-color: transparent;
    --comment-edit-scroll-bar-hover--bg-color: transparent;
    --content-switcher-container--bg-color: #F3F3F5;
    --content-switcher-container--border-color: #E6E6E9;
    --content-switcher-container--border-style: solid;
    --content-switcher-container--border-width: .0714285714rem;
    --content-switcher-container--border-radius: .4285714286rem;
    --content-switcher--color: #2E2E38;
    --content-switcher--bg-color: #F3F3F5;
    --content-switcher-icon-color: #656579;
    --content-switcher-icon--bg-color: #FFF;
    --content-switcher-icon--border-radius: 1.1428571429rem;
    --content-switcher--border-width: .0714285714rem;
    --content-switcher--border-style: solid;
    --content-switcher--border-color: #D7D7DC;
    --content-switcher--border-radius: .2857142857rem;
    --content-switcher--box-shadow: none;
    --content-switcher-focus--bg-color: #E6E6E9;
    --content-switcher-focus--color: #2E2E38;
    --content-switcher-focus-icon-color: #656579;
    --content-switcher-focus-icon--bg-color: #FFF;
    --content-switcher-focus-icon--border-radius: 1.1428571429rem;
    --content-switcher-focus--border-width: .0714285714rem;
    --content-switcher-focus--border-style: solid;
    --content-switcher-focus--border-color: #D7D7DC;
    --content-switcher-focus--border-radius: .2857142857rem;
    --content-switcher-focus--box-shadow: none;
    --content-switcher-hover--bg-color: #E6E6E9;
    --content-switcher-hover--color: #2E2E38;
    --content-switcher-hover-icon-color: #656579;
    --content-switcher-hover-icon--bg-color: #FFF;
    --content-switcher-hover-icon--border-radius: 1.1428571429rem;
    --content-switcher-hover--border-width: .0714285714rem;
    --content-switcher-hover--border-style: solid;
    --content-switcher-hover--border-color: #D7D7DC;
    --content-switcher-hover--border-radius: .2857142857rem;
    --content-switcher-hover--box-shadow: none;
    --content-switcher-selected--bg-color: #656579;
    --content-switcher-selected--color: #FFF;
    --content-switcher-selected-icon-color: #656579;
    --content-switcher-selected-icon--bg-color: #FFF;
    --content-switcher-selected-icon--border-radius: 1.1428571429rem;
    --content-switcher-selected--border-width: .0714285714rem;
    --content-switcher-selected--border-style: solid;
    --content-switcher-selected--border-color: #D7D7DC;
    --content-switcher-selected--border-radius: .2857142857rem;
    --content-switcher-selected--box-shadow: none;
    --content-switcher-selected-focus--color: #2E2E38;
    --content-switcher-selected-focus--bg-color: #FFF;
    --content-switcher-selected-focus--border-color: #D7D7DC;
    --content-switcher-selected-active--color: #2E2E38;
    --content-switcher-selected-active--bg-color: #FFF;
    --content-switcher-selected-active--border-color: #D7D7DC;
    --content-switcher-active--color: #656579;
    --content-switcher-active--bg-color: #D7D7DC;
    --content-switcher-active-icon-color: #656579;
    --content-switcher-active-icon--bg-color: #E6E6E9;
    --content-switcher-active-icon--border-radius: 1.1428571429rem;
    --content-switcher-active--border-width: .0714285714rem;
    --content-switcher-active--border-style: solid;
    --content-switcher-active--border-color: #D7D7DC;
    --content-switcher-active--border-radius: .2857142857rem;
    --content-switcher-active--box-shadow: none;
    --content-switcher-disabled--color: #9897A6;
    --content-switcher-disabled--bg-color: #F9F9FA;
    --content-switcher-disabled-icon-color: #9897A6;
    --content-switcher-disabled-icon--bg-color: #F9F9FA;
    --content-switcher-disabled-icon--border-radius: 1.1428571429rem;
    --content-switcher-disabled--border-width: .0714285714rem;
    --content-switcher-disabled--border-style: solid;
    --content-switcher-disabled--border-color: #F3F3F5;
    --content-switcher-disabled--border-radius: .2857142857rem;
    --content-switcher-disabled--box-shadow: none;
    --dropdown-menu--bg-color: #FFF;
    --dropdown-menu--border-color: #E6E6E9;
    --dropdown-menu--border-style: solid;
    --dropdown-menu--border-width: .0714285714rem;
    --dropdown-menu--border-radius: .2857142857rem;
    --dropdown-menu--box-shadow: 0 .5714285714rem 1.1428571429rem 0 rgba(35, 35, 47, .0784313725), 0 .1428571429rem .2857142857rem 0 rgba(35, 35, 47, .0588235294);
    --dropdown-menu-before--border-color: #E6E6E9 #E6E6E9 transparent transparent;
    --dropdown-menu-before--border-style: solid solid none none;
    --dropdown-menu-before--border-width: .0714285714rem .0714285714rem 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: 0;
    --dropdown-menu-item-outline--border-color: transparent;
    --dropdown-menu-item-outline--border-style: solid;
    --dropdown-menu-item-outline--border-width: .0714285714rem;
    --dropdown-menu-item--border-radius: .2857142857rem;
    --dropdown-menu-item--fill: #2E2E38;
    --dropdown-menu-item-focus--color: #2E2E38;
    --dropdown-menu-item-focus--bg-color: #F3F3F5;
    --dropdown-menu-item-focus--border-color: transparent;
    --dropdown-menu-item-focus--border-style: solid;
    --dropdown-menu-item-focus--border-width: 0;
    --dropdown-menu-item-focus-outline--border-color: #0F69AE;
    --dropdown-menu-item-focus-outline--border-style: solid;
    --dropdown-menu-item-focus-outline--border-width: .1428571429rem;
    --dropdown-menu-item-focus--box-shadow: 0 0 0 0 rgba(35, 35, 47, 0), 0 0 0 0 rgba(35, 35, 47, 0);
    --dropdown-menu-item-hover--color: #2E2E38;
    --dropdown-menu-item-hover--bg-color: #F3F3F5;
    --dropdown-menu-item-hover--border-color: transparent;
    --dropdown-menu-item-hover--border-style: solid;
    --dropdown-menu-item-hover--border-width: 0;
    --dropdown-menu-item-active--color: #2E2E38;
    --dropdown-menu-item-active--bg-color: #F3F3F5;
    --dropdown-menu-item-active--border-color: transparent;
    --dropdown-menu-item-active--border-style: solid;
    --dropdown-menu-item-active--border-width: 0;
    --dropdown-menu-item-active--box-shadow: 0 0 0 0 rgba(35, 35, 47, 0), 0 0 0 0 rgba(35, 35, 47, 0);
    --dropdown-menu-item-disabled--color: #9897A6;
    --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: .0714285714rem;
    --dropdown-menu-item-disabled--box-shadow: 0 0 0 0 rgba(35, 35, 47, 0), 0 0 0 0 rgba(35, 35, 47, 0);
    --dropdown-menu-item-icon-color: #9897A6;
    --dropdown-menu-item-focus-icon-color: #9897A6;
    --dropdown-menu-item-hover-icon-color: #9897A6;
    --dropdown-menu-item-active-icon-color: #9897A6;
    --dropdown-menu-item-disabled-icon-color: #9897A6;
    --dropdown-toggle-focus--box-shadow: 0 0 0 0 rgba(35, 35, 47, 0), 0 0 0 0 rgba(35, 35, 47, 0);
    --dropdown-toggle-hover--box-shadow: 0 0 0 0 rgba(35, 35, 47, 0), 0 0 0 0 rgba(35, 35, 47, 0);
    --filters--box-shadow: none;
    --filters--bg-color: #FFF;
    --filters--border-color: transparent;
    --filters--border-style: solid;
    --filters--border-width: .0714285714rem;
    --filters--border-radius: none;
    --filters-accordion-trigger--box-shadow: none;
    --filters-accordion-trigger--border-color: #E6E6E9 transparent;
    --filters-accordion-trigger--border-style: solid none;
    --filters-accordion-trigger--border-width: .0714285714rem 0;
    --filters-accordion-trigger--border-radius: 0;
    --filters-accordion--box-shadow: none;
    --filters-accordion--bg-color: #FFF;
    --filters-accordion--border-color: transparent;
    --filters-accordion--border-style: none;
    --filters-accordion--border-width: 0;
    --filters-clear-btn--color: #0F69AE;
    --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;
    --filters-hr--border-width: 0;
    --filters-hr--border-color: transparent;
    --filters-hr-option--border-style: none;
    --filters-hr-option--border-width: 0;
    --filters-hr-option--border-color: transparent;
    --filters-search--bg-color: #FFF;
    --filters-title--color: #2E2E38;
    --filters-subtitle--color: #656579;
    --filters-select-all--border-color: transparent transparent #E6E6E9 transparent;
    --filters-select-all--border-style: none none solid none;
    --filters-select-all--border-width: 0 0 .0714285714rem 0;
    --footer--bg-color: #FFF;
    --footer--border-color: #E6E6E9 transparent transparent transparent;
    --footer--border-style: solid none none none;
    --footer--border-width: .0714285714rem 0 0 0;
    --footer--box-shadow: none;
    --checkbox--border-color: #7F7F91;
    --checkbox--border-style: solid;
    --checkbox--border-width: .0714285714rem;
    --checkbox--border-radius: .0714285714rem;
    --checkbox--bg-color: #FFF;
    --checkbox-label--color: #2E2E38;
    --checkbox--box-shadow: none;
    --checkbox-disabled--color: #9897A6;
    --checkbox-custom-focus--border-color: #7F7F91;
    --checkbox-custom-focus--border-style: var(--checkbox--border-style);
    --checkbox-custom-focus--border-width: var(--checkbox--border-width);
    --checkbox-custom-focus--outline-style: solid;
    --checkbox-custom-focus--outline-color: #0F69AE;
    --checkbox-custom-focus--outline-offset: -.0714285714rem;
    --checkbox-custom-focus--outline-width: .0714285714rem;
    --checkbox-custom-focus-label--color: var(--checkbox-label--color);
    --checkbox-custom-focus--bg-color: #E6E6E9;
    --checkbox-custom-focus--box-shadow: none;
    --checkbox-custom-hover--border-color: var(--checkbox--border-color);
    --checkbox-custom-hover--border-style: var(--checkbox--border-style);
    --checkbox-custom-hover--border-width: var(--checkbox--border-width);
    --checkbox-custom-hover-label--color: var(--checkbox-label--color);
    --checkbox-custom-hover--bg-color: #F3F3F5;
    --checkbox-custom-hover--box-shadow: var(--checkbox--box-shadow);
    --checkbox-custom-disabled--border-color: rgba(0, 0, 0, 0);
    --checkbox-custom-disabled--border-style: solid;
    --checkbox-custom-disabled--border-width: .0714285714rem;
    --checkbox-custom-disabled--bg-color: #F3F3F5;
    --checkbox-custom-disabled--box-shadow: none;
    --checkbox-custom-error--border-color: #EA011D;
    --checkbox-custom-error--border-style: var(--checkbox--border-style);
    --checkbox-custom-error--border-width: var(--checkbox--border-width);
    --checkbox-custom-error-label--color: var(--checkbox-label--color);
    --checkbox-custom-error--box-shadow: var(--checkbox--box-shadow);
    --checkbox-custom-error--bg-color: var(--checkbox--bg-color);
    --checkbox-custom-error-focus--border-color: var(--checkbox-custom-error--border-color);
    --checkbox-custom-error-focus--border-style: var(--checkbox-custom-error--border-style);
    --checkbox-custom-error-focus--border-width: var(--checkbox-custom-error--border-width);
    --checkbox-custom-error-focus-label--color: var(--checkbox-custom-error-label--color);
    --checkbox-custom-error-focus--box-shadow: var(--checkbox-custom-error--box-shadow);
    --checkbox-custom-error-focus--bg-color: var(--checkbox-custom-error--bg-color);
    --checkbox-custom-error-hover--border-color: var(--checkbox-custom-error--border-color);
    --checkbox-custom-error-hover--border-style: var(--checkbox-custom-error--border-style);
    --checkbox-custom-error-hover--border-width: var(--checkbox-custom-error--border-width);
    --checkbox-custom-error-hover-label--color: var(--checkbox-custom-error-label--color);
    --checkbox-custom-error-hover--box-shadow: var(--checkbox-custom-error--box-shadow);
    --checkbox-custom-error-hover--bg-color: var(--checkbox-custom-error--bg-color);
    --checkbox-checked--border-color: var(--checkbox--border-color);
    --checkbox-checked--border-style: var(--checkbox--border-style);
    --checkbox-checked--border-width: var(--checkbox--border-width);
    --checkbox-checked--bg-color: #F3F3F5;
    --checkbox-checked-label--color: var(--checkbox-label--color);
    --checkbox-checked--box-shadow: var(--checkbox--box-shadow);
    --checkbox-checked-icon-color: #656579;
    --checkbox-checked-focus--bg-color: #E6E6E9;
    --checkbox-checked-focus-label--color: var(--checkbox-checked-label--color);
    --checkbox-checked-focus--box-shadow: none;
    --checkbox-checked-focus--border-color: #7F7F91;
    --checkbox-checked-focus--border-style: solid;
    --checkbox-checked-focus--border-width: .0714285714rem;
    --checkbox-checked-focus-icon-color: var(--checkbox-checked-icon-color);
    --checkbox-checked-hover--bg-color: #E6E6E9;
    --checkbox-checked-hover-label--color: var(--checkbox-checked-label--color);
    --checkbox-checked-hover--box-shadow: var(--checkbox-checked--box-shadow);
    --checkbox-checked-hover--border-color: var(--checkbox-checked--border-color);
    --checkbox-checked-hover--border-style: var(--checkbox-checked--border-style);
    --checkbox-checked-hover--border-width: var(--checkbox-checked--border-width);
    --checkbox-checked-hover-icon-color: var(--checkbox-checked-icon-color);
    --checkbox-checked-disabled--bg-color: var(--checkbox-custom-disabled--bg-color);
    --checkbox-checked-disabled-label--color: var(--checkbox-disabled--color);
    --checkbox-checked-disabled--box-shadow: none;
    --checkbox-checked-disabled--border-color: var(--checkbox-custom-disabled--border-color);
    --checkbox-checked-disabled--border-style: var(--checkbox-custom-disabled--border-style);
    --checkbox-checked-disabled--border-width: var(--checkbox-custom-disabled--border-width);
    --checkbox-checked-disabled-icon-color: #9897A6;
    --date-picker--color: #2E2E38;
    --date-picker--bg-color: #FFF;
    --date-picker--border-color: #C3C3CB;
    --date-picker--border-style: solid;
    --date-picker--border-width: .0714285714rem;
    --date-picker--border-radius: .2857142857rem;
    --date-picker--box-shadow: none;
    --date-picker-icon-color: #656579;
    --date-picker-hover--color: #656579;
    --date-picker-hover--bg-color: #F3F3F5;
    --date-picker-hover--border-color: #C3C3CB;
    --date-picker-hover--border-style: solid;
    --date-picker-hover--border-width: .0714285714rem;
    --date-picker-hover--border-radius: .2857142857rem;
    --date-picker-hover--box-shadow: none;
    --date-picker-hover-icon-color: #656579;
    --date-picker-focus--color: #2E2E38;
    --date-picker-focus--bg-color: #FFF;
    --date-picker-focus--border-color: transparent;
    --date-picker-focus--border-style: solid;
    --date-picker-focus--border-width: .0714285714rem;
    --date-picker-focus--border-radius: .2857142857rem;
    --date-picker-focus--outline-color: #0F69AE;
    --date-picker-focus--outline-width: .1428571429rem;
    --date-picker-focus--outline-style: solid;
    --date-picker-focus--outline-offset: -.1428571429rem;
    --date-picker-focus--box-shadow: none;
    --date-picker-focus-icon-color: #656579;
    --date-picker-disabled--color: #9897A6;
    --date-picker-disabled--bg-color: #F3F3F5;
    --date-picker-disabled--border-color: transparent;
    --date-picker-disabled--border-style: none;
    --date-picker-disabled--border-width: 0;
    --date-picker-disabled--border-radius: .2857142857rem;
    --date-picker-disabled--box-shadow: none;
    --date-picker-disabled-icon-color: #9897A6;
    --date-picker-error--color: #656579;
    --date-picker-error--bg-color: #FFF;
    --date-picker-error--border-color: #FF4136;
    --date-picker-error--border-style: solid;
    --date-picker-error--border-width: .0714285714rem;
    --date-picker-error--border-radius: .2857142857rem;
    --date-picker-error--box-shadow: none;
    --date-picker-error-icon-color: #656579;
    --date-picker-error-hover--color: #656579;
    --date-picker-error-hover--bg-color: #F3F3F5;
    --date-picker-error-hover--border-color: #EA011D;
    --date-picker-error-hover--border-style: solid;
    --date-picker-error-hover--border-width: .0714285714rem;
    --date-picker-error-hover--border-radius: .2857142857rem;
    --date-picker-error-hover--box-shadow: none;
    --date-picker-error-hover-icon-color: #656579;
    --date-picker-error-focus--color: #2E2E38;
    --date-picker-error-focus--bg-color: #FFF;
    --date-picker-error-focus--border-color: #FF4136;
    --date-picker-error-focus--border-style: solid;
    --date-picker-error-focus--border-width: .0714285714rem;
    --date-picker-error-focus--border-radius: .2857142857rem;
    --date-picker-error-focus--box-shadow: none;
    --date-picker-error-focus-icon-color: #656579;
    --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: #FFF;
    --date-picker-navigation--color: #2E2E38;
    --date-picker-navigation-arrow--color: #656579;
    --date-picker-navigation-arrow-focus--box-shadow: none;
    --date-picker-tile--border-radius: 1000px;
    --date-picker-tile--bg-color: #FFF;
    --date-picker-tile--color: #2E2E38;
    --date-picker-tile-hover--bg-color: #E6E6E9;
    --date-picker-tile-hover--color: #2E2E38;
    --date-picker-tile-disabled--bg-color: transparent;
    --date-picker-tile-disabled--color: #9897A6;
    --date-picker-tile-active--color: #FFF;
    --date-picker-tile-active--bg-color: #2E2E38;
    --date-picker-tile-active-hover--bg-color: #F3F3F5;
    --date-picker-tile-active-hover--color: #2E2E38;
    --date-picker-tile-active-disabled--bg-color: #F3F3F5;
    --date-picker-tile-active-disabled--color: #9897A6;
    --date-picker-tile-today-mark--bg-color: #F4F7FC;
    --date-picker-tile-today-mark--color: #0F69AE;
    --date-picker-tile-today-mark-hover--bg-color: #E6E6E9;
    --date-picker-tile-today-mark-hover--color: #0F69AE;
    --date-picker-tile-today-mark-disabled--bg-color: #F3F3F5;
    --date-picker-tile-today-mark-disabled--color: #9897A6;
    --date-picker-tile-active-dot--bg-color: #188CE5;
    --date-picker-tile-active-dot-hover--bg-color: #188CE5;
    --date-picker-tile-active-dot-disabled--bg-color: #9897A6;
    --date-picker-calendar--bg-color: #FFF;
    --date-picker-calendar--border-color: #E6E6E9;
    --date-picker-calendar--border-style: solid;
    --date-picker-calendar--border-width: .0714285714rem;
    --date-picker-calendar--border-radius: .1428571429rem;
    --date-picker-calendar--box-shadow: 0 .4285714286rem .8571428571rem 0 rgba(35, 35, 47, .0784313725), 0 .1428571429rem .2857142857rem 0 rgba(35, 35, 47, .0588235294);
    --date-picker-weekday--color: #2E2E38;
    --date-picker-label-focus--color: #2E2E38;
    --date-picker-range--bg-color: #F3F3F5;
    --date-picker-range--border-top-left-radius: 71.4285714286rem;
    --date-picker-range--border-bottom-left-radius: 71.4285714286rem;
    --date-picker-range--border-top-right-radius: 71.4285714286rem;
    --date-picker-range--border-bottom-right-radius: 71.4285714286rem;
    --file-uploader--bg-color: transparent;
    --file-uploader-hover--bg-color: #F3F3F5;
    --file-uploader-error--bg-color: #FCF5F3;
    --file-uploader-disabled--bg-color: transparent;
    --file-uploader-focus--bg-color: #F9F9FA;
    --file-uploader-em--color: #2E2E38;
    --file-uploader-em-hover--color: #2E2E38;
    --file-uploader-em-focus--color: #2E2E38;
    --file-uploader-em-disabled--color: #9897A6;
    --file-uploader-em-error--color: #C70117;
    --file-uploader--color: #656579;
    --file-uploader-hover--color: #656579;
    --file-uploader-focus--color: #656579;
    --file-uploader-error--color: #A40011;
    --file-uploader-icon-color: #656579;
    --file-uploader-icon--bg-color: #F3F3F5;
    --file-uploader-hover-icon--bg-color: #F3F3F5;
    --file-uploader-focus-icon--bg-color: #F3F3F5;
    --file-uploader-error-icon--bg-color: #FCF5F3;
    --file-uploader-disabled-icon--bg-color: #F3F3F5;
    --file-uploader-hover-icon-color: #656579;
    --file-uploader-focus-icon-color: #656579;
    --file-uploader-error-icon-color: #FF4136;
    --file-uploader--border-color: #C3C3CB;
    --file-uploader--border-width: .0714285714rem;
    --file-uploader--border-style: dashed;
    --file-uploader--border-radius: .2857142857rem;
    --file-uploader-hover--border-color: #C3C3CB;
    --file-uploader-focus--border-color: #C3C3CB;
    --file-uploader-error--border-width: .0714285714rem;
    --file-uploader-error--border-style: dashed;
    --file-uploader-error--border-color: #EA011D;
    --file-uploader-disabled--border-color: #C3C3CB;
    --file-uploader-disabled--color: #9897A6;
    --file-uploader-disabled-icon-color: #656579;
    --file-uploader--box-shadow: none;
    --file-uploader-hover--box-shadow: none;
    --file-uploader-focus--box-shadow: none;
    --file-uploader-error--box-shadow: none;
    --file-uploader-disabled--box-shadow: none;
    --file-uploader-focus--outline-color: #0F69AE;
    --file-uploader-focus--outline-width: .1428571429rem;
    --file-uploader-focus--outline-style: solid;
    --file-uploader-focus--outline-offset: -.1428571429rem;
    --file-uploader-item--bg-color: #FFF;
    --file-uploader-item-hover--bg-color: #F3F3F5;
    --file-uploader-item--border-radius: .2857142857rem;
    --file-uploader-item--border-width: .0714285714rem;
    --file-uploader-item--border-style: solid;
    --file-uploader-item--border-color: #E6E6E9;
    --file-uploader-item--color: #2E2E38;
    --file-uploader-indeterminate-item--color: #656579;
    --file-uploader-item-size--color: #656579;
    --file-uploader-item--box-shadow: none;
    --file-uploader-item-icon-color: #656579;
    --file-uploader-item-icon--bg-color: #F3F3F5;
    --file-uploader-item-icon-completed--bg-color: #F3F3F5;
    --file-uploader-item-progress-bar--bg-color: #E6E6E9;
    --file-uploader-item-progress-bar-hover--bg-color: #E6E6E9;
    --file-uploader-item-progress-bar-focus--bg-color: #E6E6E9;
    --file-uploader-item-progress-bar-error--bg-color: #FCF5F3;
    --file-uploader-item-progress-bar-disabled--bg-color: #E6E6E9;
    --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: #FF735E;
    --file-uploader-item-progress-bar-label--color: #656579;
    --file-uploader-item-progress-bar-disabled--color: #9897A6;
    --file-uploader-item-disabled--border-width: .0714285714rem;
    --file-uploader-item-disabled--border-style: solid;
    --file-uploader-item-disabled--border-color: #E6E6E9;
    --file-uploader-item-disabled--bg-color: #FFF;
    --file-uploader-item-disabled--color: #9897A6;
    --file-uploader-item-disabled--box-shadow: none;
    --file-uploader-item-disabled-icon-color: #656579;
    --file-uploader-item-error--color: #C70117;
    --file-uploader-item-error--bg-color: #FCF5F3;
    --file-uploader-item-error--border-width: .0714285714rem;
    --file-uploader-item-error--border-style: solid;
    --file-uploader-item-error--border-color: #FF735E;
    --file-uploader-item-error--box-shadow: none;
    --file-uploader-item-error-icon-color: #FF4136;
    --file-uploader-item-error-icon--bg-color: transparent;
    --file-uploader-item-error-btn--color: #EA011D;
    --file-uploader-item-close-btn-icon-color: #656579;
    --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;
    --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: .2857142857rem;
    --file-uploader-item-close-btn-icon-hover--color: #656579;
    --file-uploader-item-close-btn-icon-hover--bg-color: transparent;
    --file-uploader-item-close-btn-icon-hover--border-color: transparent;
    --file-uploader-item-close-btn-icon-hover--border-width: 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: #656579;
    --file-uploader-item-close-btn-icon-focus--bg-color: transparent;
    --file-uploader-item-close-btn-icon-focus--border-color: transparent;
    --file-uploader-item-close-btn-icon-focus--border-width: 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: #9897A6;
    --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;
    --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: none;
    --file-uploader-item-ok-btn--border-width: none;
    --file-uploader-item-ok-btn--color: #2E2E38;
    --file-uploader-item-ok-btn--box-shadow: none;
    --file-uploader-item-ok-btn--border-radius: 0;
    --file-uploader-item-ok-btn-focus--color: #2E2E38;
    --file-uploader-item-ok-btn-focus--bg-color: transparent;
    --file-uploader-item-ok-btn-focus--border-color: transparent;
    --file-uploader-item-ok-btn-focus--border-style: none;
    --file-uploader-item-ok-btn-focus--border-width: none;
    --file-uploader-item-ok-btn-focus--box-shadow: none;
    --file-uploader-item-ok-btn-hover--color: #2E2E38;
    --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: none;
    --file-uploader-item-ok-btn-hover--border-width: none;
    --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: none;
    --file-uploader-item-retry-btn--border-width: none;
    --file-uploader-item-retry-btn--color: #2E2E38;
    --file-uploader-item-retry-btn--box-shadow: none;
    --file-uploader-item-retry-btn--border-radius: 0;
    --file-uploader-item-retry-btn-focus--color: #EA011D;
    --file-uploader-item-retry-btn-focus--bg-color: transparent;
    --file-uploader-item-retry-btn-focus--border-color: transparent;
    --file-uploader-item-retry-btn-focus--border-style: none;
    --file-uploader-item-retry-btn-focus--border-width: none;
    --file-uploader-item-retry-btn-focus--box-shadow: none;
    --file-uploader-item-retry-btn-hover--color: #EA011D;
    --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: none;
    --file-uploader-item-retry-btn-hover--border-width: none;
    --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: #FFF;
    --metadata-header-hover--bg-color: #F3F3F5;
    --metadata-header-focus--bg-color: #F3F3F5;
    --metadata-line-separator--border-width: .0714285714rem;
    --metadata-line-separator--border-style: solid;
    --metadata-line-separator--border-color: #E6E6E9;
    --metadata-line-separator-hover--border-width: .0714285714rem;
    --metadata-line-separator-hover--border-style: solid;
    --metadata-line-separator-hover--border-color: #E6E6E9;
    --metadata-line-separator-focus--border-width: .0714285714rem;
    --metadata-line-separator-focus--border-style: solid;
    --metadata-line-separator-focus--border-color: #E6E6E9;
    --metadata-line-separator-focus--outline-color: #0F69AE;
    --metadata-line-separator-focus--outline-width: .1428571429rem;
    --metadata-line-separator-focus--outline-style: solid;
    --metadata-line-separator-focus--outline-offset: -.1428571429rem;
    --metadata-line-separator-expanded--border-radius: 0;
    --metadata-content--color: initial;
    --metadata-content-hover--color: initial;
    --metadata-content-focus--color: initial;
    --metadata-content--bg-color: #FFF;
    --metadata-content-hover--bg-color: #FFF;
    --metadata-content-focus--bg-color: #FFF;
    --metadata-content--border-width: .0714285714rem;
    --metadata-content--border-style: none solid solid solid;
    --metadata-content--border-color: #E6E6E9;
    --metadata-content-hover--border-width: .0714285714rem;
    --metadata-content-hover--border-style: none solid solid solid;
    --metadata-content-hover--border-color: #E6E6E9;
    --metadata-content-focus--border-width: .0714285714rem;
    --metadata-content-focus--border-style: none solid solid solid;
    --metadata-content-focus--border-color: #E6E6E9;
    --metadata-header-icon--fill: #656579;
    --metadata-header-icon-hover--fill: #656579;
    --metadata-header-icon-focus--fill: #656579;
    --metadata-accent-expanded--bg-color: transparent;
    --input--color: #2E2E38;
    --input--border-color: #C3C3CB;
    --input--border-style: solid;
    --input--border-width: .0714285714rem;
    --input--border-radius: .2857142857rem;
    --input--bg-color: #FFF;
    --input--box-shadow: none;
    --input-with-prefix--border-color: #C3C3CB #C3C3CB #C3C3CB transparent;
    --input-with-prefix--border-style: solid solid solid none;
    --input-with-prefix--border-width: .0714285714rem .0714285714rem .0714285714rem 0;
    --input-with-prefix--border-radius: 0 .2857142857rem .2857142857rem 0;
    --input-with-prefix-error--border-color: #EA011D #EA011D #EA011D transparent;
    --input-with-prefix-error--border-style: solid solid solid none;
    --input-with-prefix-error--border-width: .0714285714rem .0714285714rem .0714285714rem 0;
    --input-with-suffix--border-color: #C3C3CB transparent #C3C3CB #C3C3CB;
    --input-with-suffix--border-style: solid none solid solid;
    --input-with-suffix--border-width: .0714285714rem 0 .0714285714rem .0714285714rem;
    --input-with-suffix--border-radius: .2857142857rem 0 0 .2857142857rem;
    --input-with-suffix-error--border-color: #EA011D transparent #EA011D #EA011D;
    --input-with-suffix-error--border-style: solid none solid solid;
    --input-with-suffix-error--border-width: .0714285714rem 0 .0714285714rem .0714285714rem;
    --input-with-prefix-suffix--border-color: #C3C3CB transparent;
    --input-with-prefix-suffix--border-style: solid none;
    --input-with-prefix-suffix--border-width: .0714285714rem 0;
    --input-with-prefix-suffix--border-radius: 0;
    --input-with-prefix-suffix-error--border-color: #EA011D transparent;
    --input-with-prefix-suffix-error--border-style: solid none;
    --input-with-prefix-suffix-error--border-width: .0714285714rem 0;
    --input-with-prefix-suffix-error--border-radius: 0;
    --input-prefix--border-color: #C3C3CB transparent #C3C3CB #C3C3CB;
    --input-prefix--border-style: solid none solid solid;
    --input-prefix--border-width: .0714285714rem 0 .0714285714rem .0714285714rem;
    --input-prefix--border-radius: .2857142857rem 0 0 .2857142857rem;
    --input-prefix-error--border-color: #EA011D transparent #EA011D #EA011D;
    --input-prefix-error--border-style: solid none solid solid;
    --input-prefix-error--border-width: .0714285714rem 0 .0714285714rem .0714285714rem;
    --input-prefix-separator--bg-color: #C3C3CB;
    --input-prefix-separator-focus--bg-color: #0F69AE;
    --input-prefix-separator-error--bg-color: #EA011D;
    --input-prefix-separator-outline-color: #C3C3CB;
    --input-prefix-separator-outline-style: solid;
    --input-prefix-separator-outline-width: .0714285714rem;
    --input-suffix--border-color: #C3C3CB #C3C3CB #C3C3CB transparent;
    --input-suffix--border-style: solid solid solid none;
    --input-suffix--border-width: .0714285714rem .0714285714rem .0714285714rem 0;
    --input-suffix--border-radius: 0 .2857142857rem .2857142857rem 0;
    --input-suffix-error--border-color: #EA011D #EA011D #EA011D transparent;
    --input-suffix-error--border-style: solid solid solid none;
    --input-suffix-error--border-width: .0714285714rem .0714285714rem .0714285714rem 0;
    --input-hover--color: #2E2E38;
    --input-hover--border-color: #C3C3CB;
    --input-hover--border-style: solid;
    --input-hover--border-width: .0714285714rem;
    --input-hover--border-radius: .2857142857rem;
    --input-hover--bg-color: #F3F3F5;
    --input-hover--box-shadow: none;
    --input-focus--color: #2E2E38;
    --input-focus--border-color: #C3C3CB;
    --input-focus--border-style: solid;
    --input-focus--border-width: .0714285714rem;
    --input-focus--border-radius: .2857142857rem;
    --input-focus--outline-color: #0F69AE;
    --input-focus--outline-width: .1428571429rem;
    --input-focus--outline-style: solid;
    --input-focus--bg-color: #FFF;
    --input-focus--box-shadow: none;
    --input-disabled--color: #9897A6;
    --input-disabled--border-color: transparent;
    --input-disabled--border-style: none;
    --input-disabled--border-width: 0;
    --input-disabled--border-radius: .2857142857rem;
    --input-disabled--bg-color: #F3F3F5;
    --input-disabled--box-shadow: none;
    --input-error--color: #2E2E38;
    --input-error--border-color: #EA011D;
    --input-error--border-style: solid;
    --input-error--border-width: .0714285714rem;
    --input-error--border-radius: .2857142857rem;
    --input-error--bg-color: #FFF;
    --input-error--box-shadow: none;
    --input-error-focus--color: #2E2E38;
    --input-error-focus--border-color: transparent;
    --input-error-focus--border-style: solid;
    --input-error-focus--border-width: .0714285714rem;
    --input-error-focus--outline-color: #0F69AE;
    --input-error-focus--outline-width: .1428571429rem;
    --input-error-focus--outline-style: solid;
    --input-error-focus--bg-color: #FFF;
    --input-error-focus--box-shadow: none;
    --input-error-hover--color: #2E2E38;
    --input-error-hover--border-color: #EA011D;
    --input-error-hover--border-style: solid;
    --input-error-hover--border-width: .0714285714rem;
    --input-error-hover--bg-color: #F3F3F5;
    --input-error-hover--box-shadow: none;
    --input-placeholder--color: #656579;
    --input-placeholder-hover--color: #656579;
    --input-placeholder-focus--color: #656579;
    --input-placeholder-disabled--color: #9897A6;
    --input-placeholder-error--color: #656579;
    --input-clear-icon-focus--box-shadow: none;
    --input-clear-btn-disabled-icon-color: #9897A6;
    --input-icon-color: #9897A6;
    --input-icon-error-icon-color: #FF4136;
    --input-icon-disabled-icon-color: #9897A6;
    --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: #2E2E38;
    --numeric-input--border-width: .0714285714rem;
    --numeric-input--border-style: solid;
    --numeric-input--border-color: #C3C3CB;
    --numeric-input--bg-color: #FFF;
    --numeric-input--border-radius: .2857142857rem;
    --numeric-input--box-shadow: none;
    --numeric-input-btn--bg-color: #F3F3F5;
    --numeric-input-btn--border-style: solid;
    --numeric-input-btn--border-width: .0714285714rem;
    --numeric-input-btn--border-color: #F3F3F5;
    --numeric-input-btn--border-radius: var(--numeric-input--border-radius);
    --numeric-input-btn--box-shadow: none;
    --numeric-input-btn-icon-color: #656579;
    --numeric-input-btn-disabled--bg-color: #F3F3F5;
    --numeric-input-btn-disabled--border-style: var(--numeric-input-btn--border-style);
    --numeric-input-btn-disabled--border-width: var(--numeric-input-btn--border-width);
    --numeric-input-btn-disabled--border-color: #F3F3F5;
    --numeric-input-btn-disabled--border-radius: var(--numeric-input--border-radius);
    --numeric-input-btn-disabled--box-shadow: none;
    --numeric-input-btn-disabled-icon-color: #9897A6;
    --numeric-input-btn-hover--bg-color: #E6E6E9;
    --numeric-input-btn-hover--border-style: var(--numeric-input-btn--border-style);
    --numeric-input-btn-hover--border-width: var(--numeric-input-btn--border-width);
    --numeric-input-btn-hover--border-color: #E6E6E9;
    --numeric-input-btn-hover--border-radius: var(--numeric-input--border-radius);
    --numeric-input-btn-hover--box-shadow: none;
    --numeric-input-btn-hover-icon-color: #656579;
    --numeric-input-btn-focus--bg-color: #E6E6E9;
    --numeric-input-btn-focus--border-style: var(--numeric-input-btn--border-style);
    --numeric-input-btn-focus--border-width: var(--numeric-input-btn--border-width);
    --numeric-input-btn-focus--border-color: #E6E6E9;
    --numeric-input-btn-focus--border-radius: var(--numeric-input--border-radius);
    --numeric-input-btn-focus--box-shadow: none;
    --numeric-input-btn-focus-icon-color: #656579;
    --numeric-input-btn-focus--outline-color: #0F69AE;
    --numeric-input-btn-focus--outline-style: solid;
    --numeric-input-btn-focus--outline-width: .1428571429rem;
    --numeric-input-btn-focus--outline-offset: .1428571429rem;
    --numeric-input-error--color: #656579;
    --numeric-input-error--bg-color: #FFF;
    --numeric-input-error--border-width: var(--numeric-input--border-width);
    --numeric-input-error--border-style: var(--numeric-input--border-style);
    --numeric-input-error--border-color: #EA011D;
    --numeric-input-error--border-radius: var(--numeric-input--border-radius);
    --numeric-input-error--box-shadow: none;
    --numeric-input-error-focus--color: #656579;
    --numeric-input-error-focus--border-color: #EA011D;
    --numeric-input-error-focus--border-style: var(--numeric-input--border-style);
    --numeric-input-error-focus--border-width: var(--numeric-input--border-width);
    --numeric-input-error-focus--bg-color: #FFF;
    --numeric-input-error-focus--box-shadow: none;
    --numeric-input-error-hover--color: #656579;
    --numeric-input-error-hover--border-color: #EA011D;
    --numeric-input-error-hover--border-style: var(--numeric-input--border-style);
    --numeric-input-error-hover--border-width: var(--numeric-input--border-width);
    --numeric-input-error-hover--bg-color: #F3F3F5;
    --numeric-input-error-hover--box-shadow: none;
    --numeric-input-disabled--bg-color: #F3F3F5;
    --numeric-input-disabled--color: #9897A6;
    --numeric-input-disabled--border-width: var(--numeric-input--border-width);
    --numeric-input-disabled--border-style: var(--numeric-input--border-style);
    --numeric-input-disabled--border-color: #F3F3F5;
    --numeric-input-disabled--border-radius: var(--numeric-input--border-radius);
    --numeric-input-disabled--box-shadow: none;
    --numeric-input-focus--bg-color: #FFF;
    --numeric-input-focus--color: #2E2E38;
    --numeric-input-focus--border-width: var(--numeric-input--border-width);
    --numeric-input-focus--border-style: var(--numeric-input--border-style);
    --numeric-input-focus--border-color: #C3C3CB;
    --numeric-input-focus--border-radius: var(--numeric-input--border-radius);
    --numeric-input-focus--box-shadow: none;
    --numeric-input-focus--outline-width: .1428571429rem;
    --numeric-input-focus--outline-style: solid;
    --numeric-input-focus--outline-color: #0F69AE;
    --numeric-input-focus--outline-offset: .1428571429rem;
    --numeric-input-hover--bg-color: #F3F3F5;
    --numeric-input-hover--color: #2E2E38;
    --numeric-input-hover--border-width: var(--numeric-input--border-width);
    --numeric-input-hover--border-style: var(--numeric-input--border-style);
    --numeric-input-hover--border-color: #C3C3CB;
    --numeric-input-hover--border-radius: var(--numeric-input--border-radius);
    --numeric-input-hover--box-shadow: none;
    --pin-entry--color: #2E2E38;
    --pin-entry--bg-color: #FFF;
    --pin-entry--border-color: #C3C3CB;
    --pin-entry--border-style: solid;
    --pin-entry--border-width: .0714285714rem;
    --pin-entry--box-shadow: none;
    --pin-entry--border-radius: .2857142857rem;
    --pin-entry--font-size: 3.2857142857rem;
    --pin-entry--font-style: normal;
    --pin-entry--font-weight: var(--weight-regular);
    --pin-entry--line-height: 4.1428571429rem;
    --pin-entry--padding: .5714285714rem;
    --pin-entry-hover--color: #2E2E38;
    --pin-entry-hover--bg-color: #F3F3F5;
    --pin-entry-hover--border-color: #C3C3CB;
    --pin-entry-hover--border-style: solid;
    --pin-entry-hover--border-width: .0714285714rem;
    --pin-entry-hover--box-shadow: none;
    --pin-entry-focus--color: #2E2E38;
    --pin-entry-focus--bg-color: #FFF;
    --pin-entry-focus--border-color: #C3C3CB;
    --pin-entry-focus--border-style: solid;
    --pin-entry-focus--border-width: .0714285714rem;
    --pin-entry-focus--outline-color: #0F69AE;
    --pin-entry-focus--outline-style: solid;
    --pin-entry-focus--outline-width: .1428571429rem;
    --pin-entry-focus--box-shadow: none;
    --pin-entry-disabled--color: #9897A6;
    --pin-entry-disabled--bg-color: #F3F3F5;
    --pin-entry-disabled--border-color: #C3C3CB;
    --pin-entry-disabled--border-style: solid;
    --pin-entry-disabled--border-width: .0714285714rem;
    --pin-entry-disabled--box-shadow: none;
    --pin-entry-error--color: #2E2E38;
    --pin-entry-error--bg-color: #FFF;
    --pin-entry-error--border-color: #EA011D;
    --pin-entry-error--border-style: solid;
    --pin-entry-error--border-width: .0714285714rem;
    --pin-entry-error--box-shadow: none;
    --pin-entry-error-hover--color: #2E2E38;
    --pin-entry-error-hover--bg-color: #FFF;
    --pin-entry-error-hover--border-color: #EA011D;
    --pin-entry-error-hover--border-style: solid;
    --pin-entry-error-hover--border-width: .0714285714rem;
    --pin-entry-error-hover--box-shadow: none;
    --pin-entry-error-focus--color: #2E2E38;
    --pin-entry-error-focus--bg-color: #FFF;
    --pin-entry-error-focus--border-color: #EA011D;
    --pin-entry-error-focus--border-style: solid;
    --pin-entry-error-focus--border-width: .0714285714rem;
    --pin-entry-error-focus--box-shadow: none;
    --pin-entry-clear-icon-color: #656579;
    --pin-entry-clear-icon--bg-color: transparent;
    --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: .2857142857rem;
    --pin-entry-clear-icon-hover-icon-color: #656579;
    --pin-entry-clear-icon-hover--bg-color: #E6E6E9;
    --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: .2857142857rem;
    --pin-entry-clear-icon-focus-icon-color: #656579;
    --pin-entry-clear-icon-focus--bg-color: #E6E6E9;
    --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: .2857142857rem;
    --radio-btn--border-radius: 50%;
    --radio-btn--border-color: #7F7F91;
    --radio-btn--border-width: .0714285714rem;
    --radio-btn--border-style: solid;
    --radio-btn--bg-color: #FFF;
    --radio-btn--box-shadow: none;
    --radio-btn-input--bg-color: #656579;
    --radio-btn-label--color: #2E2E38;
    --radio-btn-support-text--color: #656579;
    --radio-btn-input--size: .5714285714rem;
    --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: .0714285714rem;
    --radio-btn-hover--border-style: var(--radio-btn--border-style);
    --radio-btn-hover--bg-color: #F3F3F5;
    --radio-btn-hover--box-shadow: none;
    --radio-btn-input-hover--bg-color: var(--radio-btn-input--bg-color);
    --radio-btn-label-hover--color: var(--radio-btn-label--color);
    --radio-btn-support-text-hover--color: var(--radio-btn-support-text--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--outline-style: solid;
    --radio-btn-focus--outline-color: #0F69AE;
    --radio-btn-focus--outline-width: .0714285714rem;
    --radio-btn-focus--outline-offset: -.0714285714rem;
    --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-support-text-focus--color: var(--radio-btn-support-text--color);
    --radio-btn-disabled--border-radius: var(--radio-btn--border-radius);
    --radio-btn-disabled--border-color: #F3F3F5;
    --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: #F3F3F5;
    --radio-btn-disabled--box-shadow: var(--radio-btn--box-shadow);
    --radio-btn-input-disabled--bg-color: #9897A6;
    --radio-btn-label-disabled--color: #9897A6;
    --radio-btn-support-text-disabled--color: #9897A6;
    --radio-btn-error--border-radius: var(--radio-btn--border-radius);
    --radio-btn-error--border-color: #FF4136;
    --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: #FFF;
    --radio-btn-label-error--color: var(--radio-btn-label--color);
    --radio-btn-support-text-error--color: var(--radio-btn-support-text--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-focus--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-support-text-error-hover--color: var(--radio-btn-support-text--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);
    --radio-btn-support-text-error-focus--color: var(--radio-btn-support-text--color);
    --radio-btn-checked--border-radius: var(--radio-btn--border-radius);
    --radio-btn-checked--border-color: #7F7F91;
    --radio-btn-checked--border-width: var(--radio-btn--border-width);
    --radio-btn-checked--border-style: var(--radio-btn--border-style);
    --radio-btn-checked--bg-color: #F3F3F5;
    --radio-btn-checked--box-shadow: var(--radio-btn--box-shadow);
    --radio-btn-input-checked--bg-color: var(--radio-btn-input--bg-color);
    --radio-btn-label-checked--color: var(--radio-btn-label--color);
    --radio-btn-support-text-checked--color: var(--radio-btn-support-text--color);
    --radio-btn-checked-hover--border-radius: var(--radio-btn--border-radius);
    --radio-btn-checked-hover--border-color: var(--radio-btn--border-color);
    --radio-btn-checked-hover--border-width: var(--radio-btn-hover--border-width);
    --radio-btn-checked-hover--border-style: var(--radio-btn-hover--border-style);
    --radio-btn-checked-hover--bg-color: #E6E6E9;
    --radio-btn-checked-hover--box-shadow: var(--radio-btn-hover--box-shadow);
    --radio-btn-input-checked-hover--bg-color: var(--radio-btn-input-hover--bg-color);
    --radio-btn-label-checked-hover--color: var(--radio-btn-label-hover--color);
    --radio-btn-support-text-checked-hover--color: var(--radio-btn-support-text--color);
    --radio-btn-checked-focus--border-radius: var(--radio-btn--border-radius);
    --radio-btn-checked-focus--border-color: var(--radio-btn-focus--border-color);
    --radio-btn-checked-focus--border-width: var(--radio-btn-focus--border-width);
    --radio-btn-checked-focus--border-style: var(--radio-btn-focus--border-style);
    --radio-btn-checked-focus--bg-color: var(--radio-btn-checked-hover--bg-color);
    --radio-btn-checked-focus--box-shadow: var(--radio-btn-focus--box-shadow);
    --radio-btn-input-checked-focus--bg-color: var(--radio-btn-input-focus--bg-color);
    --radio-btn-label-checked-focus--color: var(--radio-btn-label-focus--color);
    --radio-btn-support-text-checked-focus--color: var(--radio-btn-support-text--color);
    --radio-btn-checked-disabled--border-radius: var(--radio-btn--border-radius);
    --radio-btn-checked-disabled--border-color: var(--radio-btn-disabled--border-color);
    --radio-btn-checked-disabled--border-width: var(--radio-btn-disabled--border-width);
    --radio-btn-checked-disabled--border-style: var(--radio-btn-disabled--border-style);
    --radio-btn-checked-disabled--bg-color: var(--radio-btn-disabled--bg-color);
    --radio-btn-checked-disabled--box-shadow: var(--radio-btn-disabled--box-shadow);
    --radio-btn-input-checked-disabled--bg-color: #9897A6;
    --radio-btn-label-checked-disabled--color: var(--radio-btn-label-disabled--color);
    --radio-btn-support-text-checked-disabled--color: var(--radio-btn-support-text--color);
    --rich-text-editor-toolbar--border-width: 1px;
    --rich-text-editor-toolbar--border-style: solid;
    --rich-text-editor-toolbar--border-color: #C3C3CB;
    --rich-text-editor-toolbar--border-radius: .2857142857rem .2857142857rem 0 0;
    --rich-text-editor-toolbar--bg-color: #FFF;
    --rich-text-editor-toolbar-icon--stroke: #656579;
    --rich-text-editor-toolbar-icon--fill: #656579;
    --rich-text-editor-toolbar-icon--bg-color: #FFF;
    --rich-text-editor-toolbar-icon--border-radius: .1428571429rem;
    --rich-text-editor-toolbar-icon-hover--bg-color: #E6E6E9;
    --rich-text-editor-toolbar-icon-hover--fill: #656579;
    --rich-text-editor-toolbar-icon-hover--stroke: #656579;
    --rich-text-editor-toolbar-icon-focus--bg-color: #E6E6E9;
    --rich-text-editor-toolbar-icon-focus--fill: #656579;
    --rich-text-editor-toolbar-icon-focus--stroke: #656579;
    --rich-text-editor-toolbar-icon-active--bg-color: #2E2E38;
    --rich-text-editor-toolbar-icon-active--stroke: #AFAEBA;
    --rich-text-editor-toolbar-icon-active--fill: #AFAEBA;
    --rich-text-editor-toolbar-picker--bg-color: #FFF;
    --rich-text-editor-toolbar-picker-hover--bg-color: #F3F3F5;
    --rich-text-editor-toolbar-picker-hover--color: #2E2E38;
    --rich-text-editor-toolbar-picker-focus--bg-color: #FFF;
    --rich-text-editor-toolbar-picker-focus--color: #2E2E38;
    --rich-text-editor-toolbar-picker--border-width: 1px;
    --rich-text-editor-toolbar-picker--border-style: solid;
    --rich-text-editor-toolbar-picker--border-color: #C3C3CB;
    --rich-text-editor-toolbar-picker--border-radius: .2857142857rem;
    --rich-text-editor-toolbar-picker--color: #2E2E38;
    --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: #C3C3CB;
    --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: #0F69AE;
    --rich-text-editor-toolbar-picker--outline-width: 1px;
    --rich-text-editor-toolbar-picker--outline-style: solid;
    --rich-text-editor-toolbar-picker--outline-color: #0F69AE;
    --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: #E6E6E9;
    --rich-text-editor-toolbar-picker-options--color: #2E2E38;
    --rich-text-editor-toolbar-picker-options--box-shadow: 0px 6px 12px 0px rgba(35, 35, 47, .08), 0px 2px 4px 0px rgba(35, 35, 47, .06);
    --rich-text-editor-toolbar-picker-options-hover--bg-color: #F3F3F5;
    --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: #2E2E38;
    --rich-text-editor-toolbar-picker-options-item-selected--color: #2E2E38;
    --rich-text-editor-toolbar-picker-options-item-hover--bg-color: #F3F3F5;
    --rich-text-editor-toolbar-picker-options-item-focus--bg-color: #F3F3F5;
    --rich-text-editor-container--border-width: 1px;
    --rich-text-editor-container--border-style: solid;
    --rich-text-editor-container--border-color: #C3C3CB;
    --rich-text-editor-container--border-radius: 0 0 .2857142857rem .2857142857rem;
    --rich-text-editor-container--bg-color: #FFF;
    --rich-text-editor-container--color: #656579;
    --rich-text-editor-container-hover--border-width: 1px;
    --rich-text-editor-container-hover--border-style: solid;
    --rich-text-editor-container-hover--border-color: #C3C3CB;
    --rich-text-editor-container-hover--bg-color: #FFF;
    --rich-text-editor-container-hover--color: #656579;
    --rich-text-editor-container-focus--border-width: 1px;
    --rich-text-editor-container-focus--border-style: solid;
    --rich-text-editor-container-focus--border-color: #BFBFC8;
    --rich-text-editor-container-focus--bg-color: #FFF;
    --rich-text-editor-container-focus--color: #1A1A24;
    --rich-text-editor-container-placeholder--color: #656579;
    --rich-text-editor-tooltip--bg-color: #2E2E38;
    --rich-text-editor-tooltip--color: #AFAEBA;
    --rich-text-editor-tooltip--border-width: .0714285714rem;
    --rich-text-editor-tooltip--border-color: transparent;
    --rich-text-editor-tooltip--border-style: none;
    --rich-text-editor-tooltip--border-radius: .5714285714rem;
    --rich-text-editor-tooltip-button--bg-color: #2E2E38;
    --rich-text-editor-tooltip-button--color: #AFAEBA;
    --rich-text-editor-tooltip-button--border-radius: .1428571429rem;
    --rich-text-editor-tooltip-button-hover--bg-color: #4D4D5C;
    --rich-text-editor-tooltip-button-hover--color: #AFAEBA;
    --rich-text-editor-tooltip-button-hover--border-radius: .1428571429rem;
    --rich-text-editor-tooltip-button-focus--bg-color: #4D4D5C;
    --rich-text-editor-tooltip-button-focus--color: #AFAEBA;
    --rich-text-editor-tooltip-button-focus--border-radius: .1428571429rem;
    --rich-text-editor-tooltip-button-active--bg-color: #E6E6E9;
    --rich-text-editor-tooltip-button-active--color: #656579;
    --rich-text-editor-tooltip-button-active--border-radius: .1428571429rem;
    --search--border-width: .0714285714rem;
    --search--border-style: solid;
    --search--border-color: #C3C3CB;
    --search--bg-color: #FFF;
    --search--border-radius: .2857142857rem;
    --search--box-shadow: none;
    --search-icon-color: #9897A6;
    --search-clear-btn-icon-color: #9897A6;
    --search-focus--border-width: .0714285714rem;
    --search-focus--border-style: solid;
    --search-focus--border-color: #C3C3CB;
    --search-focus--outline-width: .1428571429rem;
    --search-focus--outline-style: var(--search--border-style);
    --search-focus--outline-color: #0F69AE;
    --search-focus--bg-color: var(--search--bg-color);
    --search-focus--box-shadow: var(--search--box-shadow);
    --search-focus-icon-color: var(--search-icon-color);
    --search-clear-btn-focus-icon-color: var(--search-clear-btn-icon-color);
    --search-hover--border-width: var(--search--border-width);
    --search-hover--border-style: var(--search--border-style);
    --search-hover--border-color: var(--search--border-color);
    --search-hover--bg-color: #F3F3F5;
    --search-hover--box-shadow: var(--search--box-shadow);
    --search-hover-icon-color: var(--search-icon-color);
    --search-clear-btn-hover-icon-color: var(--search-clear-btn-icon-color);
    --search-active--border-width: .0714285714rem;
    --search-active--border-style: solid;
    --search-active--border-color: #C3C3CB;
    --search-active--bg-color: #D7D7DC;
    --search-active--box-shadow: none;
    --search-active-icon-color: #9897A6;
    --search-clear-btn-active-icon-color: #9897A6;
    --search-disabled--border-width: 0rem;
    --search-disabled--border-style: none;
    --search-disabled--border-color: transparent;
    --search-disabled--bg-color: #F3F3F5;
    --search-disabled--box-shadow: var(--search--box-shadow);
    --search-disabled-icon-color: var(--search-icon-color);
    --search-clear-btn-disabled-icon-color: var(--search-clear-btn-icon-color);
    --search-error--color: #2E2E38;
    --search-error--bg-color: var(--search--bg-color);
    --search-error--border-width: var(--search--border-width);
    --search-error--border-style: var(--search--border-style);
    --search-error--border-color: #EA011D;
    --search-error--box-shadow: var(--search--box-shadow);
    --search-error-focus--color: #2E2E38;
    --search-error-focus--border-color: #0F69AE;
    --search-error-focus--border-style: var(--search--border-style);
    --search-error-focus--border-width: var(--search--border-width);
    --search-error-focus--bg-color: var(--search--bg-color);
    --search-error-focus--box-shadow: var(--search--box-shadow);
    --search-error-hover--color: #2E2E38;
    --search-error-hover--border-color: #EA011D;
    --search-error-hover--border-style: var(--search--border-style);
    --search-error-hover--border-width: var(--search--border-width);
    --search-error-hover--bg-color: #F3F3F5;
    --search-error-hover--box-shadow: var(--search--box-shadow);
    --select-option--bg-color: #FFF;
    --select-option--color: #2E2E38;
    --select-option--border-color: transparent;
    --select-option--border-style: solid;
    --select-option--border-width: .0714285714rem;
    --select-option-active--color: #2E2E38;
    --select-option-active--bg-color: #D7D7DC;
    --select-option-hover--color: #2E2E38;
    --select-option-hover--bg-color: #F3F3F5;
    --select-option-focus--border-width: 0;
    --select-option-focus--border-style: none;
    --select-option-focus--border-color: transparent;
    --select-option-focus--border-radius: .2857142857rem;
    --select-option-focus--bg-color: transparent;
    --select-option-focus--outline-width: .1428571429rem;
    --select-option-focus--outline-style: solid;
    --select-option-focus--outline-color: #0F69AE;
    --select-option-focus--outline-offset: -.1428571429rem;
    --select-option-disabled--bg-color: transparent;
    --select-option-disabled--color: #9897A6;
    --select-option-disabled--border-color: transparent;
    --select-option-disabled--border-width: .0714285714rem;
    --select-option-disabled--border-style: solid;
    --select-option-selected--color: #2E2E38;
    --select-option-selected--bg-color: #E6E6E9;
    --select-option-selected-hover--color: #2E2E38;
    --select-option-selected-hover--bg-color: #F3F3F5;
    --select-option-selected-active--color: #2E2E38;
    --select-option-selected-active--bg-color: #D7D7DC;
    --select-option-selected-focus--color: #2E2E38;
    --select-option-selected-focus--bg-color: #F3F3F5;
    --select-option-selected-disabled--color: #9897A6;
    --select-option-selected-disabled--bg-color: #F9F9FA;
    --select-trigger--color: #2E2E38;
    --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--box-shadow: var(--form-element--box-shadow);
    --select-trigger--border-radius: .2857142857rem;
    --select-trigger-hover--color: #2E2E38;
    --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-hover--box-shadow: var(--form-element-hover--box-shadow);
    --select-trigger-hover--border-radius: .2857142857rem;
    --select-trigger-open--border-color: var(--form-element-focus--border-color);
    --select-trigger-open--border-style: var(--form-element-focus--border-style);
    --select-trigger-open--border-width: 0rem;
    --select-trigger-open--bg-color: var(--form-element-focus--bg-color);
    --select-trigger-open--box-shadow: var(--form-element-focus--box-shadow);
    --select-trigger-open--border-radius: .2857142857rem;
    --select-trigger-focus--color: #2E2E38;
    --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-focus--box-shadow: var(--form-element-focus--box-shadow);
    --select-trigger-focus--border-radius: .2857142857rem;
    --select-trigger-focus--outline-style: solid;
    --select-trigger-focus--outline-color: #85B9FD;
    --select-trigger-focus--outline-width: .1428571429rem;
    --select-trigger-focus--outline-offset: 0;
    --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--box-shadow: var(--form-element-disabled--box-shadow);
    --select-trigger-disabled--border-radius: .2857142857rem;
    --select-trigger-disabled-hover--bg-color: var(--select-trigger-disabled--bg-color);
    --select-trigger-error--color: #2E2E38;
    --select-trigger-error--border-radius: .2857142857rem;
    --select-trigger-error--border-color: var(--form-element-error--border-color);
    --select-trigger-error--border-style: var(--form-element-error--border-style);
    --select-trigger-error--border-width: var(--form-element-error--border-width);
    --select-trigger-error--bg-color: var(--form-element-error--bg-color);
    --select-trigger-error--box-shadow: var(--form-element-error--box-shadow);
    --select-trigger-label--color: #656579;
    --select-trigger-label-focus--color: #656579;
    --select-trigger-label-hover--color: #656579;
    --select-trigger-label-disabled--color: #9897A6;
    --select-arrow--color: #656579;
    --select-arrow-focus--color: #656579;
    --select-arrow-hover--color: #656579;
    --select-arrow-disabled--color: #9897A6;
    --select-filter--bg-color: var(--form-element--bg-color);
    --select-filter--border-style: var(--form-element--border-style);
    --select-filter--border-width: var(--form-element--border-width);
    --select-filter--border-color: var(--form-element--border-color);
    --select-input-filter--color: var(--form-element--color);
    --select-input-filter-hover--color: var(--form-element-hover--color);
    --select-input-filter--border-style: var(--form-element--border-style);
    --select-input-filter--border-width: var(--form-element--border-width);
    --select-input-filter--border-color: var(--form-element--border-color);
    --select-input-filter--bg-color: var(--form-element--bg-color);
    --select-input-filter-hover--bg-color: var(--form-element-hover--bg-color);
    --select-input-filter-placeholder--color: var(--form-element-placeholder--color);
    --select-input-filter-placeholder-hover--color: var(--form-element-placeholder-hover--color);
    --select-input-filter-icon-color: var(--form-element-icon-color);
    --select-input-filter-hover-icon-color: var(--form-element-icon-color);
    --select-list--border-color: #E6E6E9;
    --select-list--border-style: solid;
    --select-list--border-width: .0714285714rem;
    --select-list--box-shadow: 0 .4285714286rem .8571428571rem 0 rgba(35, 35, 47, .0784313725), 0 .1428571429rem .2857142857rem 0 rgba(35, 35, 47, .0588235294);
    --select-list--border-radius: .2857142857rem;
    --select-list--bg-color: #FFF;
    --select-list-focus--bg-color: #FFF;
    --select-list-no-results--border-left: 0 none transparent;
    --select-list-no-results--border-right: 0 none transparent;
    --select-list-no-results--border-color: #E6E6E9;
    --select-list-no-results--border-style: solid;
    --select-list-no-results--border-width: .0714285714rem;
    --sidebar--overlay-border-color: #E6E6E9;
    --sidebar--overlay-border-width: .0714285714rem;
    --sidebar--overlay-border-style: solid;
    --sidebar--overlay-bg-color: #FFF;
    --sidebar--overlay-box-shadow: 0 .4285714286rem .8571428571rem 0 rgba(35, 35, 47, .0784313725), 0 .1428571429rem .2857142857rem 0 rgba(35, 35, 47, .0588235294);
    --sidebar--push-border-color: #E6E6E9;
    --sidebar--push-border-width: .0714285714rem;
    --sidebar--push-border-style: solid;
    --sidebar--push-bg-color: transparent;
    --sidebar--push-box-shadow: none;
    --slider-before--border-color: #2E2E38 transparent transparent transparent;
    --slider-before--border-style: solid none none none;
    --slider-before--border-width: .1428571429rem 0 0 0;
    --slider-after--border-color: #E6E6E9 transparent transparent transparent;
    --slider-after--border-style: solid none none none;
    --slider-after--border-width: .1428571429rem 0 0 0;
    --slider-thumb--color: #2E2E38;
    --slider-thumb--border-color: #7F7F91;
    --slider-thumb--border-style: solid;
    --slider-thumb--border-width: .0714285714rem;
    --slider-thumb--border-radius: 50%;
    --slider-thumb--bg-color: #FFF;
    --slider-thumb--box-shadow: 0 0 0 0 rgba(35, 35, 47, 0), 0 0 0 0 rgba(35, 35, 47, 0);
    --slider-thumb-active--border-style: var(--slider-thumb--border-style);
    --slider-thumb-active--border-width: var(--slider-thumb--border-width);
    --slider-thumb-active--border-color: var(--slider-thumb--border-color);
    --slider-thumb-active--bg-color: #7F7F91;
    --slider-thumb-active--box-shadow: var(--slider-thumb--box-shadow);
    --slider-thumb-hover--border-style: var(--slider-thumb--border-style);
    --slider-thumb-hover--border-width: var(--slider-thumb--border-width);
    --slider-thumb-hover--border-color: var(--slider-thumb--border-color);
    --slider-thumb-hover--bg-color: #7F7F91;
    --slider-thumb-hover--box-shadow: var(--slider-thumb--box-shadow);
    --slider-thumb-focus--border-style: var(--slider-thumb--border-style);
    --slider-thumb-focus--border-width: var(--slider-thumb--border-width);
    --slider-thumb-focus--border-color: var(--slider-thumb--border-color);
    --slider-thumb-focus--bg-color: #7F7F91;
    --slider-thumb-focus--box-shadow: var(--slider-thumb--box-shadow);
    --slider-thumb-focus--outline-color: #0F69AE;
    --slider-thumb-focus--outline-style: solid;
    --slider-thumb-focus--outline-width: .1428571429rem;
    --slider-thumb-focus--outline-offset: .1428571429rem;
    --slider-thumb-disabled--color: #9897A6;
    --slider-thumb-disabled--bg-color: var(--slider-thumb--bg-color);
    --slider-thumb-disabled--border-style: var(--slider-thumb--border-style);
    --slider-thumb-disabled--border-width: var(--slider-thumb--border-width);
    --slider-thumb-disabled--border-color: #C3C3CB;
    --slider-thumb-disabled--box-shadow: var(--slider-thumb--box-shadow);
    --slider-range--bg-color: #2E2E38;
    --slider-range--border-color: #E6E6E9 transparent transparent transparent;
    --slider-range--border-style: solid none none none;
    --slider-range--border-width: .1428571429rem 0 0 0;
    --slider-range-disabled--bg-color: #9897A6;
    --slider-track--bg-color: #E6E6E9;
    --slider-track-disabled--bg-color: var(--slider-track--bg-color);
    --slider-track--height: .5714285714rem;
    --slider-track--border-radius: .2857142857rem;
    --slider-footer--color: #2E2E38;
    --slider-footer-disabled--color: #9897A6;
    --slider-tooltip-value--color: #F9F9FA;
    --slider-tooltip-value--bg-color: #2E2E38;
    --text-area--color: #2E2E38;
    --text-area--bg-color: #FFF;
    --text-area--box-shadow: none;
    --text-area-label--color: #656579;
    --text-area--border-width: .0714285714rem;
    --text-area--border-style: solid;
    --text-area--border-color: #C3C3CB;
    --text-area--border-radius: .2857142857rem;
    --text-area-disabled--color: #9897A6;
    --text-area-disabled--bg-color: #F3F3F5;
    --text-area-disabled--box-shadow: none;
    --text-area-disabled-label--color: #656579;
    --text-area-disabled--border-width: .0714285714rem;
    --text-area-disabled--border-style: solid;
    --text-area-disabled--border-color: transparent;
    --text-area-hover--bg-color: #F3F3F5;
    --text-area-hover--color: #2E2E38;
    --text-area-hover--box-shadow: none;
    --text-area-hover-label--color: #656579;
    --text-area-hover--border-width: .0714285714rem;
    --text-area-hover--border-style: solid;
    --text-area-hover--border-color: #C3C3CB;
    --text-area-focus--bg-color: #FFF;
    --text-area-focus--color: #2E2E38;
    --text-area-focus--box-shadow: none;
    --text-area-focus-label--color: #656579;
    --text-area-focus--border-width: .0714285714rem;
    --text-area-focus--border-style: solid;
    --text-area-focus--border-color: transparent;
    --text-area-focus--outline-color: #0F69AE;
    --text-area-focus--outline-width: .1428571429rem;
    --text-area-focus--outline-style: solid;
    --text-area-scroll-bar--bg-color: #C3C3CB;
    --text-area-scroll-bar-hover--bg-color: #C3C3CB;
    --text-area-error--color: #2E2E38;
    --text-area-error--bg-color: #FFF;
    --text-area-error--box-shadow: none;
    --text-area-error-label--color: #656579;
    --text-area-error--border-width: .0714285714rem;
    --text-area-error--border-style: solid;
    --text-area-error--border-color: #EA011D;
    --text-area-error-hover--color: #2E2E38;
    --text-area-error-hover--bg-color: #FFF;
    --text-area-error-hover--box-shadow: none;
    --text-area-error-hover--border-width: .0714285714rem;
    --text-area-error-hover--border-style: solid;
    --text-area-error-hover--border-color: #EA011D;
    --text-area-error-focus--color: #2E2E38;
    --text-area-error-focus--bg-color: #FFF;
    --text-area-error-focus--box-shadow: none;
    --text-area-error-focus--border-width: .0714285714rem;
    --text-area-error-focus--border-style: solid;
    --text-area-error-focus--border-color: #EA011D;
    --time-input--color: #2E2E38;
    --time-input--bg-color: #FFF;
    --time-input--border-radius: .2857142857rem;
    --time-input--border-color: #C3C3CB;
    --time-input--border-style: solid;
    --time-input--border-width: .0714285714rem;
    --time-input--box-shadow: none;
    --time-input-colon--color: #9897A6;
    --time-input-radio-btn--border-radius: var(--radio-btn--border-radius);
    --time-input-radio-btn--border-color: #7F7F91;
    --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: #F3F3F5;
    --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: #2E2E38;
    --time-input-hover--bg-color: #F3F3F5;
    --time-input-hover--border-radius: .2857142857rem;
    --time-input-hover--border-color: #C3C3CB;
    --time-input-hover--border-style: solid;
    --time-input-hover--border-width: .0714285714rem;
    --time-input-hover--box-shadow: none;
    --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: #2E2E38;
    --time-input-focus--bg-color: #FFF;
    --time-input-focus--border-radius: .2857142857rem;
    --time-input-focus--border-color: #C3C3CB;
    --time-input-focus--border-style: solid;
    --time-input-focus--border-width: .0714285714rem;
    --time-input-focus--outline-color: #0F69AE;
    --time-input-focus--outline-width: .1428571429rem;
    --time-input-focus--outline-style: solid;
    --time-input-focus--outline-offset: -.1428571429rem;
    --time-input-focus--box-shadow: none;
    --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: #656579;
    --time-input-error--bg-color: #FFF;
    --time-input-error--border-radius: .2857142857rem;
    --time-input-error--border-color: #EA011D;
    --time-input-error--border-style: solid;
    --time-input-error--border-width: .0714285714rem;
    --time-input-error--box-shadow: none;
    --time-input-radio-btn-error--border-radius: var(--radio-btn-error--border-radius);
    --time-input-radio-btn-error--border-color: #7F7F91;
    --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-radio-btn-input-error--color: var(--radio-btn-input--bg-color);
    --time-input-error-hover--color: var(--time-input-error--color);
    --time-input-error-hover--bg-color: #F3F3F5;
    --time-input-error-hover--border-radius: var(--time-input-error--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--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-error--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: #9897A6;
    --time-input-disabled--bg-color: #F3F3F5;
    --time-input-disabled--border-radius: .2857142857rem;
    --time-input-disabled--border-color: transparent;
    --time-input-disabled--border-style: none;
    --time-input-disabled--border-width: 0;
    --time-input-disabled--box-shadow: none;
    --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: #2E2E38;
    --toggle-switch-hover--color: var(--toggle-switch--color);
    --toggle-switch-focus--color: var(--toggle-switch--color);
    --toggle-switch-disabled--color: #9897A6;
    --toggle-switch--bg-color: #7F7F91;
    --toggle-switch--border-radius: .8571428571rem;
    --toggle-switch--border-style: unset;
    --toggle-switch--border-color: unset;
    --toggle-switch--border-width: 0;
    --toggle-switch--box-shadow: none;
    --toggle-switch--height: 1.4285714286rem;
    --toggle-switch-hover--bg-color: #656579;
    --toggle-switch-hover--border-style: var(--toggle-switch--border-style);
    --toggle-switch-hover--border-color: var(--toggle-switch--border-color);
    --toggle-switch-hover--border-width: var(--toggle-switch--border-width);
    --toggle-switch-hover--box-shadow: var(--toggle-switch--box-shadow);
    --toggle-switch-focus--bg-color: #656579;
    --toggle-switch-focus--border-style: var(--toggle-switch--border-style);
    --toggle-switch-focus--border-color: var(--toggle-switch--border-color);
    --toggle-switch-focus--border-width: var(--toggle-switch--border-width);
    --toggle-switch-focus--outline-style: solid;
    --toggle-switch-focus--outline-color: #0F69AE;
    --toggle-switch-focus--outline-width: .1428571429rem;
    --toggle-switch-focus--outline-offset: .0714285714rem;
    --toggle-switch-focus--box-shadow: var(--toggle-switch--box-shadow);
    --toggle-switch-disabled--bg-color: #E6E6E9;
    --toggle-switch-disabled--border-style: var(--toggle-switch--border-style);
    --toggle-switch-disabled--border-color: var(--toggle-switch--border-color);
    --toggle-switch-disabled--border-width: var(--toggle-switch--border-width);
    --toggle-switch-disabled--box-shadow: var(--toggle-switch--box-shadow);
    --toggle-switch-checked--bg-color: #26A04B;
    --toggle-switch-checked--border-style: var(--toggle-switch--border-style);
    --toggle-switch-checked--border-color: var(--toggle-switch--border-color);
    --toggle-switch-checked--border-width: var(--toggle-switch--border-width);
    --toggle-switch-checked--box-shadow: var(--toggle-switch--box-shadow);
    --toggle-switch-checked-hover--bg-color: #197335;
    --toggle-switch-checked-hover--border-style: var(--toggle-switch--border-style);
    --toggle-switch-checked-hover--border-color: var(--toggle-switch--border-color);
    --toggle-switch-checked-hover--border-width: var(--toggle-switch--border-width);
    --toggle-switch-checked-hover--box-shadow: var(--toggle-switch--box-shadow);
    --toggle-switch-checked-focus--bg-color: #197335;
    --toggle-switch-checked-focus--border-style: var(--toggle-switch--border-style);
    --toggle-switch-checked-focus--border-color: var(--toggle-switch--border-color);
    --toggle-switch-checked-focus--border-width: var(--toggle-switch--border-width);
    --toggle-switch-checked-focus--box-shadow: var(--toggle-switch--box-shadow);
    --toggle-switch-checked-disabled--bg-color: var(--toggle-switch-disabled--bg-color);
    --toggle-switch-checked-disabled--border-style: var(--toggle-switch-disabled--border-style);
    --toggle-switch-checked-disabled--border-color: var(--toggle-switch-disabled--border-color);
    --toggle-switch-checked-disabled--border-width: var(--toggle-switch-disabled--border-width);
    --toggle-switch-checked-disabled--box-shadow: var(--toggle-switch-disabled--box-shadow);
    --toggle-switch-thumb--bg-color: #FFF;
    --toggle-switch-thumb--box-shadow: none;
    --toggle-switch-thumb--border-radius: .7142857143rem;
    --toggle-switch-thumb--border-style: unset;
    --toggle-switch-thumb--border-color: unset;
    --toggle-switch-thumb--border-width: 0rem;
    --toggle-switch-thumb--width: 1.1428571429rem;
    --toggle-switch-thumb--height: 1.1428571429rem;
    --toggle-switch-thumb--translateX: translateX(.1642857143rem);
    --toggle-switch-thumb--translateY: translateY(-49%);
    --toggle-switch-hover-thumb--bg-color: var(--toggle-switch-thumb--bg-color);
    --toggle-switch-hover-thumb--border-style: var(--toggle-switch-thumb--border-style);
    --toggle-switch-hover-thumb--border-color: var(--toggle-switch-thumb--border-color);
    --toggle-switch-hover-thumb--border-width: var(--toggle-switch-thumb--border-width);
    --toggle-switch-hover-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
    --toggle-switch-focus-thumb--bg-color: var(--toggle-switch-thumb--bg-color);
    --toggle-switch-focus-thumb--border-style: var(--toggle-switch-thumb--border-style);
    --toggle-switch-focus-thumb--border-color: var(--toggle-switch-thumb--border-color);
    --toggle-switch-focus-thumb--border-width: var(--toggle-switch-thumb--border-width);
    --toggle-switch-focus-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
    --toggle-switch-disabled-thumb--bg-color: #9897A6;
    --toggle-switch-disabled-thumb--border-style: var(--toggle-switch-thumb--border-style);
    --toggle-switch-disabled-thumb--border-color: var(--toggle-switch-thumb--border-color);
    --toggle-switch-disabled-thumb--border-width: var(--toggle-switch-thumb--border-width);
    --toggle-switch-disabled-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
    --toggle-switch-checked-thumb--bg-color: var(--toggle-switch-thumb--bg-color);
    --toggle-switch-checked-thumb--border-color: var(--toggle-switch-thumb--border-color);
    --toggle-switch-checked-thumb--border-width: var(--toggle-switch-thumb--border-width);
    --toggle-switch-checked-thumb--border-style: var(--toggle-switch-thumb--border-style);
    --toggle-switch-checked-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
    --toggle-switch-checked-thumb--translateX: translateX(1.2857142857rem);
    --toggle-switch-checked-thumb--translateY: translateY(-49%);
    --toggle-switch-checked-hover-thumb--bg-color: var(--toggle-switch-thumb--bg-color);
    --toggle-switch-checked-hover-thumb--border-color: var(--toggle-switch-thumb--border-color);
    --toggle-switch-checked-hover-thumb--border-style: var(--toggle-switch-thumb--border-style);
    --toggle-switch-checked-hover-thumb--border-width: var(--toggle-switch-thumb--border-width);
    --toggle-switch-checked-hover-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
    --toggle-switch-checked-focus-thumb--bg-color: var(--toggle-switch-thumb--bg-color);
    --toggle-switch-checked-focus-thumb--border-color: var(--toggle-switch-thumb--border-color);
    --toggle-switch-checked-focus-thumb--border-style: var(--toggle-switch-thumb--border-style);
    --toggle-switch-checked-focus-thumb--border-width: var(--toggle-switch-thumb--border-width);
    --toggle-switch-checked-focus-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
    --toggle-switch-checked-disabled-thumb--bg-color: #9897A6;
    --toggle-switch-checked-disabled-thumb--border-color: var(--toggle-switch-thumb--border-color);
    --toggle-switch-checked-disabled-thumb--border-style: var(--toggle-switch-thumb--border-style);
    --toggle-switch-checked-disabled-thumb--border-width: var(--toggle-switch-thumb--border-width);
    --toggle-switch-checked-disabled-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
    --typeahead-results--border-width: .0714285714rem;
    --typeahead-results--border-style: solid;
    --typeahead-results--border-color: #E6E6E9;
    --typeahead-results--border-radius: .2857142857rem;
    --typeahead-results--bg-color: #FFF;
    --typeahead-results--box-shadow: 0 .4285714286rem .8571428571rem 0 rgba(35, 35, 47, .0784313725), 0 .1428571429rem .2857142857rem 0 rgba(35, 35, 47, .0588235294);
    --typeahead-results-option--color: #2E2E38;
    --typeahead-results-option--bg-color: transparent;
    --typeahead-results-option--border-color: none;
    --typeahead-results-option--border-style: none;
    --typeahead-results-option--border-width: none;
    --typeahead-results-option--border-radius: .2857142857rem;
    --typeahead-results-option-hover--color: #2E2E38;
    --typeahead-results-option-hover--bg-color: #F3F3F5;
    --typeahead-results-option-hover--border-color: none;
    --typeahead-results-option-hover--border-style: none;
    --typeahead-results-option-hover--border-width: none;
    --typeahead-results-option-focus--color: #2E2E38;
    --typeahead-results-option-focus--bg-color: transparent;
    --typeahead-results-option-focus--border-color: none;
    --typeahead-results-option-focus--border-style: none;
    --typeahead-results-option-focus--border-width: none;
    --typeahead-results-option-focus--outline-color: #0F69AE;
    --typeahead-results-option-focus--outline-style: solid;
    --typeahead-results-option-focus--outline-width: .1428571429rem;
    --typeahead-results-option-focus--outline-offset: 0;
    --typeahead-results-option-disabled--color: #9897A6;
    --typeahead-results-option-disabled--bg-color: transparent;
    --typeahead-results-option-disabled--border-color: none;
    --typeahead-results-option-disabled--border-style: none;
    --typeahead-results-option-disabled--border-width: none;
    --header--bg-color: #FFF;
    --header--border-style: solid;
    --header--border-width: 0 0 .0714285714rem 0;
    --header--border-color: #E6E6E9;
    --header--border-radius: 0;
    --header-search--bg-color: #FFF;
    --header-search--color: #2E2E38;
    --header-search-placeholder--color: #656579;
    --header-search-icon-color: #9897A6;
    --header-search-hover--color: #2E2E38;
    --header-search-hover--bg-color: #FFF;
    --header-search-icon-hover-color: #23232F;
    --header-search-focus--color: #2E2E38;
    --header-search-focus--bg-color: #FFF;
    --header-search-icon-focus-color: #23232F;
    --header-icon-color: #656579;
    --header-icon-hover-icon-color: #656579;
    --header-icon-focus-icon-color: #656579;
    --header-icon-selected-icon-color: #656579;
    --header-icon-selected--bg-color: #F3F3F5;
    --header-icon-selected--border-color: transparent;
    --header-icon-selected--border-style: none;
    --header-icon-selected--border-width: 0;
    --header-icon-selected-hover-icon-color: #656579;
    --header-icon-selected-hover--bg-color: #E6E6E9;
    --header-icon-selected-focus-icon-color: #656579;
    --header-icon-selected-focus--bg-color: #E6E6E9;
    --header-input-wrap--border-color: #E6E6E9;
    --header-input-wrap--border-style: solid;
    --header-input-wrap--border-width: .0714285714rem;
    --header-input-wrap-hover--border-color: #E6E6E9;
    --header-input-wrap-hover--border-style: solid;
    --header-input-wrap-hover--border-width: .0714285714rem;
    --header-input-wrap-focus--border-color: #0F69AE;
    --header-input-wrap-focus--border-style: solid;
    --header-input-wrap-focus--border-width: .1428571429rem;
    --header-btn--bg-color: #FFF;
    --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: #F3F3F5;
    --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: #F3F3F5;
    --header-btn-focus--box-shadow: none;
    --header-btn-focus--border-color: transparent;
    --header-btn-focus--border-style: none;
    --header-btn-focus--border-width: 0;
    --header-title--color: #2E2E38;
    --header-logo--bg-color: #2E2E38;
    --header-logo--border-color: transparent;
    --header-logo--border-style: none;
    --header-logo--border-width: 0;
    --header-logo--border-radius: .1785714286rem;
    --header-logo-focus--outline-style: solid;
    --header-logo-focus--outline-color: #0F69AE;
    --header-logo-focus--outline-width: .1428571429rem;
    --header-logo-focus--outline-offset: .1428571429rem;
    --icon-color: #2E2E38;
    --icon--bg-color: transparent;
    --progress-bar-progress--bg-color: #2E2E38;
    --progress-bar--bg-color: #E6E6E9;
    --progress-bar--border-radius: 4px 4px 4px 4px;
    --progress-bar--box-shadow: none;
    --progress-bar-error-progress--bg-color: #EA011D;
    --progress-bar-error--border-radius: 4px 4px 4px 4px;
    --progress-bar-error--border-color: #EA011D;
    --progress-bar-error--box-shadow: none;
    --progress-bar-spinner-outline--border-color: #BFBFC8;
    --progress-bar-spinner--border-color: #2E2E38;
    --progress-bar-percent-circle--bg-color: #FFF;
    --progress-bar-label--color: #2E2E38;
    --progress-bar-label--bg-color: #F9F9FA;
    --progress-bar-label-error-color: #2E2E38;
    --progress-bar-progress--border-radius: .5714285714rem;
    --progress-bar-circle--border-width: .4285714286rem;
    --progress-bar-circle--width: 4.5714285714rem;
    --progress-bar-circle--height: 4.5714285714rem;
    --progress-bar-spinner-outer--border-color: #E6E6E9;
    --progress-bar-spinner-outer--stroke-linecap: round;
    --progress-bar-label-alt--color: #2E2E38;
    --progress-bar-label-alt--bg-color: #F3F3F5;
    --progress-bar-label-alt--box-shadow: 0 .5714285714rem 1.1428571429rem 0 rgba(35, 35, 47, .0784313725), 0 .1428571429rem .2857142857rem 0 rgba(35, 35, 47, .0588235294);
    --inline-message--bg-color: transparent;
    --inline-message--color: #2E2E38;
    --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: #656579;
    --inline-error-icon-color: #FF4136;
    --inline-warning-icon-color: #EE8300;
    --inline-success-icon-color: #26A04B;
    --inline-info-icon-color: #656579;
    --inline-message-error--color: #C70117;
    --inline-message-warning--color: #975100;
    --inline-message-success--color: #197335;
    --inline-message-info--color: #2E2E38;
    --menu-overlay-open--padding: 1.1428571429rem;
    --menu-overlay-open--bg-color: rgba(46, 46, 56, .3019607843);
    --menu--border-color: transparent;
    --menu--border-style: none;
    --menu--border-width: 0;
    --menu--bg-color: #FFF;
    --menu--box-shadow: 0 1.1428571429rem 2.2857142857rem 0 rgba(35, 35, 47, .0784313725), 0 .2857142857rem .5714285714rem 0 rgba(35, 35, 47, .0588235294);
    --menu-btn-icon--color: #656579;
    --menu-header-title--color: #2E2E38;
    --menu-header-title--border-color: none;
    --menu-header-title--border-style: none;
    --menu-header-title--border-width: none;
    --menu-header-description--color: #656579;
    --menu-header-close-btn-icon-color: #656579;
    --menu-header-close-btn-hover--bg-color: #E6E6E9;
    --menu-header-close-btn-icon-hover-icon-color: #656579;
    --menu-header-close-btn-focus--bg-color: #E6E6E9;
    --menu-header-close-btn-icon-focus-icon-color: #656579;
    --menu-header-close-btn-focus-outline-color: #0F69AE;
    --menu-header-close-btn-focus-outline-style: solid;
    --menu-header-close-btn-focus-outline-width: .1428571429rem;
    --menu-header-close-btn-focus-outline-offset: .1428571429rem;
    --menu-item--bg-color: #FFF;
    --menu-item--border-radius: .1428571429rem;
    --menu-dark-item--bg-color: #C3C3CB;
    --menu-item-hover--bg-color: #F3F3F5;
    --menu-item-focus--bg-color: #F3F3F5;
    --menu-item-active--bg-color: #C3C3CB;
    --menu-item--color: #2E2E38;
    --menu-item-hover--color: #2E2E38;
    --menu-item-focus--color: #2E2E38;
    --menu-item-focus-border--color: #0F69AE;
    --menu-item-focus-border--style: solid;
    --menu-item-focus-border--width: .1428571429rem;
    --menu-item--font-weight: 400;
    --menu-item-active-hover--bg-color: #E6E6E9;
    --menu-item-focus-outline-color: #0F69AE;
    --menu-item-focus-outline-style: solid;
    --menu-item-focus-outline-width: .1428571429rem;
    --menu-item-focus-outline-offset: -.1428571429rem;
    --menu-group-item-container--bg-color: #C3C3CB;
    --menu-group-item--color: #2E2E38;
    --menu-group-item--bg-color: #FFF;
    --menu-group-item-hover--bg-color: #F3F3F5;
    --menu-group-item-hover--color: #2E2E38;
    --menu-group-item-expanded--bg-color: #FFF;
    --menu-group-item-active--bg-color: #F3F3F5;
    --menu-group-item-active--color: #2E2E38;
    --menu-group-item-icon--color: #656579;
    --menu-group-item--font-size: 1rem;
    --menu-alt--bg-color: #FFF;
    --menu-alt-header-title--color: #2E2E38;
    --menu-alt-header-close-btn-icon-color: #656579;
    --menu-alt-header-close-btn-icon-hover-icon-color: #656579;
    --menu-alt-header-close-btn-hover--bg-color: #C3C3CB;
    --menu-alt-header-close-btn-icon-focus-icon-color: #656579;
    --menu-alt-header-close-btn-focus--bg-color: #C3C3CB;
    --menu-alt-item--bg-color: #FFF;
    --menu-alt-dark-item--bg-color: #C3C3CB;
    --menu-alt-item-hover--bg-color: #E6E6E9;
    --menu-alt-item-focus--bg-color: #F3F3F5;
    --menu-alt-item-active--bg-color: #C3C3CB;
    --menu-alt-item--color: #2E2E38;
    --menu-alt-item-hover--color: #2E2E38;
    --menu-alt-item-focus--color: #2E2E38;
    --menu-alt-group-item-container--bg-color: #C3C3CB;
    --menu-alt-group-item--color: #2E2E38;
    --menu-alt-group-item--bg-color: #FFF;
    --menu-alt-group-item-hover--color: #2E2E38;
    --menu-alt-group-item-hover--bg-color: #F3F3F5;
    --menu-alt-group-item-expanded--bg-color: #FFF;
    --menu-alt-group-item-active--color: #2E2E38;
    --menu-alt-group-item-active--bg-color: #F3F3F5;
    --menu-alt-group-item-icon--color: #9897A6;
    --modal--border-width: none;
    --modal--border-style: none;
    --modal--border-color: none;
    --modal--border-radius: .5714285714rem;
    --modal--bg-color: #FFF;
    --modal--box-shadow: 0 1.1428571429rem 2.2857142857rem 0 rgba(35, 35, 47, .0784313725), 0 .2857142857rem .5714285714rem 0 rgba(35, 35, 47, .0588235294);
    --modal-overlay--bg-color: rgba(46, 46, 56, .3019607843);
    --model-content-divider-header-color: #656579;
    --modal-header--color: #2E2E38;
    --modal-header--bg-color: #FFF;
    --modal-header--border-color: #E6E6E9;
    --modal-header--border-style: solid;
    --modal-header--border-width: 0 0 .0714285714rem 0;
    --modal-header-close-btn--color: #7F7F91;
    --modal-header-close-btn--bg-color: #FFF;
    --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--border-radius: .2857142857rem;
    --modal-header-close-btn-hover--color: inherit;
    --modal-header-close-btn-hover--bg-color: #E6E6E9;
    --modal-header-close-btn-hover-icon-color: inherit;
    --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: #E6E6E9;
    --modal-header-close-btn-focus-icon-color: inherit;
    --modal-header-close-btn-focus-icon--bg-color: transparent;
    --modal-header-close-btn-focus--border-color: none;
    --modal-header-close-btn-focus--border-width: 0;
    --modal-header-close-btn-focus--border-style: solid;
    --modal-header-close-btn-focus--border-radius: .2857142857rem;
    --modal-header-close-btn-focus--box-shadow: none;
    --modal-header-close-btn-focus--outline-style: .2857142857rem solid #0F69AE;
    --modal-header-close-btn-active--color: inherit;
    --modal-header-close-btn-active--bg-color: #D7D7DC;
    --modal-header-close-btn-active-icon-color: inherit;
    --modal-header-close-btn-active-icon--bg-color: transparent;
    --modal-header-close-btn-active--border-color: transparent;
    --modal-header-close-btn-active--border-width: 0;
    --modal-header-close-btn-active--border-style: none;
    --modal-header-close-btn-active--box-shadow: none;
    --modal-header-alt--color: #2E2E38;
    --modal-header-alt--border-color: #E6E6E9;
    --modal-header-alt--border-style: solid;
    --modal-header-alt--border-width: 0 0 .0714285714rem 0;
    --modal-header-alt--bg-color: #FFF;
    --modal-header-alt-close-btn--color: #7F7F91;
    --modal-header-alt-close-btn--bg-color: #FFF;
    --modal-header-alt-close-btn-icon-color: inherit;
    --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: #E6E6E9;
    --modal-header-alt-close-btn-hover-icon-color: inherit;
    --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: #E6E6E9;
    --modal-header-alt-close-btn-focus-icon-color: inherit;
    --modal-header-alt-close-btn-focus-icon--bg-color: transparent;
    --modal-header-alt-close-btn-focus--border-color: none;
    --modal-header-alt-close-btn-focus--border-width: 0;
    --modal-header-alt-close-btn-focus--border-style: solid;
    --modal-header-alt-close-btn-focus--box-shadow: none;
    --modal-footer--border-color: none;
    --modal-footer--border-style: none none none none;
    --modal-footer--border-width: none;
    --modal-footer--bg-color: transparent;
    --modal-warning-btn--bg-color: #2E2E38;
    --modal-warning-btn--color: #FFF;
    --modal-warning-btn-warn-hover--bg-color: #4D4D5C;
    --modal-next-btn--bg-color: #2E2E38;
    --modal-next-btn--color: #FFF;
    --modal-next-btn-hover--bg-color: #4D4D5C;
    --modal-next-btn-hover--color: #FFF;
    --pagination-count--color: #2E2E38;
    --pagination-count--border-color: transparent;
    --pagination-count--border-style: none;
    --pagination-count--border-width: 0;
    --pagination-count--box-shadow: none;
    --pagination-count--border-radius: .2857142857rem;
    --pagination-count--bg-color: transparent;
    --pagination-count-hover--border-color: transparent;
    --pagination-count-hover--border-style: none;
    --pagination-count-hover--border-width: 0;
    --pagination-count-hover--color: #2E2E38;
    --pagination-count-hover--box-shadow: none;
    --pagination-count-hover--bg-color: transparent;
    --pagination-count-focus--border-color: #C3C3CB;
    --pagination-count-focus--border-style: solid;
    --pagination-count-focus--border-width: .0714285714rem;
    --pagination-count-focus--border-radius: .2857142857rem;
    --pagination-count-focus--color: #2E2E38;
    --pagination-count-focus--box-shadow: none;
    --pagination-count-focus--bg-color: transparent;
    --pagination-editable--border-color: #C3C3CB;
    --pagination-editable--border-style: solid;
    --pagination-editable--border-width: .0714285714rem;
    --pagination-editable--box-shadow: none;
    --pagination-editable--border-radius: .2857142857rem;
    --pagination-editable--bg-color: #FFF;
    --pagination-editable--color: #2E2E38;
    --pagination-editable-hover--border-width: .0714285714rem;
    --pagination-editable-hover--border-style: solid;
    --pagination-editable-hover--border-color: #C3C3CB;
    --pagination-editable-hover--box-shadow: none;
    --pagination-editable-hover--bg-color: #F3F3F5;
    --pagination-editable-hover--color: #2E2E38;
    --pagination-editable-focus--border-width: .0714285714rem;
    --pagination-editable-focus--border-style: solid;
    --pagination-editable-focus--border-color: #C3C3CB;
    --pagination-editable-focus--box-shadow: none;
    --pagination-editable-focus--bg-color: #FFF;
    --pagination-editable-focus--color: #2E2E38;
    --pagination-editable-focus--outline-color: #0F69AE;
    --pagination-editable-focus--outline-offset: -.1428571429rem;
    --pagination-editable-focus--outline-style: solid;
    --pagination-editable-focus--outline-width: .1428571429rem;
    --pagination-select-trigger--border-color: transparent;
    --pagination-select-trigger--border-style: none;
    --pagination-select-trigger--border-width: 0;
    --pagination-select-trigger--border-radius: .2857142857rem;
    --pagination-select-trigger--bg-color: transparent;
    --pagination-select-trigger-icon-color: #656579;
    --pagination-select-trigger--color: #2E2E38;
    --pagination-select-trigger--box-shadow: none;
    --pagination-select-trigger-hover--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-hover--bg-color: transparent;
    --pagination-select-trigger-hover--color: #2E2E38;
    --pagination-select-trigger-hover-icon-color: #656579;
    --pagination-select-trigger-focus--box-shadow: none;
    --pagination-select-trigger-focus--border-width: 0;
    --pagination-select-trigger-focus--border-style: none;
    --pagination-select-trigger-focus--border-color: transparent;
    --pagination-select-trigger-focus--bg-color: #E6E6E9;
    --pagination-select-trigger-focus--color: #2E2E38;
    --pagination-select-trigger-focus-icon-color: #656579;
    --pagination-select-trigger-focus--outline-color: #0F69AE;
    --pagination-select-trigger-focus--outline-offset: .1428571429rem;
    --pagination-select-trigger-focus--outline-style: solid;
    --pagination-select-trigger-focus--outline-width: .1428571429rem;
    --pagination-select-trigger-active--box-shadow: none;
    --pagination-select-trigger-active--border-width: 0;
    --pagination-select-trigger-active--border-style: none;
    --pagination-select-trigger-active--border-color: transparent;
    --pagination-select-trigger-active--bg-color: #E6E6E9;
    --pagination-select-trigger-active--color: #2E2E38;
    --pagination-select-trigger-active-icon-color: #656579;
    --pagination-select-trigger-disabled-icon-color: #656579;
    --pagination-select-menu--border-color: #E6E6E9;
    --pagination-select-menu--border-style: solid;
    --pagination-select-menu--border-width: .0714285714rem;
    --pagination-select-menu--border-radius: .1428571429rem;
    --pagination-select-menu--bg-color: #FFF;
    --pagination-select-menu--box-shadow: 0 .4285714286rem .8571428571rem 0 rgba(35, 35, 47, .0784313725), 0 .1428571429rem .2857142857rem 0 rgba(35, 35, 47, .0588235294);
    --pagination-select-menu-item--font-size: 1.1428571429rem;
    --pagination-select-menu-item--color: #2E2E38;
    --pagination-select-menu-item--bg-color: transparent;
    --pagination-select-menu-item--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--color: #2E2E38;
    --pagination-select-menu-item-hover--bg-color: #F3F3F5;
    --pagination-select-menu-item-hover--box-shadow: none;
    --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--color: #2E2E38;
    --pagination-select-menu-item-focus--bg-color: #F3F3F5;
    --pagination-select-menu-item-focus--box-shadow: none;
    --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-active--bg-color: #F3F3F5;
    --pagination-select-menu-item-active--color: #2E2E38;
    --pagination-select-menu-item-active--box-shadow: none;
    --pagination-select-menu-item-active--border-width: 0;
    --pagination-select-menu-item-active--border-style: none;
    --pagination-select-menu-item-active--border-color: transparent;
    --pagination-select-menu-item-disabled--color: #F3F3F5;
    --pagination-select-menu-item-disabled--bg-color: #2E2E38;
    --pagination-select-menu-item-disabled--box-shadow: none;
    --pagination-select-menu-item-disabled--border-width: 0;
    --pagination-select-menu-item-disabled--border-style: none;
    --pagination-select-menu-item-disabled--border-color: transparent;
    --panel-menu--bg-color: #F9F9FA;
    --panel-menu--color: #2E2E38;
    --panel-menu--border-color: transparent;
    --panel-menu--border-width: 0rem;
    --panel-menu--border-style: none;
    --panel-menu--box-shadow: none;
    --panel-menu-header--bg-color: #F9F9FA;
    --panel-menu-header--border-color: transparent transparent transparent transparent;
    --panel-menu-header--border-style: none none none solid;
    --panel-menu-header--border-width: 0rem 0rem 0rem .0714285714rem;
    --panel-menu-content--bg-color: #F9F9FA;
    --panel-menu-item-title--color: #656579;
    --panel-menu-item-title-separator--bg-color: #E6E6E9;
    --panel-menu-item--bg-color: #F9F9FA;
    --panel-menu-item--color: #2E2E38;
    --panel-menu-item--border-color: transparent transparent transparent #E6E6E9;
    --panel-menu-item--border-width: 0rem 0rem 0rem .0714285714rem;
    --panel-menu-item--border-style: none none none solid;
    --panel-menu-item--border-radius: 0rem;
    --panel-menu-item--box-shadow: none;
    --panel-menu-item-hover--bg-color: #E6E6E9;
    --panel-menu-item-hover--color: #2E2E38;
    --panel-menu-item-hover--border-color: transparent transparent transparent #E6E6E9;
    --panel-menu-item-hover--border-width: 0rem 0rem 0rem .0714285714rem;
    --panel-menu-item-hover--border-style: none none none solid;
    --panel-menu-item-hover--border-radius: 0rem;
    --panel-menu-item-hover--box-shadow: none;
    --panel-menu-item-focus--bg-color: #E6E6E9;
    --panel-menu-item-focus--color: #2E2E38;
    --panel-menu-item-focus--border-color: transparent transparent transparent #E6E6E9;
    --panel-menu-item-focus--border-width: 0rem 0rem 0rem .0714285714rem;
    --panel-menu-item-focus--border-style: none none none solid;
    --panel-menu-item-focus--border-radius: 0rem;
    --panel-menu-item-focus--outline-color: #0F69AE;
    --panel-menu-item-focus--outline-style: solid;
    --panel-menu-item-focus--outline-width: .1428571429rem;
    --panel-menu-item-focus--outline-offset: .1428571429rem;
    --panel-menu-item-focus--box-shadow: none;
    --panel-menu-item-active--bg-color: #D7D7DC;
    --panel-menu-item-active--color: #2E2E38;
    --panel-menu-item-active--border-color: transparent transparent transparent #7F7F91;
    --panel-menu-item-active--border-width: 0 0 0 .0714285714rem;
    --panel-menu-item-active--border-style: none none none solid;
    --panel-menu-item-active--border-radius: 0rem;
    --panel-menu-item-active--box-shadow: none;
    --progress-indicator-step-focus--outline-color: #0F69AE;
    --progress-indicator-step-focus--outline-style: solid;
    --progress-indicator-step-focus-outline-width: var(--focus-border);
    --progress-indicator-step-focus--outline-offset: .1428571429rem;
    --progress-indicator-step-focus--border-radius: .4285714286rem;
    --progress-indicator-step-focus--border-width: 0;
    --progress-indicator-step-focus--border-style: none;
    --progress-indicator-step-focus--border-color: transparent;
    --progress-indicator-step--padding: .8571428571rem 0 0 0;
    --progress-indicator-icon-color: #C3C3CB;
    --progress-indicator-icon--border-radius: 50%;
    --progress-indicator-icon--border-style: solid;
    --progress-indicator-icon--border-width: .0714285714rem;
    --progress-indicator-icon--border-color: #F3F3F5;
    --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-title--font-weight: var(--weight-regular);
    --progress-indicator-title-hover--font-weight: var(--weight-light);
    --progress-indicator-title--text-decoration: none;
    --progress-indicator-title-margin: .7142857143rem 0 0 1.3571428571rem;
    --progress-indicator-body--color: #656579;
    --progress-indicator-body--bg-color: transparent;
    --progress-indicator-body-hover--bg-color: #F3F3F5;
    --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-body--margin: .1428571429rem 0 0 1.3571428571rem;
    --progress-indicator-bar--bg-color: #E6E6E9;
    --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-circle--bg-color: #F3F3F5;
    --progress-indicator-circle--color: #C3C3CB;
    --progress-indicator-icon-completed-icon-color: #2E2E38;
    --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: #F3F3F5;
    --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: #656579;
    --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-circle-completed--bg-color: #F3F3F5;
    --progress-indicator-circle-completed--color: #2E2E38;
    --progress-indicator-circle-completed-error--bg-color: #FCF5F3;
    --progress-indicator-circle-completed-error--color: #FF4136;
    --progress-indicator-circle-completed-disabled--bg-color: #F3F3F5;
    --progress-indicator-circle-completed-disabled--color: #9897A6;
    --progress-indicator-icon-active-icon-color: #2E2E38;
    --progress-indicator-icon-active--border-radius: 50%;
    --progress-indicator-icon-active--border-style: solid;
    --progress-indicator-icon-active--border-width: .1428571429rem;
    --progress-indicator-icon-active--border-color: #F3F3F5;
    --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: #656579;
    --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-circle-active--bg-color: #F3F3F5;
    --progress-indicator-circle-active--color: #2E2E38;
    --progress-indicator-circle-active-error--bg-color: #FDBAAB;
    --progress-indicator-circle-active-error--color: #FF4136;
    --progress-indicator-circle-active-disabled--bg-color: #F3F3F5;
    --progress-indicator-circle-active-disabled--color: #9897A6;
    --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: .0714285714rem;
    --progress-indicator-icon-disabled--border-color: #BFBFC8;
    --progress-indicator-icon-disabled--bg-color: transparent;
    --progress-indicator-title-disabled--color: #9897A6;
    --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: #9897A6;
    --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: #E6E6E9;
    --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-circle-disabled--bg-color: #F3F3F5;
    --progress-indicator-circle-disabled--color: #E6E6E9;
    --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: #C70117;
    --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: #C70117;
    --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: #FF4136;
    --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-circle-error--bg-color: #FDBAAB;
    --progress-indicator-circle-error--color: #FF4136;
    --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: #EE8300;
    --progress-indicator-title-warning--color: #975100;
    --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: #975100;
    --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: #EE8300;
    --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-indicator-circle-warning--bg-color: #FCF5F0;
    --progress-indicator-circle-warning--color: #D07200;
    --progress-loader--bg-color: rgba(46, 46, 56, .3019607843);
    --progress-loader--border-color: transparent;
    --progress-loader--border-width: 0px;
    --progress-loader--border-style: none;
    --progress-loader--box-shadow: 0 0 0 0 rgba(35, 35, 47, 0), 0 0 0 0 rgba(35, 35, 47, 0);
    --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: 0 0 0 0 rgba(35, 35, 47, 0), 0 0 0 0 rgba(35, 35, 47, 0);
    --progress-loader-linear-track--bg-color: #E6E6E9;
    --progress-loader-line--bg-color: #2E2E38;
    --progress-loader-circular-track--bg-color: #C3C3CB;
    --progress-loader-circle--bg-color: #2E2E38;
    --skeleton-container--bg-color: #FFF;
    --skeleton-container--border-color: #D7D7DC;
    --skeleton-container--border-style: solid;
    --skeleton-container--border-width: .0714285714rem;
    --skeleton-container--border-radius: .1428571429rem;
    --skeleton-container--box-shadow: none;
    --skeleton-container-alt--bg-color: #FFF;
    --skeleton-container-alt--border-color: #D7D7DC;
    --skeleton-container-alt--border-style: solid;
    --skeleton-container-alt--border-width: .0714285714rem;
    --skeleton-container-alt--border-radius: .1428571429rem;
    --skeleton-container-alt--box-shadow: none;
    --skeleton--bg-color: #E6E6E9;
    --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(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 48.96%, rgba(255, 255, 255, 0) 100%);
    --tab-navigation-left--bg-color: transparent;
    --tab-navigation-left--box-shadow: none;
    --tab-navigation-left--border-radius: 0 .1428571429rem .1428571429rem 0;
    --tab-navigation-left--border-style: solid;
    --tab-navigation-left--border-width: 0 0 0 1px;
    --tab-navigation-left--border-color: #E6E6E9;
    --tab-navigation-right--bg-color: transparent;
    --tab-navigation-right--box-shadow: none;
    --tab-navigation-right--border-radius: .1428571429rem 0 0 .1428571429rem;
    --tab-navigation-right--border-style: solid;
    --tab-navigation-right--border-width: 0 1px 0 0;
    --tab-navigation-right--border-color: #E6E6E9;
    --tab-navigation-horizontal--bg-color: transparent;
    --tab-navigation-horizontal--box-shadow: none;
    --tab-navigation-horizontal--border-radius: .1428571429rem .1428571429rem 0 0;
    --tab-navigation-horizontal--border-style: solid;
    --tab-navigation-horizontal--border-width: 0 0 1px 0;
    --tab-navigation-horizontal--border-color: #E6E6E9;
    --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: #E6E6E9;
    --tab-navigation-left-button--border-style: solid;
    --tab-navigation-left-button--border-width: 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 .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 .1428571429rem 0;
    --tab-navigation-horizontal-button--border-color: transparent;
    --tab-navigation-horizontal-button--border-radius: .1428571429rem .1428571429rem 0 0;
    --tab-navigation-top-button--border-style: solid;
    --tab-navigation-top-button--border-width: .1428571429rem 0 0 0;
    --tab-navigation-top-button--border-color: transparent;
    --tab-navigation--color: #656579;
    --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--outline-offset: 0;
    --tab-navigation--border-radius: .1428571429rem .1428571429rem 0 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: #2E2E38;
    --tab-navigation-left-button-focus--border-width: 0 0 0 .1428571429rem;
    --tab-navigation-left-button-focus--border-radius: 0 .1428571429rem .1428571429rem 0;
    --tab-navigation-right-button-focus--border-style: solid;
    --tab-navigation-right-button-focus--border-color: #2E2E38;
    --tab-navigation-right-button-focus--border-width: 0 .1428571429rem 0 0;
    --tab-navigation-right-button-focus--border-radius: .1428571429rem 0 0 .1428571429rem;
    --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 .1428571429rem 0;
    --tab-navigation-horizontal-button-hover--border-radius: .1428571429rem .1428571429rem 0 0;
    --tab-navigation-top-button-focus--border-style: solid;
    --tab-navigation-top-button-focus--border-color: transparent;
    --tab-navigation-top-button-focus--border-width: .1428571429rem 0 0 0;
    --tab-navigation-focus--bg-color: #E6E6E9;
    --tab-navigation-focus--color: #656579;
    --tab-navigation-focus--box-shadow: none;
    --tab-navigation-focus--outline-color: #0F69AE;
    --tab-navigation-focus--outline-width: .1428571429rem;
    --tab-navigation-focus--outline-style: solid;
    --tab-navigation-focus--outline-offset: .1428571429rem;
    --tab-navigation-focus--border-radius: .1428571429rem .1428571429rem 0 0;
    --tab-navigation-focus--border-width: 0 .1428571429rem 0 0;
    --tab-navigation-hover--border-style: solid;
    --tab-navigation-hover--border-color: #2E2E38;
    --tab-navigation-hover--border-width: 0 0 0 .1428571429rem;
    --tab-navigation-hover--border-radius: .1428571429rem .1428571429rem 0 0;
    --tab-navigation-hover--bg-color: #E6E6E9;
    --tab-navigation-hover--color: #656579;
    --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-hover--text-shadow: 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: #9897A6;
    --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 .1428571429rem;
    --tab-navigation-button-active--color: #2E2E38;
    --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 .1428571429rem;
    --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 .1428571429rem;
    --tab-navigation-right-button-active--border-style: solid;
    --tab-navigation-right-button-active--border-color: #2E2E38;
    --tab-navigation-right-button-active--border-width: 0 .1428571429rem 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 .1428571429rem 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 .1428571429rem 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 .1428571429rem 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 .1428571429rem 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 .1428571429rem 0;
    --tab-navigation-top-button-active--border-style: solid;
    --tab-navigation-top-button-active--border-color: #2E2E38;
    --tab-navigation-top-button-active--border-width: .1428571429rem 0 0 0;
    --tab-navigation-active--bg-color: #E6E6E9;
    --tab-navigation-active--color: #2E2E38;
    --tab-navigation-active--box-shadow: none;
    --tab-navigation-active--outline-color: #0F69AE;
    --tab-navigation-active--outline-width: .1428571429rem;
    --tab-navigation-active--outline-style: solid;
    --tab-navigation-active--outline-offset: .1428571429rem;
    --tab-navigation-active--border-radius: .1428571429rem .1428571429rem 0 0;
    --tab-navigation-left-button-active-disabled--border-style: solid;
    --tab-navigation-left-button-active-disabled--border-color: #C3C3CB;
    --tab-navigation-left-button-active-disabled--border-width: 0 0 0 .1428571429rem;
    --tab-navigation-right-button-active-disabled--border-style: solid;
    --tab-navigation-right-button-active-disabled--border-color: #C3C3CB;
    --tab-navigation-right-button-active-disabled--border-width: 0 .1428571429rem 0 0;
    --tab-navigation-horizontal-button-active-disabled--border-style: solid;
    --tab-navigation-horizontal-button-active-disabled--border-color: #C3C3CB;
    --tab-navigation-horizontal-button-active-disabled--border-width: 0 0 .1428571429rem 0;
    --tab-navigation-top-button-active-disabled--border-style: solid;
    --tab-navigation-top-button-active-disabled--border-color: #C3C3CB;
    --tab-navigation-top-button-active-disabled--border-width: .1428571429rem 0 0 0;
    --tab-navigation-horizontal-button-hover--border-width: 0 0 .1428571429rem 0;
    --tab-navigation-horizontal-button-hover--border-style: solid;
    --tab-navigation-horizontal-button-hover--border-color: #2E2E38;
    --tab-navigation-top-button-hover--border-width: .1428571429rem 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 .1428571429rem;
    --tab-navigation-left-button-hover--border-style: solid;
    --tab-navigation-left-button-hover--border-color: #2E2E38;
    --tab-navigation-right-button-hover--border-width: 0 .1428571429rem 0 0;
    --tab-navigation-right-button-hover--border-style: solid;
    --tab-navigation-right-button-hover--border-color: #2E2E38;
    --tab-navigation-horizontal-button-disabled--border-width: 0 0 .1428571429rem 0;
    --tab-navigation-horizontal-button-disabled--border-style: solid;
    --tab-navigation-horizontal-button-disabled--border-color: transparent;
    --tab-navigation-top-button-disabled--border-width: .1428571429rem 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 .1428571429rem;
    --tab-navigation-left-button-disabled--border-style: solid;
    --tab-navigation-left-button-disabled--border-color: transparent;
    --tab-navigation-right-button-disabled--border-width: 0 .1428571429rem 0 0;
    --tab-navigation-right-button-disabled--border-style: solid;
    --tab-navigation-right-button-disabled--border-color: transparent;
    --tab-navigation-badge--bg-color: #E6E6E9;
    --tab-navigation-badge--outline-color: transparent;
    --tab-navigation-badge-active--bg-color: #FFF;
    --tab-navigation-badge-hover--outline-color: #E6E6E9;
    --tab-navigation-badge-focus--outline-color: #E6E6E9;
    --tab-navigation-badge-active-hover--bg-color: #FFF;
    --tab-navigation-badge-active-hover--outline-color: #D7D7DC;
    --tab-navigation-badge-active-hover--outline-style: solid;
    --tab-navigation-badge-active-hover--outline-width: .0714285714rem;
    --tab-navigation-badge-active-focus--bg-color: #FFF;
    --tab-navigation-badge-active-focus--outline-color: #D7D7DC;
    --tab-navigation-badge-active-focus--outline-style: solid;
    --tab-navigation-badge-active-focus--outline-width: .0714285714rem;
    --tab-navigation-badge-bg-color-disabled: transparent;
    --tab-navigation-bordered--bg-color: #F9F9FA;
    --tab-navigation-bordered--border-color: #E6E6E9;
    --tab-navigation-bordered--border-width: .0714285714rem;
    --tab-navigation-bordered--border-style: solid;
    --tab-navigation-bordered-control-active--border-color: #C3C3CB;
    --tab-navigation-bordered-control-active--border-width: .0714285714rem;
    --tab-navigation-bordered-control-active--border-style: solid;
    --tab-navigation-bordered-control-active--bg-color: #FFF;
    --table--box-shadow: none;
    --table--border-radius: .5714285714rem;
    --table--border-color: #D7D7DC;
    --table--border-style: solid;
    --table--border-width: .0714285714rem;
    --table-header-container--bg-color: transparent;
    --table-header-container--box-shadow: none;
    --table-header-container--border-radius: 0;
    --table-header-container--border-width: 0;
    --table-header-container--border-style: none;
    --table-header-container--border-color: transparent;
    --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: #F3F3F5;
    --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: #D7D7DC;
    --table-header-focus--bg-color: #F3F3F5;
    --table-header-focus--box-shadow: none;
    --table-header-focus--color: #2E2E38;
    --table-header-renderer-icons-sort-icon-color: #656579;
    --table-icon-color: #656579;
    --table-title--bg-color: #FFF;
    --table-title--color: #2E2E38;
    --table-title--border-radius: .5714285714rem .5714285714rem 0 0;
    --table-title--box-shadow: none;
    --table-title--border-width: 0 0 .0714285714rem 0;
    --table-title--border-style: none none solid none;
    --table-title--border-color: transparent transparent #D7D7DC transparent;
    --table-title-alt--color: #7F7F91;
    --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-title-description-color: #656579;
    --table-row--color: #4D4D5C;
    --table-row--bg-color: #FFF;
    --table-row--box-shadow: none;
    --table-row--border-radius: 0;
    --table-row--border-color: transparent;
    --table-row--border-style: none;
    --table-row--border-width: 0;
    --table-row-hover--bg-color: #F3F3F5;
    --table-row-hover--box-shadow: none;
    --table-row-selected--color: #2E2E38;
    --table-row-selected--bg-color: #F3F3F5;
    --table-row-selected--box-shadow: none;
    --table-row-selected--border-radius: 0;
    --table-row-selected--border-width: .0714285714rem 0 .0714285714rem 0;
    --table-row-selected--border-style: solid none solid none;
    --table-row-selected--border-color: #D7D7DC transparent #D7D7DC transparent;
    --table-row-selected-cell--color: #2E2E38;
    --table-row-selected-cell--bg-color: #F3F3F5;
    --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: #F9F9FA;
    --table-odd-row-hover--bg-color: #F3F3F5;
    --table-even-row--bg-color: #FFF;
    --table-even-row-hover--bg-color: #F9F9FA;
    --table-row-icon-color: #656579;
    --table-row-last-left-pinned--box-shadow: none;
    --table-column-filtered-mark--color: #656579;
    --table-cell--color: #2E2E38;
    --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: #F3F3F5;
    --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: #F3F3F5;
    --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-cell-disabled--color: #9897A6;
    --table-cell-disabled--bg-color: transparent;
    --table-cell-disabled--box-shadow: none;
    --table-cell-disabled--border-width: 0;
    --table-cell-disabled--border-style: none;
    --table-cell-disabled--border-color: transparent;
    --table-checkbox-checked-color: #2E2E38;
    --table-checkbox-indeterminate-color: #2E2E38;
    --table-checkbox--border-color: #7F7F91;
    --table-checkbox--border-style: solid;
    --table-checkbox--border-width: .0714285714rem;
    --table-checkbox--bg-color: #F9F9FA;
    --table-checkbox-focus--outline-color: #0F69AE;
    --table-checkbox-focus--outline-style: solid;
    --table-checkbox-focus--outline-width: .1428571429rem;
    --table-checkbox-focus--outline-offset: .0714285714rem;
    --table-checkbox-focus--border-radius: .1428571429rem;
    --table-paging-wrapper--border-color: #D7D7DC transparent transparent transparent;
    --table-paging-wrapper--border-style: solid none none none;
    --table-paging-wrapper--border-width: .0714285714rem 0 0 0;
    --table-paging-btn-hover--bg-color: #F3F3F5;
    --table-paging-btn-disabled-icon-color: #9897A6;
    --table-paging-btn-icon-color: #656579;
    --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: #656579;
    --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: #656579;
    --table-paging-btn-focus--box-shadow: none;
    --table-paging-btn-focus--bg-color: #F3F3F5;
    --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--color: #9897A6;
    --table-paging-btn-disabled--bg-color: #F9F9FA;
    --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;
    --table-standard-header--bg-color: #F3F3F5;
    --table-standard-header--border-width: .0714285714rem;
    --table-standard-header--border-style: solid;
    --table-standard-header--border-color: #D7D7DC;
    --text-link--color: #2E2E38;
    --text-link--border-radius: 0;
    --text-link--border-width: 0;
    --text-link--border-style: none;
    --text-link--border-color: transparent;
    --text-link-hover--color: #2E2E38;
    --text-link-hover--border-radius: 0;
    --text-link-hover--border-width: 0 0 .0714285714rem 0;
    --text-link-hover--border-style: solid;
    --text-link-hover--border-color: #2E2E38;
    --text-link-focus--color: #4D4D5C;
    --text-link-focus--border-radius: .4285714286rem;
    --text-link-focus--border-width: 0;
    --text-link-focus--border-style: none;
    --text-link-focus--border-color: transparent;
    --text-link-focus--outline-color: #0F69AE;
    --text-link-focus--outline-style: solid;
    --text-link-focus--outline-width: .1428571429rem;
    --text-link-focus--outline-offset: .1428571429rem;
    --text-link-disabled--color: #9897A6;
    --text-link-disabled--border-radius: 0;
    --text-link-disabled--border-width: 0;
    --text-link-disabled--border-style: none;
    --text-link-disabled--border-color: transparent;
    --text-link-active--color: #656579;
    --text-link-active--border-radius: 0;
    --text-link-active--border-width: 0;
    --text-link-active--border-style: none;
    --text-link-active--border-color: transparent;
    --text-link-visited--color: #724BC3;
    --text-link-visited--border-radius: 0;
    --text-link-visited--border-width: 0;
    --text-link-visited--border-style: none;
    --text-link-visited--border-color: transparent;
    --text-link-alt--color: #0F69AE;
    --text-link-alt--border-radius: 0;
    --text-link-alt--border-width: 0;
    --text-link-alt--border-style: solid;
    --text-link-alt--border-color: transparent;
    --text-link-alt-hover--color: #0F69AE;
    --text-link-alt-hover--border-radius: 0;
    --text-link-alt-hover--border-width: 0 0 .0714285714rem 0;
    --text-link-alt-hover--border-style: solid;
    --text-link-alt-hover--border-color: #0F69AE;
    --text-link-alt-focus--color: #1275C1;
    --text-link-alt-focus--border-radius: .2857142857rem;
    --text-link-alt-focus--border-width: 0;
    --text-link-alt-focus--border-style: none;
    --text-link-alt-focus--border-color: transparent;
    --text-link-alt-focus--outline-color: #0F69AE;
    --text-link-alt-focus--outline-style: solid;
    --text-link-alt-focus--outline-width: .1428571429rem;
    --text-link-alt-focus--outline-offset: .1428571429rem;
    --text-link-alt-disabled--color: #9897A6;
    --text-link-alt-disabled--border-radius: 0;
    --text-link-alt-disabled--border-width: 0;
    --text-link-alt-disabled--border-style: none;
    --text-link-alt-disabled--border-color: transparent;
    --text-link-alt-active--color: #064372;
    --text-link-alt-active--border-radius: 0;
    --text-link-alt-active--border-width: 0;
    --text-link-alt-active--border-style: none;
    --text-link-alt-active--border-color: transparent;
    --text-link-alt-visited--color: #724BC3;
    --text-link-alt-visited--border-radius: 0;
    --text-link-alt-visited--border-width: 0;
    --text-link-alt-visited--border-style: none;
    --text-link-alt-visited--border-color: transparent;
    --text-link--font-weight: var(--weight-regular);
    --toast--color: #2E2E38;
    --toast--border-style: solid;
    --toast--border-color: #C3C3CB;
    --toast--border-width: .0714285714rem;
    --toast--border-radius: .5714285714rem;
    --toast--bg-color: #F9F9FA;
    --toast--box-shadow: 0 0 0 0 rgba(35, 35, 47, 0), 0 0 0 0 rgba(35, 35, 47, 0);
    --toast-inline--bg-color: transparent;
    --toast-inline--box-shadow: 0 0 0 0 rgba(35, 35, 47, 0), 0 0 0 0 rgba(35, 35, 47, 0);
    --toast-close-btn-icon-color: #656579;
    --toast-close-btn--bg-color: transparent;
    --toast-close-btn--border-color: transparent;
    --toast-close-btn--border-width: .0714285714rem;
    --toast-close-btn--border-style: solid;
    --toast-close-btn--box-shadow: none;
    --toast-close-btn-hover-icon-color: #656579;
    --toast-close-btn-hover--bg-color: #E6E6E9;
    --toast-close-btn-hover--border-color: transparent;
    --toast-close-btn-hover--border-width: .0714285714rem;
    --toast-close-btn-hover--border-style: solid;
    --toast-close-btn-hover--box-shadow: none;
    --toast-close-btn-focus-icon-color: #656579;
    --toast-close-btn-focus--bg-color: #E6E6E9;
    --toast-close-btn-focus--border-color: transparent;
    --toast-close-btn-focus--border-width: .0714285714rem;
    --toast-close-btn-focus--border-style: solid;
    --toast-close-btn-focus--box-shadow: none;
    --toast-close-btn-active-icon-color: #656579;
    --toast-close-btn-active--bg-color: #D7D7DC;
    --toast-close-btn-active--border-color: transparent;
    --toast-close-btn-active--border-width: .0714285714rem;
    --toast-close-btn-active--border-style: solid;
    --toast-close-btn-active--box-shadow: none;
    --toast-action-btn--color: #2E2E38;
    --toast-action-btn--bg-color: transparent;
    --toast-action-btn--border-color: transparent;
    --toast-action-btn--border-style: solid;
    --toast-action-btn--border-width: .0714285714rem;
    --toast-action-btn--box-shadow: none;
    --toast-action-btn--border-radius: .2857142857rem;
    --toast-action-btn-hover--color: #2E2E38;
    --toast-action-btn-hover--bg-color: #E6E6E9;
    --toast-action-btn-hover--border-color: transparent;
    --toast-action-btn-hover--border-style: solid;
    --toast-action-btn-hover--border-width: .0714285714rem;
    --toast-action-btn-hover--box-shadow: none;
    --toast-action-btn-focus--color: #2E2E38;
    --toast-action-btn-focus--bg-color: #E6E6E9;
    --toast-action-btn-focus--border-color: transparent;
    --toast-action-btn-focus--border-style: solid;
    --toast-action-btn-focus--border-width: .0714285714rem;
    --toast-action-btn-focus--box-shadow: none;
    --toast-action-btn-focus--outline-color: #0F69AE;
    --toast-action-btn-focus--outline-width: .1428571429rem;
    --toast-action-btn-focus--outline-style: solid;
    --toast-action-btn-focus--outline-offset: .1428571429rem;
    --toast-action-btn-active--color: #2E2E38;
    --toast-action-btn-active--bg-color: #D7D7DC;
    --toast-action-btn-active--border-color: transparent;
    --toast-action-btn-active--border-style: solid;
    --toast-action-btn-active--border-width: .0714285714rem;
    --toast-action-btn-active--box-shadow: none;
    --toast-icon-info-icon-color: #656579;
    --toast-icon-success-icon-color: #197335;
    --toast-icon-error-icon-color: #FF4136;
    --toast-icon-warning-icon-color: #D07200;
    --toast-info--color: #656579;
    --toast-info--border-color: #C3C3CB;
    --toast-info--bg-color: #F9F9FA;
    --toast-info--box-shadow: none;
    --toast-success--color: #197335;
    --toast-success--border-color: #2DB757;
    --toast-success--bg-color: #E7FCE8;
    --toast-success--box-shadow: none;
    --toast-error--color: #C70117;
    --toast-error--border-color: #FF735E;
    --toast-error--bg-color: #FCF5F3;
    --toast-error--box-shadow: none;
    --toast-warning--color: #975100;
    --toast-warning--border-color: #EE8300;
    --toast-warning--bg-color: #FCF5F0;
    --toast-warning--box-shadow: none;
    --tooltip--color: #F9F9FA;
    --tooltip--border-color: transparent;
    --tooltip--border-style: none;
    --tooltip--border-width: 0;
    --tooltip--border-radius: .2857142857rem;
    --tooltip--box-shadow: 0 .5714285714rem 1.1428571429rem 0 rgba(35, 35, 47, .0784313725), 0 .1428571429rem .2857142857rem 0 rgba(35, 35, 47, .0588235294);
    --tooltip--bg-color: #2E2E38;
    --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: transparent;
    --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: ;
    --tooltip-close-btn-hover--border-radius: 0;
    --tooltip-close-btn-hover--box-shadow: none;
    --tooltip-close-btn-hover-icon-color: transparent;
    --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: transparent;
    --tooltip-alt--color: #2E2E38;
    --tooltip-alt--border-color: transparent;
    --tooltip-alt--border-style: none;
    --tooltip-alt--border-width: 0;
    --tooltip-alt--border-radius: .2857142857rem;
    --tooltip-alt--box-shadow: 0 .5714285714rem 1.1428571429rem 0 rgba(35, 35, 47, .0784313725), 0 .1428571429rem .2857142857rem 0 rgba(35, 35, 47, .0588235294);
    --tooltip-alt--bg-color: #F3F3F5;
    --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: transparent;
    --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: ;
    --tooltip-alt-close-btn-hover--border-radius: 0;
    --tooltip-alt-close-btn-hover--box-shadow: none;
    --tooltip-alt-close-btn-hover-icon-color: transparent;
    --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: ;
    --tooltip-alt-close-btn-focus--border-radius: 0;
    --tooltip-alt-close-btn-focus--box-shadow: none;
    --tooltip-alt-close-btn-focus-icon-color: transparent;
    --tree--color: #2E2E38;
    --tree--bg-color: transparent;
    --tree-line-color: #C3C3CB;
    --tree-line-border-color: #C3C3CB;
    --tree-line-style: solid;
    --tree-line-border-width: .0714285714rem;
    --tree-icon-color: #656579;
    --tree-icon-disabled-color: #9897A6;
    --tree-disabled--color: #9897A6;
    --tree-hover--color: #2E2E38;
    --tree-hover--bg-color: #E6E6E9;
    --vertical-navigation--bg-color: #FFF;
    --vertical-navigation--box-shadow: none;
    --vertical-navigation--border-radius: 0;
    --vertical-navigation--border-color: transparent #E6E6E9 transparent transparent;
    --vertical-navigation--border-style: none solid none none;
    --vertical-navigation--border-width: 0 .0714285714rem 0 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: .2142857143rem;
    --vertical-navigation-menu--bg-color: transparent;
    --vertical-navigation-menu-item--color: #2E2E38;
    --vertical-navigation-menu-item--bg-color: transparent;
    --vertical-navigation-menu-item--box-shadow: none;
    --vertical-navigation-menu-item--border-radius: .1428571429rem;
    --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: #656579;
    --vertical-navigation-menu-item-hover--color: #2E2E38;
    --vertical-navigation-menu-item-hover--bg-color: #F3F3F5;
    --vertical-navigation-menu-item-hover--box-shadow: none;
    --vertical-navigation-menu-item-hover--border-radius: .1428571429rem;
    --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: #656579;
    --vertical-navigation-menu-item-focus--color: #2E2E38;
    --vertical-navigation-menu-item-focus--bg-color: #F3F3F5;
    --vertical-navigation-menu-item-focus--box-shadow: none;
    --vertical-navigation-menu-item-focus--border-radius: .1428571429rem;
    --vertical-navigation-menu-item-focus--border-width: .1428571429rem;
    --vertical-navigation-menu-item-focus--border-style: solid;
    --vertical-navigation-menu-item-focus--border-color: #0F69AE;
    --vertical-navigation-menu-item-focus--outline-color: #0F69AE;
    --vertical-navigation-menu-item-focus--outline-style: solid;
    --vertical-navigation-menu-item-focus--outline-width: .1428571429rem;
    --vertical-navigation-menu-item-icon-focus-icon-color: #656579;
    --vertical-navigation-menu-item-active--bg-color: #E6E6E9;
    --vertical-navigation-menu-item-active--color: #2E2E38;
    --vertical-navigation-menu-item-active--box-shadow: none;
    --vertical-navigation-menu-item-active--border-radius: .1428571429rem;
    --vertical-navigation-menu-item-active--border-color: transparent;
    --vertical-navigation-menu-item-active--border-style: none;
    --vertical-navigation-menu-item-active--border-width: 0;
    --vertical-navigation-menu-item-icon-active-icon-color: #656579;
    --vertical-navigation-menu-item-active-focus--color: #2E2E38;
    --vertical-navigation-menu-item-active-focus--bg-color: #F3F3F5;
    --vertical-navigation-menu-item-active-focus--box-shadow: none;
    --vertical-navigation-menu-item-active-focus--border-radius: .1428571429rem;
    --vertical-navigation-menu-item-active-focus--border-width: .1428571429rem;
    --vertical-navigation-menu-item-active-focus--border-style: solid;
    --vertical-navigation-menu-item-active-focus--border-color: #0F69AE;
    --vertical-navigation-menu-item-icon-active-focus-icon-color: #656579;
    --vertical-navigation-menu-item-active-hover--color: #2E2E38;
    --vertical-navigation-menu-item-active-hover--bg-color: #F3F3F5;
    --vertical-navigation-menu-item-active-hover--box-shadow: none;
    --vertical-navigation-menu-item-active-hover--border-radius: .1428571429rem;
    --vertical-navigation-menu-item-active-hover--border-width: 0;
    --vertical-navigation-menu-item-active-hover--border-style: none;
    --vertical-navigation-menu-item-active-hover--border-color: transparent;
    --vertical-navigation-menu-item-icon-active-hover-icon-color: #656579;
    --vertical-navigation-menu-footer--bg-color: #FFF;
    --vertical-navigation-menu-footer--box-shadow: none;
    --vertical-navigation-menu-footer--border-radius: 0;
    --vertical-navigation-menu-footer--border-color: #E6E6E9 transparent transparent transparent;
    --vertical-navigation-menu-footer--border-style: solid none none none;
    --vertical-navigation-menu-footer--border-width: .0714285714rem 0 0 0;
    --vertical-navigation-submenu-caption--color: #2E2E38;
    --vertical-navigation-submenu-caption--bg-color: #FFF;
    --vertical-navigation-submenu-caption--box-shadow: none;
    --vertical-navigation-submenu-caption--border-radius: .1428571429rem;
    --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: #2E2E38;
    --vertical-navigation-submenu-item-link--bg-color: #FFF;
    --vertical-navigation-submenu-item-link--box-shadow: none;
    --vertical-navigation-submenu-item-link--border-radius: .1428571429rem;
    --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: #656579;
    --vertical-navigation-submenu-item-link-focus--color: #2E2E38;
    --vertical-navigation-submenu-item-link-focus--bg-color: #F3F3F5;
    --vertical-navigation-submenu-item-link-focus--box-shadow: none;
    --vertical-navigation-submenu-item-link-focus--border-radius: .1428571429rem;
    --vertical-navigation-submenu-item-link-focus--border-width: .1428571429rem;
    --vertical-navigation-submenu-item-link-focus--border-style: solid;
    --vertical-navigation-submenu-item-link-focus--border-color: #0F69AE;
    --vertical-navigation-submenu-item-link-icon-focus-icon-color: #656579;
    --vertical-navigation-submenu-item-link-hover--color: #2E2E38;
    --vertical-navigation-submenu-item-link-hover--bg-color: #F3F3F5;
    --vertical-navigation-submenu-item-link-hover--box-shadow: none;
    --vertical-navigation-submenu-item-link-hover--border-radius: .1428571429rem;
    --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: #656579;
    --vertical-navigation-submenu-item-link-active--color: #2E2E38;
    --vertical-navigation-submenu-item-link-active--bg-color: #E6E6E9;
    --vertical-navigation-submenu-item-link-active--box-shadow: none;
    --vertical-navigation-submenu-item-link-active--border-radius: .1428571429rem;
    --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: #656579;
    --vertical-navigation-submenu-item-link-active-focus--color: #2E2E38;
    --vertical-navigation-submenu-item-link-active-focus--bg-color: #E6E6E9;
    --vertical-navigation-submenu-item-link-active-focus--box-shadow: none;
    --vertical-navigation-submenu-item-link-active-focus--border-radius: .1428571429rem;
    --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: #656579;
    --vertical-navigation-submenu-item-link-active-hover--color: #2E2E38;
    --vertical-navigation-submenu-item-link-active-hover--bg-color: #F3F3F5;
    --vertical-navigation-submenu-item-link-active-hover--box-shadow: none;
    --vertical-navigation-submenu-item-link-active-hover--border-radius: .1428571429rem;
    --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: #656579;
    --font-size: 14;
    --branding: #FFE600;
    --primary-font: ey_interstate;
    --secondary-font: noto_sans;
    --font-size-base: 1rem;
    --weight-bold: 700;
    --weight-regular: 400;
    --weight-light: 300;
    --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: .857rem;
    --body-alt--font-size: 1rem;
    --caption--font-size: .857rem;
    --overline--font-size: .71429rem;
    --instructional-text--font-size: .857rem;
    --ease-in-out: .3s ease-in-out;
    --ease-in-out-fast: .15s ease-in-out;
    --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
    --focus: #1275C1;
    --focus-border: 0 0 0 2px var(--focus);
    --disabled: #C3C3CB;
    --disabled-text: #9897A6;
    --info: #2E2E38;
    --error: #C70117;
    --warning: #FF9783;
    --success: #197335;
    --black: #1A1A24;
    --body--color: #2E2E38;
    --body--bg-color: #F9F9FA;
    --list-style: circle;
    --theme-name: light;
    --brand-name: motif;
    --form-element--color: #2E2E38;
    --form-element--size: 14;
    --form-element--border-radius: .1428571429rem;
    --form-element--border-color: #C3C3CB;
    --form-element--border-style: solid;
    --form-element--border-width: .0714285714rem;
    --form-element--bg-color: #FFF;
    --form-element--box-shadow: none;
    --form-element-disabled--color: #9897A6;
    --form-element-disabled--border-radius: .1428571429rem;
    --form-element-disabled--border-color: transparent;
    --form-element-disabled--border-style: none;
    --form-element-disabled--border-width: .0714285714rem;
    --form-element-disabled--bg-color: #F3F3F5;
    --form-element-disabled--box-shadow: none;
    --form-element-hover--color: #2E2E38;
    --form-element-hover--border-radius: .1428571429rem;
    --form-element-hover--border-color: #C3C3CB;
    --form-element-hover--border-style: solid;
    --form-element-hover--border-width: .0714285714rem;
    --form-element-hover--bg-color: #F3F3F5;
    --form-element-hover--box-shadow: none;
    --form-element-focus--color: #2E2E38;
    --form-element-focus--border-radius: .1428571429rem;
    --form-element-focus--border-color: #0F69AE;
    --form-element-focus--border-style: solid;
    --form-element-focus--border-width: .0714285714rem;
    --form-element-focus--bg-color: #FFF;
    --form-element-focus--box-shadow: none;
    --form-element-error--color: #2E2E38;
    --form-element-error--border-radius: .1428571429rem;
    --form-element-error--border-color: #EA011D;
    --form-element-error--border-style: solid;
    --form-element-error--border-width: .0714285714rem;
    --form-element-error--bg-color: #FFF;
    --form-element-error--box-shadow: none;
    --form-element-placeholder--color: #656579;
    --form-element-placeholder-focus--color: #656579;
    --form-element-placeholder-hover--color: #656579;
    --form-element-placeholder-disabled--color: #9897A6;
    --form-element-placeholder-error--color: #656579;
    --form-element-icon-color: #9897A6;
    --form-element-icon-focus-icon-color: #9897A6;
    --form-element-icon-hover-icon-color: #9897A6;
    --form-element-icon-disabled-icon-color: #9897A6;
    --form-element-icon-error-icon-color: #9897A6;
    --form-element-label--color: #656579;
    --form-element-label-focus--color: #656579;
    --form-element-label-hover--color: #656579;
    --form-element-label-disabled--color: #9897A6;
    --form-element-label-error--color: #656579;
    --label--size: var(--form-element-label--size);
    --label--color: var(--form-element-label--color);
    --label--bg-color: #FFF;
    --label--border-width: .0714285714rem;
    --label-hover--bg-color: #F3F3F5;
    --label-hover--border-width: .0714285714rem;
    --label-focus--bg-color: #FFF;
    --label-focus--border-width: .0714285714rem;
    --label-disabled--color: #F3F3F5;
    --label-disabled--bg-color: transparent
}

html {
    font-size: 14px
}

[motif-theme=dark], 
.motif-theme-dark {
    --accordion--border-color: #33333E;
    --accordion--border-style: solid;
    --accordion--border-width: .0714285714rem;
    --accordion--border-radius: .2857142857rem;
    --accordion-accent-expanded--bg-color: none;
    --accordion--box-shadow: none;
    --accordion-header--border-color: #33333E;
    --accordion-header--border-style: solid;
    --accordion-header--border-width: 1px;
    --accordion-header--border-radius: 0rem;
    --accordion-header--color: #DEDEE2;
    --accordion-header--bg-color: #23232F;
    --accordion-header--box-shadow: none;
    --accordion-header-focus--border-color: #0F69AE;
    --accordion-header-focus--border-style: solid;
    --accordion-header-focus--border-width: 1px;
    --accordion-header-focus--border-radius: .4285714286rem;
    --accordion-header-focus--bg-color: #2E2E38;
    --accordion-header-focus--color: #DEDEE2;
    --accordion-header-focus--outline-color: #0F69AE;
    --accordion-header-focus--outline-style: solid;
    --accordion-header-focus--outline-width: .1428571429rem;
    --accordion-header-focus--outline-offset: .1428571429rem;
    --accordion-header-focus--box-shadow: none;
    --accordion-header-hover--border-color: #33333E;
    --accordion-header-hover--border-style: solid;
    --accordion-header-hover--border-width: 1px;
    --accordion-header-hover--bg-color: #2E2E38;
    --accordion-header-hover--color: #DEDEE2;
    --accordion-header-hover--box-shadow: none;
    --accordion-header-alt--border-color: #33333E;
    --accordion-header-alt--border-style: solid;
    --accordion-header-alt--border-width: 1px;
    --accordion-header-alt--color: #DEDEE2;
    --accordion-header-alt--bg-color: #23232F;
    --accordion-header-alt--box-shadow: none;
    --accordion-header-alt-focus--border-color: #33333E;
    --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: #DEDEE2;
    --accordion-header-alt-focus--box-shadow: none;
    --accordion-header-alt-hover--border-color: #33333E;
    --accordion-header-alt-hover--border-style: solid;
    --accordion-header-alt-hover--border-width: 1px;
    --accordion-header-alt-hover--bg-color: #2E2E38;
    --accordion-header-alt-hover--color: #DEDEE2;
    --accordion-header-alt-hover--box-shadow: none;
    --accordion-header-icon-color: #A4A3B1;
    --accordion-header-icon-focus-icon-color: #A4A3B1;
    --accordion-header-icon-hover-icon-color: #A4A3B1;
    --accordion-header-alt-icon-color: #A4A3B1;
    --accordion-header-icon-alt-focus-icon-color: #A4A3B1;
    --accordion-header-icon-alt-hover-icon-color: #A4A3B1;
    --accordion-functional-expanded--bg-color: #23232F;
    --accordion-functional-expanded-alt--bg-color: #23232F;
    --accordion-editorial-expanded--bg-color: #23232F;
    --accordion-action--border-color: #737387 transparent transparent transparent;
    --accordion-action--border-style: solid none none none;
    --accordion-action--border-width: .0714285714rem 0 0 0;
    --avatar-bg-color-list: #2E2E38, #33333E;
    --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: #FFF;
    --avatar-status-online--bg-color: #26A04B;
    --avatar-status--border-color: #4D4D5C;
    --avatar-status--border-style: solid;
    --avatar-status--border-width: .1071428571rem;
    --avatar-status-no-disturb-icon-color: #FFF;
    --avatar-status-no-disturb--bg-color: #EA011D;
    --avatar-status-no-available-icon-color: #FFF;
    --avatar-status-no-available--bg-color: #EA011D;
    --avatar-status-absent-icon-color: #FFF;
    --avatar-status-absent--bg-color: #B26100;
    --avatar-status-warning-icon-color: #FFF;
    --avatar-status-warning--bg-color: #B26100;
    --avatar-status-none-icon-color: #FFF;
    --avatar-status-none--bg-color: #4D4D5C;
    --avatar-initials-icon--color: #DEDEE2;
    --avatar-initials--color: #DEDEE2;
    --avatar-initials--bg-color: #2E2E38;
    --avatar-initials--border-color: #33333E;
    --avatar-initials--border-style: solid;
    --avatar-initials--border-width: .0714285714rem;
    --avatar-interactive-hover--opacity: .8;
    --avatar-interactive-hover--bg-color: #33333E;
    --avatar-interactive-hover--color: #A4A3B1;
    --avatar-interactive-focus--opacity: 1;
    --avatar-interactive-focus--bg-color: #2E2E38;
    --avatar-interactive-focus--color: #A4A3B1;
    --avatar-interactive-disabled--opacity: .6;
    --avatar-interactive-disabled--bg-color: #3F3F4C;
    --avatar-interactive-disabled--color: #A4A3B1;
    --avatar-interactive-outline-color: #0F69AE;
    --avatar-interactive-outline-style: solid;
    --avatar-interactive-outline-width: .1428571429rem;
    --avatar-interactive-outline-offset: .1428571429rem;
    --badge--color: #A4A3B1;
    --badge--bg-color: #23232F;
    --badge--box-shadow: none;
    --badge--outline-width: .0714285714rem;
    --badge--outline-style: solid;
    --badge--outline-color: #3F3F4C;
    --badge-alt--color: #A4A3B1;
    --badge-alt--bg-color: #33333E;
    --badge-warning--bg-color: #462602;
    --badge-warning--color: #FF9831;
    --badge-error--bg-color: #610402;
    --badge-error--color: #FF4136;
    --badge-success--bg-color: #0A3616;
    --badge-success--color: #34CE63;
    --badge-info--bg-color: #083153;
    --badge-info--color: #85B9FD;
    --badge-info-alt--bg-color: #FFE600;
    --badge-info-alt--color: #2E2E38;
    --badge-ghost--bg-color: #1A1A24;
    --badge-ghost--color: #A4A3B1;
    --breadcrumb-alt--color: #85B9FD;
    --breadcrumb-arrow-separator--color: #737387;
    --breadcrumb-dropdown-menu-item--color: #DEDEE2;
    --breadcrumb-dropdown-menu-item--bg-color: #33333E;
    --breadcrumb-dropdown-menu-item--box-shadow: none;
    --breadcrumb-dropdown-menu-item--border-style: solid;
    --breadcrumb-dropdown-menu-item--border-width: .0714285714rem;
    --breadcrumb-dropdown-menu-item--border-color: transparent;
    --breadcrumb-dropdown-menu-item-focus--color: #DEDEE2;
    --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: .0714285714rem;
    --breadcrumb-dropdown-menu-item-focus--border-color: #A4A3B1;
    --breadcrumb-dropdown-menu-item-hover--color: #DEDEE2;
    --breadcrumb-dropdown-menu-item-hover--bg-color: #2E2E38;
    --breadcrumb-dropdown-menu-item-hover--box-shadow: none;
    --breadcrumb-dropdown-menu-item-hover--border-style: solid;
    --breadcrumb-dropdown-menu-item-hover--border-width: .0714285714rem;
    --breadcrumb-dropdown-menu-item-hover--border-color: transparent;
    --breadcrumb-dropdown-menu-item-disabled--color: #737387;
    --breadcrumb-dropdown-menu-item-disabled--bg-color: transparent;
    --breadcrumb-dropdown-menu-item-disabled--box-shadow: none;
    --breadcrumb-dropdown-menu-item-disabled--border-style: solid;
    --breadcrumb-dropdown-menu-item-disabled--border-width: .0714285714rem;
    --breadcrumb-dropdown-menu-item-disabled--border-color: transparent;
    --breadcrumb-dropdown-menu-item-icon-color: #737387;
    --breadcrumb-dropdown-menu-item-focus-icon-color: #A4A3B1;
    --breadcrumb-dropdown-menu-item-hover-icon-color: #A4A3B1;
    --breadcrumb-dropdown-menu-item-disabled-icon-color: #737387;
    --breadcrumb-dropdown-trigger--bg-color: transparent;
    --breadcrumb-dropdown-trigger--box-shadow: none;
    --breadcrumb-dropdown-trigger--border-radius: 0;
    --breadcrumb-dropdown-trigger--border-width: .0714285714rem;
    --breadcrumb-dropdown-trigger--border-style: solid;
    --breadcrumb-dropdown-trigger--border-color: transparent;
    --breadcrumb-dropdown-trigger-focus--bg-color: transparent;
    --breadcrumb-dropdown-trigger-focus--box-shadow: none;
    --breadcrumb-dropdown-trigger-focus--border-width: .0714285714rem;
    --breadcrumb-dropdown-trigger-focus--border-style: solid;
    --breadcrumb-dropdown-trigger-focus--border-color: transparent;
    --breadcrumb-dropdown-trigger-hover--bg-color: transparent;
    --breadcrumb-dropdown-trigger-hover--box-shadow: none;
    --breadcrumb-dropdown-trigger-hover--border-width: .0714285714rem;
    --breadcrumb-dropdown-trigger-hover--border-style: solid;
    --breadcrumb-dropdown-trigger-hover--border-color: transparent;
    --breadcrumb-dropdown-trigger-icon-color: #DEDEE2;
    --breadcrumb-dropdown-trigger-icon-hover-color: #BFBFC8;
    --breadcrumb-dropdown-trigger-icon-focus-color: #BFBFC8;
    --breadcrumb-item--color: #DEDEE2;
    --breadcrumb-item-hover--color: #BFBFC8;
    --breadcrumb-item-focus--color: #BFBFC8;
    --breadcrumb-item-disabled--color: #737387;
    --breadcrumb-item-active--color: #737387;
    --breadcrumb-item-icon-color: #A4A3B1;
    --breadcrumb-item-icon-hover-icon-color: #BFBFC8;
    --breadcrumb-item-icon-focus-icon-color: #BFBFC8;
    --breadcrumb-item-icon-disabled-icon-color: #737387;
    --breadcrumb-item-icon-active-icon-color: #737387;
    --breadcrumb-item-alt--color: #85B9FD;
    --breadcrumb-item-alt-hover--color: #55A6FC;
    --breadcrumb-item-alt-focus--color: #55A6FC;
    --breadcrumb-item-alt-disabled--color: #737387;
    --breadcrumb-item-alt-active--color: #737387;
    --breadcrumb-item-icon-alt-icon-color: #85B9FD;
    --breadcrumb-item-icon-alt-hover-icon-color: #55A6FC;
    --breadcrumb-item-icon-alt-active-icon-color: #8A8A9B;
    --breadcrumb-item-icon-alt-focus-icon-color: #55A6FC;
    --breadcrumb-item-icon-alt-disabled-icon-color: #737387;
    --breadcrumb-item-link-size: 1rem;
    --breadcrumb-item-link-decoration: none;
    --breadcrumb-item-link-weight: 400;
    --breadcrumb-item-link-hover-weight: 400;
    --breadcrumb-item-link-separator-visibility: none;
    --breadcrumb-item-focus--outline-color: #85B9FD;
    --breadcrumb-item-focus--outline-style: solid;
    --breadcrumb-item-focus--outline-width: .1428571429rem;
    --breadcrumb-item-focus--outline-offset: .1428571429rem;
    --breadcrumb-item-focus--border-radius: .4285714286rem;
    --breadcrumb-item-focus--border-width: 0rem;
    --breadcrumb-item-focus--border-style: solid;
    --breadcrumb-item-focus--border-color: none;
    --btn--font-weight: var(--weight-regular);
    --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--bg-color: #FFF;
    --btn--color: #1A1A24;
    --btn-focus--outline-style: solid;
    --btn-focus--outline-color: #85B9FD;
    --btn-focus--outline-width: .1428571429rem;
    --btn-focus--outline-offset: .1428571429rem;
    --btn-primary--bg-color: #FFF;
    --btn-primary--border-color: #FFF;
    --btn-primary--border-style: var(--btn--border-style);
    --btn-primary--border-width: var(--btn--border-width);
    --btn-primary--color: #1A1A24;
    --btn-primary--box-shadow: none;
    --btn-primary--border-radius: .2857142857rem;
    --btn-primary-icon-color: #1A1A24;
    --btn-primary-focus--bg-color: #DEDEE2;
    --btn-primary-focus--border-color: #DEDEE2;
    --btn-primary-focus--border-style: var(--btn--border-style);
    --btn-primary-focus--border-width: var(--btn--border-width);
    --btn-primary-focus--color: #1A1A24;
    --btn-primary-focus--box-shadow: none;
    --btn-primary-focus--border-radius: .2857142857rem;
    --btn-primary-focus-icon-color: #1A1A24;
    --btn-primary-hover--bg-color: #DEDEE2;
    --btn-primary-hover--border-color: #DEDEE2;
    --btn-primary-hover--border-style: var(--btn--border-style);
    --btn-primary-hover--border-width: var(--btn--border-width);
    --btn-primary-hover--color: #1A1A24;
    --btn-primary-hover--box-shadow: none;
    --btn-primary-hover--border-radius: .2857142857rem;
    --btn-primary-hover-icon-color: #1A1A24;
    --btn-primary-active--bg-color: #BFBFC8;
    --btn-primary-active--border-color: #BFBFC8;
    --btn-primary-active--border-style: var(--btn--border-style);
    --btn-primary-active--border-width: var(--btn--border-width);
    --btn-primary-active--color: #1A1A24;
    --btn-primary-active--box-shadow: none;
    --btn-primary-active--border-radius: .2857142857rem;
    --btn-primary-active-icon-color: #1A1A24;
    --btn-primary-disabled--bg-color: #2E2E38;
    --btn-primary-disabled--border-color: #2E2E38;
    --btn-primary-disabled--border-style: var(--btn--border-style);
    --btn-primary-disabled--border-width: var(--btn--border-width);
    --btn-primary-disabled--color: #737387;
    --btn-primary-disabled--box-shadow: none;
    --btn-primary-disabled--border-radius: .2857142857rem;
    --btn-primary-disabled-icon-color: #737387;
    --btn-primary-disabled-progress--bg-color: #737387;
    --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: .2857142857rem;
    --btn-primary-alt-icon-color: #A4A3B1;
    --btn-primary-alt-focus--bg-color: #33333E;
    --btn-primary-alt-focus--border-color: #33333E;
    --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: #FFF;
    --btn-primary-alt-focus--box-shadow: none;
    --btn-primary-alt-focus--border-radius: .2857142857rem;
    --btn-primary-alt-focus-icon-color: #A4A3B1;
    --btn-primary-alt-hover--bg-color: #33333E;
    --btn-primary-alt-hover--border-color: #33333E;
    --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: #FFF;
    --btn-primary-alt-hover--box-shadow: none;
    --btn-primary-alt-hover--border-radius: .2857142857rem;
    --btn-primary-alt-hover-icon-color: #A4A3B1;
    --btn-primary-alt-active--bg-color: #3F3F4C;
    --btn-primary-alt-active--border-color: #3F3F4C;
    --btn-primary-alt-active--border-style: var(--btn--border-style);
    --btn-primary-alt-active--border-width: var(--btn--border-width);
    --btn-primary-alt-active--color: #FFF;
    --btn-primary-alt-active--box-shadow: none;
    --btn-primary-alt-active--border-radius: .2857142857rem;
    --btn-primary-alt-active-icon-color: #A4A3B1;
    --btn-primary-alt-disabled--bg-color: #2E2E38;
    --btn-primary-alt-disabled--border-color: #2E2E38;
    --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: #737387;
    --btn-primary-alt-disabled--box-shadow: none;
    --btn-primary-alt-disabled--border-radius: .2857142857rem;
    --btn-primary-alt-disabled-icon-color: #737387;
    --btn-primary-alt-disabled-progress--bg-color: #737387;
    --btn-secondary--bg-color: transparent;
    --btn-secondary--border-color: #4E4E5D;
    --btn-secondary--border-style: var(--btn--border-style);
    --btn-secondary--border-width: .0714285714rem;
    --btn-secondary--color: #FFF;
    --btn-secondary--box-shadow: none;
    --btn-secondary--border-radius: .2857142857rem;
    --btn-secondary-icon-color: #A4A3B1;
    --btn-secondary-focus--bg-color: #33333E;
    --btn-secondary-focus--border-color: #4E4E5D;
    --btn-secondary-focus--border-style: var(--btn--border-style);
    --btn-secondary-focus--border-width: .0714285714rem;
    --btn-secondary-focus--color: #FFF;
    --btn-secondary-focus--box-shadow: none;
    --btn-secondary-focus--border-radius: .2857142857rem;
    --btn-secondary-focus-icon-color: #A4A3B1;
    --btn-secondary-hover--bg-color: #33333E;
    --btn-secondary-hover--border-color: #4E4E5D;
    --btn-secondary-hover--border-style: var(--btn--border-style);
    --btn-secondary-hover--border-width: .0714285714rem;
    --btn-secondary-hover--color: #FFF;
    --btn-secondary-hover--box-shadow: none;
    --btn-secondary-hover--border-radius: .2857142857rem;
    --btn-secondary-hover-icon-color: #A4A3B1;
    --btn-secondary-active--bg-color: #3F3F4C;
    --btn-secondary-active--border-color: #4E4E5D;
    --btn-secondary-active--border-style: var(--btn--border-style);
    --btn-secondary-active--border-width: .0714285714rem;
    --btn-secondary-active--color: #FFF;
    --btn-secondary-active--box-shadow: none;
    --btn-secondary-active--border-radius: .2857142857rem;
    --btn-secondary-active-icon-color: #A4A3B1;
    --btn-secondary-disabled--bg-color: transparent;
    --btn-secondary-disabled--border-color: #4E4E5D;
    --btn-secondary-disabled--border-style: var(--btn--border-style);
    --btn-secondary-disabled--border-width: .0714285714rem;
    --btn-secondary-disabled--color: #737387;
    --btn-secondary-disabled--box-shadow: none;
    --btn-secondary-disabled--border-radius: .2857142857rem;
    --btn-secondary-disabled-icon-color: #737387;
    --btn-secondary-disabled--progress--bg-color: #737387;
    --btn-ghost--bg-color: transparent;
    --btn-ghost--border-color: transparent;
    --btn-ghost--border-style: var(--btn--border-style);
    --btn-ghost--border-width: var(--btn--border-width);
    --btn-ghost--color: #FFF;
    --btn-ghost--box-shadow: none;
    --btn-ghost--border-radius: .2857142857rem;
    --btn-ghost-icon-color: #A4A3B1;
    --btn-ghost-hover--bg-color: #33333E;
    --btn-ghost-hover--border-color: transparent;
    --btn-ghost-hover--border-style: var(--btn--border-style);
    --btn-ghost-hover--border-width: var(--btn--border-width);
    --btn-ghost-hover--color: #FFF;
    --btn-ghost-hover--box-shadow: none;
    --btn-ghost-hover--border-radius: .2857142857rem;
    --btn-ghost-hover-icon-color: #A4A3B1;
    --btn-ghost-active--bg-color: #3F3F4C;
    --btn-ghost-active--border-color: transparent;
    --btn-ghost-active--border-style: var(--btn--border-style);
    --btn-ghost-active--border-width: var(--btn--border-width);
    --btn-ghost-active--color: #FFF;
    --btn-ghost-active--box-shadow: none;
    --btn-ghost-active--border-radius: .2857142857rem;
    --btn-ghost-active-icon-color: #A4A3B1;
    --btn-ghost-focus--bg-color: #33333E;
    --btn-ghost-focus--border-color: transparent;
    --btn-ghost-focus--border-style: var(--btn--border-style);
    --btn-ghost-focus--border-width: var(--btn--border-width);
    --btn-ghost-focus--color: #FFF;
    --btn-ghost-focus--box-shadow: none;
    --btn-ghost-focus--border-radius: .2857142857rem;
    --btn-ghost-focus-icon-color: #A4A3B1;
    --btn-ghost-disabled--bg-color: transparent;
    --btn-ghost-disabled--border-color: transparent;
    --btn-ghost-disabled--border-style: var(--btn--border-style);
    --btn-ghost-disabled--border-width: var(--btn--border-width);
    --btn-ghost-disabled--color: #737387;
    --btn-ghost-disabled--box-shadow: none;
    --btn-ghost-disabled--border-radius: .2857142857rem;
    --btn-ghost-disabled-icon-color: #737387;
    --btn-ghost-disabled-progress--bg-color: #737387;
    --btn-warn--bg-color: #EA011D;
    --btn-warn--border-color: #EA011D;
    --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: .2857142857rem;
    --btn-warn-icon-color: #FCD7CF;
    --btn-warn-hover--bg-color: #FF4136;
    --btn-warn-hover--border-color: #FF4136;
    --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: .2857142857rem;
    --btn-warn-hover-icon-color: #FCD7CF;
    --btn-warn-active--bg-color: #FF735E;
    --btn-warn-active--border-color: #FF735E;
    --btn-warn-active--border-style: var(--btn--border-style);
    --btn-warn-active--border-width: var(--btn--border-width);
    --btn-warn-active--color: #FFF;
    --btn-warn-active--box-shadow: none;
    --btn-warn-active--border-radius: .2857142857rem;
    --btn-warn-active-icon-color: #FCD7CF;
    --btn-warn-focus--bg-color: #FF4136;
    --btn-warn-focus--border-color: #FF4136;
    --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: .2857142857rem;
    --btn-warn-focus-icon-color: #FCD7CF;
    --btn-warn-disabled--bg-color: #2E2E38;
    --btn-warn-disabled--border-color: #2E2E38;
    --btn-warn-disabled--border-style: var(--btn--border-style);
    --btn-warn-disabled--border-width: var(--btn--border-width);
    --btn-warn-disabled--color: #737387;
    --btn-warn-disabled--box-shadow: none;
    --btn-warn-disabled--border-radius: .2857142857rem;
    --btn-warn-disabled-icon-color: #737387;
    --btn-warn-alt--bg-color: transparent;
    --btn-warn-alt--border-color: #C70117;
    --btn-warn-alt--border-style: var(--btn--border-style);
    --btn-warn-alt--border-width: var(--btn--border-width);
    --btn-warn-alt--color: #EA011D;
    --btn-warn-alt--box-shadow: none;
    --btn-warn-alt--border-radius: .2857142857rem;
    --btn-warn-alt-icon-color: #C70117;
    --btn-warn-alt-hover--bg-color: #23232F;
    --btn-warn-alt-hover--border-color: #C70117;
    --btn-warn-alt-hover--border-style: var(--btn--border-style);
    --btn-warn-alt-hover--border-width: var(--btn--border-width);
    --btn-warn-alt-hover--color: #EA011D;
    --btn-warn-alt-hover--box-shadow: none;
    --btn-warn-alt-hover--border-radius: .2857142857rem;
    --btn-warn-alt-hover-icon-color: #C70117;
    --btn-warn-alt-active--bg-color: #2E2E38;
    --btn-warn-alt-active--border-color: #C70117;
    --btn-warn-alt-active--border-style: var(--btn-border-style);
    --btn-warn-alt-active--border-width: var(--btn-border-width);
    --btn-warn-alt-active--color: #EA011D;
    --btn-warn-alt-active--box-shadow: none;
    --btn-warn-alt-active--border-radius: .2857142857rem;
    --btn-warn-alt-active--icon-color: #C70117;
    --btn-warn-alt-focus--bg-color: #23232F;
    --btn-warn-alt-focus--border-color: #EA011D;
    --btn-warn-alt-focus--border-style: var(--btn-border-style);
    --btn-warn-alt-focus--border-width: var(--btn-border-width);
    --btn-warn-alt-focus--color: #EA011D;
    --btn-warn-alt-focus--box-shadow: none;
    --btn-warn-alt-focus--border-radius: .2857142857rem;
    --btn-warn-alt-focus--icon-color: #C70117;
    --btn-warn-alt-disabled--bg-color: transparent;
    --btn-warn-alt-disabled--border-color: #737387;
    --btn-warn-alt-disabled--border-style: var(--btn--border-style);
    --btn-warn-alt-disabled--border-width: var(--btn--border-width);
    --btn-warn-alt-disabled--color: #737387;
    --btn-warn-alt-disabled--box-shadow: none;
    --btn-warn-alt-disabled--border-radius: .2857142857rem;
    --btn-warn-alt-disabled-icon-color: #737387;
    --btn-warn-secondary--bg-color: transparent;
    --btn-warn-secondary--border-color: #C70117;
    --btn-warn-secondary--border-style: var(--btn--border-style);
    --btn-warn-secondary--border-width: .0714285714rem;
    --btn-warn-secondary--color: #EA011D;
    --btn-warn-secondary--box-shadow: none;
    --btn-warn-secondary--border-radius: .2857142857rem;
    --btn-warn-secondary-icon-color: #FF4136;
    --btn-warn-secondary-progress--bg-color: #C70117;
    --btn-warn-secondary-hover--bg-color: #23232F;
    --btn-warn-secondary-hover--border-color: #C70117;
    --btn-warn-secondary-hover--border-style: var(--btn--border-style);
    --btn-warn-secondary-hover--border-width: .0714285714rem;
    --btn-warn-secondary-hover--color: #FF4136;
    --btn-warn-secondary-hover--box-shadow: none;
    --btn-warn-secondary-hover--border-radius: .2857142857rem;
    --btn-warn-secondary-hover-icon-color: #FF4136;
    --btn-warn-secondary-active--bg-color: #23232F;
    --btn-warn-secondary-active--border-color: #C70117;
    --btn-warn-secondary-active--border-style: solid;
    --btn-warn-secondary-active--border-width: .0714285714rem;
    --btn-warn-secondary-active--color: #FF735E;
    --btn-warn-secondary-active--box-shadow: none;
    --btn-warn-secondary-active--border-radius: .2857142857rem;
    --btn-warn-secondary-active-icon-color: #FF735E;
    --btn-warn-secondary-focus--bg-color: #23232F;
    --btn-warn-secondary-focus--border-color: #C70117;
    --btn-warn-secondary-focus--border-style: solid;
    --btn-warn-secondary-focus--border-width: .0714285714rem;
    --btn-warn-secondary-focus--color: #FF4136;
    --btn-warn-secondary-focus--box-shadow: none;
    --btn-warn-secondary-focus--border-radius: .2857142857rem;
    --btn-warn-secondary-focus--icon-color: #FF4136;
    --btn-warn-secondary-disabled--bg-color: transparent;
    --btn-warn-secondary-disabled--border-color: #4E4E5D;
    --btn-warn-secondary-disabled--border-style: var(--btn--border-style);
    --btn-warn-secondary-disabled--border-width: .0714285714rem;
    --btn-warn-secondary-disabled--color: #737387;
    --btn-warn-secondary-disabled--box-shadow: none;
    --btn-warn-secondary-disabled--border-radius: .2857142857rem;
    --btn-warn-secondary-disabled-icon-color: #737387;
    --btn-warn-ghost--bg-color: transparent;
    --btn-warn-ghost--border-color: transparent;
    --btn-warn-ghost--border-style: var(--btn--border-style);
    --btn-warn-ghost--border-width: var(--btn--border-width);
    --btn-warn-ghost--color: #EA011D;
    --btn-warn-ghost--box-shadow: none;
    --btn-warn-ghost--border-radius: .2857142857rem;
    --btn-warn-ghost-icon-color: #EA011D;
    --btn-warn-ghost-progress--bg-color: #EA011D;
    --btn-warn-ghost-hover--bg-color: #23232F;
    --btn-warn-ghost-hover--border-color: transparent;
    --btn-warn-ghost-hover--border-style: var(--btn--border-style);
    --btn-warn-ghost-hover--border-width: var(--btn--border-width);
    --btn-warn-ghost-hover--color: #FF4136;
    --btn-warn-ghost-hover--box-shadow: none;
    --btn-warn-ghost-hover--border-radius: .2857142857rem;
    --btn-warn-ghost-hover-icon-color: #FF4136;
    --btn-warn-ghost-active--bg-color: #23232F;
    --btn-warn-ghost-active--border-color: transparent;
    --btn-warn-ghost-active--border-style: var(--btn-border-style);
    --btn-warn-ghost-active--border-width: var(--btn-border-width);
    --btn-warn-ghost-active--color: #FF735E;
    --btn-warn-ghost-active--box-shadow: none;
    --btn-warn-ghost-active--border-radius: .2857142857rem;
    --btn-warn-ghost-active-icon-color: #FF735E;
    --btn-warn-ghost-focus--bg-color: #23232F;
    --btn-warn-ghost-focus--border-color: transparent;
    --btn-warn-ghost-focus--border-style: var(--btn-border-style);
    --btn-warn-ghost-focus--border-width: var(--btn-border-width);
    --btn-warn-ghost-focus--color: #FF4136;
    --btn-warn-ghost-focus--box-shadow: none;
    --btn-warn-ghost-focus--border-radius: .2857142857rem;
    --btn-warn-ghost-focus--icon-color: #FF4136;
    --btn-warn-ghost-disabled--bg-color: transparent;
    --btn-warn-ghost-disabled--border-color: transparent;
    --btn-warn-ghost-disabled--border-style: var(--btn--border-style);
    --btn-warn-ghost-disabled--border-width: var(--btn--border-width);
    --btn-warn-ghost-disabled--color: #737387;
    --btn-warn-ghost-disabled--box-shadow: none;
    --btn-warn-ghost-disabled--border-radius: .2857142857rem;
    --btn-warn-ghost-disabled-icon-color: #737387;
    --btn-text--color: #FFF;
    --btn-text-icon-color: #A4A3B1;
    --btn-text--background-color: transparent;
    --btn-text--border-color: transparent;
    --btn-text--border-style: none;
    --btn-text--border-width: none;
    --btn-text--border-radius: .2857142857rem;
    --btn-text--text-underline-offset: transparent;
    --btn-text--box-shadow: none;
    --btn-text-hover--color: #BFBFC8;
    --btn-text-hover--background-color: #33333E;
    --btn-text-hover-icon-color: #BFBFC8;
    --btn-text-hover--border-color: transparent;
    --btn-text-hover--border-style: none;
    --btn-text-hover--border-width: 0;
    --btn-text-hover--box-shadow: none;
    --btn-text-hover--border-radius: .2857142857rem;
    --btn-text-focus--color: #BFBFC8;
    --btn-text-focus-icon--color: #BFBFC8;
    --btn-text-focus--background-color: #33333E;
    --btn-text-focus--border-color: transparent;
    --btn-text-focus--border-style: none;
    --btn-text-focus--border-width: 0;
    --btn-text-focus--box-shadow: none;
    --btn-text-focus--border-radius: .2857142857rem;
    --btn-text-active--color: #A4A3B1;
    --btn-text-active-icon-color: #BFBFC8;
    --btn-text-active--background-color: #3F3F4C;
    --btn-text-active--border-color: transparent;
    --btn-text-active--border-style: none;
    --btn-text-active--border-width: 0;
    --btn-text-active--box-shadow: none;
    --btn-text-active--border-radius: .2857142857rem;
    --btn-text-disabled--bg-color: transparent;
    --btn-text-disabled--color: #737387;
    --btn-text-disabled-icon--color: #3F3F4C;
    --btn-text-disabled-progress--background-color: transparent;
    --btn-text-disabled--border-color: transparent;
    --btn-text-disabled--border-style: var(--btn--border-style);
    --btn-text-disabled--border-width: var(--btn--border-width);
    --btn-text-disabled--box-shadow: none;
    --btn-text-disabled--border-radius: .2857142857rem;
    --btn-text-alt--color: #85B9FD;
    --btn-text-alt-icon-color: #85B9FD;
    --btn-text-alt--background-color: transparent;
    --btn-text-alt--border-color: transparent;
    --btn-text-alt--border-style: none;
    --btn-text-alt--border-width: none;
    --btn-text-alt--text-underline-offset: .1428571429rem;
    --btn-text-alt--box-shadow: none;
    --btn-text-alt--border-radius: none;
    --btn-text-alt-progress--background-color: #0F69AE;
    --btn-text-alt-hover--background-color: transparent;
    --btn-text-alt-hover--color: #55A6FC;
    --btn-text-alt-hover--border-color: transparent;
    --btn-text-alt-hover--border-style: none;
    --btn-text-alt-hover--border-width: none;
    --btn-text-alt-hover--box-shadow: none;
    --btn-text-alt-hover--border-radius: .2857142857rem;
    --btn-text-alt-hover-icon-color: #55A6FC;
    --btn-text-alt-hover-text-decoration: none;
    --btn-text-alt-active--color: #188CE5;
    --btn-text-alt-active--background-color: transparent;
    --btn-text-alt-active-icon--color: #188CE5;
    --btn-text-alt-active--border-color: transparent;
    --btn-text-alt-active--border-style: none;
    --btn-text-alt-active--border-width: 0;
    --btn-text-alt-active--box-shadow: none;
    --btn-text-alt-active--border-radius: .2857142857rem;
    --btn-text-alt-focus--color: #55A6FC;
    --btn-text-alt-focus--background-color: #1A1A24;
    --btn-text-alt-focus-icon--color: #55A6FC;
    --btn-text-alt-focus--border-color: transparent;
    --btn-text-alt-focus--border-style: none;
    --btn-text-alt-focus--border-width: 0;
    --btn-text-alt-focus--box-shadow: none;
    --btn-text-alt-focus--border-radius: .2857142857rem;
    --btn-text-alt-disabled--color: #737387;
    --btn-text-alt-disabled-icon--color: #737387;
    --btn-text-alt-disabled-progress--background-color: #737387;
    --btn-text-alt-disabled--border-color: transparent;
    --btn-text-alt-disabled--border-style: none;
    --btn-text-alt-disabled--border-width: 0;
    --btn-text-alt-disabled--box-shadow: none;
    --btn-warn-text--bg-color: transparent;
    --btn-warn-text-border-color: transparent;
    --btn-warn-text-border-style: var(--btn-border-style);
    --btn-warn-text-border-width: var(--btn-border-width);
    --btn-warn-text--color: #EA011D;
    --btn-warn-text--box-shadow: none;
    --btn-warn-text--border-radius: .2857142857rem;
    --btn-warn-text-icon-color: #EA011D;
    --btn-warn-text-hover--bg-color: #23232F;
    --btn-warn-text-hover-border-color: transparent;
    --btn-warn-text-hover-border-style: var(--btn-border-style);
    --btn-warn-text-hover-border-width: var(--btn-border-width);
    --btn-warn-text-hover--color: #FF4136;
    --btn-warn-text-hover--box-shadow: none;
    --btn-warn-text-hover--border-radius: .2857142857rem;
    --btn-warn-text-hover-icon-color: #C70117;
    --btn-warn-text-active--bg-color: transparent;
    --btn-warn-text-active-border-color: transparent;
    --btn-warn-text-active-border-style: var(--btn-border-style);
    --btn-warn-text-active-border-width: var(--btn-border-width);
    --btn-warn-text-active--color: #FF735E;
    --btn-warn-text-active--box-shadow: none;
    --btn-warn-text-active--border-radius: .2857142857rem;
    --btn-warn-text-active-icon-color: #A40011;
    --btn-warn-text-focus--bg-color: #1A1A24;
    --btn-warn-text-focus-border-color: transparent;
    --btn-warn-text-focus-border-style: var(--btn-border-style);
    --btn-warn-text-focus-border-width: var(--btn-border-width);
    --btn-warn-text-focus--color: #FF4136;
    --btn-warn-text-focus--box-shadow: none;
    --btn-warn-text-focus--border-radius: .2857142857rem;
    --btn-warn-text-focus-icon-color: #C70117;
    --btn-warn-text-disabled--bg-color: transparent;
    --btn-warn-text-disabled-border-color: transparent;
    --btn-warn-text-disabled-border-style: var(--btn-border-style);
    --btn-warn-text-disabled-border-width: var(--btn-border-width);
    --btn-warn-text-disabled--color: #737387;
    --btn-warn-text-disabled--box-shadow: none;
    --btn-warn-text-disabled--border-radius: .2857142857rem;
    --btn-warn-text-disabled-icon-color: #737387;
    --btn-icon-color: #A4A3B1;
    --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: .2857142857rem;
    --btn-icon-hover-icon-color: #A4A3B1;
    --btn-icon-hover--bg-color: #33333E;
    --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: #A4A3B1;
    --btn-icon-focus--bg-color: #33333E;
    --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-focus--outline-color: #85B9FD;
    --btn-icon-focus--outline-width: .1428571429rem;
    --btn-icon-focus--outline-style: solid;
    --btn-icon-focus--outline-offset: .1428571429rem;
    --btn-icon-active-icon-color: #A4A3B1;
    --btn-icon-active--bg-color: #3F3F4C;
    --btn-icon-active--border-color: transparent;
    --btn-icon-active--border-width: 0 0 0 0;
    --btn-icon-active--border-style: none;
    --btn-icon-active--box-shadow: none;
    --btn-icon-disabled-icon-color: #737387;
    --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: #1A1A24;
    --btn-fab--size: 3.7142857143rem;
    --btn-fab--border-color: #FFF;
    --btn-fab--border-style: none;
    --btn-fab--border-width: 0;
    --btn-fab--border-radius: 50%;
    --btn-fab--bg-color: #DEDEE2;
    --btn-fab--box-shadow: none;
    --btn-fab-focus--color: #1A1A24;
    --btn-fab-focus-icon-color: #1A1A24;
    --btn-fab-focus--bg-color: #DEDEE2;
    --btn-fab-focus--box-shadow: none;
    --btn-fab-focus--border-color: #DEDEE2;
    --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: #BFBFC8;
    --btn-fab-hover--box-shadow: none;
    --btn-fab-hover--border-color: #DEDEE2;
    --btn-fab-hover--border-style: none;
    --btn-fab-hover--border-width: .0714285714rem;
    --btn-fab-hover--border-radius: 50%;
    --btn-fab-disabled--color: #737387;
    --btn-fab-disabled-icon-color: #737387;
    --btn-fab-disabled--bg-color: #2E2E38;
    --btn-fab-disabled--box-shadow: none;
    --btn-fab-disabled--border-color: #2E2E38;
    --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: 1.4285714286rem;
    --btn-fab-icon-sm--size: 1.4285714286rem;
    --btn-loader-primary--color: #1A1A24;
    --btn-loader-primary--bg-color: #FFF;
    --btn-loader-primary--border-color: #FFF;
    --btn-loader-primary--border-style: solid;
    --btn-loader-primary--border-width: .0714285714rem;
    --btn-loader-primary--box-shadow: none;
    --btn-loader-primary--border-radius: .2857142857rem;
    --btn-loader-primary-progress--bg-color: #1A1A24;
    --btn-loader-primary-hover--color: #1A1A24;
    --btn-loader-primary-hover--bg-color: #DEDEE2;
    --btn-loader-primary-hover--border-color: #DEDEE2;
    --btn-loader-primary-hover--border-style: solid;
    --btn-loader-primary-hover--border-width: .0714285714rem;
    --btn-loader-primary-hover--box-shadow: none;
    --btn-loader-primary-hover--border-radius: .2857142857rem;
    --btn-loader-primary-progress-hover--bg-color: #1A1A24;
    --btn-loader-primary-active--bg-color: #BFBFC8;
    --btn-loader-primary-active--border-color: #BFBFC8;
    --btn-loader-primary-active--border-style: solid;
    --btn-loader-primary-active--border-width: .0714285714rem;
    --btn-loader-primary-active--color: #1A1A24;
    --btn-loader-primary-active--box-shadow: none;
    --btn-loader-primary-active--border-radius: .2857142857rem;
    --btn-loader-primary-progress-active--bg-color: #1A1A24;
    --btn-loader-primary-focus--color: #1A1A24;
    --btn-loader-primary-focus--bg-color: #DEDEE2;
    --btn-loader-primary-focus--border-color: #DEDEE2;
    --btn-loader-primary-focus--border-style: solid;
    --btn-loader-primary-focus--border-width: .0714285714rem;
    --btn-loader-primary-focus--box-shadow: none;
    --btn-loader-primary-focus--border-radius: .2857142857rem;
    --btn-loader-primary-progress-focus--bg-color: #1A1A24;
    --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: solid;
    --btn-loader-primary-alt--border-width: .0714285714rem;
    --btn-loader-primary-alt--box-shadow: none;
    --btn-loader-primary-alt--border-radius: .2857142857rem;
    --btn-loader-primary-alt-progress--bg-color: #FFF;
    --btn-loader-primary-alt-hover--color: #FFF;
    --btn-loader-primary-alt-hover--bg-color: #33333E;
    --btn-loader-primary-alt-hover--border-color: #33333E;
    --btn-loader-primary-alt-hover--border-style: solid;
    --btn-loader-primary-alt-hover--border-width: .0714285714rem;
    --btn-loader-primary-alt-hover--box-shadow: none;
    --btn-loader-primary-alt-hover--border-radius: .2857142857rem;
    --btn-loader-primary-alt-progress-hover--bg-color: #FFF;
    --btn-loader-primary-alt-active--bg-color: #3F3F4C;
    --btn-loader-primary-alt-active--border-color: #3F3F4C;
    --btn-loader-primary-alt-active--border-style: solid;
    --btn-loader-primary-alt-active--border-width: .0714285714rem;
    --btn-loader-primary-alt-active--color: #FFF;
    --btn-loader-primary-alt-active--box-shadow: none;
    --btn-loader-primary-alt-active--border-radius: .2857142857rem;
    --btn-loader-primary-alt-progress-active--bg-color: #FFF;
    --btn-loader-primary-alt-focus--color: #FFF;
    --btn-loader-primary-alt-focus--bg-color: #33333E;
    --btn-loader-primary-alt-focus--border-color: #33333E;
    --btn-loader-primary-alt-focus--border-style: solid;
    --btn-loader-primary-alt-focus--border-width: .0714285714rem;
    --btn-loader-primary-alt-focus--box-shadow: none;
    --btn-loader-primary-alt-focus--border-radius: .2857142857rem;
    --btn-loader-primary-alt-progress-focus--bg-color: #FFF;
    --btn-loader-secondary--color: #FFF;
    --btn-loader-secondary--bg-color: transparent;
    --btn-loader-secondary--border-color: #4E4E5D;
    --btn-loader-secondary--border-style: solid;
    --btn-loader-secondary--border-width: .0714285714rem;
    --btn-loader-secondary--box-shadow: none;
    --btn-loader-secondary--border-radius: .2857142857rem;
    --btn-loader-secondary-progress--bg-color: #FFF;
    --btn-loader-secondary-hover--color: #FFF;
    --btn-loader-secondary-hover--bg-color: #33333E;
    --btn-loader-secondary-hover--border-color: #4E4E5D;
    --btn-loader-secondary-hover--border-style: solid;
    --btn-loader-secondary-hover--border-width: .0714285714rem;
    --btn-loader-secondary-hover--box-shadow: none;
    --btn-loader-secondary-hover--border-radius: .2857142857rem;
    --btn-loader-secondary-progress-hover--bg-color: #FFF;
    --btn-loader-secondary-active--bg-color: #3F3F4C;
    --btn-loader-secondary-active--border-color: #4E4E5D;
    --btn-loader-secondary-active--border-style: var(--btn--border-style);
    --btn-loader-secondary-active--border-width: .0714285714rem;
    --btn-loader-secondary-active--color: #FFF;
    --btn-loader-secondary-active--box-shadow: none;
    --btn-loader-secondary-active--border-radius: .2857142857rem;
    --btn-loader-secondary-progress-active--bg-color: #FFF;
    --btn-loader-secondary-focus--color: #FFF;
    --btn-loader-secondary-focus--bg-color: #33333E;
    --btn-loader-secondary-focus--border-color: #4E4E5D;
    --btn-loader-secondary-focus--border-style: solid;
    --btn-loader-secondary-focus--border-width: .0714285714rem;
    --btn-loader-secondary-focus--box-shadow: none;
    --btn-loader-secondary-focus--border-radius: .2857142857rem;
    --btn-loader-secondary-progress-focus--bg-color: #FFF;
    --btn-loader-progress--height: .2857142857rem;
    --btn-link--bg-color: transparent;
    --btn-link--border-color: transparent;
    --btn-link--border-style: none;
    --btn-link--border-width: 0;
    --btn-link--text-underline-offset: 0;
    --btn-link--color: #FFF;
    --btn-link--box-shadow: none;
    --btn-link--border-radius: 0;
    --btn-link-icon-color: #FFF;
    --btn-link-focus--color: #BFBFC8;
    --btn-link-focus--bg-color: transparent;
    --btn-link-focus--border-color: transparent;
    --btn-link-focus--border-style: none;
    --btn-link-focus--border-width: 0;
    --btn-link-focus--box-shadow: none;
    --btn-link-focus--border-radius: .2857142857rem;
    --btn-link-focus-icon-color: #BFBFC8;
    --btn-link-active--color: #A4A3B1;
    --btn-link-active--bg-color: transparent;
    --btn-link-active--border-color: transparent;
    --btn-link-active--border-style: none;
    --btn-link-active--border-width: 0;
    --btn-link-active--box-shadow: none;
    --btn-link-active--border-radius: .2857142857rem;
    --btn-link-active-icon-color: #A4A3B1;
    --btn-link-hover--color: #BFBFC8;
    --btn-link-hover--bg-color: transparent;
    --btn-link-hover--border-color: transparent;
    --btn-link-hover--border-style: none;
    --btn-link-hover--border-width: 0;
    --btn-link-hover--box-shadow: none;
    --btn-link-hover--border-radius: .2857142857rem;
    --btn-link-hover-icon-color: #BFBFC8;
    --btn-link-hover-text-decoration: none;
    --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: .0714285714rem;
    --btn-link-disabled--color: #9897A6;
    --btn-link-disabled--box-shadow: none;
    --btn-link-disabled--border-radius: 0;
    --btn-link-disabled-badge--border-color: #9897A6;
    --btn-link-disabled-badge--border-style: solid;
    --btn-link-disabled-badge--border-width: .0714285714rem;
    --btn-link-disabled-badge--bg-color: transparent;
    --btn-link-disabled-badge--color: #9897A6;
    --btn-link-disabled-icon-color: #9897A6;
    --btn-link-badge--border-color: #FFF;
    --btn-link-badge--border-style: var(--btn--border-style);
    --btn-link-badge--border-width: .0714285714rem;
    --btn-link-badge--bg-color: #656579;
    --btn-link-badge--color: #FFF;
    --btn-link-alt--bg-color: transparent;
    --btn-link-alt--border-color: transparent;
    --btn-link-alt--border-style: none;
    --btn-link-alt--border-width: 0;
    --btn-link-alt--text-underline-offset: 0;
    --btn-link-alt--color: #85B9FD;
    --btn-link-alt--box-shadow: none;
    --btn-link-alt--border-radius: 0;
    --btn-link-alt-icon-color: #85B9FD;
    --btn-link-alt-focus--color: #55A6FC;
    --btn-link-alt-focus--bg-color: transparent;
    --btn-link-alt-focus--border-color: transparent;
    --btn-link-alt-focus--border-style: none;
    --btn-link-alt-focus--border-width: 0;
    --btn-link-alt-focus--box-shadow: none;
    --btn-link-alt-focus--border-radius: .2857142857rem;
    --btn-link-alt-focus-icon-color: #85B9FD;
    --btn-link-alt-active--color: #188CE5;
    --btn-link-alt-active--bg-color: transparent;
    --btn-link-alt-active--border-color: transparent;
    --btn-link-alt-active--border-style: none;
    --btn-link-alt-active--border-width: 0;
    --btn-link-alt-active--box-shadow: none;
    --btn-link-alt-active--border-radius: .2857142857rem;
    --btn-link-alt-active-icon-color: #188CE5;
    --btn-link-alt-hover--color: #55A6FC;
    --btn-link-alt-hover--bg-color: transparent;
    --btn-link-alt-hover--border-color: transparent;
    --btn-link-alt-hover--border-style: none;
    --btn-link-alt-hover--border-width: 0;
    --btn-link-alt-hover--box-shadow: none;
    --btn-link-alt-hover--border-radius: .2857142857rem;
    --btn-link-alt-hover-icon-color: #55A6FC;
    --btn-link-alt-hover-text-decoration: none;
    --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: .0714285714rem;
    --btn-link-alt-disabled--color: #9897A6;
    --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: #9897A6;
    --btn-link-alt-disabled-badge--color: #1A1A24;
    --btn-link-alt-disabled-icon-color: #9897A6;
    --btn-link-alt-badge--border-color: none;
    --btn-link-alt-badge--border-style: var(--btn--border-style);
    --btn-link-alt-badge--border-width: .0714285714rem;
    --btn-link-alt-badge--bg-color: var(--text-link-alt--color);
    --btn-link-alt-badge--color: #1A1A24;
    --btn-group--border-color: #4E4E5D;
    --btn-group--border-style: var(--btn--border-style);
    --btn-group--border-width: .0714285714rem;
    --btn-group--bg-color: #2E2E38;
    --btn-group--color: #FFF;
    --btn-group--box-shadow: none;
    --btn-group--border-radius: 0;
    --btn-group--border-radius-left: .2857142857rem 0 0 .2857142857rem;
    --btn-group--border-radius-right: 0 .2857142857rem .2857142857rem 0;
    --btn-group-focus--border-color: #4E4E5D;
    --btn-group-focus--border-style: var(--btn--border-style);
    --btn-group-focus--border-width: .0714285714rem;
    --btn-group-focus--bg-color: #33333E;
    --btn-group-focus--color: #FFF;
    --btn-group-focus--box-shadow: none;
    --btn-group-focus--border-radius: 0;
    --btn-group-focus--outline-width: .1428571429rem;
    --btn-group-focus--outline-style: solid;
    --btn-group-focus--outline-offset: .1428571429rem;
    --btn-group-focus--outline-color: #85B9FD;
    --btn-group-hover--border-color: #4E4E5D;
    --btn-group-hover--border-style: var(--btn--border-style);
    --btn-group-hover--border-width: .0714285714rem;
    --btn-group-hover--bg-color: #33333E;
    --btn-group-hover--color: #FFF;
    --btn-group-hover--box-shadow: none;
    --btn-group-hover--border-radius: 0;
    --btn-group-disabled--border-color: #4E4E5D;
    --btn-group-disabled--border-style: var(--btn--border-style);
    --btn-group-disabled--border-width: .0714285714rem;
    --btn-group-disabled--bg-color: #2E2E38;
    --btn-group-disabled--color: #737387;
    --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: #33333E;
    --card--border-style: solid;
    --card--border-width: .0714285714rem;
    --card--border-radius: .2857142857rem;
    --card--bg-color: #23232F;
    --card--box-shadow: none;
    --card-hover--box-shadow: none;
    --card-header--border-radius: .2857142857rem;
    --card-header--bg-color: #23232F;
    --card-header-icon-color: #A4A3B1;
    --card-header-alt-icon-color: #FFF;
    --card-header-alt-icon-hover-icon-color: #FFF;
    --card-header-icon-hover--bg-color: #33333E;
    --card-header-separator-line--border-color: transparent transparent #3F3F4C transparent;
    --card-header-separator-line--border-style: none;
    --card-header-separator-line--border-width: 0 0 .0714285714rem 0;
    --card-header-alt--color: #FFF;
    --card-header-alt--bg-color: #656579;
    --card-header--color: #DEDEE2;
    --card-title--color: #A4A3B1;
    --card-body--color: #A4A3B1;
    --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: .1428571429rem 0 0 0;
    --card-footer--bg-color: #8A8A9B;
    --card-footer--color: #FFF;
    --carousel--bg-color: transparent;
    --carousel--border-color: transparent;
    --carousel--border-style: none;
    --carousel--border-width: 0;
    --carousel--box-shadow: none;
    --carousel-dot--border-color: #737387;
    --carousel-dot--border-style: solid;
    --carousel-dot--border-width: 1px;
    --carousel-dot--bg-color: #737387;
    --carousel-dot--border-radius: .4285714286rem;
    --carousel-dot--box-shadow: none;
    --carousel-dot-focus--border-color: #DEDEE2;
    --carousel-dot-focus--border-style: solid;
    --carousel-dot-focus--border-width: 1px;
    --carousel-dot-focus--bg-color: #DEDEE2;
    --carousel-dot-focus--box-shadow: none;
    --carousel-dot-focus--outline-color: #85B9FD;
    --carousel-dot-focus--outline-style: solid;
    --carousel-dot-focus--outline-width: .0714285714rem;
    --carousel-dot-focus--outline-offset: .0714285714rem;
    --carousel-dot-hover--border-color: #DEDEE2;
    --carousel-dot-hover--border-style: solid;
    --carousel-dot-hover--border-width: 1px;
    --carousel-dot-hover--bg-color: #DEDEE2;
    --carousel-dot-hover--box-shadow: none;
    --carousel-dot-active--border-color: #DEDEE2;
    --carousel-dot-active--border-style: solid;
    --carousel-dot-active--border-width: 1px;
    --carousel-dot-active--bg-color: #DEDEE2;
    --carousel-dot-active--box-shadow: none;
    --carousel-dot-group--border-color: transparent;
    --carousel-dot-group--border-style: solid;
    --carousel-dot-group--border-width: 1px;
    --carousel-dot-group--bg-color: #2E2E38;
    --carousel-dot-group--border-radius: 1.2142857143rem;
    --carousel-dot-group--box-shadow: none;
    --carousel-play-pause--border-color: #4E4E5D;
    --carousel-play-pause--border-style: solid;
    --carousel-play-pause--border-width: 1px;
    --carousel-play-pause--bg-color: #2E2E38;
    --carousel-play-pause--color: #A4A3B1;
    --carousel-play-pause--border-radius: 1.5714285714rem;
    --carousel-play-pause-icon-color: #A4A3B1;
    --carousel-play-pause-focus--border-color: #85B9FD;
    --carousel-play-pause-focus--border-style: solid;
    --carousel-play-pause-focus--border-width: 1px;
    --carousel-play-pause-focus--bg-color: #33333E;
    --carousel-play-pause-focus--color: #A4A3B1;
    --carousel-play-pause-focus-icon-color: #A4A3B1;
    --carousel-play-pause-hover--border-color: #4E4E5D;
    --carousel-play-pause-hover--border-style: solid;
    --carousel-play-pause-hover--border-width: 1px;
    --carousel-play-pause-hover--bg-color: #33333E;
    --carousel-play-pause-hover--color: #A4A3B1;
    --carousel-play-pause-hover-icon-color: #A4A3B1;
    --carousel-play-pause-active--border-color: #4E4E5D;
    --carousel-play-pause-active--border-style: solid;
    --carousel-play-pause-active--border-width: 1px;
    --carousel-play-pause-active--bg-color: #3F3F4C;
    --carousel-play-pause-active--color: #A4A3B1;
    --carousel-play-pause-active-icon-color: #A4A3B1;
    --carousel-back-forward--bg-color: #2E2E38;
    --carousel-back-forward--border-color: #4E4E5D;
    --carousel-back-forward--border-style: solid;
    --carousel-back-forward--border-width: 1px;
    --carousel-back-forward--border-radius: 50%;
    --carousel-back-forward--box-shadow: none;
    --carousel-back-forward-icon-color: #A4A3B1;
    --carousel-back-forward-focus--bg-color: #33333E;
    --carousel-back-forward-focus--border-color: #85B9FD;
    --carousel-back-forward-focus--border-style: solid;
    --carousel-back-forward-focus--border-width: 1px;
    --carousel-back-forward-focus--box-shadow: none;
    --carousel-back-forward-focus-icon-color: #A4A3B1;
    --carousel-back-forward-hover--bg-color: #33333E;
    --carousel-back-forward-hover--border-color: #4E4E5D;
    --carousel-back-forward-hover--border-style: solid;
    --carousel-back-forward-hover--border-width: 1px;
    --carousel-back-forward-hover--box-shadow: none;
    --carousel-back-forward-hover-icon-color: #A4A3B1;
    --carousel-back-forward-active--bg-color: #3F3F4C;
    --carousel-back-forward-active--border-color: #4E4E5D;
    --carousel-back-forward-active--border-style: solid;
    --carousel-back-forward-active--border-width: 1px;
    --carousel-back-forward-active--box-shadow: none;
    --carousel-back-forward-active-icon-color: #A4A3B1;
    --chip--color: #DEDEE2;
    --chip--border-color: transparent;
    --chip--border-style: solid;
    --chip--border-width: .0714285714rem;
    --chip--border-radius: 1.1428571429rem;
    --chip--box-shadow: none;
    --chip--bg-color: #2E2E38;
    --chip-hover--color: #DEDEE2;
    --chip-hover--bg-color: #2E2E38;
    --chip-hover--border-color: #33333E;
    --chip-hover--border-style: solid;
    --chip-hover--border-width: .0714285714rem;
    --chip-hover--border-radius: 1.1428571429rem;
    --chip-hover--box-shadow: none;
    --chip-hover-icon-color: #A4A3B1;
    --chip-icon-color: #A4A3B1;
    --chip-btn-hover--bg-color: #1A1A24;
    --chip-btn-hover--color: #FFF;
    --chip-pill--color: #DEDEE2;
    --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-dot--width: .5714285714rem;
    --chip-dot--height: .5714285714rem;
    --chip-active--color: #DEDEE2;
    --chip-active--bg-color: #33333E;
    --chip-active--border-color: #33333E;
    --chip-active--border-style: solid;
    --chip-active--border-width: .0714285714rem;
    --chip-active--border-radius: 1.1428571429rem;
    --chip-active--box-shadow: none;
    --chip-disabled--color: #737387;
    --chip-disabled--bg-color: #2E2E38;
    --chip-disabled--border-color: transparent;
    --chip-disabled--border-style: solid;
    --chip-disabled--border-width: .0714285714rem;
    --chip-disabled--border-radius: 1.1428571429rem;
    --chip-disabled--box-shadow: none;
    --chip-disabled-icon-color: #737387;
    --chip-disabled-dot--bg-color: #2E2E38;
    --chip-disabled-dot--color: #737387;
    --chip-disabled-dot-icon-color: #737387;
    --chip-success--border-color: transparent;
    --chip-success--border-style: solid;
    --chip-success--border-width: .0714285714rem;
    --chip-success--bg-color: #0A3616;
    --chip-success--color: #34CE63;
    --chip-success--border-radius: 1.1428571429rem;
    --chip-success--box-shadow: none;
    --chip-success-icon-color: #26A04B;
    --chip-success-dot--bg-color: #0A3616;
    --chip-success-dot--color: #34CE63;
    --chip-success-dot-icon-color: #26A04B;
    --chip-warning--border-color: transparent;
    --chip-warning--border-style: solid;
    --chip-warning--border-width: .0714285714rem;
    --chip-warning--bg-color: #462602;
    --chip-warning--color: #FF9831;
    --chip-warning--border-radius: 1.1428571429rem;
    --chip-warning--box-shadow: none;
    --chip-warning-icon-color: #D07200;
    --chip-warning-dot--bg-color: #462602;
    --chip-warning-dot--color: #FF9831;
    --chip-warning-dot-icon-color: #D07200;
    --chip-error--border-color: transparent;
    --chip-error--border-style: solid;
    --chip-error--border-width: .0714285714rem;
    --chip-error--bg-color: #610402;
    --chip-error--color: #FF9783;
    --chip-error--border-radius: 1.1428571429rem;
    --chip-error--box-shadow: none;
    --chip-error-icon-color: #FF4136;
    --chip-error-dot--bg-color: #610402;
    --chip-error-dot--color: #FF9783;
    --chip-error-dot-icon-color: #FF4136;
    --chip-monochrome-light--border-color: transparent;
    --chip-monochrome-light--border-style: solid;
    --chip-monochrome-light--border-width: .0714285714rem;
    --chip-monochrome-light--bg-color: #2E2E38;
    --chip-monochrome-light--color: #DEDEE2;
    --chip-monochrome-light--border-radius: 1.1428571429rem;
    --chip-monochrome-light--box-shadow: none;
    --chip-monochrome-light-icon-color: #A4A3B1;
    --chip-monochrome-light-dot--bg-color: #2E2E38;
    --chip-monochrome-light-dot--color: #DEDEE2;
    --chip-monochrome-light-dot-icon-color: #A4A3B1;
    --chip-monochrome-dark--border-color: transparent;
    --chip-monochrome-dark--border-style: solid;
    --chip-monochrome-dark--border-width: .0714285714rem;
    --chip-monochrome-dark--bg-color: #2E2E38;
    --chip-monochrome-dark--color: #DEDEE2;
    --chip-monochrome-dark--border-radius: 1.1428571429rem;
    --chip-monochrome-dark--box-shadow: none;
    --chip-monochrome-dark-icon-color: #A4A3B1;
    --chip-monochrome-dark-dot--bg-color: #2E2E38;
    --chip-monochrome-dark-dot--color: #DEDEE2;
    --chip-monochrome-dark-dot-icon-color: #A4A3B1;
    --chip-monochrome-disabled--bg-color: #656579;
    --chip-monochrome-disabled--border-color: transparent;
    --chip-monochrome-disabled--border-style: solid;
    --chip-monochrome-disabled--border-width: .0714285714rem;
    --chip-monochrome-disabled--color: #9897A6;
    --chip-monochrome-disabled--border-radius: 1.1428571429rem;
    --chip-monochrome-disabled--box-shadow: none;
    --chip-outlined--color: #FFF;
    --chip-outlined--border-color: #33333E;
    --chip-outlined--border-style: solid;
    --chip-outlined--border-width: .0714285714rem;
    --chip-outlined-disabled--color: #9897A6;
    --chip-outlined-disabled--border-color: #2E2E38;
    --chip-outlined-success--color: #34CE63;
    --chip-outlined-success--border-color: #0C4A1F;
    --chip-outlined-warning--color: #FF9831;
    --chip-outlined-warning--border-color: #623300;
    --chip-outlined-error--color: #FF9783;
    --chip-outlined-error--border-color: #83000B;
    --chip-outlined-monochrome-light--color: #DEDEE2;
    --chip-outlined-monochrome-light--border-color: #33333E;
    --chip-outlined-monochrome-dark--color: #DEDEE2;
    --chip-outlined-monochrome-dark--border-color: #33333E;
    --comment--bg-color: transparent;
    --comment--box-shadow: none;
    --comment--border-radius: none;
    --comment--border-color: transparent;
    --comment--border-style: none;
    --comment--border-width: 0;
    --comment-content--bg-color: #33333E;
    --comment-content-typing--bg-color: #33333E;
    --comment-content-typing-icon-color: #8A8A9B;
    --comment-content-author-color: #DEDEE2;
    --comment-content-typing-author-color: #A4A3B1;
    --comment-content-sender--bg-color: #DEDEE2;
    --comment-content-sender--color: #23232F;
    --comment-content--border-radius: .2857142857rem;
    --comment-content--padding: .7142857143rem .7142857143rem;
    --comment-nested--bg-color: #33333E;
    --comment-nested--box-shadow: none;
    --comment-nested--border-radius: 0 .2857142857rem .2857142857rem .5714285714rem;
    --comment-nested--border-color: transparent;
    --comment-nested--border-style: none;
    --comment-nested--border-width: 0;
    --comment-date-time--color: #A4A3B1;
    --comment-truncation-toggle--color: #DEDEE2;
    --comment-edit--color: #DEDEE2;
    --comment-edit--bg-color: #23232F;
    --comment-edit--box-shadow: none;
    --comment-edit--border-width: .0714285714rem;
    --comment-edit--border-style: solid;
    --comment-edit--border-color: #4E4E5D;
    --comment-edit--border-radius: 0rem .2857142857rem .2857142857rem .2857142857rem;
    --comment-edit-hover--bg-color: #2E2E38;
    --comment-edit-hover--color: #DEDEE2;
    --comment-edit-hover--box-shadow: none;
    --comment-edit-hover--border-width: .0714285714rem;
    --comment-edit-hover--border-style: solid;
    --comment-edit-hover--border-color: #4E4E5D;
    --comment-edit-hover--border-radius: .2857142857rem;
    --comment-edit-focus--bg-color: #23232F;
    --comment-edit-focus--color: #DEDEE2;
    --comment-edit-focus--box-shadow: none;
    --comment-edit-focus--border-width: .0714285714rem;
    --comment-edit-focus--border-style: solid;
    --comment-edit-focus--border-color: #4E4E5D;
    --comment-edit-focus--border-radius: .2857142857rem;
    --comment-edit-scroll-bar--bg-color: transparent;
    --comment-edit-scroll-bar-hover--bg-color: transparent;
    --content-switcher-container--bg-color: #2E2E38;
    --content-switcher-container--border-color: #33333E;
    --content-switcher-container--border-style: solid;
    --content-switcher-container--border-width: .0714285714rem;
    --content-switcher-container--border-radius: .4285714286rem;
    --content-switcher--color: #FFF;
    --content-switcher--bg-color: #23232F;
    --content-switcher-icon-color: #A4A3B1;
    --content-switcher-icon--bg-color: #23232F;
    --content-switcher-icon--border-radius: 1.1428571429rem;
    --content-switcher--border-width: .0714285714rem;
    --content-switcher--border-style: solid;
    --content-switcher--border-color: #3F3F4C;
    --content-switcher--border-radius: .2857142857rem;
    --content-switcher--box-shadow: none;
    --content-switcher-focus--bg-color: #33333E;
    --content-switcher-focus--color: #FFF;
    --content-switcher-focus-icon-color: #A4A3B1;
    --content-switcher-focus-icon--bg-color: #23232F;
    --content-switcher-focus-icon--border-radius: 1.1428571429rem;
    --content-switcher-focus--border-width: .0714285714rem;
    --content-switcher-focus--border-style: solid;
    --content-switcher-focus--border-color: #3F3F4C;
    --content-switcher-focus--border-radius: .2857142857rem;
    --content-switcher-focus--box-shadow: none;
    --content-switcher-hover--bg-color: #33333E;
    --content-switcher-hover--color: #FFF;
    --content-switcher-hover-icon-color: #A4A3B1;
    --content-switcher-hover-icon--bg-color: #23232F;
    --content-switcher-hover-icon--border-radius: 1.1428571429rem;
    --content-switcher-hover--border-width: .0714285714rem;
    --content-switcher-hover--border-style: solid;
    --content-switcher-hover--border-color: #3F3F4C;
    --content-switcher-hover--border-radius: .2857142857rem;
    --content-switcher-hover--box-shadow: none;
    --content-switcher-selected--bg-color: #A4A3B1;
    --content-switcher-selected--color: #23232F;
    --content-switcher-selected-icon-color: #A4A3B1;
    --content-switcher-selected-icon--bg-color: #23232F;
    --content-switcher-selected-icon--border-radius: 1.1428571429rem;
    --content-switcher-selected--border-width: .0714285714rem;
    --content-switcher-selected--border-style: solid;
    --content-switcher-selected--border-color: #3F3F4C;
    --content-switcher-selected--border-radius: .2857142857rem;
    --content-switcher-selected--box-shadow: none;
    --content-switcher-selected-focus--color: #23232F;
    --content-switcher-selected-focus--bg-color: #A4A3B1;
    --content-switcher-selected-focus--border-color: #3F3F4C;
    --content-switcher-selected-active--color: #23232F;
    --content-switcher-selected-active--bg-color: #A4A3B1;
    --content-switcher-selected-active--border-color: #3F3F4C;
    --content-switcher-active--color: #FFF;
    --content-switcher-active--bg-color: #33333E;
    --content-switcher-active-icon-color: #A4A3B1;
    --content-switcher-active-icon--bg-color: #23232F;
    --content-switcher-active-icon--border-radius: 1.1428571429rem;
    --content-switcher-active--border-width: .0714285714rem;
    --content-switcher-active--border-style: solid;
    --content-switcher-active--border-color: #3F3F4C;
    --content-switcher-active--border-radius: .2857142857rem;
    --content-switcher-active--box-shadow: none;
    --content-switcher-disabled--color: #737387;
    --content-switcher-disabled--bg-color: #1A1A24;
    --content-switcher-disabled-icon-color: #737387;
    --content-switcher-disabled-icon--bg-color: #2E2E38;
    --content-switcher-disabled-icon--border-radius: 1.1428571429rem;
    --content-switcher-disabled--border-width: .0714285714rem;
    --content-switcher-disabled--border-style: solid;
    --content-switcher-disabled--border-color: #2E2E38;
    --content-switcher-disabled--border-radius: .2857142857rem;
    --content-switcher-disabled--box-shadow: none;
    --dropdown-menu--bg-color: #23232F;
    --dropdown-menu--border-color: #33333E;
    --dropdown-menu--border-style: solid;
    --dropdown-menu--border-width: .0714285714rem;
    --dropdown-menu--border-radius: .2857142857rem;
    --dropdown-menu--box-shadow: 0 .5714285714rem 1.1428571429rem 0 rgba(26, 26, 36, .1607843137), 0 .1428571429rem .2857142857rem 0 rgba(26, 26, 36, .1215686275);
    --dropdown-menu-before--border-color: #33333E #33333E transparent transparent;
    --dropdown-menu-before--border-style: solid solid none none;
    --dropdown-menu-before--border-width: .0714285714rem .0714285714rem 0 0;
    --dropdown-menu-item--color: #DEDEE2;
    --dropdown-menu-item--bg-color: transparent;
    --dropdown-menu-item--border-color: transparent;
    --dropdown-menu-item--border-style: solid;
    --dropdown-menu-item--border-width: 0;
    --dropdown-menu-item--border-radius: .2857142857rem;
    --dropdown-menu-item--fill: #DEDEE2;
    --dropdown-menu-item-focus--color: #DEDEE2;
    --dropdown-menu-item-focus--bg-color: #2E2E38;
    --dropdown-menu-item-focus--border-color: #85B9FD;
    --dropdown-menu-item-focus--border-style: solid;
    --dropdown-menu-item-focus--border-width: 0rem;
    --dropdown-menu-item-focus-outline--border-color: #85B9FD;
    --dropdown-menu-item-focus-outline--border-style: solid;
    --dropdown-menu-item-focus-outline--border-width: .1428571429rem;
    --dropdown-menu-item-focus--box-shadow: none;
    --dropdown-menu-item-hover--color: #DEDEE2;
    --dropdown-menu-item-hover--bg-color: #2E2E38;
    --dropdown-menu-item-hover--border-color: transparent;
    --dropdown-menu-item-hover--border-style: solid;
    --dropdown-menu-item-hover--border-width: 0;
    --dropdown-menu-item-active--color: #DEDEE2;
    --dropdown-menu-item-active--bg-color: #2E2E38;
    --dropdown-menu-item-active--border-color: transparent;
    --dropdown-menu-item-active--border-style: solid;
    --dropdown-menu-item-active--border-width: 0;
    --dropdown-menu-item-active--box-shadow: none;
    --dropdown-menu-item-disabled--color: #737387;
    --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: .0714285714rem;
    --dropdown-menu-item-disabled--box-shadow: none;
    --dropdown-menu-item-icon-color: #737387;
    --dropdown-menu-item-focus-icon-color: #737387;
    --dropdown-menu-item-hover-icon-color: #737387;
    --dropdown-menu-item-active-icon-color: #737387;
    --dropdown-menu-item-disabled-icon-color: #737387;
    --dropdown-toggle-focus--box-shadow: none;
    --dropdown-toggle-hover--box-shadow: none;
    --filters--box-shadow: none;
    --filters--bg-color: #23232F;
    --filters--border-color: transparent;
    --filters--border-style: solid;
    --filters--border-width: .0714285714rem;
    --filters--border-radius: none;
    --filters-accordion-trigger--box-shadow: none;
    --filters-accordion-trigger--border-color: #33333E transparent;
    --filters-accordion-trigger--border-style: solid none;
    --filters-accordion-trigger--border-width: .0714285714rem 0;
    --filters-accordion-trigger--border-radius: 0;
    --filters-accordion--box-shadow: none;
    --filters-accordion--bg-color: #23232F;
    --filters-accordion--border-color: transparent;
    --filters-accordion--border-style: none;
    --filters-accordion--border-width: 0;
    --filters-clear-btn--color: #85B9FD;
    --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;
    --filters-hr--border-width: 0;
    --filters-hr--border-color: transparent;
    --filters-hr-option--border-style: none;
    --filters-hr-option--border-width: 0;
    --filters-hr-option--border-color: transparent;
    --filters-search--bg-color: #23232F;
    --filters-title--color: #DEDEE2;
    --filters-subtitle--color: #A4A3B1;
    --filters-select-all--border-color: transparent transparent #33333E transparent;
    --filters-select-all--border-style: none none solid none;
    --filters-select-all--border-width: 0 0 .0714285714rem 0;
    --footer--bg-color: #23232F;
    --footer--border-color: #33333E transparent transparent transparent;
    --footer--border-style: solid none none none;
    --footer--border-width: .0714285714rem 0 0 0;
    --footer--box-shadow: none;
    --checkbox--border-color: #8A8A9B;
    --checkbox--border-style: solid;
    --checkbox--border-width: .0714285714rem;
    --checkbox--border-radius: .0714285714rem;
    --checkbox--bg-color: #23232F;
    --checkbox-label--color: #DEDEE2;
    --checkbox--box-shadow: none;
    --checkbox-disabled--color: #737387;
    --checkbox-custom-focus--border-color: #8A8A9B;
    --checkbox-custom-focus--border-style: var(--checkbox--border-style);
    --checkbox-custom-focus--border-width: var(--checkbox--border-width);
    --checkbox-custom-focus--outline-style: solid;
    --checkbox-custom-focus--outline-color: #85B9FD;
    --checkbox-custom-focus--outline-offset: -.0714285714rem;
    --checkbox-custom-focus--outline-width: .0714285714rem;
    --checkbox-custom-focus-label--color: var(--checkbox-label--color);
    --checkbox-custom-focus--bg-color: #33333E;
    --checkbox-custom-focus--box-shadow: none;
    --checkbox-custom-hover--border-color: var(--checkbox--border-color);
    --checkbox-custom-hover--border-style: var(--checkbox--border-style);
    --checkbox-custom-hover--border-width: var(--checkbox--border-width);
    --checkbox-custom-hover-label--color: var(--checkbox-label--color);
    --checkbox-custom-hover--bg-color: #2E2E38;
    --checkbox-custom-hover--box-shadow: var(--checkbox--box-shadow);
    --checkbox-custom-disabled--border-color: transparent;
    --checkbox-custom-disabled--border-style: none;
    --checkbox-custom-disabled--border-width: 0rem;
    --checkbox-custom-disabled--bg-color: #2E2E38;
    --checkbox-custom-disabled--box-shadow: none;
    --checkbox-custom-error--border-color: #C70117;
    --checkbox-custom-error--border-style: var(--checkbox--border-style);
    --checkbox-custom-error--border-width: var(--checkbox--border-width);
    --checkbox-custom-error-label--color: var(--checkbox-label--color);
    --checkbox-custom-error--box-shadow: var(--checkbox--box-shadow);
    --checkbox-custom-error--bg-color: var(--checkbox--bg-color);
    --checkbox-custom-error-focus--border-color: var(--checkbox-custom-error--border-color);
    --checkbox-custom-error-focus--border-style: var(--checkbox-custom-error--border-style);
    --checkbox-custom-error-focus--border-width: var(--checkbox-custom-error--border-width);
    --checkbox-custom-error-focus-label--color: var(--checkbox-custom-error-label--color);
    --checkbox-custom-error-focus--box-shadow: var(--checkbox-custom-error--box-shadow);
    --checkbox-custom-error-focus--bg-color: var(--checkbox-custom-error--bg-color);
    --checkbox-custom-error-hover--border-color: var(--checkbox-custom-error--border-color);
    --checkbox-custom-error-hover--border-style: var(--checkbox-custom-error--border-style);
    --checkbox-custom-error-hover--border-width: var(--checkbox-custom-error--border-width);
    --checkbox-custom-error-hover-label--color: var(--checkbox-custom-error-label--color);
    --checkbox-custom-error-hover--box-shadow: var(--checkbox-custom-error--box-shadow);
    --checkbox-custom-error-hover--bg-color: var(--checkbox-custom-error--bg-color);
    --checkbox-checked--border-color: var(--checkbox--border-color);
    --checkbox-checked--border-style: var(--checkbox--border-style);
    --checkbox-checked--border-width: var(--checkbox--border-width);
    --checkbox-checked--bg-color: #2E2E38;
    --checkbox-checked-label--color: var(--checkbox-label--color);
    --checkbox-checked--box-shadow: var(--checkbox--box-shadow);
    --checkbox-checked-icon-color: #A4A3B1;
    --checkbox-checked-focus--bg-color: #33333E;
    --checkbox-checked-focus-label--color: var(--checkbox-checked-label--color);
    --checkbox-checked-focus--box-shadow: none;
    --checkbox-checked-focus--border-color: #8A8A9B;
    --checkbox-checked-focus--border-style: solid;
    --checkbox-checked-focus--border-width: .0714285714rem;
    --checkbox-checked-focus-icon-color: var(--checkbox-checked-icon-color);
    --checkbox-checked-hover--bg-color: #33333E;
    --checkbox-checked-hover-label--color: var(--checkbox-checked-label--color);
    --checkbox-checked-hover--box-shadow: var(--checkbox-checked--box-shadow);
    --checkbox-checked-hover--border-color: var(--checkbox-checked--border-color);
    --checkbox-checked-hover--border-style: var(--checkbox-checked--border-style);
    --checkbox-checked-hover--border-width: var(--checkbox-checked--border-width);
    --checkbox-checked-hover-icon-color: var(--checkbox-checked-icon-color);
    --checkbox-checked-disabled--bg-color: var(--checkbox-custom-disabled--bg-color);
    --checkbox-checked-disabled-label--color: var(--checkbox-disabled--color);
    --checkbox-checked-disabled--box-shadow: none;
    --checkbox-checked-disabled--border-color: var(--checkbox-custom-disabled--border-color);
    --checkbox-checked-disabled--border-style: var(--checkbox-custom-disabled--border-style);
    --checkbox-checked-disabled--border-width: var(--checkbox-custom-disabled--border-width);
    --checkbox-checked-disabled-icon-color: #737387;
    --date-picker--color: #A4A3B1;
    --date-picker--bg-color: #23232F;
    --date-picker--border-color: #4E4E5D;
    --date-picker--border-style: solid;
    --date-picker--border-width: .0714285714rem;
    --date-picker--border-radius: .2857142857rem;
    --date-picker--box-shadow: none;
    --date-picker-icon-color: #A4A3B1;
    --date-picker-hover--color: #A4A3B1;
    --date-picker-hover--bg-color: #2E2E38;
    --date-picker-hover--border-color: #4E4E5D;
    --date-picker-hover--border-style: solid;
    --date-picker-hover--border-width: .0714285714rem;
    --date-picker-hover--border-radius: .2857142857rem;
    --date-picker-hover--box-shadow: none;
    --date-picker-hover-icon-color: #737387;
    --date-picker-focus--color: #A4A3B1;
    --date-picker-focus--bg-color: #23232F;
    --date-picker-focus--border-color: transparent;
    --date-picker-focus--border-style: solid;
    --date-picker-focus--border-width: .0714285714rem;
    --date-picker-focus--border-radius: .2857142857rem;
    --date-picker-focus--outline-color: #85B9FD;
    --date-picker-focus--outline-width: .1428571429rem;
    --date-picker-focus--outline-style: solid;
    --date-picker-focus--outline-offset: -.1428571429rem;
    --date-picker-focus--box-shadow: none;
    --date-picker-focus-icon-color: #737387;
    --date-picker-disabled--color: #737387;
    --date-picker-disabled--bg-color: #2E2E38;
    --date-picker-disabled--border-color: transparent;
    --date-picker-disabled--border-style: none;
    --date-picker-disabled--border-width: 0;
    --date-picker-disabled--border-radius: .2857142857rem;
    --date-picker-disabled--box-shadow: none;
    --date-picker-disabled-icon-color: #2E2E38;
    --date-picker-error--color: #A4A3B1;
    --date-picker-error--bg-color: #23232F;
    --date-picker-error--border-color: #C70117;
    --date-picker-error--border-style: solid;
    --date-picker-error--border-width: .0714285714rem;
    --date-picker-error--border-radius: .2857142857rem;
    --date-picker-error--box-shadow: none;
    --date-picker-error-icon-color: #737387;
    --date-picker-error-hover--color: #A4A3B1;
    --date-picker-error-hover--bg-color: #2E2E38;
    --date-picker-error-hover--border-color: #C70117;
    --date-picker-error-hover--border-style: solid;
    --date-picker-error-hover--border-width: .0714285714rem;
    --date-picker-error-hover--border-radius: .2857142857rem;
    --date-picker-error-hover--box-shadow: none;
    --date-picker-error-hover-icon-color: #737387;
    --date-picker-error-focus--color: #A4A3B1;
    --date-picker-error-focus--bg-color: #23232F;
    --date-picker-error-focus--border-color: #C70117;
    --date-picker-error-focus--border-style: solid;
    --date-picker-error-focus--border-width: .0714285714rem;
    --date-picker-error-focus--border-radius: .2857142857rem;
    --date-picker-error-focus--box-shadow: none;
    --date-picker-error-focus-icon-color: #737387;
    --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: #23232F;
    --date-picker-navigation--color: #DEDEE2;
    --date-picker-navigation-arrow--color: #DEDEE2;
    --date-picker-navigation-arrow-focus--box-shadow: none;
    --date-picker-tile--border-radius: 1000px;
    --date-picker-tile--bg-color: #23232F;
    --date-picker-tile--color: #DEDEE2;
    --date-picker-tile-hover--bg-color: #33333E;
    --date-picker-tile-hover--color: #DEDEE2;
    --date-picker-tile-disabled--bg-color: transparent;
    --date-picker-tile-disabled--color: #737387;
    --date-picker-tile-active--color: #23232F;
    --date-picker-tile-active--bg-color: #FFF;
    --date-picker-tile-active-hover--bg-color: #33333E;
    --date-picker-tile-active-hover--color: #DEDEE2;
    --date-picker-tile-active-disabled--bg-color: #2E2E38;
    --date-picker-tile-active-disabled--color: #737387;
    --date-picker-tile-today-mark--bg-color: #083153;
    --date-picker-tile-today-mark--color: #85B9FD;
    --date-picker-tile-today-mark-hover--bg-color: #33333E;
    --date-picker-tile-today-mark-hover--color: #85B9FD;
    --date-picker-tile-today-mark-disabled--bg-color: #2E2E38;
    --date-picker-tile-today-mark-disabled--color: #737387;
    --date-picker-tile-active-dot--bg-color: #188CE5;
    --date-picker-tile-active-dot-hover--bg-color: #188CE5;
    --date-picker-tile-active-dot-disabled--bg-color: #737387;
    --date-picker-calendar--bg-color: #23232F;
    --date-picker-calendar--border-color: #33333E;
    --date-picker-calendar--border-style: solid;
    --date-picker-calendar--border-width: .0714285714rem;
    --date-picker-calendar--border-radius: .1428571429rem;
    --date-picker-calendar--box-shadow: 0 .4285714286rem .8571428571rem 0 rgba(26, 26, 36, .1607843137), 0 .1428571429rem .2857142857rem 0 rgba(26, 26, 36, .1215686275);
    --date-picker-weekday--color: #DEDEE2;
    --date-picker-label-focus--color: #DEDEE2;
    --date-picker-range--bg-color: #33333E;
    --date-picker-range--border-top-left-radius: 71.4285714286rem;
    --date-picker-range--border-bottom-left-radius: 71.4285714286rem;
    --date-picker-range--border-top-right-radius: 71.4285714286rem;
    --date-picker-range--border-bottom-right-radius: 71.4285714286rem;
    --file-uploader--bg-color: transparent;
    --file-uploader-hover--bg-color: #2E2E38;
    --file-uploader-error--bg-color: #610402;
    --file-uploader-disabled--bg-color: #23232F;
    --file-uploader-focus--bg-color: #2E2E38;
    --file-uploader-em--color: #DEDEE2;
    --file-uploader-em-hover--color: #DEDEE2;
    --file-uploader-em-focus--color: #DEDEE2;
    --file-uploader-em-disabled--color: #737387;
    --file-uploader-em-error--color: #FF9783;
    --file-uploader--color: #A4A3B1;
    --file-uploader-hover--color: #A4A3B1;
    --file-uploader-focus--color: #A4A3B1;
    --file-uploader-error--color: #FF735E;
    --file-uploader-icon-color: #A4A3B1;
    --file-uploader-icon--bg-color: #2E2E38;
    --file-uploader-hover-icon--bg-color: #2E2E38;
    --file-uploader-focus-icon--bg-color: #2E2E38;
    --file-uploader-error-icon--bg-color: #610402;
    --file-uploader-disabled-icon--bg-color: #2E2E38;
    --file-uploader-hover-icon-color: #A4A3B1;
    --file-uploader-focus-icon-color: #A4A3B1;
    --file-uploader-error-icon-color: #FF4136;
    --file-uploader--border-color: #4E4E5D;
    --file-uploader--border-width: .0714285714rem;
    --file-uploader--border-style: dashed;
    --file-uploader--border-radius: .2857142857rem;
    --file-uploader-hover--border-color: #4E4E5D;
    --file-uploader-focus--border-color: #4E4E5D;
    --file-uploader-error--border-width: .0714285714rem;
    --file-uploader-error--border-style: dashed;
    --file-uploader-error--border-color: #EA011D;
    --file-uploader-disabled--border-color: #4E4E5D;
    --file-uploader-disabled--color: #737387;
    --file-uploader-disabled-icon-color: #737387;
    --file-uploader--box-shadow: none;
    --file-uploader-hover--box-shadow: none;
    --file-uploader-focus--box-shadow: none;
    --file-uploader-error--box-shadow: none;
    --file-uploader-disabled--box-shadow: none;
    --file-uploader-focus--outline-color: #85B9FD;
    --file-uploader-focus--outline-width: .1428571429rem;
    --file-uploader-focus--outline-style: solid;
    --file-uploader-focus--outline-offset: -.1428571429rem;
    --file-uploader-item--bg-color: #23232F;
    --file-uploader-item-hover--bg-color: #2E2E38;
    --file-uploader-item--border-radius: .2857142857rem;
    --file-uploader-item--border-width: .0714285714rem;
    --file-uploader-item--border-style: solid;
    --file-uploader-item--border-color: #33333E;
    --file-uploader-item--color: #DEDEE2;
    --file-uploader-indeterminate-item--color: #A4A3B1;
    --file-uploader-item-size--color: #A4A3B1;
    --file-uploader-item--box-shadow: none;
    --file-uploader-item-icon-color: #A4A3B1;
    --file-uploader-item-icon--bg-color: #2E2E38;
    --file-uploader-item-icon-completed--bg-color: #2E2E38;
    --file-uploader-item-progress-bar--bg-color: #33333E;
    --file-uploader-item-progress-bar-hover--bg-color: #33333E;
    --file-uploader-item-progress-bar-focus--bg-color: #33333E;
    --file-uploader-item-progress-bar-error--bg-color: #FF735E;
    --file-uploader-item-progress-bar-disabled--bg-color: transparent;
    --file-uploader-item-progress-bar--color: #DEDEE2;
    --file-uploader-item-progress-bar-hover--color: #DEDEE2;
    --file-uploader-item-progress-bar-focus--color: #DEDEE2;
    --file-uploader-item-progress-bar-error--color: #FF735E;
    --file-uploader-item-progress-bar-label--color: #DEDEE2;
    --file-uploader-item-progress-bar-disabled--color: transparent;
    --file-uploader-item-disabled--border-width: .0714285714rem;
    --file-uploader-item-disabled--border-style: solid;
    --file-uploader-item-disabled--border-color: #33333E;
    --file-uploader-item-disabled--bg-color: #23232F;
    --file-uploader-item-disabled--color: #737387;
    --file-uploader-item-disabled--box-shadow: none;
    --file-uploader-item-disabled-icon-color: #A4A3B1;
    --file-uploader-item-error--color: #FF9783;
    --file-uploader-item-error--bg-color: #610402;
    --file-uploader-item-error--border-width: .0714285714rem;
    --file-uploader-item-error--border-style: solid;
    --file-uploader-item-error--border-color: #EA011D;
    --file-uploader-item-error--box-shadow: none;
    --file-uploader-item-error-icon-color: #FF4136;
    --file-uploader-item-error-icon--bg-color: transparent;
    --file-uploader-item-error-btn--color: #EA011D;
    --file-uploader-item-close-btn-icon-color: #A4A3B1;
    --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;
    --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: .2857142857rem;
    --file-uploader-item-close-btn-icon-hover--color: #A4A3B1;
    --file-uploader-item-close-btn-icon-hover--bg-color: transparent;
    --file-uploader-item-close-btn-icon-hover--border-color: transparent;
    --file-uploader-item-close-btn-icon-hover--border-width: 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: #A4A3B1;
    --file-uploader-item-close-btn-icon-focus--bg-color: transparent;
    --file-uploader-item-close-btn-icon-focus--border-color: transparent;
    --file-uploader-item-close-btn-icon-focus--border-width: 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: #737387;
    --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;
    --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: none;
    --file-uploader-item-ok-btn--border-width: none;
    --file-uploader-item-ok-btn--color: #DEDEE2;
    --file-uploader-item-ok-btn--box-shadow: none;
    --file-uploader-item-ok-btn--border-radius: 0;
    --file-uploader-item-ok-btn-focus--color: #DEDEE2;
    --file-uploader-item-ok-btn-focus--bg-color: transparent;
    --file-uploader-item-ok-btn-focus--border-color: none;
    --file-uploader-item-ok-btn-focus--border-style: none;
    --file-uploader-item-ok-btn-focus--border-width: none;
    --file-uploader-item-ok-btn-focus--box-shadow: none;
    --file-uploader-item-ok-btn-hover--color: #DEDEE2;
    --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: none;
    --file-uploader-item-ok-btn-hover--border-width: none;
    --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: none;
    --file-uploader-item-retry-btn--border-width: none;
    --file-uploader-item-retry-btn--color: #FFF;
    --file-uploader-item-retry-btn--box-shadow: none;
    --file-uploader-item-retry-btn--border-radius: 0;
    --file-uploader-item-retry-btn-focus--color: #DEDEE2;
    --file-uploader-item-retry-btn-focus--bg-color: transparent;
    --file-uploader-item-retry-btn-focus--border-color: transparent;
    --file-uploader-item-retry-btn-focus--border-style: none;
    --file-uploader-item-retry-btn-focus--border-width: none;
    --file-uploader-item-retry-btn-focus--box-shadow: none;
    --file-uploader-item-retry-btn-hover--color: #EA011D;
    --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: none;
    --file-uploader-item-retry-btn-hover--border-width: none;
    --file-uploader-item-retry-btn-hover--box-shadow: none;
    --metadata-header--color: #DEDEE2;
    --metadata-header-hover--color: #DEDEE2;
    --metadata-header-focus--color: #DEDEE2;
    --metadata-header--bg-color: #23232F;
    --metadata-header-hover--bg-color: #2E2E38;
    --metadata-header-focus--bg-color: #23232F;
    --metadata-line-separator--border-width: .0714285714rem;
    --metadata-line-separator--border-style: solid;
    --metadata-line-separator--border-color: #33333E;
    --metadata-line-separator-hover--border-width: .0714285714rem;
    --metadata-line-separator-hover--border-style: solid;
    --metadata-line-separator-hover--border-color: #33333E;
    --metadata-line-separator-focus--border-width: .0714285714rem;
    --metadata-line-separator-focus--border-style: solid;
    --metadata-line-separator-focus--border-color: #33333E;
    --metadata-line-separator-focus--outline-color: #85B9FD;
    --metadata-line-separator-focus--outline-width: .1428571429rem;
    --metadata-line-separator-focus--outline-style: solid;
    --metadata-line-separator-focus--outline-offset: -.1428571429rem;
    --metadata-line-separator-expanded--border-radius: 0;
    --metadata-content--color: #FFF;
    --metadata-content-hover--color: #FFF;
    --metadata-content-focus--color: #FFF;
    --metadata-content--bg-color: #23232F;
    --metadata-content-hover--bg-color: #23232F;
    --metadata-content-focus--bg-color: #23232F;
    --metadata-content--border-width: .0714285714rem;
    --metadata-content--border-style: none solid solid solid;
    --metadata-content--border-color: #33333E;
    --metadata-content-hover--border-width: .0714285714rem;
    --metadata-content-hover--border-style: none solid solid solid;
    --metadata-content-hover--border-color: #33333E;
    --metadata-content-focus--border-width: .0714285714rem;
    --metadata-content-focus--border-style: none solid solid solid;
    --metadata-content-focus--border-color: #33333E;
    --metadata-header-icon--fill: #A4A3B1;
    --metadata-header-icon-hover--fill: #A4A3B1;
    --metadata-header-icon-focus--fill: #A4A3B1;
    --metadata-accent-expanded--bg-color: transparent;
    --input--color: #DEDEE2;
    --input--border-color: #4E4E5D;
    --input--border-style: solid;
    --input--border-width: .0714285714rem;
    --input--border-radius: .2857142857rem;
    --input--bg-color: #23232F;
    --input--box-shadow: none;
    --input-with-prefix--border-color: #A4A3B1 #A4A3B1 #A4A3B1 transparent;
    --input-with-prefix--border-style: solid solid solid none;
    --input-with-prefix--border-width: .0714285714rem .0714285714rem .0714285714rem 0;
    --input-with-prefix--border-radius: 0 .2857142857rem .2857142857rem 0;
    --input-with-prefix-error--border-color: #C70117 #C70117 #C70117 transparent;
    --input-with-prefix-error--border-style: solid solid solid none;
    --input-with-prefix-error--border-width: .0714285714rem .0714285714rem .0714285714rem 0;
    --input-with-suffix--border-color: #A4A3B1 transparent #A4A3B1 #A4A3B1;
    --input-with-suffix--border-style: solid none solid solid;
    --input-with-suffix--border-width: .0714285714rem 0 .0714285714rem .0714285714rem;
    --input-with-suffix--border-radius: .2857142857rem 0 0 .2857142857rem;
    --input-with-suffix-error--border-color: #C70117 transparent #C70117 #C70117;
    --input-with-suffix-error--border-style: solid none solid solid;
    --input-with-suffix-error--border-width: .0714285714rem 0 .0714285714rem .0714285714rem;
    --input-with-prefix-suffix--border-color: #A4A3B1 transparent;
    --input-with-prefix-suffix--border-style: solid none;
    --input-with-prefix-suffix--border-width: .0714285714rem 0;
    --input-with-prefix-suffix--border-radius: 0;
    --input-with-prefix-suffix-error--border-color: #C70117 transparent;
    --input-with-prefix-suffix-error--border-style: solid none;
    --input-with-prefix-suffix-error--border-width: .0714285714rem 0;
    --input-with-prefix-suffix-error--border-radius: 0;
    --input-prefix--border-color: #A4A3B1 transparent #A4A3B1 #A4A3B1;
    --input-prefix--border-style: solid none solid solid;
    --input-prefix--border-width: .0714285714rem 0 .0714285714rem .0714285714rem;
    --input-prefix--border-radius: .2857142857rem 0 0 .2857142857rem;
    --input-prefix-error--border-color: #C70117 transparent #C70117 #C70117;
    --input-prefix-error--border-style: solid none solid solid;
    --input-prefix-error--border-width: .0714285714rem 0 .0714285714rem .0714285714rem;
    --input-prefix-separator--bg-color: #A4A3B1;
    --input-prefix-separator-focus--bg-color: #85B9FD;
    --input-prefix-separator-error--bg-color: #C70117;
    --input-prefix-separator-outline-color: #A4A3B1;
    --input-prefix-separator-outline-style: solid;
    --input-prefix-separator-outline-width: .0714285714rem;
    --input-suffix--border-color: #A4A3B1 #A4A3B1 #A4A3B1 transparent;
    --input-suffix--border-style: solid solid solid none;
    --input-suffix--border-width: .0714285714rem .0714285714rem .0714285714rem 0;
    --input-suffix--border-radius: 0 .2857142857rem .2857142857rem 0;
    --input-suffix-error--border-color: #C70117 #C70117 #C70117 transparent;
    --input-suffix-error--border-style: solid solid solid none;
    --input-suffix-error--border-width: .0714285714rem .0714285714rem .0714285714rem 0;
    --input-hover--color: #DEDEE2;
    --input-hover--border-color: #4E4E5D;
    --input-hover--border-style: solid;
    --input-hover--border-width: .0714285714rem;
    --input-hover--border-radius: .2857142857rem;
    --input-hover--bg-color: #2E2E38;
    --input-hover--box-shadow: none;
    --input-focus--color: #DEDEE2;
    --input-focus--border-color: #4E4E5D;
    --input-focus--border-style: solid;
    --input-focus--border-width: .0714285714rem;
    --input-focus--outline-color: #85B9FD;
    --input-focus--outline-width: .1428571429rem;
    --input-focus--outline-style: solid;
    --input-focus--border-radius: .2857142857rem;
    --input-focus--bg-color: #23232F;
    --input-focus--box-shadow: none;
    --input-disabled--color: #737387;
    --input-disabled--border-color: transparent;
    --input-disabled--border-style: none;
    --input-disabled--border-width: 0;
    --input-disabled--border-radius: .2857142857rem;
    --input-disabled--bg-color: #2E2E38;
    --input-disabled--box-shadow: none;
    --input-error--color: #DEDEE2;
    --input-error--border-color: #C70117;
    --input-error--border-style: solid;
    --input-error--border-width: .0714285714rem;
    --input-error--border-radius: .2857142857rem;
    --input-error--bg-color: #23232F;
    --input-error--box-shadow: none;
    --input-error-focus--color: #DEDEE2;
    --input-error-focus--border-color: none;
    --input-error-focus--border-style: none;
    --input-error-focus--border-width: none;
    --input-error-focus--outline-color: #85B9FD;
    --input-error-focus--outline-width: .0714285714rem;
    --input-error-focus--outline-style: solid;
    --input-error-focus--bg-color: #23232F;
    --input-error-focus--box-shadow: none;
    --input-error-hover--color: #A4A3B1;
    --input-error-hover--border-color: #C70117;
    --input-error-hover--border-style: solid;
    --input-error-hover--border-width: .0714285714rem;
    --input-error-hover--bg-color: #2E2E38;
    --input-error-hover--box-shadow: none;
    --input-placeholder--color: #A4A3B1;
    --input-placeholder-hover--color: #A4A3B1;
    --input-placeholder-focus--color: #A4A3B1;
    --input-placeholder-disabled--color: #737387;
    --input-placeholder-error--color: #A4A3B1;
    --input-clear-icon-focus--box-shadow: none;
    --input-clear-btn-disabled-icon-color: #737387;
    --input-icon-color: #A4A3B1;
    --input-icon-error-icon-color: #C70117;
    --input-icon-disabled-icon-color: #737387;
    --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: #DEDEE2;
    --numeric-input--border-width: .0714285714rem;
    --numeric-input--border-style: solid;
    --numeric-input--border-color: #4E4E5D;
    --numeric-input--bg-color: #23232F;
    --numeric-input--border-radius: .2857142857rem;
    --numeric-input--box-shadow: none;
    --numeric-input-btn--bg-color: #2E2E38;
    --numeric-input-btn--border-style: solid;
    --numeric-input-btn--border-width: .0714285714rem;
    --numeric-input-btn--border-color: #2E2E38;
    --numeric-input-btn--border-radius: var(--numeric-input--border-radius);
    --numeric-input-btn--box-shadow: none;
    --numeric-input-btn-icon-color: #A4A3B1;
    --numeric-input-btn-disabled--bg-color: #2E2E38;
    --numeric-input-btn-disabled--border-style: var(--numeric-input-btn--border-style);
    --numeric-input-btn-disabled--border-width: var(--numeric-input-btn--border-width);
    --numeric-input-btn-disabled--border-color: #2E2E38;
    --numeric-input-btn-disabled--border-radius: var(--numeric-input--border-radius);
    --numeric-input-btn-disabled--box-shadow: none;
    --numeric-input-btn-disabled-icon-color: #737387;
    --numeric-input-btn-hover--bg-color: #33333E;
    --numeric-input-btn-hover--border-style: var(--numeric-input-btn--border-style);
    --numeric-input-btn-hover--border-width: var(--numeric-input-btn--border-width);
    --numeric-input-btn-hover--border-color: #33333E;
    --numeric-input-btn-hover--border-radius: var(--numeric-input--border-radius);
    --numeric-input-btn-hover--box-shadow: none;
    --numeric-input-btn-hover-icon-color: #A4A3B1;
    --numeric-input-btn-focus--bg-color: #33333E;
    --numeric-input-btn-focus--border-style: var(--numeric-input-btn--border-style);
    --numeric-input-btn-focus--border-width: var(--numeric-input-btn--border-width);
    --numeric-input-btn-focus--border-color: #33333E;
    --numeric-input-btn-focus--border-radius: var(--numeric-input--border-radius);
    --numeric-input-btn-focus--box-shadow: none;
    --numeric-input-btn-focus-icon-color: #A4A3B1;
    --numeric-input-btn-focus--outline-color: #85B9FD;
    --numeric-input-btn-focus--outline-style: solid;
    --numeric-input-btn-focus--outline-width: .1428571429rem;
    --numeric-input-btn-focus--outline-offset: .1428571429rem;
    --numeric-input-error--color: #A4A3B1;
    --numeric-input-error--bg-color: #23232F;
    --numeric-input-error--border-width: var(--numeric-input-btn--border-width);
    --numeric-input-error--border-style: var(--numeric-input-btn--border-style);
    --numeric-input-error--border-color: #EA011D;
    --numeric-input-error--border-radius: var(--numeric-input--border-radius);
    --numeric-input-error--box-shadow: none;
    --numeric-input-error-focus--color: #DEDEE2;
    --numeric-input-error-focus--border-color: #4E4E5D;
    --numeric-input-error-focus--border-style: var(--numeric-input-btn--border-style);
    --numeric-input-error-focus--border-width: var(--numeric-input-btn--border-width);
    --numeric-input-error-focus--bg-color: #23232F;
    --numeric-input-error-focus--box-shadow: none;
    --numeric-input-error-hover--color: #A4A3B1;
    --numeric-input-error-hover--border-color: #EA011D;
    --numeric-input-error-hover--border-style: var(--numeric-input-btn--border-style);
    --numeric-input-error-hover--border-width: var(--numeric-input-btn--border-width);
    --numeric-input-error-hover--bg-color: #23232F;
    --numeric-input-error-hover--box-shadow: none;
    --numeric-input-disabled--bg-color: #2E2E38;
    --numeric-input-disabled--color: #737387;
    --numeric-input-disabled--border-width: var(--numeric-input-btn--border-width);
    --numeric-input-disabled--border-style: var(--numeric-input-btn--border-style);
    --numeric-input-disabled--border-color: #2E2E38;
    --numeric-input-disabled--border-radius: var(--numeric-input--border-radius);
    --numeric-input-disabled--box-shadow: none;
    --numeric-input-focus--bg-color: #23232F;
    --numeric-input-focus--color: #DEDEE2;
    --numeric-input-focus--border-width: var(--numeric-input-btn--border-width);
    --numeric-input-focus--border-style: var(--numeric-input-btn--border-style);
    --numeric-input-focus--border-color: #4E4E5D;
    --numeric-input-focus--border-radius: var(--numeric-input--border-radius);
    --numeric-input-focus--box-shadow: none;
    --numeric-input-focus--outline-width: .1428571429rem;
    --numeric-input-focus--outline-style: solid;
    --numeric-input-focus--outline-color: #85B9FD;
    --numeric-input-focus--outline-offset: .1428571429rem;
    --numeric-input-hover--bg-color: #2E2E38;
    --numeric-input-hover--color: #DEDEE2;
    --numeric-input-hover--border-width: var(--numeric-input-btn--border-width);
    --numeric-input-hover--border-style: var(--numeric-input-btn--border-style);
    --numeric-input-hover--border-color: #4E4E5D;
    --numeric-input-hover--border-radius: var(--numeric-input--border-radius);
    --numeric-input-hover--box-shadow: none;
    --pin-entry--color: #DEDEE2;
    --pin-entry--bg-color: #23232F;
    --pin-entry--border-color: #4E4E5D;
    --pin-entry--border-style: solid;
    --pin-entry--border-width: .0714285714rem;
    --pin-entry--box-shadow: none;
    --pin-entry--border-radius: .2857142857rem;
    --pin-entry--font-size: 3.2857142857rem;
    --pin-entry--font-style: normal;
    --pin-entry--font-weight: var(--weight-regular);
    --pin-entry--line-height: 4.1428571429rem;
    --pin-entry--padding: .5714285714rem;
    --pin-entry-hover--color: #DEDEE2;
    --pin-entry-hover--bg-color: #2E2E38;
    --pin-entry-hover--border-color: #4E4E5D;
    --pin-entry-hover--border-style: solid;
    --pin-entry-hover--border-width: .0714285714rem;
    --pin-entry-hover--box-shadow: none;
    --pin-entry-focus--color: #DEDEE2;
    --pin-entry-focus--bg-color: #23232F;
    --pin-entry-focus--border-color: #4E4E5D;
    --pin-entry-focus--border-style: solid;
    --pin-entry-focus--border-width: .0714285714rem;
    --pin-entry-focus--outline-color: #85B9FD;
    --pin-entry-focus--outline-style: solid;
    --pin-entry-focus--outline-width: .1428571429rem;
    --pin-entry-focus--box-shadow: none;
    --pin-entry-disabled--color: #737387;
    --pin-entry-disabled--bg-color: #2E2E38;
    --pin-entry-disabled--border-color: #4E4E5D;
    --pin-entry-disabled--border-style: solid;
    --pin-entry-disabled--border-width: .0714285714rem;
    --pin-entry-disabled--box-shadow: none;
    --pin-entry-error--bg-color: #23232F;
    --pin-entry-error--color: #DEDEE2;
    --pin-entry-error--border-color: #EA011D;
    --pin-entry-error--border-style: solid;
    --pin-entry-error--border-width: .0714285714rem;
    --pin-entry-error--box-shadow: none;
    --pin-entry-error-hover--color: #DEDEE2;
    --pin-entry-error-hover--bg-color: #23232F;
    --pin-entry-error-hover--border-color: #EA011D;
    --pin-entry-error-hover--border-style: solid;
    --pin-entry-error-hover--border-width: .0714285714rem;
    --pin-entry-error-hover--box-shadow: none;
    --pin-entry-error-focus--color: #DEDEE2;
    --pin-entry-error-focus--bg-color: #23232F;
    --pin-entry-error-focus--border-color: #EA011D;
    --pin-entry-error-focus--border-style: solid;
    --pin-entry-error-focus--border-width: .0714285714rem;
    --pin-entry-error-focus--box-shadow: none;
    --pin-entry-clear-icon-color: #A4A3B1;
    --pin-entry-clear-icon--bg-color: transparent;
    --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: .2857142857rem;
    --pin-entry-clear-icon-hover-icon-color: #A4A3B1;
    --pin-entry-clear-icon-hover--bg-color: #33333E;
    --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: .2857142857rem;
    --pin-entry-clear-icon-focus-icon-color: #A4A3B1;
    --pin-entry-clear-icon-focus--bg-color: #33333E;
    --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: .2857142857rem;
    --radio-btn--border-radius: 50%;
    --radio-btn--border-color: #8A8A9B;
    --radio-btn--border-width: .0714285714rem;
    --radio-btn--border-style: solid;
    --radio-btn--bg-color: #23232F;
    --radio-btn--box-shadow: none;
    --radio-btn-input--bg-color: #A4A3B1;
    --radio-btn-label--color: #DEDEE2;
    --radio-btn-support-text--color: #A4A3B1;
    --radio-btn-input--size: .5714285714rem;
    --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: .0714285714rem;
    --radio-btn-hover--border-style: var(--radio-btn--border-style);
    --radio-btn-hover--bg-color: #2E2E38;
    --radio-btn-hover--box-shadow: none;
    --radio-btn-input-hover--bg-color: var(--radio-btn-input--bg-color);
    --radio-btn-label-hover--color: var(--radio-btn-label--color);
    --radio-btn-support-text-hover--color: var(--radio-btn-support-text--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--outline-style: solid;
    --radio-btn-focus--outline-color: #85B9FD;
    --radio-btn-focus--outline-width: .0714285714rem;
    --radio-btn-focus--outline-offset: -.0714285714rem;
    --radio-btn-focus--bg-color: #2E2E38;
    --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-support-text-focus--color: var(--radio-btn-support-text--color);
    --radio-btn-disabled--border-radius: var(--radio-btn--border-radius);
    --radio-btn-disabled--border-color: #2E2E38;
    --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: #2E2E38;
    --radio-btn-disabled--box-shadow: var(--radio-btn--box-shadow);
    --radio-btn-input-disabled--bg-color: #737387;
    --radio-btn-label-disabled--color: #737387;
    --radio-btn-support-text-disabled--color: #737387;
    --radio-btn-error--border-radius: var(--radio-btn--border-radius);
    --radio-btn-error--border-color: #C70117;
    --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: #2E2E38;
    --radio-btn-label-error--color: var(--radio-btn-label--color);
    --radio-btn-support-text-error--color: var(--radio-btn-support-text--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-support-text-error-hover--color: var(--radio-btn-support-text--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);
    --radio-btn-support-text-error-focus--color: var(--radio-btn-support-text--color);
    --radio-btn-checked--border-radius: var(--radio-btn--border-radius);
    --radio-btn-checked--border-color: var(--radio-btn--border-color);
    --radio-btn-checked--border-width: var(--radio-btn--border-width);
    --radio-btn-checked--border-style: var(--radio-btn--border-style);
    --radio-btn-checked--bg-color: var(--radio-btn--bg-color);
    --radio-btn-checked--box-shadow: var(--radio-btn--box-shadow);
    --radio-btn-input-checked--bg-color: var(--radio-btn-input--bg-color);
    --radio-btn-label-checked--color: var(--radio-btn-label--color);
    --radio-btn-support-text-checked--color: var(--radio-btn-support-text--color);
    --radio-btn-checked-hover--border-radius: var(--radio-btn--border-radius);
    --radio-btn-checked-hover--border-color: var(--radio-btn-checked--border-color);
    --radio-btn-checked-hover--border-width: var(--radio-btn-checked--border-width);
    --radio-btn-checked-hover--border-style: var(--radio-btn-checked--border-style);
    --radio-btn-checked-hover--bg-color: #33333E;
    --radio-btn-checked-hover--box-shadow: var(--radio-btn-checked--box-shadow);
    --radio-btn-input-checked-hover--bg-color: var(--radio-btn-input-checked--bg-color);
    --radio-btn-label-checked-hover--color: var(--radio-btn-label-checked--color);
    --radio-btn-support-text-checked-hover--color: var(--radio-btn-support-text--color);
    --radio-btn-checked-focus--border-radius: var(--radio-btn-checked-hover--border-radius);
    --radio-btn-checked-focus--border-color: var(--radio-btn-checked-hover--border-color);
    --radio-btn-checked-focus--border-width: var(--radio-btn-checked-hover--border-width);
    --radio-btn-checked-focus--border-style: var(--radio-btn-checked-hover--border-style);
    --radio-btn-checked-focus--bg-color: var(--radio-btn-checked-hover--bg-color);
    --radio-btn-checked-focus--box-shadow: var(--radio-btn-checked--box-shadow);
    --radio-btn-input-checked-focus--bg-color: var(--radio-btn-input-checked-hover--bg-color);
    --radio-btn-label-checked-focus--color: var(--radio-btn-label-checked-hover--color);
    --radio-btn-support-text-checked-focus--color: var(--radio-btn-support-text--color);
    --radio-btn-checked-disabled--border-radius: var(--radio-btn--border-radius);
    --radio-btn-checked-disabled--border-color: var(--radio-btn-checked--border-color);
    --radio-btn-checked-disabled--border-width: var(--radio-btn-checked--border-width);
    --radio-btn-checked-disabled--border-style: var(--radio-btn-checked--border-style);
    --radio-btn-checked-disabled--bg-color: var(--radio-btn-checked--bg-color);
    --radio-btn-checked-disabled--box-shadow: var(--radio-btn-checked--box-shadow);
    --radio-btn-input-checked-disabled--bg-color: var(--radio-btn-input-checked--bg-color);
    --radio-btn-label-checked-disabled--color: var(--radio-btn-label-checked--color);
    --radio-btn-support-text-checked-disabled--color: var(--radio-btn-support-text--color);
    --rich-text-editor-toolbar--border-width: 1px;
    --rich-text-editor-toolbar--border-style: solid;
    --rich-text-editor-toolbar--border-radius: .2857142857rem .2857142857rem 0 0;
    --rich-text-editor-toolbar--border-color: #4E4E5D;
    --rich-text-editor-toolbar--bg-color: #23232F;
    --rich-text-editor-toolbar-icon--stroke: #A4A3B1;
    --rich-text-editor-toolbar-icon--fill: #A4A3B1;
    --rich-text-editor-toolbar-icon--bg-color: #23232F;
    --rich-text-editor-toolbar-icon--border-radius: .1428571429rem;
    --rich-text-editor-toolbar-icon-hover--bg-color: #33333E;
    --rich-text-editor-toolbar-icon-hover--stroke: #A4A3B1;
    --rich-text-editor-toolbar-icon-hover--fill: #A4A3B1;
    --rich-text-editor-toolbar-icon-focus--bg-color: #33333E;
    --rich-text-editor-toolbar-icon-focus--stroke: #A4A3B1;
    --rich-text-editor-toolbar-icon-focus--fill: #A4A3B1;
    --rich-text-editor-toolbar-icon-active--bg-color: #DEDEE2;
    --rich-text-editor-toolbar-icon-active--stroke: #5F5F72;
    --rich-text-editor-toolbar-icon-active--fill: #5F5F72;
    --rich-text-editor-toolbar-picker--bg-color: #23232F;
    --rich-text-editor-toolbar-picker--color: #A4A3B1;
    --rich-text-editor-toolbar-picker--border-width: 1px;
    --rich-text-editor-toolbar-picker--border-style: solid;
    --rich-text-editor-toolbar-picker--border-radius: .2857142857rem;
    --rich-text-editor-toolbar-picker--border-color: #4E4E5D;
    --rich-text-editor-toolbar-picker-hover--bg-color: #2E2E38;
    --rich-text-editor-toolbar-picker-hover--color: #A4A3B1;
    --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: #4E4E5D;
    --rich-text-editor-toolbar-picker-focus--bg-color: #23232F;
    --rich-text-editor-toolbar-picker-focus--color: #A4A3B1;
    --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: #85B9FD;
    --rich-text-editor-toolbar-picker--outline-width: 1px;
    --rich-text-editor-toolbar-picker--outline-srtyle: solid;
    --rich-text-editor-toolbar-picker--outline-color: #85B9FD;
    --rich-text-editor-toolbar-picker-options--bg-color: #23232F;
    --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: #33333E;
    --rich-text-editor-toolbar-picker-options--box-shadow: 0 .5714285714rem 1.1428571429rem 0 rgba(26, 26, 36, .1607843137), 0 .1428571429rem .2857142857rem 0 rgba(26, 26, 36, .1215686275);
    --rich-text-editor-toolbar-picker-options--color: #DEDEE2;
    --rich-text-editor-toolbar-picker-options-hover--bg-color: #2E2E38;
    --rich-text-editor-toolbar-picker-options-focus--bg-color: #2E2E38;
    --rich-text-editor-toolbar-picker-options-selected--color: #DEDEE2;
    --rich-text-editor-toolbar-picker-options-item--bg-color: #23232F;
    --rich-text-editor-toolbar-picker-options-item--color: #DEDEE2;
    --rich-text-editor-toolbar-picker-options-item-selected--color: #DEDEE2;
    --rich-text-editor-toolbar-picker-options-item-hover--bg-color: #2E2E38;
    --rich-text-editor-toolbar-picker-options-item-focus--bg-color: #2E2E38;
    --rich-text-editor-container--border-width: 1px;
    --rich-text-editor-container--border-style: solid;
    --rich-text-editor-container--border-color: #4E4E5D;
    --rich-text-editor-container--bg-color: #23232F;
    --rich-text-editor-container--color: #A4A3B1;
    --rich-text-editor-container-hover--border-width: 1px;
    --rich-text-editor-container-hover--border-style: solid;
    --rich-text-editor-container-hover--border-color: #4E4E5D;
    --rich-text-editor-container--border-radius: 0 0 .2857142857rem .2857142857rem;
    --rich-text-editor-container-hover--bg-color: #23232F;
    --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: #4E4E5D;
    --rich-text-editor-container-focus--bg-color: #23232F;
    --rich-text-editor-container-focus--color: #FFF;
    --rich-text-editor-container-placeholder--color: #A4A3B1;
    --rich-text-editor-tooltip--bg-color: #DEDEE2;
    --rich-text-editor-tooltip--color: #5F5F72;
    --rich-text-editor-tooltip--border-width: .0714285714rem;
    --rich-text-editor-tooltip--border-color: transparent;
    --rich-text-editor-tooltip--border-style: none;
    --rich-text-editor-tooltip--border-radius: .5714285714rem;
    --rich-text-editor-tooltip-button--bg-color: #DEDEE2;
    --rich-text-editor-tooltip-button--color: #5F5F72;
    --rich-text-editor-tooltip-button--border-radius: .1428571429rem;
    --rich-text-editor-tooltip-button-hover--bg-color: #BFBFC8;
    --rich-text-editor-tooltip-button-hover--color: #5F5F72;
    --rich-text-editor-tooltip-button-hover--border-radius: .1428571429rem;
    --rich-text-editor-tooltip-button-focus--bg-color: #BFBFC8;
    --rich-text-editor-tooltip-button-focus--color: #5F5F72;
    --rich-text-editor-tooltip-button-focus--border-radius: .1428571429rem;
    --rich-text-editor-tooltip-button-active--bg-color: #33333E;
    --rich-text-editor-tooltip-button-active--color: #A4A3B1;
    --rich-text-editor-tooltip-button-active--border-radius: .1428571429rem;
    --search--border-width: .0714285714rem;
    --search--border-style: solid;
    --search--border-color: #4E4E5D;
    --search--bg-color: #23232F;
    --search--border-radius: .2857142857rem;
    --search--box-shadow: none;
    --search-icon-color: #737387;
    --search-clear-btn-icon-color: #737387;
    --search-focus--border-width: .0714285714rem;
    --search-focus--border-style: solid;
    --search-focus--border-color: #4E4E5D;
    --search-focus--outline-width: .1428571429rem;
    --search-focus--outline-style: var(--search--border-style);
    --search-focus--outline-color: #85B9FD;
    --search-focus--bg-color: var(--search--bg-color);
    --search-focus--box-shadow: var(--search--box-shadow);
    --search-focus-icon-color: var(--search-icon-color);
    --search-clear-btn-focus-icon-color: var(--search-clear-btn-icon-color);
    --search-hover--border-width: var(--search--border-width);
    --search-hover--border-style: var(--search--border-style);
    --search-hover--border-color: var(--search--border-color);
    --search-hover--bg-color: #2E2E38;
    --search-hover--box-shadow: var(--search--box-shadow);
    --search-hover-icon-color: var(--search-icon-color);
    --search-clear-btn-hover-icon-color: var(--search-clear-btn-icon-color);
    --search-active--border-width: .0714285714rem;
    --search-active--border-style: solid;
    --search-active--border-color: #4E4E5D;
    --search-active--bg-color: #3F3F4C;
    --search-active--box-shadow: none;
    --search-active-icon-color: #737387;
    --search-clear-btn-active-icon-color: #737387;
    --search-disabled--border-width: 0rem;
    --search-disabled--border-style: none;
    --search-disabled--border-color: transparent;
    --search-disabled--bg-color: #2E2E38;
    --search-disabled--box-shadow: var(--search--box-shadow);
    --search-disabled-icon-color: var(--search-icon-color);
    --search-clear-btn-disabled-icon-color: var(--search-clear-btn-icon-color);
    --search-error--color: #DEDEE2;
    --search-error--bg-color: var(--search--bg-color);
    --search-error--border-width: var(--search--border-width);
    --search-error--border-style: var(--search--border-style);
    --search-error--border-color: #EA011D;
    --search-error--box-shadow: var(--search--box-shadow);
    --search-error-focus--color: #DEDEE2;
    --search-error-focus--border-color: #0F69AE;
    --search-error-focus--border-style: var(--search--border-style);
    --search-error-focus--border-width: var(--search--border-width);
    --search-error-focus--bg-color: var(--search--bg-color);
    --search-error-focus--box-shadow: var(--search--box-shadow);
    --search-error-hover--color: #DEDEE2;
    --search-error-hover--border-color: #EA011D;
    --search-error-hover--border-style: var(--search--border-style);
    --search-error-hover--border-width: var(--search--border-width);
    --search-error-hover--bg-color: #2E2E38;
    --search-error-hover--box-shadow: var(--search--box-shadow);
    --select-option--bg-color: #23232F;
    --select-option--color: #DEDEE2;
    --select-option--border-color: transparent;
    --select-option--border-style: none;
    --select-option--border-width: 0;
    --select-option-active--color: #DEDEE2;
    --select-option-active--bg-color: #3F3F4C;
    --select-option-hover--color: #DEDEE2;
    --select-option-hover--bg-color: #2E2E38;
    --select-option-focus--border-width: 0;
    --select-option-focus--border-style: none;
    --select-option-focus--border-color: transparent;
    --select-option-focus--border-radius: .2857142857rem;
    --select-option-focus--bg-color: #23232F;
    --select-option-focus--outline-width: .1428571429rem;
    --select-option-focus--outline-style: solid;
    --select-option-focus--outline-color: #85B9FD;
    --select-option-focus--outline-offset: -.1428571429rem;
    --select-option-disabled--bg-color: transparent;
    --select-option-disabled--color: #737387;
    --select-option-disabled--border-color: transparent;
    --select-option-disabled--border-width: 0;
    --select-option-disabled--border-style: none;
    --select-option-selected--color: #DEDEE2;
    --select-option-selected--bg-color: #2E2E38;
    --select-option-selected-hover--color: #DEDEE2;
    --select-option-selected-hover--bg-color: #2E2E38;
    --select-option-selected-active--color: #DEDEE2;
    --select-option-selected-active--bg-color: #3F3F4C;
    --select-option-selected-focus--color: #DEDEE2;
    --select-option-selected-focus--bg-color: #2E2E38;
    --select-option-selected-disabled--color: #737387;
    --select-option-selected-disabled--bg-color: #2E2E38;
    --select-trigger--color: #DEDEE2;
    --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--box-shadow: var(--form-element--box-shadow);
    --select-trigger--border-radius: .2857142857rem;
    --select-trigger-hover--color: #A4A3B1;
    --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-hover--box-shadow: var(--form-element-hover--box-shadow);
    --select-trigger-hover--border-radius: .2857142857rem;
    --select-trigger-open--border-color: var(--form-element-focus--border-color);
    --select-trigger-open--border-style: var(--form-element-focus--border-style);
    --select-trigger-open--border-width: 0rem;
    --select-trigger-open--bg-color: var(--form-element-focus--bg-color);
    --select-trigger-open--box-shadow: var(--form-element-focus--box-shadow);
    --select-trigger-open--border-radius: .2857142857rem;
    --select-trigger-focus--color: #A4A3B1;
    --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-focus--box-shadow: var(--form-element-focus--box-shadow);
    --select-trigger-focus--border-radius: .2857142857rem;
    --select-trigger-focus--outline-style: solid;
    --select-trigger-focus--outline-color: #85B9FD;
    --select-trigger-focus--outline-width: .1428571429rem;
    --select-trigger-focus--outline-offset: 0;
    --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--box-shadow: var(--form-element-disabled--box-shadow);
    --select-trigger-disabled--border-radius: .2857142857rem;
    --select-trigger-disabled-hover--bg-color: var(--select-trigger-disabled--bg-color);
    --select-trigger-error--color: #A4A3B1;
    --select-trigger-error--border-radius: .2857142857rem;
    --select-trigger-error--border-color: var(--form-element-error--border-color);
    --select-trigger-error--border-style: var(--form-element-error--border-style);
    --select-trigger-error--border-width: var(--form-element-error--border-width);
    --select-trigger-error--bg-color: var(--form-element-error--bg-color);
    --select-trigger-error--box-shadow: var(--form-element-error--box-shadow);
    --select-trigger-label--color: #A4A3B1;
    --select-trigger-label-focus--color: #A4A3B1;
    --select-trigger-label-hover--color: #A4A3B1;
    --select-trigger-label-disabled--color: #737387;
    --select-arrow--color: #737387;
    --select-arrow-focus--color: #737387;
    --select-arrow-hover--color: #737387;
    --select-arrow-disabled--color: #737387;
    --select-filter--bg-color: var(--form-element--bg-color);
    --select-filter--border-style: var(--form-element--border-style);
    --select-filter--border-width: var(--form-element--border-width);
    --select-filter--border-color: var(--form-element--border-color);
    --select-input-filter--color: var(--form-element--color);
    --select-input-filter-hover--color: var(--form-element-hover--color);
    --select-input-filter--border-style: var(--form-element--border-style);
    --select-input-filter--border-width: var(--form-element--border-width);
    --select-input-filter--border-color: var(--form-element--border-color);
    --select-input-filter--bg-color: var(--form-element--bg-color);
    --select-input-filter-hover--bg-color: var(--form-element-hover--bg-color);
    --select-input-filter-placeholder--color: var(--form-element-placeholder--color);
    --select-input-filter-placeholder-hover--color: var(--form-element-placeholder-hover--color);
    --select-input-filter-icon-color: var(--form-element-icon-color);
    --select-input-filter-hover-icon-color: var(--form-element-icon-color);
    --select-list--border-color: #33333E;
    --select-list--border-style: solid;
    --select-list--border-width: .0714285714rem;
    --select-list--box-shadow: 0 .4285714286rem .8571428571rem 0 rgba(26, 26, 36, .1607843137), 0 .1428571429rem .2857142857rem 0 rgba(26, 26, 36, .1215686275);
    --select-list--border-radius: .2857142857rem;
    --select-list--bg-color: #23232F;
    --select-list-focus--bg-color: #23232F;
    --select-list-no-results--border-left: 0 none transparent;
    --select-list-no-results--border-right: 0 none transparent;
    --select-list-no-results--border-color: #33333E;
    --select-list-no-results--border-style: solid;
    --select-list-no-results--border-width: .0714285714rem;
    --slider-before--border-color: #DEDEE2 transparent transparent transparent;
    --slider-before--border-style: solid none none none;
    --slider-before--border-width: .1428571429rem 0 0 0;
    --slider-after--border-color: #33333E transparent transparent transparent;
    --slider-after--border-style: solid none none none;
    --slider-after--border-width: .1428571429rem 0 0 0;
    --slider-thumb--color: #DEDEE2;
    --slider-thumb--border-color: #8A8A9B;
    --slider-thumb--border-style: solid;
    --slider-thumb--border-width: .0714285714rem;
    --slider-thumb--border-radius: 50%;
    --slider-thumb--bg-color: #23232F;
    --slider-thumb--box-shadow: none;
    --slider-thumb-active--border-style: var(--slider-thumb--border-style);
    --slider-thumb-active--border-width: var(--slider-thumb--border-width);
    --slider-thumb-active--border-color: var(--slider-thumb--border-color);
    --slider-thumb-active--bg-color: #8A8A9B;
    --slider-thumb-active--box-shadow: var(--slider-thumb--box-shadow);
    --slider-thumb-hover--border-style: var(--slider-thumb--border-style);
    --slider-thumb-hover--border-width: var(--slider-thumb--border-width);
    --slider-thumb-hover--border-color: var(--slider-thumb--border-color);
    --slider-thumb-hover--bg-color: #8A8A9B;
    --slider-thumb-hover--box-shadow: var(--slider-thumb--box-shadow);
    --slider-thumb-focus--border-style: var(--slider-thumb--border-style);
    --slider-thumb-focus--border-width: var(--slider-thumb--border-width);
    --slider-thumb-focus--border-color: var(--slider-thumb--border-color);
    --slider-thumb-focus--bg-color: #8A8A9B;
    --slider-thumb-focus--box-shadow: var(--slider-thumb--box-shadow);
    --slider-thumb-focus--outline-color: #85B9FD;
    --slider-thumb-focus--outline-style: solid;
    --slider-thumb-focus--outline-width: .1428571429rem;
    --slider-thumb-focus--outline-offset: .1428571429rem;
    --slider-thumb-disabled--color: #737387;
    --slider-thumb-disabled--bg-color: var(--slider-thumb--bg-color);
    --slider-thumb-disabled--border-style: var(--slider-thumb--border-style);
    --slider-thumb-disabled--border-width: var(--slider-thumb--border-width);
    --slider-thumb-disabled--border-color: #4E4E5D;
    --slider-thumb-disabled--box-shadow: var(--slider-thumb--box-shadow);
    --slider-range--bg-color: #DEDEE2;
    --slider-range--border-color: #33333E transparent transparent transparent;
    --slider-range--border-style: solid none none none;
    --slider-range--border-width: .1428571429rem 0 0 0;
    --slider-range-disabled--bg-color: #737387;
    --slider-track--bg-color: #33333E;
    --slider-track-disabled--bg-color: var(--slider-track--bg-color);
    --slider-track--height: .5714285714rem;
    --slider-track--border-radius: .2857142857rem;
    --slider-footer--color: #DEDEE2;
    --slider-footer-disabled--color: #737387;
    --slider-tooltip-value--color: #23232F;
    --slider-tooltip-value--bg-color: #DEDEE2;
    --text-area--color: #DEDEE2;
    --text-area--bg-color: #23232F;
    --text-area--box-shadow: none;
    --text-area-label--color: #A4A3B1;
    --text-area--border-width: .0714285714rem;
    --text-area--border-style: solid;
    --text-area--border-color: #4E4E5D;
    --text-area--border-radius: .2857142857rem;
    --text-area-disabled--color: #737387;
    --text-area-disabled--bg-color: #2E2E38;
    --text-area-disabled--box-shadow: none;
    --text-area-disabled-label--color: #A4A3B1;
    --text-area-disabled--border-width: .0714285714rem;
    --text-area-disabled--border-style: solid;
    --text-area-disabled--border-color: transparent;
    --text-area-hover--bg-color: #2E2E38;
    --text-area-hover--color: #DEDEE2;
    --text-area-hover--box-shadow: none;
    --text-area-hover-label--color: #A4A3B1;
    --text-area-hover--border-width: .0714285714rem;
    --text-area-hover--border-style: solid;
    --text-area-hover--border-color: #4E4E5D;
    --text-area-focus--bg-color: #23232F;
    --text-area-focus--color: #DEDEE2;
    --text-area-focus--box-shadow: none;
    --text-area-focus-label--color: #A4A3B1;
    --text-area-focus--border-width: .0714285714rem;
    --text-area-focus--border-style: solid;
    --text-area-focus--border-color: transparent;
    --text-area-focus--outline-color: #85B9FD;
    --text-area-focus--outline-width: .1428571429rem;
    --text-area-focus--outline-style: solid;
    --text-area-scroll-bar--bg-color: #4E4E5D;
    --text-area-scroll-bar-hover--bg-color: #4E4E5D;
    --text-area-error--color: #DEDEE2;
    --text-area-error--bg-color: #23232F;
    --text-area-error--box-shadow: none;
    --text-area-error-label--color: #A4A3B1;
    --text-area-error--border-width: .0714285714rem;
    --text-area-error--border-style: solid;
    --text-area-error--border-color: #C70117;
    --text-area-error-hover--color: #DEDEE2;
    --text-area-error-hover--bg-color: #23232F;
    --text-area-error-hover--box-shadow: none;
    --text-area-error-hover--border-width: .0714285714rem;
    --text-area-error-hover--border-style: solid;
    --text-area-error-hover--border-color: #C70117;
    --text-area-error-focus--color: #DEDEE2;
    --text-area-error-focus--bg-color: #23232F;
    --text-area-error-focus--box-shadow: none;
    --text-area-error-focus--border-width: .0714285714rem;
    --text-area-error-focus--border-style: solid;
    --text-area-error-focus--border-color: #C70117;
    --time-input--color: #DEDEE2;
    --time-input--bg-color: #23232F;
    --time-input--border-radius: .2857142857rem;
    --time-input--border-color: #4E4E5D;
    --time-input--border-style: solid;
    --time-input--border-width: .0714285714rem;
    --time-input--box-shadow: none;
    --time-input-colon--color: #737387;
    --time-input-radio-btn--border-radius: var(--radio-btn--border-radius);
    --time-input-radio-btn--border-color: #8A8A9B;
    --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: #2E2E38;
    --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: #DEDEE2;
    --time-input-hover--bg-color: #2E2E38;
    --time-input-hover--border-radius: .2857142857rem;
    --time-input-hover--border-color: #4E4E5D;
    --time-input-hover--border-style: solid;
    --time-input-hover--border-width: .0714285714rem;
    --time-input-hover--box-shadow: none;
    --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: #DEDEE2;
    --time-input-focus--bg-color: #23232F;
    --time-input-focus--border-radius: .2857142857rem;
    --time-input-focus--border-color: #4E4E5D;
    --time-input-focus--border-style: solid;
    --time-input-focus--border-width: .0714285714rem;
    --time-input-focus--outline-color: #85B9FD;
    --time-input-focus--outline-width: .1428571429rem;
    --time-input-focus--outline-style: solid;
    --time-input-focus--outline-offset: -.1428571429rem;
    --time-input-focus--box-shadow: none;
    --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: #A4A3B1;
    --time-input-error--bg-color: #23232F;
    --time-input-error--border-radius: .2857142857rem;
    --time-input-error--border-color: #EA011D;
    --time-input-error--border-style: solid;
    --time-input-error--border-width: .0714285714rem;
    --time-input-error--box-shadow: none;
    --time-input-radio-btn-error--border-radius: var(--radio-btn-error--border-radius);
    --time-input-radio-btn-error--border-color: #8A8A9B;
    --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-radio-btn-input-error--color: var(--radio-btn-input--bg-color);
    --time-input-error-hover--color: var(--time-input-error--color);
    --time-input-error-hover--bg-color: #2E2E38;
    --time-input-error-hover--border-radius: var(--time-input-error--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--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-error--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: #737387;
    --time-input-disabled--bg-color: #2E2E38;
    --time-input-disabled--border-radius: .2857142857rem;
    --time-input-disabled--border-color: transparent;
    --time-input-disabled--border-style: none;
    --time-input-disabled--border-width: 0;
    --time-input-disabled--box-shadow: none;
    --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: #DEDEE2;
    --toggle-switch-hover--color: var(--toggle-switch--color);
    --toggle-switch-focus--color: var(--toggle-switch--color);
    --toggle-switch-disabled--color: #737387;
    --toggle-switch--bg-color: #8A8A9B;
    --toggle-switch--border-radius: .8571428571rem;
    --toggle-switch--border-style: unset;
    --toggle-switch--border-color: unset;
    --toggle-switch--border-width: 0;
    --toggle-switch--box-shadow: none;
    --toggle-switch--height: 1.4285714286rem;
    --toggle-switch-hover--bg-color: #A4A3B1;
    --toggle-switch-hover--border-style: var(--toggle-switch--border-style);
    --toggle-switch-hover--border-color: var(--toggle-switch--border-color);
    --toggle-switch-hover--border-width: var(--toggle-switch--border-width);
    --toggle-switch-hover--box-shadow: var(--toggle-switch--box-shadow);
    --toggle-switch-focus--bg-color: #A4A3B1;
    --toggle-switch-focus--border-style: var(--toggle-switch--border-style);
    --toggle-switch-focus--border-color: var(--toggle-switch--border-color);
    --toggle-switch-focus--border-width: var(--toggle-switch--border-width);
    --toggle-switch-focus--outline-style: solid;
    --toggle-switch-focus--outline-color: #85B9FD;
    --toggle-switch-focus--outline-width: .1428571429rem;
    --toggle-switch-focus--outline-offset: .0714285714rem;
    --toggle-switch-focus--box-shadow: var(--toggle-switch--box-shadow);
    --toggle-switch-disabled--bg-color: #33333E;
    --toggle-switch-disabled--border-style: var(--toggle-switch--border-style);
    --toggle-switch-disabled--border-color: var(--toggle-switch--border-color);
    --toggle-switch-disabled--border-width: var(--toggle-switch--border-width);
    --toggle-switch-disabled--box-shadow: var(--toggle-switch--box-shadow);
    --toggle-switch-checked--bg-color: #26A04B;
    --toggle-switch-checked--border-style: var(--toggle-switch--border-style);
    --toggle-switch-checked--border-color: var(--toggle-switch--border-color);
    --toggle-switch-checked--border-width: var(--toggle-switch--border-width);
    --toggle-switch-checked--box-shadow: var(--toggle-switch--box-shadow);
    --toggle-switch-checked-hover--bg-color: #34CE63;
    --toggle-switch-checked-hover--border-style: var(--toggle-switch--border-style);
    --toggle-switch-checked-hover--border-color: var(--toggle-switch--border-color);
    --toggle-switch-checked-hover--border-width: var(--toggle-switch--border-width);
    --toggle-switch-checked-hover--box-shadow: var(--toggle-switch--box-shadow);
    --toggle-switch-checked-focus--bg-color: #34CE63;
    --toggle-switch-checked-focus--border-style: var(--toggle-switch--border-style);
    --toggle-switch-checked-focus--border-color: var(--toggle-switch--border-color);
    --toggle-switch-checked-focus--border-width: var(--toggle-switch--border-width);
    --toggle-switch-checked-focus--box-shadow: var(--toggle-switch--box-shadow);
    --toggle-switch-checked-disabled--bg-color: var(--toggle-switch-disabled--bg-color);
    --toggle-switch-checked-disabled--border-style: var(--toggle-switch-disabled--border-style);
    --toggle-switch-checked-disabled--border-color: var(--toggle-switch-disabled--border-color);
    --toggle-switch-checked-disabled--border-width: var(--toggle-switch-disabled--border-width);
    --toggle-switch-checked-disabled--box-shadow: var(--toggle-switch-disabled--box-shadow);
    --toggle-switch-thumb--bg-color: #23232F;
    --toggle-switch-thumb--box-shadow: none;
    --toggle-switch-thumb--border-radius: .7142857143rem;
    --toggle-switch-thumb--border-style: unset;
    --toggle-switch-thumb--border-color: unset;
    --toggle-switch-thumb--border-width: 0rem;
    --toggle-switch-thumb--width: 1.1428571429rem;
    --toggle-switch-thumb--height: 1.1428571429rem;
    --toggle-switch-thumb--translateX: translateX(.1642857143rem);
    --toggle-switch-thumb--translateY: translateY(-49%);
    --toggle-switch-hover-thumb--bg-color: var(--toggle-switch-thumb--bg-color);
    --toggle-switch-hover-thumb--border-style: var(--toggle-switch-thumb--border-style);
    --toggle-switch-hover-thumb--border-color: var(--toggle-switch-thumb--border-color);
    --toggle-switch-hover-thumb--border-width: var(--toggle-switch-thumb--border-width);
    --toggle-switch-hover-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
    --toggle-switch-focus-thumb--bg-color: var(--toggle-switch-thumb--bg-color);
    --toggle-switch-focus-thumb--border-style: var(--toggle-switch-thumb--border-style);
    --toggle-switch-focus-thumb--border-color: var(--toggle-switch-thumb--border-color);
    --toggle-switch-focus-thumb--border-width: var(--toggle-switch-thumb--border-width);
    --toggle-switch-focus-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
    --toggle-switch-disabled-thumb--bg-color: #737387;
    --toggle-switch-disabled-thumb--border-style: var(--toggle-switch-thumb--border-style);
    --toggle-switch-disabled-thumb--border-color: var(--toggle-switch-thumb--border-color);
    --toggle-switch-disabled-thumb--border-width: var(--toggle-switch-thumb--border-width);
    --toggle-switch-disabled-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
    --toggle-switch-checked-thumb--bg-color: var(--toggle-switch-thumb--bg-color);
    --toggle-switch-checked-thumb--border-color: var(--toggle-switch-thumb--border-color);
    --toggle-switch-checked-thumb--border-width: var(--toggle-switch-thumb--border-width);
    --toggle-switch-checked-thumb--border-style: var(--toggle-switch-thumb--border-style);
    --toggle-switch-checked-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
    --toggle-switch-checked-thumb--translateX: translateX(1.2857142857rem);
    --toggle-switch-checked-thumb--translateY: translateY(-49%);
    --toggle-switch-checked-hover-thumb--bg-color: var(--toggle-switch-thumb--bg-color);
    --toggle-switch-checked-hover-thumb--border-color: var(--toggle-switch-thumb--border-color);
    --toggle-switch-checked-hover-thumb--border-style: var(--toggle-switch-thumb--border-style);
    --toggle-switch-checked-hover-thumb--border-width: var(--toggle-switch-thumb--border-width);
    --toggle-switch-checked-hover-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
    --toggle-switch-checked-focus-thumb--bg-color: var(--toggle-switch-thumb--bg-color);
    --toggle-switch-checked-focus-thumb--border-color: var(--toggle-switch-thumb--border-color);
    --toggle-switch-checked-focus-thumb--border-style: var(--toggle-switch-thumb--border-style);
    --toggle-switch-checked-focus-thumb--border-width: var(--toggle-switch-thumb--border-width);
    --toggle-switch-checked-focus-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
    --toggle-switch-checked-disabled-thumb--bg-color: #737387;
    --toggle-switch-checked-disabled-thumb--border-color: var(--toggle-switch-thumb--border-color);
    --toggle-switch-checked-disabled-thumb--border-style: var(--toggle-switch-thumb--border-style);
    --toggle-switch-checked-disabled-thumb--border-width: var(--toggle-switch-thumb--border-width);
    --toggle-switch-checked-disabled-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
    --typeahead-results--border-width: .0714285714rem;
    --typeahead-results--border-style: solid;
    --typeahead-results--border-color: #33333E;
    --typeahead-results--border-radius: .2857142857rem;
    --typeahead-results--bg-color: #23232F;
    --typeahead-results--box-shadow: 0 .4285714286rem .8571428571rem 0 rgba(26, 26, 36, .1607843137), 0 .1428571429rem .2857142857rem 0 rgba(26, 26, 36, .1215686275);
    --typeahead-results-option--color: #DEDEE2;
    --typeahead-results-option--bg-color: transparent;
    --typeahead-results-option--border-color: none;
    --typeahead-results-option--border-style: none;
    --typeahead-results-option--border-width: none;
    --typeahead-results-option--border-radius: .2857142857rem;
    --typeahead-results-option-hover--color: #DEDEE2;
    --typeahead-results-option-hover--bg-color: #2E2E38;
    --typeahead-results-option-hover--border-color: none;
    --typeahead-results-option-hover--border-style: none;
    --typeahead-results-option-hover--border-width: none;
    --typeahead-results-option-focus--color: #DEDEE2;
    --typeahead-results-option-focus--bg-color: transparent;
    --typeahead-results-option-focus--border-color: none;
    --typeahead-results-option-focus--border-style: none;
    --typeahead-results-option-focus--border-width: none;
    --typeahead-results-option-focus--outline-color: #0F69AE;
    --typeahead-results-option-focus--outline-style: solid;
    --typeahead-results-option-focus--outline-width: .1428571429rem;
    --typeahead-results-option-focus--outline-offset: 0;
    --typeahead-results-option-disabled--color: #737387;
    --typeahead-results-option-disabled--bg-color: transparent;
    --typeahead-results-option-disabled--border-color: none;
    --typeahead-results-option-disabled--border-style: none;
    --typeahead-results-option-disabled--border-width: none;
    --header--bg-color: #23232F;
    --header--border-style: solid;
    --header--border-width: 0 0 .0714285714rem 0;
    --header--border-color: #33333E;
    --header--border-radius: 0;
    --header-search--bg-color: #23232F;
    --header-search--color: #DEDEE2;
    --header-search-placeholder--color: #737387;
    --header-search-icon-color: #737387;
    --header-search-hover--color: #DEDEE2;
    --header-search-hover--bg-color: #23232F;
    --header-search-icon-hover-color: #737387;
    --header-search-focus--color: #DEDEE2;
    --header-search-focus--bg-color: #23232F;
    --header-search-icon-focus-color: #737387;
    --header-icon-color: #A4A3B1;
    --header-icon-hover-icon-color: #A4A3B1;
    --header-icon-focus-icon-color: #A4A3B1;
    --header-icon-selected-icon-color: #A4A3B1;
    --header-icon-selected--bg-color: #2E2E38;
    --header-icon-selected--border-color: transparent;
    --header-icon-selected--border-style: none;
    --header-icon-selected--border-width: 0;
    --header-icon-selected-hover-icon-color: #A4A3B1;
    --header-icon-selected-hover--bg-color: #33333E;
    --header-icon-selected-focus-icon-color: #A4A3B1;
    --header-icon-selected-focus--bg-color: #33333E;
    --header-input-wrap--border-color: #4E4E5D;
    --header-input-wrap--border-style: solid;
    --header-input-wrap--border-width: .0714285714rem;
    --header-input-wrap-hover--border-color: #4E4E5D;
    --header-input-wrap-hover--border-style: solid;
    --header-input-wrap-hover--border-width: .0714285714rem;
    --header-input-wrap-focus--border-color: #85B9FD;
    --header-input-wrap-focus--border-style: solid;
    --header-input-wrap-focus--border-width: .1428571429rem;
    --header-btn--bg-color: #23232F;
    --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: #2E2E38;
    --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: #2E2E38;
    --header-btn-focus--box-shadow: none;
    --header-btn-focus--border-color: transparent;
    --header-btn-focus--border-style: none;
    --header-btn-focus--border-width: 0;
    --header-title--color: #DEDEE2;
    --header-logo--bg-color: #1A1A24;
    --header-logo--border-color: transparent;
    --header-logo--border-style: none;
    --header-logo--border-width: 0;
    --header-logo--border-radius: .1785714286rem;
    --header-logo-focus--outline-style: solid;
    --header-logo-focus--outline-color: #85B9FD;
    --header-logo-focus--outline-width: .1428571429rem;
    --header-logo-focus--outline-offset: .1428571429rem;
    --icon-color: #DEDEE2;
    --icon--bg-color: transparent;
    --progress-bar-progress--bg-color: #DEDEE2;
    --progress-bar--bg-color: #33333E;
    --progress-bar--border-radius: 4px 4px 4px 4px;
    --progress-bar--box-shadow: none;
    --progress-bar-error-progress--bg-color: #EA011D;
    --progress-bar-error--border-radius: 4px 4px 4px 4px;
    --progress-bar-error--border-color: #EA011D;
    --progress-bar-error--box-shadow: none;
    --progress-bar-spinner-outline--border-color: #737387;
    --progress-bar-spinner--border-color: #DEDEE2;
    --progress-bar-percent-circle--bg-color: #1A1A24;
    --progress-bar-label--color: #DEDEE2;
    --progress-bar-label--bg-color: #1A1A24;
    --progress-bar-label-error-color: #DEDEE2;
    --progress-bar-progress--border-radius: .5714285714rem;
    --progress-bar-circle--border-width: .4285714286rem;
    --progress-bar-circle--width: 4.5714285714rem;
    --progress-bar-circle--height: 4.5714285714rem;
    --progress-bar-spinner-outer--border-color: #33333E;
    --progress-bar-spinner-outer--stroke-linecap: round;
    --progress-bar-label-alt--color: #DEDEE2;
    --progress-bar-label-alt--bg-color: #2E2E38;
    --progress-bar-label-alt--box-shadow: 0 .5714285714rem 1.1428571429rem 0 rgba(26, 26, 36, .1607843137), 0 .1428571429rem .2857142857rem 0 rgba(26, 26, 36, .1215686275);
    --inline-message--bg-color: transparent;
    --inline-message--color: #DEDEE2;
    --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: #A4A3B1;
    --inline-error-icon-color: #C70117;
    --inline-warning-icon-color: #B26100;
    --inline-success-icon-color: #1F893F;
    --inline-info-icon-color: #A4A3B1;
    --inline-message-error--color: #FF4136;
    --inline-message-warning--color: #FF9831;
    --inline-message-success--color: #34CE63;
    --inline-message-info--color: #DEDEE2;
    --menu-overlay-open--padding: 1.1428571429rem;
    --menu-overlay-open--bg-color: rgba(242, 242, 246, .3019607843);
    --menu--border-color: transparent;
    --menu--border-style: none;
    --menu--border-width: 0;
    --menu--bg-color: #23232F;
    --menu--box-shadow: 0 1.1428571429rem 2.2857142857rem 0 rgba(26, 26, 36, .1607843137), 0 .2857142857rem .5714285714rem 0 rgba(26, 26, 36, .1215686275);
    --menu-btn-icon--color: #A4A3B1;
    --menu-header-title--color: #DEDEE2;
    --menu-header-title--border-color: none;
    --menu-header-title--border-style: none;
    --menu-header-title--border-width: none;
    --menu-header-description--color: #A4A3B1;
    --menu-header-close-btn-icon-color: #A4A3B1;
    --menu-header-close-btn-icon-hover-icon-color: #A4A3B1;
    --menu-header-close-btn-hover--bg-color: #33333E;
    --menu-header-close-btn-focus--bg-color: #33333E;
    --menu-header-close-btn-icon-focus-icon-color: #A4A3B1;
    --menu-header-close-btn-focus-outline-color: #85B9FD;
    --menu-header-close-btn-focus-outline-style: solid;
    --menu-header-close-btn-focus-outline-width: .1428571429rem;
    --menu-header-close-btn-focus-outline-offset: .1428571429rem;
    --menu-item--bg-color: #23232F;
    --menu-item--border-radius: .1428571429rem;
    --menu-dark-item--bg-color: #1A1A24;
    --menu-item-hover--bg-color: #33333E;
    --menu-item-focus--bg-color: #2E2E38;
    --menu-item-active--bg-color: #1A1A24;
    --menu-item--color: #DEDEE2;
    --menu-item-hover--color: #DEDEE2;
    --menu-item-focus--color: #DEDEE2;
    --menu-item-focus-border--color: #85B9FD;
    --menu-item-focus-border--style: solid;
    --menu-item-focus-border--width: .1428571429rem;
    --menu-item-focus-outline-color: #85B9FD;
    --menu-item-focus-outline-style: solid;
    --menu-item-focus-outline-width: .1428571429rem;
    --menu-item-focus-outline-offset: -.1428571429rem;
    --menu-item--font-weight: 400;
    --menu-item-active-hover--bg-color: #33333E;
    --menu-group-item-container--bg-color: #23232F;
    --menu-group-item--color: #DEDEE2;
    --menu-group-item--bg-color: #23232F;
    --menu-group-item-hover--bg-color: #2E2E38;
    --menu-group-item-hover--color: #DEDEE2;
    --menu-group-item-expanded--bg-color: #23232F;
    --menu-group-item-active--bg-color: #2E2E38;
    --menu-group-item-active--color: #DEDEE2;
    --menu-group-item-icon--color: #A4A3B1;
    --menu-group-item--font-size: 1rem;
    --menu-alt--bg-color: #23232F;
    --menu-alt-header-title--color: #DEDEE2;
    --menu-alt-header-close-btn-icon-color: #A4A3B1;
    --menu-alt-header-close-btn-icon-hover-icon-color: #A4A3B1;
    --menu-alt-header-close-btn-hover--bg-color: #8A8A9B;
    --menu-alt-header-close-btn-icon-focus-icon-color: #FFF;
    --menu-alt-header-close-btn-focus--bg-color: #8A8A9B;
    --menu-alt-item--bg-color: #23232F;
    --menu-alt-dark-item--bg-color: #1A1A24;
    --menu-alt-item-hover--bg-color: #33333E;
    --menu-alt-item-focus--bg-color: #2E2E38;
    --menu-alt-item-active--bg-color: #1A1A24;
    --menu-alt-item--color: #DEDEE2;
    --menu-alt-item-hover--color: #DEDEE2;
    --menu-alt-item-focus--color: #DEDEE2;
    --menu-alt-group-item-container--bg-color: #23232F;
    --menu-alt-group-item--color: #DEDEE2;
    --menu-alt-group-item--bg-color: #23232F;
    --menu-alt-group-item-hover--color: #DEDEE2;
    --menu-alt-group-item-hover--bg-color: #2E2E38;
    --menu-alt-group-item-expanded--bg-color: #23232F;
    --menu-alt-group-item-active--color: #DEDEE2;
    --menu-alt-group-item-active--bg-color: #2E2E38;
    --menu-alt-group-item-icon--color: #A4A3B1;
    --modal--border-width: none;
    --modal--border-style: none;
    --modal--border-color: none;
    --modal--border-radius: .5714285714rem;
    --modal--bg-color: #23232F;
    --modal--box-shadow: 0 1.1428571429rem 2.2857142857rem 0 rgba(26, 26, 36, .1607843137), 0 .2857142857rem .5714285714rem 0 rgba(26, 26, 36, .1215686275);
    --modal-overlay--bg-color: rgba(242, 242, 246, .3019607843);
    --model-content-divider-header-color: #A4A3B1;
    --modal-header--color: #DEDEE2;
    --modal-header--bg-color: #23232F;
    --modal-header--border-color: #33333E;
    --modal-header--border-style: solid;
    --modal-header--border-width: 0 0 .0714285714rem 0;
    --modal-header-close-btn--color: #DEDEE2;
    --modal-header-close-btn--bg-color: #23232F;
    --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--border-radius: .2857142857rem;
    --modal-header-close-btn-hover--color: inherit;
    --modal-header-close-btn-hover--bg-color: #33333E;
    --modal-header-close-btn-hover-icon-color: #A4A3B1;
    --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: #33333E;
    --modal-header-close-btn-focus-icon-color: #A4A3B1;
    --modal-header-close-btn-focus-icon--bg-color: transparent;
    --modal-header-close-btn-focus--border-color: none;
    --modal-header-close-btn-focus--border-width: 0;
    --modal-header-close-btn-focus--border-style: solid;
    --modal-header-close-btn-focus--box-shadow: none;
    --modal-header-close-btn-focus--border-radius: .2857142857rem;
    --modal-header-close-btn-focus--outline-style: .2857142857rem solid #85B9FD;
    --modal-header-close-btn-active--color: inherit;
    --modal-header-close-btn-active--bg-color: #3F3F4C;
    --modal-header-close-btn-active-icon-color: #A4A3B1;
    --modal-header-close-btn-active-icon--bg-color: inherit;
    --modal-header-close-btn-active--border-color: transparent;
    --modal-header-close-btn-active--border-width: 0;
    --modal-header-close-btn-active--border-style: none;
    --modal-header-close-btn-active--box-shadow: none;
    --modal-header-alt--color: #DEDEE2;
    --modal-header-alt--border-color: #33333E;
    --modal-header-alt--border-style: solid;
    --modal-header-alt--border-width: 0 0 .0714285714rem 0;
    --modal-header-alt--bg-color: #23232F;
    --modal-header-alt-close-btn--color: inherit;
    --modal-header-alt-close-btn--bg-color: #23232F;
    --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: #8A8A9B;
    --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: #33333E;
    --modal-header-alt-close-btn-focus-icon-color: #A4A3B1;
    --modal-header-alt-close-btn-focus-icon--bg-color: transparent;
    --modal-header-alt-close-btn-focus--border-color: none;
    --modal-header-alt-close-btn-focus--border-width: 0;
    --modal-header-alt-close-btn-focus--border-style: solid;
    --modal-header-alt-close-btn-focus--box-shadow: none;
    --modal-footer--border-color: none;
    --modal-footer--border-style: none;
    --modal-footer--border-width: none;
    --modal-footer--bg-color: transparent;
    --modal-warning-btn--bg-color: #FFF;
    --modal-warning-btn--color: #1A1A24;
    --modal-warning-btn-warn-hover--bg-color: #DEDEE2;
    --modal-next-btn--bg-color: #FFF;
    --modal-next-btn--color: #1A1A24;
    --modal-next-btn-hover--bg-color: #E6E6E9;
    --modal-next-btn-hover--color: #1A1A24;
    --pagination-count--color: #DEDEE2;
    --pagination-count--border-color: transparent;
    --pagination-count--border-style: none;
    --pagination-count--border-width: 0;
    --pagination-count--box-shadow: none;
    --pagination-count--border-radius: .2857142857rem;
    --pagination-count--bg-color: transparent;
    --pagination-count-hover--border-color: transparent;
    --pagination-count-hover--border-style: none;
    --pagination-count-hover--border-width: 0;
    --pagination-count-hover--color: #DEDEE2;
    --pagination-count-hover--box-shadow: none;
    --pagination-count-hover--bg-color: transparent;
    --pagination-count-focus--border-color: #DEDEE2;
    --pagination-count-focus--border-style: solid;
    --pagination-count-focus--border-width: .0714285714rem;
    --pagination-count-focus--border-radius: .2857142857rem;
    --pagination-count-focus--color: #DEDEE2;
    --pagination-count-focus--box-shadow: none;
    --pagination-count-focus--bg-color: #4E4E5D;
    --pagination-editable--border-color: #4E4E5D;
    --pagination-editable--border-style: solid;
    --pagination-editable--border-width: .0714285714rem;
    --pagination-editable--box-shadow: none;
    --pagination-editable--border-radius: .2857142857rem;
    --pagination-editable--bg-color: #23232F;
    --pagination-editable--color: #DEDEE2;
    --pagination-editable-hover--border-width: .0714285714rem;
    --pagination-editable-hover--border-style: solid;
    --pagination-editable-hover--border-color: #4E4E5D;
    --pagination-editable-hover--box-shadow: none;
    --pagination-editable-hover--bg-color: #2E2E38;
    --pagination-editable-hover--color: #DEDEE2;
    --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: #DEDEE2;
    --pagination-editable-focus--outline-color: #85B9FD;
    --pagination-editable-focus--outline-offset: -.1428571429rem;
    --pagination-editable-focus--outline-style: solid;
    --pagination-editable-focus--outline-width: .1428571429rem;
    --pagination-select-trigger--border-color: transparent;
    --pagination-select-trigger--border-style: none;
    --pagination-select-trigger--border-width: 0;
    --pagination-select-trigger--border-radius: .2857142857rem;
    --pagination-select-trigger--bg-color: transparent;
    --pagination-select-trigger-icon-color: #A4A3B1;
    --pagination-select-trigger--color: #FFF;
    --pagination-select-trigger--box-shadow: none;
    --pagination-select-trigger-hover--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-hover--bg-color: transparent;
    --pagination-select-trigger-hover--color: #FFF;
    --pagination-select-trigger-hover-icon-color: #A4A3B1;
    --pagination-select-trigger-focus--box-shadow: none;
    --pagination-select-trigger-focus--border-width: 0;
    --pagination-select-trigger-focus--border-style: solid;
    --pagination-select-trigger-focus--border-color: transparent;
    --pagination-select-trigger-focus--bg-color: #33333E;
    --pagination-select-trigger-focus--color: #FFF;
    --pagination-select-trigger-focus-icon-color: #A4A3B1;
    --pagination-select-trigger-focus--outline-color: #85B9FD;
    --pagination-select-trigger-focus--outline-offset: .1428571429rem;
    --pagination-select-trigger-focus--outline-style: solid;
    --pagination-select-trigger-focus--outline-width: .1428571429rem;
    --pagination-select-trigger-active--box-shadow: none;
    --pagination-select-trigger-active--border-width: 0;
    --pagination-select-trigger-active--border-style: none;
    --pagination-select-trigger-active--border-color: transparent;
    --pagination-select-trigger-active--bg-color: #33333E;
    --pagination-select-trigger-active--color: #FFF;
    --pagination-select-trigger-active-icon-color: #A4A3B1;
    --pagination-select-trigger-disabled-icon-color: #A4A3B1;
    --pagination-select-menu--border-color: #33333E;
    --pagination-select-menu--border-style: solid;
    --pagination-select-menu--border-width: .0714285714rem;
    --pagination-select-menu--border-radius: .1428571429rem;
    --pagination-select-menu--bg-color: #23232F;
    --pagination-select-menu--box-shadow: 0 .4285714286rem .8571428571rem 0 rgba(26, 26, 36, .1607843137), 0 .1428571429rem .2857142857rem 0 rgba(26, 26, 36, .1215686275);
    --pagination-select-menu-item--font-size: 1.1428571429rem;
    --pagination-select-menu-item--color: #DEDEE2;
    --pagination-select-menu-item--bg-color: transparent;
    --pagination-select-menu-item--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--color: #DEDEE2;
    --pagination-select-menu-item-hover--bg-color: #2E2E38;
    --pagination-select-menu-item-hover--box-shadow: none;
    --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--color: #DEDEE2;
    --pagination-select-menu-item-focus--bg-color: #2E2E38;
    --pagination-select-menu-item-focus--box-shadow: none;
    --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-active--bg-color: #2E2E38;
    --pagination-select-menu-item-active--color: #DEDEE2;
    --pagination-select-menu-item-active--box-shadow: none;
    --pagination-select-menu-item-active--border-width: 0;
    --pagination-select-menu-item-active--border-style: none;
    --pagination-select-menu-item-active--border-color: transparent;
    --pagination-select-menu-item-disabled--color: #DEDEE2;
    --pagination-select-menu-item-disabled--bg-color: #2E2E38;
    --pagination-select-menu-item-disabled--box-shadow: none;
    --pagination-select-menu-item-disabled--border-width: 0;
    --pagination-select-menu-item-disabled--border-style: none;
    --pagination-select-menu-item-disabled--border-color: transparent;
    --panel-menu--bg-color: #23232F;
    --panel-menu--color: #DEDEE2;
    --panel-menu--border-color: transparent;
    --panel-menu--border-width: 0rem;
    --panel-menu--border-style: none;
    --panel-menu--box-shadow: none;
    --panel-menu-header--bg-color: #1A1A24;
    --panel-menu-header--border-color: transparent transparent transparent transparent;
    --panel-menu-header--border-style: none none none solid;
    --panel-menu-header--border-width: 0rem 0rem 0rem .0714285714rem;
    --panel-menu-content--bg-color: #1A1A24;
    --panel-menu-item-title--color: #A4A3B1;
    --panel-menu-item-title-separator--bg-color: #33333E;
    --panel-menu-item--bg-color: #1A1A24;
    --panel-menu-item--color: #DEDEE2;
    --panel-menu-item--border-color: transparent transparent transparent #33333E;
    --panel-menu-item--border-width: 0rem 0rem 0rem .0714285714rem;
    --panel-menu-item--border-style: none none none solid;
    --panel-menu-item--border-radius: 0rem;
    --panel-menu-item--box-shadow: none;
    --panel-menu-item-hover--bg-color: #33333E;
    --panel-menu-item-hover--color: #DEDEE2;
    --panel-menu-item-hover--border-color: transparent transparent transparent #33333E;
    --panel-menu-item-hover--border-width: 0rem 0rem 0rem .0714285714rem;
    --panel-menu-item-hover--border-style: none none none solid;
    --panel-menu-item-hover--border-radius: 0rem;
    --panel-menu-item-hover--box-shadow: none;
    --panel-menu-item-focus--bg-color: #33333E;
    --panel-menu-item-focus--color: #DEDEE2;
    --panel-menu-item-focus--border-color: transparent transparent transparent #33333E;
    --panel-menu-item-focus--border-width: 0rem 0rem 0rem .0714285714rem;
    --panel-menu-item-focus--border-style: none none none solid;
    --panel-menu-item-focus--border-radius: 0rem;
    --panel-menu-item-focus--outline-color: #0F69AE;
    --panel-menu-item-focus--outline-style: solid;
    --panel-menu-item-focus--outline-width: .1428571429rem;
    --panel-menu-item-focus--outline-offset: .1428571429rem;
    --panel-menu-item-focus--box-shadow: none;
    --panel-menu-item-active--bg-color: #3F3F4C;
    --panel-menu-item-active--color: #DEDEE2;
    --panel-menu-item-active--border-color: transparent transparent transparent #8A8A9B;
    --panel-menu-item-active--border-width: 0 0 0 .0714285714rem;
    --panel-menu-item-active--border-style: none none none solid;
    --panel-menu-item-active--border-radius: 0rem;
    --panel-menu-item-active--box-shadow: none;
    --progress-indicator-step-focus--outline-color: #85B9FD;
    --progress-indicator-step-focus--outline-style: solid;
    --progress-indicator-step-focus-outline-width: var(--focus-border);
    --progress-indicator-step-focus--outline-offset: .1428571429rem;
    --progress-indicator-step-focus--border-radius: .4285714286rem;
    --progress-indicator-step-focus--border-width: 0;
    --progress-indicator-step-focus--border-style: none;
    --progress-indicator-step-focus--border-color: transparent;
    --progress-indicator-step--padding: .8571428571rem 0 0 0;
    --progress-indicator-icon-color: #DEDEE2;
    --progress-indicator-icon--border-radius: 50%;
    --progress-indicator-icon--border-style: solid;
    --progress-indicator-icon--border-width: .0714285714rem;
    --progress-indicator-icon--border-color: #2E2E38;
    --progress-indicator-icon--bg-color: transparent;
    --progress-indicator-title--color: #DEDEE2;
    --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-title--font-weight: var(--weight-regular);
    --progress-indicator-title-hover--font-weight: var(--weight-light);
    --progress-indicator-title--text-decoration: none;
    --progress-indicator-title-margin: .7142857143rem 0 0 1.3571428571rem;
    --progress-indicator-body--color: #A4A3B1;
    --progress-indicator-body--bg-color: transparent;
    --progress-indicator-body-hover--bg-color: #2E2E38;
    --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-body--margin: .1428571429rem 0 0 1.3571428571rem;
    --progress-indicator-bar--bg-color: #33333E;
    --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-circle--bg-color: #2E2E38;
    --progress-indicator-circle--color: #4E4E5D;
    --progress-indicator-icon-completed-icon-color: #DEDEE2;
    --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: #2E2E38;
    --progress-indicator-icon-completed--bg-color: transparent;
    --progress-indicator-title-completed--color: #DEDEE2;
    --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: #A4A3B1;
    --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: #DEDEE2;
    --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-circle-completed--bg-color: #2E2E38;
    --progress-indicator-circle-completed--color: #DEDEE2;
    --progress-indicator-circle-completed-error--bg-color: #610402;
    --progress-indicator-circle-completed-error--color: #FF4136;
    --progress-indicator-circle-completed-disabled--bg-color: #2E2E38;
    --progress-indicator-circle-completed-disabled--color: #737387;
    --progress-indicator-icon-active-icon-color: #DEDEE2;
    --progress-indicator-icon-active--border-radius: 50%;
    --progress-indicator-icon-active--border-style: solid;
    --progress-indicator-icon-active--border-width: .1428571429rem;
    --progress-indicator-icon-active--border-color: #2E2E38;
    --progress-indicator-icon-active--bg-color: transparent;
    --progress-indicator-title-active--color: #DEDEE2;
    --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: #A4A3B1;
    --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: #DEDEE2;
    --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-circle-active--bg-color: #2E2E38;
    --progress-indicator-circle-active--color: #DEDEE2;
    --progress-indicator-circle-active-error--bg-color: #610402;
    --progress-indicator-circle-active-error--color: #FF4136;
    --progress-indicator-circle-active-disabled--bg-color: #2E2E38;
    --progress-indicator-circle-active-disabled--color: #737387;
    --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: .0714285714rem;
    --progress-indicator-icon-disabled--border-color: #656579;
    --progress-indicator-icon-disabled--bg-color: transparent;
    --progress-indicator-title-disabled--color: #737387;
    --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: #737387;
    --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: #33333E;
    --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-circle-disabled--bg-color: #2E2E38;
    --progress-indicator-circle-disabled--color: #33333E;
    --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: #FF9783;
    --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: #FF9783;
    --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: #FF4136;
    --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-circle-error--bg-color: #610402;
    --progress-indicator-circle-error--color: #FF4136;
    --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: #FF9831;
    --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: #FF9831;
    --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: #B26100;
    --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-indicator-circle-warning--bg-color: #462602;
    --progress-indicator-circle-warning--color: #D07200;
    --progress-loader--bg-color: rgba(242, 242, 246, .3019607843);
    --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;
    --progress-loader-linear-track--bg-color: #33333E;
    --progress-loader-line--bg-color: #DEDEE2;
    --progress-loader-circular-track--bg-color: #4E4E5D;
    --progress-loader-circle--bg-color: #DEDEE2;
    --sidebar--overlay-border-color: #33333E;
    --sidebar--overlay-border-width: .0714285714rem;
    --sidebar--overlay-border-style: solid;
    --sidebar--overlay-bg-color: #23232F;
    --sidebar--overlay-box-shadow: 0 .4285714286rem .8571428571rem 0 rgba(26, 26, 36, .1607843137), 0 .1428571429rem .2857142857rem 0 rgba(26, 26, 36, .1215686275);
    --sidebar--push-border-color: #33333E;
    --sidebar--push-border-width: .0714285714rem;
    --sidebar--push-border-style: solid;
    --sidebar--push-bg-color: transparent;
    --sidebar--push-box-shadow: none;
    --skeleton-container--bg-color: #23232F;
    --skeleton-container--border-color: #4E4E5D;
    --skeleton-container--border-style: solid;
    --skeleton-container--border-width: .0714285714rem;
    --skeleton-container--border-radius: .1428571429rem;
    --skeleton-container--box-shadow: none;
    --skeleton-container-alt--bg-color: #23232F;
    --skeleton-container-alt--border-color: #4E4E5D;
    --skeleton-container-alt--border-style: solid;
    --skeleton-container-alt--border-width: .0714285714rem;
    --skeleton-container-alt--border-radius: .1428571429rem;
    --skeleton-container-alt--box-shadow: none;
    --skeleton--bg-color: #33333E;
    --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(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 48.96%, rgba(255, 255, 255, 0) 100%);
    --tab-navigation-left--bg-color: transparent;
    --tab-navigation-left--box-shadow: none;
    --tab-navigation-left--border-radius: 0 .1428571429rem .1428571429rem 0;
    --tab-navigation-left--border-style: solid;
    --tab-navigation-left--border-width: 0 0 0 1px;
    --tab-navigation-left--border-color: #A4A3B1;
    --tab-navigation-right--bg-color: transparent;
    --tab-navigation-right--box-shadow: none;
    --tab-navigation-right--border-radius: .1428571429rem 0 0 .1428571429rem;
    --tab-navigation-right--border-style: solid;
    --tab-navigation-right--border-width: 0 1px 0 0;
    --tab-navigation-right--border-color: #A4A3B1;
    --tab-navigation-horizontal--bg-color: transparent;
    --tab-navigation-horizontal--box-shadow: none;
    --tab-navigation-horizontal--border-radius: .1428571429rem .1428571429rem 0 0;
    --tab-navigation-horizontal--border-style: solid;
    --tab-navigation-horizontal--border-width: 0 0 1px 0;
    --tab-navigation-horizontal--border-color: #33333E;
    --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: #A4A3B1;
    --tab-navigation-left-button--border-style: solid;
    --tab-navigation-left-button--border-width: 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 .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 .1428571429rem 0;
    --tab-navigation-horizontal-button--border-color: transparent;
    --tab-navigation-horizontal-button--border-radius: .1428571429rem .1428571429rem 0 0;
    --tab-navigation-top-button--border-style: solid;
    --tab-navigation-top-button--border-width: .1428571429rem 0 0 0;
    --tab-navigation-top-button--border-color: transparent;
    --tab-navigation--color: #A4A3B1;
    --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--outline-offset: 0;
    --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: #DEDEE2;
    --tab-navigation-left-button-focus--border-width: 0 0 0 .1428571429rem;
    --tab-navigation-left-button-focus--border-radius: 0 .1428571429rem .1428571429rem 0;
    --tab-navigation-right-button-focus--border-style: solid;
    --tab-navigation-right-button-focus--border-color: #DEDEE2;
    --tab-navigation-right-button-focus--border-width: 0 .1428571429rem 0 0;
    --tab-navigation-right-button-focus--border-radius: .1428571429rem 0 0 .1428571429rem;
    --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 .1428571429rem 0;
    --tab-navigation-horizontal-button-hover--border-radius: .1428571429rem .1428571429rem 0 0;
    --tab-navigation-top-button-focus--border-style: solid;
    --tab-navigation-top-button-focus--border-color: transparent;
    --tab-navigation-top-button-focus--border-width: .1428571429rem 0 0 0;
    --tab-navigation-focus--bg-color: #33333E;
    --tab-navigation-focus--color: #A4A3B1;
    --tab-navigation-focus--box-shadow: none;
    --tab-navigation-focus--outline-color: #85B9FD;
    --tab-navigation-focus--outline-width: .1428571429rem;
    --tab-navigation-focus--outline-style: solid;
    --tab-navigation-focus--outline-offset: .1428571429rem;
    --tab-navigation-focus--border-radius: .1428571429rem .1428571429rem 0 0;
    --tab-navigation-focus--border-width: 0 .1428571429rem 0 0;
    --tab-navigation-hover--border-style: solid;
    --tab-navigation-hover--border-color: #DEDEE2;
    --tab-navigation-hover--border-width: 0 0 0 .1428571429rem;
    --tab-navigation-hover--border-radius: .1428571429rem .1428571429rem 0 0;
    --tab-navigation-hover--bg-color: #33333E;
    --tab-navigation-hover--color: #A4A3B1;
    --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-hover--text-shadow: 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: #737387;
    --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: #DEDEE2;
    --tab-navigation-left-button-active--border-width: 0 0 0 .1428571429rem;
    --tab-navigation-button-active--color: #DEDEE2;
    --tab-navigation-left-button-active-hover--border-style: solid;
    --tab-navigation-left-button-active-hover--border-color: #DEDEE2;
    --tab-navigation-left-button-active-hover--border-width: 0 0 0 .1428571429rem;
    --tab-navigation-left-button-active-focus--border-style: solid;
    --tab-navigation-left-button-active-focus--border-color: #DEDEE2;
    --tab-navigation-left-button-active-focus--border-width: 0 0 0 .1428571429rem;
    --tab-navigation-right-button-active--border-style: solid;
    --tab-navigation-right-button-active--border-color: #DEDEE2;
    --tab-navigation-right-button-active--border-width: 0 .1428571429rem 0 0;
    --tab-navigation-right-button-active-hover--border-style: solid;
    --tab-navigation-right-button-active-hover--border-color: #DEDEE2;
    --tab-navigation-right-button-active-hover--border-width: 0 .1428571429rem 0 0;
    --tab-navigation-right-button-active-focus--border-style: solid;
    --tab-navigation-right-button-active-focus--border-color: #DEDEE2;
    --tab-navigation-right-button-active-focus--border-width: 0 .1428571429rem 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 .1428571429rem 0;
    --tab-navigation-horizontal-button-active-hover--border-style: solid;
    --tab-navigation-horizontal-button-active-hover--border-color: #DEDEE2;
    --tab-navigation-horizontal-button-active-hover--border-width: 0 0 .1428571429rem 0;
    --tab-navigation-horizontal-button-active-focus--border-style: solid;
    --tab-navigation-horizontal-button-active-focus--border-color: #DEDEE2;
    --tab-navigation-horizontal-button-active-focus--border-width: 0 0 .1428571429rem 0;
    --tab-navigation-top-button-active--border-style: solid;
    --tab-navigation-top-button-active--border-color: #DEDEE2;
    --tab-navigation-top-button-active--border-width: .1428571429rem 0 0 0;
    --tab-navigation-active--bg-color: #33333E;
    --tab-navigation-active--color: #DEDEE2;
    --tab-navigation-active--box-shadow: none;
    --tab-navigation-active--outline-color: #85B9FD;
    --tab-navigation-active--outline-width: .1428571429rem;
    --tab-navigation-active--outline-style: solid;
    --tab-navigation-active--outline-offset: .1428571429rem;
    --tab-navigation-active--border-radius: .4285714286rem;
    --tab-navigation-left-button-active-disabled--border-style: solid;
    --tab-navigation-left-button-active-disabled--border-color: #4E4E5D;
    --tab-navigation-left-button-active-disabled--border-width: 0 0 0 .1428571429rem;
    --tab-navigation-right-button-active-disabled--border-style: solid;
    --tab-navigation-right-button-active-disabled--border-color: #4E4E5D;
    --tab-navigation-right-button-active-disabled--border-width: 0 .1428571429rem 0 0;
    --tab-navigation-horizontal-button-active-disabled--border-style: solid;
    --tab-navigation-horizontal-button-active-disabled--border-color: #4E4E5D;
    --tab-navigation-horizontal-button-active-disabled--border-width: 0 0 .1428571429rem 0;
    --tab-navigation-top-button-active-disabled--border-style: solid;
    --tab-navigation-top-button-active-disabled--border-color: #4E4E5D;
    --tab-navigation-top-button-active-disabled--border-width: .1428571429rem 0 0 0;
    --tab-navigation-horizontal-button-hover--border-width: 0 0 .1428571429rem 0;
    --tab-navigation-horizontal-button-hover--border-style: solid;
    --tab-navigation-horizontal-button-hover--border-color: #FFF;
    --tab-navigation-top-button-hover--border-width: .1428571429rem 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 .1428571429rem;
    --tab-navigation-left-button-hover--border-style: solid;
    --tab-navigation-left-button-hover--border-color: #DEDEE2;
    --tab-navigation-right-button-hover--border-width: 0 .1428571429rem 0 0;
    --tab-navigation-right-button-hover--border-style: solid;
    --tab-navigation-right-button-hover--border-color: #DEDEE2;
    --tab-navigation-horizontal-button-disabled--border-width: 0 0 .1428571429rem 0;
    --tab-navigation-horizontal-button-disabled--border-style: solid;
    --tab-navigation-horizontal-button-disabled--border-color: transparent;
    --tab-navigation-top-button-disabled--border-width: .1428571429rem 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 .1428571429rem;
    --tab-navigation-left-button-disabled--border-style: solid;
    --tab-navigation-left-button-disabled--border-color: transparent;
    --tab-navigation-right-button-disabled--border-width: 0 .1428571429rem 0 0;
    --tab-navigation-right-button-disabled--border-style: solid;
    --tab-navigation-right-button-disabled--border-color: transparent;
    --tab-navigation-badge--bg-color: #33333E;
    --tab-navigation-badge--outline-color: transparent;
    --tab-navigation-badge-active--bg-color: #23232F;
    --tab-navigation-badge-hover--outline-color: #33333E;
    --tab-navigation-badge-focus--outline-color: #33333E;
    --tab-navigation-badge-active-hover--bg-color: #23232F;
    --tab-navigation-badge-active-hover--outline-color: #3F3F4C;
    --tab-navigation-badge-active-hover--outline-style: solid;
    --tab-navigation-badge-active-hover--outline-width: .0714285714rem;
    --tab-navigation-badge-active-focus--bg-color: #23232F;
    --tab-navigation-badge-active-focus--outline-color: #3F3F4C;
    --tab-navigation-badge-active-focus--outline-style: solid;
    --tab-navigation-badge-active-focus--outline-width: .0714285714rem;
    --tab-navigation-badge-bg-color-disabled: transparent;
    --tab-navigation-bordered--bg-color: #23232F;
    --tab-navigation-bordered--border-color: #33333E;
    --tab-navigation-bordered--border-width: .0714285714rem;
    --tab-navigation-bordered--border-style: solid;
    --tab-navigation-bordered-control-active--border-color: #4E4E5D;
    --tab-navigation-bordered-control-active--border-width: .0714285714rem;
    --tab-navigation-bordered-control-active--border-style: solid;
    --tab-navigation-bordered-control-active--bg-color: #1A1A24;
    --table--box-shadow: none;
    --table--border-radius: .5714285714rem;
    --table--border-color: #4E4E5D;
    --table--border-style: solid;
    --table--border-width: .0714285714rem;
    --table-header-container--bg-color: #4E4E5D;
    --table-header-container--box-shadow: none;
    --table-header-container--border-radius: 0;
    --table-header-container--border-width: 0;
    --table-header-container--border-style: none;
    --table-header-container--border-color: transparent;
    --table-header--bg-color: #23232F;
    --table-header--box-shadow: none;
    --table-header--color: #DEDEE2;
    --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: #2E2E38;
    --table-header-hover--box-shadow: none;
    --table-header-hover--color: #DEDEE2;
    --table-header-focus--border-width: 0;
    --table-header-focus--border-style: none;
    --table-header-focus--border-color: transparent;
    --table-header-focus--bg-color: #2E2E38;
    --table-header-focus--box-shadow: none;
    --table-header-focus--color: #DEDEE2;
    --table-header-renderer-icons-sort-icon-color: #A4A3B1;
    --table-icon-color: #A4A3B1;
    --table-row-icon-color: #A4A3B1;
    --table-title--color: #DEDEE2;
    --table-title--bg-color: #23232F;
    --table-title--box-shadow: none;
    --table-title--border-radius: .5714285714rem .5714285714rem 0 0;
    --table-title--border-width: 0 0 .0714285714rem 0;
    --table-title--border-style: none none solid none;
    --table-title--border-color: transparent transparent #4E4E5D 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-title-description-color: #A4A3B1;
    --table-row-hover--bg-color: #2E2E38;
    --table-row-hover--box-shadow: none;
    --table-odd-row--bg-color: #33333E;
    --table-odd-row-hover--bg-color: #2E2E38;
    --table-even-row--bg-color: #23232F;
    --table-even-row-hover--bg-color: #1A1A24;
    --table-row--color: #DEDEE2;
    --table-row--bg-color: #23232F;
    --table-row--box-shadow: none;
    --table-row--border-radius: 0;
    --table-row--border-color: transparent;
    --table-row--border-style: none;
    --table-row--border-width: 0;
    --table-row-selected--color: #DEDEE2;
    --table-row-selected--bg-color: #2E2E38;
    --table-row-selected--box-shadow: none;
    --table-row-selected--border-radius: 0;
    --table-row-selected--border-width: .0714285714rem 0 .0714285714rem 0;
    --table-row-selected--border-style: solid none solid none;
    --table-row-selected--border-color: #4E4E5D transparent #4E4E5D transparent;
    --table-row-selected-cell--color: #DEDEE2;
    --table-row-selected-cell--bg-color: #2E2E38;
    --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-row-last-left-pinned--box-shadow: none;
    --table-column-filtered-mark--color: #A4A3B1;
    --table-cell--color: #DEDEE2;
    --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: #DEDEE2;
    --table-cell-hover--bg-color: #2E2E38;
    --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: #A4A3B1;
    --table-cell-focus--bg-color: #2E2E38;
    --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-cell-disabled--color: #737387;
    --table-cell-disabled--bg-color: #23232F;
    --table-cell-disabled--box-shadow: none;
    --table-cell-disabled--border-width: 0;
    --table-cell-disabled--border-style: none;
    --table-cell-disabled--border-color: transparent;
    --table-checkbox-checked-color: #A4A3B1;
    --table-checkbox-indeterminate-color: #A4A3B1;
    --table-checkbox--border-color: #8A8A9B;
    --table-checkbox--border-style: solid;
    --table-checkbox--border-width: .0714285714rem;
    --table-checkbox--bg-color: #23232F;
    --table-checkbox-focus--outline-color: #0F69AE;
    --table-checkbox-focus--outline-style: solid;
    --table-checkbox-focus--outline-width: .1428571429rem;
    --table-checkbox-focus--outline-offset: .0714285714rem;
    --table-checkbox-focus--border-radius: .1428571429rem;
    --table-paging-wrapper--border-color: #4E4E5D transparent transparent transparent;
    --table-paging-wrapper--border-style: solid none none none;
    --table-paging-wrapper--border-width: .0714285714rem 0 0 0;
    --table-paging-btn-hover--bg-color: #2E2E38;
    --table-paging-btn-disabled-icon-color: #737387;
    --table-paging-btn-icon-color: #A4A3B1;
    --table-paging-btn--bg-color: #23232F;
    --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: #A4A3B1;
    --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: #A4A3B1;
    --table-paging-btn-focus--box-shadow: none;
    --table-paging-btn-focus--bg-color: #2E2E38;
    --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;
    --table-standard-header--bg-color: #2E2E38;
    --table-standard-header--border-width: .0714285714rem;
    --table-standard-header--border-style: solid;
    --table-standard-header--border-color: #4E4E5D;
    --text-link--color: #FFF;
    --text-link--border-radius: 0;
    --text-link--border-width: 0;
    --text-link--border-style: solid;
    --text-link--border-color: transparent;
    --text-link-hover--color: #FFF;
    --text-link-hover--border-radius: o;
    --text-link-hover--border-width: 0 0 .0714285714rem 0;
    --text-link-hover--border-style: solid;
    --text-link-hover--border-color: #FFF;
    --text-link-focus--color: #FFF;
    --text-link-focus--border-radius: .4285714286rem;
    --text-link-focus--border-width: 0;
    --text-link-focus--border-style: none;
    --text-link-focus--border-color: transparent;
    --text-link-focus--outline-color: #85B9FD;
    --text-link-focus--outline-style: solid;
    --text-link-focus--outline-width: .1428571429rem;
    --text-link-focus--outline-offset: .1428571429rem;
    --text-link-disabled--color: #737387;
    --text-link-disabled--border-radius: 0;
    --text-link-disabled--border-width: 0;
    --text-link-disabled--border-style: solid;
    --text-link-disabled--border-color: transparent;
    --text-link-active--color: #BFBFC8;
    --text-link-active--border-radius: 0;
    --text-link-active--border-width: 0;
    --text-link-active--border-style: solid;
    --text-link-active--border-color: transparent;
    --text-link-visited--color: #C2ABE3;
    --text-link-visited--border-radius: 0;
    --text-link-visited--border-width: 0;
    --text-link-visited--border-style: solid;
    --text-link-visited--border-color: transparent;
    --text-link-alt--color: #85B9FD;
    --text-link-alt--border-radius: 0;
    --text-link-alt--border-width: 0;
    --text-link-alt--border-style: solid;
    --text-link-alt--border-color: transparent;
    --text-link-alt-hover--color: #85B9FD;
    --text-link-alt-hover--border-radius: 0;
    --text-link-alt-hover--border-width: 0 0 .0714285714rem 0;
    --text-link-alt-hover--border-style: solid;
    --text-link-alt-hover--border-color: #85B9FD;
    --text-link-alt-focus--color: #55A6FC;
    --text-link-alt-focus--border-radius: .2857142857rem;
    --text-link-alt-focus--border-width: 0;
    --text-link-alt-focus--border-style: solid;
    --text-link-alt-focus--border-color: transparent;
    --text-link-alt-focus--outline-color: #85B9FD;
    --text-link-alt-focus--outline-style: solid;
    --text-link-alt-focus--outline-width: .1428571429rem;
    --text-link-alt-focus--outline-offset: .1428571429rem;
    --text-link-alt-disabled--color: #737387;
    --text-link-alt-disabled--border-radius: 0;
    --text-link-alt-disabled--border-width: 0;
    --text-link-alt-disabled--border-style: solid;
    --text-link-alt-disabled--border-color: transparent;
    --text-link-alt-active--color: #188CE5;
    --text-link-alt-active--border-radius: 0;
    --text-link-alt-active--border-width: 0;
    --text-link-alt-active--border-style: solid;
    --text-link-alt-active--border-color: transparent;
    --text-link-alt-visited--color: #C2ABE3;
    --text-link-alt-visited--border-radius: 0;
    --text-link-alt-visited--border-width: 0;
    --text-link-alt-visited--border-style: solid;
    --text-link-alt-visited--border-color: transparent;
    --text-link--font-weight: var(--weight-regular);
    --toast--color: #F3F3F5;
    --toast--border-style: solid;
    --toast--border-color: #4E4E5D;
    --toast--border-width: .0714285714rem;
    --toast--border-radius: .5714285714rem;
    --toast--bg-color: #23232F;
    --toast--box-shadow: none;
    --toast-inline--bg-color: transparent;
    --toast-inline--box-shadow: none;
    --toast-close-btn-icon-color: #A4A3B1;
    --toast-close-btn--bg-color: transparent;
    --toast-close-btn--border-color: transparent;
    --toast-close-btn--border-width: .0714285714rem;
    --toast-close-btn--border-style: solid;
    --toast-close-btn--box-shadow: none;
    --toast-close-btn-hover-icon-color: #A4A3B1;
    --toast-close-btn-hover--bg-color: #33333E;
    --toast-close-btn-hover--border-color: transparent;
    --toast-close-btn-hover--border-width: .0714285714rem;
    --toast-close-btn-hover--border-style: solid;
    --toast-close-btn-hover--box-shadow: none;
    --toast-close-btn-focus-icon-color: #A4A3B1;
    --toast-close-btn-focus--bg-color: #33333E;
    --toast-close-btn-focus--border-color: transparent;
    --toast-close-btn-focus--border-width: .0714285714rem;
    --toast-close-btn-focus--border-style: solid;
    --toast-close-btn-focus--box-shadow: none;
    --toast-close-btn-active-icon-color: #A4A3B1;
    --toast-close-btn-active--bg-color: #3F3F4C;
    --toast-close-btn-active--border-color: transparent;
    --toast-close-btn-active--border-width: .0714285714rem;
    --toast-close-btn-active--border-style: solid;
    --toast-close-btn-active--box-shadow: none;
    --toast-action-btn--color: #FFF;
    --toast-action-btn--bg-color: transparent;
    --toast-action-btn--border-color: transparent;
    --toast-action-btn--border-style: solid;
    --toast-action-btn--border-width: .0714285714rem;
    --toast-action-btn--box-shadow: none;
    --toast-action-btn--border-radius: .2857142857rem;
    --toast-action-btn-hover--color: #FFF;
    --toast-action-btn-hover--bg-color: #33333E;
    --toast-action-btn-hover--border-color: transparent;
    --toast-action-btn-hover--border-style: solid;
    --toast-action-btn-hover--border-width: .0714285714rem;
    --toast-action-btn-hover--box-shadow: none;
    --toast-action-btn-focus--color: #FFF;
    --toast-action-btn-focus--bg-color: #33333E;
    --toast-action-btn-focus--border-color: transparent;
    --toast-action-btn-focus--border-style: solid;
    --toast-action-btn-focus--border-width: .0714285714rem;
    --toast-action-btn-focus--box-shadow: none;
    --toast-action-btn-focus--outline-color: #85B9FD;
    --toast-action-btn-focus--outline-width: .1428571429rem;
    --toast-action-btn-focus--outline-style: solid;
    --toast-action-btn-focus--outline-offset: .1428571429rem;
    --toast-action-btn-active--color: #DEDEE2;
    --toast-action-btn-active--bg-color: #3F3F4C;
    --toast-action-btn-active--border-color: transparent;
    --toast-action-btn-active--border-style: solid;
    --toast-action-btn-active--border-width: .0714285714rem;
    --toast-action-btn-active--box-shadow: none;
    --toast-icon-info-icon-color: #A4A3B1;
    --toast-icon-success-icon-color: #1F893F;
    --toast-icon-error-icon-color: #EA011D;
    --toast-icon-warning-icon-color: #B26100;
    --toast-info--color: #DEDEE2;
    --toast-info--border-color: #4E4E5D;
    --toast-info--bg-color: #23232F;
    --toast-info--box-shadow: none;
    --toast-success--color: #34CE63;
    --toast-success--border-color: #125E29;
    --toast-success--bg-color: #0A3616;
    --toast-success--box-shadow: none;
    --toast-error--color: #FF9783;
    --toast-error--border-color: #A40011;
    --toast-error--bg-color: #610402;
    --toast-error--box-shadow: none;
    --toast-warning--color: #FF9831;
    --toast-warning--border-color: #7B4100;
    --toast-warning--bg-color: #462602;
    --toast-warning--box-shadow: none;
    --tooltip--color: #23232F;
    --tooltip--border-color: transparent;
    --tooltip--border-style: none;
    --tooltip--border-width: 0;
    --tooltip--border-radius: .2857142857rem;
    --tooltip--box-shadow: 0 .5714285714rem 1.1428571429rem 0 rgba(26, 26, 36, .1607843137), 0 .1428571429rem .2857142857rem 0 rgba(26, 26, 36, .1215686275);
    --tooltip--bg-color: #DEDEE2;
    --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: transparent;
    --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: ;
    --tooltip-close-btn-hover--border-radius: 0;
    --tooltip-close-btn-hover--box-shadow: none;
    --tooltip-close-btn-hover-icon-color: transparent;
    --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: transparent;
    --tooltip-alt--color: #DEDEE2;
    --tooltip-alt--border-color: transparent;
    --tooltip-alt--border-style: none;
    --tooltip-alt--border-width: 0;
    --tooltip-alt--border-radius: .2857142857rem;
    --tooltip-alt--box-shadow: 0 .5714285714rem 1.1428571429rem 0 rgba(26, 26, 36, .1607843137), 0 .1428571429rem .2857142857rem 0 rgba(26, 26, 36, .1215686275);
    --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: transparent;
    --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: ;
    --tooltip-alt-close-btn-hover--border-radius: 0;
    --tooltip-alt-close-btn-hover--box-shadow: none;
    --tooltip-alt-close-btn-hover-icon-color: transparent;
    --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: ;
    --tooltip-alt-close-btn-focus--border-radius: 0;
    --tooltip-alt-close-btn-focus--box-shadow: none;
    --tooltip-alt-close-btn-focus-icon-color: transparent;
    --tree--color: #DEDEE2;
    --tree--bg-color: transparent;
    --tree-line-color: #4E4E5D;
    --tree-line-border-color: #4E4E5D;
    --tree-line-style: solid;
    --tree-line-border-width: .0714285714rem;
    --tree-icon-color: #A4A3B1;
    --tree-icon-disabled-color: #737387;
    --tree-disabled--color: #737387;
    --tree-hover--color: #FFF;
    --tree-hover--bg-color: #33333E;
    --vertical-navigation--bg-color: #23232F;
    --vertical-navigation--box-shadow: none;
    --vertical-navigation--border-radius: 0;
    --vertical-navigation--border-color: transparent #33333E transparent transparent;
    --vertical-navigation--border-style: none solid none none;
    --vertical-navigation--border-width: 0 .0714285714rem 0 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: .1428571429rem;
    --vertical-navigation-menu--bg-color: transparent;
    --vertical-navigation-menu-item--color: #DEDEE2;
    --vertical-navigation-menu-item--bg-color: #23232F;
    --vertical-navigation-menu-item--box-shadow: none;
    --vertical-navigation-menu-item--border-radius: .1428571429rem;
    --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: #A4A3B1;
    --vertical-navigation-menu-item-hover--color: #DEDEE2;
    --vertical-navigation-menu-item-hover--bg-color: #2E2E38;
    --vertical-navigation-menu-item-hover--box-shadow: none;
    --vertical-navigation-menu-item-hover--border-radius: .1428571429rem;
    --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: #A4A3B1;
    --vertical-navigation-menu-item-focus--color: #DEDEE2;
    --vertical-navigation-menu-item-focus--bg-color: #2E2E38;
    --vertical-navigation-menu-item-focus--box-shadow: none;
    --vertical-navigation-menu-item-focus--border-radius: .1428571429rem;
    --vertical-navigation-menu-item-focus--border-width: .1428571429rem;
    --vertical-navigation-menu-item-focus--border-style: solid;
    --vertical-navigation-menu-item-focus--border-color: #85B9FD;
    --vertical-navigation-menu-item-focus--outline-color: #85B9FD;
    --vertical-navigation-menu-item-focus--outline-style: solid;
    --vertical-navigation-menu-item-focus--outline-width: .1428571429rem;
    --vertical-navigation-menu-item-icon-focus-icon-color: #A4A3B1;
    --vertical-navigation-menu-item-active--bg-color: #33333E;
    --vertical-navigation-menu-item-active--color: #DEDEE2;
    --vertical-navigation-menu-item-active--box-shadow: none;
    --vertical-navigation-menu-item-active--border-radius: .1428571429rem;
    --vertical-navigation-menu-item-active--border-color: transparent;
    --vertical-navigation-menu-item-active--border-style: none;
    --vertical-navigation-menu-item-active--border-width: 0;
    --vertical-navigation-menu-item-icon-active-icon-color: #A4A3B1;
    --vertical-navigation-menu-item-active-focus--color: #DEDEE2;
    --vertical-navigation-menu-item-active-focus--bg-color: #2E2E38;
    --vertical-navigation-menu-item-active-focus--box-shadow: none;
    --vertical-navigation-menu-item-active-focus--border-radius: .1428571429rem;
    --vertical-navigation-menu-item-active-focus--border-width: .1428571429rem;
    --vertical-navigation-menu-item-active-focus--border-style: solid;
    --vertical-navigation-menu-item-active-focus--border-color: #85B9FD;
    --vertical-navigation-menu-item-icon-active-focus-icon-color: #A4A3B1;
    --vertical-navigation-menu-item-active-hover--color: #DEDEE2;
    --vertical-navigation-menu-item-active-hover--bg-color: #2E2E38;
    --vertical-navigation-menu-item-active-hover--box-shadow: none;
    --vertical-navigation-menu-item-active-hover--border-radius: .1428571429rem;
    --vertical-navigation-menu-item-active-hover--border-width: 0;
    --vertical-navigation-menu-item-active-hover--border-style: none;
    --vertical-navigation-menu-item-active-hover--border-color: transparent;
    --vertical-navigation-menu-item-icon-active-hover-icon-color: #A4A3B1;
    --vertical-navigation-menu-footer--bg-color: #23232F;
    --vertical-navigation-menu-footer--box-shadow: none;
    --vertical-navigation-menu-footer--border-radius: 0;
    --vertical-navigation-menu-footer--border-color: #33333E transparent transparent transparent;
    --vertical-navigation-menu-footer--border-style: solid none none none;
    --vertical-navigation-menu-footer--border-width: .0714285714rem 0 0 0;
    --vertical-navigation-submenu-caption--color: #DEDEE2;
    --vertical-navigation-submenu-caption--bg-color: #23232F;
    --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: #DEDEE2;
    --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: #A4A3B1;
    --vertical-navigation-submenu-item-link-focus--color: #DEDEE2;
    --vertical-navigation-submenu-item-link-focus--bg-color: #2E2E38;
    --vertical-navigation-submenu-item-link-focus--box-shadow: none;
    --vertical-navigation-submenu-item-link-focus--border-radius: .1428571429rem;
    --vertical-navigation-submenu-item-link-focus--border-width: .1428571429rem;
    --vertical-navigation-submenu-item-link-focus--border-style: solid;
    --vertical-navigation-submenu-item-link-focus--border-color: #85B9FD;
    --vertical-navigation-submenu-item-link-icon-focus-icon-color: #A4A3B1;
    --vertical-navigation-submenu-item-link-hover--color: #DEDEE2;
    --vertical-navigation-submenu-item-link-hover--bg-color: #2E2E38;
    --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: #A4A3B1;
    --vertical-navigation-submenu-item-link-active--color: #DEDEE2;
    --vertical-navigation-submenu-item-link-active--bg-color: #33333E;
    --vertical-navigation-submenu-item-link-active--box-shadow: none;
    --vertical-navigation-submenu-item-link-active--border-radius: .1428571429rem;
    --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: #A4A3B1;
    --vertical-navigation-submenu-item-link-active-focus--color: #DEDEE2;
    --vertical-navigation-submenu-item-link-active-focus--bg-color: #33333E;
    --vertical-navigation-submenu-item-link-active-focus--box-shadow: none;
    --vertical-navigation-submenu-item-link-active-focus--border-radius: .1428571429rem;
    --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: #A4A3B1;
    --vertical-navigation-submenu-item-link-active-hover--color: #DEDEE2;
    --vertical-navigation-submenu-item-link-active-hover--bg-color: #2E2E38;
    --vertical-navigation-submenu-item-link-active-hover--box-shadow: none;
    --vertical-navigation-submenu-item-link-active-hover--border-radius: .1428571429rem;
    --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: #A4A3B1;
    --font-size: 14;
    --branding: #FFE600;
    --primary-font: ey_interstate;
    --secondary-font: noto_sans;
    --font-size-base: 1rem;
    --weight-bold: 700;
    --weight-regular: 400;
    --weight-light: 300;
    --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: .857rem;
    --body-alt--font-size: 1rem;
    --caption--font-size: .857rem;
    --overline--font-size: .71429rem;
    --instructional-text--font-size: .857rem;
    --ease-in-out: .3s ease-in-out;
    --ease-in-out-fast: .15s ease-in-out;
    --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
    --focus: #1275C1;
    --focus-border: 0 0 0 .1428571429rem var(--focus);
    --disabled: #8A8A9B;
    --disabled-text: #4E4E5D;
    --info: #DEDEE2;
    --error: #FF4136;
    --warning: #FF9831;
    --success: #34CE63;
    --black: #FFF;
    --body--color: #DEDEE2;
    --body--bg-color: #1A1A24;
    --list-style: circle;
    --theme-name: dark;
    --brand-name: motif;
    --form-element--color: #DEDEE2;
    --form-element--size: 1rem;
    --form-element--border-radius: .1428571429rem;
    --form-element--border-color: #4E4E5D;
    --form-element--border-style: solid;
    --form-element--border-width: .0714285714rem;
    --form-element--bg-color: #23232F;
    --form-element--box-shadow: none;
    --form-element-disabled--color: #737387;
    --form-element-disabled--border-radius: .1428571429rem;
    --form-element-disabled--border-color: transparent;
    --form-element-disabled--border-style: none;
    --form-element-disabled--border-width: .0714285714rem;
    --form-element-disabled--bg-color: #2E2E38;
    --form-element-disabled--box-shadow: none;
    --form-element-hover--color: #DEDEE2;
    --form-element-hover--border-radius: .1428571429rem;
    --form-element-hover--border-color: #4E4E5D;
    --form-element-hover--border-style: solid;
    --form-element-hover--border-width: .0714285714rem;
    --form-element-hover--bg-color: #2E2E38;
    --form-element-hover--box-shadow: none;
    --form-element-focus--color: #DEDEE2;
    --form-element-focus--border-radius: .1428571429rem;
    --form-element-focus--border-color: #85B9FD;
    --form-element-focus--border-style: solid;
    --form-element-focus--border-width: .0714285714rem;
    --form-element-focus--bg-color: #23232F;
    --form-element-focus--box-shadow: none;
    --form-element-error--color: #DEDEE2;
    --form-element-error--border-radius: .1428571429rem;
    --form-element-error--border-color: #C70117;
    --form-element-error--border-style: solid;
    --form-element-error--border-width: .0714285714rem;
    --form-element-error--bg-color: #23232F;
    --form-element-error--box-shadow: none;
    --form-element-placeholder--color: #A4A3B1;
    --form-element-placeholder-focus--color: #A4A3B1;
    --form-element-placeholder-hover--color: #A4A3B1;
    --form-element-placeholder-disabled--color: #737387;
    --form-element-placeholder-error--color: #A4A3B1;
    --form-element-icon-color: #737387;
    --form-element-icon-focus-icon-color: #737387;
    --form-element-icon-hover-icon-color: #737387;
    --form-element-icon-disabled-icon-color: #737387;
    --form-element-icon-error-icon-color: #737387;
    --form-element-label--color: #A4A3B1;
    --form-element-label-focus--color: #A4A3B1;
    --form-element-label-hover--color: #A4A3B1;
    --form-element-label-disabled--color: #737387;
    --form-element-label-error--color: #A4A3B1;
    --label--size: var(--form-element-label--size);
    --label--color: var(--form-element-label--color);
    --label--bg-color: #23232F;
    --label--border-width: .0714285714rem;
    --label-hover--bg-color: #2E2E38;
    --label-hover--border-width: .0714285714rem;
    --label-focus--bg-color: #23232F;
    --label-focus--border-width: .0714285714rem;
    --label-disabled--color: #2E2E38;
    --label-disabled--bg-color: transparent
}

@font-face {
    font-family: ey_interstate;
    src: url(./EYInterstate-Bold-BlMWcvA2.eot);
    src: url(./EYInterstate-Bold-BlMWcvA2.eot?#iefix) format("embedded-opentype"),url(./EYInterstate-Bold-AOD_beEg.woff2) format("woff2"),url(./EYInterstate-Bold-Bpw7SqR9.woff) format("woff"),url(./EYInterstate-Bold-B_wTDVq4.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: ey_interstate;
    src: url(./EYInterstate-Regular-BQ-vaGAb.eot);
    src: url(./EYInterstate-Regular-BQ-vaGAb.eot?#iefix) format("embedded-opentype"),url(./EYInterstate-Regular-qIzze8KE.woff2) format("woff2"),url(./EYInterstate-Regular-dcVxH6lv.woff) format("woff"),url(./EYInterstate-Regular-BPj0lZUR.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: ey_interstate;
    src: url(./EYInterstate-Light-D-m-skXp.eot);
    src: url(./EYInterstate-Light-D-m-skXp.eot?#iefix) format("embedded-opentype"),url(./EYInterstate-Light-D1CGZA0X.ttf) format("truetype"),url(./EYInterstate-Light-BDnCOidE.woff) format("woff"),url(./EYInterstate-Light-v2thsw10.woff2) format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: noto_sans;
    src: url(./notosans-bold-webfont-B9YIQ3jH.eot);
    src: url(./notosans-bold-webfont-B9YIQ3jH.eot?#iefix) format("embedded-opentype"),url(./notosans-bold-webfont-DxlZqyKA.woff2) format("woff2"),url(./notosans-bold-webfont-BlWgIoub.woff) format("woff"),url(./notosans-bold-webfont-QMZOiubK.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: noto_sans;
    src: url(./notosans-medium-webfont-BrRbZYA3.eot);
    src: url(./notosans-medium-webfont-BrRbZYA3.eot?#iefix) format("embedded-opentype"),url(./notosans-medium-webfont-JBN-tRsH.ttf) format("truetype"),url(./notosans-medium-webfont-D8p_9vgZ.woff) format("woff"),url(./notosans-medium-webfont-z-i6VXAC.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: noto_sans;
    src: url(./NotoSans-Light-zkPFoRD5.ttf);
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: ey_interstate;
    src: url(./EYInterstate-Bold-BlMWcvA2.eot);
    src: url(./EYInterstate-Bold-BlMWcvA2.eot?#iefix) format("embedded-opentype"),url(./EYInterstate-Bold-AOD_beEg.woff2) format("woff2"),url(./EYInterstate-Bold-Bpw7SqR9.woff) format("woff"),url(./EYInterstate-Bold-B_wTDVq4.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: ey_interstate;
    src: url(./EYInterstate-Regular-BQ-vaGAb.eot);
    src: url(./EYInterstate-Regular-BQ-vaGAb.eot?#iefix) format("embedded-opentype"),url(./EYInterstate-Regular-qIzze8KE.woff2) format("woff2"),url(./EYInterstate-Regular-dcVxH6lv.woff) format("woff"),url(./EYInterstate-Regular-BPj0lZUR.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: ey_interstate;
    src: url(./EYInterstate-Light-D-m-skXp.eot);
    src: url(./EYInterstate-Light-D-m-skXp.eot?#iefix) format("embedded-opentype"),url(./EYInterstate-Light-D1CGZA0X.ttf) format("truetype"),url(./EYInterstate-Light-BDnCOidE.woff) format("woff"),url(./EYInterstate-Light-v2thsw10.woff2) format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: noto_sans;
    src: url(./notosans-bold-webfont-B9YIQ3jH.eot);
    src: url(./notosans-bold-webfont-B9YIQ3jH.eot?#iefix) format("embedded-opentype"),url(./notosans-bold-webfont-DxlZqyKA.woff2) format("woff2"),url(./notosans-bold-webfont-BlWgIoub.woff) format("woff"),url(./notosans-bold-webfont-QMZOiubK.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: noto_sans;
    src: url(./notosans-medium-webfont-BrRbZYA3.eot);
    src: url(./notosans-medium-webfont-BrRbZYA3.eot?#iefix) format("embedded-opentype"),url(./notosans-medium-webfont-JBN-tRsH.ttf) format("truetype"),url(./notosans-medium-webfont-D8p_9vgZ.woff) format("woff"),url(./notosans-medium-webfont-z-i6VXAC.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: noto_sans;
    src: url(./NotoSans-Light-zkPFoRD5.ttf);
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@charset "UTF-8";

html {
    height: 100%;
    font-size: var(--motif-base-font-size)
}

html body,html body div#storybook-root {
    height: 100%
}

html fieldset {
    border: none;
    padding: 0
}

:root {
    --motif-base-font-size: 14px
}

body {
    color: var(--body--color);
    font-family: var(--primary-font);
    font-weight: var(--weight-light);
    line-height: 1.5714285714rem;
    margin: 0;
    background: var(--body--bg-color);
    overflow-x: hidden
}

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

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

p {
    color: var(--body--color);
    font-family: var(--primary-font);
    font-weight: var(--weight-light);
    line-height: 1.5714285714rem
}

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

ul {
    list-style: var(--list-style)
}

li {
    margin-bottom: 1.1428571429rem
}

svg,img {
    max-width: 100%;
    max-height: 100%
}

*[loki-test] {
    font-family: sans-serif
}

*[loki-test] img {
    opacity: 0
}

.sbdocs {
    font-family: ey_interstate,Helvetica,Arial,sans-serif!important
}

.sbdocs h1 {
    line-height: 1.5
}

.sbdocs .sbdocs-title {
    background: #f1f1f1;
    margin-bottom: 3rem
}

.sbdocs table {
    width: 100%
}

.sbdocs table:not(.motif-table-standard) tr td {
    padding: 1em
}

.sbdocs .motifStorybookGrid .gridWrapper {
    overflow: hidden;
    margin-bottom: 48px;
    background-color: #f7f7f7
}

.sbdocs .motifStorybookGrid .gridWrapper .motif-row:not(:last-child) {
    margin-bottom: 24px
}

.sbdocs .motifStorybookGrid .gridWrapper div[class^=motif-col]>div {
    background-color: #4e4e5d;
    height: 100%;
    text-align: center;
    color: #fff;
    border: solid 1px #ebebeb;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 12px
}

.sbdocs .motifStorybookGrid .gridWrapper.verticalAlignment .motif-row {
    min-height: 6em;
    background-color: #d2e1fa
}

.sbdocs .motifStorybookGrid .gridWrapper.horizontalAlignment .motif-row {
    background-color: #d2e1fa
}

.sbdocs .colorPallette .docblock-colorpalette>div {
    flex-flow: column
}

.sbdocs .colorPallette .docblock-colorpalette>div:first-child {
    display: none
}

.sbdocs .colorPallette .docblock-colorpalette>div>div {
    width: 100%
}

.sbdocs .colorPallette .docblock-colorpalette>div>div:first-child {
    flex: 0 0 7%;
    margin-right: 10px
}

.motif-accordion-content {
    display: inline-block;
    font-size: 1rem;
    font-weight: var(--weight-light);
    line-height: 1.5714285714rem;
    padding: 1.1428571429rem 2.2857142857rem 2.2857142857rem;
    width: 100%;
    border: var(--accordion--border-width) var(--accordion--border-style) transparent;
    border-top: 0;
    background: var(--accordion-editorial-expanded--bg-color)
}

.motif-accordion-content.motif-metadata-content {
    padding: 0 1.4285714286rem;
    display: flex
}

.motif-accordion-content.motif-metadata-content * {
    font-size: .7142857143rem;
    color: var(--metadata-font-color);
    line-height: 1.1428571429rem;
    font-weight: 400;
    margin-bottom: .8571428571rem;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.motif-accordion-title-content {
    font-family: var(--primary-font);
    text-align: left;
    font-size: 1.2857142857rem;
    line-height: 2rem;
    font-weight: var(--weight-regular);
    color: var(--accordion-header--color);
    display: flex;
    align-items: center
}

.motif-accordion .motif-accordion-trigger {
    width: 100%;
    padding: .7142857143rem 2.2857142857rem;
    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);
    cursor: pointer;
    gap: .8571428571rem;
    display: flex;
    align-items: center;
    max-height: 3.1428571429rem
}

.motif-form-field~.motif-accordion .motif-accordion-trigger {
    border-radius: var(--accordion--border-radius)
}

.motif-accordion .motif-accordion-trigger.motif-metadata-trigger {
    display: flex;
    justify-content: space-between;
    padding: .9285714286rem 0rem;
    cursor: pointer;
    width: 100%
}

.motif-accordion .motif-accordion-trigger.motif-metadata-trigger:hover {
    margin: auto;
    width: 100%
}

.motif-accordion .motif-accordion-trigger.motif-metadata-trigger:focus-visible {
    border: none
}

.motif-accordion .motif-accordion-trigger.motif-metadata-trigger .motif-accordion-title-content {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 300;
    color: var(--accordion-header--color);
    margin-right: .8571428571rem
}

.motif-accordion .motif-accordion-trigger.motif-metadata-trigger .motif-accordion-title-content .motif-icon {
    display: flex
}

.motif-accordion .motif-accordion-trigger:hover.motif-metadata-trigger .motif-accordion-title-content {
    --accordion-header-focus--color: var(--metadata-header-hover--color)
}

.motif-accordion .motif-accordion-trigger:hover.motif-metadata-trigger .motif-accordion-icons path {
    --accordion-header-icon-color: var(--metadata-header-icon-hover--fill)
}

.motif-accordion .motif-accordion-trigger .motif-accordion-icons {
    flex-shrink: 0
}

.motif-accordion:first-of-type .motif-accordion-trigger {
    border-top-left-radius: var(--accordion--border-radius);
    border-top-right-radius: var(--accordion--border-radius)
}

.motif-accordion:not(.motif-accordion-content-visible):last-of-type .motif-accordion-trigger {
    border-bottom-left-radius: var(--accordion--border-radius);
    border-bottom-right-radius: var(--accordion--border-radius)
}

.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-content-visible .motif-accordion-content .motif-accordion .motif-accordion-trigger:not(:focus-visible) {
    border-radius: 0
}

.motif-accordion-content-visible .motif-accordion-content .motif-accordion:first-of-type .motif-accordion-trigger {
    border-top-left-radius: var(--accordion--border-radius);
    border-top-right-radius: var(--accordion--border-radius)
}

.motif-accordion-content-visible .motif-accordion-content .motif-accordion:last-of-type .motif-accordion-trigger {
    border-bottom-left-radius: var(--accordion--border-radius);
    border-bottom-right-radius: var(--accordion--border-radius);
    border-bottom: .0714285714rem solid var(--accordion-header--border-color)
}

.motif-accordion-content-visible .motif-accordion-content .motif-accordion:last-of-type.motif-accordion-content-visible .motif-accordion-trigger:not(:hover) {
    border-bottom-color: transparent
}

.motif-accordion-expand-icon {
    opacity: 1
}

.motif-accordion-collapse-icon {
    opacity: 0
}

.motif-accordion-icons {
    position: relative;
    height: 1.7142857143rem;
    width: 1.7142857143rem
}

.motif-accordion-icons svg {
    height: 1.7142857143rem;
    width: 1.7142857143rem
}

.motif-accordion-icons path {
    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.1428571429rem 2.2857142857rem;
    max-height: 4.4285714286rem
}

.motif-accordion-editorial .motif-accordion-title-content {
    order: 1;
    font-size: 1.4285714286rem;
    line-height: 2.1428571429rem;
    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
}

.motif-accordion-trigger-align-right .motif-accordion-trigger .motif-accordion-icons {
    order: 2;
    margin-right: 0
}

.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 {
    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: .8571428571rem 1.4285714286rem
}

.motif-accordion.motif-metadata+.motif-metadata {
    position: relative
}

.motif-accordion.motif-metadata .motif-close-metadata-button {
    position: absolute;
    background: transparent;
    border: none;
    right: .7142857143rem;
    width: 2rem;
    height: 2rem;
    top: .8571428571rem;
    display: none
}

.motif-accordion-editorial :focus-visible,.motif-accordion-functional :focus-visible,.motif-accordion-functional-alt :focus-visible {
    outline: var(--accordion-header-focus--outline-width) var(--accordion-header-focus--outline-style) var(--accordion-header-focus--outline-color);
    outline-offset: .1428571429rem;
    border-radius: var(--accordion-header-focus--border-radius);
    --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-icon-color: var(--accordion-header-icon-focus-icon-color)
}

.motif-accordion-editorial:hover,.motif-accordion-functional:hover,.motif-accordion-functional-alt: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);
    outline: none
}

.motif-accordion-editorial:hover .motif-accordion-title-content,.motif-accordion-functional:hover .motif-accordion-title-content,.motif-accordion-functional-alt:hover .motif-accordion-title-content {
    color: var(--accordion-header-hover--color)
}

.motif-accordion-editorial:hover .motif-accordion-icons path,.motif-accordion-functional:hover .motif-accordion-icons path,.motif-accordion-functional-alt:hover .motif-accordion-icons path {
    --accordion-header-icon-color: var(--accordion-header-icon-hover-icon-color)
}

.motif-accordion-editorial:hover .motif-accordion-editorial .motif-accordion-trigger,.motif-accordion-editorial:hover .motif-accordion-functional .motif-accordion-trigger,.motif-accordion-editorial:hover .motif-accordion-functional-alt .motif-accordion-trigger,.motif-accordion-functional:hover .motif-accordion-editorial .motif-accordion-trigger,.motif-accordion-functional:hover .motif-accordion-functional .motif-accordion-trigger,.motif-accordion-functional:hover .motif-accordion-functional-alt .motif-accordion-trigger,.motif-accordion-functional-alt:hover .motif-accordion-editorial .motif-accordion-trigger,.motif-accordion-functional-alt:hover .motif-accordion-functional .motif-accordion-trigger,.motif-accordion-functional-alt:hover .motif-accordion-functional-alt .motif-accordion-trigger {
    background-color: transparent
}

.motif-accordion-editorial:hover .motif-accordion-editorial:hover .motif-accordion-trigger,.motif-accordion-editorial:hover .motif-accordion-functional:hover .motif-accordion-trigger,.motif-accordion-editorial:hover .motif-accordion-functional-alt:hover .motif-accordion-trigger,.motif-accordion-functional:hover .motif-accordion-editorial:hover .motif-accordion-trigger,.motif-accordion-functional:hover .motif-accordion-functional:hover .motif-accordion-trigger,.motif-accordion-functional:hover .motif-accordion-functional-alt:hover .motif-accordion-trigger,.motif-accordion-functional-alt:hover .motif-accordion-editorial:hover .motif-accordion-trigger,.motif-accordion-functional-alt:hover .motif-accordion-functional:hover .motif-accordion-trigger,.motif-accordion-functional-alt:hover .motif-accordion-functional-alt:hover .motif-accordion-trigger {
    background-color: var(--accordion-header-hover--bg-color)
}

.motif-accordion-editorial.motif-accordion-content-visible,.motif-accordion-functional.motif-accordion-content-visible,.motif-accordion-functional-alt.motif-accordion-content-visible {
    background-color: var(--accordion-editorial-expanded--bg-color)
}

.motif-accordion-editorial.motif-accordion-content-visible .motif-accordion-content,.motif-accordion-functional.motif-accordion-content-visible .motif-accordion-content,.motif-accordion-functional-alt.motif-accordion-content-visible .motif-accordion-content {
    border: var(--accordion--border-width) var(--accordion--border-style) var(--accordion--border-color);
    border-top: none;
    margin-top: -.1428571429rem;
    transition: border-color .2s ease,border-width .2s ease
}

.motif-accordion-editorial.motif-accordion-content-visible .motif-accordion-trigger,.motif-accordion-functional.motif-accordion-content-visible .motif-accordion-trigger,.motif-accordion-functional-alt.motif-accordion-content-visible .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);
    border-bottom-right-radius: var(--accordion-header--border-radius);
    border-bottom-left-radius: var(--accordion-header--border-radius);
    border-bottom-color: transparent;
    transition: border-color .2s ease,border-width .2s ease
}

.motif-accordion-editorial.motif-accordion-content-visible:hover .motif-accordion-trigger,.motif-accordion-functional.motif-accordion-content-visible:hover .motif-accordion-trigger,.motif-accordion-functional-alt.motif-accordion-content-visible:hover .motif-accordion-trigger {
    border-bottom-color: var(--accordion-header-hover--border-color)
}

.motif-accordion-editorial.motif-accordion-content-visible :focus-visible.motif-accordion-trigger,.motif-accordion-functional.motif-accordion-content-visible :focus-visible.motif-accordion-trigger,.motif-accordion-functional-alt.motif-accordion-content-visible :focus-visible.motif-accordion-trigger {
    --accordion-header--bg-color: var(--accordion-header-focus--bg-color);
    border-bottom-color: var(--accordion-header--border-color)
}

.motif-accordion+.motif-accordion {
    margin-top: -.0714285714rem
}

.motif-accordion-content-visible:last-child .motif-accordion-content {
    border-bottom-left-radius: var(--accordion--border-radius);
    border-bottom-right-radius: var(--accordion--border-radius)
}

.motif-accordion-content-visible .motif-accordion-group .motif-accordion-content-visible:not(:last-child) .motif-accordion-content {
    border-bottom-left-radius: 0rem;
    border-bottom-right-radius: 0rem
}

.motif-avatar {
    position: relative
}

.motif-avatar.motif-avatar-interactive {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    line-height: normal;
    text-align: left;
    border-radius: var(--avatar--border-radius);
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out,color .2s ease-in-out
}

.motif-avatar.motif-avatar-interactive:hover img {
    opacity: var(--avatar-interactive-hover--opacity)
}

.motif-avatar.motif-avatar-interactive:hover abbr,.motif-avatar.motif-avatar-interactive:hover .motif-icon {
    background-color: var(--avatar-interactive-hover--bg-color);
    color: var(--avatar-interactive-hover--color);
    fill: var(--avatar-interactive-hover--color)
}

.motif-avatar.motif-avatar-interactive:hover .motif-avatar-status-icon {
    border-color: var(--avatar-status--border-color);
    border-style: var(--avatar-status--border-style);
    border-width: var(--avatar-status--border-width);
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    z-index: 1;
    background-color: unset;
    bottom: 0;
    right: 0;
    box-sizing: content-box
}

.motif-avatar.motif-avatar-interactive:hover .motif-avatar-status-icon.motif-avatar-status-icon--online {
    background-color: var(--avatar-status-online--bg-color)
}

.motif-avatar.motif-avatar-interactive:hover .motif-avatar-status-icon.motif-avatar-status-icon--no-disturb {
    background-color: var(--avatar-status-no-disturb--bg-color)
}

.motif-avatar.motif-avatar-interactive:hover .motif-avatar-status-icon.motif-avatar-status-icon--no-available {
    background-color: var(--avatar-status-no-available--bg-color)
}

.motif-avatar.motif-avatar-interactive:hover .motif-avatar-status-icon.motif-avatar-status-icon--absent {
    background-color: var(--avatar-status-absent--bg-color)
}

.motif-avatar.motif-avatar-interactive:hover .motif-avatar-status-icon.motif-avatar-status-icon--warning {
    background-color: var(--avatar-status-warning--bg-color)
}

.motif-avatar.motif-avatar-interactive:hover .motif-avatar-status-icon.motif-avatar-status-icon--none {
    background-color: var(--avatar-status-none--bg-color)
}

.motif-avatar.motif-avatar-interactive:hover .motif-avatar-status-icon svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.motif-avatar.motif-avatar-interactive:hover .motif-avatar-status-icon svg path {
    fill: var(--avatar-status-online-icon-color)
}

.motif-avatar.motif-avatar-interactive:focus-visible {
    outline-color: var(--avatar-interactive-outline-color);
    outline-style: var(--avatar-interactive-outline-style);
    outline-width: var(--avatar-interactive-outline-width);
    outline-offset: var(--avatar-interactive-outline-offset)
}

.motif-avatar.motif-avatar-interactive:focus-visible img {
    opacity: var(--avatar-interactive-focus--opacity)
}

.motif-avatar.motif-avatar-interactive:focus-visible abbr,.motif-avatar.motif-avatar-interactive:focus-visible .motif-icon {
    background-color: var(--avatar-interactive-focus--bg-color);
    color: var(--avatar-interactive-focus--color);
    fill: var(--avatar-interactive-focus--color)
}

.motif-avatar.motif-avatar-interactive:focus-visible .motif-avatar-status-icon {
    border-color: var(--avatar-status--border-color);
    border-style: var(--avatar-status--border-style);
    border-width: var(--avatar-status--border-width);
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    z-index: 1;
    background-color: unset;
    bottom: 0;
    right: 0;
    box-sizing: content-box
}

.motif-avatar.motif-avatar-interactive:focus-visible .motif-avatar-status-icon.motif-avatar-status-icon--online {
    background-color: var(--avatar-status-online--bg-color)
}

.motif-avatar.motif-avatar-interactive:focus-visible .motif-avatar-status-icon.motif-avatar-status-icon--no-disturb {
    background-color: var(--avatar-status-no-disturb--bg-color)
}

.motif-avatar.motif-avatar-interactive:focus-visible .motif-avatar-status-icon.motif-avatar-status-icon--no-available {
    background-color: var(--avatar-status-no-available--bg-color)
}

.motif-avatar.motif-avatar-interactive:focus-visible .motif-avatar-status-icon.motif-avatar-status-icon--absent {
    background-color: var(--avatar-status-absent--bg-color)
}

.motif-avatar.motif-avatar-interactive:focus-visible .motif-avatar-status-icon.motif-avatar-status-icon--warning {
    background-color: var(--avatar-status-warning--bg-color)
}

.motif-avatar.motif-avatar-interactive:focus-visible .motif-avatar-status-icon.motif-avatar-status-icon--none {
    background-color: var(--avatar-status-none--bg-color)
}

.motif-avatar.motif-avatar-interactive:focus-visible .motif-avatar-status-icon svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.motif-avatar.motif-avatar-interactive:focus-visible .motif-avatar-status-icon svg path {
    fill: var(--avatar-status-online-icon-color)
}

.motif-avatar.motif-avatar-interactive:disabled {
    cursor: not-allowed
}

.motif-avatar.motif-avatar-interactive:disabled img {
    opacity: var(--avatar-interactive-disabled--opacity)
}

.motif-avatar.motif-avatar-interactive:disabled abbr,.motif-avatar.motif-avatar-interactive:disabled .motif-icon {
    background-color: var(--avatar-interactive-disabled--bg-color);
    color: var(--avatar-interactive-disabled--color);
    fill: var(--avatar-interactive-disabled--color)
}

.motif-avatar.motif-avatar-interactive:disabled .motif-avatar-status-icon {
    border-color: var(--avatar-status--border-color);
    border-style: var(--avatar-status--border-style);
    border-width: var(--avatar-status--border-width);
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    z-index: 1;
    background-color: unset;
    bottom: 0;
    right: 0;
    box-sizing: content-box
}

.motif-avatar.motif-avatar-interactive:disabled .motif-avatar-status-icon.motif-avatar-status-icon--online {
    background-color: var(--avatar-status-online--bg-color)
}

.motif-avatar.motif-avatar-interactive:disabled .motif-avatar-status-icon.motif-avatar-status-icon--no-disturb {
    background-color: var(--avatar-status-no-disturb--bg-color)
}

.motif-avatar.motif-avatar-interactive:disabled .motif-avatar-status-icon.motif-avatar-status-icon--no-available {
    background-color: var(--avatar-status-no-available--bg-color)
}

.motif-avatar.motif-avatar-interactive:disabled .motif-avatar-status-icon.motif-avatar-status-icon--absent {
    background-color: var(--avatar-status-absent--bg-color)
}

.motif-avatar.motif-avatar-interactive:disabled .motif-avatar-status-icon.motif-avatar-status-icon--warning {
    background-color: var(--avatar-status-warning--bg-color)
}

.motif-avatar.motif-avatar-interactive:disabled .motif-avatar-status-icon.motif-avatar-status-icon--none {
    background-color: var(--avatar-status-none--bg-color)
}

.motif-avatar.motif-avatar-interactive:disabled .motif-avatar-status-icon svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.motif-avatar.motif-avatar-interactive:disabled .motif-avatar-status-icon svg path {
    fill: var(--avatar-status-online-icon-color)
}

.motif-avatar img,.motif-avatar abbr,.motif-avatar .motif-icon {
    overflow: hidden;
    border-color: var(--avatar--border-color);
    border-style: var(--avatar--border-style);
    border-width: var(--avatar--border-width);
    box-shadow: var(--avatar--box-shadow);
    border-radius: var(--avatar--border-radius);
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex;
    justify-content: center;
    align-items: center
}

.motif-avatar abbr,.motif-avatar .motif-icon {
    background-color: var(--avatar-initials--bg-color);
    border-color: var(--avatar-initials--border-color);
    border-style: var(--avatar-initials--border-style);
    border-width: var(--avatar-initials--border-width);
    color: var(--avatar-initials--color);
    font-size: 1.2857142857rem;
    font-weight: 400;
    line-height: 2rem;
    font-style: normal;
    text-decoration: none;
    fill: var(--avatar-initials--color)
}

.motif-avatar .motif-avatar-status-icon {
    border-color: var(--avatar-status--border-color);
    border-style: var(--avatar-status--border-style);
    border-width: var(--avatar-status--border-width);
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    z-index: 1;
    background-color: unset;
    bottom: 0;
    right: 0;
    box-sizing: content-box
}

.motif-avatar .motif-avatar-status-icon.motif-avatar-status-icon--online {
    background-color: var(--avatar-status-online--bg-color)
}

.motif-avatar .motif-avatar-status-icon.motif-avatar-status-icon--no-disturb {
    background-color: var(--avatar-status-no-disturb--bg-color)
}

.motif-avatar .motif-avatar-status-icon.motif-avatar-status-icon--no-available {
    background-color: var(--avatar-status-no-available--bg-color)
}

.motif-avatar .motif-avatar-status-icon.motif-avatar-status-icon--absent {
    background-color: var(--avatar-status-absent--bg-color)
}

.motif-avatar .motif-avatar-status-icon.motif-avatar-status-icon--warning {
    background-color: var(--avatar-status-warning--bg-color)
}

.motif-avatar .motif-avatar-status-icon.motif-avatar-status-icon--none {
    background-color: var(--avatar-status-none--bg-color)
}

.motif-avatar .motif-avatar-status-icon svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.motif-avatar .motif-avatar-status-icon svg path {
    fill: var(--avatar-status-online-icon-color)
}

.motif-avatar-size-small {
    height: 2.2857142857rem;
    width: 2.2857142857rem
}

.motif-avatar-size-small .motif-avatar-status-icon {
    width: .5714285714rem;
    height: .5714285714rem
}

.motif-avatar-size-small .motif-avatar-initials {
    font-size: .8571428571rem;
    font-weight: 400;
    line-height: 1.2857142857rem
}

.motif-avatar-size-medium {
    height: 2.8571428571rem;
    width: 2.8571428571rem
}

.motif-avatar-size-medium .motif-avatar-status-icon {
    width: .7142857143rem;
    height: .7142857143rem
}

.motif-avatar-size-medium .motif-avatar-initials {
    font-size: 1.1428571429rem;
    font-weight: 400;
    line-height: 1.7142857143rem
}

.motif-avatar-size-large {
    height: 3.4285714286rem;
    width: 3.4285714286rem
}

.motif-avatar-size-large .motif-avatar-status-icon {
    width: .8571428571rem;
    height: .8571428571rem
}

.motif-avatar-size-large .motif-avatar-initials {
    font-size: 1.2857142857rem;
    font-weight: 400;
    line-height: 2rem
}

.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);
    font-size: var(--font-size-base);
    font-weight: var(--weight-light);
    color: var(--badge--color);
    display: inline-flex;
    justify-content: center;
    position: relative;
    border-radius: 1.1428571429rem;
    line-height: 1.2142857143rem;
    padding: .1428571429rem .5rem;
    min-height: 1.7142857143rem;
    min-width: 1.7142857143rem
}

.motif-badge .motif-badge-number {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-weight: var(--weight-regular);
    min-width: .7142857143rem;
    min-height: 1.4285714286rem
}

.motif-badge.motif-badge-overlap {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(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
}

.motif-breadcrumb-list-item span {
    display: block
}

.motif-breadcrumb-list-item a,.motif-breadcrumb-list-item a span,.motif-breadcrumb-list-item>span:not(:last-child) {
    font-size: var(--body-sm--font-size);
    font-weight: var(--weight-regular);
    text-decoration: none;
    line-height: 1.2857142857rem;
    outline: none;
    color: var(--breadcrumb-item--color)
}

.motif-breadcrumb-list-item .motif-dropdown .motif-dropdown-menu {
    margin-top: .5714285714rem
}

.motif-breadcrumb-list-item .motif-dropdown .motif-breadcrumb-list-item {
    padding: .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-visible {
    background-color: var(--breadcrumb-dropdown-menu-item-focus--bg-color)
}

.motif-breadcrumb-list-item .motif-dropdown .motif-breadcrumb-list-item:focus-visible svg {
    fill: var(--breadcrumb-dropdown-menu-item-focus-icon-color)
}

.motif-breadcrumb-list-item .motif-dropdown .motif-breadcrumb-list-item:hover:not(.motif-breadcrumb-list-item-disabled) {
    background-color: var(--breadcrumb-dropdown-menu-item-hover--bg-color);
    border-style: var(--breadcrumb-dropdown-menu-item-hover--border-style);
    border-width: var(--breadcrumb-dropdown-menu-item-hover--border-width);
    border-color: var(--breadcrumb-dropdown-menu-item-hover--border-color)
}

.motif-breadcrumb-list-item .motif-dropdown .motif-breadcrumb-list-item:hover:not(.motif-breadcrumb-list-item-disabled) 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-visible:not(.motif-breadcrumb-list-item-disabled) {
    color: var(--breadcrumb-dropdown-menu-item-focus--color)
}

.motif-breadcrumb-list-item .motif-dropdown .motif-breadcrumb-list-item a:hover:not(.motif-breadcrumb-list-item-disabled) {
    text-decoration: none;
    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 {
    background-color: var(--breadcrumb-dropdown-menu-item-disabled--bg-color);
    border-style: var(--breadcrumb-dropdown-menu-item-disabled--border-style);
    border-width: var(--breadcrumb-dropdown-menu-item-disabled--border-width);
    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: transparent
}

.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-top: .7142857143rem;
    width: .7857142857rem
}

.motif-breadcrumb-list-item .motif-breadcrumb-dropdown-icon path {
    fill: var(--breadcrumb-dropdown-trigger-icon-color);
    stroke-width: 0rem
}

.motif-breadcrumb-list-item .motif-icon {
    height: 1.1428571429rem
}

.motif-breadcrumb-list-item .motif-icon svg {
    height: 1.1428571429rem;
    width: 1.1428571429rem;
    fill: var(--breadcrumb-item-icon-color)
}

.motif-breadcrumb-list-item .motif-icon.motif-custom-icon {
    margin-right: .5714285714rem
}

.motif-breadcrumb-list-item .motif-icon.motif-custom-icon svg {
    cursor: pointer;
    stroke-width: .1428571429rem
}

.motif-breadcrumb-list-item .motif-icon.motif-custom-icon path {
    fill: var(--breadcrumb-item-icon-color)
}

.motif-breadcrumb-list-item-alt .motif-breadcrumb-list-item:not(.motif-breadcrumb-list-item-disabled) {
    --breadcrumb-item-focus--color: var(--breadcrumb-item-alt-focus--color);
    --breadcrumb-item-icon-focus-icon-color: var(--breadcrumb-item-icon-alt-focus-icon-color)
}

.motif-breadcrumb-list-item-alt .motif-breadcrumb-list-item:not(.motif-breadcrumb-list-item-disabled) a {
    color: var(--breadcrumb-alt--color)
}

.motif-breadcrumb-list-item-alt .motif-breadcrumb-list-item:not(.motif-breadcrumb-list-item-disabled) .motif-icon svg,.motif-breadcrumb-list-item-alt .motif-breadcrumb-list-item:not(.motif-breadcrumb-list-item-disabled) span>.motif-icon svg {
    fill: var(--breadcrumb-arrow-separator--color)
}

.motif-breadcrumb-list-item-alt .motif-breadcrumb-list-item:not(.motif-breadcrumb-list-item-disabled) .motif-custom-icon.motif-icon path {
    fill: var(--breadcrumb-item-icon-alt-icon-color)
}

.motif-breadcrumb-list-item-alt .motif-breadcrumb-list-item:not(.motif-breadcrumb-list-item-disabled):hover a {
    color: var(--breadcrumb-item-alt-hover--color)
}

.motif-breadcrumb-list-item-alt .motif-breadcrumb-list-item:not(.motif-breadcrumb-list-item-disabled):hover .motif-custom-icon path {
    fill: var(--breadcrumb-item-icon-alt-hover-icon-color)
}

.motif-breadcrumb-list-item-disabled {
    cursor: not-allowed
}

.motif-breadcrumb-list-item-disabled a {
    color: var(--breadcrumb-item-disabled--color);
    font-weight: var(--weight-regular);
    pointer-events: none
}

.motif-breadcrumb-list-item-disabled a:hover,.motif-breadcrumb-list-item-disabled a:focus-visible {
    text-decoration: none
}

.motif-breadcrumb-list-item-disabled .motif-custom-icon.motif-icon path {
    fill: var(--breadcrumb-item-icon-disabled-icon-color)
}

.motif-breadcrumb-list-item-disabled .motif-custom-icon.motif-icon svg {
    cursor: not-allowed
}

.motif-breadcrumb-list-item .motif-breadcrumb-separator {
    fill: var(--breadcrumb-arrow-separator--color);
    height: 1.1428571429rem;
    margin-right: .8571428571rem
}

.motif-breadcrumb-list-item .motif-breadcrumb-text {
    display: flex
}

.motif-breadcrumb-list-item .motif-breadcrumb-text>span:last-child {
    color: var(--breadcrumb-item-active--color);
    font-size: var(--body-sm--font-size);
    font-weight: var(--weight-regular);
    text-decoration: none;
    line-height: 1.2857142857rem
}

.motif-breadcrumb-list-item .motif-breadcrumb-text>span:last-child .motif-icon svg {
    fill: var(--breadcrumb-item-icon-active-icon-color)
}

.motif-breadcrumb-list-item:hover:not(.motif-breadcrumb-list-item-disabled) a {
    color: var(--breadcrumb-item-hover--color)
}

.motif-breadcrumb-list-item:hover:not(.motif-breadcrumb-list-item-disabled) .motif-icon path {
    fill: var(--breadcrumb-item-icon-hover-icon-color)
}

.motif-breadcrumb-list-item:focus-within,.motif-breadcrumb-list-item:focus-visible {
    outline: none
}

.motif-breadcrumb-list-item:focus-within .motif-breadcrumb-text,.motif-breadcrumb-list-item:focus-visible .motif-breadcrumb-text {
    border-radius: var(--breadcrumb-item-focus--border-radius);
    outline-color: var(--breadcrumb-item-focus--outline-color);
    outline-style: var(--breadcrumb-item-focus--outline-style);
    outline-width: var(--breadcrumb-item-focus--outline-width);
    outline-offset: var(--breadcrumb-item-focus--outline-offset);
    border-width: var(--breadcrumb-item-focus--border-width);
    border-style: var(--breadcrumb-item-focus--border-style);
    border-color: var(--breadcrumb-item-focus--border-color)
}

.motif-breadcrumb-list-item:focus-within .motif-breadcrumb-text a,.motif-breadcrumb-list-item:focus-visible .motif-breadcrumb-text a {
    color: var(--breadcrumb-item-focus--color)
}

.motif-breadcrumb-list-item:focus-within .motif-breadcrumb-text .motif-custom-icon path,.motif-breadcrumb-list-item:focus-visible .motif-breadcrumb-text .motif-custom-icon path {
    fill: var(--breadcrumb-item-icon-focus-icon-color)
}

.motif-breadcrumb-list {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    color: var(--breadcrumb-item--color);
    gap: .8571428571rem;
    height: 1.2857142857rem
}

.motif-breadcrumb-list .motif-home-icon path {
    fill: var(--breadcrumb-item-icon-color)
}

.motif-breadcrumb-list-item .motif-dropdown {
    display: flex
}

.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);
    min-width: max-content;
    cursor: pointer;
    display: flex;
    gap: .5714285714rem;
    font-family: var(--primary-font);
    font-size: 1rem;
    font-weight: var(--btn--font-weight);
    justify-content: center;
    line-height: 1.572;
    overflow: visible;
    padding: .5714285714rem 1rem;
    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:focus-visible {
    border-radius: var(--btn--border-radius);
    outline-style: var(--btn-focus--outline-style);
    outline-color: var(--btn-focus--outline-color);
    outline-width: var(--btn-focus--outline-width);
    outline-offset: var(--btn-focus--outline-offset)
}

.motif-button.motif-button-stepper-prev .motif-icon,.motif-button.motif-button-stepper-next .motif-icon {
    position: relative;
    top: .1428571429rem;
    height: 1.7142857143rem;
    width: .8571428571rem;
    display: flex;
    justify-items: center;
    margin-left: 0;
    margin-right: 0
}

.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: .5714285714rem;
    margin-left: -.1428571429rem
}

.motif-button.motif-button-stepper-next .motif-icon {
    margin-left: .5714285714rem
}

.motif-button path {
    transition: fill var(--ease-in-out-fast)
}

.motif-button .motif-icon {
    flex-shrink: 0;
    color: inherit
}

.motif-button .motif-icon svg {
    display: block;
    height: 1.4285714286rem;
    width: 1.4285714286rem
}

.motif-button .motif-icon svg path {
    fill: currentcolor
}

.motif-button::-moz-focus-inner {
    border: 0
}

.motif-button:disabled {
    cursor: not-allowed
}

.motif-button-small {
    padding: .5714285714rem 1rem;
    font-size: 1rem;
    height: 2.5714285714rem
}

.motif-button-small.motif-button-icon-only {
    padding: .5714285714rem
}

.motif-button-medium {
    padding: .7142857143rem 1.1428571429rem;
    font-size: 1.1428571429rem;
    height: 3.1428571429rem
}

.motif-button-medium.motif-button-icon-only {
    padding: .8571428571rem
}

.motif-button-large {
    padding: .7142857143rem 1.2857142857rem;
    font-size: 1.2857142857rem;
    height: 3.4285714286rem
}

.motif-button-large.motif-button-icon-only {
    padding: 1rem
}

.motif-button-primary {
    background-color: var(--btn-primary--bg-color);
    color: var(--btn-primary--color);
    box-shadow: var(--btn-primary--box-shadow);
    border-radius: var(--btn-primary--border-radius);
    border-color: var(--btn-primary--border-color);
    border-width: var(--btn-primary--border-width);
    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) {
    background-color: var(--btn-primary-hover--bg-color);
    color: var(--btn-primary-hover--color);
    border-color: var(--btn-primary-hover--border-color);
    border-width: var(--btn-primary-hover--border-width);
    border-style: var(--btn-primary-hover--border-style);
    box-shadow: var(--btn-primary-hover--box-shadow);
    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 {
    color: var(--btn-primary-hover-icon-color)
}

.motif-button-primary:disabled {
    background-color: var(--btn-primary-disabled--bg-color);
    color: var(--btn-primary-disabled--color);
    border-color: var(--btn-primary-disabled--border-color);
    border-width: var(--btn-primary-disabled--border-width);
    border-style: var(--btn-primary-disabled--border-style);
    box-shadow: var(--btn-primary-disabled--box-shadow);
    border-radius: var(--btn-primary-disabled--border-radius)
}

.motif-button-primary:disabled .motif-icon svg {
    color: var(--btn-primary-disabled-icon-color)
}

.motif-button-primary.motif-active,.motif-button-primary:focus-visible {
    background-color: var(--btn-primary-focus--bg-color);
    color: var(--btn-primary-focus--color);
    border-color: var(--btn-primary-focus--border-color);
    border-width: var(--btn-primary-focus--border-width);
    border-style: var(--btn-primary-focus--border-style);
    box-shadow: var(--btn-primary-focus--box-shadow);
    border-radius: var(--btn-primary-focus--border-radius)
}

.motif-button-primary.motif-active .motif-icon svg,.motif-button-primary:focus-visible .motif-icon svg {
    color: var(--btn-primary-focus-icon-color)
}

.motif-button-primary.motif-selected,.motif-button-primary.motif-active,.motif-button-primary:active:not(:disabled) {
    background-color: var(--btn-primary-active--bg-color);
    color: var(--btn-primary-active--color);
    border-color: var(--btn-primary-active--border-color);
    border-width: var(--btn-primary-active--border-width);
    border-style: var(--btn-primary-active--border-style);
    box-shadow: var(--btn-primary-active--box-shadow);
    border-radius: var(--btn-primary-active--border-radius)
}

.motif-button-primary.motif-selected .motif-icon svg,.motif-button-primary.motif-active .motif-icon svg,.motif-button-primary:active:not(:disabled) .motif-icon svg {
    color: var(--btn-primary-active-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-visible {
    --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-visible .motif-icon svg {
    --btn-primary-alt-icon-color: var(--btn-primary-alt-focus-icon-color)
}

.motif-button-primary-alt.motif-selected,.motif-button-primary-alt.motif-active,.motif-button-primary-alt:active:not(:disabled) {
    --btn-primary-alt--bg-color: var(--btn-primary-alt-active--bg-color);
    --btn-primary-alt--color: var(--btn-primary-alt-active--color);
    --btn-primary-alt--border-color: var(--btn-primary-alt-active--border-color);
    --btn-primary-alt--border-width: var(--btn-primary-alt-active--border-width);
    --btn-primary-alt--border-style: var(--btn-primary-alt-active--border-style);
    --btn-primary-alt--box-shadow: var(--btn-primary-alt-active--box-shadow);
    --btn-primary-alt--border-radius: var(--btn-primary-alt-active--border-radius)
}

.motif-button-primary-alt.motif-selected .motif-icon svg,.motif-button-primary-alt.motif-active .motif-icon svg,.motif-button-primary-alt:active:not(:disabled) .motif-icon svg {
    --btn-primary-alt-icon-color: var(--btn-primary-alt-active-icon-color)
}

.motif-button-secondary {
    background-color: var(--btn-secondary--bg-color);
    color: var(--btn-secondary--color);
    box-shadow: var(--btn-secondary--box-shadow);
    border-radius: var(--btn-secondary--border-radius);
    border-color: var(--btn-secondary--border-color);
    border-width: var(--btn-secondary--border-width);
    border-style: var(--btn-secondary--border-style)
}

.motif-button-secondary .motif-icon svg {
    color: var(--btn-secondary-icon-color)
}

.motif-button-secondary:focus-visible {
    background-color: var(--btn-secondary-focus--bg-color);
    color: var(--btn-secondary-focus--color);
    border-color: var(--btn-secondary-focus--border-color);
    border-width: var(--btn-secondary-focus--border-width);
    border-style: var(--btn-secondary-focus--border-style);
    box-shadow: var(--btn-secondary-focus--box-shadow);
    border-radius: var(--btn-secondary-focus--border-radius)
}

.motif-button-secondary:focus-visible .motif-icon svg {
    color: var(--btn-secondary-focus-icon-color)
}

.motif-button-secondary:disabled {
    background-color: var(--btn-secondary-disabled--bg-color);
    color: var(--btn-secondary-disabled--color);
    border-color: var(--btn-secondary-disabled--border-color);
    border-width: var(--btn-secondary-disabled--border-width);
    border-style: var(--btn-secondary-disabled--border-style);
    box-shadow: var(--btn-secondary-disabled--box-shadow);
    border-radius: var(--btn-secondary-disabled--border-radius)
}

.motif-button-secondary:disabled .motif-icon svg {
    color: var(--btn-secondary-disabled-icon-color)
}

.motif-button-secondary:hover:not(:disabled) {
    background-color: var(--btn-secondary-hover--bg-color);
    color: var(--btn-secondary-hover--color);
    border-color: var(--btn-secondary-hover--border-color);
    border-width: var(--btn-secondary-hover--border-width);
    border-style: var(--btn-secondary-hover--border-style);
    box-shadow: var(--btn-secondary-hover--box-shadow);
    border-radius: var(--btn-secondary-hover--border-radius)
}

.motif-button-secondary:hover:not(:disabled) .motif-icon svg {
    color: var(--btn-secondary-hover-icon-color)
}

.motif-button-secondary.motif-selected,.motif-button-secondary.motif-active,.motif-button-secondary:active:not(:disabled) {
    background-color: var(--btn-secondary-active--bg-color);
    color: var(--btn-secondary-active--color);
    border-color: var(--btn-secondary-active--border-color);
    border-width: var(--btn-secondary-active--border-width);
    border-style: var(--btn-secondary-active--border-style);
    box-shadow: var(--btn-secondary-active--box-shadow);
    border-radius: var(--btn-secondary-active--border-radius)
}

.motif-button-secondary.motif-selected .motif-icon svg,.motif-button-secondary.motif-active .motif-icon svg,.motif-button-secondary:active:not(:disabled) .motif-icon svg {
    color: var(--btn-secondary-active-icon-color)
}

.motif-button-ghost {
    background-color: var(--btn-ghost--bg-color);
    color: var(--btn-ghost--color);
    box-shadow: var(--btn-ghost--box-shadow);
    border-radius: var(--btn-ghost--border-radius);
    border-color: var(--btn-ghost--border-color);
    border-width: var(--btn-ghost--border-width);
    border-style: var(--btn-ghost--border-style)
}

.motif-button-ghost .motif-icon svg {
    color: var(--btn-ghost-icon-color)
}

.motif-button-ghost.motif-active,.motif-button-ghost:hover:not(:disabled) {
    background-color: var(--btn-ghost-hover--bg-color);
    color: var(--btn-ghost-hover--color);
    border-color: var(--btn-ghost-hover--border-color);
    border-width: var(--btn-ghost-hover--border-width);
    border-style: var(--btn-ghost-hover--border-style);
    box-shadow: var(--btn-ghost-hover--box-shadow);
    border-radius: var(--btn-ghost-hover--border-radius)
}

.motif-button-ghost.motif-active .motif-icon svg,.motif-button-ghost:hover:not(:disabled) .motif-icon svg {
    color: var(--btn-ghost-hover-icon-color)
}

.motif-button-ghost.motif-selected,.motif-button-ghost.motif-active,.motif-button-ghost:active:not(:disabled) {
    background-color: var(--btn-ghost-active--bg-color);
    color: var(--btn-ghost-active--color);
    border-color: var(--btn-ghost-active--border-color);
    border-width: var(--btn-ghost-active--border-width);
    border-style: var(--btn-ghost-active--border-style);
    box-shadow: var(--btn-ghost-active--box-shadow);
    border-radius: var(--btn-ghost-active--border-radius)
}

.motif-button-ghost.motif-selected .motif-icon svg,.motif-button-ghost.motif-active .motif-icon svg,.motif-button-ghost:active:not(:disabled) .motif-icon svg {
    color: var(--btn-ghost-active-icon-color)
}

.motif-button-ghost.motif-active,.motif-button-ghost:focus-visible {
    background-color: var(--btn-ghost-focus--bg-color);
    color: var(--btn-ghost-focus--color);
    border-color: var(--btn-ghost-focus--border-color);
    border-width: var(--btn-ghost-focus--border-width);
    border-style: var(--btn-ghost-focus--border-style);
    box-shadow: var(--btn-ghost-focus--box-shadow);
    border-radius: var(--btn-ghost-focus--border-radius)
}

.motif-button-ghost.motif-active .motif-icon svg,.motif-button-ghost:focus-visible .motif-icon svg {
    color: var(--btn-ghost-focus-icon-color)
}

.motif-button-ghost:disabled {
    background-color: var(--btn-ghost-disabled--bg-color);
    color: var(--btn-ghost-disabled--color);
    border-color: var(--btn-ghost-disabled--border-color);
    border-width: var(--btn-ghost-disabled--border-width);
    border-style: var(--btn-ghost-disabled--border-style);
    box-shadow: var(--btn-ghost-disabled--box-shadow);
    border-radius: var(--btn-ghost-disabled--border-radius)
}

.motif-button-ghost:disabled .motif-icon svg {
    color: var(--btn-ghost-disabled-icon-color)
}

.motif-text-button,.motif-text-alt-button {
    background: transparent;
    text-underline-offset: var(--btn-text--text-underline-offset);
    box-shadow: var(--btn-text--box-shadow);
    padding: 0;
    height: auto
}

.motif-text-button.motif-text-button,.motif-text-alt-button.motif-text-button {
    color: var(--btn-text--color);
    border-color: var(--btn-text--border-color);
    border-width: var(--btn-text--border-width);
    border-style: var(--btn-text--border-style);
    border-radius: var(--btn-text--border-radius);
    text-underline-offset: var(--btn-text--text-underline-offset)
}

.motif-text-button.motif-text-button .motif-icon svg,.motif-text-alt-button.motif-text-button .motif-icon svg {
    color: var(--btn-text-icon-color)
}

.motif-text-button.motif-text-button:hover,.motif-text-alt-button.motif-text-button:hover {
    background-color: var(--btn-text-hover--background-color);
    color: var(--btn-text-hover--color)
}

.motif-text-button.motif-text-button:focus-visible,.motif-text-alt-button.motif-text-button:focus-visible {
    background-color: var(--btn-text-focus--background-color);
    color: var(--btn-text-focus--color);
    border-color: var(--btn-text-focus--border-color);
    border-width: var(--btn-text-focus--border-width);
    border-style: var(--btn-text-focus--border-style);
    box-shadow: var(--btn-text-focus--box-shadow);
    border-radius: var(--btn-text-focus--border-radius)
}

.motif-text-button.motif-text-button:active,.motif-text-alt-button.motif-text-button:active {
    background-color: var(--btn-text-active--background-color);
    color: var(--btn-text-active--color)
}

.motif-text-button.motif-text-button:disabled,.motif-text-alt-button.motif-text-button:disabled {
    background-color: var(--btn-text-disabled--bg-color);
    border-color: var(--btn-text-disabled--border-color);
    border-style: var(--btn-text-disabled--border-style);
    border-width: var(--btn-text-disabled--border-width);
    box-shadow: var(--btn-text-disabled--box-shadow);
    border-radius: var(--btn-text-disabled--border-radius);
    color: var(--btn-text-disabled--color);
    cursor: not-allowed
}

.motif-text-button.motif-text-button:disabled .motif-progress,.motif-text-alt-button.motif-text-button:disabled .motif-progress {
    background-color: var(--btn-text-disabled-progress--background-color)
}

.motif-text-button.motif-text-button:disabled .motif-icon svg,.motif-text-alt-button.motif-text-button:disabled .motif-icon svg {
    color: var(--btn-text-disabled-icon--color)
}

.motif-text-button.motif-text-alt-button,.motif-text-alt-button.motif-text-alt-button {
    color: var(--btn-text-alt--color);
    background-color: var(--btn-text-alt--background-color);
    border-color: var(--btn-text-alt--border-color);
    border-width: var(--btn-text-alt--border-width);
    border-style: var(--btn-text-alt--border-style);
    border-radius: var(--btn-text-alt--border-radius);
    text-underline-offset: var(--btn-text-alt--text-underline-offset);
    box-shadow: var(--btn-text-alt--box-shadow)
}

.motif-text-button.motif-text-alt-button .motif-progress,.motif-text-alt-button.motif-text-alt-button .motif-progress {
    background-color: var(--btn-text-alt-progress--background-color)
}

.motif-text-button.motif-text-alt-button .motif-icon svg,.motif-text-alt-button.motif-text-alt-button .motif-icon svg {
    color: var(--btn-text-alt-icon-color)
}

.motif-text-button.motif-text-alt-button:hover,.motif-text-alt-button.motif-text-alt-button:hover {
    background-color: var(--btn-text-alt-hover--background-color);
    border-color: var(--btn-text-alt-hover--border-color);
    border-width: var(--btn-text-alt-hover--border-width);
    border-style: var(--btn-text-alt-hover--border-style);
    border-radius: var(--btn-text-alt-hover--border-radius);
    box-shadow: var(--btn-text-alt-hover--box-shadow);
    color: var(--btn-text-alt-hover--color);
    text-decoration: var(--btn-text-alt-hover-text-decoration)
}

.motif-text-button.motif-text-alt-button:focus-visible,.motif-text-alt-button.motif-text-alt-button:focus-visible {
    background-color: var(--btn-text-alt-focus--background-color);
    border-color: var(--btn-text-alt-focus--border-color);
    border-width: var(--btn-text-alt-focus--border-width);
    border-style: var(--btn-text-alt-focus--border-style);
    border-radius: var(--btn-text-alt-focus--border-radius);
    box-shadow: var(--btn-text-alt-focus--box-shadow);
    color: var(--btn-text-alt-focus--color)
}

.motif-text-button.motif-text-alt-button:active:not(:disabled),.motif-text-alt-button.motif-text-alt-button:active:not(:disabled) {
    background-color: var(--btn-text-alt-active--background-color);
    border-color: var(--btn-text-alt-active--border-color);
    border-width: var(--btn-text-alt-active--border-width);
    border-style: var(--btn-text-alt-active--border-style);
    box-shadow: var(--btn-text-alt-active--box-shadow);
    border-radius: var(--btn-text-alt-active--border-radius);
    color: var(--btn-text-alt-active--color)
}

.motif-text-button.motif-text-alt-button:disabled,.motif-text-alt-button.motif-text-alt-button:disabled {
    background-color: var(--btn-text-alt-disabled--bg-color);
    border-color: var(--btn-text-alt-disabled--border-color);
    border-style: var(--btn-text-alt-disabled--border-style);
    border-width: var(--btn-text-alt-disabled--border-width);
    box-shadow: var(--btn-text-alt-disabled--box-shadow);
    border-radius: var(--btn-text-alt-disabled--border-radius);
    color: var(--btn-text-alt-disabled--color);
    cursor: not-allowed;
    text-decoration: none
}

.motif-text-button.motif-text-alt-button:disabled .motif-progress,.motif-text-alt-button.motif-text-alt-button:disabled .motif-progress {
    background-color: var(--btn-text-alt-disabled-progress--background-color)
}

.motif-text-button.motif-text-alt-button:disabled .motif-icon svg,.motif-text-alt-button.motif-text-alt-button:disabled .motif-icon svg {
    color: var(--btn-text-alt-disabled-icon--color)
}

.motif-loader-button.motif-button-primary .motif-progress {
    background-color: var(--btn-loader-primary-progress--bg-color)
}

.motif-loader-button.motif-button-primary-alt .motif-progress {
    background-color: var(--btn-loader-primary-alt-progress--bg-color)
}

.motif-loader-button.motif-button-secondary .motif-progress {
    background-color: var(--btn-loader-secondary-progress--bg-color)
}

.motif-loader-button:disabled.motif-button-primary .motif-progress {
    background-color: var(--btn-loader-primary-progress-disabled--bg-color)
}

.motif-loader-button:disabled.motif-button-primary-alt .motif-progress {
    background-color: var(--btn-loader-primary-alt-progress-disabled--bg-color)
}

.motif-loader-button:disabled.motif-button-secondary .motif-progress {
    background-color: var(--btn-loader-secondary-progress-disabled--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: -.0714285714rem;
    right: -.0714285714rem;
    bottom: -.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: transparent
}

@keyframes loader-button-anim {
    0% {
        left: -60%
    }

    to {
        left: 160%
    }
}

.motif-button-warn.motif-button-primary {
    background-color: var(--btn-warn--bg-color);
    color: var(--btn-warn--color);
    box-shadow: var(--btn-warn--box-shadow);
    border-radius: var(--btn-warn--border-radius);
    border-color: var(--btn-warn--border-color);
    border-width: var(--btn-warn--border-width);
    border-style: var(--btn-warn--border-style)
}

.motif-button-warn.motif-button-primary .motif-icon svg {
    color: var(--btn-warn-icon-color)
}

.motif-button-warn.motif-button-primary.motif-loader-button .motif-progress {
    background-color: var(--btn-warn-progress--bg-color)
}

.motif-button-warn.motif-button-primary:hover {
    background-color: var(--btn-warn-hover--bg-color);
    color: var(--btn-warn-hover--color);
    border-color: var(--btn-warn-hover--border-color);
    border-width: var(--btn-warn-hover--border-width);
    border-style: var(--btn-warn-hover--border-style);
    box-shadow: var(--btn-warn-hover--box-shadow);
    border-radius: var(--btn-warn-hover--border-radius)
}

.motif-button-warn.motif-button-primary:hover .motif-icon svg {
    color: var(--btn-warn-icon-color)
}

.motif-button-warn.motif-button-primary:focus-visible {
    background-color: var(--btn-warn-focus--bg-color);
    color: var(--btn-warn-focus--color);
    border-color: var(--btn-warn-focus--border-color);
    border-width: var(--btn-warn-focus--border-width);
    border-style: var(--btn-warn-focus--border-style);
    box-shadow: var(--btn-warn-focus--box-shadow);
    border-radius: var(--btn-warn-focus--border-radius)
}

.motif-button-warn.motif-button-primary:disabled {
    background-color: var(--btn-warn-disabled--bg-color);
    color: var(--btn-warn-disabled--color);
    border-color: var(--btn-warn-disabled--border-color);
    border-width: var(--btn-warn-disabled--border-width);
    border-style: var(--btn-warn-disabled--border-style);
    box-shadow: var(--btn-warn-disabled--box-shadow);
    border-radius: var(--btn-warn-disabled--border-radius)
}

.motif-button-warn.motif-button-primary:disabled .motif-icon svg {
    color: var(--btn-warn-disabled-icon-color)
}

.motif-button-warn.motif-button-primary:disabled.motif-loader-button .motif-progress {
    background-color: var(--btn-warn-disabled-progress--bg-color)
}

.motif-button-warn.motif-button-primary.motif-selected,.motif-button-warn.motif-button-primary.motif-active,.motif-button-warn.motif-button-primary:active:not(:disabled) {
    background-color: var(--btn-warn-active--bg-color);
    color: var(--btn-warn-active--color);
    border-color: var(--btn-warn-active--border-color);
    border-width: var(--btn-warn-active--border-width);
    border-style: var(--btn-warn-active--border-style);
    box-shadow: var(--btn-warn-active--box-shadow);
    border-radius: var(--btn-warn-active--border-radius)
}

.motif-button-warn.motif-button-primary.motif-selected .motif-icon svg,.motif-button-warn.motif-button-primary.motif-active .motif-icon svg,.motif-button-warn.motif-button-primary:active:not(:disabled) .motif-icon svg {
    color: var(--btn-warn-active-icon-color)
}

.motif-button-warn.motif-button-secondary {
    background-color: var(--btn-warn-secondary--bg-color);
    color: var(--btn-warn-secondary--color);
    box-shadow: var(--btn-warn-secondary--box-shadow);
    border-radius: var(--btn-warn-secondary--border-radius);
    border-color: var(--btn-warn-secondary--border-color);
    border-width: var(--btn-warn-secondary--border-width);
    border-style: var(--btn-warn-secondary--border-style)
}

.motif-button-warn.motif-button-secondary .motif-icon svg {
    color: var(--btn-warn-secondary-icon-color)
}

.motif-button-warn.motif-button-secondary.motif-loader-button .motif-progress {
    background-color: var(--btn-warn-secondary-progress--bg-color)
}

.motif-button-warn.motif-button-secondary:hover {
    background-color: var(--btn-warn-secondary-hover--bg-color);
    color: var(--btn-warn-secondary-hover--color);
    border-color: var(--btn-warn-secondary-hover--border-color);
    border-width: var(--btn-warn-secondary-hover--border-width);
    border-style: var(--btn-warn-secondary-hover--border-style);
    box-shadow: var(--btn-warn-secondary-hover--box-shadow);
    border-radius: var(--btn-warn-secondary-hover--border-radius)
}

.motif-button-warn.motif-button-secondary:hover .motif-icon svg {
    color: var(--btn-warn-secondary-hover-icon-color)
}

.motif-button-warn.motif-button-secondary:focus-visible {
    background-color: var(--btn-warn-secondary-focus--bg-color);
    color: var(--btn-warn-secondary-focus--color);
    box-shadow: var(--btn-warn-secondary-focus--box-shadow);
    border-color: var(--btn-warn-secondary-focus--border-color);
    border-width: var(--btn-warn-secondary-focus--border-width);
    border-style: var(--btn-warn-secondary-focus--border-style);
    border-radius: var(--btn-warn-secondary-focus--border-radius)
}

.motif-button-warn.motif-button-secondary:focus-visible .motif-icon svg {
    color: var(--btn-warn-secondary-focus-icon-color)
}

.motif-button-warn.motif-button-secondary:disabled {
    background-color: var(--btn-warn-secondary-disabled--bg-color);
    color: var(--btn-warn-secondary-disabled--color);
    border-color: var(--btn-warn-secondary-disabled--border-color);
    border-width: var(--btn-warn-secondary-disabled--border-width);
    border-style: var(--btn-warn-secondary-disabled--border-style);
    box-shadow: var(--btn-warn-secondary-disabled--box-shadow);
    border-radius: var(--btn-warn-secondary-disabled--border-radius)
}

.motif-button-warn.motif-button-secondary:disabled .motif-icon svg {
    color: var(--btn-warn-secondary-disabled-icon-color)
}

.motif-button-warn.motif-button-secondary:disabled.motif-loader-button .motif-progress {
    background-color: var(--btn-warn-secondary-disabled-progress--bg-color)
}

.motif-button-warn.motif-button-secondary.motif-selected,.motif-button-warn.motif-button-secondary.motif-active,.motif-button-warn.motif-button-secondary:active:not(:disabled) {
    background-color: var(--btn-warn-secondary-active--bg-color);
    color: var(--btn-warn-secondary-active--color);
    border-color: var(--btn-warn-secondary-active--border-color);
    border-width: var(--btn-warn-secondary-active--border-width);
    border-style: var(--btn-warn-secondary-active--border-style);
    box-shadow: var(--btn-warn-secondary-active--box-shadow);
    border-radius: var(--btn-warn-secondary-active--border-radius)
}

.motif-button-warn.motif-button-secondary.motif-selected .motif-icon svg,.motif-button-warn.motif-button-secondary.motif-active .motif-icon svg,.motif-button-warn.motif-button-secondary:active:not(:disabled) .motif-icon svg {
    color: var(--btn-warn-secondary-active-icon-color)
}

.motif-button-warn.motif-button-ghost {
    background-color: var(--btn-warn-ghost--bg-color);
    color: var(--btn-warn-ghost--color);
    box-shadow: var(--btn-warn-ghost--box-shadow);
    border-radius: var(--btn-warn-ghost--border-radius);
    border-color: var(--btn-warn-ghost--border-color);
    border-width: var(--btn-warn-ghost--border-width);
    border-style: var(--btn-warn-ghost--border-style)
}

.motif-button-warn.motif-button-ghost .motif-icon svg {
    color: var(--btn-warn-ghost-icon-color)
}

.motif-button-warn.motif-button-ghost:hover {
    background-color: var(--btn-warn-ghost-hover--bg-color);
    color: var(--btn-warn-ghost-hover--color);
    box-shadow: var(--btn-warn-ghost-hover--box-shadow);
    border-radius: var(--btn-warn-ghost-hover--border-radius);
    border-color: var(--btn-warn-ghost-hover--border-color);
    border-width: var(--btn-warn-ghost-hover--border-width);
    border-style: var(--btn-warn-ghost-hover--border-style)
}

.motif-button-warn.motif-button-ghost:hover .motif-icon svg {
    color: var(--btn-warn-ghost-hover-icon-color)
}

.motif-button-warn.motif-button-ghost.motif-selected,.motif-button-warn.motif-button-ghost.motif-active,.motif-button-warn.motif-button-ghost:active:not(:disabled) {
    background-color: var(--btn-warn-ghost-active--bg-color);
    color: var(--btn-warn-ghost-active--color);
    box-shadow: var(--btn-warn-ghost-active--box-shadow);
    border-radius: var(--btn-warn-ghost-active--border-radius);
    border-color: var(--btn-warn-ghost-active--border-color);
    border-width: var(--btn-warn-ghost-active--border-width);
    border-style: var(--btn-warn-ghost-active--border-style)
}

.motif-button-warn.motif-button-ghost.motif-selected .motif-icon svg,.motif-button-warn.motif-button-ghost.motif-active .motif-icon svg,.motif-button-warn.motif-button-ghost:active:not(:disabled) .motif-icon svg {
    color: var(--btn-warn-ghost-active-icon-color)
}

.motif-button-warn.motif-button-ghost:focus-visible {
    background-color: var(--btn-warn-ghost-focus--bg-color);
    color: var(--btn-warn-ghost-focus--color);
    box-shadow: var(--btn-warn-ghost-focus--box-shadow);
    border-radius: var(--btn-warn-ghost-focus--border-radius);
    border-color: var(--btn-warn-ghost-focus--border-color);
    border-width: var(--btn-warn-ghost-focus--border-width);
    border-style: var(--btn-warn-ghost-focus--border-style)
}

.motif-button-warn.motif-button-ghost:focus-visible .motif-icon svg {
    color: var(--btn-warn-ghost-focus-icon-color)
}

.motif-button-warn.motif-button-ghost:disabled {
    background-color: var(--btn-warn-ghost-disabled--bg-color);
    color: var(--btn-warn-ghost-disabled--color);
    box-shadow: var(--btn-warn-ghost-disabled--box-shadow);
    border-radius: var(--btn-warn-ghost-disabled--border-radius);
    border-color: var(--btn-warn-ghost-disabled--border-color);
    border-width: var(--btn-warn-ghost-disabled--border-width);
    border-style: var(--btn-warn-ghost-disabled--border-style)
}

.motif-button-warn.motif-button-ghost:disabled .motif-icon svg {
    color: var(--btn-warn-ghost-disabled-icon-color)
}

.motif-button-warn.motif-text-button,.motif-button-warn.motif-text-alt-button {
    background-color: var(--btn-warn-text--bg-color);
    color: var(--btn-warn-text--color);
    box-shadow: var(--btn-warn-text--box-shadow);
    border-radius: var(--btn-warn-text--border-radius);
    border-color: var(--btn-warn-text--border-color);
    border-width: var(--btn-warn-text--border-width);
    border-style: var(--btn-warn-text--border-style)
}

.motif-button-warn.motif-text-button .motif-icon svg,.motif-button-warn.motif-text-alt-button .motif-icon svg {
    color: var(--btn-warn-text-icon-color)
}

.motif-button-warn.motif-text-button.motif-loader-button .motif-progress,.motif-button-warn.motif-text-alt-button.motif-loader-button .motif-progress {
    background-color: var(--btn-warn-text-progress--bg-color)
}

.motif-button-warn.motif-text-button:hover,.motif-button-warn.motif-text-alt-button:hover {
    background-color: var(--btn-warn-text-hover--bg-color);
    color: var(--btn-warn-text-hover--color);
    border-color: var(--btn-warn-text-hover--border-color);
    border-width: var(--btn-warn-text-hover--border-width);
    border-style: var(--btn-warn-text-hover--border-style);
    box-shadow: var(--btn-warn-text-hover--box-shadow);
    border-radius: var(--btn-warn-text-hover--border-radius)
}

.motif-button-warn.motif-text-button:hover .motif-icon svg,.motif-button-warn.motif-text-alt-button:hover .motif-icon svg {
    color: var(--btn-warn-text-hover-icon-color)
}

.motif-button-warn.motif-text-button:focus-visible,.motif-button-warn.motif-text-alt-button:focus-visible {
    background-color: var(--btn-warn-text-focus--bg-color);
    color: var(--btn-warn-text-focus--color);
    border-color: var(--btn-warn-text-focus--border-color);
    border-width: var(--btn-warn-text-focus--border-width);
    border-style: var(--btn-warn-text-focus--border-style);
    box-shadow: var(--btn-warn-text-focus--box-shadow);
    border-radius: var(--btn-warn-text-focus--border-radius)
}

.motif-button-warn.motif-text-button:disabled,.motif-button-warn.motif-text-alt-button:disabled {
    background-color: var(--btn-warn-text-disabled--bg-color);
    color: var(--btn-warn-text-disabled--color);
    border-color: var(--btn-warn-text-disabled--border-color);
    border-width: var(--btn-warn-text-disabled--border-width);
    border-style: var(--btn-warn-text-disabled--border-style);
    box-shadow: var(--btn-warn-text-disabled--box-shadow);
    border-radius: var(--btn-warn-text-disabled--border-radius)
}

.motif-button-warn.motif-text-button:disabled .motif-icon svg,.motif-button-warn.motif-text-alt-button:disabled .motif-icon svg {
    color: var(--btn-warn-text-disabled-icon-color)
}

.motif-button-warn.motif-text-button:disabled.motif-loader-button .motif-progress,.motif-button-warn.motif-text-alt-button:disabled.motif-loader-button .motif-progress {
    background-color: var(--btn-warn-text-disabled-progress--bg-color)
}

.motif-button-warn.motif-text-button.motif-selected,.motif-button-warn.motif-text-button.motif-active,.motif-button-warn.motif-text-button:active:not(:disabled),.motif-button-warn.motif-text-alt-button.motif-selected,.motif-button-warn.motif-text-alt-button.motif-active,.motif-button-warn.motif-text-alt-button:active:not(:disabled) {
    background-color: var(--btn-warn-text-active--bg-color);
    color: var(--btn-warn-text-active--color);
    border-color: var(--btn-warn-text-active--border-color);
    border-width: var(--btn-warn-text-active--border-width);
    border-style: var(--btn-warn-text-active--border-style);
    box-shadow: var(--btn-warn-text-active--box-shadow);
    border-radius: var(--btn-warn-text-active--border-radius)
}

.motif-button-warn.motif-text-button.motif-selected .motif-icon svg,.motif-button-warn.motif-text-button.motif-active .motif-icon svg,.motif-button-warn.motif-text-button:active:not(:disabled) .motif-icon svg,.motif-button-warn.motif-text-alt-button.motif-selected .motif-icon svg,.motif-button-warn.motif-text-alt-button.motif-active .motif-icon svg,.motif-button-warn.motif-text-alt-button:active:not(:disabled) .motif-icon svg {
    color: var(--btn-warn-text-active-icon-color)
}

.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: transparent;
    border: none
}

.motif-icon-button .motif-icon svg {
    height: 1.7142857143rem;
    width: 1.7142857143rem;
    display: block;
    color: var(--btn-icon-color)
}

.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-visible {
    --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);
    outline-color: var(--btn-icon-focus--outline-color);
    outline-style: var(--btn-icon-focus--outline-style);
    outline-width: var(--btn-icon-focus--outline-width);
    outline-offset: var(--btn-icon-focus--outline-offset)
}

.motif-icon-button:active {
    --btn-icon--bg-color: var(--btn-icon-active--bg-color);
    --btn-icon-color: var(--btn-icon-active-icon-color);
    --btn-icon--border-color: var(--btn-icon-active--border-color);
    --btn-icon--border-style: var(--btn-icon-active--border-style);
    --btn-icon--border-width: var(--btn-icon-active--border-width);
    --btn-icon--box-shadow: var(--btn-icon-active--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: .2857142857rem
}

.motif-icon-button.motif-icon-button-large {
    padding: .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;
    padding: 1rem
}

.motif-fab-info {
    cursor: auto
}

.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-visible {
    outline: solid .1428571429rem var(--btn-fab-focus--border-color);
    outline-offset: .1428571429rem;
    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-visible .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-button-group {
    display: flex;
    align-items: center
}

.motif-button-group .motif-button {
    padding: .5714285714rem 1.1428571429rem;
    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) {
    border-color: var(--btn-group-hover--border-color);
    border-width: var(--btn-group-hover--border-width);
    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: 0;
    border-radius: 0;
    border-left-width: 0
}

.motif-button-group .motif-button:focus-visible {
    --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);
    outline-color: var(--btn-group-focus--outline-color);
    outline-offset: var(--btn-group-focus--outline-offset);
    outline-style: var(--btn-group-focus--outline-style);
    outline-width: var(--btn-group-focus--outline-width);
    z-index: 1002
}

.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);
    pointer-events: none
}

.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:not(.motif-dropdown-trigger>.motif-button):last-child {
    border-radius: var(--btn-group--border-radius-right)
}

.motif-button-group .motif-button:not(.motif-dropdown-trigger>.motif-button):first-child {
    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:not(.motif-dropdown-trigger>.motif-button):first-child:has(.motif-dropdown-trigger) {
    border-left-width: 0
}

.motif-button-group .motif-button:not(.motif-dropdown-trigger>.motif-button):first-child: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:not(.motif-dropdown-trigger>.motif-button):first-child:focus-visible {
    --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);
    outline-color: var(--btn-group-focus--outline-color);
    outline-offset: var(--btn-group-focus--outline-offset);
    outline-style: var(--btn-group-focus--outline-style);
    outline-width: var(--btn-group-focus--outline-width);
    z-index: 1002
}

.motif-button-group .motif-button:not(.motif-dropdown-trigger>.motif-button):first-child: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);
    pointer-events: none
}

.motif-button-group .motif-button:not(.motif-dropdown-trigger>.motif-button):first-child: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:not(.motif-dropdown-trigger>.motif-button):first-child:not(.motif-dropdown-trigger>.motif-button):last-child {
    border-radius: var(--btn-group--border-radius-right)
}

.motif-button-group .motif-button:not(.motif-dropdown-trigger>.motif-button):first-child:not(.motif-dropdown-trigger>.motif-button):first-child {
    border-color: var(--btn-group--border-color);
    border-style: var(--btn-group--border-style);
    border-width: var(--btn-group--border-width);
    border-radius: var(--btn-group--border-radius-left)
}

.motif-button-group .motif-dropdown:first-child .motif-button,.motif-button-group .motif-dropdown-portal:first-child .motif-button {
    border-radius: var(--btn-group--border-radius-left);
    border-left-width: .0714285714rem
}

.motif-button-group .motif-dropdown:last-child .motif-button,.motif-button-group .motif-dropdown-portal:last-child .motif-button {
    border-radius: var(--btn-group--border-radius-right)!important;
    border-left-width: 0!important
}

.motif-button-group.motif-button-group-ghost .motif-button {
    background: var(--btn-ghost--bg-color);
    box-shadow: var(--btn-ghost--box-shadow);
    color: var(--btn-ghost--color);
    border-color: var(--btn-ghost--border-color);
    border-width: var(--btn-ghost--border-width);
    border-style: var(--btn-ghost--border-style);
    border-radius: var(--btn-text--border-radius);
    border-left-width: 0
}

.motif-button-group.motif-button-group-ghost .motif-button .motif-icon svg {
    height: 1.4285714286rem;
    width: 1.4285714286rem;
    color: var(--btn-ghost-icon-color)
}

.motif-button-group.motif-button-group-ghost .motif-button:hover {
    background-color: var(--btn-ghost-hover--bg-color);
    color: var(--btn-ghost-hover--color);
    border-color: var(--btn-ghost-hover--border-color);
    border-width: var(--btn-ghost-hover--border-width);
    border-style: var(--btn-ghost-hover--border-style);
    border-left-width: 0
}

.motif-button-group.motif-button-group-ghost .motif-button:hover .motif-icon svg {
    color: var(--btn-ghost-hover-icon-color)
}

.motif-button-group.motif-button-group-ghost .motif-button:focus-visible {
    background-color: var(--btn-ghost-focus--bg-color);
    color: var(--btn-ghost-focus--color);
    border-color: var(--btn-ghost-focus--border-color);
    border-style: var(--btn-ghost-focus--border-style)
}

.motif-button-group.motif-button-group-ghost .motif-button:focus-visible .motif-icon svg {
    color: var(--btn-ghost-focus-icon-color)
}

.motif-button-group.motif-button-group-ghost .motif-button:active {
    background-color: var(--btn-ghost-active--bg-color);
    color: var(--btn-ghost-active--color);
    border-color: var(--btn-ghost-active--border-color);
    border-style: var(--btn-ghost-active--border-style)
}

.motif-button-group.motif-button-group-ghost .motif-button:active .motif-icon svg {
    color: var(--btn-ghost-active-icon-color)
}

.motif-button-group.motif-button-group-ghost .motif-button:disabled {
    background-color: var(--btn-ghost-active--bg-color);
    color: var(--btn-ghost-active--color);
    border-color: var(--btn-ghost-active--border-color);
    border-width: var(--btn-ghost-active--border-width);
    border-style: var(--btn-ghost-active--border-style);
    box-shadow: var(--btn-ghost-disabled--box-shadow);
    border-radius: var(--btn-ghost-disabled--border-radius);
    cursor: not-allowed
}

.motif-button-group.motif-button-group-ghost .motif-button:disabled .motif-progress {
    background-color: var(--btn-ghost-disabled-progress--bg-colorr)
}

.motif-button-group.motif-button-group-ghost .motif-button:disabled .motif-icon svg {
    color: var(--btn-ghost-disabled-icon-color)
}

.motif-button-group.motif-button-group-ghost .motif-button:not(.motif-dropdown-trigger>.motif-button):first-child:not(.motif-dropdown-trigger>.motif-button):first-child {
    border-color: var(--btn-ghost--border-color);
    border-width: var(--btn-ghost--border-width);
    border-style: var(--btn-ghost--border-style);
    border-radius: var(--btn-group--border-radius-left)
}

.motif-button-group-small .motif-button {
    height: 2.5714285714rem
}

.motif-button-group-small .motif-button.motif-button-icon-only {
    max-width: min-content;
    min-width: 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 {
    padding: .8571428571rem 1.1428571429rem;
    height: 2.8571428571rem
}

.motif-button-group-medium .motif-button.motif-button-icon-only {
    max-width: min-content;
    min-width: 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 {
    padding: 1rem 1.1428571429rem;
    height: 3.1428571429rem
}

.motif-button-group-large .motif-button.motif-button-icon-only {
    max-width: min-content;
    min-width: 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-dropdown-menu-portal .motif-dropdown-item .motif-text-button:hover,.motif-dropdown-menu-portal .motif-dropdown-item .motif-text-button:focus-visible,.motif-dropdown-menu-portal .motif-dropdown-item .motif-text-button:active {
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    box-shadow: none;
    outline-color: transparent;
    outline-style: none;
    outline-width: 0
}

.motif-card-footer {
    display: flex;
    flex-direction: row;
    color: var(--card-footer--color);
    align-items: flex-end;
    gap: .5714285714rem
}

.motif-card-header {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .8571428571rem
}

.motif-card-header .motif-body2-default-regular {
    color: var(--card-body--color)
}

.motif-card-header .motif-h6-default-regular {
    color: var(--card-header--color)
}

.motif-card-header .motif-card-subheader {
    display: flex;
    justify-content: space-between
}

.motif-card-body {
    overflow-y: auto
}

.motif-card-body .motif-body {
    color: var(--card-body--color)
}

.motif-card-image {
    margin: 0;
    line-height: 0;
    max-height: 100%;
    overflow: hidden
}

.motif-card-border {
    background-color: var(--card--bg-color);
    padding: 1.7142857143rem;
    border-radius: .2857142857rem;
    border: var(--card--border-width) var(--card--border-style) var(--card--border-color)
}

.motif-card-full-width {
    border-radius: .2857142857rem;
    overflow: auto
}

.motif-card-full-width.motif-card-orientation-horizontal {
    background-color: var(--card--bg-color);
    border: var(--card--border-width) var(--card--border-style) var(--card--border-color);
    padding: 1.7142857143rem
}

.motif-card-full-width.motif-card-orientation-horizontal .motif-card-header {
    padding-top: 1.7142857143rem
}

.motif-card-full-width.motif-card-orientation-horizontal .motif-card-footer {
    padding-bottom: 1.7142857143rem
}

.motif-card-full-width.motif-card-orientation-horizontal:has(.motif-card-image) {
    padding: 0rem 1.7142857143rem 0rem 0rem
}

.motif-card-full-width.motif-card-orientation-vertical {
    background-color: var(--card--bg-color);
    border: var(--card--border-width) var(--card--border-style) var(--card--border-color);
    padding: 1.7142857143rem
}

.motif-card-full-width.motif-card-orientation-vertical:has(.motif-card-image) {
    padding: 0rem
}

.motif-card-full-width.motif-card-orientation-vertical:has(.motif-card-image) .motif-card-header {
    padding: 0rem 1.7142857143rem
}

.motif-card-full-width.motif-card-orientation-vertical:has(.motif-card-image) .motif-card-body {
    padding: 0rem 1.7142857143rem
}

.motif-card-full-width.motif-card-orientation-vertical:has(.motif-card-image) .motif-card-footer {
    padding: 0rem 1.7142857143rem 1.7142857143rem
}

.motif-card-orientation-horizontal {
    width: 42.2857142857rem;
    height: 19.1428571429rem;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: .8571428571rem 1.7142857143rem;
    grid-auto-flow: row dense;
    grid-template-areas: "motif-card-image motif-card-header" "motif-card-image motif-card-body" "motif-card-image motif-card-footer"
}

.motif-card-orientation-horizontal:not(:has(.motif-card-image)) {
    grid-template-areas: "motif-card-header" "motif-card-body" "motif-card-footer"
}

.motif-card-orientation-horizontal:not(:has(.motif-card-footer)) {
    grid-template-areas: "motif-card-image motif-card-header" "motif-card-image motif-card-body"
}

.motif-card-orientation-horizontal:not(:has(.motif-card-image)):not(:has(.motif-card-footer)) {
    grid-template-areas: "motif-card-header" "motif-card-body"
}

.motif-card-orientation-horizontal .motif-card-image img {
    height: -webkit-fill-available;
    max-width: none
}

.motif-card-orientation-vertical {
    width: 24.5rem;
    height: 32.2857142857rem;
    display: grid;
    gap: .8571428571rem;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "motif-card-image" "motif-card-header" "motif-card-body" "motif-card-footer"
}

.motif-card-orientation-vertical:not(:has(.motif-card-image)) {
    grid-template-areas: "motif-card-header" "motif-card-body" "motif-card-footer"
}

.motif-card-orientation-vertical:not(:has(.motif-card-footer)) {
    grid-template-areas: "motif-card-image " "motif-card-header" "motif-card-body"
}

.motif-card-orientation-vertical:not(:has(.motif-card-image)):not(:has(.motif-card-footer)) {
    grid-template-areas: "motif-card-header" "motif-card-body"
}

.motif-card-orientation-vertical .motif-card-header img,.motif-card-orientation-vertical .motif-card-footer {
    margin-top: 1.4285714286rem
}

.motif-card-orientation-vertical .motif-card-image>img {
    width: 100%;
    object-fit: cover
}

.motif-card-image {
    grid-area: motif-card-image
}

.motif-card-header {
    grid-area: motif-card-header
}

.motif-card-body {
    grid-area: motif-card-body
}

.motif-card-footer {
    grid-area: motif-card-footer
}

.motif-carousel-container {
    display: block;
    position: relative;
    min-height: 3.5714285714rem;
    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-visible .motif-carousel-previous-btn,.motif-carousel-container:focus-visible .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 .2s
}

.motif-carousel-container:active .motif-carousel-item,.motif-carousel-container:focus-visible .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: auto;
    height: 3.1428571429rem;
    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: .7142857143rem
}

.motif-carousel-container .motif-carousel-pause-btn svg,.motif-carousel-container .motif-carousel-play-btn svg {
    width: 1.7142857143rem;
    height: 1.7142857143rem;
    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-visible,.motif-carousel-container .motif-carousel-play-btn:focus-visible {
    --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-visible svg,.motif-carousel-container .motif-carousel-play-btn:focus-visible svg {
    --carousel-play-pause-icon-color: var(--carousel-play-pause-focus-icon-color)
}

.motif-carousel-container .motif-carousel-pause-btn:active,.motif-carousel-container .motif-carousel-play-btn:active {
    --carousel-play-pause--box-shadow: var(--carousel-play-pause-active--box-shadow);
    --carousel-play-pause--bg-color: var(--carousel-play-pause-active--bg-color);
    --carousel-play-pause--border-color: var(--carousel-play-pause-active--border-color);
    --carousel-play-pause--border-style: var(--carousel-play-pause-active--border-style);
    --carousel-play-pause--border-width: var(--carousel-play-pause-active--border-width)
}

.motif-carousel-container .motif-carousel-pause-btn:active svg,.motif-carousel-container .motif-carousel-play-btn:active svg {
    --carousel-play-pause-icon-color: var(--carousel-play-pause-active-icon-color)
}

.motif-carousel-container .motif-carousel-previous-btn {
    padding: .7142857143rem .7857142857rem .7142857143rem .6428571429rem
}

.motif-carousel-container .motif-carousel-next-btn {
    padding: .7142857143rem .6428571429rem .7142857143rem .7857142857rem
}

.motif-carousel-container .motif-carousel-previous-btn,.motif-carousel-container .motif-carousel-next-btn {
    border-color: var(--carousel-back-forward--border-color);
    border-style: var(--carousel-back-forward--border-style);
    border-width: var(--carousel-back-forward--border-width);
    border-radius: var(--carousel-back-forward--border-radius);
    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: 3.1428571429rem;
    height: 3.1428571429rem;
    opacity: 0;
    transition: opacity ease-out .2s;
    max-width: none;
    max-height: none
}

.motif-carousel-container .motif-carousel-previous-btn svg path,.motif-carousel-container .motif-carousel-next-btn svg path {
    fill: 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-visible,.motif-carousel-container .motif-carousel-next-btn:focus-visible {
    --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-visible svg,.motif-carousel-container .motif-carousel-next-btn:focus-visible svg {
    --carousel-back-forward-icon-color: var(--carousel-back-forward-focus-icon-color)
}

.motif-carousel-container .motif-carousel-previous-btn:active,.motif-carousel-container .motif-carousel-next-btn:active {
    --carousel-back-forward--box-shadow: var(--carousel-back-forward-active--box-shadow);
    --carousel-back-forward--bg-color: var(--carousel-back-forward-active--bg-color);
    --carousel-back-forward--border-color: var(--carousel-back-forward-active--border-color);
    --carousel-back-forward--border-style: var(--carousel-back-forward-active--border-style);
    --carousel-back-forward--border-width: var(--carousel-back-forward-active--border-width)
}

.motif-carousel-container .motif-carousel-previous-btn:active svg,.motif-carousel-container .motif-carousel-next-btn:active svg {
    --carousel-back-forward-icon-color: var(--carousel-back-forward-active-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;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block
}

.motif-carousel-container .motif-carousel-dot-indicator {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    width: min-content;
    height: min-content;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: .7857142857rem .8571428571rem;
    background-color: var(--carousel-dot-group--bg-color);
    border-radius: var(--carousel-dot-group--border-radius);
    border-color: var(--carousel-dot-group--border-color);
    border-width: var(--carousel-dot-group--border-width);
    border-style: var(--carousel-dot-group--border-style);
    box-shadow: var(--carousel-dot-group--box-shadow);
    gap: 1.1428571429rem;
    box-sizing: border-box;
    border: none
}

.motif-carousel-container .motif-carousel-dot-indicator .motif-carousel-dot {
    height: .7142857143rem;
    width: .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);
    padding: 0;
    cursor: pointer;
    border: none
}

.motif-carousel-container .motif-carousel-dot-indicator .motif-carousel-dot:focus-visible {
    --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);
    outline-style: solid;
    outline-color: #2c69a9;
    outline-offset: .0714285714rem
}

.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: .0714285714rem;
    margin: -.0714285714rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: .0714285714rem
}

.motif-carousel-container .motif-carousel-controls {
    margin: 0;
    padding: 0;
    list-style: none
}

.motif-carousel-container .motif-carousel-slides-container .motif-carousel-item {
    margin: 0
}

.motif-carousel-container .motif-carousel-slides-container .motif-carousel-item .image-slide {
    height: 100%
}

.motif-carousel-container .motif-carousel-dot-indicator {
    margin-bottom: 1.1428571429rem
}

.motif-chip-group {
    display: flex;
    flex-wrap: wrap;
    gap: .5714285714rem
}

.motif-chip {
    align-items: center;
    display: flex
}

.motif-chip .motif-chip-button {
    background-color: var(--chip--bg-color);
    border-color: transparent;
    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-regular);
    line-height: 1.4285714286rem;
    padding: .1428571429rem .5714285714rem;
    text-align: center
}

.motif-chip .motif-chip-button:not(.motif-chip-monochrome-light,.motif-chip-monochrome-dark,.motif-chip-success,.motif-chip-warning,.motif-chip-error) {
    border-color: var(--chip--border-color)
}

.motif-chip .motif-chip-button::-moz-focus-inner {
    border: 0
}

.motif-chip .motif-chip-button:active.motif-chip-interactive:not(.motif-chip-disabled) .motif-chip .motif-chip-button:active,.motif-chip .motif-chip-button:active.motif-chip-interactive:not(.motif-chip-disabled) .motif-chip .motif-chip-button:focus-visible,.motif-chip .motif-chip-button:active.motif-chip-interactive:not(.motif-chip-disabled) .motif-chip .motif-chip-button:hover,.motif-chip .motif-chip-button:focus-visible.motif-chip-interactive:not(.motif-chip-disabled) .motif-chip .motif-chip-button:active,.motif-chip .motif-chip-button:focus-visible.motif-chip-interactive:not(.motif-chip-disabled) .motif-chip .motif-chip-button:focus-visible,.motif-chip .motif-chip-button:focus-visible.motif-chip-interactive:not(.motif-chip-disabled) .motif-chip .motif-chip-button:hover,.motif-chip .motif-chip-button:hover.motif-chip-interactive:not(.motif-chip-disabled) .motif-chip .motif-chip-button:active,.motif-chip .motif-chip-button:hover.motif-chip-interactive:not(.motif-chip-disabled) .motif-chip .motif-chip-button:focus-visible,.motif-chip .motif-chip-button:hover.motif-chip-interactive:not(.motif-chip-disabled) .motif-chip .motif-chip-button:hover {
    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 .motif-chip-button.motif-chip-monochrome-light {
    --chip-icon-color: var(--chip-monochrome-light-icon-color);
    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);
    border-color: var(--chip-monochrome-light--border-color);
    border-style: var(--chip-monochrome-light--border-style);
    border-width: var(--chip-monochrome-light--border-width)
}

.motif-chip-outlined:not(.motif-chip-disabled,.motif-chip-active).motif-chip .motif-chip-button.motif-chip-monochrome-light {
    --chip-outlined--border-color: var(--chip-outlined-monochrome-light--border-color);
    color: var(--chip-outlined-monochrome-light--color)
}

.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-visible.motif-chip-interactive,.motif-chip .motif-chip-button.motif-chip-monochrome-light:hover.motif-chip-interactive {
    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 {
    --chip-icon-color: var(--chip-monochrome-dark-icon-color);
    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);
    border-color: var(--chip-monochrome-dark--border-color);
    border-style: var(--chip-monochrome-dark--border-style);
    border-width: var(--chip-monochrome-dark--border-width)
}

.motif-chip-outlined:not(.motif-chip-disabled,.motif-chip-active).motif-chip .motif-chip-button.motif-chip-monochrome-dark {
    --chip-outlined--border-color: var(--chip-outlined-monochrome-dark--border-color);
    color: var(--chip-outlined-monochrome-dark--color)
}

.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-visible.motif-chip-interactive,.motif-chip .motif-chip-button.motif-chip-monochrome-dark:hover.motif-chip-interactive {
    border-radius: var(--chip-monochrome-light--border-radius);
    box-shadow: var(--chip-monochrome-light--box-shadow)
}

.motif-chip .motif-chip-button.motif-chip-success {
    --chip-icon-color: var(--chip-success-icon-color);
    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);
    border-color: var(--chip-success--border-color);
    border-style: var(--chip-success--border-style);
    border-width: var(--chip-success--border-width)
}

.motif-chip-outlined:not(.motif-chip-disabled,.motif-chip-active).motif-chip .motif-chip-button.motif-chip-success {
    --chip-outlined--border-color: var(--chip-outlined-success--border-color);
    color: var(--chip-outlined-success--color)
}

.motif-chip .motif-chip-button.motif-chip-warning {
    --chip-icon-color: var(--chip-warning-icon-color);
    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);
    border-color: var(--chip-warning--border-color);
    border-style: var(--chip-warning--border-style);
    border-width: var(--chip-warning--border-width)
}

.motif-chip-outlined:not(.motif-chip-disabled,.motif-chip-active).motif-chip .motif-chip-button.motif-chip-warning {
    --chip-outlined--border-color: var(--chip-outlined-warning--border-color);
    color: var(--chip-outlined-warning--color)
}

.motif-chip .motif-chip-button.motif-chip-error {
    --chip-icon-color: var(--chip-error-icon-color);
    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);
    border-color: var(--chip-error--border-color);
    border-style: var(--chip-error--border-style);
    border-width: var(--chip-error--border-width)
}

.motif-chip-outlined:not(.motif-chip-disabled,.motif-chip-active).motif-chip .motif-chip-button.motif-chip-error {
    --chip-outlined--border-color: var(--chip-outlined-error--border-color);
    color: var(--chip-outlined-error--color)
}

.motif-chip .motif-chip-button.motif-chip-removable {
    cursor: auto;
    gap: .2857142857rem;
    padding: .1428571429rem .4285714286rem .1428571429rem .5714285714rem
}

.motif-chip .motif-chip-button.motif-chip-clickable {
    cursor: pointer;
    padding: .1428571429rem .4285714286rem .1428571429rem .5714285714rem
}

.motif-chip .motif-chip-button.motif-chip-clickable .motif-dropdown .motif-icon {
    transform: none;
    display: inline-flex;
    transition: var(--ease-in-out-fast);
    transform-origin: center center
}

.motif-chip .motif-chip-button.motif-chip-clickable .motif-dropdown.motif-dropdown-open .motif-icon {
    transform: rotate(180deg);
    transition: var(--ease-in-out-fast)
}

.motif-chip.motif-chip-outlined .motif-chip-button {
    background-color: transparent;
    color: var(--chip-outlined--color);
    border-color: var(--chip-outlined--border-color);
    border-style: var(--chip-outlined--border-style);
    border-width: var(--chip-outlined--border-width)
}

.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 {
    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-chip-dropdown .motif-chip-button svg,.motif-chip.motif-chip-active:not(.motif-chip-disabled) .motif-chip-button svg {
    color: var(--chip-hover-icon-color)
}

.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-visible,.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-visible 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);
    color: var(--chip-hover-icon-color)
}

.motif-chip.motif-chip-dropdown .motif-dropdown-trigger {
    display: flex;
    transition: background-color var(--ease-in-out-fast);
    height: .8571428571rem
}

.motif-chip.motif-chip-dropdown .motif-dropdown-trigger:active svg,.motif-chip.motif-chip-dropdown .motif-dropdown-trigger:focus-visible 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 {
    width: .8571428571rem
}

.motif-chip.motif-chip-dropdown .motif-dropdown-bottom-left .motif-dropdown-menu {
    padding: .2857142857rem 0rem
}

.motif-chip.motif-chip-dropdown .motif-dropdown-menu {
    margin-left: -1.8571428571rem;
    margin-top: 2.5rem
}

.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: .8571428571rem;
    padding: 0
}

.motif-chip.motif-chip-dropdown .motif-icon-button svg {
    transition: fill var(--ease-in-out-fast);
    color: var(--chip-icon-color);
    height: .8571428571rem;
    width: .8571428571rem
}

.motif-chip-disabled.motif-chip.motif-chip-dropdown .motif-icon-button {
    cursor: not-allowed
}

.motif-chip-disabled.motif-chip.motif-chip-dropdown .motif-icon-button svg {
    color: var(--chip-disabled-icon-color)
}

.motif-chip-disabled.motif-chip.motif-chip-dropdown .motif-icon-button :hover {
    background-color: var(--chip-disabled--bg-color)
}

.motif-chip.motif-chip-dropdown .motif-chip-button {
    cursor: auto;
    gap: .2857142857rem
}

.motif-chip.motif-chip-dropdown .motif-chip-button .motif-icon-button:focus-visible {
    box-shadow: none
}

.motif-chip.motif-chip-disabled .motif-chip-button {
    cursor: not-allowed;
    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)
}

.motif-chip .motif-close-icon {
    align-self: center;
    background: transparent;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    height: .8571428571rem;
    padding: .0214285714rem .0714285714rem;
    width: .8571428571rem;
    border-radius: 50%
}

.motif-chip .motif-close-icon svg {
    fill: var(--chip-icon-color);
    height: .8571428571rem;
    transition: fill var(--ease-in-out-fast);
    width: .8571428571rem;
    color: var(--chip-icon-color)
}

.motif-chip .motif-close-icon:focus-visible {
    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-visible,:not(.motif-chip-disabled).motif-chip .motif-close-icon:hover {
    background-color: var(--chip-btn-hover--bg-color)
}

.motif-dot {
    align-items: center;
    display: flex;
    flex-direction: row;
    border-radius: var(--chip--border-radius);
    box-shadow: var(--chip--box-shadow);
    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);
    width: fit-content;
    gap: .4285714286rem
}

.motif-dot-left:before,.motif-dot-right:after {
    background-color: var(--chip-dot--color);
    border-radius: 50%;
    border-color: var(--chip-dot--border-color);
    border-style: var(--chip-dot--border-style);
    border-width: var(--chip-dot--border-width);
    margin: .1428571429rem .0714285714rem .0714285714rem;
    content: "";
    flex-shrink: 0;
    height: var(--chip-dot--height);
    width: var(--chip-dot--width)
}

.motif-dot-left {
    padding: .1428571429rem .5714285714rem .1428571429rem .4285714286rem
}

.motif-dot-right {
    padding: .1428571429rem .4285714286rem .1428571429rem .5714285714rem
}

.motif-dot-right:after {
    margin-left: .1428571429rem
}

.motif-dot-success:before,.motif-dot-success:after {
    background-color: var(--chip-success-dot-icon-color)
}

.motif-dot-warning:before,.motif-dot-warning:after {
    background-color: var(--chip-warning-dot-icon-color)
}

.motif-dot-error:before,.motif-dot-error:after {
    background-color: var(--chip-error-dot-icon-color)
}

.motif-dot-monochrome-light {
    --chip-dot--color: var(--chip-monochrome-light-dot--color)
}

.motif-dot-monochrome-light:before,.motif-dot-monochrome-light:after {
    background-color: var(--chip-monochrome-light-dot-icon-color)
}

.motif-dot-monochrome-dark {
    --chip-dot--color: var(--chip-monochrome-dark-dot--color)
}

.motif-dot-monochrome-dark:before,.motif-dot-monochrome-dark:after {
    background-color: var(--chip-monochrome-dark-dot-icon-color)
}

.motif-dot-disabled {
    --chip-dot--color: var(--chip-disabled-dot--color);
    cursor: not-allowed
}

.motif-dot-disabled:before,.motif-dot-disabled:after {
    background-color: var(--chip-disabled-dot-icon-color)
}

.motif-dot-text {
    color: var(--chip-dot--color);
    font-family: var(--primary-font);
    font-size: var(--font-size-base);
    font-weight: var(--weight-regular);
    line-height: 1.4285714286rem
}

.motif-dot.motif-chip-button:hover:before,.motif-dot.motif-chip-button:hover:after,.motif-dot-succes.motif-chip-button:hover:before,.motif-dot-succes.motif-chip-button:hover:after,.motif-dot-warning.motif-chip-button:hover:before,.motif-dot-warning.motif-chip-button:hover:after,.motif-dot-error.motif-chip-button:hover:before,.motif-dot-error.motif-chip-button:hover:after,.motif-dot-monochrome-light.motif-chip-button:hover:before,.motif-dot-monochrome-light.motif-chip-button:hover:after,.motif-dot-monochrome-dark.motif-chip-button:hover:before,.motif-dot-monochrome-dark.motif-chip-button:hover:after {
    transition: background-color var(--ease-in-out-fast);
    background-color: var(--chip-dot--color)
}

.motif-chip-disabled.motif-ghost,.motif-dot-disabled.motif-ghost {
    opacity: 1
}

.motif-comment {
    display: flex;
    flex-direction: column;
    gap: .8571428571rem;
    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);
    padding: 1rem;
    position: relative
}

.motif-comment-inner {
    display: flex;
    gap: .8571428571rem
}

.motif-comment-content {
    display: flex;
    flex-direction: column;
    gap: .4285714286rem;
    flex: 1
}

.motif-comment-content-author {
    display: flex;
    align-items: center;
    gap: .5714285714rem;
    color: var(--comment-content-author-color)
}

.motif-comment-content-author:has(+.motif-comment-content-detail>.motif-comment-content-typing) {
    --comment-content-author-color: var(--comment-content-typing-author-color)
}

.motif-comment-content-author:has(+.motif-comment-content-detail>.motif-comment-content-typing) .motif-comment-content-author-time {
    display: none
}

.motif-comment-content-author-name {
    font-weight: var(--weight-regular);
    line-height: 1.4285714286rem
}

.motif-comment-content-author-time {
    font-size: .8571428571rem;
    color: var(--comment-date-time--color);
    line-height: 1.2857142857rem
}

.motif-comment-content-detail,.motif-comment-content-detail-sender {
    border-radius: var(--comment-content--border-radius);
    padding: .7142857143rem 1rem
}

.motif-comment-content-detail:has(.motif-comment-content-typing),.motif-comment-content-detail:has(.motif-comment-content-status),.motif-comment-content-detail-sender:has(.motif-comment-content-typing),.motif-comment-content-detail-sender:has(.motif-comment-content-status) {
    --comment-content--bg-color: transparent;
    padding: 0
}

.motif-comment-content-detail {
    background-color: var(--comment-content--bg-color)
}

.motif-comment-content-detail-sender {
    background-color: var(--comment-content-sender--bg-color);
    color: var(--comment-content-sender--color)
}

.motif-comment-content-typing {
    background-color: var(--comment-content-typing--bg-color);
    border-radius: 0 .2857142857rem .2857142857rem;
    width: fit-content;
    padding: 0 .6428571429rem
}

.motif-comment-content-typing .motif-icon {
    color: var(--comment-content-typing-icon-color)
}

.motif-comment-content-typing .motif-icon svg {
    margin-top: .2857142857rem
}

.motif-comment-content-status {
    font-weight: var(--weight-light)
}

.motif-comment-content-author-actions {
    margin-left: auto
}

.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
}

.motif-comment-edit-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .2857142857rem
}

.motif-comment-edit-footer .motif-comment-edit-footer-icons {
    display: flex;
    gap: .2857142857rem
}

.motif-comment-edit-footer .motif-comment-edit-footer-icons .motif-icon {
    cursor: pointer
}

.motif-comment-edit-action {
    display: flex;
    justify-content: flex-end;
    gap: .5714285714rem
}

.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-text {
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    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-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: .8571428571rem;
    margin-top: .2142857143rem
}

.motif-dropdown-menu-portal .motif-dropdown-item .motif-icon {
    margin-top: .3571428571rem
}

.motif-content-switcher {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5714285714rem;
    padding: .2857142857rem;
    background-color: var(--content-switcher-container--bg-color);
    border-color: var(--content-switcher-container--border-color);
    border-style: var(--content-switcher-container--border-style);
    border-width: var(--content-switcher-container--border-width);
    border-radius: var(--content-switcher-container--border-radius);
    width: min-content
}

.motif-content-switcher .motif-button {
    border-radius: 0;
    background-color: var(--content-switcher--bg-color);
    color: var(--content-switcher--color);
    height: 2.5714285714rem;
    border-color: var(--content-switcher--border-color);
    border-width: var(--content-switcher--border-width);
    border-style: var(--content-switcher--border-style);
    border-radius: var(--content-switcher--border-radius);
    box-shadow: var(--content-switcher--box-shadow);
    padding: .5714285714rem .8571428571rem;
    line-height: 1.4285714286rem;
    width: inherit
}

.motif-content-switcher .motif-button.motif-active {
    background-color: var(--content-switcher-selected--bg-color);
    color: var(--content-switcher-selected--color);
    border-color: var(--content-switcher-selected--border-color);
    border-width: var(--content-switcher-selected--border-width);
    border-style: var(--content-switcher-selected--border-style);
    border-radius: var(--content-switcher-selected--border-radius);
    box-shadow: var(--content-switcher-selected--box-shadow)
}

.motif-content-switcher .motif-button.motif-active:active {
    color: var(--content-switcher-selected-active--color);
    --content-switcher-selected--bg-color: var(--content-switcher-selected-active--bg-color);
    --content-switcher-selected--border-color: var(--content-switcher-selected-active--border-color)
}

.motif-content-switcher .motif-button:active {
    color: var(--content-switcher-active--color);
    background-color: var(--content-switcher-active--bg-color);
    border-color: var(--content-switcher-active--border-color);
    border-width: var(--content-switcher-active--border-width);
    border-style: var(--content-switcher-active--border-style);
    border-radius: var(--content-switcher-active--border-radius);
    box-shadow: var(--content-switcher-active--box-shadow)
}

.motif-content-switcher .motif-button:hover:not(:disabled) {
    color: var(--content-switcher-hover--color);
    background-color: var(--content-switcher-hover--bg-color);
    border-color: var(--content-switcher-hover--border-color);
    border-width: var(--content-switcher-hover--border-width);
    border-style: var(--content-switcher-hover--border-style);
    border-radius: var(--content-switcher-hover--border-radius);
    box-shadow: var(--content-switcher-hover--box-shadow)
}

.motif-content-switcher .motif-button:disabled {
    background-color: var(--content-switcher-disabled--bg-color);
    color: var(--content-switcher-disabled--color);
    border-color: var(--content-switcher-disabled--border-color);
    border-width: var(--content-switcher-disabled--border-width);
    border-style: var(--content-switcher-disabled--border-style);
    border-radius: var(--content-switcher-disabled--border-radius);
    box-shadow: var(--content-switcher-disabled--box-shadow)
}

.motif-content-switcher .motif-button:focus-visible {
    z-index: 1;
    box-shadow: var(--content-switcher-focus--box-shadow);
    background-color: var(--content-switcher-focus--bg-color);
    color: var(--content-switcher-focus--color)
}

.motif-content-switcher .motif-button:focus-visible.motif-active {
    --content-switcher-focus--color: var(--content-switcher-selected-focus--color);
    --content-switcher-focus--bg-color: var(--content-switcher-hover--bg-color);
    --content-switcher-focus--border-color: var(--content-switcher-selected-focus--border-color)
}

.motif-content-switcher .motif-button-medium {
    line-height: 1.7142857143rem
}

.motif-dropdown-item {
    z-index: 2;
    position: relative;
    display: flex;
    align-items: center;
    padding: .7142857143rem 1rem;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    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);
    border-radius: var(--dropdown-menu-item--border-radius);
    font-family: var(--primary-font);
    font-weight: 300;
    color: var(--dropdown-menu-item--color);
    background: var(--dropdown-menu-item--bg-color);
    box-sizing: border-box;
    width: 19.6428571429rem;
    gap: .5714285714rem
}

.motif-dropdown-item .motif-header-logo {
    width: 2.2857142857rem;
    height: 2.2857142857rem
}

.motif-dropdown-item>.motif-icon.motif-icon-src,.motif-dropdown-item>.motif-icon.motif-icon-func {
    height: 1.4285714286rem;
    width: 1.4285714286rem
}

.motif-dropdown-item>.motif-icon.motif-icon-src svg,.motif-dropdown-item>.motif-icon.motif-icon-func svg {
    height: 1.4285714286rem;
    width: 1.4285714286rem;
    fill: var(--dropdown-menu-item-icon-color)
}

.motif-dropdown-item>.motif-icon.motif-icon-src svg *,.motif-dropdown-item>.motif-icon.motif-icon-func svg * {
    fill: var(--dropdown-menu-item-icon-color);
    stroke-width: .1071428571rem
}

button.motif-dropdown-item {
    cursor: pointer
}

button.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)
}

button.motif-dropdown-item:hover a {
    --dropdown-menu-item--color: var(--dropdown-menu-item-hover--color)
}

button.motif-dropdown-item:hover .motif-icon svg {
    --dropdown-menu-item-icon-color: var(--dropdown-menu-item-hover-icon-color)
}

button.motif-dropdown-item:focus-visible {
    --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);
    outline-color: var(--dropdown-menu-item-focus-outline--border-color);
    outline-style: var(--dropdown-menu-item-focus-outline--border-style);
    outline-width: var(--dropdown-menu-item-focus-outline--border-width);
    z-index: 5;
    box-shadow: var(--dropdown-menu-item-focus--box-shadow)
}

button.motif-dropdown-item:focus-visible a {
    --dropdown-menu-item--color: var(--dropdown-menu-item-focus--color)
}

button.motif-dropdown-item:focus-visible .motif-icon svg {
    --dropdown-menu-item-icon-color: var(--dropdown-menu-item-focus-icon-color)
}

button.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
}

button.motif-dropdown-item:active .motif-icon svg {
    --dropdown-menu-item-icon-color: var(--dropdown-menu-item-active-icon-color)
}

button.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)
}

button.motif-dropdown-item:disabled .motif-icon svg {
    --dropdown-menu-item-icon-color: var(--dropdown-menu-item-disabled-icon-color)
}

.motif-dropdown-group .motif-dropdown-item {
    padding: .5714285714rem
}

.motif-dropdown-column-2 .motif-dropdown-item,.motif-dropdown-column-3 .motif-dropdown-item,.motif-dropdown-column-4 .motif-dropdown-item,.motif-dropdown-column-5 .motif-dropdown-item,.motif-dropdown-column-6 .motif-dropdown-item {
    width: 16rem;
    padding: .5714285714rem
}

.motif-dropdown-column-2 {
    column-count: 2
}

.motif-dropdown-column-3 {
    column-count: 3
}

.motif-dropdown-column-4 {
    column-count: 4
}

.motif-dropdown-column-5 {
    column-count: 5
}

.motif-dropdown-column-6 {
    column-count: 6
}

.motif-dropdown {
    position: relative;
    display: inline-block
}

.motif-dropdown-menu {
    position: absolute;
    display: block;
    top: 100%;
    z-index: 100000;
    padding: 0;
    min-width: max-content;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    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);
    outline: var(--dropdown-menu--border)
}

.motif-dropdown-menu .motif-dropdown-group {
    padding: 1.1428571429rem;
    display: flex;
    gap: .8571428571rem;
    flex-direction: column
}

.motif-dropdown-menu .motif-dropdown-group .motif-dropdown-group-title {
    padding: 0 .5714285714rem
}

.motif-dropdown-menu .motif-dropdown-horizontal-divider {
    margin: 0;
    border-color: var(--dropdown-menu--border-color);
    border-width: 0 0 .0714285714rem 0;
    border-style: var(--dropdown-menu--border-style);
    width: 100%;
    height: .0714285714rem;
    display: block
}

.motif-dropdown-menu .motif-dropdown-item:focus-visible {
    outline-color: var(--dropdown-menu-item-focus-outline--border-color);
    outline-style: var(--dropdown-menu-item-focus-outline--border-style);
    outline-width: var(--dropdown-menu-item-focus-outline--border-width)
}

.motif-dropdown-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.motif-dropdown-menu ul li {
    margin: 0;
    display: flex
}

.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-visible {
    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: 1.1428571429rem;
    height: 1.1428571429rem;
    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: -.4285714286rem
}

.motif-dropdown-menu-portal[data-popper-placement^=top]>.motif-dropdown-arrow:before {
    clip: rect(.1428571429rem,1.2857142857rem,1.2857142857rem,.1428571429rem)
}

.motif-dropdown-menu-portal[data-popper-placement^=bottom]>.motif-dropdown-arrow {
    top: -.5714285714rem
}

.motif-dropdown-menu-portal[data-popper-placement^=bottom]>.motif-dropdown-arrow:before {
    clip: rect(0,1.2857142857rem,1.2857142857rem,0)
}

.motif-dropdown-menu-portal[data-popper-placement^=left]>.motif-dropdown-arrow {
    right: -.5714285714rem
}

.motif-dropdown-menu-portal[data-popper-placement^=right]>.motif-dropdown-arrow {
    left: -.5714285714rem
}

.motif-filters {
    width: 20rem;
    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-large {
    width: 31.4285714286rem
}

.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:first-child .motif-accordion-trigger {
    border-top: none
}

.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 .motif-accordion-trigger[aria-expanded=true] {
    border-bottom: none
}

.motif-filters .motif-accordion-content-visible:not(.motif-metadata) .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
}

.motif-filters .motif-accordion-content-visible:not(.motif-metadata) .motif-accordion-content .motif-form-field {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: .7142857143rem;
    padding-left: 1rem
}

.motif-filters .motif-accordion-content-visible:not(.motif-metadata) .motif-accordion-content .motif-form-field:first-of-type {
    padding-bottom: .7142857143rem;
    margin-bottom: .7142857143rem;
    width: 100%;
    border-style: var(--filters-select-all--border-style);
    border-color: var(--filters-select-all--border-color);
    border-width: var(--filters-select-all--border-width)
}

.motif-filters .motif-accordion-content-visible:not(.motif-metadata) .motif-accordion-content .motif-form-field label {
    cursor: pointer
}

.motif-filters .motif-checkbox:not(.motif-checkbox-checked) .motif-checkbox-custom {
    background-color: transparent
}

.motif-filters .motif-form-field {
    padding: 0 2.2857142857rem 1.7142857143rem;
    border-color: var(--filters-hr-option--border-color);
    border-style: var(--filters-hr-option--border-style);
    border-width: var(--filters-hr-option--border-width)
}

.motif-filters .motif-form-field,.motif-filters .motif-select-all-options {
    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: column;
    padding: 1.7142857143rem 2.2857142857rem;
    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>div {
    display: flex;
    justify-content: space-between
}

.motif-filters header>div span:not(.motif-badge-number) {
    position: relative;
    color: currentcolor;
    font-size: 1.4285714286rem;
    font-weight: var(--weight-regular);
    line-height: 1.4285714286rem
}

.motif-filters header>span {
    font-size: 1rem;
    font-weight: var(--weight-light);
    color: var(--filters-subtitle--color)
}

.motif-filters header .motif-badge {
    position: absolute;
    margin-left: .5714285714rem
}

.motif-filters>.motif-form-field:nth-child(n) {
    margin-bottom: 0
}

.motif-filters>.motif-form-field:nth-child(n) .motif-search-input-icon-button {
    margin: .5714285714rem .7142857143rem
}

.motif-filters>.motif-form-field:nth-child(n) input {
    background-color: var(--filters-search--bg-color)
}

.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);
    padding: .7142857143rem 2.2857142857rem
}

.motif-footer-sticky {
    position: sticky;
    bottom: 0
}

.motif-checkbox-wrapper {
    display: inline-flex;
    align-items: center
}

.motif-checkbox-wrapper:hover .motif-checkbox-inner {
    border-style: var(--checkbox-custom-hover--border-style);
    box-shadow: var(--checkbox-custom-hover--box-shadow);
    border-color: var(--checkbox-custom-hover--border-color);
    border-width: var(--checkbox-custom-hover--border-width);
    background-color: var(--checkbox-custom-hover--bg-color)
}

.motif-checkbox-wrapper:hover .motif-checkbox-label {
    color: var(--checkbox-custom-hover-label--color)
}

.motif-checkbox-checked .motif-checkbox-inner {
    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--border-style);
    border-radius: var(--checkbox--border-radius);
    box-shadow: var(--checkbox-checked--box-shadow)
}

.motif-checkbox-checked .motif-checkbox-label {
    color: var(--checkbox-checked-label--color)
}

.motif-checkbox-checked:hover .motif-checkbox-inner {
    background-color: var(--checkbox-checked-hover--bg-color)
}

.motif-checkbox-wrapper-disabled {
    cursor: not-allowed
}

.motif-checkbox-wrapper-disabled:hover .motif-checkbox-inner {
    border-color: transparent;
    border-width: .0714285714rem;
    border-style: solid;
    box-shadow: none;
    background-color: var(--checkbox-custom-disabled--bg-color)
}

.motif-checkbox-wrapper-disabled:hover .motif-checkbox-label {
    color: var(--checkbox-disabled--color)
}

.motif-checkbox-wrapper-invalid:hover .motif-checkbox-inner {
    border-color: var(--checkbox-custom-error-hover--border-color);
    border-style: var(--checkbox-custom-error-hover--border-style);
    border-width: var(--checkbox-custom-error-hover--border-width);
    box-shadow: var(--checkbox-custom-error-hover--box-shadow);
    background-color: var(--checkbox-custom-error-hover--bg-color)
}

.motif-checkbox-wrapper-invalid:hover .motif-checkbox-label {
    color: var(--checkbox-custom-error-hover-label--color)
}

.motif-checkbox {
    display: flex;
    align-items: center;
    gap: .5714285714rem;
    position: relative
}

.motif-checkbox-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    margin: 0;
    cursor: pointer
}

.motif-checkbox-input:focus-visible+.motif-checkbox-inner {
    border-color: var(--checkbox-custom-focus--border-color);
    border-width: var(--checkbox-custom-focus--border-width);
    border-style: var(--checkbox-custom-focus--border-style);
    background-color: var(--checkbox-custom-focus--bg-color);
    box-shadow: var(--checkbox-custom-focus--box-shadow);
    outline-style: var(--checkbox-custom-focus--outline-style);
    outline-width: var(--checkbox-custom-focus--outline-width);
    outline-color: var(--checkbox-custom-focus--outline-color);
    outline-offset: var(--checkbox-custom-focus--outline-offset)
}

.motif-checkbox-input:focus-visible~.motif-checkbox-label {
    color: var(--checkbox-custom-focus-label--color)
}

.motif-checkbox-inner {
    position: relative;
    min-width: 1.1428571429rem;
    min-height: 1.1428571429rem;
    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)
}

.motif-checkbox-icon {
    display: flex;
    position: absolute;
    height: 100%
}

.motif-checkbox-label {
    font-size: var(--font-size-base);
    font-weight: var(--weight-regular);
    line-height: 1.4285714286rem;
    color: var(--checkbox-label--color)
}

.motif-checkbox-disabled .motif-checkbox-input {
    cursor: not-allowed;
    pointer-events: none
}

.motif-checkbox-disabled .motif-checkbox-inner {
    background-color: var(--checkbox-custom-disabled--bg-color);
    border-color: var(--checkbox-custom-disabled--border-color);
    border-width: var(--checkbox-custom-disabled--border-width);
    border-style: var(--checkbox-custom-disabled--border-style);
    border-radius: var(--checkbox--border-radius);
    box-shadow: var(--checkbox-custom-disabled--box-shadow)
}

.motif-checkbox-disabled .motif-checkbox-icon {
    color: var(--checkbox-checked-disabled-icon-color)
}

.motif-checkbox-disabled .motif-checkbox-label {
    color: var(--checkbox-disabled--color)
}

.motif-checkbox-invalid .motif-checkbox-inner {
    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 .motif-checkbox-input:focus-visible+.motif-checkbox-inner {
    border-color: var(--checkbox-custom-error-focus--border-color);
    border-style: var(--checkbox-custom-error-focus--border-style);
    border-width: var(--checkbox-custom-error-focus--border-width);
    box-shadow: var(--checkbox-custom-error-focus--box-shadow);
    background-color: var(--checkbox-custom-error-focus--bg-color)
}

.motif-checkbox-invalid .motif-checkbox-input~.motif-checkbox-label {
    color: var(--checkbox-custom-error-focus-label--color)
}

.motif-checkbox-invalid .motif-checkbox-label {
    color: var(--checkbox-custom-error-label--color)
}

.react-calendar {
    width: 350px;
    max-width: 100%;
    background: #fff;
    border: 1px solid #a0a096;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1.125em
}

.react-calendar--doubleView {
    width: 700px
}

.react-calendar--doubleView .react-calendar__viewContainer {
    display: flex;
    margin: -.5em
}

.react-calendar--doubleView .react-calendar__viewContainer>* {
    width: 50%;
    margin: .5em
}

.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.react-calendar button {
    margin: 0;
    border: 0;
    outline: none
}

.react-calendar button:enabled:hover {
    cursor: pointer
}

.react-calendar__navigation {
    display: flex;
    height: 44px;
    margin-bottom: 1em
}

.react-calendar__navigation button {
    min-width: 44px;
    background: none
}

.react-calendar__navigation button:disabled {
    background-color: #f0f0f0
}

.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus {
    background-color: #e6e6e6
}

.react-calendar__month-view__weekdays {
    text-align: center;
    text-transform: uppercase;
    font: inherit;
    font-size: .75em;
    font-weight: 700
}

.react-calendar__month-view__weekdays__weekday {
    padding: .5em
}

.react-calendar__month-view__weekNumbers .react-calendar__tile {
    display: flex;
    align-items: center;
    justify-content: center;
    font: inherit;
    font-size: .75em;
    font-weight: 700
}

.react-calendar__month-view__days__day--weekend {
    color: #d10000
}

.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury {
    color: #757575
}

.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile {
    padding: 2em .5em
}

.react-calendar__tile {
    max-width: 100%;
    padding: 10px 6.6667px;
    background: none;
    text-align: center;
    line-height: 16px;
    font: inherit;
    font-size: .833em
}

.react-calendar__tile:disabled {
    background-color: #f0f0f0;
    color: #ababab
}

.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled {
    color: #cdcdcd
}

.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus {
    background-color: #e6e6e6
}

.react-calendar__tile--now {
    background: #ffff76
}

.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus {
    background: #ffffa9
}

.react-calendar__tile--hasActive {
    background: #76baff
}

.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus {
    background: #a9d4ff
}

.react-calendar__tile--active {
    background: #006edc;
    color: #fff
}

.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus {
    background: #1087ff
}

.react-calendar--selectRange .react-calendar__tile--hover {
    background-color: #e6e6e6
}

.react-date-picker {
    display: inline-flex;
    position: relative
}

.react-date-picker,.react-date-picker *,.react-date-picker *:before,.react-date-picker *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.react-date-picker--disabled {
    background-color: #f0f0f0;
    color: #6d6d6d
}

.react-date-picker__wrapper {
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    border: thin solid gray
}

.react-date-picker__inputGroup {
    min-width: calc(12px + 4.32em + .434em);
    flex-grow: 1;
    padding: 0 2px;
    box-sizing: content-box
}

.react-date-picker__inputGroup__divider {
    padding: 1px 0;
    white-space: pre
}

.react-date-picker__inputGroup__divider,.react-date-picker__inputGroup__leadingZero {
    display: inline-block
}

.react-date-picker__inputGroup__input {
    min-width: .54em;
    height: 100%;
    position: relative;
    padding: 0 1px;
    border: 0;
    background: none;
    color: currentColor;
    font: inherit;
    box-sizing: content-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.react-date-picker__inputGroup__input::-webkit-outer-spin-button,.react-date-picker__inputGroup__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.react-date-picker__inputGroup__input:invalid {
    background: #ff00001a
}

.react-date-picker__inputGroup__input--hasLeadingZero {
    margin-left: -.54em;
    padding-left: calc(1px + .54em)
}

.react-date-picker__button {
    border: 0;
    background: transparent;
    padding: 4px 6px
}

.react-date-picker__button:enabled {
    cursor: pointer
}

.react-date-picker__button:enabled:hover .react-date-picker__button__icon,.react-date-picker__button:enabled:focus .react-date-picker__button__icon {
    stroke: #0078d7
}

.react-date-picker__button:disabled .react-date-picker__button__icon {
    stroke: #6d6d6d
}

.react-date-picker__button svg {
    display: inherit
}

.react-date-picker__calendar {
    width: 350px;
    max-width: 100vw;
    z-index: 1
}

.react-date-picker__calendar--closed {
    display: none
}

.react-date-picker__calendar .react-calendar {
    border-width: thin
}

.react-daterange-picker {
    display: inline-flex;
    position: relative
}

.react-daterange-picker,.react-daterange-picker *,.react-daterange-picker *:before,.react-daterange-picker *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.react-daterange-picker--disabled {
    background-color: #f0f0f0;
    color: #6d6d6d
}

.react-daterange-picker__wrapper {
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    align-items: center;
    border: thin solid gray
}

.react-daterange-picker__inputGroup {
    min-width: calc(12px + 4.32em + .434em);
    height: 100%;
    flex-grow: 1;
    padding: 0 2px;
    box-sizing: content-box
}

.react-daterange-picker__inputGroup__divider {
    padding: 1px 0;
    white-space: pre
}

.react-daterange-picker__inputGroup__divider,.react-daterange-picker__inputGroup__leadingZero {
    display: inline-block
}

.react-daterange-picker__inputGroup__input {
    min-width: .54em;
    height: 100%;
    position: relative;
    padding: 0 1px;
    border: 0;
    background: none;
    color: currentColor;
    font: inherit;
    box-sizing: content-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.react-daterange-picker__inputGroup__input::-webkit-outer-spin-button,.react-daterange-picker__inputGroup__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.react-daterange-picker__inputGroup__input:invalid {
    background: #ff00001a
}

.react-daterange-picker__inputGroup__input--hasLeadingZero {
    margin-left: -.54em;
    padding-left: calc(1px + .54em)
}

.react-daterange-picker__button {
    border: 0;
    background: transparent;
    padding: 4px 6px
}

.react-daterange-picker__button:enabled {
    cursor: pointer
}

.react-daterange-picker__button:enabled:hover .react-daterange-picker__button__icon,.react-daterange-picker__button:enabled:focus .react-daterange-picker__button__icon {
    stroke: #0078d7
}

.react-daterange-picker__button:disabled .react-daterange-picker__button__icon {
    stroke: #6d6d6d
}

.react-daterange-picker__button svg {
    display: inherit
}

.react-daterange-picker__calendar {
    width: 350px;
    max-width: 100vw;
    z-index: 1
}

.react-daterange-picker__calendar--closed {
    display: none
}

.react-daterange-picker__calendar .react-calendar {
    border-width: thin
}

.motif-date-picker-wrapper {
    position: relative;
    height: auto;
    width: 23.4285714286rem;
    box-sizing: border-box
}

.motif-date-picker-wrapper:focus-within {
    outline-color: var(--date-picker-focus--outline-color);
    outline-style: var(--date-picker-focus--outline-style);
    outline-width: var(--date-picker-focus--outline-width);
    border-radius: var(--date-picker-focus--border-radius)
}

.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);
    min-height: 3.1428571429rem;
    width: 100%;
    resize: vertical;
    transition: padding-left .3s var(--ease-in-out-expo);
    line-height: .5714285714rem;
    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);
    box-sizing: border-box;
    outline-color: var(--date-picker--outline-color);
    outline-width: var(--date-picker-focus--outline-width);
    display: flex;
    flex-direction: column
}

.motif-date-picker-wrapper .motif-date-picker:focus-within {
    outline-color: var(--date-picker-focus--outline-color);
    outline-style: var(--date-picker-focus--outline-style);
    outline-width: var(--date-picker-focus--outline-width);
    --date-picker--border-color: var(--date-picker-focus--border-color);
    --date-picker--border-style: var(--date-picker-focus--border-style);
    --date-picker--border-width: var(--date-picker-focus--border-width)
}

.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: 0
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup__divider {
    color: var(--date-picker--color);
    padding: 0
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup__input,.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup__input {
    padding: 0
}

.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: transparent
}

.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+.react-date-picker__button .motif-icon,.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup+.react-date-picker__button .motif-icon {
    color: var(--date-picker-icon-color)
}

.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.motif-date-picker-icon-left .react-daterange-picker__inputGroup~.react-daterange-picker__calendar-button {
    margin-left: 0;
    order: -10
}

.motif-date-picker-wrapper .motif-date-picker.motif-date-picker-icon-left .react-date-picker__inputGroup~.react-date-picker__calendar-button {
    margin-left: 0;
    order: -10
}

.motif-date-picker-wrapper .motif-date-picker:hover:not(.react-date-picker--disabled,.react-daterange-picker--disabled,.react-date-picker--open,.react-daterange-picker--open) {
    --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);
    --date-picker--outline-color: var(--date-picker-focus--outline-color);
    --date-picker--outline-style: var(--date-picker-focus--outline-style);
    --date-picker--outline-width: var(--date-picker-focus--outline-width);
    --date-picker--outline-offset: var(--date-picker-focus--outline-offset);
    outline-style: solid
}

.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: .4285714286rem
}

.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: .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);
    --date-picker-tile--bg-color: var(--date-picker-tile-disabled--bg-color);
    --date-picker-tile--color: var(--date-picker-tile-disabled--color);
    cursor: not-allowed
}

.motif-date-picker-wrapper .motif-date-picker.react-date-picker--disabled:active,.motif-date-picker-wrapper .motif-date-picker.react-daterange-picker--disabled:active {
    --date-picker-tile-disabled--bg-color: var(--date-picker-tile-active-disabled--bg-color);
    --date-picker-tile-disabled--color: var(--date-picker-tile-active-disabled--color)
}

.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: .2142857143rem;
    padding-left: .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-visible {
    --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-visible .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: .1428571429rem
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker__wrapper {
    padding: 0 1rem;
    display: flex;
    flex-direction: row;
    align-items: center
}

.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__wrapper {
    padding: 0 1rem
}

.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup,.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 0rem
}

.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup .react-daterange-picker__inputGroup__input--hasLeadingZero,.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup .react-daterange-picker__inputGroup__input--hasLeadingZero {
    margin-left: 0rem
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker__wrapper,.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__wrapper {
    border-color: transparent;
    gap: .5714285714rem
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker__wrapper:has(+span .react-date-picker__calendar--open):not(:focus-within),.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__wrapper:has(+span .react-date-picker__calendar--open):not(:focus-within) {
    border-color: var(--date-picker--border-color);
    border-width: var(--date-picker--border-width);
    border-style: var(--date-picker--border-style)
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker--wrapper+span .react-date-picker__calendar--open:focus-within {
    outline-color: var(--date-picker-focus--outline-color);
    outline-style: var(--date-picker-focus--outline-style);
    outline-width: var(--date-picker-focus--outline-width)
}

.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__wrapper {
    align-items: center;
    max-height: 3.1428571429rem
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker__wrapper,.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__wrapper {
    height: 100%
}

.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: .5714285714rem
}

.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.4285714286rem;
    height: 1.4285714286rem;
    fill: var(--date-picker-icon-color);
    --icon-color: var(--date-picker-icon-color)
}

.motif-date-picker-wrapper .motif-date-picker .motif-calendar-icon svg {
    width: 100%;
    height: 100%
}

.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-visible {
    --date-picker-icon-color: var(--date-picker-focus-icon-color)
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup__input:invalid {
    background: transparent
}

.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup__input,.motif-date-picker-wrapper .motif-date-picker .react-date-picker__range-divider,.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup__leadingZero,.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__range-divider,.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup__leadingZero,.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup__input::placeholder {
    font-size: 1rem;
    font-weight: var(--weight-light);
    color: var(--date-picker--color);
    line-height: 1.4285714286rem
}

.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__range-divider {
    display: flex;
    align-items: center
}

.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: .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.1428571429rem
}

.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,.motif-date-picker-wrapper .motif-date-picker .react-date-picker__inputGroup__leadingZero,.motif-date-picker-wrapper .motif-date-picker .react-daterange-picker__inputGroup__leadingZero {
    margin-left: 0rem
}

.motif-date-picker-wrapper .motif-date-picker.motif-date-picker-today-highlight .react-calendar__tile--now {
    background-color: var(--date-picker-tile-today-mark--bg-color);
    color: var(--date-picker-tile-today-mark--color)
}

.motif-date-picker-wrapper .motif-date-picker.motif-date-picker-today-highlight .react-calendar__tile--now:enabled:hover {
    --date-picker-tile-today-mark--bg-color: var(--date-picker-tile-today-mark-hover--bg-color);
    --date-picker-tile-today-mark--color: var(--date-picker-tile-today-mark-hover--color)
}

.motif-date-picker-wrapper .motif-date-picker.motif-date-picker-today-highlight .react-calendar__tile--now:disabled {
    --date-picker-tile-today-mark--bg-color: var(--date-picker-tile-today-mark-disabled--bg-color);
    --date-picker-tile-today-mark--color: var(--date-picker-tile-today-mark-disabled--color)
}

.motif-date-picker-wrapper .motif-calendar {
    max-width: unset;
    width: 23.4285714286rem;
    padding: 1.4285714286rem 1.7142857143rem;
    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: .8571428571rem;
    height: 3.1428571429rem;
    padding: 0;
    width: 20rem
}

.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);
    background-color: transparent
}

.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-visible,.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation__label:enabled:hover,.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation__label:enabled:focus-visible {
    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__navigation__arrow:focus-visible,.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation__label:focus-visible {
    outline-width: var(--date-picker-focus--outline-width);
    outline-style: var(--date-picker-focus--outline-style);
    outline-color: var(--date-picker-focus--outline-color)
}

.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: 1.1428571429rem;
    font-weight: var(--weight-regular)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__navigation__arrow {
    font-size: 2.1428571429rem
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--primary-font);
    padding: .6428571429rem .5rem;
    font-size: .9521428571rem;
    color: var(--date-picker-tile--color);
    background-color: var(--date-picker-tile--bg-color);
    border-radius: var(--date-picker-tile--border-radius)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile:enabled:hover {
    --date-picker-tile--bg-color: var(--date-picker-tile-hover--bg-color);
    --date-picker-tile--color: var(--date-picker-tile-hover--color)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile:focus-visible {
    outline-width: var(--date-picker-focus--outline-width);
    outline-style: var(--date-picker-focus--outline-style);
    outline-color: var(--date-picker-focus--outline-color);
    outline-offset: -.1428571429rem
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__month-view__weekdays {
    text-transform: none;
    padding: 0
}

.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: var(--weight-regular);
    font-size: 1rem;
    background: var(--date-picker-navigation--bg-color);
    color: var(--date-picker-weekday--color);
    line-height: 1.4285714286rem
}

.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--active {
    --date-picker-tile--color: var(--date-picker-tile-active-hover--color);
    --date-picker-tile-hover--bg-color: var(--date-picker-tile-active-hover--bg-color)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--active abbr {
    font-weight: var(--weight-regular)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--active,.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--hasActive {
    color: var(--date-picker-tile-active-hover--color);
    background-color: var(--date-picker-tile-active-hover--bg-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-hover--bg-color);
    color: var(--date-picker-tile-active--color)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--rangeEnd:before,.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--rangeStart:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--date-picker-tile-active-hover--bg-color);
    position: absolute;
    top: 0rem;
    left: 0rem;
    z-index: -2
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--rangeEnd:after,.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--rangeStart:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--date-picker-tile-active--bg-color);
    position: absolute;
    top: 0rem;
    left: 0rem;
    z-index: -1;
    border-radius: var(--date-picker-tile--border-radius)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day) {
    border-radius: 71.4285714286rem
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--range,.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--hover {
    position: relative;
    overflow: visible!important;
    z-index: 1;
    border-radius: 0
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--range.react-calendar__tile--rangeStart,.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--hover.react-calendar__tile--rangeStart {
    border-radius: var(--date-picker-tile--border-radius)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--range.react-calendar__tile--rangeStart:before,.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--hover.react-calendar__tile--rangeStart:before {
    border-top-left-radius: var(--date-picker-tile--border-radius);
    border-bottom-left-radius: var(--date-picker-tile--border-radius)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--range.react-calendar__tile--rangeEnd,.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--hover.react-calendar__tile--rangeEnd {
    border-radius: var(--date-picker-tile--border-radius)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--range.react-calendar__tile--rangeEnd:before,.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--hover.react-calendar__tile--rangeEnd:before {
    border-top-right-radius: var(--date-picker-tile--border-radius);
    border-bottom-right-radius: var(--date-picker-tile--border-radius)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--range.react-calendar__tile--hoverEnd,.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--hover.react-calendar__tile--hoverEnd {
    border-top-right-radius: var(--date-picker-tile--border-radius);
    border-bottom-right-radius: var(--date-picker-tile--border-radius)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--range.react-calendar__tile--hoverStart,.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--hover.react-calendar__tile--hoverStart {
    border-top-left-radius: var(--date-picker-tile--border-radius);
    border-bottom-left-radius: var(--date-picker-tile--border-radius)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--range:nth-child(7n),.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--hover:nth-child(7n) {
    border-top-right-radius: var(--date-picker-tile--border-radius);
    border-bottom-right-radius: var(--date-picker-tile--border-radius)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--range:nth-child(7n).react-calendar__tile--rangeStart:before,.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--hover:nth-child(7n).react-calendar__tile--rangeStart:before {
    border-top-right-radius: var(--date-picker-tile--border-radius);
    border-bottom-right-radius: var(--date-picker-tile--border-radius)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--range:first-child,.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--range:nth-child(7n+1),.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--hover:first-child,.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--hover:nth-child(7n+1) {
    border-top-left-radius: var(--date-picker-tile--border-radius);
    border-bottom-left-radius: var(--date-picker-tile--border-radius)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--range:first-child.react-calendar__tile--range:before,.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--range:nth-child(7n+1).react-calendar__tile--range:before,.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--hover:first-child.react-calendar__tile--range:before,.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--hover:nth-child(7n+1).react-calendar__tile--range:before {
    border-top-left-radius: var(--date-picker-tile--border-radius);
    border-bottom-left-radius: var(--date-picker-tile--border-radius)
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--range:not(:nth-child(7n)).react-calendar__tile--rangeStart:has(+.react-calendar__tile--hover),.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--hover:not(:nth-child(7n)).react-calendar__tile--rangeStart:has(+.react-calendar__tile--hover) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--range:not(:nth-child(7n)).react-calendar__tile--hover+.react-calendar__tile--rangeStart,.motif-date-picker-wrapper .motif-calendar .react-calendar__tile--hover:not(:nth-child(7n)).react-calendar__tile--hover+.react-calendar__tile--rangeStart {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.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: .4285714286rem 0 0
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__year-view__months__month,.motif-date-picker-wrapper .motif-calendar .react-calendar__decade-view__years__year {
    padding: .6428571429rem .5rem;
    margin-bottom: 1rem
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__century-view__decades__decade.react-calendar__tile--hasActive,.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__century-view__decades__decade {
    margin-bottom: 1rem
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__month-view__days__day {
    font-size: 1rem;
    font-weight: var(--weight-light);
    margin-top: .2857142857rem
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__month-view__days__day abbr {
    padding: .1964285714rem 0
}

.motif-date-picker-wrapper .motif-calendar .react-calendar__month-view__days__day--neighboringMonth {
    color: var(--date-picker-tile-disabled--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.1428571429rem;
    width: 1.1428571429rem;
    fill: var(--error)
}

.motif-date-picker-wrapper .react-daterange-picker__clear-button,.motif-date-picker-wrapper .react-date-picker__clear-button {
    display: inline-flex;
    padding: 0;
    height: fit-content
}

.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 {
    fill: 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-visible .react-daterange-picker__clear-button__icon,.motif-date-picker-wrapper .react-daterange-picker__clear-button:focus-visible .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-visible .react-daterange-picker__clear-button__icon,.motif-date-picker-wrapper .react-date-picker__clear-button:focus-visible .react-date-picker__clear-button__icon {
    fill: var(--date-picker--color)
}

label:not(.motif-label-outside).motif-label-with-content {
    top: .5714285714rem
}

label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__inputGroup,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__range-divider,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-date-picker__inputGroup,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__inputGroup,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__range-divider,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-date-picker__inputGroup {
    padding: 0
}

label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__inputGroup input::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__inputGroup .react-date-picker__inputGroup__divider,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__range-divider input::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__range-divider .react-date-picker__inputGroup__divider,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-date-picker__inputGroup input::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-date-picker__inputGroup .react-date-picker__inputGroup__divider,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__inputGroup input::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__inputGroup .react-date-picker__inputGroup__divider,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__range-divider input::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__range-divider .react-date-picker__inputGroup__divider,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-date-picker__inputGroup input::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-date-picker__inputGroup .react-date-picker__inputGroup__divider {
    opacity: 0;
    visibility: hidden
}

label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__inputGroup .react-date-picker__inputGroup__leadingZero,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__range-divider .react-date-picker__inputGroup__leadingZero,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-date-picker__inputGroup .react-date-picker__inputGroup__leadingZero,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__inputGroup .react-date-picker__inputGroup__leadingZero,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__range-divider .react-date-picker__inputGroup__leadingZero,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-date-picker__inputGroup .react-date-picker__inputGroup__leadingZero {
    font-size: 1rem!important;
    font-family: var(--primary-font);
    font-weight: var(--weight-light);
    line-height: 1.4285714286rem
}

label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__inputGroup input,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__inputGroup .react-daterange-picker__inputGroup__leadingZero,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__range-divider input,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__range-divider .react-daterange-picker__inputGroup__leadingZero,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-date-picker__inputGroup input,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-date-picker__inputGroup .react-daterange-picker__inputGroup__leadingZero,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__inputGroup input,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__inputGroup .react-daterange-picker__inputGroup__leadingZero,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__range-divider input,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__range-divider .react-daterange-picker__inputGroup__leadingZero,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-date-picker__inputGroup input,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-date-picker__inputGroup .react-daterange-picker__inputGroup__leadingZero {
    font-size: 1rem!important;
    font-family: var(--primary-font);
    font-weight: var(--weight-light);
    line-height: 1.4285714286rem
}

label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__inputGroup input::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__inputGroup .react-daterange-picker__inputGroup__leadingZero::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__range-divider input::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__range-divider .react-daterange-picker__inputGroup__leadingZero::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-date-picker__inputGroup input::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-date-picker__inputGroup .react-daterange-picker__inputGroup__leadingZero::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__inputGroup input::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__inputGroup .react-daterange-picker__inputGroup__leadingZero::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__range-divider input::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__range-divider .react-daterange-picker__inputGroup__leadingZero::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-date-picker__inputGroup input::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-date-picker__inputGroup .react-daterange-picker__inputGroup__leadingZero::placeholder {
    font-size: 1rem!important;
    font-family: var(--primary-font);
    font-weight: var(--weight-light);
    line-height: 1.4285714286rem
}

label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__range-divider,label:not(.motif-label-outside)+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__range-divider {
    opacity: 0;
    visibility: hidden
}

label:not(.motif-label-outside)+.motif-date-picker-wrapper .motif-date-picker-has-value .react-daterange-picker__wrapper .react-daterange-picker__inputGroup,label:not(.motif-label-outside)+.motif-date-picker-wrapper .motif-date-picker-has-value .react-daterange-picker__wrapper .react-daterange-picker__range-divider,label:not(.motif-label-outside)+.motif-date-picker-wrapper .motif-date-picker-has-value .react-daterange-picker__wrapper .react-date-picker__inputGroup,label:not(.motif-label-outside)+.motif-date-picker-wrapper .motif-date-picker-has-value .react-date-picker__wrapper .react-daterange-picker__inputGroup,label:not(.motif-label-outside)+.motif-date-picker-wrapper .motif-date-picker-has-value .react-date-picker__wrapper .react-daterange-picker__range-divider,label:not(.motif-label-outside)+.motif-date-picker-wrapper .motif-date-picker-has-value .react-date-picker__wrapper .react-date-picker__inputGroup {
    padding: 1rem 0 0
}

label:not(.motif-label-outside)+.motif-date-picker-wrapper .motif-date-picker-has-value .react-daterange-picker__wrapper .react-daterange-picker__inputGroup input::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .motif-date-picker-has-value .react-daterange-picker__wrapper .react-daterange-picker__inputGroup .react-date-picker__inputGroup__divider,label:not(.motif-label-outside)+.motif-date-picker-wrapper .motif-date-picker-has-value .react-daterange-picker__wrapper .react-daterange-picker__range-divider input::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .motif-date-picker-has-value .react-daterange-picker__wrapper .react-daterange-picker__range-divider .react-date-picker__inputGroup__divider,label:not(.motif-label-outside)+.motif-date-picker-wrapper .motif-date-picker-has-value .react-daterange-picker__wrapper .react-date-picker__inputGroup input::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .motif-date-picker-has-value .react-daterange-picker__wrapper .react-date-picker__inputGroup .react-date-picker__inputGroup__divider,label:not(.motif-label-outside)+.motif-date-picker-wrapper .motif-date-picker-has-value .react-date-picker__wrapper .react-daterange-picker__inputGroup input::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .motif-date-picker-has-value .react-date-picker__wrapper .react-daterange-picker__inputGroup .react-date-picker__inputGroup__divider,label:not(.motif-label-outside)+.motif-date-picker-wrapper .motif-date-picker-has-value .react-date-picker__wrapper .react-daterange-picker__range-divider input::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .motif-date-picker-has-value .react-date-picker__wrapper .react-daterange-picker__range-divider .react-date-picker__inputGroup__divider,label:not(.motif-label-outside)+.motif-date-picker-wrapper .motif-date-picker-has-value .react-date-picker__wrapper .react-date-picker__inputGroup input::placeholder,label:not(.motif-label-outside)+.motif-date-picker-wrapper .motif-date-picker-has-value .react-date-picker__wrapper .react-date-picker__inputGroup .react-date-picker__inputGroup__divider {
    opacity: 1;
    visibility: visible;
    transition: all .3s var(--ease-in-out-expo) .2s
}

label:not(.motif-label-outside)+.motif-date-picker-wrapper .motif-date-picker-has-value .react-daterange-picker__wrapper .react-daterange-picker__range-divider,label:not(.motif-label-outside)+.motif-date-picker-wrapper .motif-date-picker-has-value .react-date-picker__wrapper .react-daterange-picker__range-divider {
    opacity: 1;
    visibility: visible;
    transition: all .3s var(--ease-in-out-expo) .2s
}

label:not(.motif-label-outside).motif-focus {
    top: 0rem
}

label:not(.motif-label-outside).motif-focus+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__inputGroup,label:not(.motif-label-outside).motif-focus+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__range-divider,label:not(.motif-label-outside).motif-focus+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-date-picker__inputGroup,label:not(.motif-label-outside).motif-focus+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__inputGroup,label:not(.motif-label-outside).motif-focus+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__range-divider,label:not(.motif-label-outside).motif-focus+.motif-date-picker-wrapper .react-date-picker__wrapper .react-date-picker__inputGroup {
    padding: 1rem 0 0
}

label:not(.motif-label-outside).motif-focus+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__inputGroup input::placeholder,label:not(.motif-label-outside).motif-focus+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__inputGroup .react-date-picker__inputGroup__divider,label:not(.motif-label-outside).motif-focus+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__range-divider input::placeholder,label:not(.motif-label-outside).motif-focus+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__range-divider .react-date-picker__inputGroup__divider,label:not(.motif-label-outside).motif-focus+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-date-picker__inputGroup input::placeholder,label:not(.motif-label-outside).motif-focus+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-date-picker__inputGroup .react-date-picker__inputGroup__divider,label:not(.motif-label-outside).motif-focus+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__inputGroup input::placeholder,label:not(.motif-label-outside).motif-focus+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__inputGroup .react-date-picker__inputGroup__divider,label:not(.motif-label-outside).motif-focus+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__range-divider input::placeholder,label:not(.motif-label-outside).motif-focus+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__range-divider .react-date-picker__inputGroup__divider,label:not(.motif-label-outside).motif-focus+.motif-date-picker-wrapper .react-date-picker__wrapper .react-date-picker__inputGroup input::placeholder,label:not(.motif-label-outside).motif-focus+.motif-date-picker-wrapper .react-date-picker__wrapper .react-date-picker__inputGroup .react-date-picker__inputGroup__divider {
    opacity: 1;
    visibility: visible;
    transition: all .3s var(--ease-in-out-expo) .2s
}

label:not(.motif-label-outside).motif-focus+.motif-date-picker-wrapper .react-daterange-picker__wrapper .react-daterange-picker__range-divider,label:not(.motif-label-outside).motif-focus+.motif-date-picker-wrapper .react-date-picker__wrapper .react-daterange-picker__range-divider {
    opacity: 1;
    visibility: visible;
    transition: all .3s var(--ease-in-out-expo) .2s
}

.motif-error-message {
    color: var(--error);
    display: flex;
    align-items: center;
    margin-top: .4285714286rem;
    margin-bottom: 0;
    font-size: .8571428571rem
}

.motif-error-message .motif-error-icon {
    position: relative;
    margin: -.0714285714rem .3571428571rem -.0714285714rem -.0714285714rem;
    height: 1.2857142857rem;
    width: 1.2857142857rem;
    --icon-color: var(--error);
    fill: #fff
}

.motif-error-message svg {
    flex-shrink: 0
}

.motif-file-uploader-list-item {
    width: 100%;
    min-height: 6.8571428571rem;
    display: flex;
    gap: 1.1428571429rem;
    padding: 1.1428571429rem;
    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);
    box-shadow: var(--file-uploader-item--box-shadow)
}

.motif-file-uploader-list-item:hover {
    background-color: var(--file-uploader-item-hover--bg-color)
}

.motif-file-uploader-list-item-icon .motif-icon {
    display: flex;
    border-radius: 100%;
    padding: .5rem;
    color: var(--file-uploader-item-icon-color);
    background-color: var(--file-uploader-item-icon--bg-color)
}

.motif-file-uploader-list-item-icon .motif-icon svg {
    width: 1rem;
    height: 1rem
}

.motif-file-uploader-list-item-information {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .2857142857rem
}

.motif-file-uploader-list-item-description {
    text-align: left;
    display: flex
}

.motif-file-uploader-list-item-description .motif-file-uploader-list-item-completed {
    fill: var(--file-uploader-item-icon-color)
}

.motif-file-uploader-list-item-description .motif-file-uploader-list-item-completed .motif-icon {
    background-color: var(--file-uploader-item-icon-completed--bg-color);
    border-radius: 100%;
    width: 1.4285714286rem;
    height: 1.4285714286rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.motif-file-uploader-list-item-data {
    flex: 1;
    display: flex;
    flex-direction: column
}

.motif-file-uploader-list-item-name {
    font-weight: var(--weight-regular);
    line-height: 1.4285714286rem
}

.motif-file-uploader-list-item-size {
    font-weight: var(--weight-light);
    color: var(--file-uploader-item-size--color)
}

.motif-file-uploader-list-item-uploaded {
    font-weight: var(--weight-regular);
    color: var(--file-uploader-item-size--color)
}

.motif-file-uploader-list-item-button {
    display: flex;
    align-items: flex-start;
    gap: .4285714286rem
}

.motif-file-uploader-list-item-button .motif-icon-button {
    width: 1.4285714286rem;
    height: 1.4285714286rem
}

.motif-file-uploader-list-item .motif-progress-bar-wrapper .motif-progress-bar-label {
    background-color: transparent
}

.motif-file-uploader-list-item-disabled {
    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);
    color: var(--file-uploader-item-disabled--color);
    cursor: not-allowed;
    pointer-events: none
}

.motif-file-uploader-list-item-disabled .motif-file-uploader-list-item-name,.motif-file-uploader-list-item-disabled .motif-file-uploader-list-item-size {
    color: var(--file-uploader-item-disabled--color)
}

.motif-file-uploader-list-item-disabled .motif-file-uploader-list-item-description svg {
    fill: var(--file-uploader-item-disabled--color)
}

.motif-file-uploader-list-item-has-error {
    background-color: var(--file-uploader-item-error--bg-color);
    border-color: var(--file-uploader-item-error--border-color)!important;
    border-width: var(--file-uploader-item-error--border-width);
    border-style: var(--file-uploader-item-error--border-style)
}

.motif-file-uploader-list-item-has-error:hover {
    background-color: var(--file-uploader-item-error--bg-color)
}

.motif-file-uploader-list-item-has-error .motif-file-uploader-list-item-name,.motif-file-uploader-list-item-has-error .motif-file-uploader-list-item-size,.motif-file-uploader-list-item-has-error .motif-file-uploader-list-item-error {
    color: var(--file-uploader-item-error--color)
}

.motif-file-uploader-list-item-has-error .motif-file-uploader-list-item-icon .motif-icon {
    color: var(--file-uploader-item-error-icon-color);
    background-color: var(--file-uploader-item-error-icon--bg-color)
}

.motif-file-uploader-list-item-has-error .motif-file-uploader-list-item-try-again {
    width: fit-content;
    padding: 0;
    min-width: fit-content
}

.motif-file-uploader {
    display: flex;
    flex-direction: column;
    gap: 1.1428571429rem;
    width: 100%;
    text-align: center;
    position: relative;
    box-shadow: var(--file-uploader--box-shadow)
}

.motif-file-uploader .motif-file-uploader-label-text,.motif-file-uploader .motif-file-uploader-label-description {
    font-family: var(--primary-font);
    color: var(--file-uploader--color);
    line-height: 1.4285714286rem
}

.motif-file-uploader .motif-file-uploader-label-description {
    font-weight: var(--weight-light)
}

.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-visible {
    --file-uploader--color: var(--file-uploader-focus--color);
    --file-uploader--box-shadow: var(--file-uploader-focus--box-shadow)
}

.motif-file-uploader-icon.motif-icon {
    color: var(--file-uploader-icon-color);
    display: flex;
    background-color: var(--file-uploader-icon--bg-color);
    padding: .5714285714rem;
    border-radius: 100%
}

.motif-file-uploader-icon.motif-icon svg {
    width: 1.4285714286rem;
    height: 1.4285714286rem
}

.motif-file-uploader-icon.motif-icon:hover {
    color: var(--file-uploader-hover-icon-color)
}

.motif-file-uploader-icon.motif-icon:focus-visible {
    color: var(--file-uploader-focus-icon-color)
}

.motif-file-uploader.motif-invalid .dropzone-container {
    border: .0714285714rem dashed var(--file-uploader-error--border-color);
    --file-uploader--bg-color: var(--file-uploader-error--bg-color);
    --file-uploader--box-shadow: var(--file-uploader-error--box-shadow)
}

.motif-file-uploader.motif-invalid .motif-file-uploader-icon,.motif-file-uploader.motif-invalid .motif-file-uploader-icon:hover {
    color: var(--file-uploader-error-icon-color);
    background-color: transparent
}

.motif-file-uploader.motif-invalid .motif-file-uploader-icon svg path,.motif-file-uploader.motif-invalid .motif-file-uploader-icon:hover svg path {
    stroke-width: 1.75
}

.motif-file-uploader.motif-invalid .motif-file-uploader-label-text,.motif-file-uploader.motif-invalid .motif-file-uploader-label-description {
    --file-uploader--color: var(--file-uploader-error--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 .dropzone-container {
    cursor: not-allowed
}

.motif-file-uploader.motif-disabled>div {
    pointer-events: none
}

.motif-file-uploader.motif-disabled .dropzone-container {
    --file-uploader--border-color: var(--file-uploader-disabled--border-color);
    --file-uploader--bg-color: var(--file-uploader-disabled--bg-color);
    outline: none
}

.motif-file-uploader.motif-disabled .motif-icon {
    color: var(--file-uploader-disabled-icon-color)
}

.motif-file-uploader.motif-disabled .motif-file-uploader-label-text,.motif-file-uploader.motif-disabled .motif-file-uploader-label-description {
    color: var(--file-uploader-disabled--color)
}

.dropzone-container {
    min-height: 9rem;
    font-size: var(--font-size-base);
    color: var(--file-uploader--color);
    font-weight: var(--weight-regular);
    background-color: var(--file-uploader--bg-color);
    border-color: var(--file-uploader--border-color);
    border-style: var(--file-uploader--border-style);
    border-width: var(--file-uploader--border-width);
    border-radius: var(--file-uploader--border-radius);
    padding: 1.4285714286rem;
    cursor: pointer
}

.dropzone-container:hover {
    --file-uploader--bg-color: var(--file-uploader-hover--bg-color);
    --file-uploader--border-color: var(--file-uploader-hover--border-color)
}

.dropzone-container:focus-visible {
    --file-uploader--bg-color: var(--file-uploader-focus--bg-color);
    --file-uploader--border-color: var(--file-uploader-focus--border-color);
    outline-offset: var(--file-uploader-focus--outline-offset);
    outline-color: var(--file-uploader-focus--outline-color);
    outline-width: var(--file-uploader-focus--outline-width);
    outline-style: var(--file-uploader-focus--outline-style)
}

.motif-file-uploader-label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .8571428571rem
}

.motif-form-field {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

.motif-input-component {
    position: relative;
    display: flex;
    min-height: 3.1428571429rem
}

.motif-input-component .motif-input[labelposition=in] {
    height: 3.1428571429rem;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    font-weight: 300;
    padding-top: 2rem
}

.motif-input-component .motif-input-right-components {
    display: flex;
    gap: .5714285714rem
}

.motif-input-component .motif-input:not([type=password]) {
    font-family: var(--primary-font)
}

.motif-input-component input[type=password]::-ms-reveal,.motif-input-component input[type=password]::-ms-clear {
    display: none
}

.motif-input-component .motif-input[type=number]::-webkit-inner-spin-button,.motif-input-component .motif-input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.motif-theme-dark .motif-input-component .motif-input[type=date]::-webkit-calendar-picker-indicator {
    filter: invert(1)
}

.motif-input-component .motif-input-clear-button {
    display: inline-flex;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.motif-input-component .motif-input-clear-button:first-of-type {
    right: .5rem
}

.motif-input-component .motif-input-clear-button * {
    fill: var(--input-icon-color)
}

.motif-input-component .motif-textarea-clear-button {
    display: inline-flex;
    right: .5714285714rem;
    top: .4285714286rem
}

.motif-input-component .motif-textarea-clear-button * {
    stroke: var(--input-icon-color)
}

.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: 1
}

.motif-input-component input.motif-input:focus-visible::placeholder,.motif-input-component textarea.motif-text-area:focus-visible::placeholder {
    opacity: 1;
    --input-placeholder--color: var(--input-placeholder-focus--color)
}

.motif-input-component input.motif-input:hover::placeholder,.motif-input-component textarea.motif-text-area:hover::placeholder {
    opacity: 1;
    --input-placeholder--color: var(--input-placeholder-hover--color)
}

.motif-input-component input.motif-input:disabled::placeholder,.motif-input-component textarea.motif-text-area:disabled::placeholder {
    opacity: 1;
    --input-placeholder--color: var(--input-placeholder-disabled--color)
}

.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: 1
}

.motif-input-component input.motif-input:focus-visible::-webkit-input-placeholder,.motif-input-component textarea.motif-text-area:focus-visible::-webkit-input-placeholder {
    opacity: 1;
    --input-placeholder--color: var(--input-placeholder-focus--color)
}

.motif-input-component input.motif-input:hover::-webkit-input-placeholder,.motif-input-component textarea.motif-text-area:hover::-webkit-input-placeholder {
    opacity: 1;
    --input-placeholder--color: var(--input-placeholder-hover--color)
}

.motif-input-component input.motif-input:disabled::-webkit-input-placeholder,.motif-input-component textarea.motif-text-area:disabled::-webkit-input-placeholder {
    opacity: 1;
    --input-placeholder--color: var(--input-placeholder-disabled--color)
}

.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: 1
}

.motif-input-component input.motif-input:focus-visible:-ms-input-placeholder,.motif-input-component textarea.motif-text-area:focus-visible:-ms-input-placeholder {
    opacity: 1;
    --input-placeholder--color: var(--input-placeholder-focus--color)
}

.motif-input-component input.motif-input:hover:-ms-input-placeholder,.motif-input-component textarea.motif-text-area:hover:-ms-input-placeholder {
    opacity: 1;
    --input-placeholder--color: var(--input-placeholder-hover--color)
}

.motif-input-component input.motif-input:disabled:-ms-input-placeholder,.motif-input-component textarea.motif-text-area:disabled:-ms-input-placeholder {
    opacity: 1;
    --input-placeholder--color: var(--input-placeholder-disabled--color)
}

.motif-input-component .motif-input {
    padding: 1rem
}

.motif-input-component:has(.motif-input-prefix+.motif-input):not(:has(.motif-input-disabled)):hover:not(:disabled),.motif-input-component:has(.motif-input-right-components):not(:has(.motif-input-disabled)):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);
    --input-error--bg-color: var(--input-error-hover--bg-color);
    --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:has(.motif-input-prefix+.motif-input):not(:has(.motif-input-disabled)):hover:not(:disabled) label,.motif-input-component:has(.motif-input-right-components):not(:has(.motif-input-disabled)):hover:not(:disabled) label {
    --text-area-label--color: var(--text-area-hover-label--color)
}

.motif-input-component:has(.motif-input-prefix+.motif-input):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled),.motif-input-component:has(.motif-input-right-components):not(:has(.motif-input-disabled)).motif-input-component-focused: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);
    border-radius: var(--input-focus--border-radius);
    outline-style: var(--input-focus--outline-style);
    outline-color: var(--input-focus--outline-color);
    outline-width: var(--input-focus--outline-width);
    outline-offset: -.0714285714rem;
    --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);
    --text-area--outline-style: var(--text-area-focus--outline-style);
    --text-area--outline-width: var(--text-area-focus--outline-width);
    --text-area--outline-color: var(--text-area-focus--outline-color)
}

.motif-input-component:has(.motif-input-prefix+.motif-input):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled):has(.motif-input-invalid),.motif-input-component:has(.motif-input-right-components):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled):has(.motif-input-invalid) {
    outline: none
}

.motif-input-component:has(.motif-input-prefix+.motif-input):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled):has(.motif-input-prefix-separator) .motif-input-prefix,.motif-input-component:has(.motif-input-right-components):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled):has(.motif-input-prefix-separator) .motif-input-prefix {
    z-index: 3;
    outline-color: var(--input-prefix-separator-outline-color);
    outline-style: var(--input-prefix-separator-outline-style);
    outline-width: var(--input-prefix-separator-outline-width)
}

.motif-input-component:has(.motif-input-prefix+.motif-input):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled):has(.motif-input-prefix-separator) .motif-input-prefix:not(:has(+.motif-input-invalid)):after,.motif-input-component:has(.motif-input-right-components):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled):has(.motif-input-prefix-separator) .motif-input-prefix:not(:has(+.motif-input-invalid)):after {
    width: .1428571429rem;
    background-color: var(--input-prefix-separator-focus--bg-color);
    height: calc(100% + .2857142857rem)
}

.motif-input-component:has(.motif-input-prefix+.motif-input):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled):has(.motif-input-prefix-separator) .motif-input-prefix:has(+.motif-input-invalid),.motif-input-component:has(.motif-input-right-components):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled):has(.motif-input-prefix-separator) .motif-input-prefix:has(+.motif-input-invalid) {
    outline-color: transparent
}

.motif-input-component:has(.motif-input-prefix+.motif-input):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled) label,.motif-input-component:has(.motif-input-right-components):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled) label {
    --text-area-label--color: var(--text-area-focus-label--color)
}

.motif-input-component:has(.motif-input-prefix+.motif-input):has(.motif-input-disabled),.motif-input-component:has(.motif-input-right-components):has(.motif-input-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:has(.motif-input-prefix+.motif-input):has(.motif-input-disabled) .motif-input,.motif-input-component:has(.motif-input-right-components):has(.motif-input-disabled) .motif-input {
    cursor: not-allowed
}

.motif-input-component:has(.motif-input-prefix+.motif-input):has(.motif-input-disabled)::placeholder,.motif-input-component:has(.motif-input-right-components):has(.motif-input-disabled)::placeholder {
    color: var(--form-element-disabled--color)
}

.motif-input-component:has(.motif-input-prefix+.motif-input).motif-input-invalid:not(:disabled),.motif-input-component:has(.motif-input-right-components).motif-input-invalid:not(:disabled) {
    --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:has(.motif-input-prefix+.motif-input).motif-input-invalid:not(:disabled):hover:not(:disabled),.motif-input-component:has(.motif-input-right-components).motif-input-invalid:not(:disabled):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:has(.motif-input-prefix+.motif-input).motif-input-invalid:not(:disabled):focus-visible:not(:disabled),.motif-input-component:has(.motif-input-right-components).motif-input-invalid:not(:disabled):focus-visible: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-focus--outline-color: var(--input-error-focus--outline-color);
    --input-focus--outline-style: var(--input-error-focus--outline-style);
    --input-focus--outline-width: var(--input-error-focus--outline-width);
    outline-offset: -.0714285714rem;
    --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-component .motif-text-area {
    color: var(--input--color);
    font-weight: var(--weight-light);
    font-size: 1rem;
    background: var(--input--bg-color);
    line-height: 1.4285714286rem;
    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 :not([type=password]),.motif-input-component .motif-text-area :not([type=password]) {
    font-family: var(--primary-font)
}

.motif-input-component .motif-input:not(:has(+.motif-input-right-components>.motif-input-suffix)):has(+.motif-input-right-components .motif-input-clear-button),.motif-input-component .motif-text-area:not(:has(+.motif-input-right-components>.motif-input-suffix)):has(+.motif-input-right-components .motif-input-clear-button) {
    padding-right: 3rem
}

.motif-input-component .motif-input.motif-input-invalid:not(:disabled),.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled) {
    --input--color: var(--input-error--color);
    border-color: var(--input-error--border-color);
    border-width: var(--input-error--border-width);
    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:not(:disabled)+.motif-input-right-components .motif-input-suffix,.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled)+.motif-input-right-components .motif-input-suffix {
    border-color: var(--input-suffix-error--border-color);
    border-style: var(--input-suffix-error--border-style);
    border-width: var(--input-suffix-error--border-width)
}

.motif-input-component .motif-input.motif-input-invalid:not(:disabled)+.motif-input-right-components .motif-input-suffix .motif-icon,.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled)+.motif-input-right-components .motif-input-suffix .motif-icon {
    --btn-icon-color: var(--input-icon-error-icon-color)
}

.motif-input-component .motif-input.motif-input-invalid:not(:disabled):hover:not(:disabled),.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled):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:not(:disabled):hover:not(:disabled)+.motif-input-right-components .motif-input-suffix,.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled):hover:not(:disabled)+.motif-input-right-components .motif-input-suffix {
    background-color: var(--input-error-hover--bg-color)
}

.motif-input-component .motif-input.motif-input-invalid:not(:disabled):focus-visible:not(:disabled),.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled):focus-visible: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-focus--outline-color: var(--input-error-focus--outline-color);
    --input-focus--outline-style: var(--input-error-focus--outline-style);
    --input-focus--outline-width: var(--input-error-focus--outline-width);
    outline-offset: -.0714285714rem;
    --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:not(:disabled):focus-visible:not(:disabled)+.motif-input-right-components .motif-input-suffix,.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled):focus-visible:not(:disabled)+.motif-input-right-components .motif-input-suffix {
    background-color: var(--input-error-focus--bg-color)
}

.motif-input-component .motif-input.motif-input-invalid:not(:disabled).motif-text-area,.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled).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:not(:disabled).motif-text-area label,.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled).motif-text-area label {
    --text-area-label--color: var(--text-area-error-label--color)
}

.motif-input-component .motif-input.motif-input-invalid:not(:disabled).motif-text-area:hover:not(:disabled),.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled).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:not(:disabled).motif-text-area:focus-visible:not(:disabled),.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled).motif-text-area:focus-visible: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 .motif-input.motif-input-invalid:not(:disabled)::placeholder,.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled)::placeholder {
    --input-placeholder--color: var(--input-placeholder-error--color)
}

.motif-input-component:not(:has(.motif-input-prefix)) .motif-input:has(+.motif-input-right-components>.motif-input-suffix) {
    border-color: var(--input-with-suffix--border-color);
    border-style: var(--input-with-suffix--border-style);
    border-width: var(--input-with-suffix--border-width);
    border-radius: var(--input-with-suffix--border-radius)
}

.motif-input-component:not(:has(.motif-input-prefix)) .motif-input:has(+.motif-input-right-components>.motif-input-suffix).motif-input-invalid {
    border-color: var(--input-with-suffix-error--border-color);
    border-style: var(--input-with-suffix-error--border-style);
    border-width: var(--input-with-suffix-error--border-width)
}

.motif-input-component:has(.motif-input-prefix):not(:has(.motif-input-right-components>.motif-input-suffix)) .motif-input.motif-input-invalid {
    border-color: var(--input-with-prefix-error--border-color);
    border-style: var(--input-with-prefix-error--border-style);
    border-width: var(--input-with-prefix-error--border-width)
}

.motif-input-component:has(.motif-input-prefix):has(.motif-input-right-components>.motif-input-suffix) .motif-input.motif-input-invalid {
    border-color: var(--input-with-prefix-suffix-error--border-color);
    border-style: var(--input-with-prefix-suffix-error--border-style);
    border-width: var(--input-with-prefix-suffix-error--border-width);
    border-radius: var(--input-with-prefix-suffix-error--border-radius)
}

.motif-input-component textarea::-webkit-scrollbar {
    width: .3571428571rem;
    background: transparent
}

.motif-input-component textarea::-webkit-scrollbar:hover {
    background: transparent
}

.motif-input-component textarea::-webkit-scrollbar-track {
    background: transparent
}

.motif-input-component textarea::-webkit-scrollbar-thumb {
    background: var(--text-area-scroll-bar--bg-color);
    border-radius: .1428571429rem
}

.motif-input-component textarea::-webkit-scrollbar-thumb:hover {
    background: var(--text-area-scroll-bar-hover--bg-color)
}

.motif-input-component textarea::-webkit-resizer {
    background: var(--text-area-scroll-bar-hover-bg)
}

.motif-input-component .motif-text-area {
    color: var(--text-area--color);
    font-family: var(--primary-font);
    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);
    outline-style: var(--text-area--outline-style);
    outline-width: var(--text-area--outline-width);
    outline-color: var(--text-area--outline-color);
    box-shadow: var(--text-area--box-shadow);
    min-height: 3.5714285714rem;
    resize: vertical;
    overflow-y: auto
}

.motif-input-component .motif-text-area label {
    color: var(--text-area-label--color)
}

.motif-input-component .motif-text-area:disabled {
    --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 {
    right: .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-suffix {
    min-width: 5.0714285714rem
}

.motif-input-component .motif-input-prefix,.motif-input-component .motif-input-suffix {
    color: var(--input--color);
    font-weight: var(--weight-light);
    font-size: 1rem;
    background-color: var(--input--bg-color);
    line-height: 1.4285714286rem;
    box-shadow: var(--input--box-shadow);
    display: flex;
    justify-content: center;
    align-items: center
}

.motif-input-component .motif-input-prefix .motif-icon,.motif-input-component .motif-input-suffix .motif-icon {
    display: contents
}

.motif-input-component .motif-input-prefix {
    padding: 0 .5714285714rem 0 .9285714286rem;
    border-color: var(--input-prefix--border-color);
    border-style: var(--input-prefix--border-style);
    border-width: var(--input-prefix--border-width);
    border-radius: var(--input-prefix--border-radius)
}

.motif-input-component .motif-input-prefix:has(+.motif-input-invalid:hover) {
    background-color: var(--input-error-hover--bg-color)
}

.motif-input-component .motif-input-prefix:has(+.motif-input-invalid.motif-input-focused) {
    background-color: var(--input-error-focus--bg-color)
}

.motif-input-component .motif-input-prefix:not(:focus-visible):has(+.motif-input-invalid) {
    border-color: var(--input-error--border-color);
    border-style: var(--input-error--border-style);
    border-width: var(--input-error--border-width)
}

.motif-input-component .motif-input-prefix:not(:focus-visible):has(+.motif-input-invalid):not(:has(.motif-input-right-components>.motif-input-suffix)) {
    border-color: var(--input-prefix-error--border-color);
    border-style: var(--input-prefix-error--border-style);
    border-width: var(--input-prefix-error--border-width)
}

.motif-input-component .motif-input-prefix:not(:focus-visible):has(+.motif-input-invalid):after {
    --input-prefix-separator--bg-color: var(--input-prefix-separator-error--bg-color);
    --input-prefix-separator-focus--bg-color: var(--input-prefix-separator-error--bg-color);
    width: .0714285714rem
}

.motif-input-component .motif-input-prefix+.motif-input {
    border-color: var(--input-with-prefix--border-color);
    border-style: var(--input-with-prefix--border-style);
    border-width: var(--input-with-prefix--border-width);
    border-radius: var(--input-with-prefix--border-radius)
}

.motif-input-component .motif-input-prefix+.motif-input:has(+.motif-input-right-components>.motif-input-suffix):not(.motif-input-invalid) {
    border-color: var(--input-with-prefix-suffix--border-color);
    border-style: var(--input-with-prefix-suffix--border-style);
    border-width: var(--input-with-prefix-suffix--border-width);
    border-radius: 0
}

.motif-input-component .motif-input-prefix:has(.motif-input-prefix-separator) {
    padding-right: .8571428571rem
}

.motif-input-component .motif-input-prefix:has(.motif-input-prefix-separator):after {
    content: "";
    display: block;
    width: .0714285714rem;
    background-color: var(--input-prefix-separator--bg-color);
    height: 100%;
    position: relative;
    right: -.9285714286rem
}

.motif-input-component .motif-input-prefix:has(.motif-input-prefix-separator)~.motif-input {
    padding-left: 1rem
}

.motif-input-component .motif-input-suffix {
    padding: 0 1rem 0 .5714285714rem;
    border-color: var(--input-suffix--border-color);
    border-style: var(--input-suffix--border-style);
    border-width: var(--input-suffix--border-width);
    border-radius: var(--input-suffix--border-radius);
    flex-shrink: 0
}

.motif-input-component .motif-input-suffix:has(+.motif-input-clear-button) {
    padding-right: 3rem;
    min-width: 5.7142857143rem
}

.motif-input-component .motif-input-suffix:has(+.motif-input-clear-button) .motif-icon {
    display: contents
}

.motif-input-component input:-webkit-autofill:not(:focus-visible) {
    -webkit-box-shadow: 0 0 0 71.4285714286rem var(--input--bg-color) inset;
    -webkit-text-fill-color: var(--input--color)
}

.motif-input-component input:-webkit-autofill:focus-visible {
    -webkit-box-shadow: 0 0 0 71.4285714286rem var(--input-focus--bg-color) inset;
    -webkit-text-fill-color: var(--input-focus--color)
}

.motif-input-component .motif-input-with-suffix,.motif-input-component .motif-input-with-prefix {
    padding-left: 0
}

.motif-label {
    font-style: normal;
    color: var(--form-element-label--color);
    font-weight: var(--weight-light);
    font-size: 1rem;
    line-height: 1.4285714286rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: bottom .25s ease,top .25s ease,color .25s ease,margin .25s ease,font-size .25s ease
}

.motif-label:not(.motif-label.motif-label-outside) {
    z-index: 1;
    position: absolute;
    top: .8571428571rem;
    pointer-events: none;
    font-weight: var(--weight-light)
}

.motif-label:not(.motif-label.motif-label-outside).motif-focus,.motif-label:not(.motif-label.motif-label-outside).motif-label-with-content {
    font-weight: var(--weight-light);
    font-size: .8571428571rem;
    line-height: 1.2857142857rem;
    bottom: unset;
    top: .2857142857rem
}

.motif-label.motif-focus {
    color: var(--form-element-label-focus--color)
}

.motif-label.motif-hover {
    color: var(--form-element-label-hover--color)
}

.motif-label.motif-invalid {
    color: var(--form-element-label-error--color)
}

.motif-label.motif-disabled {
    color: var(--form-element-disabled--color)
}

.motif-label.motif-label-outside {
    font-weight: var(--weight-regular);
    line-height: 1.4285714286rem;
    font-size: 1rem;
    margin-bottom: .4285714286rem
}

.motif-label.motif-label-text-area:not(.motif-label-outside) {
    top: .5714285714rem!important;
    border-radius: .2857142857rem;
    background-color: var(--text-area--bg-color)
}

.motif-label.motif-label-text-area:not(.motif-label-outside).motif-hover {
    background-color: var(--input-hover--bg-color)
}

.motif-label:has(+.motif-date-picker-wrapper) {
    width: 17.1428571429rem
}

.motif-label.motif-label-outside:has(+.motif-date-picker-wrapper) {
    width: 23.4285714286rem
}

.motif-message {
    margin-top: .2857142857rem;
    margin-bottom: 0
}

.motif-wrapper-numeric {
    display: flex;
    align-items: center;
    gap: .4285714286rem
}

.motif-wrapper-numeric .motif-input-component {
    margin-bottom: 0
}

.motif-wrapper-numeric .motif-input-component .motif-numeric-input {
    width: 4.8571428571rem;
    height: 3.4285714286rem;
    text-align: center
}

.motif-wrapper-numeric .motif-numeric-button {
    min-width: 3.4285714286rem;
    min-height: 3.4285714286rem;
    padding: 0
}

.motif-wrapper-numeric .motif-numeric-button svg {
    fill: currentColor
}

.motif-pin-entry-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);
    padding: .5714285714rem
}

.motif-pin-entry-item-small {
    width: 4.5714285714rem;
    height: 4.5714285714rem;
    font-size: 3.2857142857rem;
    line-height: 4.1428571429rem
}

.motif-pin-entry-item-medium {
    width: 5.7142857143rem;
    height: 5.7142857143rem;
    font-size: 3.2857142857rem;
    line-height: 4.1428571429rem
}

.motif-pin-entry-item-large {
    width: 6.8571428571rem;
    height: 6.8571428571rem;
    font-size: 4.1428571429rem;
    line-height: 5rem
}

.motif-pin-entry-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);
    outline: none
}

.motif-pin-entry-item:focus-visible: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);
    outline: none
}

.motif-pin-entry-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-pin-entry-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-pin-entry-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-pin-entry-item-invalid:focus-visible: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;
    gap: .5714285714rem
}

.motif-pin-entry :first-child {
    margin-left: 0
}

.motif-pin-entry .motif-pin-entry-clear-button-wrapper {
    display: flex;
    align-items: center;
    margin-left: .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;
    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 {
    fill: var(--pin-entry-clear-icon-color);
    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-visible: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-radio-button-group {
    display: flex;
    flex-direction: column
}

.motif-radio-button {
    display: inline-flex;
    align-items: center;
    cursor: pointer
}

.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);
    height: 1.1428571429rem;
    width: 1.1428571429rem;
    align-self: flex-start;
    margin-top: .1428571429rem;
    flex-shrink: 0
}

.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:hover+.motif-radio-button-information .motif-radio-button-label {
    --radio-btn-label--color: var(--radio-btn-label-hover--color)
}

.motif-radio-button .motif-radio-button-custom:hover+.motif-radio-button-information .motif-radio-button-supportText {
    --radio-btn-support-text--color: var(--radio-btn-support-text-hover--color)
}

.motif-radio-button .motif-radio-button-custom:focus-visible {
    --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-custom:focus-visible+.motif-radio-button-information .motif-radio-button-label {
    --radio-btn-label--color: var(--radio-btn-label-focus--color)
}

.motif-radio-button .motif-radio-button-custom:focus-visible+.motif-radio-button-information .motif-radio-button-supportText {
    --radio-btn-support-text--color: var(--radio-btn-support-text-focus--color)
}

.motif-radio-button .motif-radio-button-custom:focus-visible .motif-radio-button-border {
    fill: var(--radio-btn-focus--outline-color)
}

.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-visible {
    --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;
    transform: translate(19.5%,19.5%) scale(.6)
}

.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-custom+.motif-radio-button-information .motif-radio-button-label {
    --radio-btn-label--color: var(--radio-btn-label-disabled--color)
}

.motif-radio-button.motif-disabled .motif-radio-button-custom+.motif-radio-button-information .motif-radio-button-supportText {
    --radio-btn-support-text--color: var(--radio-btn-support-text-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-bullet {
    fill: var(--radio-btn-input-disabled--bg-color)
}

.motif-radio-button.motif-disabled .motif-radio-button-border {
    fill: var(--radio-btn-disabled--border-color)
}

.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: var(--radio-btn-hover--box-shadow);
    --radio-btn--border-radius: var(--radio-btn-hover--border-radius)
}

.motif-radio-button-in-group {
    margin-right: 1.1428571429rem;
    margin-bottom: .8571428571rem;
    display: inline-flex
}

.motif-radio-button+.motif-error-message,.motif-radio-button-group+.motif-error-message {
    margin-left: 1.7142857143rem;
    font-size: var(--caption--font-size);
    font-weight: var(--weight-light);
    line-height: 1.2857142857rem;
    margin-top: 0
}

.motif-radio-button-group-invalid .motif-radio-button-custom {
    --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-visible {
    --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: var(--radio-btn-error-focus--border-color)
}

.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-visible {
    --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)
}

.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-visible {
    --radio-btn-input--bg-color: var(--radio-btn-label-error-focus--color)
}

.motif-radio-button-information {
    display: flex;
    flex-direction: column
}

.motif-radio-button-label {
    margin-left: .5714285714rem;
    font-size: var(--font-size-base);
    font-weight: var(--weight-regular);
    color: var(--radio-btn-label--color);
    line-height: 1.4285714286rem
}

.motif-radio-button-supportText {
    margin-left: .5714285714rem;
    font-size: var(--font-size-base);
    font-weight: var(--weight-light);
    color: var(--radio-btn-support-text--color);
    line-height: 1.4285714286rem
}

.motif-radio-button-input~.motif-radio-button-label:checked {
    --radio-btn-label--color: var(--radio-btn-label-checked--color)
}

.motif-radio-button-input input {
    --radio-btn-input--bg-color: var(--radio-btn-input-checked--bg-color)
}

.motif-radio-button-input:focus-visible+.motif-radio-button-custom {
    --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-input:focus-visible+.motif-radio-button-custom .motif-radio-button-border {
    fill: var(--radio-btn-focus--outline-color)
}

.motif-radio-button-input:checked+.motif-radio-button-custom {
    --radio-btn--bg-color: var(--radio-btn-checked--bg-color);
    --radio-btn--box-shadow: var(--radio-btn-checked--box-shadow);
    --radio-btn--border-radius: var(--radio-btn-checked--border-radius)
}

.motif-radio-button-input:checked+.motif-radio-button-custom .motif-radio-button-border {
    --radio-btn--border-color: var(--radio-btn-checked--border-color);
    --radio-btn--border-style: var(--radio-btn-checked--border-style);
    --radio-btn--border-width: var(--radio-btn-checked--border-width)
}

.motif-radio-button-input:checked+.motif-radio-button-custom .motif-radio-button-bullet {
    display: block
}

.motif-radio-button-input:checked:hover:not(:disabled)+.motif-radio-button-custom {
    --radio-btn-checked--border-radius: var(--radio-btn-checked-hover--border-radius);
    --radio-btn-checked--bg-color: var(--radio-btn-checked-hover--bg-color);
    --radio-btn-checked--box-shadow: var(--radio-btn-checked-hover--box-shadow)
}

.motif-radio-button-input:checked:hover:not(:disabled) .motif-radio-button-border {
    --radio-btn--border-color: var(--radio-btn-checked-hover--border-color);
    --radio-btn--border-style: var(--radio-btn-checked-hover--border-style);
    --radio-btn--border-width: var(--radio-btn-checked-hover--border-width)
}

.motif-radio-button-input:checked:hover:not(:disabled)~.motif-radio-button-label {
    --radio-btn-label--color: var(--radio-btn-label-checked-hover--color)
}

.motif-radio-button-input:checked:hover:not(:disabled) input {
    --radio-btn-input--bg-color: var(--radio-btn-input-checked-hover--bg-color)
}

.motif-radio-button-input:checked:focus-visible:not(:disabled)+.motif-radio-button-custom {
    --radio-btn-checked--border-radius: var(--radio-btn-checked-focus--border-radius);
    --radio-btn-checked--bg-color: var(--radio-btn-checked-focus--bg-color);
    --radio-btn-checked--box-shadow: var(--radio-btn-checked-focus--box-shadow)
}

.motif-radio-button-input:checked:focus-visible:not(:disabled) .motif-radio-button-border {
    --radio-btn--border-color: var(--radio-btn-checked-focus--border-color);
    --radio-btn--border-style: var(--radio-btn-checked-focus--border-style);
    --radio-btn--border-width: var(--radio-btn-checked-focus--border-width)
}

.motif-radio-button-input:checked:focus-visible:not(:disabled)~.motif-radio-button-label {
    --radio-btn-label--color: var(--radio-btn-label-checked-focus--color)
}

.motif-radio-button-input:checked:focus-visible:not(:disabled) input {
    --radio-btn-input--bg-color: var(--radio-btn-input-checked-focus--bg-color)
}

.motif-radio-button-input:checked:disabled+.motif-radio-button-custom {
    --radio-btn-checked--border-radius: var(--radio-btn-checked-disabled--border-radius);
    --radio-btn-checked--bg-color: var(--radio-btn-checked-disabled--bg-color);
    --radio-btn-checked--box-shadow: var(--radio-btn-checked-disabled--box-shadow)
}

.motif-radio-button-input:checked:disabled .motif-radio-button-border {
    --radio-btn--border-color: var(--radio-btn-checked-disabled--border-color);
    --radio-btn--border-style: var(--radio-btn-checked-disabled--border-style);
    --radio-btn--border-width: var(--radio-btn-checked-disabled--border-width)
}

.motif-radio-button-input:checked:disabled~.motif-radio-button-label {
    --radio-btn-label--color: var(--radio-btn-label-checked-disabled--color)
}

.motif-radio-button-input:checked:disabled input {
    --radio-btn-input--bg-color: var(--radio-btn-input-checked-disabled--bg-color)
}

.motif-radio-button-input:disabled+.motif-radio-button-custom {
    background-color: var(--radio-btn-disabled--bg-color)
}

.motif-search-input-wrapper {
    position: relative;
    width: 100%
}

.motif-search-input-wrapper .motif-input-component input.motif-input {
    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);
    padding: .7142857143rem 1rem .7142857143rem 2.7142857143rem
}

.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:has(~.motif-typeahead-clear-button) {
    padding-right: 3rem
}

.motif-search-input-wrapper .motif-input-component:not(.motif-search-disabled).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:not(.motif-search-disabled).input.motif-input.motif-input-invalid:focus-visible {
    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:not(.motif-search-disabled).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:not(.motif-search-disabled) .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:not(.motif-search-disabled) .motif-input-component input.motif-input:focus-visible {
    --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);
    outline-style: var(--search-focus--outline-style);
    outline-color: var(--search-focus--outline-color);
    outline-width: var(--search-focus--outline-width)
}

.motif-search-input-wrapper .motif-typeahead-close-button svg path {
    fill: var(--search-clear-btn-icon-color)
}

.motif-search-input-wrapper .motif-typeahead-close-button:focus-visible svg path {
    --search-clear-btn-icon-color: var(--search-clear-btn-focus-icon-color)
}

.motif-search-input-wrapper .motif-typeahead-close-button:hover svg path {
    --search-clear-btn-icon-color: var(--search-clear-btn-hover-icon-color)
}

.motif-search-input-wrapper .motif-typeahead-close-button:focus-visible,.motif-search-input-wrapper .motif-typeahead-close-button:hover {
    background-color: transparent
}

.motif-search-input-wrapper .motif-typeahead-close-button:focus-visible svg,.motif-search-input-wrapper .motif-typeahead-close-button:hover svg {
    background-color: transparent
}

.motif-search-input-wrapper .motif-search-input-icon-button {
    padding: 0;
    z-index: 1000
}

.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-all {
    padding: .8571428571rem .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-list--border-color);
    border-style: var(--select-filter--border-style);
    border-width: var(--select-filter--border-width)
}

.motif-select-search {
    display: none;
    width: 100%;
    padding: .8571428571rem .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-option {
    padding: .8571428571rem .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 span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.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:focus-visible {
    background: var(--select-option--bg-color);
    border-width: var(--select-option-focus--border-width);
    border-style: var(--select-option-focus--border-style);
    border-color: var(--select-option-focus--border-color);
    border-radius: var(--select-option-focus--border-radius);
    outline-width: var(--select-option-focus--outline-width);
    outline-style: var(--select-option-focus--outline-style);
    outline-color: var(--select-option-focus--outline-color);
    outline-offset: var(--select-option-focus--outline-offset)
}

.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: .0714285714rem solid var(--checkbox-checked--border-color);
    margin-right: .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: .0714285714rem 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: .0714285714rem 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 {
    display: block;
    position: relative
}

.motif-select .motif-select-input-arrow {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
    margin: auto
}

.motif-select .motif-select-input-place-holder {
    color: var(--select-input-filter-placeholder--color);
    font-size: 1rem;
    font-family: var(--primary-font);
    font-weight: var(--weight-light);
    line-height: 1.4285714286rem
}

.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-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(--select-trigger--color);
    cursor: pointer;
    height: 3.1428571429rem;
    padding: .7142857143rem 1rem;
    position: relative;
    text-align: left;
    width: 100%;
    font-size: 1rem;
    font-family: var(--primary-font);
    font-weight: var(--weight-light);
    line-height: 1.4285714286rem
}

.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:hover:not(:disabled) .motif-select-input-place-holder {
    color: var(--select-input-filter-placeholder-hover--color)
}

.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);
    outline-style: var(--select-trigger-focus--outline-style);
    outline-color: var(--select-trigger-focus--outline-color);
    outline-width: var(--select-trigger-focus--outline-width);
    outline-offset: var(--select-trigger-focus--outline-offset)
}

.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: .6428571429rem;
    top: .8571428571rem;
    width: 1.7142857143rem;
    height: 1.7142857143rem;
    transition: transform .25s ease-in-out
}

.motif-select-input-arrow.motif-icon {
    fill: var(--select-arrow--color);
    color: var(--select-arrow--color)
}

.motif-select-input-arrow.motif-icon:hover {
    --select-arrow--color: var(--select-arrow-hover--color)
}

.motif-select-input-arrow.motif-icon:focus {
    --select-arrow--color: var(--select-arrow-focus--color)
}

.motif-select-input-arrow.motif-icon:disabled {
    --select-arrow--color: var(--select-arrow-disabled--color)
}

.motif-select-input .motif-select-clean-value {
    position: absolute;
    right: 2.4285714286rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 1
}

.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-all+.motif-select-options {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.motif-select-open .motif-select-input-arrow {
    transform: rotate(180deg)
}

.motif-label.motif-label-with-content:not(.motif-label-outside)+.motif-select .motif-select-input {
    padding: 1.2857142857rem 1rem 0
}

.motif-text-area {
    padding: .5714285714rem 2.5rem .5714285714rem 1rem;
    height: 6.7142857143rem
}

.motif-text-area+.motif-input-right-components {
    display: flex;
    gap: 8px;
    position: absolute;
    right: 12px;
    top: 10px;
    align-items: center
}

.motif-textarea-error-wrapper {
    right: 1.4285714286rem;
    top: 1.4285714286rem;
    display: flex;
    align-items: center;
    top: 12%
}

.motif-textarea-error-wrapper .motif-error-icon {
    color: var(--file-uploader-error-icon-color);
    background-color: transparent
}

.motif-textarea-error-wrapper .motif-error-icon svg {
    width: 1.4285714286rem;
    height: 1.4285714286rem;
    max-width: none
}

.motif-textarea-error-wrapper .motif-error-icon svg path {
    stroke-width: 1.75
}

.motif-label:not(.motif-label-outside)+.motif-input-component .motif-text-area {
    padding-top: 1.8571428571rem;
    padding-right: 2.5rem
}

.motif-time-wrapper {
    display: flex;
    align-items: center
}

.motif-time-wrapper .motif-time-numbers .motif-input-component .motif-input.motif-small-input-item {
    padding-top: .7142857143rem
}

.motif-time-wrapper .motif-small-input-item-invalid {
    --time-input--color: var(--time-input-error--color);
    --time-input--bg-color: var(--time-input-error--bg-color);
    --time-input--border-color: var(--time-input-error--border-color)
}

.motif-time-wrapper .motif-small-input-item {
    width: 3.4285714286rem;
    height: 2.8571428571rem;
    padding: .7142857143rem 1rem;
    border-radius: var(--time-input--border-radius);
    text-align: center;
    color: var(--time-input--color);
    background-color: var(--time-input--bg-color);
    border-color: var(--time-input--border-color);
    border-style: var(--time-input--border-style);
    border-width: var(--time-input--border-width)
}

.motif-time-wrapper .motif-small-input-item:disabled {
    --time-input--bg-color: var(--time-input-disabled--bg-color);
    --time-input--color: var(--time-input-disabled--color);
    --time-input--border-color: var(--time-input-disabled--border-color)
}

.motif-time-wrapper .motif-time-colon {
    padding: 0 .2857142857rem;
    color: var(--time-input-colon--color)
}

.motif-time-wrapper .motif-time-acronym {
    padding-left: .8571428571rem
}

.motif-time-wrapper .motif-time-acronym .motif-time-input-radio {
    margin: 0;
    width: 5rem
}

.motif-time-wrapper .motif-time-acronym .motif-time-input-radio:first-child {
    margin-bottom: .1428571429rem
}

.motif-time-wrapper .motif-time-acronym .motif-time-input-radio:last-child {
    margin-top: .1428571429rem
}

.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-visible 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-visible 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-visible 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-visible 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-time-wrapper .motif-time-acronym .motif-radio-button-group-invalid .motif-radio-button-custom {
    color: var(--time-input-radio-btn-input-error--color)
}

.motif-time-wrapper .motif-time-acronym .motif-radio-button-group-invalid .motif-radio-button-custom .motif-radio-button-border {
    fill: var(--time-input-radio-btn-error--border-color)
}

.motif-time-wrapper .motif-radio-button svg {
    width: 1.1428571429rem;
    height: 1.1428571429rem
}

.motif-time-wrapper .motif-radio-button.motif-disabled .motif-radio-button-custom {
    background-color: var(--time-input-radio-btn-disabled--bg-color)
}

.motif-time-wrapper .motif-radio-button.motif-disabled .motif-radio-button-custom .motif-radio-button-border {
    fill: var(--time-input-radio-btn-disabled--border-color)
}

:not(.motif-disabled) .motif-time-wrapper .motif-radio-button-input:checked+.motif-radio-button-custom {
    background-color: var(--time-input-radio-btn--bg-color)
}

:not(.motif-disabled) .motif-time-wrapper .motif-radio-button-input:checked+.motif-radio-button-custom .motif-radio-button-bullet {
    transform: translate(19.5%,19.5%) scale(.6)
}

.motif-toggle-switch-wrapper {
    display: flex;
    align-items: center
}

.motif-toggle-switch-wrapper .motif-toggle-switch-text {
    font-size: 1rem;
    font-weight: var(--weight-regular);
    line-height: 1.4285714286rem
}

.motif-toggle-switch {
    position: relative;
    width: 2.5714285714rem;
    height: var(--toggle-switch--height);
    margin: 0 .5714285714rem;
    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-visible {
    --toggle-switch--color: var(--toggle-switch-focus--color);
    outline-color: var(--toggle-switch-focus--outline-color);
    outline-style: var(--toggle-switch-focus--outline-style);
    outline-width: var(--toggle-switch-focus--outline-width);
    outline-offset: var(--toggle-switch-focus--outline-offset)
}

.motif-toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.motif-toggle-switch .motif-toggle-switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
    left: 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(--toggle-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);
    --toggle-switch--box-shadow: var(--toggle-switch-hover--box-shadow)
}

.motif-toggle-switch .motif-toggle-switch-slider:focus -visible {
    --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);
    --toggle-switch--box-shadow: var(--toggle-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);
    --toggle-switch--box-shadow: var(--toggle-switch-disabled--box-shadow)
}

.motif-toggle-switch .motif-toggle-switch-slider:focus-visible {
    --toggle-switch--color: var(--toggle-switch-focus--color);
    --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);
    --toggle-switch--box-shadow: var(--toggle-switch-focus--box-shadow);
    outline-color: var(--toggle-switch-focus--outline-color);
    outline-style: var(--toggle-switch-focus--outline-style);
    outline-width: var(--toggle-switch-focus--outline-width);
    outline-offset: var(--toggle-switch-focus--outline-offset)
}

.motif-toggle-switch .motif-toggle-switch-slider:before {
    position: absolute;
    content: "";
    height: var(--toggle-switch-thumb--width);
    width: var(--toggle-switch-thumb--height);
    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: var(--toggle-switch-thumb--translateX) var(--toggle-switch-thumb--translateY);
    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 -visible {
    --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-checked:not(.motif-toggle-switch-disabled) .motif-toggle-switch:focus-visible .motif-toggle-switch-slider {
    --toggle-switch-checked--bg-color: var(--toggle-switch-checked-focus--bg-color)
}

.motif-toggle-switch-checked:not(.motif-toggle-switch-disabled) .motif-toggle-switch .motif-toggle-switch-slider {
    background-color: var(--toggle-switch-checked--bg-color)
}

.motif-toggle-switch-checked:not(.motif-toggle-switch-disabled) .motif-toggle-switch .motif-toggle-switch-slider:focus-visible {
    --toggle-switch-checked--bg-color: var(--toggle-switch-checked-focus--bg-color)
}

.motif-toggle-switch-checked:not(.motif-toggle-switch-disabled) .motif-toggle-switch .motif-toggle-switch-slider:before {
    background-color: var(--toggle-switch-checked-thumb--bg-color)
}

.motif-toggle-switch-checked .motif-toggle-switch .motif-toggle-switch-slider {
    border-color: var(--toggle-switch-checked--border-color);
    border-style: var(--toggle-switch-checked--border-style)
}

.motif-toggle-switch-checked .motif-toggle-switch .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);
    --toggle-switch-checked--box-shadow: var(--toggle-switch-checked-hover--box-shadow)
}

.motif-toggle-switch-checked .motif-toggle-switch .motif-toggle-switch-slider:focus -visible {
    --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);
    --toggle-switch-checked--box-shadow: var(--toggle-switch-checked-focus--box-shadow)
}

.motif-toggle-switch-checked .motif-toggle-switch .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);
    --toggle-switch-checked--box-shadow: var(--toggle-switch-checked-disabled--box-shadow)
}

.motif-toggle-switch-checked .motif-toggle-switch .motif-toggle-switch-slider:before {
    transform: var(--toggle-switch-checked-thumb--translateX) var(--toggle-switch-checked-thumb--translateY);
    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-checked .motif-toggle-switch .motif-toggle-switch-slider:hover:before {
    --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-checked .motif-toggle-switch .motif-toggle-switch-slider:focus -visible:before {
    --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-checked .motif-toggle-switch .motif-toggle-switch-slider:disabled:before {
    --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-checked .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-checked .motif-toggle-switch input:focus-visible+.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-text {
    font-weight: var(--weight-regular)
}

.motif-toggle-switch-off-text {
    text-align: right
}

.motif-toggle-switch-disabled .motif-toggle-switch-text {
    color: var(--form-element-disabled--color)
}

.motif-toggle-switch-disabled .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-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-text {
    display: none
}

.motif-typeahead {
    width: 100%
}

.motif-typeahead .motif-typeahead-prefix-icon {
    display: inline-flex;
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%)
}

.motif-typeahead .motif-typeahead-prefix-icon * {
    fill: var(--input-icon-color)
}

.motif-typeahead .motif-typeahead-clear-button {
    display: inline-flex;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%)
}

.motif-typeahead .motif-typeahead-clear-button * {
    fill: var(--input-icon-color)
}

.motif-typeahead .motif-typeahead-input {
    padding: .7142857143rem 1rem
}

.motif-typeahead .motif-typeahead-has-prefix-icon {
    padding: .7142857143rem 1rem .7142857143rem 2.7142857143rem
}

.motif-typeahead-results {
    box-sizing: content-box;
    width: 100%;
    z-index: 10000000000000;
    overflow-y: auto;
    border-width: var(--typeahead-results--border-width);
    border-style: var(--typeahead-results--border-style);
    border-color: var(--typeahead-results--border-color);
    border-radius: var(--typeahead-results--border-radius);
    background-color: var(--typeahead-results--bg-color);
    box-shadow: var(--typeahead-results--box-shadow);
    padding: .1428571429rem;
    transition: height .2s ease-in-out
}

.motif-typeahead-results ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.motif-typeahead-results ul li {
    margin: 0
}

.motif-typeahead-results ul li button {
    position: relative;
    display: flex;
    align-items: center;
    padding: .8571428571rem 1rem;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    clear: both;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    border-color: var(--typeahead-results-option--border-color);
    border-style: var(--typeahead-results-option--border-style);
    border-width: var(--typeahead-results-option--border-width);
    border-radius: var(--typeahead-results-option--border-radius);
    font-family: var(--primary-font);
    font-weight: 300;
    color: var(--typeahead-results-option--color);
    background: var(--typeahead-results-option--bg-color);
    box-sizing: border-box;
    width: 100%;
    cursor: pointer
}

.motif-typeahead-results ul li button:hover {
    --typeahead-results-option--color: var(--typeahead-results-option-hover--color);
    --typeahead-results-option--bg-color: var(--typeahead-results-option-hover--bg-color);
    --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-results ul li button:focus {
    --typeahead-results-option--color: var(--typeahead-results-option-focus--color);
    --typeahead-results-option--bg-color: var(--typeahead-results-option-focus--bg-color);
    --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);
    outline-color: var(--typeahead-results-option-focus--outline-color);
    outline-style: var(--typeahead-results-option-focus--outline-style);
    outline-width: var(--typeahead-results-option-focus--outline-width);
    outline-offset: var(--typeahead-results-option-focus--outline-offset)
}

.motif-typeahead-results ul li button:disabled {
    --typeahead-results-option--color: var(--typeahead-results-option-disabled--color);
    --typeahead-results-option--bg-color: var(--typeahead-results-option-disabled--bg-color);
    --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
}

@keyframes expandVertical {
    0% {
        transform: scaleY(0);
        opacity: 0
    }

    to {
        transform: scaleY(1);
        opacity: 1
    }
}

.popper-animate-vertical {
    animation: expandVertical .3s ease-out forwards
}

.motif-slider {
    position: relative;
    display: block;
    max-width: 71.4285714286rem;
    padding: .0714285714rem .0714285714rem .0714285714rem 0;
    margin-top: 1.4285714286rem
}

.motif-slider-disabled {
    cursor: not-allowed
}

.motif-slider-input {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    max-width: 71.4285714286rem;
    margin: 0;
    height: 2.1428571429rem;
    overflow: hidden;
    cursor: pointer;
    padding: 0;
    background: transparent;
    pointer-events: none;
    position: absolute
}

.motif-slider-input~.motif-slider-value-wrap,.motif-slider-input~.motif-slider-value-wrap-reverse {
    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: var(--slider-thumb-hover--border-color);
    border-color: var(--slider-thumb-hover--border-color)
}

.motif-slider-input:focus-visible::-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-visible::-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-visible::-ms-thumb {
    background: var(--slider-thumb-hover--border-color);
    border-color: var(--slider-thumb-hover--border-color)
}

.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: var(--slider-thumb-hover--border-color);
    border-color: var(--slider-thumb-hover--border-color)
}

.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-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: var(--slider-thumb-disabled--border-color);
    border-color: var(--slider-thumb-disabled--border-color)
}

.motif-slider-input:disabled~.motif-range-slider-range {
    background-color: var(--slider-range-disabled--bg-color)
}

.motif-slider-input:disabled~.motif-slider-value-wrap,.motif-slider-input:disabled~.motif-slider-value-wrap-reverse {
    display: block
}

.motif-slider-input:disabled~.motif-slider-value-wrap .motif-slider-value,.motif-slider-input:disabled~.motif-slider-value-wrap-reverse .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;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 1.7142857143rem;
    width: 1.7142857143rem;
    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: -.8571428571rem;
    transition: background-color .15s;
    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 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    height: 1.7142857143rem;
    width: 1.7142857143rem;
    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 .15s;
    pointer-events: all
}

.motif-slider-input::-moz-focus-inner {
    border: 0
}

.motif-slider-input::-ms-track {
    width: 100%;
    height: 2.1428571429rem;
    border: 0;
    color: transparent;
    background: transparent
}

.motif-slider-input::-ms-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 1.7142857143rem;
    width: 1.7142857143rem;
    background: var(--slider-thumb-active--border-color);
    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 .15s;
    top: 0;
    margin: 0
}

.motif-slider-input::-ms-tooltip {
    display: none
}

.motif-slider-input::-ms-fill-lower {
    background-color: transparent
}

.motif-slider-value-wrap {
    left: .8571428571rem;
    right: .8571428571rem;
    position: absolute;
    top: -1.4285714286rem;
    display: none
}

.motif-slider-value {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    font-size: .8571428571rem;
    font-weight: var(--weight-regular);
    color: var(--slider-thumb--color);
    line-height: 1.2857142857rem
}

.motif-slider-value-tooltip {
    background-color: var(--slider-tooltip-value--bg-color);
    color: var(--slider-tooltip-value--color);
    padding: .5714285714rem .8571428571rem;
    border-radius: .2857142857rem;
    bottom: -1.0714285714rem
}

.motif-slider-value-tooltip:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border-width: .3571428571rem;
    border-style: solid;
    border-color: var(--slider-tooltip-value--bg-color) transparent transparent transparent;
    transform: translate(-50%)
}

.motif-slider-value-wrap-reverse {
    left: .8571428571rem;
    right: .8571428571rem;
    position: absolute;
    bottom: 0;
    display: none
}

.motif-slider-value-wrap-reverse .motif-slider-value-tooltip {
    bottom: -3.0714285714rem
}

.motif-slider-value-wrap-reverse .motif-slider-value-tooltip:after {
    border-color: transparent transparent var(--slider-tooltip-value--bg-color) transparent;
    bottom: 100%;
    top: auto
}

.motif-slider-min-max {
    justify-content: space-between;
    margin: 0;
    display: flex;
    font-size: .8571428571rem;
    color: var(--slider-footer--color);
    font-weight: var(--weight-light);
    line-height: 1.4285714286rem
}

.motif-slider-min-length {
    margin: 0 0 0 .5rem
}

.motif-slider-min,.motif-slider-max {
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    font-weight: var(--weight-regular)
}

.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: var(--slider-track--height);
    background-color: var(--slider-track--bg-color);
    width: calc(100% - .8571428571rem);
    margin-left: .8571428571rem;
    border-radius: var(--slider-track--border-radius)
}

.motif-range-slider-range {
    position: absolute;
    height: var(--slider-track--height);
    background-color: var(--slider-range--bg-color);
    z-index: 2;
    border-radius: var(--slider-track--border-radius)
}

.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-header-logo {
    width: 2.8571428571rem;
    min-width: 2.8571428571rem;
    height: 2.8571428571rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--header-logo--bg-color);
    border-color: var(--header-logo--border-color);
    border-style: var(--header-logo--border-style);
    border-width: var(--header-logo--border-width);
    border-radius: var(--header-logo--border-radius)
}

.motif-header-logo>a,.motif-header-logo>.motif-icon {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    padding: .3571428571rem;
    border-radius: var(--header-logo--border-radius)
}

.motif-header-logo>a {
    cursor: pointer
}

.motif-header-logo>a:focus-visible {
    outline-style: var(--header-logo-focus--outline-style);
    outline-color: var(--header-logo-focus--outline-color);
    outline-width: var(--header-logo-focus--outline-width);
    outline-offset: var(--header-logo-focus--outline-offset)
}

.motif-header-logo .motif-icon svg {
    width: 100%;
    height: 100%;
    display: block
}

.motif-header {
    display: flex;
    background: var(--header--bg-color);
    color: var(--header-title--color);
    padding: .4285714286rem .7142857143rem;
    z-index: 100;
    height: 4rem;
    border-radius: var(--header--border-radius);
    border-style: var(--header--border-style);
    border-width: var(--header--border-width);
    border-color: var(--header--border-color);
    justify-content: space-between;
    align-items: center;
    min-width: max-content;
    max-width: 100%;
    gap: .5714285714rem
}

.motif-header .motif-header-left,.motif-header .motif-header-middle,.motif-header .motif-header-right {
    display: flex;
    gap: .8571428571rem;
    align-items: center
}

.motif-header .motif-header-left {
    justify-content: flex-start
}

.motif-header .motif-header-middle {
    justify-content: center
}

.motif-header .motif-header-right {
    justify-content: flex-end;
    flex-grow: 1;
    gap: 0
}

.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;
    align-items: center
}

.motif-header-icons-placeholder .motif-icon {
    display: block
}

.motif-header-icons-placeholder .motif-icon-button:hover {
    --header-icon-color: var(--header-icon-hover-icon-color);
    background-color: var(--header-btn-hover--bg-color)
}

.motif-header-icons-placeholder .motif-icon-button:hover svg {
    background-color: transparent
}

.motif-header-icons-placeholder .motif-icon-button:focus-visible {
    --header-icon-color: var(--header-icon-focus-icon-color);
    z-index: 1
}

.motif-header-icons-placeholder .motif-icon-button:focus-visible svg {
    background-color: transparent
}

.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-visible .motif-icon svg,.motif-header-icons-placeholder .motif-icon-button:hover .motif-icon svg {
    background-color: transparent;
    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-visible 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: .0714285714rem;
    width: 3.1428571429rem;
    height: 3.1428571429rem
}

.motif-header .motif-header-row {
    flex-basis: 100%
}

.motif-header .motif-header-row .motif-header-logo svg {
    background-color: var(--header-logo--bg-color);
    padding: 0 .5714285714rem
}

.motif-header .motif-header-end-xs {
    display: flex;
    align-items: center
}

.motif-header .motif-header-app-name {
    font-weight: 400;
    color: var(--header-title--color);
    font-size: 1.1428571429rem;
    line-height: 2rem;
    gap: .5714285714rem;
    width: max-content;
    margin-bottom: .0714285714rem;
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
    padding-right: .8571428571rem;
    display: flex;
    align-items: center
}

.motif-header .motif-header-menu-open .motif-header-menu-open-button {
    opacity: 0;
    visibility: visible;
    transition: .1s transform var(--ease-in-out-expo)
}

.motif-header .motif-header-menu-open-button {
    height: 4rem;
    margin: 0;
    display: flex;
    opacity: 1;
    visibility: visible;
    transition: .1s transform 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: transparent
}

.motif-header .motif-header-menu-open-button .motif-icon-button:focus-visible {
    --header-icon-color: var(--header-icon-focus-icon-color)
}

.motif-header .motif-header-menu-open-button .motif-icon-button:focus-visible svg {
    background-color: transparent
}

.motif-header .motif-header-vertical-navigation-open-button {
    height: 4rem;
    margin: 0 -.8571428571rem 0 -.4285714286rem;
    display: flex;
    opacity: 1;
    visibility: visible;
    transition: .1s transform var(--ease-in-out-expo)
}

.motif-header .motif-header-vertical-navigation-open-button .motif-icon {
    display: block
}

.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: transparent
}

.motif-header .motif-header-vertical-navigation-open-button .motif-icon-button:hover svg {
    background-color: transparent
}

.motif-header .motif-header-vertical-navigation-open-button .motif-icon-button:focus-visible {
    background-color: transparent;
    outline: .1428571429rem solid var(--header-btn-focus--border-color);
    outline-offset: -.1428571429rem;
    z-index: 1
}

.motif-header .motif-header-vertical-navigation-open-button .motif-icon-button:focus-visible svg {
    background-color: transparent
}

.motif-header .motif-header-vertical-navigation-open-button .motif-icon-button .motif-icon svg path {
    fill: var(--header-icon-color)
}

.motif-header .motif-header-container {
    width: 100%
}

.motif-header .motif-header-left .motif-header-app-name {
    padding: 0
}

.motif-header .motif-header-content-switcher {
    display: flex;
    gap: .5714285714rem;
    padding: .7142857143rem .5714285714rem
}

.motif-header .motif-header-content-switcher .motif-header-app-name {
    padding: 0;
    line-height: 1.7142857143rem
}

.motif-header .motif-header-content-switcher .motif-dropdown .motif-button-icon-only {
    padding: .1428571429rem 0 0
}

.motif-header .motif-header-content-switcher .motif-dropdown .motif-dropdown-menu ul li {
    display: block
}

.motif-header .motif-header-content-switcher .motif-dropdown .motif-dropdown-menu button.motif-dropdown-item {
    margin: .2142857143rem 0;
    min-height: 3.2142857143rem
}

.motif-header .motif-header-content-switcher .motif-dropdown .motif-dropdown-menu button.motif-dropdown-item:focus-visible {
    outline-color: var(--dropdown-menu-item-focus-outline--border-color);
    outline-style: var(--dropdown-menu-item-focus-outline--border-style);
    outline-width: var(--dropdown-menu-item-focus-outline--border-width)
}

.motif-header .motif-header-content-switcher:hover {
    cursor: pointer;
    background-color: transparent
}

.motif-header .motif-header-content-switcher:focus-visible {
    outline-color: var(--btn-icon-focus--outline-color);
    outline-style: var(--btn-icon-focus--outline-style);
    outline-width: var(--btn-icon-focus--outline-width);
    outline-offset: var(--btn-icon-focus--outline-offset)
}

.motif-header .motif-header-content-switcher-search {
    width: 100%
}


.motif-header .motif-header-top {
    display: flex;
    justify-content: flex-start;
    gap: .5714285714rem;
    flex-direction: row;
    align-content: center;
    align-items: center;
    width: 100%;
    height: 3.8571428571rem
}

.motif-header .motif-header-top-border-bottom {
    border-bottom: .0714285714rem solid var(--header--border-color)
}

.motif-header .motif-header-bottom {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
    gap: .5714285714rem;
    height: 4rem;
    width: 100%
}

@media screen and (min-width: 64em) {
    .motif-header .motif-header-col,.motif-header .motif-header-col-lg {
        padding-right:.8571428571rem;
        padding-left: .8571428571rem
    }
}

@media screen and (min-width: 36em) {
    .motif-header .motif-header-col {
        padding-right:.5714285714rem;
        padding-left: .5714285714rem
    }
}

@media screen and (min-width: 0) {
    .motif-header .motif-header-row {
        margin-right:-.8571428571rem;
        margin-left: -.8571428571rem
    }

    .motif-header .motif-header-between-xs {
        justify-content: space-between
    }

    .motif-header .motif-header-col {
        padding-right: .5714285714rem;
        padding-left: .5714285714rem
    }

    .motif-header .motif-header-middle-xs {
        align-items: center;
        display: flex
    }

    .motif-header .motif-header-end-xs {
        justify-content: flex-end;
        text-align: right
    }
}

.motif-header .motif-header-search-container {
    width: 100%;
    position: relative
}

.motif-header .motif-header-search-container.motif-header-search-container-expansible {
    width: 3.1428571429rem;
    transition: ease-in-out width .25s
}

.motif-header .motif-header-search-container.motif-header-search-container-expansible .motif-typeahead {
    top: 0rem
}

.motif-header .motif-header-search-container.motif-header-search-container-expansible.motif-header-search-container-opened {
    width: 100%
}

.motif-header .motif-header-search-container.motif-header-search-container-expansible.motif-header-search-container-opened .motif-button {
    visibility: hidden
}

.motif-header .motif-header-search-container.motif-header-search-container-expansible .motif-button {
    position: absolute;
    top: 0rem
}

.motif-header .motif-header-search-container.motif-header-search-container-expansible>:nth-child(2) {
    transition: ease-in-out width .25s;
    width: 3.1428571429rem
}

.motif-header .motif-header-search-container.motif-header-search-container-overlap {
    width: 3.1428571429rem;
    max-width: 3.1428571429rem
}

.motif-header .motif-header-search-container.motif-header-search-container-overlap:not(.motif-header-search-container-opened) input {
    padding: 0
}

.motif-header .motif-header-search-container.motif-header-search-container-overlap>:nth-child(2) {
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: -1;
    right: 0;
    overflow: hidden;
    width: 3.2857142857rem;
    transition: ease-in-out width .25s
}

.motif-header .motif-header-search-container.motif-header-search-container-overlap.motif-header-search-container-opened>:nth-child(2) {
    opacity: 1;
    z-index: 1;
    overflow: initial
}

.motif-header-two-floor {
    height: 8rem
}

.motif-icon {
    color: var(--icon-color);
    background-color: var(--icon--bg-color)
}

.motif-icon-src svg {
    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);
    color: var(--inline-message--color)
}

.motif-inline-message .motif-icon {
    width: 1.4285714286rem;
    height: 1.4285714286rem
}

.motif-inline-message .motif-icon svg {
    position: relative;
    width: 1.4285714286rem;
    height: 1.4285714286rem
}

.motif-inline-message.motif-inline-message-error {
    --inline-message--color: var(--inline-message-error--color)
}

.motif-inline-message.motif-inline-message-error svg {
    --inline-icon-color: var(--inline-error-icon-color)
}

.motif-inline-message.motif-inline-message-warning {
    --inline-message--color: var(--inline-message-warning--color)
}

.motif-inline-message.motif-inline-message-warning svg {
    --inline-icon-color: var(--inline-warning-icon-color)
}

.motif-inline-message.motif-inline-message-info {
    --inline-message--color: var(--inline-message-info--color)
}

.motif-inline-message.motif-inline-message-info svg {
    --inline-icon-color: var(--inline-info-icon-color)
}

.motif-inline-message.motif-inline-message-success {
    --inline-message--color: var(--inline-message-success--color)
}

.motif-inline-message.motif-inline-message-success svg {
    --inline-icon-color: var(--inline-success-icon-color)
}

.motif-inline-message path {
    fill: var(--inline-icon-color)
}

.motif-inline-message-content {
    display: flex;
    align-items: flex-start;
    font-family: var(--primary-font);
    font-size: 1rem;
    line-height: 1.4285714286rem;
    font-weight: var(--weight-light);
    gap: .8571428571rem
}

.motif-menu-list-item {
    position: relative;
    text-align: left;
    height: 3.2142857143rem;
    margin-bottom: 0;
    font-weight: var(--menu-item--font-weight);
    background-color: var(--menu-item--bg-color)
}

.motif-menu-list-item:not(:last-child) {
    margin-bottom: .2857142857rem
}

.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(--menu-item--font-weight);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    border: none;
    margin: 0;
    background: var(--menu-item--bg-color);
    padding: .5714285714rem .8571428571rem .5714285714rem 1rem
}

.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) !important;
    font-weight: var(--weight-regular)
}

.motif-menu-list-item a:focus-visible,.motif-menu-list-item button:focus-visible {
    --menu-item--color: var(--menu-item-focus--color);
    --menu-item--bg-color: var(--menu-item-focus--bg-color) !important;
    font-weight: var(--weight-regular);
    outline-color: var(--menu-item-focus-border--color);
    outline-style: var(--menu-item-focus-border--style);
    outline-width: var(--menu-item-focus-border--width);
    outline-offset: -.1428571429rem
}

.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-list-item.motif-menu-list-item-active :hover,.motif-menu-list-item.motif-menu-list-item-active :focus-visible {
    background-color: var(--menu-item-active-hover--bg-color)!important
}

.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: .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-visible,.motif-menu-alt .motif-menu-list-item button:focus-visible {
    --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-list-item {
    height: auto
}

.motif-menu-item-group .motif-menu-list-item a {
    font-size: 1rem;
    padding: .2857142857rem .8571428571rem .2857142857rem 3.4285714286rem;
    line-height: 1.4285714286rem
}

.motif-menu-item-group.motif-menu-item-group-open .motif-menu-list {
    padding: .5714285714rem 0
}

.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);
    font-size: var(--menu-group-item--font-size)
}

.motif-menu-item-group.motif-menu-item-group-open .motif-menu-list>.motif-menu-list-item a:hover,.motif-menu-item-group.motif-menu-item-group-open .motif-menu-list>.motif-menu-list-item a:focus-visible {
    background-color: var(--menu-item-hover--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;
    cursor: pointer
}

.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-visible {
    --menu-group-item--bg-color: var(--menu-group-item-active--bg-color);
    --menu-group-item--color: var(--menu-group-item-active--color);
    outline-color: var(--menu-item-focus-border--color);
    outline-style: var(--menu-item-focus-border--style);
    outline-width: var(--menu-item-focus-border--width);
    outline-offset: -.1428571429rem
}

.motif-menu-item-group .motif-menu-item-group-button .motif-menu-item-group-name {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    font-family: var(--primary-font);
    font-weight: var(--menu-item--font-weight);
    padding: .5714285714rem .8571428571rem .5714285714rem 1rem
}

.motif-menu-item-group .motif-menu-item-group-button .motif-menu-item-group-arrow {
    fill: var(--menu-group-item-icon--color);
    transform: rotate(0);
    position: absolute;
    right: .8571428571rem;
    height: 2.5rem;
    width: 3.2142857143rem;
    padding: .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 {
    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-open .motif-menu-list>.motif-menu-list-item a:hover,.motif-menu-alt .motif-menu-item-group.motif-menu-item-group-open .motif-menu-list>.motif-menu-list-item a:focus-visible {
    background-color: var(--menu-alt-group-item-hover--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-visible {
    --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-icon--color)
}

.motif-menu-overlay {
    position: fixed;
    pointer-events: none
}

.motif-menu-overlay.motif-menu-overlay-open {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 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: 31.4285714286rem;
    height: 100vh;
    background: transparent;
    border: var(--menu--border);
    border-color: var(--menu--border-color);
    border-style: var(--menu--border-style);
    border-width: var(--menu--border-width);
    transform: translate(100%);
    transition: transform var(--ease-in-out)
}

.motif-menu.motif-menu-alt.motif-menu-open {
    background: var(--menu-alt--bg-color)
}

.motif-menu.motif-menu-alt .motif-icon-button .motif-icon svg {
    color: var(--menu-alt-header-close-btn-icon-color)
}

.motif-menu .motif-icon-button {
    padding: 1rem
}

.motif-menu .motif-icon-button .motif-icon {
    z-index: 100
}

.motif-menu .motif-icon-button .motif-icon:focus-visible svg,.motif-menu .motif-icon-button .motif-icon:hover svg {
    background: none
}

.motif-menu .motif-icon-button .motif-icon svg {
    color: var(--menu-btn-icon--color);
    width: 2.5714285714rem;
    height: 2.5714285714rem
}

.motif-menu.motif-menu-open {
    transform: translate(0);
    box-shadow: .0714285714rem 0 .7857142857rem .5714285714rem var(--menu--box-shadow);
    background: var(--menu--bg-color)
}

.motif-menu.motif-menu-open-from-left {
    left: 0;
    transform: translate(-101%)
}

.motif-menu.motif-menu-open-from-left .motif-menu-nav {
    left: 0;
    right: auto;
    z-index: 1000;
    padding: 0rem 1rem 0rem .7142857143rem
}

.motif-menu.motif-menu-open-from-left.motif-menu-open {
    transform: translate(0)
}

.motif-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding: 0rem .8571428571rem 0rem 1.7142857143rem;
    color: var(--menu-header-title--color);
    min-height: 4.2857142857rem;
    border-style: var(--menu-header-title--border-style);
    border-width: var(--menu-header-title--border-width);
    border-color: var(--menu-header-title--border-color);
    margin-bottom: 1.7142857143rem
}

.motif-menu-header .motif-icon-button .motif-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.4285714286rem;
    width: 1.4285714286rem
}

.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 .motif-icon {
    height: 1.4285714286rem;
    width: 1.4285714286rem
}

.motif-menu-header .motif-menu-header-close {
    padding-top: .8571428571rem
}

.motif-menu-header-information {
    display: flex;
    flex-direction: column;
    gap: .2857142857rem;
    padding-top: 1.7142857143rem
}

.motif-menu-header-title {
    margin: 0;
    font-size: 1.4285714286rem;
    font-weight: 400;
    line-height: 2.1428571429rem
}

.motif-menu-header-description {
    margin: 0;
    font-size: 1rem;
    font-weight: 300;
    color: var(--menu-header-description--color)
}

.motif-mq-small .motif-menu {
    border-top: none;
    max-width: 25.7142857143rem
}

.motif-modal-body {
    padding: 1.7142857143rem;
    display: block;
    flex: 1;
    font-size: 1.1428571429rem;
    font-weight: var(--weight-light);
    line-height: 1.7142857143rem
}

.motif-modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: .8571428571rem;
    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);
    padding: 0rem 1.7142857143rem 1.7142857143rem
}

.motif-modal-footer .motif-button-warning {
    background-color: var(--modal-warning-btn--bg-color);
    color: var(--modal-warning-btn--color);
    --btn-warn--border-color: var(--modal-warning-btn--bg-color)
}

.motif-modal-footer .motif-button-warning:hover {
    background-color: var(--modal-warning-btn-warn-hover--bg-color);
    --btn-warn--border-color: var(--modal-warning-btn-warn-hover--bg-color)
}

.motif-modal-footer .motif-button-stepper-next {
    background-color: var(--modal-next-btn--bg-color);
    color: var(--modal-next-btn--color);
    --btn-secondary-icon-color: var(--modal-next-btn--color)
}

.motif-modal-footer .motif-button-stepper-next:hover {
    background-color: var(--modal-next-btn-hover--bg-color);
    color: var(--modal-next-btn-hover--color);
    --btn-secondary-hover-icon-color: var(--modal-next-btn-hover--color)
}

.motif-mq-medium .motif-modal-footer {
    flex-direction: row
}

.motif-mq-medium .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;
    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);
    padding-top: 1.7142857143rem;
    padding-bottom: 1.7142857143rem;
    margin-left: 1.7142857143rem;
    margin-right: 1.7142857143rem
}

.motif-modal-header-fab {
    flex-direction: column;
    align-items: stretch;
    gap: 1.4285714286rem
}

.motif-modal-header-fab .motif-icon svg {
    width: 1.7142857143rem;
    height: 1.7142857143rem
}

.motif-modal-header-icons {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.motif-modal-header .motif-modal--header-icon-button {
    flex-shrink: 0;
    display: flex;
    padding: 0;
    height: 3.4285714286rem;
    width: 3.4285714286rem;
    align-items: center;
    justify-content: center
}

.motif-modal-header .motif-modal--header-icon-button svg {
    width: 1.4285714286rem;
    height: auto;
    padding: 0;
    background-color: var(--modal-header-close-btn-icon--bg-color);
    color: var(--modal-header-close-btn--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-visible {
    --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-visible 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-visible svg path {
    --modal-header-close-btn-icon-color: var(--modal-header-close-btn-focus-icon-color)
}

.motif-modal-header .motif-modal-headline {
    margin: 0;
    color: var(--modal-header--color);
    font-size: 1.2857142857rem;
    line-height: 2rem;
    font-weight: var(--weight-regular)
}

.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 {
    fill: var(--modal-header-alt-close-btn--color)
}

.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-visible {
    --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-visible 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-visible path {
    --modal-header-alt-close-btn-icon-color: var(--modal-header-alt-close-btn-focus-icon-color)
}

.motif-modal-header .motif-icon-button:focus-visible {
    outline-style: var(--modal-header-close-btn-focus--outline-style)
}

.motif-modal-header .modal-info {
    padding: .8571428571rem
}

.motif-modal-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 3.5714285714rem;
    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: translate(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 {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(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: .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-visible {
    --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: .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-visible {
    --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-menu .motif-icon svg {
    color: var(--pagination-select-trigger-icon-color)
}

.motif-pagination-select .motif-dropdown-item {
    width: 8rem;
    padding: .8571428571rem 1rem;
    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-visible {
    --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 .motif-pagination-list {
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin: 0;
    padding: 0
}

.motif-pagination input::-webkit-outer-spin-button,.motif-pagination input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.motif-pagination .motif-pagination-item {
    list-style: none;
    margin: 0
}

.motif-pagination .motif-pagination-item .motif-pagination-item-selected {
    display: flex;
    justify-content: space-between;
    gap: .5714285714rem
}

.motif-pagination .motif-pagination-item .motif-pagination-item-selected .motif-icon {
    transform: rotate(180deg);
    margin-right: .3571428571rem;
    height: 1.4285714286rem;
    width: 1.4285714286rem
}

.motif-pagination .motif-pagination-item .motif-pagination-item-selected .motif-icon svg path {
    fill: currentColor
}

.motif-pagination .motif-pagination-count.motif-icon-button svg {
    margin: auto
}

.motif-pagination .motif-dropdown .motif-dropdown-trigger .motif-button {
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem
}

.motif-pagination .motif-dropdown-trigger .motif-icon-button,.motif-pagination .motif-icon-button {
    min-width: 1.4285714286rem;
    height: 1.4285714286rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .2857142857rem;
    flex-shrink: 0;
    background-color: var(--pagination-select-trigger--bg-color)
}

.motif-pagination .motif-dropdown-trigger .motif-icon-button .motif-icon,.motif-pagination .motif-icon-button .motif-icon {
    width: 1.4285714286rem;
    height: 1.4285714286rem
}

.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-visible,.motif-pagination .motif-icon-button:focus-visible {
    --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-count {
    margin: 0 1rem;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    font-weight: var(--weight-regular);
    display: flex;
    align-items: center;
    gap: .2857142857rem
}

.motif-pagination .motif-pagination-count .motif-pagination-current-page-input {
    max-width: 4rem;
    max-height: 3.1428571429rem;
    text-align: center;
    color: var(--pagination-count--color)
}

.motif-pagination .motif-pagination-count .motif-pagination-current-page-static {
    cursor: pointer
}

.motif-pagination .motif-pagination-count .motif-pagination-current-max-pages {
    margin-left: -.2857142857rem
}

.motif-panel-menu-item {
    background-color: var(--panel-menu-item--bg-color);
    color: var(--panel-menu-item--color);
    border-color: var(--panel-menu-item--border-color);
    border-style: var(--panel-menu-item--border-style);
    border-width: var(--panel-menu-item--border-width);
    border-radius: var(--panel-menu-item--border-radius);
    font-size: .8571428571rem;
    line-height: 1.4285714286rem;
    font-weight: var(--weight-regular);
    margin: 0;
    padding: .5714285714rem .8571428571rem .5714285714rem 1rem;
    position: relative;
    height: 2.8571428571rem;
    width: 100%;
    text-align: left
}

.motif-panel-menu-item~.motif-panel-menu .motif-panel-menu-item {
    padding: .5714285714rem .8571428571rem .5714285714rem 2rem
}

.motif-panel-menu-item~.motif-panel-menu .motif-panel-menu .motif-panel-menu-item {
    padding: .5714285714rem .8571428571rem .5714285714rem 3rem
}

.motif-panel-menu-item~.motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu-item {
    padding: .5714285714rem .8571428571rem .5714285714rem 4rem
}

.motif-panel-menu-item~.motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu-item {
    padding: .5714285714rem .8571428571rem .5714285714rem 5rem
}

.motif-panel-menu-item~.motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu-item {
    padding: .5714285714rem .8571428571rem .5714285714rem 6rem
}

.motif-panel-menu-item~.motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu-item {
    padding: .5714285714rem .8571428571rem .5714285714rem 7rem
}

.motif-panel-menu-item~.motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu-item {
    padding: .5714285714rem .8571428571rem .5714285714rem 8rem
}

.motif-panel-menu-item~.motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu-item {
    padding: .5714285714rem .8571428571rem .5714285714rem 9rem
}

.motif-panel-menu-item~.motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu-item {
    padding: .5714285714rem .8571428571rem .5714285714rem 10rem
}

.motif-panel-menu-item:not(.motif-panel-menu-title) {
    cursor: pointer
}

.motif-panel-menu-item:not(.motif-panel-menu-title):before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu-item:not(.motif-panel-menu-title):hover {
    --panel-menu-item--border-color: var(--panel-menu-item-hover--border-color);
    --panel-menu-item--border-style: var(--panel-menu-item-hover--border-style);
    --panel-menu-item--border-width: var(--panel-menu-item-hover--border-width);
    --panel-menu-item--border-radius: var(--panel-menu-item-hover--border-radius);
    --panel-menu-item--bg-color: var(--panel-menu-item-hover--bg-color);
    --panel-menu-item--color: var(--panel-menu-item-hover--color);
    --panel-menu-item--box-shadow: var(--panel-menu-item-hover--box-shadow)
}

.motif-panel-menu-item:not(.motif-panel-menu-title):focus-visible {
    --panel-menu-item--border-color: var(--panel-menu-item-focus--border-color);
    --panel-menu-item--border-style: var(--panel-menu-item-focus--border-style);
    --panel-menu-item--border-width: var(--panel-menu-item-focus--border-width);
    --panel-menu-item--border-radius: var(--panel-menu-item-focus--border-radius);
    --panel-menu-item--bg-color: var(--panel-menu-item-focus--bg-color);
    --panel-menu-item--color: var(--panel-menu-item-focus--color);
    --panel-menu-item--box-shadow: var(--panel-menu-item-focus--box-shadow);
    z-index: 3;
    outline: var(--panel-menu-item-focus--outline-width) var(--panel-menu-item-focus--outline-style) var(--panel-menu-item-focus--outline-color)
}

.motif-panel-menu-item:not(.motif-panel-menu-title):active {
    border-color: var(--panel-menu-item-active--border-color);
    border-style: var(--panel-menu-item-active--border-style);
    border-width: var(--panel-menu-item-active--border-width);
    --panel-menu-item--border-radius: var(--panel-menu-item-active--border-radius);
    --panel-menu-item--bg-color: var(--panel-menu-item-active--bg-color);
    --panel-menu-item--color: var(--panel-menu-item-active--color);
    --panel-menu-item--box-shadow: var(--panel-menu-item-active--box-shadow)
}

.motif-panel-menu-item.motif-panel-menu-selected-item {
    border-color: var(--panel-menu-item-active--border-color);
    border-style: var(--panel-menu-item-active--border-style);
    border-width: var(--panel-menu-item-active--border-width);
    border-radius: var(--panel-menu-item-active--border-radius);
    background-color: var(--panel-menu-item-active--bg-color);
    color: var(--panel-menu-item-active--color);
    box-shadow: var(--panel-menu-item-active--box-shadow)
}

.motif-panel-menu-item.motif-panel-menu-selected-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: var(--panel-menu-item-title--color)
}

.motif-panel-menu-title {
    color: var(--panel-menu-item-title--color);
    border: none;
    margin: 0;
    font-size: .8571428571rem;
    font-size: var(--font-size-base);
    line-height: 1.4285714286rem;
    font-weight: var(--weight-regular);
    padding: .5714285714rem 0 .5714285714rem 1rem
}

.motif-panel-menu-horizontal-divider {
    margin: 0 0 0 1rem;
    border-color: var(--panel-menu-item-title-separator--bg-color);
    border-width: 0 0 .0714285714rem 0;
    border-style: solid;
    width: calc(100% - 2rem);
    height: .0714285714rem;
    display: block;
    padding: 0rem 1rem;
    box-sizing: border-box
}

.motif-panel-menu {
    position: relative;
    background-color: var(--panel-menu--bg-color)
}

.motif-panel-menu .motif-panel-menu-title {
    font-size: var(--font-size-base);
    line-height: 1.4285714286rem;
    font-weight: var(--weight-regular);
    margin: 0;
    padding: .5714285714rem 0 .5714285714rem 1rem
}

.motif-panel-menu .motif-panel-menu-trigger {
    padding: .5714285714rem .8571428571rem .5714285714rem 0
}

.motif-panel-menu .motif-panel-menu-trigger svg {
    margin-top: .5714285714rem;
    height: 1.4285714286rem;
    width: 1.4285714286rem
}

.motif-panel-menu .motif-panel-menu-left-icon {
    padding: .5714285714rem 0 .5714285714rem .8571428571rem
}

.motif-panel-menu .motif-panel-menu-left-icon svg {
    margin-top: .5714285714rem;
    height: 1.4285714286rem;
    width: 1.4285714286rem
}

.motif-panel-menu .motif-panel-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
    background-color: var(--panel-menu-header--bg-color);
    box-shadow: var(--panel-menu-item--box-shadow);
    height: 2.8571428571rem;
    border-color: var(--panel-menu-header--border-color);
    border-style: var(--panel-menu-header--border-style);
    border-width: var(--panel-menu-header--border-width)
}

.motif-panel-menu .motif-panel-menu-header .motif-panel-menu-title {
    color: var(--panel-menu-item--color)
}

.motif-panel-menu .motif-panel-menu-header:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu {
    border-color: var(--panel-menu-item--border-color);
    border-style: var(--panel-menu-item--border-style);
    border-width: var(--panel-menu-item--border-width);
    border-radius: var(--panel-menu-item--border-radius)
}

.motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu .motif-panel-menu-item {
    padding: .5714285714rem .8571428571rem .5714285714rem 2rem
}

.motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu .motif-panel-menu .motif-panel-menu-item {
    padding: .5714285714rem .8571428571rem .5714285714rem 3rem
}

.motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu-item {
    padding: .5714285714rem .8571428571rem .5714285714rem 4rem
}

.motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu-item {
    padding: .5714285714rem .8571428571rem .5714285714rem 5rem
}

.motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu-item {
    padding: .5714285714rem .8571428571rem .5714285714rem 6rem
}

.motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu-item {
    padding: .5714285714rem .8571428571rem .5714285714rem 7rem
}

.motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu-item {
    padding: .5714285714rem .8571428571rem .5714285714rem 8rem
}

.motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu-item {
    padding: .5714285714rem .8571428571rem .5714285714rem 9rem
}

.motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu .motif-panel-menu-item {
    padding: .5714285714rem .8571428571rem .5714285714rem 10rem
}

.motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu .motif-panel-menu-item {
    border: none
}

.motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu .motif-panel-menu-item:not(:active):not(.motif-panel-menu-selected-item):before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu .motif-panel-menu-header:hover {
    border-color: var(--panel-menu-item-hover--border-color);
    border-style: var(--panel-menu-item-hover--border-style);
    border-width: var(--panel-menu-item-hover--border-width);
    border-radius: var(--panel-menu-item-hover--border-radius);
    background-color: var(--panel-menu-item-hover--bg-color);
    color: var(--panel-menu-item-hover--color);
    box-shadow: var(--panel-menu-item-hover--box-shadow)
}

.motif-panel-menu .motif-panel-menu-header:focus-visible {
    border-color: var(--panel-menu-item-focus--border-color);
    border-style: var(--panel-menu-item-focus--border-style);
    border-width: var(--panel-menu-item-focus--border-width);
    border-radius: var(--panel-menu-item-focus--border-radius);
    background-color: var(--panel-menu-item-focus--bg-color);
    color: var(--panel-menu-item-focus--color);
    box-shadow: var(--panel-menu-item-focus--box-shadow);
    z-index: 4;
    outline: var(--panel-menu-item-focus--outline-width) var(--panel-menu-item-focus--outline-style) var(--panel-menu-item-focus--outline-color)
}

.motif-panel-menu .motif-panel-menu-header:active {
    border-color: var(--panel-menu-item-active--border-color);
    border-style: var(--panel-menu-item-active--border-style);
    border-width: var(--panel-menu-item-active--border-width);
    border-radius: var(--panel-menu-item-active--border-radius);
    background-color: var(--panel-menu-item-active--bg-color);
    color: var(--panel-menu-item-active--color);
    box-shadow: var(--panel-menu-item-active--box-shadow)
}

.motif-panel-menu .motif-panel-menu-content {
    transition: opacity .2s ease-in-out,transform .2s ease-in-out;
    opacity: 0;
    transform: translateY(-1.4285714286rem);
    pointer-events: none;
    max-height: 0;
    position: relative;
    z-index: 3;
    background-color: var(--panel-menu-content--bg-color)
}

.motif-panel-menu .motif-panel-menu-content-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    max-height: 71.4285714286rem
}

.motif-panel-menu .motif-panel-menu-content-visible .motif-panel-menu-header {
    display: flex
}

.motif-panel-menu .motif-panel-menu-content-visible .motif-panel-menu-item {
    display: block
}

.motif-panel-menu .motif-panel-menu-content-hidden {
    opacity: 0;
    transform: translateY(-1.4285714286rem);
    pointer-events: none;
    max-height: 0
}

.motif-panel-menu .motif-panel-menu-content-hidden .motif-panel-menu-header,.motif-panel-menu .motif-panel-menu-content-hidden .motif-panel-menu-item {
    display: none
}

.motif-panel-menu:not(.motif-panel-menu .motif-panel-menu)>.motif-panel-menu-content {
    padding-left: .8571428571rem
}

.motif-panel-menu .motif-panel-menu-content .motif-panel-menu-item:has(+.motif-panel-menu) .motif-panel-menu-content .motif-panel-menu-item {
    padding: .5714285714rem .8571428571rem .5714285714rem 1rem
}

.motif-panel-menu .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu {
    border: none
}

.motif-panel-menu .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content>.motif-panel-menu-item {
    color: var(--panel-menu-item--color);
    font-weight: var(--weight-regular)
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content>.motif-panel-menu-item {
    color: var(--panel-menu-item--color);
    font-weight: var(--weight-regular)
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content>.motif-panel-menu-item {
    color: var(--panel-menu-item--color);
    font-weight: var(--weight-regular)
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content>.motif-panel-menu-item {
    color: var(--panel-menu-item--color);
    font-weight: var(--weight-regular)
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content>.motif-panel-menu-item {
    color: var(--panel-menu-item--color);
    font-weight: var(--weight-regular)
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content>.motif-panel-menu-item {
    color: var(--panel-menu-item--color);
    font-weight: var(--weight-regular)
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content>.motif-panel-menu-item {
    color: var(--panel-menu-item--color);
    font-weight: var(--weight-regular)
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content>.motif-panel-menu-item {
    color: var(--panel-menu-item--color);
    font-weight: var(--weight-regular)
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content>.motif-panel-menu-item {
    color: var(--panel-menu-item--color);
    font-weight: var(--weight-regular)
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content>.motif-panel-menu-item {
    color: var(--panel-menu-item--color);
    font-weight: var(--weight-regular)
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content .motif-panel-menu-item {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content .motif-panel-menu-item:not(:active):not(.motif-panel-menu-selected-item):before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content .motif-panel-menu-item {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content .motif-panel-menu-item:not(:active):not(.motif-panel-menu-selected-item):before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content .motif-panel-menu-item {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content .motif-panel-menu-item:not(:active):not(.motif-panel-menu-selected-item):before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content .motif-panel-menu-item {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content .motif-panel-menu-item:not(:active):not(.motif-panel-menu-selected-item):before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content .motif-panel-menu-item {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content .motif-panel-menu-item:not(:active):not(.motif-panel-menu-selected-item):before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content .motif-panel-menu-item {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content .motif-panel-menu-item:not(:active):not(.motif-panel-menu-selected-item):before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content .motif-panel-menu-item {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content .motif-panel-menu-item:not(:active):not(.motif-panel-menu-selected-item):before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content .motif-panel-menu-item {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content .motif-panel-menu-item:not(:active):not(.motif-panel-menu-selected-item):before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-header+.motif-panel-menu-content .motif-panel-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content .motif-panel-menu-item {
    border: none
}

.motif-panel-menu:has(.motif-panel-menu-content>.motif-panel-menu-item:active) .motif-panel-menu .motif-panel-menu-content .motif-panel-menu-item:not(:active):not(.motif-panel-menu-selected-item):before {
    content: "";
    position: absolute;
    top: 0;
    left: -.0714285714rem;
    width: .1428571429rem;
    height: 100%;
    background-color: transparent
}

.motif-progress-bar-wrapper {
    display: flex
}

.motif-progress-bar-wrapper:not(.motif-progress-bar-wrapper-circle) {
    flex-direction: column
}

.motif-progress-bar-wrapper:not(.motif-progress-bar-wrapper-circle).motif-progress-bar-label-top .motif-progress-bar-label {
    align-self: flex-end
}

.motif-progress-bar-wrapper:not(.motif-progress-bar-wrapper-circle).motif-progress-bar-label-bottom {
    flex-direction: column-reverse
}

.motif-progress-bar-wrapper:not(.motif-progress-bar-wrapper-circle).motif-progress-bar-label-bottom .motif-progress-bar-label {
    align-self: flex-end
}

.motif-progress-bar-wrapper:not(.motif-progress-bar-wrapper-circle).motif-progress-bar-label-right {
    flex-direction: row-reverse;
    align-items: center
}

.motif-progress-bar-wrapper:not(.motif-progress-bar-wrapper-circle).motif-progress-bar-label-right .motif-progress-bar-label {
    margin-left: .7142857143rem;
    flex-shrink: 0
}

.motif-progress-bar-wrapper.motif-progress-bar-wrapper-circle {
    position: relative;
    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-wrapper-circle .motif-progress-bar-label {
    position: absolute;
    z-index: 1
}

.motif-progress-bar-wrapper.motif-progress-bar-wrapper-circle.motif-progress-bar-wrapper-circle-sm {
    width: 14.2857142857rem;
    height: 14.2857142857rem
}

.motif-progress-bar-wrapper.motif-progress-bar-wrapper-circle.motif-progress-bar-wrapper-circle-sm .motif-progress-bar-label {
    font-size: 2rem
}

.motif-progress-bar-wrapper .motif-progress-bar-label {
    font-size: var(--font-size-base);
    font-weight: var(--weight-regular);
    color: var(--progress-bar-label--color)
}

.motif-progress-bar-wrapper .motif-progress-bar-label-hidden {
    clip: rect(.0714285714rem,.0714285714rem,.0714285714rem,.0714285714rem);
    clip-path: inset(50%);
    height: .0714285714rem;
    width: .0714285714rem;
    margin: -.0714285714rem;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.motif-progress-bar-wrapper .motif-progress-bar {
    display: inline-block;
    height: .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: transparent;
    height: var(--progress-bar-circle--height);
    width: var(--progress-bar-circle--width)
}

.motif-progress-bar-wrapper .motif-progress-bar.motif-progress-bar-circle.motif-progress-bar-circle-sm {
    width: 14.2857142857rem;
    height: 14.2857142857rem
}

.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 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: var(--progress-bar-progress--bg-color);
    border-radius: var(--progress-bar-progress--border-radius);
    height: .2857142857rem
}

.motif-progress-bar-wrapper .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)
}

.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 svg path {
    stroke-linecap: var(--progress-bar-spinner-outer--stroke-linecap);
    stroke-width: var(--progress-bar-circle--border-width)
}

.motif-progress-bar-wrapper .motif-progress-bar-circle svg path:first-of-type {
    stroke: var(--progress-bar-spinner-outer--border-color);
    fill: var(--progress-bar-percent-circle--bg-color)
}

.motif-progress-bar-wrapper .motif-progress-bar-circle svg path:last-of-type {
    stroke: var(--progress-bar-spinner--border-color)
}

.motif-progress-bar-wrapper .motif-progress-bar-circle.motif-progress-error {
    --progress-bar-spinner--border-color: var(--progress-bar-error-progress--bg-color)
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes translate {
    0% {
        left: -25%
    }

    20% {
        left: 0
    }

    40% {
        left: 33%
    }

    60% {
        left: 66%
    }

    80% {
        left: 100%
    }

    to {
        left: 125%
    }
}

.motif-progress-bar-tooltip {
    color: var(--progress-bar-label-alt--color);
    background-color: var(--progress-bar-label-alt--bg-color);
    box-shadow: var(--progress-bar-label-alt--box-shadow);
    padding: .5714285714rem .8571428571rem;
    border-radius: .2857142857rem;
    font-size: .8571428571rem
}

.motif-progress-bar-arrow,.motif-progress-bar-arrow:before {
    position: absolute;
    width: .5714285714rem;
    height: .5714285714rem;
    background: inherit
}

.motif-progress-bar-arrow {
    visibility: hidden
}

.motif-progress-bar-arrow:before {
    visibility: visible;
    content: "";
    transform: rotate(45deg)
}

.motif-progress-bar-tooltip[data-popper-placement^=top]>.motif-progress-bar-arrow {
    bottom: -.2857142857rem
}

.motif-progress-bar-tooltip[data-popper-placement^=bottom]>.motif-progress-bar-arrow {
    top: -.2857142857rem
}

.motif-progress-bar-tooltip[data-popper-placement^=left]>.motif-progress-bar-arrow {
    right: -.2857142857rem
}

.motif-progress-bar-tooltip[data-popper-placement^=right]>.motif-progress-bar-arrow {
    left: -.2857142857rem
}

.motif-progress-indicator-step-hide-icon.motif-progress-indicator-direction-col .motif-progress-indicator-step-container .motif-progress-indicator-step-status-situation {
    width: 100%
}

.motif-progress-indicator-step-hide-icon .motif-progress-indicator-step .motif-progress-indicator-step-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .5714285714rem;
    background-color: transparent;
    border: none;
    text-align: left
}

.motif-progress-indicator-step-hide-icon .motif-progress-indicator-step .motif-progress-indicator-step-container .motif-progress-indicator-step-status-bar {
    width: 100%;
    height: .2857142857rem;
    transform: none
}

.motif-progress-indicator-step-hide-icon .motif-progress-indicator-step:last-child .motif-progress-indicator-step-status-bar {
    display: flex
}

.motif-progress-indicator-direction-row .motif-progress-indicator-step-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .8571428571rem
}

.motif-progress-indicator-direction-row .motif-progress-indicator-step-container .motif-progress-indicator-step-status-situation {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: calc(100% + .5714285714rem)
}

.motif-progress-indicator-direction-row .motif-progress-indicator-step-container .motif-progress-indicator-step-status-situation .motif-progress-indicator-step-status-icon {
    z-index: 2
}

.motif-progress-indicator-direction-row .motif-progress-indicator-step-container .motif-progress-indicator-step-status-information {
    text-align: center
}

.motif-progress-indicator-direction-row .motif-progress-indicator-step-container .motif-progress-indicator-step-status-bar {
    height: .1428571429rem;
    width: 100%;
    position: absolute;
    z-index: 1
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step-container {
    display: flex;
    gap: .8571428571rem
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step-container .motif-progress-indicator-step-status-situation {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .2857142857rem
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step-container .motif-progress-indicator-step-status-bar {
    height: 100%;
    width: .1428571429rem
}

.motif-progress-indicator-step {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: var(--progress-indicator-step--padding);
    position: relative;
    width: 7.1428571429rem;
    background-color: transparent;
    border: none;
    font-family: var(--primary-font);
    text-align: left
}

.motif-progress-indicator-step .motif-progress-indicator-step-status-icon .motif-progress-indicator-icon svg {
    padding: .2857142857rem
}

.motif-progress-indicator-step:last-child .motif-progress-indicator-step-status-bar {
    display: none
}

.motif-progress-indicator-step.motif-progress-indicator-step-pointer .motif-progress-indicator-step-container[role=button] {
    cursor: pointer
}

.motif-progress-indicator-step.motif-progress-indicator-step-pointer .motif-progress-indicator-step-container[role=button]:focus-within:not(.motif-progress-indicator-step-disabled) {
    border-width: var(--progress-indicator-step-focus--border-width);
    border-style: var(--progress-indicator-step-focus--border-style);
    border-color: var(--progress-indicator-step-focus--border-color);
    border-radius: var(--progress-indicator-step-focus--border-radius);
    outline-color: var(--progress-indicator-step-focus--outline-color);
    outline-style: var(--progress-indicator-step-focus--outline-style);
    outline-width: var(--progress-indicator-step-focus-outline-width);
    outline-offset: var(--progress-indicator-step-focus--outline-offset)
}

.motif-progress-indicator-step.motif-progress-indicator-step-pointer .motif-progress-indicator-step-container[role=button]:hover:not(.motif-progress-indicator-step-disabled) {
    background-color: var(--progress-indicator-body-hover--bg-color)
}

.motif-progress-indicator-step.motif-progress-indicator-step-pointer .motif-progress-indicator-step-container[role=button]:last-child {
    margin-right: 0
}

.motif-progress-indicator-step.motif-progress-indicator-step-disabled.motif-progress-indicator-step-pointer .motif-progress-indicator-step-container[role=button] {
    cursor: not-allowed;
    pointer-events: none
}

.motif-progress-indicator-step-default .motif-progress-indicator-step-status-icon {
    background-color: var(--progress-indicator-circle--bg-color)
}

.motif-progress-indicator-step-default .motif-progress-indicator-step-status-icon .motif-progress-indicator-step-dot-icon {
    background-color: var(--progress-indicator-circle--color)
}

.motif-progress-indicator-step-default .motif-progress-indicator-step-status-bar {
    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)
}

.motif-progress-indicator-step-default.motif-progress-indicator-step-error .motif-progress-indicator-step-status-icon {
    background-color: var(--progress-indicator-circle-error--bg-color)
}

.motif-progress-indicator-step-default.motif-progress-indicator-step-error .motif-progress-indicator-step-status-icon .motif-progress-indicator-step-dot-icon {
    background-color: var(--progress-indicator-circle-error--color)
}

.motif-progress-indicator-step-default.motif-progress-indicator-step-disabled .motif-progress-indicator-step-status-icon {
    background-color: var(--progress-indicator-circle-disabled--bg-color)
}

.motif-progress-indicator-step-default.motif-progress-indicator-step-disabled .motif-progress-indicator-step-status-icon .motif-progress-indicator-step-dot-icon {
    background-color: var(--progress-indicator-circle-disabled--color)
}

.motif-progress-indicator-step-completed .motif-progress-indicator-step-status-icon {
    background-color: var(--progress-indicator-circle-completed--bg-color)
}

.motif-progress-indicator-step-completed .motif-progress-indicator-step-status-icon .motif-progress-indicator-icon {
    color: var(--progress-indicator-circle-completed--color)
}

.motif-progress-indicator-step-completed .motif-progress-indicator-step-status-icon .motif-progress-indicator-icon svg {
    padding: 0rem
}

.motif-progress-indicator-step-completed .motif-progress-indicator-step-status-bar {
    background-color: var(--progress-indicator-bar-completed--bg-color);
    border-color: var(--progress-indicator-bar-completed--border-color);
    border-style: var(--progress-indicator-bar-completed--border-style);
    border-width: var(--progress-indicator-bar-completed--border-width);
    border-radius: var(--progress-indicator-bar-completed--border-radius);
    box-shadow: var(--progress-indicator-bar-completed--box-shadow)
}

.motif-progress-indicator-step-completed.motif-progress-indicator-step-error .motif-progress-indicator-step-status-icon {
    background-color: var(--progress-indicator-circle-completed-error--bg-color)
}

.motif-progress-indicator-step-completed.motif-progress-indicator-step-error .motif-progress-indicator-step-status-icon .motif-progress-indicator-icon {
    color: var(--progress-indicator-circle-completed-error--color) svg;
    color-padding: 0rem
}

.motif-progress-indicator-step-completed.motif-progress-indicator-step-disabled .motif-progress-indicator-step-status-icon {
    background-color: var(--progress-indicator-circle-completed-disabled--bg-color)
}

.motif-progress-indicator-step-completed.motif-progress-indicator-step-disabled .motif-progress-indicator-step-status-icon .motif-progress-indicator-icon {
    color: var(--progress-indicator-circle-completed-disabled--color)
}

.motif-progress-indicator-step-completed.motif-progress-indicator-step-disabled .motif-progress-indicator-step-status-icon .motif-progress-indicator-icon svg {
    padding: 0rem
}

.motif-progress-indicator-step-active .motif-progress-indicator-step-status-icon {
    background-color: var(--progress-indicator-circle-active--bg-color)
}

.motif-progress-indicator-step-active .motif-progress-indicator-step-status-icon .motif-progress-indicator-step-dot-icon {
    background-color: var(--progress-indicator-circle-active--color)
}

.motif-progress-indicator-step-active .motif-progress-indicator-step-status-bar {
    background-color: var(--progress-indicator-bar-active--bg-color);
    border-color: var(--progress-indicator-bar-active--border-color);
    border-style: var(--progress-indicator-bar-active--border-style);
    border-width: var(--progress-indicator-bar-active--border-width);
    border-radius: var(--progress-indicator-bar-active--border-radius);
    box-shadow: var(--progress-indicator-bar-active--box-shadow)
}

.motif-progress-indicator-step-active.motif-progress-indicator-step-error .motif-progress-indicator-step-status-icon {
    background-color: var(--progress-indicator-circle-active-error--bg-color)
}

.motif-progress-indicator-step-active.motif-progress-indicator-step-error .motif-progress-indicator-step-status-icon .motif-progress-indicator-step-dot-icon {
    background-color: var(--progress-indicator-circle-active-error--color)
}

.motif-progress-indicator-step-active.motif-progress-indicator-step-disabled .motif-progress-indicator-step-status-icon {
    background-color: var(--progress-indicator-circle-active-disabled--bg-color)
}

.motif-progress-indicator-step-active.motif-progress-indicator-step-disabled .motif-progress-indicator-step-status-icon .motif-progress-indicator-step-dot-icon {
    background-color: var(--progress-indicator-circle-active-disabled--color)
}

.motif-progress-indicator-step-warning .motif-progress-indicator-step-status-icon {
    background-color: var(--progress-indicator-circle-warning--bg-color)
}

.motif-progress-indicator-step-warning .motif-progress-indicator-step-status-icon .motif-progress-indicator-icon {
    color: var(--progress-indicator-circle-warning--color)
}

.motif-progress-indicator-step-warning .motif-progress-indicator-step-status-bar {
    background-color: var(--progress-indicator-bar-warning--bg-color);
    border-color: var(--progress-indicator-bar-warning--border-color);
    border-style: var(--progress-indicator-bar-warning--border-style);
    border-width: var(--progress-indicator-bar-warning--border-width);
    border-radius: var(--progress-indicator-bar-warning--border-radius);
    box-shadow: var(--progress-indicator-bar-warning--box-shadow)
}

.motif-progress-indicator-step-warning .motif-progress-indicator-step-status-title {
    color: var(--progress-indicator-title-warning--color)
}

.motif-progress-indicator-step-warning .motif-progress-indicator-step-status-description {
    color: var(--progress-indicator-body-warning--color)
}

.motif-progress-indicator-step-error .motif-progress-indicator-step-status-icon {
    background-color: var(--progress-indicator-circle-error--bg-color)
}

.motif-progress-indicator-step-error .motif-progress-indicator-step-status-icon .motif-progress-indicator-step-dot-icon {
    background-color: var(--progress-indicator-circle-error--color)
}

.motif-progress-indicator-step-error .motif-progress-indicator-step-status-bar {
    background-color: var(--progress-indicator-bar-error--bg-color);
    border-color: var(--progress-indicator-bar-error--border-color);
    border-style: var(--progress-indicator-bar-error--border-style);
    border-width: var(--progress-indicator-bar-error--border-width);
    border-radius: var(--progress-indicator-bar-error--border-radius);
    box-shadow: var(--progress-indicator-bar-error--box-shadow)
}

.motif-progress-indicator-step-error .motif-progress-indicator-step-status-title {
    color: var(--progress-indicator-title-error--color)
}

.motif-progress-indicator-step-error .motif-progress-indicator-step-status-description {
    color: var(--progress-indicator-body-error--color)
}

.motif-progress-indicator-step-disabled {
    cursor: not-allowed
}

.motif-progress-indicator-step-disabled .motif-progress-indicator-step-status-icon {
    background-color: var(--progress-indicator-circle-disabled--bg-color)
}

.motif-progress-indicator-step-disabled .motif-progress-indicator-step-status-icon .motif-progress-indicator-step-dot-icon {
    background-color: var(--progress-indicator-circle-disabled--color)
}

.motif-progress-indicator-step-disabled .motif-progress-indicator-step-status-bar {
    background-color: var(--progress-indicator-bar-disabled--bg-color);
    border-color: var(--progress-indicator-bar-disabled--border-color);
    border-style: var(--progress-indicator-bar-disabled--border-style);
    border-width: var(--progress-indicator-bar-disabled--border-width);
    border-radius: var(--progress-indicator-bar-disabled--border-radius);
    box-shadow: var(--progress-indicator-bar-disabled--box-shadow)
}

.motif-progress-indicator-step-disabled .motif-progress-indicator-step-status-title {
    color: var(--progress-indicator-title-disabled--color)
}

.motif-progress-indicator-step-disabled .motif-progress-indicator-step-status-description {
    color: var(--progress-indicator-body-disabled--color)
}

.motif-progress-indicator {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.1428571429rem
}

.motif-progress-indicator-direction-col {
    flex-direction: column;
    gap: 0rem
}

.motif-progress-indicator-step-status-title {
    color: var(--progress-indicator-title--color);
    font-weight: var(--progress-indicator-title--font-weight)
}

.motif-progress-indicator-step-status-description {
    color: var(--progress-indicator-body--color);
    font-weight: var(--weight-light)
}

.motif-progress-indicator-direction-col .motif-progress-indicator-step-container {
    max-width: 21.4285714286rem;
    min-width: 21.4285714286rem
}

.motif-progress-indicator-step-status-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.motif-progress-indicator-sm.motif-progress-indicator-direction-row .motif-progress-indicator-step-status-bar {
    transform: translate(50%,calc(1.7142857143rem / 2 - .0714285714rem))
}

.motif-progress-indicator-sm .motif-progress-indicator-step-container {
    min-height: 5.2857142857rem
}

.motif-progress-indicator-sm .motif-progress-indicator-step-status-icon {
    min-width: 1.7142857143rem;
    min-height: 1.7142857143rem
}

.motif-progress-indicator-sm .motif-progress-indicator-step-status-icon .motif-progress-indicator-icon {
    height: 1.7142857143rem
}

.motif-progress-indicator-sm .motif-progress-indicator-step-status-icon .motif-progress-indicator-step-dot-icon {
    width: .5714285714rem;
    height: .5714285714rem;
    border-radius: 50%
}

.motif-progress-indicator-sm .motif-progress-indicator-step-status-information {
    padding: .1428571429rem 0rem 2.2857142857rem
}

.motif-progress-indicator-sm .motif-progress-indicator-step-status-information .motif-progress-indicator-step-status-title,.motif-progress-indicator-sm .motif-progress-indicator-step-status-information .motif-progress-indicator-step-status-description {
    line-height: 1.4285714286rem;
    font-size: 1rem
}

.motif-progress-indicator-md.motif-progress-indicator-direction-row .motif-progress-indicator-step-status-bar {
    transform: translate(50%,calc(2.2857142857rem / 2 - .0714285714rem))
}

.motif-progress-indicator-md .motif-progress-indicator-step-container {
    min-height: 6.1428571429rem
}

.motif-progress-indicator-md .motif-progress-indicator-step-status-icon {
    min-width: 2.2857142857rem;
    min-height: 2.2857142857rem
}

.motif-progress-indicator-md .motif-progress-indicator-step-status-icon .motif-progress-indicator-icon {
    height: 2.2857142857rem
}

.motif-progress-indicator-md .motif-progress-indicator-step-status-icon .motif-progress-indicator-step-dot-icon {
    width: .7142857143rem;
    height: .7142857143rem;
    border-radius: 50%
}

.motif-progress-indicator-md .motif-progress-indicator-step-status-information {
    min-height: 4.7142857143rem;
    padding: .2857142857rem 0rem 2.2857142857rem
}

.motif-progress-indicator-md .motif-progress-indicator-step-status-information .motif-progress-indicator-step-status-title,.motif-progress-indicator-md .motif-progress-indicator-step-status-information .motif-progress-indicator-step-status-description {
    line-height: 1.7142857143rem;
    font-size: 1.1428571429rem
}

.motif-progress-indicator-lg.motif-progress-indicator-direction-row .motif-progress-indicator-step-status-bar {
    transform: translate(50%,calc(2.8571428571rem / 2 - .0714285714rem))
}

.motif-progress-indicator-lg .motif-progress-indicator-step-container {
    min-height: 6.2857142857rem
}

.motif-progress-indicator-lg .motif-progress-indicator-step-status-icon {
    min-width: 2.8571428571rem;
    min-height: 2.8571428571rem
}

.motif-progress-indicator-lg .motif-progress-indicator-step-status-icon .motif-progress-indicator-icon {
    height: 2.8571428571rem
}

.motif-progress-indicator-lg .motif-progress-indicator-step-status-icon .motif-progress-indicator-step-dot-icon {
    width: .8571428571rem;
    height: .8571428571rem;
    border-radius: 50%
}

.motif-progress-indicator-lg .motif-progress-indicator-step-status-information {
    min-height: 5.1428571429rem;
    padding: .4285714286rem 0rem 2.2857142857rem
}

.motif-progress-indicator-lg .motif-progress-indicator-step-status-information .motif-progress-indicator-step-status-title,.motif-progress-indicator-lg .motif-progress-indicator-step-status-information .motif-progress-indicator-step-status-description {
    line-height: 1.7142857143rem;
    font-size: 1.1428571429rem
}

.motif-progress-indicator-step-hide-icon .motif-progress-indicator-step-status-icon {
    display: none
}

.motif-progress-indicator-step-hide-icon.motif-progress-indicator-sm .motif-progress-indicator-step-container {
    min-height: auto
}

.motif-progress-indicator-step-hide-icon.motif-progress-indicator-sm .motif-progress-indicator-step-status-information {
    text-align: left;
    min-height: 3rem;
    padding: .1428571429rem .2857142857rem 0rem
}

.motif-progress-indicator-step-hide-icon.motif-progress-indicator-sm .motif-progress-indicator-step-status-information .motif-progress-indicator-step-status-title,.motif-progress-indicator-step-hide-icon.motif-progress-indicator-sm .motif-progress-indicator-step-status-information .motif-progress-indicator-step-status-description {
    line-height: 1.4285714286rem;
    font-size: 1rem
}

.motif-progress-indicator-step-hide-icon.motif-progress-indicator-md .motif-progress-indicator-step-container {
    min-height: auto
}

.motif-progress-indicator-step-hide-icon.motif-progress-indicator-md .motif-progress-indicator-step-status-information {
    text-align: left;
    min-height: 4.7142857143rem;
    padding: .2857142857rem .2857142857rem 0rem
}

.motif-progress-indicator-step-hide-icon.motif-progress-indicator-md .motif-progress-indicator-step-status-information .motif-progress-indicator-step-status-title,.motif-progress-indicator-step-hide-icon.motif-progress-indicator-md .motif-progress-indicator-step-status-information .motif-progress-indicator-step-status-description {
    line-height: 1.7142857143rem;
    font-size: 1.1428571429rem
}

.motif-progress-indicator-step-hide-icon.motif-progress-indicator-lg .motif-progress-indicator-step-container {
    min-height: auto
}

.motif-progress-indicator-step-hide-icon.motif-progress-indicator-lg .motif-progress-indicator-step-status-information {
    text-align: left;
    min-height: 5.1428571429rem;
    padding: .5714285714rem .2857142857rem 0rem
}

.motif-progress-indicator-step-hide-icon.motif-progress-indicator-lg .motif-progress-indicator-step-status-information .motif-progress-indicator-step-status-title,.motif-progress-indicator-step-hide-icon.motif-progress-indicator-lg .motif-progress-indicator-step-status-information .motif-progress-indicator-step-status-description {
    line-height: 1.7142857143rem;
    font-size: 1.1428571429rem
}

.motif-progress-loader {
    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-type {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5714285714rem
}

.motif-progress-nested {
    width: 100%
}

.motif-progress-loading {
    position: relative
}

.motif-progress-loading .motif-progress-loader-type {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5714285714rem
}

.motif-progress-loading .motif-progress-blur {
    clear: both;
    opacity: .5;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none
}

.motif-progress-loader-fullscreen {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: var(--progress-loader--bg-color);
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.motif-progress-loader-content {
    display: flex;
    height: 1.1428571429rem;
    width: 5.7142857143rem
}

.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: translate(-2.8571428571rem)
    }

    33% {
        opacity: 1;
        transform: translate(0)
    }

    67% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(2.8571428571rem)
    }
}

.motif-progress-loader-circular {
    border-color: var(--progress-loader-circular-track--bg-color);
    border-style: solid;
    border-bottom-color: var(--progress-loader-circle--bg-color);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite
}

.motif-progress-loader-circular-xs {
    border-width: .0892857143rem;
    width: 1.4285714286rem;
    height: 1.4285714286rem
}

.motif-progress-loader-circular-sm {
    border-width: .1428571429rem;
    width: 2.2857142857rem;
    height: 2.2857142857rem
}

.motif-progress-loader-circular-md {
    border-width: .2142857143rem;
    width: 3rem;
    height: 3rem
}

.motif-progress-loader-circular-lg {
    border-width: .25rem;
    width: 4rem;
    height: 4rem
}

.motif-progress-loader-circular-xl {
    border-width: .2857142857rem;
    width: 4.5714285714rem;
    height: 4.5714285714rem
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.motif-progress-loader-linear {
    width: 100%;
    height: .2857142857rem;
    display: inline-block;
    position: relative;
    background: var(--progress-loader-linear-track--bg-color);
    overflow: hidden;
    border-radius: .2857142857rem
}

.motif-progress-loader-linear:before {
    content: "";
    width: 13.7142857143rem;
    height: .2857142857rem;
    background: var(--progress-loader-line--bg-color);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .2857142857rem;
    box-sizing: border-box;
    animation: linearLoader 2s linear infinite
}

@keyframes linearLoader {
    0% {
        left: 0;
        transform: translate(-100%)
    }

    to {
        left: 100%;
        transform: translate(0)
    }
}

/*!
 * Quill Editor v2.0.2
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
    box-sizing: border-box;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0;
    position: relative
}

.ql-container.ql-disabled .ql-tooltip {
    visibility: hidden
}

.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui {
    cursor: pointer
}

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%
}

.ql-clipboard p {
    margin: 0;
    padding: 0
}

.ql-editor {
    box-sizing: border-box;
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word
}

.ql-editor>* {
    cursor: text
}

.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6 {
    margin: 0;
    padding: 0
}

@supports (counter-set: none) {
    .ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6 {
        counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
}

@supports not (counter-set: none) {
    .ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6 {
        counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
}

.ql-editor table {
    border-collapse: collapse
}

.ql-editor td {
    border: 1px solid #000;
    padding: 2px 5px
}

.ql-editor ol {
    padding-left: 1.5em
}

.ql-editor li {
    list-style-type: none;
    padding-left: 1.5em;
    position: relative
}

.ql-editor li>.ql-ui:before {
    display: inline-block;
    margin-left: -1.5em;
    margin-right: .3em;
    text-align: right;
    white-space: nowrap;
    width: 1.2em
}

.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui {
    color: #777
}

.ql-editor li[data-list=bullet]>.ql-ui:before {
    content: "•"
}

.ql-editor li[data-list=checked]>.ql-ui:before {
    content: "☑"
}

.ql-editor li[data-list=unchecked]>.ql-ui:before {
    content: "☐"
}

@supports (counter-set: none) {
    .ql-editor li[data-list] {
        counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
}

@supports not (counter-set: none) {
    .ql-editor li[data-list] {
        counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
}

.ql-editor li[data-list=ordered] {
    counter-increment: list-0
}

.ql-editor li[data-list=ordered]>.ql-ui:before {
    content: counter(list-0,decimal) ". "
}

.ql-editor li[data-list=ordered].ql-indent-1 {
    counter-increment: list-1
}

.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before {
    content: counter(list-1,lower-alpha) ". "
}

@supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-1 {
        counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
}

@supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-1 {
        counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
}

.ql-editor li[data-list=ordered].ql-indent-2 {
    counter-increment: list-2
}

.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before {
    content: counter(list-2,lower-roman) ". "
}

@supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-2 {
        counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
}

@supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-2 {
        counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
    }
}

.ql-editor li[data-list=ordered].ql-indent-3 {
    counter-increment: list-3
}

.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before {
    content: counter(list-3,decimal) ". "
}

@supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-3 {
        counter-set: list-4 list-5 list-6 list-7 list-8 list-9
    }
}

@supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-3 {
        counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
    }
}

.ql-editor li[data-list=ordered].ql-indent-4 {
    counter-increment: list-4
}

.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before {
    content: counter(list-4,lower-alpha) ". "
}

@supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-4 {
        counter-set: list-5 list-6 list-7 list-8 list-9
    }
}

@supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-4 {
        counter-reset: list-5 list-6 list-7 list-8 list-9
    }
}

.ql-editor li[data-list=ordered].ql-indent-5 {
    counter-increment: list-5
}

.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before {
    content: counter(list-5,lower-roman) ". "
}

@supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-5 {
        counter-set: list-6 list-7 list-8 list-9
    }
}

@supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-5 {
        counter-reset: list-6 list-7 list-8 list-9
    }
}

.ql-editor li[data-list=ordered].ql-indent-6 {
    counter-increment: list-6
}

.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before {
    content: counter(list-6,decimal) ". "
}

@supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-6 {
        counter-set: list-7 list-8 list-9
    }
}

@supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-6 {
        counter-reset: list-7 list-8 list-9
    }
}

.ql-editor li[data-list=ordered].ql-indent-7 {
    counter-increment: list-7
}

.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before {
    content: counter(list-7,lower-alpha) ". "
}

@supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-7 {
        counter-set: list-8 list-9
    }
}

@supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-7 {
        counter-reset: list-8 list-9
    }
}

.ql-editor li[data-list=ordered].ql-indent-8 {
    counter-increment: list-8
}

.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before {
    content: counter(list-8,lower-roman) ". "
}

@supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-8 {
        counter-set: list-9
    }
}

@supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-8 {
        counter-reset: list-9
    }
}

.ql-editor li[data-list=ordered].ql-indent-9 {
    counter-increment: list-9
}

.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before {
    content: counter(list-9,decimal) ". "
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em
}

.ql-editor li.ql-direction-rtl {
    padding-right: 1.5em
}

.ql-editor li.ql-direction-rtl>.ql-ui:before {
    margin-left: .3em;
    margin-right: -1.5em;
    text-align: left
}

.ql-editor table {
    table-layout: fixed;
    width: 100%
}

.ql-editor table td {
    outline: none
}

.ql-editor .ql-code-block-container {
    font-family: monospace
}

.ql-editor .ql-video {
    display: block;
    max-width: 100%
}

.ql-editor .ql-video.ql-align-center {
    margin: 0 auto
}

.ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto
}

.ql-editor .ql-bg-black {
    background-color: #000
}

.ql-editor .ql-bg-red {
    background-color: #e60000
}

.ql-editor .ql-bg-orange {
    background-color: #f90
}

.ql-editor .ql-bg-yellow {
    background-color: #ff0
}

.ql-editor .ql-bg-green {
    background-color: #008a00
}

.ql-editor .ql-bg-blue {
    background-color: #06c
}

.ql-editor .ql-bg-purple {
    background-color: #93f
}

.ql-editor .ql-color-white {
    color: #fff
}

.ql-editor .ql-color-red {
    color: #e60000
}

.ql-editor .ql-color-orange {
    color: #f90
}

.ql-editor .ql-color-yellow {
    color: #ff0
}

.ql-editor .ql-color-green {
    color: #008a00
}

.ql-editor .ql-color-blue {
    color: #06c
}

.ql-editor .ql-color-purple {
    color: #93f
}

.ql-editor .ql-font-serif {
    font-family: Georgia,Times New Roman,serif
}

.ql-editor .ql-font-monospace {
    font-family: Monaco,Courier New,monospace
}

.ql-editor .ql-size-small {
    font-size: .75em
}

.ql-editor .ql-size-large {
    font-size: 1.5em
}

.ql-editor .ql-size-huge {
    font-size: 2.5em
}

.ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit
}

.ql-editor .ql-align-center {
    text-align: center
}

.ql-editor .ql-align-justify {
    text-align: justify
}

.ql-editor .ql-align-right {
    text-align: right
}

.ql-editor .ql-ui {
    position: absolute
}

.ql-editor.ql-blank:before {
    color: #0009;
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px
}

.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after {
    clear: both;
    content: "";
    display: table
}

.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px
}

.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg {
    float: left;
    height: 100%
}

.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover {
    outline: none
}

.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file] {
    display: none
}

.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #06c
}

.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #06c
}

.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #06c
}

@media (pointer: coarse) {
    .ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active) {
        color:#444
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #444
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #444
    }
}

.ql-snow,.ql-snow * {
    box-sizing: border-box
}

.ql-snow .ql-hidden {
    display: none
}

.ql-snow .ql-out-bottom,.ql-snow .ql-out-top {
    visibility: hidden
}

.ql-snow .ql-tooltip {
    position: absolute;
    transform: translateY(10px)
}

.ql-snow .ql-tooltip a {
    cursor: pointer;
    text-decoration: none
}

.ql-snow .ql-tooltip.ql-flip {
    transform: translateY(-10px)
}

.ql-snow .ql-formats {
    display: inline-block;
    vertical-align: middle
}

.ql-snow .ql-formats:after {
    clear: both;
    content: "";
    display: table
}

.ql-snow .ql-stroke {
    fill: none;
    stroke: #444;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2
}

.ql-snow .ql-stroke-miter {
    fill: none;
    stroke: #444;
    stroke-miterlimit: 10;
    stroke-width: 2
}

.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill {
    fill: #444
}

.ql-snow .ql-empty {
    fill: none
}

.ql-snow .ql-even {
    fill-rule: evenodd
}

.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin {
    stroke-width: 1
}

.ql-snow .ql-transparent {
    opacity: .4
}

.ql-snow .ql-direction svg:last-child {
    display: none
}

.ql-snow .ql-direction.ql-active svg:last-child {
    display: inline
}

.ql-snow .ql-direction.ql-active svg:first-child {
    display: none
}

.ql-snow .ql-editor h1 {
    font-size: 2em
}

.ql-snow .ql-editor h2 {
    font-size: 1.5em
}

.ql-snow .ql-editor h3 {
    font-size: 1.17em
}

.ql-snow .ql-editor h4 {
    font-size: 1em
}

.ql-snow .ql-editor h5 {
    font-size: .83em
}

.ql-snow .ql-editor h6 {
    font-size: .67em
}

.ql-snow .ql-editor a {
    text-decoration: underline
}

.ql-snow .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px
}

.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container {
    background-color: #f0f0f0;
    border-radius: 3px
}

.ql-snow .ql-editor .ql-code-block-container {
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px
}

.ql-snow .ql-editor code {
    font-size: 85%;
    padding: 2px 4px
}

.ql-snow .ql-editor .ql-code-block-container {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible
}

.ql-snow .ql-editor img {
    max-width: 100%
}

.ql-snow .ql-picker {
    color: #444;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    position: relative;
    vertical-align: middle
}

.ql-snow .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%
}

.ql-snow .ql-picker-label:before {
    display: inline-block;
    line-height: 22px
}

.ql-snow .ql-picker-options {
    background-color: #fff;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap
}

.ql-snow .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #ccc;
    z-index: 2
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #ccc
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1
}

.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker {
    width: 28px
}

.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label {
    padding: 2px 4px
}

.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg {
    right: 4px
}

.ql-snow .ql-icon-picker .ql-picker-options {
    padding: 4px 0
}

.ql-snow .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px
}

.ql-snow .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px
}

.ql-snow .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0;
    width: 16px
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -9px;
    right: 0;
    top: 50%;
    width: 18px
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before {
    content: attr(data-label)
}

.ql-snow .ql-picker.ql-header {
    width: 98px
}

.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before {
    content: "Normal"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    content: "Heading 1"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    content: "Heading 2"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    content: "Heading 3"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    content: "Heading 4"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    content: "Heading 5"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    content: "Heading 6"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    font-size: 2em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    font-size: 1.5em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    font-size: 1.17em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    font-size: 1em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    font-size: .83em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    font-size: .67em
}

.ql-snow .ql-picker.ql-font {
    width: 108px
}

.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before {
    content: "Sans Serif"
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
    content: "Serif"
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
    content: "Monospace"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
    font-family: Georgia,Times New Roman,serif
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
    font-family: Monaco,Courier New,monospace
}

.ql-snow .ql-picker.ql-size {
    width: 98px
}

.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before {
    content: "Normal"
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
    content: "Small"
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
    content: "Large"
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
    content: "Huge"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
    font-size: 10px
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
    font-size: 18px
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
    font-size: 32px
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000
}

.ql-code-block-container {
    position: relative
}

.ql-code-block-container .ql-ui {
    right: 5px;
    top: 5px
}

.ql-toolbar.ql-snow {
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    padding: 8px
}

.ql-toolbar.ql-snow .ql-formats {
    margin-right: 15px
}

.ql-toolbar.ql-snow .ql-picker-label {
    border: 1px solid transparent
}

.ql-toolbar.ql-snow .ql-picker-options {
    border: 1px solid transparent;
    box-shadow: #0003 0 2px 8px
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #ccc
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
    border-color: #000
}

.ql-toolbar.ql-snow+.ql-container.ql-snow {
    border-top: 0
}

.ql-snow .ql-tooltip {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #ddd;
    color: #444;
    padding: 5px 12px;
    white-space: nowrap
}

.ql-snow .ql-tooltip:before {
    content: "Visit URL:";
    line-height: 26px;
    margin-right: 8px
}

.ql-snow .ql-tooltip input[type=text] {
    display: none;
    border: 1px solid #ccc;
    font-size: 13px;
    height: 26px;
    margin: 0;
    padding: 3px 5px;
    width: 170px
}

.ql-snow .ql-tooltip a.ql-preview {
    display: inline-block;
    max-width: 200px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.ql-snow .ql-tooltip a.ql-action:after {
    border-right: 1px solid #ccc;
    content: "Edit";
    margin-left: 16px;
    padding-right: 8px
}

.ql-snow .ql-tooltip a.ql-remove:before {
    content: "Remove";
    margin-left: 8px
}

.ql-snow .ql-tooltip a {
    line-height: 26px
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove {
    display: none
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
    display: inline-block
}

.ql-snow .ql-tooltip.ql-editing a.ql-action:after {
    border-right: 0;
    content: "Save";
    padding-right: 0
}

.ql-snow .ql-tooltip[data-mode=link]:before {
    content: "Enter link:"
}

.ql-snow .ql-tooltip[data-mode=formula]:before {
    content: "Enter formula:"
}

.ql-snow .ql-tooltip[data-mode=video]:before {
    content: "Enter video:"
}

.ql-snow a {
    color: #06c
}

.ql-container.ql-snow {
    border: 1px solid #ccc
}

.motif-rich-text-editor .motif-rich-text-editor-toolbar {
    padding: .5714285714rem;
    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);
    border-radius: var(--rich-text-editor-toolbar--border-radius);
    display: flex;
    flex-wrap: wrap;
    gap: .2857142857rem;
    align-items: center;
    border-bottom: none
}

.motif-rich-text-editor .ql-editor {
    padding: .7142857143rem 1rem;
    background-color: var(--rich-text-editor-container--bg-color);
    color: var(--rich-text-editor-container--color);
    border-radius: var(--rich-text-editor-container--border-radius);
    min-height: 12.8571428571rem
}

.motif-rich-text-editor .ql-editor::placeholder {
    color: var(--rich-text-editor-container-placeholder--color)
}

.motif-rich-text-editor .ql-editor.ql-blank:before {
    color: var(--rich-text-editor-container-placeholder--color);
    font-style: normal
}

.motif-rich-text-editor .ql-editor:before {
    color: var(--rich-text-editor-toolbar-icon--fill);
    font-style: normal;
    top: 1.0714285714rem
}

.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-visible {
    --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);
    outline: var(--rich-text-editor-toolbar-picker--outline-width) var(--rich-text-editor-toolbar-picker--outline-style) var(--rich-text-editor-toolbar-picker--outline-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: 1rem
}

.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);
    border-radius: var(--rich-text-editor-container--border-radius)
}

.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-visible {
    --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);
    --rich-text-editor-container--border-radius: var(--rich-text-editor-container-focus--border-radius)
}

.motif-rich-text-editor .ql-snow.ql-toolbar {
    padding: .5714285714rem;
    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);
    border-radius: var(--rich-text-editor-toolbar--border-radius);
    display: flex;
    flex-wrap: wrap;
    gap: .2857142857rem;
    align-items: center
}

.motif-rich-text-editor .ql-snow.ql-toolbar .ql-formats {
    background-color: var(--rich-text-editor-toolbar-icon--bg-color);
    display: inline-flex;
    gap: .2857142857rem;
    margin-right: -.2857142857rem
}

.motif-rich-text-editor .ql-snow.ql-toolbar .ql-formats:first-child {
    gap: .8571428571rem
}

.motif-rich-text-editor .ql-snow.ql-toolbar button {
    height: 1.7142857143rem;
    padding: .0714285714rem .1428571429rem;
    width: 1.7142857143rem;
    border-radius: var(--rich-text-editor-toolbar-icon--border-radius)
}

.motif-rich-text-editor .ql-snow.ql-toolbar button .ql-fill {
    fill: var(--rich-text-editor-toolbar-icon--fill);
    stroke: none
}

.motif-rich-text-editor .ql-snow.ql-toolbar button .ql-stroke {
    stroke: var(--rich-text-editor-toolbar-icon--fill);
    fill: none
}

.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-active--fill)
}

.motif-rich-text-editor .ql-snow.ql-toolbar button.ql-active .ql-fill {
    fill: var(--rich-text-editor-toolbar-icon-active--fill);
    stroke: none
}

.motif-rich-text-editor .ql-snow.ql-toolbar button.ql-active .ql-stroke {
    stroke: var(--rich-text-editor-toolbar-icon-active--fill);
    fill: none
}

.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-visible,.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 {
    background-color: var(--rich-text-editor-toolbar-icon-active--bg-color)
}

.motif-rich-text-editor .ql-snow.ql-toolbar button:active .ql-fill {
    fill: var(--rich-text-editor-toolbar-icon-active--fill);
    stroke: none
}

.motif-rich-text-editor .ql-snow.ql-toolbar button:active .ql-stroke,.motif-rich-text-editor .ql-snow.ql-toolbar button:active .ql-thin {
    stroke: var(--rich-text-editor-toolbar-icon-active--fill)
}

.motif-rich-text-editor .ql-snow.ql-toolbar button:active .ql-even:not(.ql-fill) {
    stroke: var(--rich-text-editor-toolbar-icon-active--fill)
}

.motif-rich-text-editor .ql-snow.ql-toolbar button:focus-visible {
    background-color: var(--rich-text-editor-toolbar-icon-focus--bg-color)
}

.motif-rich-text-editor .ql-snow.ql-toolbar button:focus-visible .ql-fill {
    fill: var(--rich-text-editor-toolbar-icon--fill);
    stroke: none
}

.motif-rich-text-editor .ql-snow.ql-toolbar button:focus-visible .ql-stroke,.motif-rich-text-editor .ql-snow.ql-toolbar button:focus-visible .ql-thin,.motif-rich-text-editor .ql-snow.ql-toolbar button:focus-visible .ql-even {
    stroke: var(--rich-text-editor-toolbar-icon--fill)
}

.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 button:hover .ql-fill {
    fill: var(--rich-text-editor-toolbar-icon-hover--fill);
    stroke: none
}

.motif-rich-text-editor .ql-snow.ql-toolbar button:hover .ql-stroke {
    stroke: var(--rich-text-editor-toolbar-icon-hover--fill)
}

.motif-rich-text-editor .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill {
    fill: none
}

.motif-rich-text-editor .ql-snow.ql-toolbar button:hover .ql-thin {
    stroke: var(--rich-text-editor-toolbar-icon-hover--fill)
}

.motif-rich-text-editor .ql-snow.ql-toolbar button:hover .ql-even:not(.ql-fill) {
    stroke: var(--rich-text-editor-toolbar-icon-hover--fill)
}

.motif-rich-text-editor .ql-snow.ql-toolbar .ql-picker .ql-picker-label {
    border-radius: var(--rich-text-editor-toolbar-picker--border-radius);
    color: var(--rich-text-editor-toolbar-picker--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-icon--stroke)
}

.motif-rich-text-editor .ql-snow .ql-picker-options {
    background-color: var(--body--bg-color);
    padding: 0;
    box-shadow: var(--rich-text-editor-toolbar-picker-options--box-shadow)
}

.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-visible {
    --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);
    border-radius: var(--rich-text-editor-toolbar-picker--border-radius);
    z-index: 2;
    top: auto;
    margin-left: -.0357142857rem
}

.motif-rich-text-editor .ql-snow .ql-picker {
    font-size: 1rem;
    height: 2rem;
    color: var(--rich-text-editor-toolbar-picker--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);
    border-radius: var(--rich-text-editor-toolbar-picker--border-radius)
}

.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:focus-within,.motif-rich-text-editor .ql-snow .ql-picker:focus-visible {
    --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);
    --rich-text-editor-toolbar-picker--border-radius: var(--rich-text-editor-toolbar-picker-focus--border-radius)
}

.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: .1428571429rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 5.7142857143rem
}

.motif-rich-text-editor .ql-snow .ql-picker-label:active,.motif-rich-text-editor .ql-snow .ql-picker-label:focus-visible,.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-visible .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: .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);
    padding: .4285714286rem;
    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 {
    background-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-visible {
    --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);
    outline: var(--rich-text-editor-toolbar-picker--outline-width) var(--rich-text-editor-toolbar-picker--outline-style) var(--rich-text-editor-toolbar-picker--outline-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-visible {
    outline: var(--rich-text-editor-toolbar-picker--outline-width) var(--rich-text-editor-toolbar-picker--outline-style) var(--rich-text-editor-toolbar-picker--outline-color);
    z-index: 1;
    position: relative
}

.motif-rich-text-editor .ql-bubble .ql-tooltip {
    background-color: var(--rich-text-editor-tooltip--bg-color);
    border-color: var(--rich-text-editor-tooltip--border-color);
    border-radius: var(--rich-text-editor-tooltip--border-radius);
    border-width: var(--rich-text-editor-tooltip--border-width);
    border-style: var(--rich-text-editor-tooltip--border-style)
}

.motif-rich-text-editor .ql-bubble .ql-stroke {
    stroke: var(--rich-text-editor-tooltip--color)
}

.motif-rich-text-editor .ql-bubble .ql-fill,.motif-rich-text-editor .ql-bubble .ql-stroke.ql-fill {
    fill: var(--rich-text-editor-tooltip--color)
}

.motif-rich-text-editor .ql-bubble .ql-picker {
    color: var(--rich-text-editor-tooltip--color)
}

.motif-rich-text-editor .ql-bubble .ql-picker-options {
    background-color: var(--rich-text-editor-tooltip--bg-color);
    padding-left: 0;
    padding-right: 0
}

.motif-rich-text-editor .ql-bubble .ql-picker-options .ql-picker-item {
    padding-left: .5714285714rem;
    padding-right: .5714285714rem
}

.motif-rich-text-editor .ql-bubble .ql-picker-options .ql-picker-item:hover {
    color: var(--rich-text-editor-tooltip-button-hover--color);
    background-color: var(--rich-text-editor-tooltip-button-hover--bg-color)
}

.motif-rich-text-editor .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
    border-color: var(--rich-text-editor-tooltip--bg-color) transparent transparent transparent
}

.motif-rich-text-editor .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    border-color: transparent transparent var(--rich-text-editor-tooltip--bg-color) transparent
}

.motif-rich-text-editor .ql-bubble .ql-toolbar button:hover,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-label:hover,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-item:hover {
    background-color: var(--rich-text-editor-tooltip-button-hover--bg-color);
    color: var(--rich-text-editor-tooltip-button-hover--color);
    border-radius: var(--rich-text-editor-tooltip-button-hover--border-radius)
}

.motif-rich-text-editor .ql-bubble .ql-toolbar button:hover .ql-stroke,.motif-rich-text-editor .ql-bubble .ql-toolbar button:hover .ql-stroke-miter,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter {
    stroke: var(--rich-text-editor-tooltip-button-hover--color)
}

.motif-rich-text-editor .ql-bubble .ql-toolbar button:hover .ql-fill,.motif-rich-text-editor .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill {
    fill: var(--rich-text-editor-tooltip-button-hover--color)
}

.motif-rich-text-editor .ql-bubble .ql-toolbar button:focus-visible,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-label:focus-visible {
    background-color: var(--rich-text-editor-tooltip-button-focus--bg-color);
    color: var(--rich-text-editor-tooltip-button-focus--color);
    border-radius: var(--rich-text-editor-tooltip-button-focus--border-radius)
}

.motif-rich-text-editor .ql-bubble .ql-toolbar button:focus-visible .ql-stroke,.motif-rich-text-editor .ql-bubble .ql-toolbar button:focus-visible .ql-stroke-miter,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-label:focus-visible .ql-stroke,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-label:focus-visible .ql-stroke-miter {
    stroke: var(--rich-text-editor-tooltip-button-focus--color)
}

.motif-rich-text-editor .ql-bubble .ql-toolbar button:focus-visible .ql-fill,.motif-rich-text-editor .ql-bubble .ql-toolbar button:focus-visible .ql-stroke.ql-fill,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-label:focus-visible .ql-fill,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-label:focus-visible .ql-stroke.ql-fill {
    fill: var(--rich-text-editor-tooltip-button-focus--color)
}

.motif-rich-text-editor .ql-bubble .ql-toolbar button.ql-active,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-label.ql-active,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
    background-color: var(--rich-text-editor-tooltip-button-active--bg-color);
    color: var(--rich-text-editor-tooltip-button-active--color);
    border-radius: var(--rich-text-editor-tooltip-button-hover--border-radius)
}

.motif-rich-text-editor .ql-bubble .ql-toolbar button.ql-active .ql-stroke,.motif-rich-text-editor .ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: var(--rich-text-editor-tooltip-button-active--color)
}

.motif-rich-text-editor .ql-bubble .ql-toolbar button.ql-active .ql-fill,.motif-rich-text-editor .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.motif-rich-text-editor .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: var(--rich-text-editor-tooltip-button-active--color)
}

*:has(.motif-sidebar) {
    position: relative
}

*:has(.motif-sidebar):has(>.motif-sidebar-left-push) {
    display: inline-flex
}

*:has(.motif-sidebar):has(>.motif-sidebar-right-push) {
    display: inline-flex
}

*:has(.motif-sidebar) .motif-sidebar.motif-sidebar-left-overlay {
    position: absolute;
    top: 0;
    z-index: 1000;
    height: 100%;
    background-color: var(--sidebar--overlay-bg-color);
    box-shadow: var(--sidebar--overlay-box-shadow);
    transition: transform .3s ease-in-out,width .3s ease-in-out,opacity .3s ease-in-out .2s,visibility 0s linear .3s;
    left: 0;
    border-right-color: var(--sidebar--overlay-border-color);
    border-right-style: var(--sidebar--overlay-border-style);
    border-right-width: var(--sidebar--overlay-border-width)
}

*:has(.motif-sidebar) .motif-sidebar.motif-sidebar-left-overlay:not(.motif-sidebar-always-visible) {
    transform: translate(-100%);
    opacity: 0;
    visibility: hidden;
    width: var(--expanded-width, 14.2857142857rem);
    transition: transform .3s ease-in-out,width .3s ease-in-out,opacity .3s ease-in-out .2s,visibility 0s linear .3s
}

*:has(.motif-sidebar) .motif-sidebar.motif-sidebar-left-overlay.motif-sidebar-always-visible:not(.motif-sidebar-open) {
    width: var(--collapsed-width, 3.5714285714rem);
    transition: transform .3s ease-in-out,width .3s ease-in-out,opacity .2s ease-in-out .3s
}

*:has(.motif-sidebar) .motif-sidebar.motif-sidebar-left-overlay.motif-sidebar-open {
    transform: translate(0);
    opacity: 1;
    width: var(--expanded-width, 14.2857142857rem);
    visibility: visible;
    transition: transform .3s ease-in-out,width .3s ease,opacity .1s linear,visibility .3s linear
}

*:has(.motif-sidebar) .motif-sidebar.motif-sidebar-right-overlay {
    position: absolute;
    top: 0;
    z-index: 1000;
    height: 100%;
    background-color: var(--sidebar--overlay-bg-color);
    box-shadow: var(--sidebar--overlay-box-shadow);
    transition: transform .3s ease-in-out,width .3s ease-in-out,opacity .3s ease-in-out .2s,visibility 0s linear .3s;
    right: 0;
    border-left-color: var(--sidebar--overlay-border-color);
    border-left-style: var(--sidebar--overlay-border-style);
    border-left-width: var(--sidebar--overlay-border-width)
}

*:has(.motif-sidebar) .motif-sidebar.motif-sidebar-right-overlay:not(.motif-sidebar-always-visible) {
    transform: translate(100%);
    opacity: 0;
    visibility: hidden;
    width: var(--expanded-width, 14.2857142857rem);
    transition: transform .3s ease-in-out,width .3s ease-in-out,opacity .3s ease-in-out .2s,visibility 0s linear .3s
}

*:has(.motif-sidebar) .motif-sidebar.motif-sidebar-right-overlay.motif-sidebar-always-visible:not(.motif-sidebar-open) {
    width: var(--collapsed-width, 3.5714285714rem);
    transition: transform .3s ease-in-out,width .3s ease-in-out,opacity .2s ease-in-out .3s
}

*:has(.motif-sidebar) .motif-sidebar.motif-sidebar-right-overlay.motif-sidebar-open {
    transform: translate(0);
    opacity: 1;
    width: var(--expanded-width, 14.2857142857rem);
    visibility: visible;
    transition: transform .3s ease-in-out,width .3s ease,opacity .1s linear,visibility .3s linear
}

*:has(.motif-sidebar) .motif-sidebar.motif-sidebar-left-push {
    position: sticky;
    width: var(--expanded-width, 0rem);
    top: 0;
    height: 100%;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    transition: transform .3s ease,width .3s ease-in-out .3s,opacity .3s ease-in-out .2s,visibility 0s linear .3s;
    left: 0;
    border-right-color: var(--sidebar--push-border-color);
    border-right-style: var(--sidebar--push-border-style);
    border-right-width: var(--sidebar--push-border-width)
}

*:has(.motif-sidebar) .motif-sidebar.motif-sidebar-left-push:not(.motif-sidebar-always-visible) {
    transform: translate(-100%);
    opacity: 0;
    width: var(--collapsed-width, 0rem);
    visibility: hidden;
    transition: transform .3s ease,width .3s ease-in-out,opacity .3s ease-in-out .2s,visibility 0s linear .3s
}

*:has(.motif-sidebar) .motif-sidebar.motif-sidebar-left-push.motif-sidebar-always-visible:not(.motif-sidebar-open) {
    width: var(--collapsed-width, 3.5714285714rem);
    transition: width .3s ease
}

*:has(.motif-sidebar) .motif-sidebar.motif-sidebar-left-push.motif-sidebar-open {
    transform: translate(0);
    opacity: 1;
    width: var(--expanded-width, 14.2857142857rem);
    visibility: visible;
    transition: transform .3s ease,width .3s ease,opacity .1s linear,visibility .3s linear
}

*:has(.motif-sidebar) .motif-sidebar.motif-sidebar-right-push {
    position: sticky;
    width: var(--expanded-width, 0rem);
    top: 0;
    height: 100%;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    transition: transform .3s ease,width .3s ease-in-out .3s,opacity .3s ease-in-out .2s,visibility 0s linear .3s;
    right: 0;
    border-left-color: var(--sidebar--push-border-color);
    border-left-style: var(--sidebar--push-border-style);
    border-left-width: var(--sidebar--push-border-width)
}

*:has(.motif-sidebar) .motif-sidebar.motif-sidebar-right-push:not(.motif-sidebar-always-visible) {
    transform: translate(100%);
    opacity: 0;
    width: var(--collapsed-width, 0rem);
    visibility: hidden;
    transition: transform .3s ease,width .3s ease-in-out,opacity .3s ease-in-out .2s,visibility 0s linear .3s
}

*:has(.motif-sidebar) .motif-sidebar.motif-sidebar-right-push.motif-sidebar-always-visible:not(.motif-sidebar-open) {
    width: var(--collapsed-width, 3.5714285714rem);
    transition: width .3s ease
}

*:has(.motif-sidebar) .motif-sidebar.motif-sidebar-right-push.motif-sidebar-open {
    transform: translate(0);
    opacity: 1;
    width: var(--expanded-width, 14.2857142857rem);
    visibility: visible;
    transition: transform .3s ease,width .3s ease,opacity .1s linear,visibility .3s linear
}

.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);
    align-items: center;
    gap: 1.1428571429rem
}

.motif-tab-navigation .motif-tab-button {
    padding: .6428571429rem .2857142857rem .7857142857rem;
    border: none;
    font-weight: var(--weight-regular);
    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);
    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);
    outline-offset: var(--tab-navigation--outline-offset)
}

.motif-tab-navigation .motif-tab-button:hover:not([disabled]) {
    text-decoration: none;
    color: var(--tab-navigation--color);
    text-shadow: var(--tab-navigation-hover--text-shadow)
}

.motif-tab-navigation .motif-tab-button:hover:not([disabled]) .motif-badge {
    text-shadow: none;
    outline-color: var(--tab-navigation-badge-hover--outline-color)
}

.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--border-radius: var(--tab-navigation-hover--border-radius);
    --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-visible {
    --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);
    --tab-navigation--outline-offset: var(--tab-navigation-focus--outline-offset);
    --tab-navigation--border-radius: var(--tab-navigation-focus--border-radius);
    --tab-navigation--border-width: var(--tab-navigation-focus--border-width)
}

.motif-tab-navigation .motif-tab-button:focus-visible .motif-badge {
    text-shadow: none;
    outline-color: var(--tab-navigation-badge-focus--outline-color);
    --tab-navigation-badge--bg-color: var(--tab-navigation-badge-focus--bg-color)
}

.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-width: var(--tab-navigation-active--outline-width);
    --tab-navigation--outline-style: var(--tab-navigation-active--outline-style);
    --tab-navigation--outline-offset: var(--tab-navigation-active--outline-offset)
}

.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
}

.motif-tab-navigation .motif-tab-button:disabled:hover:active {
    outline-color: var(--tab-navigation-active--outline-color);
    --tab-navigation--color: var(--tab-navigation-disabled--color)
}

.motif-tab-navigation .motif-tab-button:disabled:active {
    --tab-navigation--color: var(--tab-navigation-disabled--color)
}

.motif-tab-navigation .motif-tab-button:disabled .motif-badge {
    --tab-navigation-badge--bg-color: var(--tab-navigation-badge-bg-color-disabled);
    border: none;
    outline: none
}

.motif-tab-navigation .motif-tab-button.motif-active {
    --tab-navigation--color: var(--tab-navigation-active--color)
}

.motif-tab-navigation .motif-tab-button.motif-active .motif-badge {
    margin-left: .5714285714rem;
    background-color: var(--tab-navigation-badge-active--bg-color)
}

.motif-tab-navigation .motif-tab-button.motif-active:hover:not([disabled]) .motif-badge {
    background-color: var(--tab-navigation-badge-active-hover--bg-color);
    outline-color: var(--tab-navigation-badge-active-hover--outline-color);
    outline-style: var(--tab-navigation-badge-active-hover--outline-style);
    outline-width: var(--tab-navigation-badge-active-hover--outline-width)
}

.motif-tab-navigation .motif-tab-button.motif-active:focus-visible .motif-badge {
    background-color: var(--tab-navigation-badge-active-focus--bg-color);
    outline-color: var(--tab-navigation-badge-active-focus--outline-color);
    outline-style: var(--tab-navigation-badge-active-focus--outline-style);
    outline-width: var(--tab-navigation-badge-active-focus--outline-width)
}

.motif-tab-navigation .motif-tab-button path {
    fill: currentcolor
}

.motif-tab-navigation .motif-tab-button:not(.motif-active) .motif-badge {
    margin-left: .5714285714rem;
    background-color: var(--tab-navigation-badge--bg-color);
    outline: var(--tab-navigation-badge--outline-color)
}

.motif-tab-navigation .motif-tab-button .motif-icon {
    margin-right: .5714285714rem;
    position: relative;
    top: .1428571429rem
}

.motif-tab-navigation .motif-tab-button .motif-icon svg {
    width: 1rem;
    height: 1rem
}

.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);
    border-radius: var(--tab-navigation-horizontal-button--border-radius);
    margin-bottom: -.0714285714rem
}

.motif-tab-navigation-horizontal .motif-tab-button:focus-visible {
    --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-visible: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);
    --tab-navigation-horizontal-button--border-radius: var(--tab-navigation-horizontal-button-hover--border-radius)
}

.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 {
    --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;
    gap: .5714285714rem
}

.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);
    align-items: flex-start
}

.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);
    align-items: flex-end
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-left {
    text-align: left;
    margin-left: -.0714285714rem;
    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);
    border-radius: var(--tab-navigation-left--border-radius);
    padding: .7142857143rem .5714285714rem .7142857143rem .7142857143rem
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-left:focus-visible {
    --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);
    --tab-navigation-left--border-radius: var(--tab-navigation-left-button-focus--border-radius)
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-left:focus-visible: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: -.0714285714rem;
    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);
    padding: .7142857143rem .7142857143rem .7142857143rem .5714285714rem;
    border-radius: var(--tab-navigation-right--border-radius)
}

.motif-tab-navigation-vertical .motif-tab-button.motif-tab-line-right:focus-visible {
    --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-visible: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,.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,.motif-tab-navigation.motif-tab-navigation-button {
    border: none
}

.motif-tab-navigation.motif-tab-navigation-bordered {
    background-color: var(--tab-navigation-bordered--bg-color);
    padding: .2857142857rem;
    border-color: var(--tab-navigation-bordered--border-color);
    border-width: var(--tab-navigation-bordered--border-width);
    border-style: var(--tab-navigation-bordered--border-style);
    border-radius: .1428571429rem
}

.motif-tab-navigation.motif-tab-navigation-button.motif-tab-navigation-horizontal .motif-tab-button,.motif-tab-navigation.motif-tab-navigation-button.motif-tab-navigation-vertical .motif-tab-button,.motif-tab-navigation.motif-tab-navigation-bordered.motif-tab-navigation-horizontal .motif-tab-button,.motif-tab-navigation.motif-tab-navigation-bordered.motif-tab-navigation-vertical .motif-tab-button {
    border: .0714285714rem solid transparent;
    border-radius: .1428571429rem
}

.motif-tab-navigation.motif-tab-navigation-button.motif-tab-navigation-horizontal .motif-tab-button.motif-active,.motif-tab-navigation.motif-tab-navigation-button.motif-tab-navigation-vertical .motif-tab-button.motif-active,.motif-tab-navigation.motif-tab-navigation-bordered.motif-tab-navigation-horizontal .motif-tab-button.motif-active,.motif-tab-navigation.motif-tab-navigation-bordered.motif-tab-navigation-vertical .motif-tab-button.motif-active {
    border-color: var(--tab-navigation-bordered-control-active--border-color);
    border-width: var(--tab-navigation-bordered-control-active--border-width);
    border-style: var(--tab-navigation-bordered-control-active--border-style);
    background-color: var(--tab-navigation-bordered-control-active--bg-color)
}

.motif-tab-navigation-sm .motif-tab-button {
    font-size: 1rem;
    line-height: 1.5714285714rem;
    padding: .5714285714rem .2857142857rem .7142857143rem
}

.motif-tab-navigation-md .motif-tab-button {
    font-size: 1.1428571429rem;
    line-height: 1.6428571429rem;
    padding: .7142857143rem .2857142857rem .5714285714rem
}

.motif-tab-navigation-fullWidth.motif-tab-navigation-horizontal.motif-tab-navigation-default,.motif-tab-navigation-fullWidth.motif-tab-navigation-horizontal.motif-tab-navigation-alt {
    padding: 0 2.8571428571rem
}

.motif-tab-navigation-fullWidth.motif-tab-navigation-horizontal .motif-tab-button {
    flex: 1
}

.motif-table-title-bar {
    width: 100%;
    min-height: 6.2857142857rem;
    background: var(--table-title--bg-color);
    color: var(--table-title--color);
    font-size: 1.1428571429rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.4285714286rem 1.7142857143rem;
    gap: .5714285714rem;
    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);
    border-color: var(--table--border-color) var(--table--border-color) transparent var(--table--border-color);
    border-width: .0714285714rem .0714285714rem 0 .0714285714rem;
    border-style: solid solid none solid;
    border-radius: .5714285714rem .5714285714rem 0 0
}

.motif-table-title-bar-alt {
    background: transparent;
    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-title-bar .motif-table-info {
    display: flex;
    flex-direction: column
}

.motif-table-title-bar .motif-table-title {
    font-weight: var(--weight-regular);
    line-height: 1.7142857143rem
}

.motif-table-title-bar .motif-table-description {
    font-weight: var(--weight-regular);
    line-height: 1.4285714286rem;
    font-size: 1rem;
    color: var(--table-title-description-color)
}

.motif-table-title-bar .motif-form-field {
    max-width: 23.5714285714rem
}

.motif-table-header-renderer {
    display: flex;
    align-items: center;
    gap: .2857142857rem;
    width: 100%
}

.motif-table-header-renderer .motif-icon-button {
    padding: 0
}

.motif-table-header-renderer .motif-table-header-filtertrigger svg {
    height: 1.4285714286rem;
    width: 1.4285714286rem
}

.motif-table-header-renderer .motif-table-header-icons svg {
    height: 1.4285714286rem;
    width: 1.4285714286rem
}

.motif-table-header-renderer .motif-table-header-icons {
    margin-left: .5714285714rem
}

.motif-table-header-renderer .motif-table-header-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.motif-table-end-component-renderer {
    display: flex;
    align-items: center
}

.motif-table-end-component-renderer .motif-button {
    line-height: 1.4285714286rem
}

.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
}

body {
    --ag-legacy-styles-loaded: "true"
}

.ag-icon {
    font-family: var(--ag-icon-font-family);
    font-weight: var(--ag-icon-font-weight);
    color: var(--ag-icon-font-color);
    font-size: var(--ag-icon-size);
    line-height: var(--ag-icon-size);
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: var(--ag-icon-size);
    height: var(--ag-icon-size);
    position: relative
}

.ag-icon:before {
    content: "";
    font-family: inherit
}

.ag-icon:after {
    background: transparent var(--ag-icon-image, none) center/contain no-repeat;
    display: var(--ag-icon-image-display);
    opacity: var(--ag-icon-image-opacity, .9);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.ag-icon-aggregation {
    font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color))
}

.ag-icon-aggregation:before {
    content: var(--ag-icon-font-code-aggregation, "");
    display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display))
}

.ag-icon-aggregation:after {
    background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image));
    display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, .9))
}

.ag-icon-arrows {
    font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color))
}

.ag-icon-arrows:before {
    content: var(--ag-icon-font-code-arrows, "");
    display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display))
}

.ag-icon-arrows:after {
    background-image: var(--ag-icon-image-arrows, var(--ag-icon-image));
    display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, .9))
}

.ag-icon-asc {
    font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color))
}

.ag-icon-asc:before {
    content: var(--ag-icon-font-code-asc, "");
    display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display))
}

.ag-icon-asc:after {
    background-image: var(--ag-icon-image-asc, var(--ag-icon-image));
    display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, .9))
}

.ag-icon-cancel {
    font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color))
}

.ag-icon-cancel:before {
    content: var(--ag-icon-font-code-cancel, "");
    display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display))
}

.ag-icon-cancel:after {
    background-image: var(--ag-icon-image-cancel, var(--ag-icon-image));
    display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, .9))
}

.ag-icon-chart {
    font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color))
}

.ag-icon-chart:before {
    content: var(--ag-icon-font-code-chart, "");
    display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display))
}

.ag-icon-chart:after {
    background-image: var(--ag-icon-image-chart, var(--ag-icon-image));
    display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, .9))
}

.ag-icon-checkbox-checked {
    font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color))
}

.ag-icon-checkbox-checked:before {
    content: var(--ag-icon-font-code-checkbox-checked, "");
    display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display))
}

.ag-icon-checkbox-checked:after {
    background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
    display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, .9))
}

.ag-icon-checkbox-indeterminate {
    font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color))
}

.ag-icon-checkbox-indeterminate:before {
    content: var(--ag-icon-font-code-checkbox-indeterminate, "");
    display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display))
}

.ag-icon-checkbox-indeterminate:after {
    background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
    display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, .9))
}

.ag-icon-checkbox-unchecked {
    font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color))
}

.ag-icon-checkbox-unchecked:before {
    content: var(--ag-icon-font-code-checkbox-unchecked, "");
    display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display))
}

.ag-icon-checkbox-unchecked:after {
    background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
    display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, .9))
}

.ag-icon-color-picker {
    font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color))
}

.ag-icon-color-picker:before {
    content: var(--ag-icon-font-code-color-picker, "");
    display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display))
}

.ag-icon-color-picker:after {
    background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image));
    display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, .9))
}

.ag-icon-columns {
    font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color))
}

.ag-icon-columns:before {
    content: var(--ag-icon-font-code-columns, "");
    display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display))
}

.ag-icon-columns:after {
    background-image: var(--ag-icon-image-columns, var(--ag-icon-image));
    display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, .9))
}

.ag-icon-contracted {
    font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color))
}

.ag-icon-contracted:before {
    content: var(--ag-icon-font-code-contracted, "");
    display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display))
}

.ag-icon-contracted:after {
    background-image: var(--ag-icon-image-contracted, var(--ag-icon-image));
    display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, .9))
}

.ag-icon-copy {
    font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color))
}

.ag-icon-copy:before {
    content: var(--ag-icon-font-code-copy, "");
    display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display))
}

.ag-icon-copy:after {
    background-image: var(--ag-icon-image-copy, var(--ag-icon-image));
    display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, .9))
}

.ag-icon-cross {
    font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color))
}

.ag-icon-cross:before {
    content: var(--ag-icon-font-code-cross, "");
    display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display))
}

.ag-icon-cross:after {
    background-image: var(--ag-icon-image-cross, var(--ag-icon-image));
    display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, .9))
}

.ag-icon-csv {
    font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color))
}

.ag-icon-csv:before {
    content: var(--ag-icon-font-code-csv, "");
    display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display))
}

.ag-icon-csv:after {
    background-image: var(--ag-icon-image-csv, var(--ag-icon-image));
    display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, .9))
}

.ag-icon-cut {
    font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color))
}

.ag-icon-cut:before {
    content: var(--ag-icon-font-code-cut, "");
    display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display))
}

.ag-icon-cut:after {
    background-image: var(--ag-icon-image-cut, var(--ag-icon-image));
    display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, .9))
}

.ag-icon-desc {
    font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color))
}

.ag-icon-desc:before {
    content: var(--ag-icon-font-code-desc, "");
    display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display))
}

.ag-icon-desc:after {
    background-image: var(--ag-icon-image-desc, var(--ag-icon-image));
    display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, .9))
}

.ag-icon-excel {
    font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color))
}

.ag-icon-excel:before {
    content: var(--ag-icon-font-code-excel, "");
    display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display))
}

.ag-icon-excel:after {
    background-image: var(--ag-icon-image-excel, var(--ag-icon-image));
    display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, .9))
}

.ag-icon-expanded {
    font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color))
}

.ag-icon-expanded:before {
    content: var(--ag-icon-font-code-expanded, "");
    display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display))
}

.ag-icon-expanded:after {
    background-image: var(--ag-icon-image-expanded, var(--ag-icon-image));
    display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, .9))
}

.ag-icon-eye-slash {
    font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color))
}

.ag-icon-eye-slash:before {
    content: var(--ag-icon-font-code-eye-slash, "");
    display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display))
}

.ag-icon-eye-slash:after {
    background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image));
    display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, .9))
}

.ag-icon-eye {
    font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color))
}

.ag-icon-eye:before {
    content: var(--ag-icon-font-code-eye, "");
    display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display))
}

.ag-icon-eye:after {
    background-image: var(--ag-icon-image-eye, var(--ag-icon-image));
    display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, .9))
}

.ag-icon-filter {
    font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color))
}

.ag-icon-filter:before {
    content: var(--ag-icon-font-code-filter, "");
    display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display))
}

.ag-icon-filter:after {
    background-image: var(--ag-icon-image-filter, var(--ag-icon-image));
    display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, .9))
}

.ag-icon-first {
    font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-first, var(--ag-icon-font-color))
}

.ag-icon-first:before {
    content: var(--ag-icon-font-code-first, "");
    display: var(--ag-icon-font-display-first, var(--ag-icon-font-display))
}

.ag-icon-first:after {
    background-image: var(--ag-icon-image-first, var(--ag-icon-image));
    display: var(--ag-icon-image-display-first, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, .9))
}

.ag-icon-grip {
    font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color))
}

.ag-icon-grip:before {
    content: var(--ag-icon-font-code-grip, "");
    display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display))
}

.ag-icon-grip:after {
    background-image: var(--ag-icon-image-grip, var(--ag-icon-image));
    display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, .9))
}

.ag-icon-group {
    font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-group, var(--ag-icon-font-color))
}

.ag-icon-group:before {
    content: var(--ag-icon-font-code-group, "");
    display: var(--ag-icon-font-display-group, var(--ag-icon-font-display))
}

.ag-icon-group:after {
    background-image: var(--ag-icon-image-group, var(--ag-icon-image));
    display: var(--ag-icon-image-display-group, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, .9))
}

.ag-icon-last {
    font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-last, var(--ag-icon-font-color))
}

.ag-icon-last:before {
    content: var(--ag-icon-font-code-last, "");
    display: var(--ag-icon-font-display-last, var(--ag-icon-font-display))
}

.ag-icon-last:after {
    background-image: var(--ag-icon-image-last, var(--ag-icon-image));
    display: var(--ag-icon-image-display-last, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, .9))
}

.ag-icon-left {
    font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-left, var(--ag-icon-font-color))
}

.ag-icon-left:before {
    content: var(--ag-icon-font-code-left, "");
    display: var(--ag-icon-font-display-left, var(--ag-icon-font-display))
}

.ag-icon-left:after {
    background-image: var(--ag-icon-image-left, var(--ag-icon-image));
    display: var(--ag-icon-image-display-left, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, .9))
}

.ag-icon-linked {
    font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color))
}

.ag-icon-linked:before {
    content: var(--ag-icon-font-code-linked, "");
    display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display))
}

.ag-icon-linked:after {
    background-image: var(--ag-icon-image-linked, var(--ag-icon-image));
    display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, .9))
}

.ag-icon-loading {
    font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color))
}

.ag-icon-loading:before {
    content: var(--ag-icon-font-code-loading, "");
    display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display))
}

.ag-icon-loading:after {
    background-image: var(--ag-icon-image-loading, var(--ag-icon-image));
    display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, .9))
}

.ag-icon-maximize {
    font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color))
}

.ag-icon-maximize:before {
    content: var(--ag-icon-font-code-maximize, "");
    display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display))
}

.ag-icon-maximize:after {
    background-image: var(--ag-icon-image-maximize, var(--ag-icon-image));
    display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, .9))
}

.ag-icon-menu {
    font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color))
}

.ag-icon-menu:before {
    content: var(--ag-icon-font-code-menu, "");
    display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display))
}

.ag-icon-menu:after {
    background-image: var(--ag-icon-image-menu, var(--ag-icon-image));
    display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, .9))
}

.ag-icon-minimize {
    font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color))
}

.ag-icon-minimize:before {
    content: var(--ag-icon-font-code-minimize, "");
    display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display))
}

.ag-icon-minimize:after {
    background-image: var(--ag-icon-image-minimize, var(--ag-icon-image));
    display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, .9))
}

.ag-icon-next {
    font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-next, var(--ag-icon-font-color))
}

.ag-icon-next:before {
    content: var(--ag-icon-font-code-next, "");
    display: var(--ag-icon-font-display-next, var(--ag-icon-font-display))
}

.ag-icon-next:after {
    background-image: var(--ag-icon-image-next, var(--ag-icon-image));
    display: var(--ag-icon-image-display-next, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, .9))
}

.ag-icon-none {
    font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-none, var(--ag-icon-font-color))
}

.ag-icon-none:before {
    content: var(--ag-icon-font-code-none, "");
    display: var(--ag-icon-font-display-none, var(--ag-icon-font-display))
}

.ag-icon-none:after {
    background-image: var(--ag-icon-image-none, var(--ag-icon-image));
    display: var(--ag-icon-image-display-none, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, .9))
}

.ag-icon-not-allowed {
    font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color))
}

.ag-icon-not-allowed:before {
    content: var(--ag-icon-font-code-not-allowed, "");
    display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display))
}

.ag-icon-not-allowed:after {
    background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image));
    display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, .9))
}

.ag-icon-paste {
    font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color))
}

.ag-icon-paste:before {
    content: var(--ag-icon-font-code-paste, "");
    display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display))
}

.ag-icon-paste:after {
    background-image: var(--ag-icon-image-paste, var(--ag-icon-image));
    display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, .9))
}

.ag-icon-pin {
    font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color))
}

.ag-icon-pin:before {
    content: var(--ag-icon-font-code-pin, "");
    display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display))
}

.ag-icon-pin:after {
    background-image: var(--ag-icon-image-pin, var(--ag-icon-image));
    display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, .9))
}

.ag-icon-pivot {
    font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color))
}

.ag-icon-pivot:before {
    content: var(--ag-icon-font-code-pivot, "");
    display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display))
}

.ag-icon-pivot:after {
    background-image: var(--ag-icon-image-pivot, var(--ag-icon-image));
    display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, .9))
}

.ag-icon-previous {
    font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color))
}

.ag-icon-previous:before {
    content: var(--ag-icon-font-code-previous, "");
    display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display))
}

.ag-icon-previous:after {
    background-image: var(--ag-icon-image-previous, var(--ag-icon-image));
    display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, .9))
}

.ag-icon-radio-button-off {
    font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color))
}

.ag-icon-radio-button-off:before {
    content: var(--ag-icon-font-code-radio-button-off, "");
    display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display))
}

.ag-icon-radio-button-off:after {
    background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
    display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, .9))
}

.ag-icon-radio-button-on {
    font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color))
}

.ag-icon-radio-button-on:before {
    content: var(--ag-icon-font-code-radio-button-on, "");
    display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display))
}

.ag-icon-radio-button-on:after {
    background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
    display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, .9))
}

.ag-icon-right {
    font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-right, var(--ag-icon-font-color))
}

.ag-icon-right:before {
    content: var(--ag-icon-font-code-right, "");
    display: var(--ag-icon-font-display-right, var(--ag-icon-font-display))
}

.ag-icon-right:after {
    background-image: var(--ag-icon-image-right, var(--ag-icon-image));
    display: var(--ag-icon-image-display-right, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, .9))
}

.ag-icon-save {
    font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-save, var(--ag-icon-font-color))
}

.ag-icon-save:before {
    content: var(--ag-icon-font-code-save, "");
    display: var(--ag-icon-font-display-save, var(--ag-icon-font-display))
}

.ag-icon-save:after {
    background-image: var(--ag-icon-image-save, var(--ag-icon-image));
    display: var(--ag-icon-image-display-save, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, .9))
}

.ag-icon-small-down {
    font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color))
}

.ag-icon-small-down:before {
    content: var(--ag-icon-font-code-small-down, "");
    display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display))
}

.ag-icon-small-down:after {
    background-image: var(--ag-icon-image-small-down, var(--ag-icon-image));
    display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, .9))
}

.ag-icon-small-left {
    font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color))
}

.ag-icon-small-left:before {
    content: var(--ag-icon-font-code-small-left, "");
    display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display))
}

.ag-icon-small-left:after {
    background-image: var(--ag-icon-image-small-left, var(--ag-icon-image));
    display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, .9))
}

.ag-icon-small-right {
    font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color))
}

.ag-icon-small-right:before {
    content: var(--ag-icon-font-code-small-right, "");
    display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display))
}

.ag-icon-small-right:after {
    background-image: var(--ag-icon-image-small-right, var(--ag-icon-image));
    display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, .9))
}

.ag-icon-small-up {
    font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color))
}

.ag-icon-small-up:before {
    content: var(--ag-icon-font-code-small-up, "");
    display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display))
}

.ag-icon-small-up:after {
    background-image: var(--ag-icon-image-small-up, var(--ag-icon-image));
    display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, .9))
}

.ag-icon-tick {
    font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color))
}

.ag-icon-tick:before {
    content: var(--ag-icon-font-code-tick, "");
    display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display))
}

.ag-icon-tick:after {
    background-image: var(--ag-icon-image-tick, var(--ag-icon-image));
    display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, .9))
}

.ag-icon-tree-closed {
    font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color))
}

.ag-icon-tree-closed:before {
    content: var(--ag-icon-font-code-tree-closed, "");
    display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display))
}

.ag-icon-tree-closed:after {
    background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image));
    display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, .9))
}

.ag-icon-tree-indeterminate {
    font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color))
}

.ag-icon-tree-indeterminate:before {
    content: var(--ag-icon-font-code-tree-indeterminate, "");
    display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display))
}

.ag-icon-tree-indeterminate:after {
    background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image));
    display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, .9))
}

.ag-icon-tree-open {
    font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color))
}

.ag-icon-tree-open:before {
    content: var(--ag-icon-font-code-tree-open, "");
    display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display))
}

.ag-icon-tree-open:after {
    background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image));
    display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, .9))
}

.ag-icon-unlinked {
    font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color))
}

.ag-icon-unlinked:before {
    content: var(--ag-icon-font-code-unlinked, "");
    display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display))
}

.ag-icon-unlinked:after {
    background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image));
    display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, .9))
}

.ag-icon-up {
    font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-up, var(--ag-icon-font-color))
}

.ag-icon-up:before {
    content: var(--ag-icon-font-code-up, "");
    display: var(--ag-icon-font-display-up, var(--ag-icon-font-display))
}

.ag-icon-up:after {
    background-image: var(--ag-icon-image-up, var(--ag-icon-image));
    display: var(--ag-icon-image-display-up, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, .9))
}

.ag-icon-down {
    font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-down, var(--ag-icon-font-color))
}

.ag-icon-down:before {
    content: var(--ag-icon-font-code-down, "");
    display: var(--ag-icon-font-display-down, var(--ag-icon-font-display))
}

.ag-icon-down:after {
    background-image: var(--ag-icon-image-down, var(--ag-icon-image));
    display: var(--ag-icon-image-display-down, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, .9))
}

.ag-icon-plus {
    font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color))
}

.ag-icon-plus:before {
    content: var(--ag-icon-font-code-plus, "");
    display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display))
}

.ag-icon-plus:after {
    background-image: var(--ag-icon-image-plus, var(--ag-icon-image));
    display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, .9))
}

.ag-icon-minus {
    font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color))
}

.ag-icon-minus:before {
    content: var(--ag-icon-font-code-minus, "");
    display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display))
}

.ag-icon-minus:after {
    background-image: var(--ag-icon-image-minus, var(--ag-icon-image));
    display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, .9))
}

.ag-icon-menu-alt {
    font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color))
}

.ag-icon-menu-alt:before {
    content: var(--ag-icon-font-code-menu-alt, "");
    display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display))
}

.ag-icon-menu-alt:after {
    background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image));
    display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, .9))
}

.ag-icon-settings {
    font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family));
    font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight));
    color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color))
}

.ag-icon-settings:before {
    content: var(--ag-icon-font-code-settings, "");
    display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display))
}

.ag-icon-settings:after {
    background-image: var(--ag-icon-image-settings, var(--ag-icon-image));
    display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, .9))
}

.ag-icon-row-drag:before {
    content: var(--ag-icon-font-code-grip)
}

.ag-left-arrow:before {
    content: var(--ag-icon-font-code-left)
}

.ag-right-arrow:before {
    content: var(--ag-icon-font-code-right)
}

[class*=ag-theme-] {
    --ag-foreground-color: #000;
    --ag-data-color: var(--ag-foreground-color);
    --ag-secondary-foreground-color: var(--ag-foreground-color);
    --ag-header-foreground-color: var(--ag-secondary-foreground-color);
    --ag-disabled-foreground-color: rgba(0, 0, 0, .5);
    --ag-background-color: #fff;
    --ag-header-background-color: transparent;
    --ag-tooltip-background-color: transparent;
    --ag-subheader-background-color: transparent;
    --ag-subheader-toolbar-background-color: transparent;
    --ag-control-panel-background-color: transparent;
    --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
    --ag-selected-row-background-color: #bbb;
    --ag-odd-row-background-color: var(--ag-background-color);
    --ag-modal-overlay-background-color: rgba(255, 255, 255, .66);
    --ag-menu-background-color: var(--ag-background-color);
    --ag-menu-border-color: var(--ag-border-color);
    --ag-panel-background-color: var(--ag-background-color);
    --ag-panel-border-color: var(--ag-border-color);
    --ag-row-hover-color: transparent;
    --ag-column-hover-color: transparent;
    --ag-range-selection-border-color: var(--ag-foreground-color);
    --ag-range-selection-border-style: solid;
    --ag-range-selection-background-color: rgba(0, 0, 0, .2);
    --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
    --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
    --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
    --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
    --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
    --ag-selected-tab-underline-width: 0;
    --ag-selected-tab-underline-transition-speed: 0s;
    --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, .1);
    --ag-range-selection-chart-background-color: rgba(0, 88, 255, .1);
    --ag-header-cell-hover-background-color: transparent;
    --ag-header-cell-moving-background-color: var(--ag-background-color);
    --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, .5);
    --ag-value-change-delta-up-color: #43a047;
    --ag-value-change-delta-down-color: #e53935;
    --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, .2);
    --ag-chip-background-color: transparent;
    --ag-chip-border-color: var(--ag-chip-background-color);
    --ag-borders: solid 1px;
    --ag-border-color: rgba(0, 0, 0, .25);
    --ag-borders-critical: var(--ag-borders);
    --ag-borders-secondary: var(--ag-borders);
    --ag-secondary-border-color: var(--ag-border-color);
    --ag-row-border-style: solid;
    --ag-row-border-width: 1px;
    --ag-cell-horizontal-border: solid transparent;
    --ag-borders-input: var(--ag-borders-secondary);
    --ag-input-border-color: var(--ag-secondary-border-color);
    --ag-borders-input-invalid: solid 2px;
    --ag-input-border-color-invalid: var(--ag-invalid-color);
    --ag-borders-side-button: var(--ag-borders);
    --ag-border-radius: 0px;
    --ag-wrapper-border-radius: var(--ag-border-radius);
    --ag-row-border-color: var(--ag-secondary-border-color);
    --ag-header-column-separator-display: none;
    --ag-header-column-separator-height: 100%;
    --ag-header-column-separator-width: 1px;
    --ag-header-column-separator-color: var(--ag-secondary-border-color);
    --ag-header-column-resize-handle-display: none;
    --ag-header-column-resize-handle-height: 50%;
    --ag-header-column-resize-handle-width: 1px;
    --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
    --ag-invalid-color: red;
    --ag-input-disabled-border-color: var(--ag-input-border-color);
    --ag-input-disabled-background-color: transparent;
    --ag-checkbox-background-color: transparent;
    --ag-checkbox-border-radius: var(--ag-border-radius);
    --ag-checkbox-checked-color: var(--ag-foreground-color);
    --ag-checkbox-unchecked-color: var(--ag-foreground-color);
    --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);
    --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);
    --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);
    --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);
    --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);
    --ag-toggle-button-switch-background-color: var(--ag-background-color);
    --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);
    --ag-toggle-button-border-width: 1px;
    --ag-toggle-button-height: var(--ag-icon-size);
    --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
    --ag-input-focus-box-shadow: none;
    --ag-input-focus-border-color: none;
    --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
    --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
    --ag-grid-size: 4px;
    --ag-icon-size: 12px;
    --ag-icon-font-weight: normal;
    --ag-icon-font-color: var(--ag-foreground-color);
    --ag-icon-image-display: block;
    --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
    --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
    --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);
    --ag-widget-vertical-spacing: var(--ag-grid-size);
    --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
    --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
    --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
    --ag-header-height: var(--ag-row-height);
    --ag-list-item-height: calc(var(--ag-grid-size) * 5);
    --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
    --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
    --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
    --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
    --ag-filter-tool-panel-group-indent: 16px;
    --ag-tab-min-width: 220px;
    --ag-chart-menu-panel-width: var(--ag-tab-min-width);
    --ag-menu-min-width: 181px;
    --ag-side-bar-panel-width: 200px;
    --ag-font-family: "Helvetica Neue", sans-serif;
    --ag-font-size: 14px;
    --ag-card-radius: var(--ag-border-radius);
    --ag-card-shadow: none;
    --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, .3);
    --ag-advanced-filter-join-pill-color: #f08e8d;
    --ag-advanced-filter-column-pill-color: #a6e194;
    --ag-advanced-filter-option-pill-color: #f3c08b;
    --ag-advanced-filter-value-pill-color: #85c0e4
}

.ag-root-wrapper,.ag-sticky-top,.ag-sticky-bottom,.ag-dnd-ghost {
    background-color: var(--ag-background-color)
}

.ag-sticky-bottom {
    border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width)
}

.ag-root-wrapper,.ag-popup {
    --ag-indentation-level: 0
}

[class*=ag-theme-] {
    -webkit-font-smoothing: antialiased;
    font-family: var(--ag-font-family);
    font-size: var(--ag-font-size);
    line-height: normal;
    color: var(--ag-foreground-color)
}

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

.ag-aria-description-container {
    z-index: 9999;
    border: 0px;
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    padding: 0;
    white-space: nowrap
}

.ag-hidden {
    display: none!important
}

.ag-invisible {
    visibility: hidden!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-virtual-list-viewport .ag-tab-guard {
    position: sticky
}

.ag-tab-guard-top {
    top: 1px
}

.ag-tab-guard-bottom {
    bottom: 1px
}

.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 {
    0% {
        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;
    white-space: normal
}

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

.ag-watermark {
    position: absolute;
    bottom: 20px;
    right: 25px;
    opacity: .7;
    transition: opacity 1s ease-out 3s;
    color: #9b9b9b
}

.ag-watermark:before {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: 170px 40px;
    display: block;
    height: 40px;
    width: 170px
}

.ag-watermark-text {
    opacity: .5;
    font-weight: 700;
    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-body-vertical-scroll-viewport,.ag-virtual-list-viewport,.ag-sticky-top-viewport,.ag-sticky-bottom-viewport {
    position: relative;
    height: 100%;
    min-width: 0px;
    overflow: hidden;
    flex: 1 1 auto
}

.ag-body-viewport,.ag-center-cols-viewport,.ag-header-viewport,.ag-floating-top-viewport,.ag-floating-bottom-viewport,.ag-sticky-top-viewport,.ag-sticky-bottom-viewport {
    overflow-x: auto;
    -ms-overflow-style: none!important;
    scrollbar-width: none!important
}

.ag-body-viewport::-webkit-scrollbar,.ag-center-cols-viewport::-webkit-scrollbar,.ag-header-viewport::-webkit-scrollbar,.ag-floating-top-viewport::-webkit-scrollbar,.ag-floating-bottom-viewport::-webkit-scrollbar,.ag-sticky-top-viewport::-webkit-scrollbar,.ag-sticky-bottom-viewport::-webkit-scrollbar {
    display: none!important
}

.ag-body-viewport {
    display: flex;
    overflow-x: hidden
}

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

.ag-sticky-top-container,.ag-sticky-bottom-container {
    min-height: 1px
}

.ag-center-cols-viewport {
    min-height: 100%;
    width: 100%
}

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

.ag-body-vertical-scroll-viewport {
    overflow-y: 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-body-vertical-scroll-container,.ag-full-width-container,.ag-floating-bottom-full-width-container,.ag-virtual-list-container,.ag-sticky-top-container,.ag-sticky-bottom-container {
    position: relative
}

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

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

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

.ag-body-vertical-scroll-container {
    width: 100%
}

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

.ag-ltr .ag-full-width-container,.ag-ltr .ag-floating-top-full-width-container,.ag-ltr .ag-floating-bottom-full-width-container,.ag-ltr .ag-sticky-top-full-width-container,.ag-ltr .ag-sticky-bottom-full-width-container {
    left: 0
}

.ag-rtl .ag-full-width-container,.ag-rtl .ag-floating-top-full-width-container,.ag-rtl .ag-floating-bottom-full-width-container,.ag-rtl .ag-sticky-top-full-width-container,.ag-rtl .ag-sticky-bottom-full-width-container {
    right: 0
}

.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-body {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: row!important;
    min-height: 0
}

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

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

.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
    opacity: 0;
    transition: opacity .4s;
    visibility: hidden
}

.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,.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
    visibility: visible;
    opacity: 1
}

.ag-body-horizontal-scroll {
    width: 100%
}

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

.ag-body-vertical-scroll {
    height: 100%
}

.ag-body-vertical-scroll.ag-scrollbar-invisible {
    top: 0;
    z-index: 10
}

.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
    right: 0
}

.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
    left: 0
}

.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 .ag-header-cell-label {
    cursor: pointer
}

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

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

.ag-header-row {
    position: absolute
}

.ag-header-row:not(.ag-header-row-column-group) {
    overflow: hidden
}

.ag-header.ag-header-allow-overflow .ag-header-row {
    overflow: visible
}

.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,.ag-header-cell-filter-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;
    align-self: stretch;
    align-items: center;
    overflow: hidden
}

.ag-header-cell-label {
    text-overflow: ellipsis
}

.ag-header-group-cell-label.ag-sticky-label {
    position: sticky;
    flex: none;
    max-width: 100%;
    overflow: visible
}

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

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

.ag-header-group-cell .ag-header-cell-comp-wrapper {
    display: flex
}

.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%
}

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

.ag-header-cell-comp-wrapper-limited-height>div {
    overflow: hidden
}

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

.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: -3px
}

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

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

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

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

.ag-header-cell-menu-button,.ag-header-cell-filter-button,.ag-side-button-button,.ag-panel-title-bar-button,.ag-floating-filter-button-button {
    cursor: pointer
}

.ag-column-moving .ag-cell,.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,opacity .2s
}

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

.ag-row-no-animation .ag-row {
    transition: none
}

.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-word
}

.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-checkbox {
    display: flex;
    width: 100%;
    height: 100%
}

.ag-set-filter-group-icons {
    display: block
}

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

.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-set-floating-filter-input input[disabled] {
    pointer-events: none
}

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

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

.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;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.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,.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,.ag-pinned-right-floating-bottom {
    display: inline-block;
    overflow: hidden;
    position: relative;
    min-width: 0px
}

.ag-sticky-top,.ag-sticky-bottom {
    position: absolute;
    display: flex;
    width: 100%;
    overflow: hidden;
    height: 0px
}

.ag-sticky-bottom {
    box-sizing: content-box!important
}

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

.ag-sticky-top-full-width-container,.ag-sticky-bottom-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;
    z-index: 1;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.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,.ag-tooltip-custom {
    position: absolute;
    z-index: 99999
}

.ag-tooltip:not(.ag-tooltip-interactive),.ag-tooltip-custom:not(.ag-tooltip-interactive) {
    pointer-events: none
}

.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;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

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

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

.ag-dialog .ag-panel-content-wrapper .ag-column-select {
    -webkit-user-select: none;
    user-select: none
}

.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-menu-option-custom {
    display: contents
}

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

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

.ag-pill-container {
    display: flex;
    gap: .25rem;
    flex-wrap: nowrap
}

.ag-pill {
    display: flex;
    white-space: nowrap;
    padding: 0 .25rem;
    align-items: center
}

.ag-pill .ag-pill-button {
    border: none;
    padding: 0
}

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

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

.ag-rich-select-value .ag-picker-field-display {
    overflow: hidden;
    text-overflow: ellipsis
}

.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
    opacity: .5
}

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

.ag-rich-select-list .ag-loading-text {
    min-height: 2rem
}

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

.ag-rich-select-field-input {
    flex: 1 1 auto
}

.ag-rich-select-field-input .ag-input-field-input {
    padding: 0!important;
    border: none!important;
    box-shadow: none!important;
    text-overflow: ellipsis
}

.ag-rich-select-field-input .ag-input-field-input::placeholder {
    opacity: .8
}

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

.ag-autocomplete>* {
    flex: 1 1 auto
}

.ag-autocomplete-list-popup {
    position: absolute;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ag-autocomplete-list {
    position: relative
}

.ag-autocomplete-virtual-list-item {
    display: flex
}

.ag-autocomplete-row {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    overflow: hidden
}

.ag-autocomplete-row-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.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;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    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;
    height: 100%
}

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

.ag-select-agg-func-item,.ag-column-select-column-label {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.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,.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-header-group-cell-no-group.ag-header-span-height {
    display: none
}

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

.ag-header-group-cell-label,.ag-cell-label-container {
    padding: 5px 0
}

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

.ag-right-aligned-header .ag-header-cell-text {
    text-align: end
}

.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,.ag-status-bar-center,.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: inline;
    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
}

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

.ag-range-field,.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,.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-label-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1
}

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

.ag-spectrum-color {
    flex: 1 1 auto;
    position: relative;
    overflow: visible;
    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,.ag-spectrum-alpha {
    cursor: default
}

.ag-spectrum-hue-background {
    background: linear-gradient(to left,red 3%,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);
    width: 100%;
    height: 100%
}

.ag-spectrum-alpha {
    --ag-spectrum-alpha-background-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4"><rect x="0" y="0" width="4" height="4" fill="%23fff"/><path d="M0 0H2V4H4V2H0Z" fill="%23b2b2b2"/></svg>')
}

.ag-spectrum-alpha-background {
    background: linear-gradient(to right,var(--ag-internal-spectrum-alpha-color-from),var(--ag-internal-spectrum-alpha-color-to)),var(--ag-spectrum-alpha-background-checked) top left/4px 4px;
    width: 100%;
    height: 100%
}

.ag-spectrum-tool {
    cursor: pointer;
    position: relative
}

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

.ag-spectrum-alpha .ag-spectrum-slider {
    background: linear-gradient(to bottom,var(--ag-internal-spectrum-alpha-color),var(--ag-internal-spectrum-alpha-color)) #fff
}

.ag-recent-colors {
    display: flex
}

.ag-recent-color {
    cursor: pointer
}

.ag-pill-select {
    display: flex;
    flex-direction: column
}

.ag-pill-select .ag-column-drop {
    flex: unset
}

.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-sticky-top,.ag-ltr .ag-sticky-bottom,.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-sticky-top,.ag-rtl .ag-sticky-bottom,.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-body .ag-body-viewport {
    -webkit-overflow-scrolling: touch
}

.ag-measurement-container {
    width: 0;
    overflow: hidden;
    visibility: hidden
}

.ag-measurement-container div {
    position: absolute
}

.ag-layout-print.ag-body {
    display: block;
    height: unset
}

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

.ag-layout-print .ag-body-vertical-scroll,.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-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
    }
}

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

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

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

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

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

.ag-button {
    border-radius: 0;
    color: var(--ag-foreground-color)
}

.ag-button:hover {
    background-color: transparent
}

.ag-ltr .ag-label-align-right .ag-label {
    margin-left: var(--ag-grid-size)
}

.ag-rtl .ag-label-align-right .ag-label {
    margin-right: var(--ag-grid-size)
}

input[class^=ag-] {
    margin: 0;
    background-color: var(--ag-background-color)
}

textarea[class^=ag-],select[class^=ag-] {
    background-color: var(--ag-background-color)
}

input[class^=ag-]:not([type]),input[class^=ag-][type=text],input[class^=ag-][type=number],input[class^=ag-][type=tel],input[class^=ag-][type=date],input[class^=ag-][type=datetime-local],textarea[class^=ag-] {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-family: inherit;
    border: var(--ag-borders-input) var(--ag-input-border-color)
}

input[class^=ag-]:not([type]):disabled,input[class^=ag-][type=text]:disabled,input[class^=ag-][type=number]:disabled,input[class^=ag-][type=tel]:disabled,input[class^=ag-][type=date]:disabled,input[class^=ag-][type=datetime-local]:disabled,textarea[class^=ag-]:disabled {
    color: var(--ag-disabled-foreground-color);
    background-color: var(--ag-input-disabled-background-color);
    border-color: var(--ag-input-disabled-border-color)
}

input[class^=ag-]:not([type]):focus,input[class^=ag-][type=text]:focus,input[class^=ag-][type=number]:focus,input[class^=ag-][type=tel]:focus,input[class^=ag-][type=date]:focus,input[class^=ag-][type=datetime-local]:focus,textarea[class^=ag-]:focus {
    outline: none;
    box-shadow: var(--ag-input-focus-box-shadow);
    border-color: var(--ag-input-focus-border-color)
}

input[class^=ag-]:not([type]):invalid,input[class^=ag-][type=text]:invalid,input[class^=ag-][type=number]:invalid,input[class^=ag-][type=tel]:invalid,input[class^=ag-][type=date]:invalid,input[class^=ag-][type=datetime-local]:invalid,textarea[class^=ag-]:invalid {
    border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid)
}

input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
    -moz-appearance: textfield
}

input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button,input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

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

input[class^=ag-][type=button]:focus,button[class^=ag-]:focus {
    box-shadow: var(--ag-input-focus-box-shadow)
}

.ag-drag-handle {
    color: var(--ag-secondary-foreground-color)
}

.ag-list-item,.ag-virtual-list-item {
    height: var(--ag-list-item-height)
}

.ag-virtual-list-item:focus-visible {
    outline: none
}

.ag-virtual-list-item:focus-visible:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid;
    border-color: var(--ag-input-focus-border-color)
}

.ag-select-list {
    background-color: var(--ag-background-color);
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: var(--ag-border-radius);
    border: var(--ag-borders) var(--ag-border-color)
}

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

.ag-list-item.ag-active-item {
    background-color: var(--ag-row-hover-color)
}

.ag-select-list-item {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

.ag-ltr .ag-select-list-item {
    padding-left: calc(var(--ag-cell-horizontal-padding) / 2)
}

.ag-rtl .ag-select-list-item {
    padding-right: calc(var(--ag-cell-horizontal-padding) / 2)
}

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

.ag-row-drag,.ag-selection-checkbox,.ag-group-expanded,.ag-group-contracted {
    color: var(--ag-secondary-foreground-color)
}

.ag-ltr .ag-row-drag,.ag-ltr .ag-selection-checkbox,.ag-ltr .ag-group-expanded,.ag-ltr .ag-group-contracted {
    margin-right: var(--ag-cell-widget-spacing)
}

.ag-rtl .ag-row-drag,.ag-rtl .ag-selection-checkbox,.ag-rtl .ag-group-expanded,.ag-rtl .ag-group-contracted {
    margin-left: var(--ag-cell-widget-spacing)
}

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

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

.ag-group-title-bar-icon {
    cursor: pointer;
    flex: none;
    color: var(--ag-secondary-foreground-color)
}

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

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

.ag-group-title-bar {
    background-color: var(--ag-subheader-background-color);
    padding: var(--ag-grid-size)
}

.ag-group-toolbar {
    padding: var(--ag-grid-size);
    background-color: var(--ag-subheader-toolbar-background-color)
}

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

.group-item {
    margin: calc(var(--ag-grid-size) * .5) 0
}

.ag-label {
    white-space: nowrap
}

.ag-ltr .ag-label {
    margin-right: var(--ag-grid-size)
}

.ag-rtl .ag-label {
    margin-left: var(--ag-grid-size)
}

.ag-label-align-top .ag-label {
    margin-bottom: calc(var(--ag-grid-size) * .5)
}

.ag-angle-select[disabled] {
    color: var(--ag-disabled-foreground-color);
    pointer-events: none
}

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

.ag-ltr .ag-slider-field,.ag-ltr .ag-angle-select-field {
    margin-right: calc(var(--ag-grid-size) * 2)
}

.ag-rtl .ag-slider-field,.ag-rtl .ag-angle-select-field {
    margin-left: calc(var(--ag-grid-size) * 2)
}

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

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

.ag-picker-field-wrapper {
    border: var(--ag-borders);
    border-color: var(--ag-border-color);
    border-radius: 5px;
    background-color: var(--ag-background-color)
}

.ag-picker-field-wrapper:disabled {
    color: var(--ag-disabled-foreground-color);
    background-color: var(--ag-input-disabled-background-color);
    border-color: var(--ag-input-disabled-border-color)
}

.ag-picker-field-wrapper.ag-picker-has-focus,.ag-picker-field-wrapper:focus-within {
    outline: none;
    box-shadow: var(--ag-input-focus-box-shadow);
    border-color: var(--ag-input-focus-border-color)
}

.ag-picker-field-button {
    background-color: var(--ag-background-color);
    color: var(--ag-secondary-foreground-color)
}

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

.ag-color-picker .ag-picker-field-wrapper {
    padding-left: var(--ag-grid-size);
    padding-right: var(--ag-grid-size)
}

.ag-color-picker .ag-picker-field-display {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: var(--ag-list-item-height)
}

.ag-ltr .ag-color-picker-color,.ag-ltr .ag-color-picker-value {
    margin-right: var(--ag-grid-size)
}

.ag-rtl .ag-color-picker-color,.ag-rtl .ag-color-picker-value {
    margin-left: var(--ag-grid-size)
}

.ag-color-panel {
    padding: var(--ag-grid-size)
}

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

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

.ag-spectrum-sat {
    background-image: linear-gradient(to right,#fff,#cc9a8100)
}

.ag-spectrum-val {
    background-image: linear-gradient(to top,#000,#cc9a8100)
}

.ag-spectrum-dragger {
    border-radius: 12px;
    height: 12px;
    width: 12px;
    border: 2px solid white;
    background: #000;
    box-shadow: 0 0 2px #0000003d
}

.ag-spectrum-hue-background,.ag-spectrum-alpha-background {
    border-radius: 2px
}

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

.ag-spectrum-slider {
    margin-top: -12px;
    width: 13px;
    height: 13px;
    border-radius: 13px;
    border: 2px solid white;
    box-shadow: 0 1px 4px #0000005e
}

.ag-recent-colors {
    margin-top: 10px
}

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

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

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

.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
    box-shadow: var(--ag-input-focus-box-shadow)
}

.ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
    padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2)
}

.ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
    padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2)
}

.ag-color-input .ag-color-input-color {
    position: absolute
}

.ag-ltr .ag-color-input .ag-color-input-color {
    margin-left: var(--ag-grid-size)
}

.ag-rtl .ag-color-input .ag-color-input-color {
    margin-right: var(--ag-grid-size)
}

.ag-color-picker-color,.ag-color-input-color {
    width: var(--ag-icon-size);
    height: var(--ag-icon-size);
    border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
    border-radius: 2px
}

.ag-dnd-ghost {
    border: var(--ag-borders) var(--ag-border-color);
    background: var(--ag-background-color);
    border-radius: var(--ag-card-radius);
    box-shadow: var(--ag-card-shadow);
    padding: var(--ag-grid-size);
    overflow: hidden;
    text-overflow: ellipsis;
    border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
    color: var(--ag-secondary-foreground-color);
    height: var(--ag-header-height);
    line-height: var(--ag-header-height);
    margin: 0;
    padding: 0 calc(var(--ag-grid-size) * 2);
    transform: translateY(calc(var(--ag-grid-size) * 2))
}

.ag-dnd-ghost-icon {
    margin-right: var(--ag-grid-size);
    color: var(--ag-foreground-color)
}

.ag-popup-child:not(.ag-tooltip-custom) {
    box-shadow: var(--ag-popup-shadow)
}

.ag-select .ag-picker-field-wrapper {
    min-height: var(--ag-list-item-height);
    cursor: default
}

.ag-ltr .ag-select .ag-picker-field-wrapper {
    padding-left: calc(var(--ag-cell-horizontal-padding) / 2)
}

.ag-rtl .ag-select .ag-picker-field-wrapper {
    padding-right: calc(var(--ag-cell-horizontal-padding) / 2)
}

.ag-ltr .ag-select .ag-picker-field-wrapper {
    padding-right: var(--ag-grid-size)
}

.ag-rtl .ag-select .ag-picker-field-wrapper {
    padding-left: var(--ag-grid-size)
}

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

.ag-select:not(.ag-cell-editor,.ag-label-align-top) {
    min-height: var(--ag-list-item-height)
}

.ag-select .ag-picker-field-display {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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

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

.ag-rich-select-value,.ag-rich-select-list {
    background-color: var(--ag-background-color)
}

.ag-rich-select-list {
    width: 100%;
    height: auto;
    border-radius: var(--ag-border-radius);
    border: var(--ag-borders) var(--ag-border-color)
}

.ag-rich-select-list .ag-loading-text {
    padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing)
}

.ag-rich-select-value {
    border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
    padding-top: 0;
    padding-bottom: 0
}

.ag-ltr .ag-rich-select-value {
    padding-left: calc(var(--ag-cell-horizontal-padding) / 2)
}

.ag-rtl .ag-rich-select-value {
    padding-right: calc(var(--ag-cell-horizontal-padding) / 2)
}

.ag-ltr .ag-rich-select-value {
    padding-right: var(--ag-grid-size)
}

.ag-rtl .ag-rich-select-value {
    padding-left: var(--ag-grid-size)
}

.ag-ltr .ag-rich-select-field-input {
    left: calc(var(--ag-cell-horizontal-padding))
}

.ag-rtl .ag-rich-select-field-input {
    right: calc(var(--ag-cell-horizontal-padding))
}

.ag-popup-editor .ag-rich-select-value {
    height: var(--ag-row-height);
    min-width: 200px
}

.ag-rich-select-virtual-list-item {
    cursor: default;
    height: var(--ag-list-item-height)
}

.ag-rich-select-virtual-list-item:focus-visible:after {
    content: none
}

.ag-ltr .ag-rich-select-row {
    padding-left: calc(var(--ag-cell-horizontal-padding) / 2)
}

.ag-rtl .ag-rich-select-row {
    padding-right: calc(var(--ag-cell-horizontal-padding) / 2)
}

.ag-rich-select-row-selected {
    background-color: var(--ag-selected-row-background-color)
}

.ag-rich-select-row:hover,.ag-rich-select-row-highlighted {
    background-image: linear-gradient(var(--ag-row-hover-color),var(--ag-row-hover-color))
}

.ag-rich-select-row-text-highlight {
    font-weight: 700
}

.ag-autocomplete {
    width: 100%
}

.ag-autocomplete-list {
    width: 100%;
    min-width: 200px;
    height: calc(var(--ag-row-height) * 6.5)
}

.ag-autocomplete-virtual-list-item {
    cursor: default;
    height: var(--ag-list-item-height)
}

.ag-autocomplete-virtual-list-item:focus-visible:after {
    content: none
}

.ag-autocomplete-virtual-list-item:hover {
    background-color: var(--ag-row-hover-color)
}

.ag-autocomplete-row-label {
    margin: 0px var(--ag-widget-container-horizontal-padding)
}

.ag-autocomplete-row-selected {
    background-color: var(--ag-selected-row-background-color)
}

.ag-pill {
    border: 1px solid var(--ag-chip-border-color);
    border-radius: var(--ag-border-radius);
    background-color: var(--ag-chip-background-color)
}

.ag-ltr .ag-pill .ag-pill-button {
    margin-left: var(--ag-grid-size)
}

.ag-rtl .ag-pill .ag-pill-button {
    margin-right: var(--ag-grid-size)
}

.ag-pill:focus-visible {
    border-color: var(--ag-input-focus-border-color)
}

.ag-pill .ag-pill-button:hover {
    cursor: pointer
}

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

.ag-dialog {
    border-radius: var(--ag-border-radius);
    border: var(--ag-borders) var(--ag-border-color);
    box-shadow: var(--ag-popup-shadow)
}

.ag-panel {
    background-color: var(--ag-panel-background-color);
    border-color: var(--ag-panel-border-color)
}

.ag-panel-title-bar {
    color: var(--ag-header-foreground-color);
    height: var(--ag-header-height);
    padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
    border-bottom: var(--ag-borders) var(--ag-border-color)
}

.ag-ltr .ag-panel-title-bar-button {
    margin-left: var(--ag-grid-size)
}

.ag-rtl .ag-panel-title-bar-button {
    margin-right: var(--ag-grid-size)
}

.ag-tooltip {
    background-color: var(--ag-tooltip-background-color);
    color: var(--ag-foreground-color);
    padding: var(--ag-grid-size);
    border: var(--ag-borders) var(--ag-border-color);
    border-radius: var(--ag-card-radius);
    white-space: normal
}

.ag-tooltip.ag-tooltip-animate,.ag-tooltip-custom.ag-tooltip-animate {
    transition: opacity 1s
}

.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
    opacity: 0
}

.ag-ltr .ag-column-select-column,.ag-ltr .ag-column-select-column-group {
    padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size))
}

.ag-rtl .ag-column-select-column,.ag-rtl .ag-column-select-column-group {
    padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size))
}

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

.ag-column-select-header-icon:focus-visible {
    outline: none
}

.ag-column-select-header-icon:focus-visible:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 0;
    left: 0;
    display: block;
    width: calc(100% + -0px);
    height: calc(100% + -0px);
    border: 1px solid;
    border-color: var(--ag-input-focus-border-color)
}

.ag-ltr .ag-column-group-icons:not(:last-child),.ag-ltr .ag-column-select-header-icon:not(:last-child),.ag-ltr .ag-column-select-header-checkbox:not(:last-child),.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),.ag-ltr .ag-column-select-checkbox:not(:last-child),.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),.ag-ltr .ag-column-select-column-label:not(:last-child) {
    margin-right: var(--ag-widget-horizontal-spacing)
}

.ag-rtl .ag-column-group-icons:not(:last-child),.ag-rtl .ag-column-select-header-icon:not(:last-child),.ag-rtl .ag-column-select-header-checkbox:not(:last-child),.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),.ag-rtl .ag-column-select-checkbox:not(:last-child),.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),.ag-rtl .ag-column-select-column-label:not(:last-child) {
    margin-left: var(--ag-widget-horizontal-spacing)
}

.ag-column-select-virtual-list-item:focus-visible {
    outline: none
}

.ag-column-select-virtual-list-item:focus-visible:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 1px;
    left: 1px;
    display: block;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid;
    border-color: var(--ag-input-focus-border-color)
}

.ag-column-select-column-group:not(:last-child),.ag-column-select-column:not(:last-child) {
    margin-bottom: var(--ag-widget-vertical-spacing)
}

.ag-column-select-column-readonly,.ag-column-select-column-group-readonly {
    color: var(--ag-disabled-foreground-color);
    pointer-events: none
}

.ag-ltr .ag-column-select-add-group-indent {
    margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2)
}

.ag-rtl .ag-column-select-add-group-indent {
    margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2)
}

.ag-column-select-virtual-list-viewport {
    padding: calc(var(--ag-widget-container-vertical-padding) * .5) 0px
}

.ag-column-select-virtual-list-item {
    padding: 0 var(--ag-widget-container-horizontal-padding)
}

.ag-checkbox-edit {
    padding-left: var(--ag-cell-horizontal-padding);
    padding-right: var(--ag-cell-horizontal-padding)
}

.ag-pill-select .ag-column-drop {
    border-bottom: 0;
    min-height: unset
}

.ag-pill-select .ag-column-drop-list {
    padding: 0
}

.ag-pill-select .ag-select {
    padding-top: var(--ag-grid-size)
}

.ag-pill-select .ag-picker-field-wrapper {
    background-color: transparent;
    border: 0
}

.ag-pill-select .ag-picker-field-display {
    cursor: pointer
}

.ag-rtl {
    text-align: right
}

.ag-root-wrapper {
    border-radius: var(--ag-wrapper-border-radius);
    border: var(--ag-borders) var(--ag-border-color)
}

.ag-row>.ag-cell-wrapper.ag-row-group {
    padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level))
}

.ag-cell-wrapper.ag-row-group,.ag-cell-wrapper.ag-row-group-leaf-indent,.ag-cell-wrapper.ag-pivot-leaf-group {
    padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size))
}

.ag-ltr .ag-row-group-leaf-indent {
    margin-left: var(--ag-row-group-indent-size)
}

.ag-rtl .ag-row-group-leaf-indent {
    margin-right: var(--ag-row-group-indent-size)
}

.ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group {
    margin-left: var(--ag-row-group-indent-size)
}

.ag-value-change-delta {
    padding-right: 2px
}

.ag-value-change-delta-up {
    color: var(--ag-value-change-delta-up-color)
}

.ag-value-change-delta-down {
    color: var(--ag-value-change-delta-down-color)
}

.ag-value-change-value {
    background-color: transparent;
    border-radius: 1px;
    padding-left: 1px;
    padding-right: 1px;
    transition: background-color 1s
}

.ag-value-change-value-highlight {
    background-color: var(--ag-value-change-value-highlight-background-color);
    transition: background-color .1s
}

.ag-cell-data-changed {
    background-color: var(--ag-value-change-value-highlight-background-color)!important
}

.ag-cell-data-changed-animation {
    background-color: transparent
}

.ag-cell-highlight {
    background-color: var(--ag-range-selection-highlight-color)!important
}

.ag-row {
    height: var(--ag-row-height);
    background-color: var(--ag-background-color);
    color: var(--ag-data-color);
    border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width)
}

.ag-row-highlight-above:after,.ag-row-highlight-below:after {
    content: "";
    position: absolute;
    width: calc(100% - 1px);
    height: 1px;
    background-color: var(--ag-range-selection-border-color);
    left: 1px
}

.ag-row-highlight-above:after {
    top: 0
}

.ag-row-highlight-below:after {
    bottom: 0
}

.ag-row-odd {
    background-color: var(--ag-odd-row-background-color)
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
    border-right: var(--ag-borders-critical) var(--ag-border-color)
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
    border-left: var(--ag-borders-critical) var(--ag-border-color)
}

.ag-row-selected:before {
    content: "";
    background-color: var(--ag-selected-row-background-color);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ag-row-hover:not(.ag-full-width-row):before,.ag-row-hover.ag-full-width-row.ag-row-group:before {
    content: "";
    background-color: var(--ag-row-hover-color);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.ag-row-hover.ag-full-width-row.ag-row-group>* {
    position: relative
}

.ag-row-hover.ag-row-selected:before {
    background-color: var(--ag-row-hover-color);
    background-image: linear-gradient(var(--ag-selected-row-background-color),var(--ag-selected-row-background-color))
}

.ag-column-hover {
    background-color: var(--ag-column-hover-color)
}

.ag-ltr .ag-right-aligned-cell {
    text-align: right
}

.ag-rtl .ag-right-aligned-cell {
    text-align: left
}

.ag-ltr .ag-right-aligned-cell .ag-cell-value,.ag-ltr .ag-right-aligned-cell .ag-group-value {
    margin-left: auto
}

.ag-rtl .ag-right-aligned-cell .ag-cell-value,.ag-rtl .ag-right-aligned-cell .ag-group-value {
    margin-right: auto
}

.ag-ltr .ag-right-aligned-cell .ag-skeleton-effect {
    margin-left: auto
}

.ag-rtl .ag-right-aligned-cell .ag-skeleton-effect {
    margin-right: auto
}

.ag-cell,.ag-full-width-row .ag-cell-wrapper.ag-row-group {
    --ag-internal-calculated-line-height: var( --ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)) );
    --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
    border: 1px solid transparent;
    line-height: min(var(--ag-internal-calculated-line-height),var(--ag-internal-padded-row-height));
    padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
    padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
    -webkit-font-smoothing: subpixel-antialiased
}

.ag-row>.ag-cell-wrapper {
    padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
    padding-right: calc(var(--ag-cell-horizontal-padding) - 1px)
}

.ag-row-dragging {
    cursor: move;
    opacity: .5
}

.ag-cell-inline-editing {
    border: 1px solid var(--ag-border-color);
    border-radius: var(--ag-card-radius);
    box-shadow: var(--ag-card-shadow);
    padding: 0;
    background-color: var(--ag-control-panel-background-color)
}

.ag-popup-editor .ag-large-text,.ag-autocomplete-list-popup {
    border: var(--ag-borders) var(--ag-border-color);
    background: var(--ag-background-color);
    border-radius: var(--ag-card-radius);
    box-shadow: var(--ag-card-shadow);
    padding: var(--ag-grid-size);
    background-color: var(--ag-control-panel-background-color);
    padding: 0
}

.ag-large-text-input {
    height: auto;
    padding: var(--ag-cell-horizontal-padding)
}

.ag-rtl .ag-large-text-input textarea {
    resize: none
}

.ag-details-row {
    padding: calc(var(--ag-grid-size) * 5);
    background-color: var(--ag-background-color)
}

.ag-layout-auto-height .ag-center-cols-viewport,.ag-layout-auto-height .ag-center-cols-container,.ag-layout-print .ag-center-cols-viewport,.ag-layout-print .ag-center-cols-container {
    min-height: 50px
}

.ag-overlay-loading-wrapper {
    background-color: var(--ag-modal-overlay-background-color)
}

.ag-overlay-loading-center {
    border: var(--ag-borders) var(--ag-border-color);
    background: var(--ag-background-color);
    border-radius: var(--ag-card-radius);
    box-shadow: var(--ag-card-shadow);
    padding: var(--ag-grid-size)
}

.ag-skeleton-container {
    width: 100%;
    height: 100%;
    align-content: center
}

.ag-skeleton-effect {
    background-color: var(--ag-row-loading-skeleton-effect-color);
    width: 100%;
    height: 1em;
    border-radius: .25rem;
    animation: ag-skeleton-loading 1.5s ease-in-out .5s infinite
}

@keyframes ag-skeleton-loading {
    0% {
        opacity: 1
    }

    50% {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

.ag-loading {
    display: flex;
    height: 100%;
    align-items: center
}

.ag-ltr .ag-loading {
    padding-left: var(--ag-cell-horizontal-padding)
}

.ag-rtl .ag-loading {
    padding-right: var(--ag-cell-horizontal-padding)
}

.ag-ltr .ag-loading-icon {
    padding-right: var(--ag-cell-widget-spacing)
}

.ag-rtl .ag-loading-icon {
    padding-left: var(--ag-cell-widget-spacing)
}

.ag-icon-loading {
    animation-name: spin;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.ag-floating-top {
    border-bottom: var(--ag-borders-critical) var(--ag-border-color)
}

.ag-floating-bottom {
    border-top: var(--ag-borders-critical) var(--ag-border-color)
}

.ag-ltr .ag-cell {
    border-right: var(--ag-cell-horizontal-border)
}

.ag-rtl .ag-cell {
    border-left: var(--ag-cell-horizontal-border)
}

.ag-ltr .ag-cell {
    border-right-width: 1px
}

.ag-rtl .ag-cell {
    border-left-width: 1px
}

.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
    border-left: var(--ag-borders-critical) var(--ag-border-color)
}

.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
    border-right: var(--ag-borders-critical) var(--ag-border-color)
}

.ag-cell-range-selected:not(.ag-cell-focus),.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
    background-color: var(--ag-range-selection-background-color)
}

.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
    background-color: var(--ag-range-selection-chart-background-color)!important
}

.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,.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: var(--ag-range-selection-chart-category-background-color)!important
}

.ag-cell-range-selected-1:not(.ag-cell-focus),.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: var(--ag-range-selection-background-color)
}

.ag-cell-range-selected-2:not(.ag-cell-focus),.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
    background-color: var(--ag-range-selection-background-color-2)
}

.ag-cell-range-selected-3:not(.ag-cell-focus),.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
    background-color: var(--ag-range-selection-background-color-3)
}

.ag-cell-range-selected-4:not(.ag-cell-focus),.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
    background-color: var(--ag-range-selection-background-color-4)
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
    border-top-color: var(--ag-range-selection-border-color);
    border-top-style: var(--ag-range-selection-border-style)
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
    border-right-color: var(--ag-range-selection-border-color);
    border-right-style: var(--ag-range-selection-border-style)
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
    border-bottom-color: var(--ag-range-selection-border-color);
    border-bottom-style: var(--ag-range-selection-border-style)
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
    border-left-color: var(--ag-range-selection-border-color);
    border-left-style: var(--ag-range-selection-border-style)
}

.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,.ag-ltr .ag-cell-range-single-cell,.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,.ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,.ag-rtl .ag-cell-range-single-cell,.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
    border: 1px solid;
    border-color: var(--ag-range-selection-border-color);
    border-style: var(--ag-range-selection-border-style);
    outline: initial
}

.ag-cell.ag-selection-fill-top,.ag-cell.ag-selection-fill-top.ag-cell-range-selected {
    border-top: 1px dashed;
    border-top-color: var(--ag-range-selection-border-color)
}

.ag-ltr .ag-cell.ag-selection-fill-right,.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
    border-right: 1px dashed var(--ag-range-selection-border-color)!important
}

.ag-rtl .ag-cell.ag-selection-fill-right,.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
    border-left: 1px dashed var(--ag-range-selection-border-color)!important
}

.ag-cell.ag-selection-fill-bottom,.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
    border-bottom: 1px dashed;
    border-bottom-color: var(--ag-range-selection-border-color)
}

.ag-ltr .ag-cell.ag-selection-fill-left,.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
    border-left: 1px dashed var(--ag-range-selection-border-color)!important
}

.ag-rtl .ag-cell.ag-selection-fill-left,.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
    border-right: 1px dashed var(--ag-range-selection-border-color)!important
}

.ag-fill-handle,.ag-range-handle {
    position: absolute;
    width: 6px;
    height: 6px;
    bottom: -1px;
    background-color: var(--ag-range-selection-border-color)
}

.ag-ltr .ag-fill-handle,.ag-ltr .ag-range-handle {
    right: -1px
}

.ag-rtl .ag-fill-handle,.ag-rtl .ag-range-handle {
    left: -1px
}

.ag-fill-handle {
    cursor: cell
}

.ag-range-handle {
    cursor: nwse-resize
}

.ag-cell-inline-editing {
    border-color: var(--ag-input-focus-border-color)!important
}

.ag-menu {
    border: var(--ag-borders) var(--ag-border-color);
    background: var(--ag-background-color);
    border-radius: var(--ag-card-radius);
    box-shadow: var(--ag-card-shadow);
    padding: var(--ag-grid-size);
    background-color: var(--ag-menu-background-color);
    border-color: var(--ag-menu-border-color);
    padding: 0
}

.ag-menu.ag-tabs {
    min-width: var(--ag-tab-min-width)
}

.ag-menu-list {
    cursor: default;
    padding: var(--ag-grid-size) 0
}

.ag-menu-separator {
    height: calc(var(--ag-grid-size) * 2 + 1px)
}

.ag-menu-separator-part:after {
    content: "";
    display: block;
    border-top: var(--ag-borders-critical) var(--ag-border-color)
}

.ag-menu-option-active,.ag-compact-menu-option-active {
    background-color: var(--ag-row-hover-color)
}

.ag-menu-option-part,.ag-compact-menu-option-part {
    line-height: var(--ag-icon-size);
    padding: calc(var(--ag-grid-size) + 2px) 0
}

.ag-menu-option-disabled,.ag-compact-menu-option-disabled {
    opacity: .5
}

.ag-menu-option-icon,.ag-compact-menu-option-icon {
    width: var(--ag-icon-size)
}

.ag-ltr .ag-menu-option-icon,.ag-ltr .ag-compact-menu-option-icon {
    padding-left: calc(var(--ag-grid-size) * 2)
}

.ag-rtl .ag-menu-option-icon,.ag-rtl .ag-compact-menu-option-icon {
    padding-right: calc(var(--ag-grid-size) * 2)
}

.ag-menu-option-text,.ag-compact-menu-option-text {
    padding-left: calc(var(--ag-grid-size) * 2);
    padding-right: calc(var(--ag-grid-size) * 2)
}

.ag-ltr .ag-menu-option-shortcut,.ag-ltr .ag-compact-menu-option-shortcut {
    padding-right: var(--ag-grid-size)
}

.ag-rtl .ag-menu-option-shortcut,.ag-rtl .ag-compact-menu-option-shortcut {
    padding-left: var(--ag-grid-size)
}

.ag-ltr .ag-menu-option-popup-pointer,.ag-ltr .ag-compact-menu-option-popup-pointer {
    padding-right: var(--ag-grid-size)
}

.ag-rtl .ag-menu-option-popup-pointer,.ag-rtl .ag-compact-menu-option-popup-pointer {
    padding-left: var(--ag-grid-size)
}

.ag-tabs-header,.ag-tabs-header-wrapper {
    display: flex
}

.ag-tabs-header-wrapper .ag-tabs-header {
    flex: 1
}

.ag-tabs-close-button-wrapper {
    border: 0;
    border-right: var(--ag-borders) var(--ag-border-color);
    padding: var(--ag-grid-size)
}

.ag-tabs-close-button {
    border: 0;
    background-color: unset;
    cursor: pointer;
    padding: 0
}

.ag-tab {
    border-bottom: var(--ag-selected-tab-underline-width) solid transparent;
    transition: border-bottom var(--ag-selected-tab-underline-transition-speed);
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.ag-tab:focus-visible {
    outline: none
}

.ag-tab:focus-visible:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid;
    border-color: var(--ag-input-focus-border-color)
}

.ag-tab-selected {
    border-bottom-color: var(--ag-selected-tab-underline-color)
}

.ag-menu-header {
    color: var(--ag-secondary-foreground-color)
}

.ag-filter-separator {
    border-top: var(--ag-borders-critical) var(--ag-border-color)
}

.ag-filter-select .ag-picker-field-wrapper {
    width: 0
}

.ag-filter-condition-operator {
    height: 17px
}

.ag-ltr .ag-filter-condition-operator-or {
    margin-left: calc(var(--ag-grid-size) * 2)
}

.ag-rtl .ag-filter-condition-operator-or {
    margin-right: calc(var(--ag-grid-size) * 2)
}

.ag-set-filter-select-all {
    padding-top: var(--ag-widget-container-vertical-padding)
}

.ag-set-filter-list,.ag-filter-no-matches {
    height: calc(var(--ag-list-item-height) * 6)
}

.ag-set-filter-tree-list {
    height: calc(var(--ag-list-item-height) * 10)
}

.ag-set-filter-filter {
    margin-top: var(--ag-widget-container-vertical-padding);
    margin-left: var(--ag-widget-container-horizontal-padding);
    margin-right: var(--ag-widget-container-horizontal-padding)
}

.ag-filter-to {
    margin-top: var(--ag-widget-vertical-spacing)
}

.ag-mini-filter {
    margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding)
}

.ag-set-filter {
    --ag-indentation-level: 0
}

.ag-ltr .ag-set-filter-item {
    padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size))
}

.ag-rtl .ag-set-filter-item {
    padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size))
}

.ag-ltr .ag-set-filter-add-group-indent {
    margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding))
}

.ag-rtl .ag-set-filter-add-group-indent {
    margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding))
}

.ag-ltr .ag-set-filter-group-icons {
    margin-right: var(--ag-widget-container-horizontal-padding)
}

.ag-rtl .ag-set-filter-group-icons {
    margin-left: var(--ag-widget-container-horizontal-padding)
}

.ag-filter-menu .ag-set-filter-list {
    min-width: 200px
}

.ag-filter-virtual-list-item:focus-visible {
    outline: none
}

.ag-filter-virtual-list-item:focus-visible:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 1px;
    left: 1px;
    display: block;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid;
    border-color: var(--ag-input-focus-border-color)
}

.ag-filter-apply-panel {
    padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
    border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color)
}

.ag-filter-apply-panel-button {
    line-height: 1.5
}

.ag-ltr .ag-filter-apply-panel-button {
    margin-left: calc(var(--ag-grid-size) * 2)
}

.ag-rtl .ag-filter-apply-panel-button {
    margin-right: calc(var(--ag-grid-size) * 2)
}

.ag-simple-filter-body-wrapper {
    padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
    padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
    overflow-y: auto;
    min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing))
}

.ag-simple-filter-body-wrapper>* {
    margin-bottom: var(--ag-widget-vertical-spacing)
}

.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
    margin: 0
}

.ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper,.ag-menu:not(.ag-tabs) .ag-filter>*:not(.ag-filter-wrapper) {
    min-width: calc(var(--ag-menu-min-width) - 2px)
}

.ag-filter-no-matches {
    padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding)
}

.ag-multi-filter-menu-item {
    margin: var(--ag-grid-size) 0
}

.ag-multi-filter-group-title-bar {
    padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);
    background-color: transparent
}

.ag-group-filter-field-select-wrapper {
    padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
    padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing))
}

.ag-group-filter-field-select-wrapper>* {
    margin-bottom: var(--ag-widget-vertical-spacing)
}

.ag-multi-filter-group-title-bar:focus-visible {
    outline: none
}

.ag-multi-filter-group-title-bar:focus-visible:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid;
    border-color: var(--ag-input-focus-border-color)
}

.ag-side-bar {
    position: relative
}

.ag-tool-panel-wrapper {
    width: var(--ag-side-bar-panel-width);
    background-color: var(--ag-control-panel-background-color)
}

.ag-side-buttons {
    padding-top: calc(var(--ag-grid-size) * 4);
    width: calc(var(--ag-icon-size) + 4px);
    position: relative;
    overflow: hidden
}

button.ag-side-button-button {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    background: transparent;
    padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;
    width: 100%;
    margin: 0;
    min-height: calc(var(--ag-grid-size) * 18);
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    border: none;
    border-top: var(--ag-borders-side-button) var(--ag-border-color);
    border-bottom: var(--ag-borders-side-button) var(--ag-border-color)
}

button.ag-side-button-button:focus {
    box-shadow: none
}

.ag-side-button-button:focus-visible {
    outline: none
}

.ag-side-button-button:focus-visible:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid;
    border-color: var(--ag-input-focus-border-color)
}

.ag-selected button.ag-side-button-button {
    background-color: var(--ag-side-button-selected-background-color)
}

.ag-side-button-icon-wrapper {
    margin-bottom: 3px
}

.ag-ltr .ag-side-bar-left,.ag-rtl .ag-side-bar-right {
    border-right: var(--ag-borders) var(--ag-border-color)
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
    border-left: var(--ag-borders) var(--ag-border-color)
}

.ag-ltr .ag-side-bar-left .ag-side-button-button,.ag-rtl .ag-side-bar-right .ag-side-button-button {
    border-right: var(--ag-selected-tab-underline-width) solid transparent;
    transition: border-right var(--ag-selected-tab-underline-transition-speed)
}

.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,.ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
    border-right-color: var(--ag-selected-tab-underline-color)
}

.ag-rtl .ag-side-bar-left,.ag-ltr .ag-side-bar-right {
    border-left: var(--ag-borders) var(--ag-border-color)
}

.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
    border-right: var(--ag-borders) var(--ag-border-color)
}

.ag-rtl .ag-side-bar-left .ag-side-button-button,.ag-ltr .ag-side-bar-right .ag-side-button-button {
    border-left: var(--ag-selected-tab-underline-width) solid transparent;
    transition: border-left var(--ag-selected-tab-underline-transition-speed)
}

.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,.ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
    border-left-color: var(--ag-selected-tab-underline-color)
}

.ag-filter-toolpanel-header {
    height: calc(var(--ag-grid-size) * 6)
}

.ag-filter-toolpanel-header,.ag-filter-toolpanel-search {
    padding: 0 var(--ag-grid-size)
}

.ag-filter-toolpanel-header:focus-visible {
    outline: none
}

.ag-filter-toolpanel-header:focus-visible:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid;
    border-color: var(--ag-input-focus-border-color)
}

.ag-filter-toolpanel-group:not(.ag-has-filter)>.ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon {
    display: none
}

.ag-filter-toolpanel-group-level-0-header {
    height: calc(var(--ag-grid-size) * 8)
}

.ag-filter-toolpanel-group-item {
    margin-top: calc(var(--ag-grid-size) * .5);
    margin-bottom: calc(var(--ag-grid-size) * .5)
}

.ag-filter-toolpanel-search {
    height: var(--ag-header-height)
}

.ag-filter-toolpanel-search-input {
    flex-grow: 1;
    height: calc(var(--ag-grid-size) * 4)
}

.ag-ltr .ag-filter-toolpanel-search-input {
    margin-right: var(--ag-grid-size)
}

.ag-rtl .ag-filter-toolpanel-search-input {
    margin-left: var(--ag-grid-size)
}

.ag-filter-toolpanel-group-level-0 {
    border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color)
}

.ag-ltr .ag-filter-toolpanel-expand,.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
    margin-right: var(--ag-grid-size)
}

.ag-rtl .ag-filter-toolpanel-expand,.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
    margin-left: var(--ag-grid-size)
}

.ag-filter-toolpanel-group-title-bar {
    background-color: transparent
}

.ag-ltr .ag-filter-toolpanel-header {
    padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size))
}

.ag-rtl .ag-filter-toolpanel-header {
    padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size))
}

.ag-filter-toolpanel-instance-filter {
    border-bottom: var(--ag-borders) var(--ag-border-color);
    border-top: var(--ag-borders) var(--ag-border-color);
    margin-top: var(--ag-grid-size)
}

.ag-ltr .ag-filter-toolpanel-group-instance-header-icon,.ag-ltr .ag-filter-toolpanel-instance-header-icon {
    margin-left: var(--ag-grid-size)
}

.ag-rtl .ag-filter-toolpanel-group-instance-header-icon,.ag-rtl .ag-filter-toolpanel-instance-header-icon {
    margin-right: var(--ag-grid-size)
}

.ag-set-filter-group-icons {
    color: var(--ag-secondary-foreground-color)
}

.ag-pivot-mode-panel {
    min-height: var(--ag-header-height);
    height: var(--ag-header-height);
    display: flex
}

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

.ag-ltr .ag-pivot-mode-select {
    margin-left: var(--ag-widget-container-horizontal-padding)
}

.ag-rtl .ag-pivot-mode-select {
    margin-right: var(--ag-widget-container-horizontal-padding)
}

.ag-column-select-header:focus-visible {
    outline: none
}

.ag-column-select-header:focus-visible:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid;
    border-color: var(--ag-input-focus-border-color)
}

.ag-column-select-header {
    height: var(--ag-header-height);
    align-items: center;
    padding: 0 var(--ag-widget-container-horizontal-padding);
    border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color)
}

.ag-column-panel-column-select {
    border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
    border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color)
}

.ag-column-group-icons,.ag-column-select-header-icon {
    color: var(--ag-secondary-foreground-color)
}

.ag-column-select-list .ag-list-item-hovered:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px
}

.ag-column-select-list .ag-item-highlight-top:after {
    top: 0
}

.ag-column-select-list .ag-item-highlight-bottom:after {
    bottom: 0
}

.ag-header,.ag-advanced-filter-header {
    background-color: var(--ag-header-background-color);
    border-bottom: var(--ag-borders-critical) var(--ag-border-color)
}

.ag-header-row {
    color: var(--ag-header-foreground-color);
    height: var(--ag-header-height)
}

.ag-pinned-right-header {
    border-left: var(--ag-borders-critical) var(--ag-border-color)
}

.ag-pinned-left-header {
    border-right: var(--ag-borders-critical) var(--ag-border-color)
}

.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
    margin-left: var(--ag-grid-size)
}

.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
    margin-right: var(--ag-grid-size)
}

.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
    margin-right: var(--ag-grid-size)
}

.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
    margin-left: var(--ag-grid-size)
}

.ag-header-cell,.ag-header-group-cell {
    padding-left: var(--ag-cell-horizontal-padding);
    padding-right: var(--ag-cell-horizontal-padding)
}

.ag-header-cell.ag-header-cell-moving,.ag-header-group-cell.ag-header-cell-moving {
    background-color: var(--ag-header-cell-moving-background-color)
}

.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
    left: var(--ag-cell-horizontal-padding)
}

.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
    right: var(--ag-cell-horizontal-padding)
}

.ag-header-cell:focus-visible {
    outline: none
}

.ag-header-cell:focus-visible:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid;
    border-color: var(--ag-input-focus-border-color)
}

.ag-header-group-cell:focus-visible {
    outline: none
}

.ag-header-group-cell:focus-visible:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid;
    border-color: var(--ag-input-focus-border-color)
}

.ag-advanced-filter-header-cell:focus-visible {
    outline: none
}

.ag-advanced-filter-header-cell:focus-visible:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid;
    border-color: var(--ag-input-focus-border-color)
}

.ag-header-icon {
    color: var(--ag-secondary-foreground-color)
}

.ag-header-expand-icon {
    cursor: pointer
}

.ag-ltr .ag-header-expand-icon {
    margin-left: 4px
}

.ag-rtl .ag-header-expand-icon {
    margin-right: 4px
}

.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total,.ag-header-parent-hidden),.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
    border-top: var(--ag-borders-critical) var(--ag-border-color)
}

.ag-header-group-cell:not(.ag-column-resizing)+.ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,.ag-header-group-cell:not(.ag-column-resizing)+.ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,.ag-header-cell:not(.ag-column-resizing)+.ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,.ag-header-cell:not(.ag-column-resizing)+.ag-header-cell:not(.ag-column-hover).ag-column-resizing,.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,.ag-header-group-cell:first-of-type.ag-column-resizing,.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
    background-color: var(--ag-header-cell-hover-background-color)
}

.ag-header-cell:before,.ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group):before {
    content: "";
    position: absolute;
    z-index: 1;
    display: var(--ag-header-column-separator-display);
    width: var(--ag-header-column-separator-width);
    height: var(--ag-header-column-separator-height);
    top: calc(50% - var(--ag-header-column-separator-height) * .5);
    background-color: var(--ag-header-column-separator-color)
}

.ag-ltr .ag-header-cell:before,.ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group):before {
    right: 0
}

.ag-rtl .ag-header-cell:before,.ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group):before {
    left: 0
}

.ag-header-highlight-before:after,.ag-header-highlight-after:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px
}

.ag-header-highlight-before:after {
    left: 0
}

.ag-header-highlight-after:after {
    right: 0
}

.ag-pinned-left-header .ag-header-highlight-after:after {
    right: 1px
}

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

.ag-header-cell-resize:after {
    content: "";
    position: absolute;
    z-index: 1;
    display: var(--ag-header-column-resize-handle-display);
    width: var(--ag-header-column-resize-handle-width);
    height: var(--ag-header-column-resize-handle-height);
    top: calc(50% - var(--ag-header-column-resize-handle-height) * .5);
    background-color: var(--ag-header-column-resize-handle-color)
}

.ag-header-cell.ag-header-span-height .ag-header-cell-resize:after {
    height: calc(100% - var(--ag-grid-size) * 4);
    top: calc(var(--ag-grid-size) * 2)
}

.ag-ltr .ag-header-viewport .ag-header-cell-resize:after {
    left: calc(50% - var(--ag-header-column-resize-handle-width))
}

.ag-rtl .ag-header-viewport .ag-header-cell-resize:after {
    right: calc(50% - var(--ag-header-column-resize-handle-width))
}

.ag-pinned-left-header .ag-header-cell-resize:after {
    left: calc(50% - var(--ag-header-column-resize-handle-width))
}

.ag-pinned-right-header .ag-header-cell-resize:after {
    left: 50%
}

.ag-ltr .ag-header-select-all {
    margin-right: var(--ag-cell-horizontal-padding)
}

.ag-rtl .ag-header-select-all {
    margin-left: var(--ag-cell-horizontal-padding)
}

.ag-ltr .ag-floating-filter-button {
    margin-left: var(--ag-cell-widget-spacing)
}

.ag-rtl .ag-floating-filter-button {
    margin-right: var(--ag-cell-widget-spacing)
}

.ag-floating-filter-button-button {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    height: var(--ag-icon-size);
    padding: 0;
    width: var(--ag-icon-size)
}

.ag-filter-loading {
    background-color: var(--ag-control-panel-background-color);
    height: 100%;
    padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
    position: absolute;
    width: 100%;
    z-index: 1
}

.ag-paging-panel {
    border-top: 1px solid;
    border-top-color: var(--ag-border-color);
    color: var(--ag-secondary-foreground-color);
    height: var(--ag-header-height)
}

.ag-paging-panel>* {
    margin: 0 var(--ag-cell-horizontal-padding)
}

.ag-paging-panel>.ag-paging-page-size .ag-wrapper {
    min-width: calc(var(--ag-grid-size) * 10)
}

.ag-paging-button {
    cursor: pointer
}

.ag-paging-button.ag-disabled {
    cursor: default;
    color: var(--ag-disabled-foreground-color)
}

.ag-paging-button:focus-visible {
    outline: none
}

.ag-paging-button:focus-visible:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 0;
    left: 0;
    display: block;
    width: calc(100% + -0px);
    height: calc(100% + -0px);
    border: 1px solid;
    border-color: var(--ag-input-focus-border-color)
}

.ag-paging-button,.ag-paging-description {
    margin: 0 var(--ag-grid-size)
}

.ag-status-bar {
    border-top: var(--ag-borders) var(--ag-border-color);
    color: var(--ag-disabled-foreground-color);
    padding-right: calc(var(--ag-grid-size) * 4);
    padding-left: calc(var(--ag-grid-size) * 4);
    line-height: 1.5
}

.ag-status-name-value-value {
    color: var(--ag-foreground-color)
}

.ag-status-bar-center {
    text-align: center
}

.ag-status-name-value {
    margin-left: var(--ag-grid-size);
    margin-right: var(--ag-grid-size);
    padding-top: calc(var(--ag-grid-size) * 2);
    padding-bottom: calc(var(--ag-grid-size) * 2)
}

.ag-column-drop-cell {
    background: var(--ag-chip-background-color);
    border-radius: calc(var(--ag-grid-size) * 4);
    height: calc(var(--ag-grid-size) * 4);
    padding: 0 calc(var(--ag-grid-size) * .5);
    border: 1px solid var(--ag-chip-border-color)
}

.ag-column-drop-cell:focus-visible {
    outline: none
}

.ag-column-drop-cell:focus-visible:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 2px;
    left: 2px;
    display: block;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 1px solid;
    border-color: var(--ag-input-focus-border-color)
}

.ag-column-drop-cell-text {
    margin: 0 var(--ag-grid-size)
}

.ag-column-drop-cell-button {
    min-width: calc(var(--ag-grid-size) * 4);
    margin: 0 calc(var(--ag-grid-size) * .5);
    color: var(--ag-secondary-foreground-color)
}

.ag-column-drop-cell-drag-handle {
    margin-left: calc(var(--ag-grid-size) * 2)
}

.ag-column-drop-cell-ghost {
    opacity: .5
}

.ag-column-drop-horizontal {
    background-color: var(--ag-header-background-color);
    color: var(--ag-secondary-foreground-color);
    height: var(--ag-header-height);
    border-bottom: var(--ag-borders) var(--ag-border-color)
}

.ag-ltr .ag-column-drop-horizontal {
    padding-left: var(--ag-cell-horizontal-padding)
}

.ag-rtl .ag-column-drop-horizontal {
    padding-right: var(--ag-cell-horizontal-padding)
}

.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
    border-right: var(--ag-borders) var(--ag-border-color)
}

.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
    border-left: var(--ag-borders) var(--ag-border-color)
}

.ag-column-drop-horizontal-cell-separator {
    margin: 0 var(--ag-grid-size);
    color: var(--ag-secondary-foreground-color)
}

.ag-column-drop-horizontal-empty-message {
    color: var(--ag-disabled-foreground-color)
}

.ag-ltr .ag-column-drop-horizontal-icon {
    margin-right: var(--ag-cell-horizontal-padding)
}

.ag-rtl .ag-column-drop-horizontal-icon {
    margin-left: var(--ag-cell-horizontal-padding)
}

.ag-column-drop-vertical-list {
    padding-bottom: var(--ag-grid-size);
    padding-right: var(--ag-grid-size);
    padding-left: var(--ag-grid-size)
}

.ag-column-drop-vertical-cell {
    margin-top: var(--ag-grid-size)
}

.ag-column-drop-vertical {
    min-height: 50px;
    border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color)
}

.ag-column-drop-vertical.ag-last-column-drop {
    border-bottom: none
}

.ag-column-drop-vertical-icon {
    margin-left: var(--ag-grid-size);
    margin-right: var(--ag-grid-size)
}

.ag-column-drop-vertical-empty-message {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    color: var(--ag-disabled-foreground-color);
    margin-top: var(--ag-grid-size)
}

.ag-select-agg-func-popup {
    border: var(--ag-borders) var(--ag-border-color);
    border-radius: var(--ag-card-radius);
    box-shadow: var(--ag-card-shadow);
    padding: var(--ag-grid-size);
    background: var(--ag-background-color);
    height: calc(var(--ag-grid-size) * 5 * 3.5);
    padding: 0
}

.ag-select-agg-func-virtual-list-item {
    cursor: default
}

.ag-ltr .ag-select-agg-func-virtual-list-item {
    padding-left: calc(var(--ag-grid-size) * 2)
}

.ag-rtl .ag-select-agg-func-virtual-list-item {
    padding-right: calc(var(--ag-grid-size) * 2)
}

.ag-select-agg-func-virtual-list-item:hover {
    background-color: var(--ag-selected-row-background-color)
}

.ag-select-agg-func-virtual-list-item:focus-visible {
    outline: none
}

.ag-select-agg-func-virtual-list-item:focus-visible:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 1px;
    left: 1px;
    display: block;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid;
    border-color: var(--ag-input-focus-border-color)
}

.ag-sort-indicator-container {
    display: flex
}

.ag-ltr .ag-sort-indicator-icon {
    padding-left: var(--ag-grid-size)
}

.ag-rtl .ag-sort-indicator-icon {
    padding-right: var(--ag-grid-size)
}

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

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

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

.ag-chart-menu {
    position: absolute;
    top: 16px;
    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;
    min-width: var(--ag-chart-menu-panel-width)
}

.ag-chart-menu-hidden~.ag-chart-docked-container {
    display: none
}

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

.ag-chart-tabbed-menu-header {
    flex: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: 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;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    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: transparent;
    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:focus-within,.ag-chart-settings-next:focus-within {
    box-shadow: var(--ag-input-focus-box-shadow);
    border-radius: 1px
}

.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,.ag-chart-advanced-settings-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-bottom: 16px
}

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

.ag-chart-advanced-settings {
    background-color: var(--ag-control-panel-background-color)
}

.ag-chart-advanced-settings-wrapper,.ag-chart-advanced-settings {
    width: 100%
}

.ag-chart-advanced-settings-wrapper {
    padding-bottom: 0
}

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

.ag-chart-advanced-settings-section {
    padding-top: var(--ag-grid-size);
    padding-bottom: var(--ag-grid-size)
}

.ag-chart-advanced-settings-section:not(:last-child) {
    border-bottom: 1px solid var(--ag-secondary-border-color)
}

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

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

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

.ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
    display: flex;
    flex-direction: row;
    top: 8px;
    gap: 20px;
    width: auto
}

.ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
    right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
    justify-content: right
}

.ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
    left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
    justify-content: left
}

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

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

.ag-charts-data-group-item:not(:last-child) {
    margin-bottom: var(--ag-grid-size)
}

.ag-chart-menu {
    border-radius: var(--ag-card-radius);
    background: var(--ag-background-color)
}

.ag-chart-menu-icon {
    opacity: .5;
    margin: 2px 0;
    cursor: pointer;
    border-radius: var(--ag-card-radius);
    color: var(--ag-secondary-foreground-color)
}

.ag-chart-menu-icon:hover {
    opacity: 1
}

.ag-chart-menu-toolbar-button {
    border: 0;
    background-color: unset;
    padding: 0 2px;
    border-radius: 1px
}

.ag-chart-mini-thumbnail {
    border: 1px solid var(--ag-secondary-border-color);
    border-radius: 5px
}

.ag-chart-mini-thumbnail.ag-selected {
    border-color: var(--ag-minichart-selected-chart-color);
    border-width: 2px
}

.ag-chart-mini-thumbnail:focus-visible {
    outline: none;
    border-color: var(--ag-minichart-selected-chart-color);
    box-shadow: var(--ag-input-focus-box-shadow)
}

.ag-chart-settings-card-item {
    background: var(--ag-foreground-color);
    width: 8px;
    height: 8px;
    border-radius: 4px
}

.ag-chart-settings-card-item.ag-selected {
    background-color: var(--ag-minichart-selected-page-color)
}

.ag-chart-data-column-drag-handle {
    margin-left: var(--ag-grid-size)
}

.ag-charts-settings-group-title-bar,.ag-charts-data-group-title-bar,.ag-charts-format-top-level-group-title-bar {
    border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
    position: relative
}

.ag-charts-advanced-settings-top-level-group-title-bar {
    position: relative;
    background-color: unset
}

.ag-charts-data-group-title-bar:focus-visible {
    outline: none
}

.ag-charts-data-group-title-bar:focus-visible:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid;
    border-color: var(--ag-input-focus-border-color)
}

.ag-charts-format-top-level-group-title-bar:focus-visible {
    outline: none
}

.ag-charts-format-top-level-group-title-bar:focus-visible:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid;
    border-color: var(--ag-input-focus-border-color)
}

.ag-charts-data-group-title-bar .ag-charts-data-group-title,.ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title {
    cursor: pointer
}

.ag-charts-data-group-container {
    padding: calc(var(--ag-widget-container-vertical-padding) * .5) var(--ag-widget-container-horizontal-padding)
}

.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) {
    height: var(--ag-list-item-height)
}

.ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field {
    margin-top: var(--ag-grid-size)
}

.ag-charts-data-group-container .ag-list-item-hovered:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px
}

.ag-charts-data-group-container .ag-item-highlight-top:after {
    top: 0
}

.ag-charts-data-group-container .ag-item-highlight-bottom:after {
    bottom: 0
}

.ag-charts-format-top-level-group-container,.ag-charts-advanced-settings-top-level-group-container {
    padding: var(--ag-grid-size)
}

.ag-ltr .ag-charts-format-top-level-group-container,.ag-ltr .ag-charts-advanced-settings-top-level-group-container {
    margin-left: calc(var(--ag-grid-size) * 2)
}

.ag-rtl .ag-charts-format-top-level-group-container,.ag-rtl .ag-charts-advanced-settings-top-level-group-container {
    margin-right: calc(var(--ag-grid-size) * 2)
}

.ag-charts-format-top-level-group-item,.ag-charts-advanced-settings-top-level-group-item {
    margin: var(--ag-grid-size) 0
}

.ag-charts-format-sub-level-group-container {
    padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
    padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing))
}

.ag-charts-format-sub-level-group-container>* {
    margin-bottom: var(--ag-widget-vertical-spacing)
}

.ag-charts-format-sub-level-no-header-group-container>* {
    margin-bottom: var(--ag-widget-vertical-spacing)
}

.ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header {
    margin: 0
}

.ag-charts-settings-group-container {
    padding: var(--ag-grid-size);
    row-gap: 8px;
    display: grid;
    grid-template-columns: 60px 1fr 60px 1fr 60px
}

.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) {
    grid-column: 1
}

.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) {
    grid-column: 3
}

.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) {
    grid-column: 5
}

.ag-chart-menu-panel {
    background-color: var(--ag-control-panel-background-color)
}

.ag-ltr .ag-chart-menu-panel {
    border-left: solid 1px var(--ag-border-color)
}

.ag-rtl .ag-chart-menu-panel {
    border-right: solid 1px var(--ag-border-color)
}

.ag-charts-theme-default {
    --ag-charts-align: none !important;
    --ag-charts-justify: none !important
}

.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus {
    box-shadow: none
}

.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus-visible {
    box-shadow: var(--ag-input-focus-box-shadow)
}

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

.ag-date-time-list-page-title {
    flex-grow: 1;
    text-align: center
}

.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;
    text-align: center
}

.ag-date-time-list-page-column-label {
    text-align: center
}

.ag-advanced-filter-header {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: var(--ag-cell-horizontal-padding);
    padding-right: var(--ag-cell-horizontal-padding)
}

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

.ag-advanced-filter-apply-button,.ag-advanced-filter-builder-button {
    line-height: normal;
    white-space: nowrap
}

.ag-ltr .ag-advanced-filter-apply-button,.ag-ltr .ag-advanced-filter-builder-button {
    margin-left: calc(var(--ag-grid-size) * 2)
}

.ag-rtl .ag-advanced-filter-apply-button,.ag-rtl .ag-advanced-filter-builder-button {
    margin-right: calc(var(--ag-grid-size) * 2)
}

.ag-advanced-filter-builder-button {
    display: flex;
    align-items: center;
    border: 0;
    background-color: unset;
    color: var(--ag-foreground-color);
    font-size: var(--ag-font-size);
    font-weight: 600
}

.ag-advanced-filter-builder-button:hover:not(:disabled) {
    background-color: var(--ag-row-hover-color)
}

.ag-advanced-filter-builder-button:not(:disabled) {
    cursor: pointer
}

.ag-advanced-filter-builder-button-label {
    margin-left: var(--ag-grid-size)
}

.ag-advanced-filter-builder {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    background-color: var(--ag-control-panel-background-color);
    display: flex;
    flex-direction: column
}

.ag-advanced-filter-builder-list {
    flex: 1;
    overflow: auto
}

.ag-advanced-filter-builder-list .ag-list-item-hovered:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px
}

.ag-advanced-filter-builder-list .ag-item-highlight-top:after {
    top: 0
}

.ag-advanced-filter-builder-list .ag-item-highlight-bottom:after {
    bottom: 0
}

.ag-advanced-filter-builder-button-panel {
    display: flex;
    justify-content: flex-end;
    padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
    border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color)
}

.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button,.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {
    margin-left: calc(var(--ag-grid-size) * 2)
}

.ag-advanced-filter-builder-item-wrapper {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    padding-left: calc(var(--ag-icon-size) / 2);
    padding-right: var(--ag-icon-size)
}

.ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard {
    position: absolute
}

.ag-advanced-filter-builder-item-tree-lines>* {
    width: var(--ag-advanced-filter-builder-indent-size)
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
    width: var(--ag-icon-size)
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root:before {
    top: 50%;
    height: 50%
}

.ag-advanced-filter-builder-item-tree-line-horizontal,.ag-advanced-filter-builder-item-tree-line-vertical,.ag-advanced-filter-builder-item-tree-line-vertical-top,.ag-advanced-filter-builder-item-tree-line-vertical-bottom {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center
}

.ag-advanced-filter-builder-item-tree-line-horizontal:before,.ag-advanced-filter-builder-item-tree-line-horizontal:after,.ag-advanced-filter-builder-item-tree-line-vertical:before,.ag-advanced-filter-builder-item-tree-line-vertical:after,.ag-advanced-filter-builder-item-tree-line-vertical-top:before,.ag-advanced-filter-builder-item-tree-line-vertical-top:after,.ag-advanced-filter-builder-item-tree-line-vertical-bottom:before,.ag-advanced-filter-builder-item-tree-line-vertical-bottom:after {
    content: "";
    position: absolute;
    height: 100%
}

.ag-advanced-filter-builder-item-tree-line-horizontal:after {
    height: 50%;
    width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size));
    top: 0;
    left: calc(var(--ag-icon-size) / 2);
    border-bottom: 1px solid;
    border-color: var(--ag-border-color)
}

.ag-advanced-filter-builder-item-tree-line-vertical:before {
    width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
    top: 0;
    left: calc(var(--ag-icon-size) / 2);
    border-left: 1px solid;
    border-color: var(--ag-border-color)
}

.ag-advanced-filter-builder-item-tree-line-vertical-top:before {
    height: 50%;
    width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
    top: 0;
    left: calc(var(--ag-icon-size) / 2);
    border-left: 1px solid;
    border-color: var(--ag-border-color)
}

.ag-advanced-filter-builder-item-tree-line-vertical-bottom:before {
    height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);
    width: calc(var(--ag-icon-size) / 2);
    top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);
    left: calc(var(--ag-icon-size) / 2);
    border-left: 1px solid;
    border-color: var(--ag-border-color)
}

.ag-advanced-filter-builder-item-condition {
    padding-top: var(--ag-grid-size);
    padding-bottom: var(--ag-grid-size)
}

.ag-advanced-filter-builder-item,.ag-advanced-filter-builder-item-condition,.ag-advanced-filter-builder-pill-wrapper,.ag-advanced-filter-builder-pill,.ag-advanced-filter-builder-item-buttons,.ag-advanced-filter-builder-item-tree-lines {
    display: flex;
    align-items: center;
    height: 100%
}

.ag-advanced-filter-builder-pill-wrapper {
    margin: 0px var(--ag-grid-size)
}

.ag-advanced-filter-builder-pill {
    position: relative;
    border-radius: var(--ag-border-radius);
    padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
    min-height: calc(100% - var(--ag-grid-size) * 3);
    min-width: calc(var(--ag-grid-size) * 2)
}

.ag-advanced-filter-builder-pill .ag-picker-field-display {
    margin-right: var(--ag-grid-size)
}

.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
    font-family: monospace;
    font-weight: 700
}

.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
    color: var(--ag-disabled-foreground-color)
}

.ag-advanced-filter-builder-pill:focus-visible {
    outline: none
}

.ag-advanced-filter-builder-pill:focus-visible:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: -4px;
    left: -4px;
    display: block;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    border: 1px solid;
    border-color: var(--ag-input-focus-border-color)
}

.ag-advanced-filter-builder-item-button:focus-visible {
    outline: none
}

.ag-advanced-filter-builder-item-button:focus-visible:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: -4px;
    left: -4px;
    display: block;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    border: 1px solid;
    border-color: var(--ag-input-focus-border-color)
}

.ag-advanced-filter-builder-pill-display {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500
}

.ag-advanced-filter-builder-join-pill {
    color: var(--ag-foreground-color);
    background-color: var(--ag-advanced-filter-join-pill-color);
    cursor: pointer
}

.ag-advanced-filter-builder-column-pill {
    color: var(--ag-foreground-color);
    background-color: var(--ag-advanced-filter-column-pill-color);
    cursor: pointer
}

.ag-advanced-filter-builder-option-pill {
    color: var(--ag-foreground-color);
    background-color: var(--ag-advanced-filter-option-pill-color);
    cursor: pointer
}

.ag-advanced-filter-builder-value-pill {
    color: var(--ag-foreground-color);
    background-color: var(--ag-advanced-filter-value-pill-color);
    cursor: text;
    max-width: 140px
}

.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
    display: block
}

.ag-advanced-filter-builder-item-buttons>* {
    margin: 0 calc(var(--ag-grid-size) * .5)
}

.ag-advanced-filter-builder-item-button {
    position: relative;
    cursor: pointer;
    color: var(--ag-secondary-foreground-color);
    opacity: 50%
}

.ag-advanced-filter-builder-item-button-disabled {
    color: var(--ag-disabled-foreground-color);
    cursor: default
}

.ag-advanced-filter-builder-virtual-list-container {
    top: var(--ag-grid-size)
}

.ag-advanced-filter-builder-virtual-list-item {
    display: flex;
    cursor: default;
    height: var(--ag-list-item-height)
}

.ag-advanced-filter-builder-virtual-list-item:hover {
    background-color: var(--ag-row-hover-color)
}

.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {
    opacity: 100%
}

.ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible,.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {
    opacity: 100%
}

.ag-advanced-filter-builder-invalid {
    margin: 0 var(--ag-grid-size);
    color: var(--ag-invalid-color);
    cursor: default
}

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

.ag-checkbox-input-wrapper {
    font-family: var(--ag-icon-font-family);
    font-weight: var(--ag-icon-font-weight);
    color: var(--ag-icon-font-color);
    font-size: var(--ag-icon-size);
    line-height: var(--ag-icon-size);
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: var(--ag-icon-size);
    height: var(--ag-icon-size);
    background-color: var(--ag-checkbox-background-color);
    border-radius: var(--ag-checkbox-border-radius);
    display: inline-block;
    vertical-align: middle;
    flex: none
}

.ag-checkbox-input-wrapper input {
    -webkit-appearance: none;
    opacity: 0;
    width: 100%;
    height: 100%
}

.ag-checkbox-input-wrapper:focus-within,.ag-checkbox-input-wrapper:active {
    outline: none;
    box-shadow: var(--ag-input-focus-box-shadow)
}

.ag-checkbox-input-wrapper.ag-disabled {
    opacity: .5
}

.ag-checkbox-input-wrapper:after {
    content: var(--ag-icon-font-code-checkbox-unchecked, "");
    font-family: inherit;
    color: var(--ag-checkbox-unchecked-color);
    display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.ag-checkbox-input-wrapper.ag-checked:after {
    content: var(--ag-icon-font-code-checkbox-checked, "");
    color: var(--ag-checkbox-checked-color);
    display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.ag-checkbox-input-wrapper.ag-indeterminate:after {
    content: var(--ag-icon-font-code-checkbox-indeterminate, "");
    color: var(--ag-checkbox-indeterminate-color);
    display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.ag-checkbox-input-wrapper:before {
    content: "";
    background: transparent center/contain no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
    display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, .9))
}

.ag-checkbox-input-wrapper.ag-checked:before {
    background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
    display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, .9))
}

.ag-checkbox-input-wrapper.ag-indeterminate:before {
    background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
    display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, .9))
}

.ag-toggle-button-input-wrapper {
    box-sizing: border-box;
    width: var(--ag-toggle-button-width);
    min-width: var(--ag-toggle-button-width);
    max-width: var(--ag-toggle-button-width);
    height: var(--ag-toggle-button-height);
    background-color: var(--ag-toggle-button-off-background-color);
    border-radius: calc(var(--ag-toggle-button-height) * .5);
    position: relative;
    flex: none;
    border: var(--ag-toggle-button-border-width) solid;
    border-color: var(--ag-toggle-button-off-border-color)
}

.ag-toggle-button-input-wrapper input {
    opacity: 0;
    height: 100%;
    width: 100%
}

.ag-toggle-button-input-wrapper:focus-within {
    outline: none;
    box-shadow: var(--ag-input-focus-box-shadow)
}

.ag-toggle-button-input-wrapper.ag-disabled {
    opacity: .5
}

.ag-toggle-button-input-wrapper.ag-checked {
    background-color: var(--ag-toggle-button-on-background-color);
    border-color: var(--ag-toggle-button-on-border-color)
}

.ag-toggle-button-input-wrapper:before {
    content: " ";
    position: absolute;
    top: calc(0px - var(--ag-toggle-button-border-width));
    left: calc(0px - var(--ag-toggle-button-border-width));
    display: block;
    box-sizing: border-box;
    height: var(--ag-toggle-button-height);
    width: var(--ag-toggle-button-height);
    background-color: var(--ag-toggle-button-switch-background-color);
    border-radius: 100%;
    transition: left .1s;
    border: var(--ag-toggle-button-border-width) solid;
    border-color: var(--ag-toggle-button-switch-border-color)
}

.ag-toggle-button-input-wrapper.ag-checked:before {
    left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));
    border-color: var(--ag-toggle-button-on-border-color)
}

.ag-radio-button-input-wrapper {
    font-family: var(--ag-icon-font-family);
    font-weight: var(--ag-icon-font-weight);
    color: var(--ag-icon-font-color);
    font-size: var(--ag-icon-size);
    line-height: var(--ag-icon-size);
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: var(--ag-icon-size);
    height: var(--ag-icon-size);
    background-color: var(--ag-checkbox-background-color);
    border-radius: var(--ag-checkbox-border-radius);
    display: inline-block;
    vertical-align: middle;
    flex: none;
    border-radius: var(--ag-icon-size)
}

.ag-radio-button-input-wrapper input {
    -webkit-appearance: none;
    opacity: 0;
    width: 100%;
    height: 100%
}

.ag-radio-button-input-wrapper:focus-within,.ag-radio-button-input-wrapper:active {
    outline: none;
    box-shadow: var(--ag-input-focus-box-shadow)
}

.ag-radio-button-input-wrapper.ag-disabled {
    opacity: .5
}

.ag-radio-button-input-wrapper:after {
    content: var(--ag-icon-font-code-radio-button-off, "");
    color: var(--ag-checkbox-unchecked-color);
    display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.ag-radio-button-input-wrapper.ag-checked:after {
    content: var(--ag-icon-font-code-radio-button-on, "");
    color: var(--ag-checkbox-checked-color);
    display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.ag-radio-button-input-wrapper:before {
    content: "";
    background: transparent center/contain no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
    display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, .9))
}

.ag-radio-button-input-wrapper.ag-checked:before {
    background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
    display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, .9))
}

input[class^=ag-][type=range] {
    -webkit-appearance: none;
    width: 100%;
    height: 100%;
    background: none;
    overflow: visible
}

input[class^=ag-][type=range]::-webkit-slider-runnable-track {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 3px;
    background-color: var(--ag-border-color);
    border-radius: var(--ag-border-radius);
    border-radius: var(--ag-checkbox-border-radius)
}

input[class^=ag-][type=range]::-moz-range-track {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 3px;
    background-color: var(--ag-border-color);
    border-radius: var(--ag-border-radius);
    border-radius: var(--ag-checkbox-border-radius)
}

input[class^=ag-][type=range]::-ms-track {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 3px;
    background-color: var(--ag-border-color);
    border-radius: var(--ag-border-radius);
    border-radius: var(--ag-checkbox-border-radius);
    color: transparent;
    width: calc(100% - 2px)
}

input[class^=ag-][type=range]::-webkit-slider-thumb {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    width: var(--ag-icon-size);
    height: var(--ag-icon-size);
    background-color: var(--ag-background-color);
    border: 1px solid;
    border-color: var(--ag-checkbox-unchecked-color);
    border-radius: var(--ag-icon-size);
    transform: translateY(calc(var(--ag-icon-size) * -.5 + 1.5px))
}

input[class^=ag-][type=range]::-ms-thumb {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    width: var(--ag-icon-size);
    height: var(--ag-icon-size);
    background-color: var(--ag-background-color);
    border: 1px solid;
    border-color: var(--ag-checkbox-unchecked-color);
    border-radius: var(--ag-icon-size)
}

input[class^=ag-][type=range]::-moz-ag-range-thumb {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    width: var(--ag-icon-size);
    height: var(--ag-icon-size);
    background-color: var(--ag-background-color);
    border: 1px solid;
    border-color: var(--ag-checkbox-unchecked-color);
    border-radius: var(--ag-icon-size)
}

input[class^=ag-][type=range]:focus {
    outline: none
}

input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
    box-shadow: var(--ag-input-focus-box-shadow);
    border-color: var(--ag-checkbox-checked-color)
}

input[class^=ag-][type=range]:focus::-ms-thumb {
    box-shadow: var(--ag-input-focus-box-shadow);
    border-color: var(--ag-checkbox-checked-color)
}

input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
    box-shadow: var(--ag-input-focus-box-shadow);
    border-color: var(--ag-checkbox-checked-color)
}

input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
    background-color: var(--ag-input-focus-border-color)
}

input[class^=ag-][type=range]:active::-moz-ag-range-track {
    background-color: var(--ag-input-focus-border-color)
}

input[class^=ag-][type=range]:active::-ms-track {
    background-color: var(--ag-input-focus-border-color)
}

input[class^=ag-][type=range]:disabled {
    opacity: .5
}

.ag-theme-quartz,.ag-theme-quartz-dark,.ag-theme-quartz-auto-dark {
    --ag-active-color: #2196f3;
    --ag-background-color: #fff;
    --ag-foreground-color: #181d1f;
    --ag-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 15%);
    --ag-secondary-border-color: var(--ag-border-color);
    --ag-header-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 2%);
    --ag-tooltip-background-color: var(--ag-header-background-color);
    --ag-control-panel-background-color: var(--ag-header-background-color);
    --ag-subheader-background-color: transparent;
    --ag-invalid-color: #e02525;
    --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%);
    --ag-advanced-filter-join-pill-color: #f08e8d;
    --ag-advanced-filter-column-pill-color: #a6e194;
    --ag-advanced-filter-option-pill-color: #f3c08b;
    --ag-advanced-filter-value-pill-color: #85c0e4;
    --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
    --ag-icon-font-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 90%);
    --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
    --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
    --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
    --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
    --ag-selected-row-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 8%);
    --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 12%);
    --ag-column-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
    --ag-input-focus-border-color: var(--ag-active-color);
    --ag-input-focus-box-shadow: 0 0 0 3px color-mix(in srgb, transparent, var(--ag-input-focus-border-color) 47%);
    --ag-range-selection-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
    --ag-range-selection-background-color-2: color-mix(in srgb, transparent, var(--ag-active-color) 36%);
    --ag-range-selection-background-color-3: color-mix(in srgb, transparent, var(--ag-active-color) 49%);
    --ag-range-selection-background-color-4: color-mix(in srgb, transparent, var(--ag-active-color) 59%);
    --ag-checkbox-background-color: var(--ag-background-color);
    --ag-checkbox-checked-color: var(--ag-active-color);
    --ag-range-selection-border-color: var(--ag-active-color);
    --ag-secondary-foreground-color: var(--ag-foreground-color);
    --ag-input-border-color: var(--ag-border-color);
    --ag-input-border-color-invalid: var(--ag-invalid-color);
    --ag-disabled-foreground-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 50%);
    --ag-chip-background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 7%);
    --ag-chip-border-color: color-mix(in srgb, var(--ag-header-background-color), var(--ag-foreground-color) 13%);
    --ag-input-disabled-border-color: var(--ag-border-color);
    --ag-input-disabled-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 6%);
    --ag-modal-overlay-background-color: color-mix(in srgb, transparent, var(--ag-background-color) 66%);
    --ag-chart-menu-label-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 80%);
    --ag-chart-menu-pill-select-button-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 70%);
    --ag-borders: solid 1px;
    --ag-border-radius: 4px;
    --ag-wrapper-border-radius: 8px;
    --ag-borders-side-button: none;
    --ag-side-button-selected-background-color: transparent;
    --ag-header-column-resize-handle-display: block;
    --ag-header-column-resize-handle-width: 2px;
    --ag-header-column-resize-handle-height: 30%;
    --ag-grid-size: 8px;
    --ag-icon-size: 16px;
    --ag-header-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 4.25);
    --ag-row-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 3.5);
    --ag-list-item-height: calc( var(--ag-icon-size) + var(--ag-widget-vertical-spacing) );
    --ag-column-select-indent-size: var(--ag-icon-size);
    --ag-set-filter-indent-size: var(--ag-icon-size);
    --ag-filter-tool-panel-group-indent: var(--ag-grid-size);
    --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
    --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 2);
    --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 1.5);
    --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
    --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
    --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 1.5);
    --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1);
    --ag-toggle-button-height: 18px;
    --ag-toggle-button-width: 28px;
    --ag-toggle-button-border-width: 2px;
    --ag-font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --ag-font-size: 14px;
    --ag-icon-font-family: agGridQuartz;
    --ag-tab-min-width: 290px;
    --ag-chart-menu-panel-width: 260px;
    --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, .4);
    --ag-popup-shadow: 0 0 16px 0 rgba(0, 0, 0, .15);
    --ag-side-bar-panel-width: 250px
}

.ag-theme-quartz-dark {
    --ag-background-color: color-mix(in srgb, #fff, #182230 97%);
    --ag-foreground-color: #fff;
    --ag-border-color: rgba(255, 255, 255, .16);
    --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
    --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
    --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
    --ag-input-disabled-background-color: #68686e12;
    --ag-card-shadow: 0 1px 20px 1px black;
    --ag-input-border-color: var(--ag-border-color);
    --ag-input-disabled-border-color: rgba(255, 255, 255, .07);
    --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
    --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
    --ag-selected-row-background-color: var(--ag-row-hover-color);
    --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
    --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
    --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-advanced-filter-join-pill-color: #7a3a37;
    --ag-advanced-filter-column-pill-color: #355f2d;
    --ag-advanced-filter-option-pill-color: #5a3168;
    --ag-advanced-filter-value-pill-color: #374c86;
    --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, .3);
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, .4);
    color-scheme: dark
}

@media (prefers-color-scheme: dark) {
    .ag-theme-quartz-auto-dark {
        --ag-background-color: color-mix(in srgb, #fff, #182230 97%);
        --ag-foreground-color: #fff;
        --ag-border-color: rgba(255, 255, 255, .16);
        --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
        --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
        --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
        --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
        --ag-input-disabled-background-color: #68686e12;
        --ag-card-shadow: 0 1px 20px 1px black;
        --ag-input-border-color: var(--ag-border-color);
        --ag-input-disabled-border-color: rgba(255, 255, 255, .07);
        --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
        --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
        --ag-selected-row-background-color: var(--ag-row-hover-color);
        --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
        --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
        --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
        --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
        --ag-advanced-filter-join-pill-color: #7a3a37;
        --ag-advanced-filter-column-pill-color: #355f2d;
        --ag-advanced-filter-option-pill-color: #5a3168;
        --ag-advanced-filter-value-pill-color: #374c86;
        --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, .3);
        --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, .4);
        color-scheme: dark
    }
}

.ag-theme-quartz .ag-filter-toolpanel-header,.ag-theme-quartz .ag-filter-toolpanel-search,.ag-theme-quartz .ag-status-bar,.ag-theme-quartz .ag-header-row,.ag-theme-quartz .ag-panel-title-bar-title,.ag-theme-quartz .ag-multi-filter-group-title-bar,.ag-theme-quartz-dark .ag-filter-toolpanel-header,.ag-theme-quartz-dark .ag-filter-toolpanel-search,.ag-theme-quartz-dark .ag-status-bar,.ag-theme-quartz-dark .ag-header-row,.ag-theme-quartz-dark .ag-panel-title-bar-title,.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header,.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search,.ag-theme-quartz-auto-dark .ag-status-bar,.ag-theme-quartz-auto-dark .ag-header-row,.ag-theme-quartz-auto-dark .ag-panel-title-bar-title,.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
    font-weight: 500;
    color: var(--ag-header-foreground-color)
}

.ag-theme-quartz input[class^=ag-]:not([type]),.ag-theme-quartz input[class^=ag-][type=text],.ag-theme-quartz input[class^=ag-][type=number],.ag-theme-quartz input[class^=ag-][type=tel],.ag-theme-quartz input[class^=ag-][type=date],.ag-theme-quartz input[class^=ag-][type=datetime-local],.ag-theme-quartz textarea[class^=ag-],.ag-theme-quartz-dark input[class^=ag-]:not([type]),.ag-theme-quartz-dark input[class^=ag-][type=text],.ag-theme-quartz-dark input[class^=ag-][type=number],.ag-theme-quartz-dark input[class^=ag-][type=tel],.ag-theme-quartz-dark input[class^=ag-][type=date],.ag-theme-quartz-dark input[class^=ag-][type=datetime-local],.ag-theme-quartz-dark textarea[class^=ag-],.ag-theme-quartz-auto-dark input[class^=ag-]:not([type]),.ag-theme-quartz-auto-dark input[class^=ag-][type=text],.ag-theme-quartz-auto-dark input[class^=ag-][type=number],.ag-theme-quartz-auto-dark input[class^=ag-][type=tel],.ag-theme-quartz-auto-dark input[class^=ag-][type=date],.ag-theme-quartz-auto-dark input[class^=ag-][type=datetime-local],.ag-theme-quartz-auto-dark textarea[class^=ag-] {
    min-height: calc(var(--ag-grid-size) * 4);
    border-radius: var(--ag-border-radius)
}

.ag-theme-quartz .ag-ltr input[class^=ag-]:not([type]),.ag-theme-quartz .ag-ltr input[class^=ag-][type=text],.ag-theme-quartz .ag-ltr input[class^=ag-][type=number],.ag-theme-quartz .ag-ltr input[class^=ag-][type=tel],.ag-theme-quartz .ag-ltr input[class^=ag-][type=date],.ag-theme-quartz .ag-ltr input[class^=ag-][type=datetime-local],.ag-theme-quartz .ag-ltr textarea[class^=ag-],.ag-theme-quartz-dark .ag-ltr input[class^=ag-]:not([type]),.ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=text],.ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=number],.ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=tel],.ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=date],.ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=datetime-local],.ag-theme-quartz-dark .ag-ltr textarea[class^=ag-],.ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-]:not([type]),.ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=text],.ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=number],.ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=tel],.ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=date],.ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=datetime-local],.ag-theme-quartz-auto-dark .ag-ltr textarea[class^=ag-] {
    padding-left: var(--ag-grid-size)
}

.ag-theme-quartz .ag-rtl input[class^=ag-]:not([type]),.ag-theme-quartz .ag-rtl input[class^=ag-][type=text],.ag-theme-quartz .ag-rtl input[class^=ag-][type=number],.ag-theme-quartz .ag-rtl input[class^=ag-][type=tel],.ag-theme-quartz .ag-rtl input[class^=ag-][type=date],.ag-theme-quartz .ag-rtl input[class^=ag-][type=datetime-local],.ag-theme-quartz .ag-rtl textarea[class^=ag-],.ag-theme-quartz-dark .ag-rtl input[class^=ag-]:not([type]),.ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=text],.ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=number],.ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=tel],.ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=date],.ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=datetime-local],.ag-theme-quartz-dark .ag-rtl textarea[class^=ag-],.ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-]:not([type]),.ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=text],.ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=number],.ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=tel],.ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=date],.ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=datetime-local],.ag-theme-quartz-auto-dark .ag-rtl textarea[class^=ag-] {
    padding-right: var(--ag-grid-size)
}

.ag-theme-quartz .ag-picker-field-wrapper,.ag-theme-quartz-dark .ag-picker-field-wrapper,.ag-theme-quartz-auto-dark .ag-picker-field-wrapper {
    min-height: calc(var(--ag-grid-size) * 4)
}

.ag-theme-quartz .ag-tab,.ag-theme-quartz-dark .ag-tab,.ag-theme-quartz-auto-dark .ag-tab {
    padding: var(--ag-grid-size);
    border-left: var(--ag-borders) transparent;
    border-right: var(--ag-borders) transparent;
    flex: 1 1 auto
}

.ag-theme-quartz .ag-tab-selected,.ag-theme-quartz-dark .ag-tab-selected,.ag-theme-quartz-auto-dark .ag-tab-selected {
    background-color: var(--ag-background-color)
}

.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:first-of-type),.ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:first-of-type),.ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:first-of-type) {
    border-left-color: var(--ag-border-color)
}

.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:first-of-type),.ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:first-of-type),.ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:first-of-type) {
    border-right-color: var(--ag-border-color)
}

.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:last-of-type),.ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:last-of-type),.ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:last-of-type) {
    border-right-color: var(--ag-border-color)
}

.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:last-of-type),.ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:last-of-type),.ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:last-of-type) {
    border-left-color: var(--ag-border-color)
}

.ag-theme-quartz .ag-tab:not(.ag-tab-selected),.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected),.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected) {
    opacity: .7
}

.ag-theme-quartz .ag-tab:not(.ag-tab-selected):hover,.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected):hover,.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected):hover {
    opacity: 1
}

.ag-theme-quartz .ag-menu,.ag-theme-quartz-dark .ag-menu,.ag-theme-quartz-auto-dark .ag-menu {
    color: color-mix(in srgb,transparent,var(--ag-foreground-color) 95%)
}

.ag-theme-quartz .ag-panel-content-wrapper .ag-column-select,.ag-theme-quartz-dark .ag-panel-content-wrapper .ag-column-select,.ag-theme-quartz-auto-dark .ag-panel-content-wrapper .ag-column-select {
    background-color: var(--ag-control-panel-background-color);
    color: color-mix(in srgb,transparent,var(--ag-foreground-color) 95%)
}

.ag-theme-quartz .ag-menu-header,.ag-theme-quartz-dark .ag-menu-header,.ag-theme-quartz-auto-dark .ag-menu-header {
    background-color: var(--ag-control-panel-background-color)
}

.ag-theme-quartz .ag-menu-option,.ag-theme-quartz-dark .ag-menu-option,.ag-theme-quartz-auto-dark .ag-menu-option {
    font-weight: 500;
    cursor: pointer
}

.ag-theme-quartz .ag-ltr .ag-menu-option-popup-pointer .ag-icon,.ag-theme-quartz-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon,.ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon {
    text-align: right
}

.ag-theme-quartz .ag-rtl .ag-menu-option-popup-pointer .ag-icon,.ag-theme-quartz-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon,.ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon {
    text-align: left
}

.ag-theme-quartz .ag-tabs-header,.ag-theme-quartz-dark .ag-tabs-header,.ag-theme-quartz-auto-dark .ag-tabs-header {
    border-bottom: var(--ag-borders) var(--ag-border-color);
    display: flex;
    background-color: color-mix(in srgb,transparent,var(--ag-foreground-color) 5%)
}

.ag-theme-quartz .ag-side-bar,.ag-theme-quartz-dark .ag-side-bar,.ag-theme-quartz-auto-dark .ag-side-bar {
    background-color: var(--ag-control-panel-background-color);
    min-width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2)
}

.ag-theme-quartz .ag-side-buttons,.ag-theme-quartz-dark .ag-side-buttons,.ag-theme-quartz-auto-dark .ag-side-buttons {
    padding: 0;
    align-self: stretch;
    width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
    background: var(--ag-control-panel-background-color)
}

.ag-theme-quartz .ag-side-button,.ag-theme-quartz-dark .ag-side-button,.ag-theme-quartz-auto-dark .ag-side-button {
    border-top: var(--ag-borders) transparent;
    border-bottom: var(--ag-borders) transparent
}

@media (max-resolution: 1.5x) {
    .ag-theme-quartz .ag-side-button-label,.ag-theme-quartz-dark .ag-side-button-label,.ag-theme-quartz-auto-dark .ag-side-button-label {
        font-family:"Segoe UI",var(--ag-font-family);
        transform: rotate(.05deg)
    }
}

.ag-theme-quartz .ag-side-button.ag-selected,.ag-theme-quartz-dark .ag-side-button.ag-selected,.ag-theme-quartz-auto-dark .ag-side-button.ag-selected {
    border-bottom-color: var(--ag-border-color);
    background-color: var(--ag-background-color)
}

.ag-theme-quartz .ag-side-button.ag-selected:not(:first-of-type),.ag-theme-quartz-dark .ag-side-button.ag-selected:not(:first-of-type),.ag-theme-quartz-auto-dark .ag-side-button.ag-selected:not(:first-of-type) {
    border-top-color: var(--ag-border-color)
}

.ag-theme-quartz .ag-column-panel-column-select,.ag-theme-quartz-dark .ag-column-panel-column-select,.ag-theme-quartz-auto-dark .ag-column-panel-column-select {
    border-top: none;
    border-bottom: 1px solid var(--ag-secondary-border-color)
}

.ag-theme-quartz .ag-filter-toolpanel-search,.ag-theme-quartz-dark .ag-filter-toolpanel-search,.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search {
    height: initial;
    margin-top: var(--ag-widget-container-vertical-padding)
}

.ag-theme-quartz .ag-filter-toolpanel-search-input,.ag-theme-quartz-dark .ag-filter-toolpanel-search-input,.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search-input {
    margin: 0
}

.ag-theme-quartz .ag-filter-apply-panel,.ag-theme-quartz-dark .ag-filter-apply-panel,.ag-theme-quartz-auto-dark .ag-filter-apply-panel {
    border: none;
    padding-top: var(--ag-widget-vertical-spacing)
}

.ag-theme-quartz .ag-chart-tabbed-menu-body,.ag-theme-quartz-dark .ag-chart-tabbed-menu-body,.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body {
    position: relative
}

.ag-theme-quartz .ag-chart-tabbed-menu-body:after,.ag-theme-quartz-dark .ag-chart-tabbed-menu-body:after,.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    height: 16px;
    background: linear-gradient(var(--ag-control-panel-background-color),transparent)
}

.ag-theme-quartz .ag-charts-settings-group-title-bar,.ag-theme-quartz .ag-charts-data-group-title-bar,.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-title-bar,.ag-theme-quartz .ag-charts-settings-group-container,.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,.ag-theme-quartz-dark .ag-charts-data-group-title-bar,.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-title-bar,.ag-theme-quartz-dark .ag-charts-settings-group-container,.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar,.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
    border-top: none;
    font-weight: 500
}

.ag-theme-quartz .ag-chart-mini-thumbnail,.ag-theme-quartz-dark .ag-chart-mini-thumbnail,.ag-theme-quartz-auto-dark .ag-chart-mini-thumbnail {
    background-color: var(--ag-background-color);
    margin-top: 0;
    margin-bottom: 0
}

.ag-theme-quartz .ag-chart-settings-nav-bar,.ag-theme-quartz-dark .ag-chart-settings-nav-bar,.ag-theme-quartz-auto-dark .ag-chart-settings-nav-bar {
    border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color)
}

.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
    background: none;
    font-weight: 500
}

.ag-theme-quartz .ag-chart-data-section .ag-label:not(.ag-group-title-bar),.ag-theme-quartz .ag-chart-format-section .ag-label:not(.ag-group-title-bar),.ag-theme-quartz-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),.ag-theme-quartz-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar),.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar) {
    color: var(--ag-chart-menu-label-color)
}

.ag-theme-quartz .ag-chart-data-section .ag-label-align-top .ag-label,.ag-theme-quartz .ag-chart-format-section .ag-label-align-top .ag-label,.ag-theme-quartz-dark .ag-chart-data-section .ag-label-align-top .ag-label,.ag-theme-quartz-dark .ag-chart-format-section .ag-label-align-top .ag-label,.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label-align-top .ag-label,.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label-align-top .ag-label {
    margin-top: calc(var(--ag-widget-vertical-spacing) * .5);
    margin-bottom: var(--ag-widget-vertical-spacing)
}

.ag-theme-quartz .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,.ag-theme-quartz .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,.ag-theme-quartz-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,.ag-theme-quartz-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label {
    margin-bottom: 0
}

.ag-theme-quartz .ag-chart-data-section label,.ag-theme-quartz .ag-chart-format-section label,.ag-theme-quartz-dark .ag-chart-data-section label,.ag-theme-quartz-dark .ag-chart-format-section label,.ag-theme-quartz-auto-dark .ag-chart-data-section label,.ag-theme-quartz-auto-dark .ag-chart-format-section label {
    display: inline-block
}

.ag-theme-quartz .ag-chart-format-wrapper,.ag-theme-quartz .ag-chart-data-wrapper,.ag-theme-quartz .ag-charts-format-top-level-group,.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,.ag-theme-quartz .ag-charts-format-top-level-group-item,.ag-theme-quartz .ag-charts-format-sub-level-group,.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,.ag-theme-quartz .ag-charts-format-sub-level-group-container,.ag-theme-quartz .ag-charts-format-sub-level-group-item:last-child,.ag-theme-quartz .ag-charts-format-sub-level-group-container>*,.ag-theme-quartz .ag-charts-data-group-title-bar,.ag-theme-quartz .ag-charts-data-group-container,.ag-theme-quartz .ag-charts-settings-group-title-bar,.ag-theme-quartz .ag-charts-settings-group-container,.ag-theme-quartz-dark .ag-chart-format-wrapper,.ag-theme-quartz-dark .ag-chart-data-wrapper,.ag-theme-quartz-dark .ag-charts-format-top-level-group,.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,.ag-theme-quartz-dark .ag-charts-format-top-level-group-item,.ag-theme-quartz-dark .ag-charts-format-sub-level-group,.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,.ag-theme-quartz-dark .ag-charts-format-sub-level-group-item:last-child,.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container>*,.ag-theme-quartz-dark .ag-charts-data-group-title-bar,.ag-theme-quartz-dark .ag-charts-data-group-container,.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,.ag-theme-quartz-dark .ag-charts-settings-group-container,.ag-theme-quartz-auto-dark .ag-chart-format-wrapper,.ag-theme-quartz-auto-dark .ag-chart-data-wrapper,.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-item,.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group,.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar,.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container,.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-item:last-child,.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container>*,.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,.ag-theme-quartz-auto-dark .ag-charts-data-group-container,.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
    padding: 0;
    margin: 0
}

.ag-theme-quartz .ag-charts-format-top-level-group,.ag-theme-quartz .ag-charts-data-group,.ag-theme-quartz-dark .ag-charts-format-top-level-group,.ag-theme-quartz-dark .ag-charts-data-group,.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,.ag-theme-quartz-auto-dark .ag-charts-data-group {
    border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color)
}

.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,.ag-theme-quartz .ag-charts-data-group-title-bar,.ag-theme-quartz .ag-charts-settings-group-title-bar,.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,.ag-theme-quartz-dark .ag-charts-data-group-title-bar,.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar {
    padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding)
}

.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,.ag-theme-quartz .ag-charts-data-group .ag-charts-data-group-container,.ag-theme-quartz .ag-charts-settings-group .ag-charts-settings-group-container,.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,.ag-theme-quartz-dark .ag-charts-data-group .ag-charts-data-group-container,.ag-theme-quartz-dark .ag-charts-settings-group .ag-charts-settings-group-container,.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,.ag-theme-quartz-auto-dark .ag-charts-data-group .ag-charts-data-group-container,.ag-theme-quartz-auto-dark .ag-charts-settings-group .ag-charts-settings-group-container {
    padding: 0 var(--ag-widget-container-horizontal-padding)
}

.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
    padding: var(--ag-widget-vertical-spacing) 0
}

.ag-theme-quartz .ag-charts-format-sub-level-group-container,.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container {
    padding-top: var(--ag-widget-vertical-spacing);
    padding-bottom: var(--ag-widget-container-vertical-padding)
}

.ag-theme-quartz .ag-charts-format-top-level-group-container>*,.ag-theme-quartz .ag-charts-format-sub-level-group-container>*,.ag-theme-quartz-dark .ag-charts-format-top-level-group-container>*,.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container>*,.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-container>*,.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container>* {
    margin-bottom: var(--ag-widget-vertical-spacing)
}

.ag-theme-quartz .ag-charts-data-group-item,.ag-theme-quartz-dark .ag-charts-data-group-item,.ag-theme-quartz-auto-dark .ag-charts-data-group-item,.ag-theme-quartz .ag-chart-settings-mini-wrapper,.ag-theme-quartz-dark .ag-chart-settings-mini-wrapper,.ag-theme-quartz-auto-dark .ag-chart-settings-mini-wrapper {
    padding-bottom: var(--ag-widget-container-vertical-padding)
}

.ag-theme-quartz .ag-chart-advanced-settings-section,.ag-theme-quartz-dark .ag-chart-advanced-settings-section,.ag-theme-quartz-auto-dark .ag-chart-advanced-settings-section {
    padding-top: var(--ag-widget-container-vertical-padding);
    padding-bottom: var(--ag-widget-container-vertical-padding)
}

.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container {
    padding: 0 var(--ag-widget-container-horizontal-padding)
}

.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-container,.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-container,.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-container {
    margin: 0
}

.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-item,.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-item,.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-item {
    margin-top: calc(var(--ag-widget-vertical-spacing) * 2);
    margin-bottom: 0
}

.ag-theme-quartz .ag-ltr .ag-group-title-bar-icon,.ag-theme-quartz-dark .ag-ltr .ag-group-title-bar-icon,.ag-theme-quartz-auto-dark .ag-ltr .ag-group-title-bar-icon {
    margin-right: var(--ag-grid-size)
}

.ag-theme-quartz .ag-rtl .ag-group-title-bar-icon,.ag-theme-quartz-dark .ag-rtl .ag-group-title-bar-icon,.ag-theme-quartz-auto-dark .ag-rtl .ag-group-title-bar-icon {
    margin-left: var(--ag-grid-size)
}

.ag-theme-quartz .ag-spectrum-color,.ag-theme-quartz .ag-spectrum-fill,.ag-theme-quartz-dark .ag-spectrum-color,.ag-theme-quartz-dark .ag-spectrum-fill,.ag-theme-quartz-auto-dark .ag-spectrum-color,.ag-theme-quartz-auto-dark .ag-spectrum-fill {
    border-radius: var(--ag-border-radius)
}

.ag-theme-quartz .ag-spectrum-dragger,.ag-theme-quartz-dark .ag-spectrum-dragger,.ag-theme-quartz-auto-dark .ag-spectrum-dragger {
    border-radius: 18px;
    height: 18px;
    width: 18px;
    border: 3px solid white
}

.ag-theme-quartz .ag-spectrum-tools,.ag-theme-quartz-dark .ag-spectrum-tools,.ag-theme-quartz-auto-dark .ag-spectrum-tools {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

.ag-theme-quartz .ag-spectrum-tool,.ag-theme-quartz-dark .ag-spectrum-tool,.ag-theme-quartz-auto-dark .ag-spectrum-tool {
    height: 12px
}

.ag-theme-quartz .ag-spectrum-hue-background,.ag-theme-quartz .ag-spectrum-alpha-background,.ag-theme-quartz-dark .ag-spectrum-hue-background,.ag-theme-quartz-dark .ag-spectrum-alpha-background,.ag-theme-quartz-auto-dark .ag-spectrum-hue-background,.ag-theme-quartz-auto-dark .ag-spectrum-alpha-background {
    border-radius: 12px
}

.ag-theme-quartz .ag-spectrum-slider,.ag-theme-quartz-dark .ag-spectrum-slider,.ag-theme-quartz-auto-dark .ag-spectrum-slider {
    margin-top: -15px;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    border: 3px solid rgb(248,248,248)
}

.ag-theme-quartz .ag-recent-colors,.ag-theme-quartz-dark .ag-recent-colors,.ag-theme-quartz-auto-dark .ag-recent-colors {
    margin-left: var(--ag-grid-size);
    margin-right: var(--ag-grid-size);
    margin-bottom: 2px
}

.ag-theme-quartz .ag-color-input-color,.ag-theme-quartz .ag-color-picker-color,.ag-theme-quartz .ag-recent-color,.ag-theme-quartz-dark .ag-color-input-color,.ag-theme-quartz-dark .ag-color-picker-color,.ag-theme-quartz-dark .ag-recent-color,.ag-theme-quartz-auto-dark .ag-color-input-color,.ag-theme-quartz-auto-dark .ag-color-picker-color,.ag-theme-quartz-auto-dark .ag-recent-color {
    border-radius: 4px
}

.ag-theme-quartz .ag-recent-color,.ag-theme-quartz-dark .ag-recent-color,.ag-theme-quartz-auto-dark .ag-recent-color {
    border: var(--ag-borders-secondary) var(--ag-secondary-border-color)
}

.ag-theme-quartz.ag-dnd-ghost,.ag-theme-quartz-dark.ag-dnd-ghost,.ag-theme-quartz-auto-dark.ag-dnd-ghost {
    font-weight: 500
}

.ag-theme-quartz .ag-standard-button,.ag-theme-quartz-dark .ag-standard-button,.ag-theme-quartz-auto-dark .ag-standard-button {
    font-family: inherit;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border-radius: var(--ag-border-radius);
    border: solid 1px var(--ag-input-border-color);
    background-color: var(--ag-background-color);
    padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
    cursor: pointer
}

.ag-theme-quartz .ag-standard-button:hover,.ag-theme-quartz-dark .ag-standard-button:hover,.ag-theme-quartz-auto-dark .ag-standard-button:hover {
    background-color: var(--ag-row-hover-color)
}

.ag-theme-quartz .ag-standard-button:active,.ag-theme-quartz-dark .ag-standard-button:active,.ag-theme-quartz-auto-dark .ag-standard-button:active {
    border-color: var(--ag-active-color)
}

.ag-theme-quartz .ag-standard-button:disabled,.ag-theme-quartz-dark .ag-standard-button:disabled,.ag-theme-quartz-auto-dark .ag-standard-button:disabled {
    color: var(--ag-disabled-foreground-color);
    background-color: var(--ag-input-disabled-background-color);
    border-color: var(--ag-input-disabled-border-color)
}

.ag-theme-quartz .ag-column-drop-cell,.ag-theme-quartz-dark .ag-column-drop-cell,.ag-theme-quartz-auto-dark .ag-column-drop-cell {
    border-radius: calc(var(--ag-grid-size) * 3);
    height: calc(var(--ag-grid-size) * 3);
    padding: 0 var(--ag-grid-size)
}

.ag-theme-quartz .ag-column-drop-cell-button,.ag-theme-quartz-dark .ag-column-drop-cell-button,.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
    min-width: 0;
    margin: 0
}

.ag-theme-quartz .ag-column-drop-cell-drag-handle,.ag-theme-quartz-dark .ag-column-drop-cell-drag-handle,.ag-theme-quartz-auto-dark .ag-column-drop-cell-drag-handle {
    margin-left: 0
}

.ag-theme-quartz .ag-column-drop-vertical,.ag-theme-quartz-dark .ag-column-drop-vertical,.ag-theme-quartz-auto-dark .ag-column-drop-vertical {
    min-height: 75px
}

.ag-theme-quartz .ag-column-drop-vertical-title-bar,.ag-theme-quartz-dark .ag-column-drop-vertical-title-bar,.ag-theme-quartz-auto-dark .ag-column-drop-vertical-title-bar {
    padding: var(--ag-widget-container-vertical-padding) calc(var(--ag-grid-size) * 2) 0
}

.ag-theme-quartz .ag-ltr .ag-column-drop-vertical-icon,.ag-theme-quartz-dark .ag-ltr .ag-column-drop-vertical-icon,.ag-theme-quartz-auto-dark .ag-ltr .ag-column-drop-vertical-icon {
    margin-left: 0;
    margin-right: var(--ag-widget-horizontal-spacing)
}

.ag-theme-quartz .ag-rtl .ag-column-drop-vertical-icon,.ag-theme-quartz-dark .ag-rtl .ag-column-drop-vertical-icon,.ag-theme-quartz-auto-dark .ag-rtl .ag-column-drop-vertical-icon {
    margin-right: 0;
    margin-left: var(--ag-widget-horizontal-spacing)
}

.ag-theme-quartz .ag-column-drop-vertical-empty-message,.ag-theme-quartz-dark .ag-column-drop-vertical-empty-message,.ag-theme-quartz-auto-dark .ag-column-drop-vertical-empty-message {
    display: flex;
    align-items: center;
    justify-content: center;
    border: dashed 1px;
    border-color: var(--ag-border-color);
    margin: calc(var(--ag-grid-size) * 1.5) calc(var(--ag-grid-size) * 2);
    padding: calc(var(--ag-grid-size) * 2)
}

.ag-theme-quartz .ag-column-drop-empty-message,.ag-theme-quartz-dark .ag-column-drop-empty-message,.ag-theme-quartz-auto-dark .ag-column-drop-empty-message {
    color: var(--ag-foreground-color)
}

.ag-theme-quartz .ag-pill-select .ag-column-drop,.ag-theme-quartz-dark .ag-pill-select .ag-column-drop,.ag-theme-quartz-auto-dark .ag-pill-select .ag-column-drop {
    min-height: unset
}

.ag-theme-quartz .ag-pill-select .ag-picker-field-display,.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-display,.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-display {
    font-weight: 500;
    color: var(--ag-chart-menu-pill-select-button-color)
}

.ag-theme-quartz .ag-pill-select .ag-picker-field-icon .ag-icon,.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-icon .ag-icon,.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-icon .ag-icon {
    color: var(--ag-chart-menu-pill-select-button-color)
}

.ag-theme-quartz .ag-status-bar,.ag-theme-quartz-dark .ag-status-bar,.ag-theme-quartz-auto-dark .ag-status-bar {
    font-weight: 400
}

.ag-theme-quartz .ag-status-name-value,.ag-theme-quartz-dark .ag-status-name-value,.ag-theme-quartz-auto-dark .ag-status-name-value {
    padding: var(--ag-widget-container-vertical-padding) 0
}

.ag-theme-quartz .ag-status-name-value-value,.ag-theme-quartz .ag-paging-number,.ag-theme-quartz .ag-paging-row-summary-panel-number,.ag-theme-quartz-dark .ag-status-name-value-value,.ag-theme-quartz-dark .ag-paging-number,.ag-theme-quartz-dark .ag-paging-row-summary-panel-number,.ag-theme-quartz-auto-dark .ag-status-name-value-value,.ag-theme-quartz-auto-dark .ag-paging-number,.ag-theme-quartz-auto-dark .ag-paging-row-summary-panel-number {
    font-weight: 500
}

.ag-theme-quartz .ag-column-drop-cell-button,.ag-theme-quartz-dark .ag-column-drop-cell-button,.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
    opacity: .75
}

.ag-theme-quartz .ag-column-drop-cell-button:hover,.ag-theme-quartz-dark .ag-column-drop-cell-button:hover,.ag-theme-quartz-auto-dark .ag-column-drop-cell-button:hover {
    opacity: 1
}

.ag-theme-quartz .ag-header-cell-menu-button,.ag-theme-quartz .ag-header-cell-filter-button,.ag-theme-quartz .ag-panel-title-bar-button,.ag-theme-quartz .ag-header-expand-icon,.ag-theme-quartz .ag-column-group-icons,.ag-theme-quartz .ag-set-filter-group-icons,.ag-theme-quartz .ag-group-expanded .ag-icon,.ag-theme-quartz .ag-group-contracted .ag-icon,.ag-theme-quartz .ag-chart-settings-prev,.ag-theme-quartz .ag-chart-settings-next,.ag-theme-quartz .ag-group-title-bar-icon,.ag-theme-quartz .ag-column-select-header-icon,.ag-theme-quartz .ag-floating-filter-button-button,.ag-theme-quartz .ag-filter-toolpanel-expand,.ag-theme-quartz .ag-panel-title-bar-button-icon,.ag-theme-quartz .ag-chart-menu-icon,.ag-theme-quartz-dark .ag-header-cell-menu-button,.ag-theme-quartz-dark .ag-header-cell-filter-button,.ag-theme-quartz-dark .ag-panel-title-bar-button,.ag-theme-quartz-dark .ag-header-expand-icon,.ag-theme-quartz-dark .ag-column-group-icons,.ag-theme-quartz-dark .ag-set-filter-group-icons,.ag-theme-quartz-dark .ag-group-expanded .ag-icon,.ag-theme-quartz-dark .ag-group-contracted .ag-icon,.ag-theme-quartz-dark .ag-chart-settings-prev,.ag-theme-quartz-dark .ag-chart-settings-next,.ag-theme-quartz-dark .ag-group-title-bar-icon,.ag-theme-quartz-dark .ag-column-select-header-icon,.ag-theme-quartz-dark .ag-floating-filter-button-button,.ag-theme-quartz-dark .ag-filter-toolpanel-expand,.ag-theme-quartz-dark .ag-panel-title-bar-button-icon,.ag-theme-quartz-dark .ag-chart-menu-icon,.ag-theme-quartz-auto-dark .ag-header-cell-menu-button,.ag-theme-quartz-auto-dark .ag-header-cell-filter-button,.ag-theme-quartz-auto-dark .ag-panel-title-bar-button,.ag-theme-quartz-auto-dark .ag-header-expand-icon,.ag-theme-quartz-auto-dark .ag-column-group-icons,.ag-theme-quartz-auto-dark .ag-set-filter-group-icons,.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon,.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon,.ag-theme-quartz-auto-dark .ag-chart-settings-prev,.ag-theme-quartz-auto-dark .ag-chart-settings-next,.ag-theme-quartz-auto-dark .ag-group-title-bar-icon,.ag-theme-quartz-auto-dark .ag-column-select-header-icon,.ag-theme-quartz-auto-dark .ag-floating-filter-button-button,.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand,.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon,.ag-theme-quartz-auto-dark .ag-chart-menu-icon {
    --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%)
}

.ag-theme-quartz .ag-header-cell-menu-button:hover,.ag-theme-quartz .ag-header-cell-filter-button:hover,.ag-theme-quartz .ag-panel-title-bar-button:hover,.ag-theme-quartz .ag-header-expand-icon:hover,.ag-theme-quartz .ag-column-group-icons:hover,.ag-theme-quartz .ag-set-filter-group-icons:hover,.ag-theme-quartz .ag-group-expanded .ag-icon:hover,.ag-theme-quartz .ag-group-contracted .ag-icon:hover,.ag-theme-quartz .ag-chart-settings-prev:hover,.ag-theme-quartz .ag-chart-settings-next:hover,.ag-theme-quartz .ag-group-title-bar-icon:hover,.ag-theme-quartz .ag-column-select-header-icon:hover,.ag-theme-quartz .ag-floating-filter-button-button:hover,.ag-theme-quartz .ag-filter-toolpanel-expand:hover,.ag-theme-quartz .ag-panel-title-bar-button-icon:hover,.ag-theme-quartz .ag-chart-menu-icon:hover,.ag-theme-quartz-dark .ag-header-cell-menu-button:hover,.ag-theme-quartz-dark .ag-header-cell-filter-button:hover,.ag-theme-quartz-dark .ag-panel-title-bar-button:hover,.ag-theme-quartz-dark .ag-header-expand-icon:hover,.ag-theme-quartz-dark .ag-column-group-icons:hover,.ag-theme-quartz-dark .ag-set-filter-group-icons:hover,.ag-theme-quartz-dark .ag-group-expanded .ag-icon:hover,.ag-theme-quartz-dark .ag-group-contracted .ag-icon:hover,.ag-theme-quartz-dark .ag-chart-settings-prev:hover,.ag-theme-quartz-dark .ag-chart-settings-next:hover,.ag-theme-quartz-dark .ag-group-title-bar-icon:hover,.ag-theme-quartz-dark .ag-column-select-header-icon:hover,.ag-theme-quartz-dark .ag-floating-filter-button-button:hover,.ag-theme-quartz-dark .ag-filter-toolpanel-expand:hover,.ag-theme-quartz-dark .ag-panel-title-bar-button-icon:hover,.ag-theme-quartz-dark .ag-chart-menu-icon:hover,.ag-theme-quartz-auto-dark .ag-header-cell-menu-button:hover,.ag-theme-quartz-auto-dark .ag-header-cell-filter-button:hover,.ag-theme-quartz-auto-dark .ag-panel-title-bar-button:hover,.ag-theme-quartz-auto-dark .ag-header-expand-icon:hover,.ag-theme-quartz-auto-dark .ag-column-group-icons:hover,.ag-theme-quartz-auto-dark .ag-set-filter-group-icons:hover,.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon:hover,.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon:hover,.ag-theme-quartz-auto-dark .ag-chart-settings-prev:hover,.ag-theme-quartz-auto-dark .ag-chart-settings-next:hover,.ag-theme-quartz-auto-dark .ag-group-title-bar-icon:hover,.ag-theme-quartz-auto-dark .ag-column-select-header-icon:hover,.ag-theme-quartz-auto-dark .ag-floating-filter-button-button:hover,.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand:hover,.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon:hover,.ag-theme-quartz-auto-dark .ag-chart-menu-icon:hover {
    border-radius: 1px;
    background-color: var(--ag-quartz-icon-hover-color);
    box-shadow: 0 0 0 4px var(--ag-quartz-icon-hover-color)
}

.ag-theme-quartz .ag-filter-active,.ag-theme-quartz-dark .ag-filter-active,.ag-theme-quartz-auto-dark .ag-filter-active {
    --ag-quartz-icon-active-color: color-mix(in srgb, transparent, var(--ag-active-color) 14%);
    --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 28%);
    position: relative;
    border-radius: 1px;
    background-color: var(--ag-quartz-icon-active-color);
    box-shadow: 0 0 0 4px var(--ag-quartz-icon-active-color)
}

.ag-theme-quartz .ag-filter-active:after,.ag-theme-quartz-dark .ag-filter-active:after,.ag-theme-quartz-auto-dark .ag-filter-active:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: -1px;
    right: -1px;
    border-radius: 50%;
    background-color: var(--ag-active-color)
}

.ag-theme-quartz .ag-filter-active .ag-icon-filter,.ag-theme-quartz-dark .ag-filter-active .ag-icon-filter,.ag-theme-quartz-auto-dark .ag-filter-active .ag-icon-filter {
    clip-path: path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z")
}

.ag-theme-quartz .ag-chart-menu,.ag-theme-quartz-dark .ag-chart-menu,.ag-theme-quartz-auto-dark .ag-chart-menu {
    --ag-icon-size: 20px;
    background-color: color-mix(in srgb,transparent,var(--ag-background-color) 30%);
    padding: 4px 2px
}

.ag-theme-quartz .ag-chart-menu-icon,.ag-theme-quartz-dark .ag-chart-menu-icon,.ag-theme-quartz-auto-dark .ag-chart-menu-icon {
    opacity: .8
}

.ag-theme-quartz .ag-drag-handle,.ag-theme-quartz-dark .ag-drag-handle,.ag-theme-quartz-auto-dark .ag-drag-handle {
    color: var(--ag-icon-font-color)
}

.ag-theme-quartz .ag-menu-option-icon,.ag-theme-quartz .ag-compact-menu-option-icon,.ag-theme-quartz-dark .ag-menu-option-icon,.ag-theme-quartz-dark .ag-compact-menu-option-icon,.ag-theme-quartz-auto-dark .ag-menu-option-icon,.ag-theme-quartz-auto-dark .ag-compact-menu-option-icon {
    width: var(--ag-icon-size);
    cursor: pointer
}

.ag-theme-quartz .ag-ltr .ag-menu-option-icon,.ag-theme-quartz .ag-ltr .ag-compact-menu-option-icon,.ag-theme-quartz-dark .ag-ltr .ag-menu-option-icon,.ag-theme-quartz-dark .ag-ltr .ag-compact-menu-option-icon,.ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-icon,.ag-theme-quartz-auto-dark .ag-ltr .ag-compact-menu-option-icon {
    padding-left: calc(var(--ag-grid-size) * 1.5)
}

.ag-theme-quartz .ag-rtl .ag-menu-option-icon,.ag-theme-quartz .ag-rtl .ag-compact-menu-option-icon,.ag-theme-quartz-dark .ag-rtl .ag-menu-option-icon,.ag-theme-quartz-dark .ag-rtl .ag-compact-menu-option-icon,.ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-icon,.ag-theme-quartz-auto-dark .ag-rtl .ag-compact-menu-option-icon {
    padding-right: calc(var(--ag-grid-size) * 1.5)
}

.ag-theme-quartz .ag-chart-settings-card-item.ag-not-selected:hover,.ag-theme-quartz-dark .ag-chart-settings-card-item.ag-not-selected:hover,.ag-theme-quartz-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {
    opacity: .35
}

.ag-theme-quartz .ag-ltr .ag-panel-title-bar-button,.ag-theme-quartz-dark .ag-ltr .ag-panel-title-bar-button,.ag-theme-quartz-auto-dark .ag-ltr .ag-panel-title-bar-button {
    margin-left: calc(var(--ag-grid-size) * 2);
    margin-right: var(--ag-grid-size)
}

.ag-theme-quartz .ag-rtl .ag-panel-title-bar-button,.ag-theme-quartz-dark .ag-rtl .ag-panel-title-bar-button,.ag-theme-quartz-auto-dark .ag-rtl .ag-panel-title-bar-button {
    margin-right: calc(var(--ag-grid-size) * 2);
    margin-left: var(--ag-grid-size)
}

.ag-theme-quartz .ag-multi-filter-group-title-bar,.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
    padding: calc(var(--ag-grid-size) * 1.5) var(--ag-grid-size)
}

.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-body,.ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-body,.ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-body {
    padding-left: var(--ag-grid-size)
}

.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-body,.ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-body,.ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-body {
    padding-right: var(--ag-grid-size)
}

.ag-theme-quartz .ag-filter-toolpanel-instance-filter,.ag-theme-quartz-dark .ag-filter-toolpanel-instance-filter,.ag-theme-quartz-auto-dark .ag-filter-toolpanel-instance-filter {
    border: none;
    background-color: var(--ag-control-panel-background-color)
}

.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-filter,.ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-filter,.ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
    margin-left: calc(var(--ag-icon-size) * .5)
}

.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-filter,.ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-filter,.ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
    margin-right: calc(var(--ag-icon-size) * .5)
}

.ag-theme-quartz .ag-filter-toolpanel-group-level-0,.ag-theme-quartz-dark .ag-filter-toolpanel-group-level-0,.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-level-0 {
    border-top: none
}

.ag-theme-quartz .ag-filter-toolpanel-header,.ag-theme-quartz-dark .ag-filter-toolpanel-header,.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header {
    height: initial;
    padding-top: var(--ag-grid-size);
    padding-bottom: var(--ag-grid-size)
}

.ag-theme-quartz .ag-filter-toolpanel-group-item,.ag-theme-quartz-dark .ag-filter-toolpanel-group-item,.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-item {
    margin: 0
}

.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-viewport,.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-container,.ag-theme-quartz .ag-layout-print .ag-center-cols-viewport,.ag-theme-quartz .ag-layout-print .ag-center-cols-container,.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-viewport,.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-container,.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-viewport,.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-container,.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-container,.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-viewport,.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-container {
    min-height: 150px
}

.ag-theme-quartz .ag-date-time-list-page-entry-is-current,.ag-theme-quartz-dark .ag-date-time-list-page-entry-is-current,.ag-theme-quartz-auto-dark .ag-date-time-list-page-entry-is-current {
    background-color: var(--ag-active-color)
}

.ag-theme-quartz .ag-advanced-filter-builder-button,.ag-theme-quartz-dark .ag-advanced-filter-builder-button,.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-button {
    padding: var(--ag-grid-size);
    font-weight: 600
}

.ag-theme-quartz .ag-advanced-filter-builder-item-button-disabled .ag-icon,.ag-theme-quartz .ag-disabled .ag-icon,.ag-theme-quartz .ag-column-select-column-group-readonly .ag-icon,.ag-theme-quartz [disabled] .ag-icon,.ag-theme-quartz-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,.ag-theme-quartz-dark .ag-disabled .ag-icon,.ag-theme-quartz-dark .ag-column-select-column-group-readonly .ag-icon,.ag-theme-quartz-dark [disabled] .ag-icon,.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,.ag-theme-quartz-auto-dark .ag-disabled .ag-icon,.ag-theme-quartz-auto-dark .ag-column-select-column-group-readonly .ag-icon,.ag-theme-quartz-auto-dark [disabled] .ag-icon {
    opacity: .6
}

.ag-theme-quartz .ag-icon-grip,.ag-theme-quartz-dark .ag-icon-grip,.ag-theme-quartz-auto-dark .ag-icon-grip {
    opacity: .7
}

.ag-theme-quartz .ag-column-select-column-readonly.ag-icon-grip,.ag-theme-quartz .ag-column-select-column-readonly .ag-icon-grip,.ag-theme-quartz-dark .ag-column-select-column-readonly.ag-icon-grip,.ag-theme-quartz-dark .ag-column-select-column-readonly .ag-icon-grip,.ag-theme-quartz-auto-dark .ag-column-select-column-readonly.ag-icon-grip,.ag-theme-quartz-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
    opacity: .35
}

.ag-theme-quartz .ag-column-select-header-filter-wrapper .ag-input-wrapper:before,.ag-theme-quartz .ag-filter-toolpanel-search .ag-input-wrapper:before,.ag-theme-quartz .ag-mini-filter .ag-input-wrapper:before,.ag-theme-quartz .ag-filter-filter .ag-input-wrapper:before,.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper:before,.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper:before,.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper:before,.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper:before,.ag-theme-quartz-auto-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper:before,.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search .ag-input-wrapper:before,.ag-theme-quartz-auto-dark .ag-mini-filter .ag-input-wrapper:before,.ag-theme-quartz-auto-dark .ag-filter-filter .ag-input-wrapper:before {
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg==);
    background-position: 50% 50%;
    background-size: contain;
    opacity: 40%;
    content: "";
    filter: var(--ag-icon-filter)
}

.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper:before,.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper:before,.ag-theme-quartz .ag-ltr .ag-mini-filter .ag-input-wrapper:before,.ag-theme-quartz .ag-ltr .ag-filter-filter .ag-input-wrapper:before,.ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper:before,.ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper:before,.ag-theme-quartz-dark .ag-ltr .ag-mini-filter .ag-input-wrapper:before,.ag-theme-quartz-dark .ag-ltr .ag-filter-filter .ag-input-wrapper:before,.ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper:before,.ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper:before,.ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter .ag-input-wrapper:before,.ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter .ag-input-wrapper:before {
    margin-left: var(--ag-grid-size)
}

.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper:before,.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper:before,.ag-theme-quartz .ag-rtl .ag-mini-filter .ag-input-wrapper:before,.ag-theme-quartz .ag-rtl .ag-filter-filter .ag-input-wrapper:before,.ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper:before,.ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper:before,.ag-theme-quartz-dark .ag-rtl .ag-mini-filter .ag-input-wrapper:before,.ag-theme-quartz-dark .ag-rtl .ag-filter-filter .ag-input-wrapper:before,.ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper:before,.ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper:before,.ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter .ag-input-wrapper:before,.ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter .ag-input-wrapper:before {
    margin-right: var(--ag-grid-size)
}

.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input,.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input,.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input,.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input,.ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-text-field-input,.ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-number-field-input,.ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-text-field-input,.ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-number-field-input,.ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input,.ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input,.ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input,.ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input,.ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-text-field-input,.ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-number-field-input,.ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-text-field-input,.ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-number-field-input,.ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input,.ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input,.ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input,.ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input,.ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-text-field-input,.ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-number-field-input,.ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-text-field-input,.ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-number-field-input {
    padding-left: 26px
}

.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input,.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input,.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input,.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input,.ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-text-field-input,.ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-number-field-input,.ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-text-field-input,.ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-number-field-input,.ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input,.ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input,.ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input,.ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input,.ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-text-field-input,.ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-number-field-input,.ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-text-field-input,.ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-number-field-input,.ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input,.ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input,.ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input,.ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input,.ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-text-field-input,.ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-number-field-input,.ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-text-field-input,.ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-number-field-input {
    padding-right: 26px
}

.ag-theme-quartz .ag-ltr .ag-column-select-add-group-indent,.ag-theme-quartz-dark .ag-ltr .ag-column-select-add-group-indent,.ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-add-group-indent {
    margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5)
}

.ag-theme-quartz .ag-rtl .ag-column-select-add-group-indent,.ag-theme-quartz-dark .ag-rtl .ag-column-select-add-group-indent,.ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-add-group-indent {
    margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5)
}

.ag-theme-quartz .ag-text-field-input[disabled],.ag-theme-quartz .ag-menu-option-disabled,.ag-theme-quartz-dark .ag-text-field-input[disabled],.ag-theme-quartz-dark .ag-menu-option-disabled,.ag-theme-quartz-auto-dark .ag-text-field-input[disabled],.ag-theme-quartz-auto-dark .ag-menu-option-disabled {
    cursor: not-allowed
}

.ag-theme-quartz .ag-checkbox-input-wrapper.ag-checked.ag-disabled,.ag-theme-quartz-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled,.ag-theme-quartz-auto-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled {
    --ag-checkbox-checked-color: var(--ag-checkbox-unchecked-color)
}

.ag-theme-quartz .ag-checkbox-input,.ag-theme-quartz .ag-toggle-button-input,.ag-theme-quartz .ag-radio-button-input,.ag-theme-quartz input[class^=ag-][type=range],.ag-theme-quartz-dark .ag-checkbox-input,.ag-theme-quartz-dark .ag-toggle-button-input,.ag-theme-quartz-dark .ag-radio-button-input,.ag-theme-quartz-dark input[class^=ag-][type=range],.ag-theme-quartz-auto-dark .ag-checkbox-input,.ag-theme-quartz-auto-dark .ag-toggle-button-input,.ag-theme-quartz-auto-dark .ag-radio-button-input,.ag-theme-quartz-auto-dark input[class^=ag-][type=range] {
    cursor: pointer
}

.ag-theme-quartz .ag-details-row,.ag-theme-quartz-dark .ag-details-row,.ag-theme-quartz-auto-dark .ag-details-row {
    padding: calc(var(--ag-grid-size) * 3.75)
}

.ag-theme-quartz .ag-list-item-hovered:after,.ag-theme-quartz-dark .ag-list-item-hovered:after,.ag-theme-quartz-auto-dark .ag-list-item-hovered:after {
    background-color: var(--ag-active-color)
}

.ag-theme-quartz .ag-pill .ag-pill-button:hover,.ag-theme-quartz-dark .ag-pill .ag-pill-button:hover,.ag-theme-quartz-auto-dark .ag-pill .ag-pill-button:hover {
    color: var(--ag-active-color)
}

.ag-theme-quartz .ag-header-highlight-before:after,.ag-theme-quartz .ag-header-highlight-after:after,.ag-theme-quartz-dark .ag-header-highlight-before:after,.ag-theme-quartz-dark .ag-header-highlight-after:after,.ag-theme-quartz-auto-dark .ag-header-highlight-before:after,.ag-theme-quartz-auto-dark .ag-header-highlight-after:after {
    background-color: var(--ag-active-color)
}

.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper:before,.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper:before,.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper:before,.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper:before {
    opacity: 66%;
    filter: invert(100%)
}

.ag-theme-quartz-dark .ag-chart-menu {
    background-color: color-mix(in srgb,rgba(24,39,50,.3),var(--ag-background-color) 30%)
}

.ag-theme-quartz-dark .ag-text-field-input::placeholder {
    color: var(--ag-data-color);
    opacity: .8
}

@font-face {
    font-family: agGridMaterial;
    src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABFoAAsAAAAAJkgAABEYAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KpXCfVQE2AiQDgjgLgR4ABCAFhF4HhS8bxyFFJCOtoY6iYlKLqKCkZP8fEsghg77xKkhaKGEaKwO6lrY1b6YxxKUASMSl4yPDHPYi3fdu5d7Kbyt/D7IwsJrgsEOSoklQjLW9F0MTJZloool4ZIiE5jESEkOm+Y9zva9J2iPCtkn5CP82BQzCslEzenpGo3H/f2ibX7ASC3CC3NngEivpEQsOIwpWEdyKBWcsq26Fe49b3PJQZ96ZEt9JdgpIe5phJkHoAcugxVrltchzh61rR6AGJKAwOOmWsCZ3P9Vt6tS1P0wVC9REYIX14V1qYpH9qflReps9LPYlGfP23PRL3XUgMAmWeEL4SgRkAEDYvHO9dhkBqnmXpDlI0x5wf+5Y9XN/Rx0gy6kvR9j2PqwDRGOA3d7snCFhJiXx//QXQ9lnn3hR1u4csqjxACBAiT03VdHjEVrYjiUjwOGyN1M6c6rPjJCGzZexSaiPAhujUVH27FsRQEGfAQ0OTy7y7i2fHUgiwpYBbieNve3NZfbtMNLTOdivLbXHq+i8136FN86iPVGPafw6OT/5NxmnSZhdXhfHRWrPT0ZJRIxCpUEEcjOmSmfA3GBGyoLi+GjxtY0YQqbYJCvWtFXhJ1qmmHZhZo1hh+qCat9ub5Wv9/5pangKyQRDOGX1aUIctqgFg0VkbI0fZDe3IV7cErUUwJszUZYwPBrP1/atXdbFZfRQVg71DCVb3WfiFnW17hF6k0VlpM30OGKnV21Qmg5CYZoWs0tTYVoVsyCyZjbTi7sQ1ByTR3K8PErgVaU557a3WlxWM9iioCR/0JgtxpbJttQ0D17VQu0xbfZGv7YxZs+QseysJIY6QrRrrtctae2p7zqd8Obdp38Ol2MTNWkOv2lqRjUv1tbtgiPB2m9Gdp5aEvhHzKW3zMFNLVeFbGFTVD0lc3HSMzKR+YJlS062scXWVjQGQqgDsvSUN+OESMZ46nU0g8GNqlt8y1vTZTs+uAKLEU5JdUPppKRCVY0kBV+Tt8gSxeMG9skkRWcoN+a/zw3mNVkkznPXb/Gpoww70ZxSOvWAytlcoT1qPQKovK4fzgw/DXiNG7LJ8S1+sf3H9dlprDdWgSGbFyxrklifkTIZtfu84QSpIv7Nc6qcmO0qtvcAgXt5CU6nRwRhkdxla9lZdDST51ZwvMRvD8YWQG+yLK0q71L2SOIhvnMCiZvEEeD+8u3HB9QFAgl8UriM2Y2hNT9VfTH8H1hK5Xy3zeHSKoA0kAQqgRRIVPQXohzwdVklzBl7OMRvFLNDiI4Hnvv4xU5PUeWGR15+cffcQQnuVp9WJYGl4DPmJ4DtP5mjKaYsTKsmUgy6dj66ua0DDoIRPKG5WDsHJxc3Dy8fv4CgUGnb71ExcQk/gClpGVk5LnkFRSVlQRVVNXUNTS1tHS5dPX2Y38DQyBhERrh5yLemAXNJ99JEgWnvSKf6vv9/N1vvuubbKV7FgJr5hHmg6nRDwPKagJUNAKvrAdY2DKyvFdjYJLC5ZmBrfcD22oHd9QN76wX2NwIcrBM4XAdwtDHgZC3A6bqBs7UB5xsFLjYBXK4LuNogcL1x4OaaAl9cLiEBC0TgBUGwCXbBITgFl+AWPIJX8Al+ISAEhZAQFiJCVIgJcSEhJIWUkBYyQlbICXmHIvBVyGNFoSSUhYpQ9eSqJn3qQkNoCi2hLXSErtAT+g5F4GuQcYbCSBg7JMGXeCgHX1LmkwUqMEYpBUyfn+QRuAXpQ5B9FVJx5yqKfAsz1FJ8wLhfhpSA78H3ySFNT7aO18k5ieFtls9iuDZHS2b44//lC2stKBqhd77BnZSsF9afpeMWYZ7lLSLWYDpGd6R5Bfc5bmscF9ohKR8qkEMbvIEky5J8A1kfb7YxbPDITY5mIvoSm5XZZEtEKpcXecwssiRbS3YGxBqijLb4s3ECFuZBorBGXmJko1gRKo18zQABgyEgbWnSsxHHerDqQh2uzhIinVWRdZYFetyWrlF9awba9tQcR3S+2YQsA7lWuLDDrdp9hWs+Xd7nG37vbX7V6nO69BCbCyxd1rJNrnNqtauXV8ZW60dxEfYG+FX/eV9si22DSDMEKIBAqxYY5wM6wiA66aWuVj3rRPjh4lTqMFf9Qtm9WOr/mkUqXV8ZCaMeGPdEoAnzFhgon/ss4f2G1M/irR48s1hZIhEQQjGbzcV7//Y5rE83OSZFT7B1grDDcUbV9VTzClVD0sYJCAX6CqWOb7VqsF7nvS2UEOrckrfXiwej1lbmOq5EOJoWn/85UPvXEJF9msh31moSd2Uy1at6gpCwsY+gdUnDPC4Hvb8GJVOdciVfq5fSRWN4KaKd93df4eOmuv3kuhDVfQEJi/r7Hn2KiBi3dI/EFJnuyjRojV7GSWFYR5ORuGl7EFgNp6gOPdZZDSihBAGWMQBCjPdzNeqgPZh7b+4ohZciw2CNCNFfcZn5lgueFRlJPwLhK4Ve3xKNHDAIAqXmv6ifJcHOQVA+ky+dVUms/hoQ9J8VqA++Xs9YTUiF8TicbEibp+r5trx11gWRVqHE6xetcsvYga9nlSNyBZSXSyxuyWrnBdA5EGjr112fzVwWUyMb8vvvcO4oh4yUtha2v7wyMHLi77+5WhcwrggRytedVqwsEQArva1uPohcGGOe0ntWKwbSygChMrZXZ6uRh2zRkAJXQmEhiOh44WatBIESFDFYlJ/37RPq9tEJYU1Kl69oT6DGc5eE00hZojenMppGF2zz8rqAqKNSRInJ6wOGlEEin1Md27Ry+KiqhmPo2aPOEN72mqGdFct9QDsgTpMEfE5EcrHbaxvxrK42wEvtflXHotUIOcAydySwfu4NXiEzNB9gCoaoQhe0k4YOGNkzK8+0s1zqagFS9c65qLgcXdumxPMWvvlAx3xJ23tKn7NG0OjmVM715/aseO9Kjdh7x8UAcEnvnaG1P0Wab+rvGE6fBv3+d6E2qbbzg7vuB0hsYnOafwH3AAHdN9bFUPHGBS6FP/lf/ZV+hFBZog8NaJb29H2LdC7PF4bHOYOOt1AZoqUCXFF9Bbq/zqb03jRHG1Djwm9cN4SDZTxhNJ5kMWNiWGKUD/RQMkYk5K8JCDtOkr+x3+/JTo0G+JJlg8qTShMSSpPKXwkmUJowS381g0iYly0lNTu+ZeIu4Xr9OPO4D4qhyqEkPezXMEhcQrrz4m7x3Hm34njo3RGg7oGBWu35c1arVlevzhWKTKLywCj33VZPi7HWHD6etFjwykoGIz3tPM/5/Lnz29O3bJn30cBBQAYIB/s0Dwic6BBtdoHVh4VBmsZsnQDrqIVUgyVf8KPHeP44TYOQeYxCAVFgCmrswMsIoAoEkMAJUaAgwC8rLkOvyU87STane16QcOt9Xc0w4yTpToeouqheUbVRCc5/UzZz942Q18NHznK44xqd5fvIwWi55zk/9FaAb12vX+ukgciZYUz/4NRIlttar1FpQ/v4BO/uHXaoJiwvjzPee80Obw47MCjU+xLF8pjnPbre9MnTL5flbQn+lrABuge8CmKNdRwRuM6rIUX3ksfycitszwkK2nSOtTp1XuyhmMPsWAgc5TFc4+7EFt9mt67wOVDC7n21u6v7OtYgENm9Dh+yPXrET4p2NnvyYSc+cKV9YuzhwjnP/UCIgLNIsshN4rYQ4c5WMT6HiyQ/S7KQg3APqFSPHpXyQexHXUQLZV88t1vn80f2bZzX3Dco08cP+ZFakFmw9iZ2xtWnh6efRtusH3lsKWseO4Adnzc+d1T8DCdXnzAfFszbdZzgoiP2EmGJb/UTCRIlaK/RaPJ71/VX8GS8hpYQeTNWYdJqpJMldQ5mnURqchMkjJfUXJUiUeH/5LIcjlIKNF5FRFn/zMKiyX2mzrgcHRY/D+zveoCELpfxFDxLpkc3ebcp+i0VqYRCVb5g/PliWiGDe3G1ePVFsXduYKEJPYFa9Da9CaUwCr6Ljx+j2Ana4ZIdozAQswbhetxMuHmQa4LO76naArWmIBPx9CIvpYytQiMrNRmfthprMvB1V3tphKHh/SbJDg2lHQf+uLDBjnJ3oUQ/IrksMbF0sGBocqoIuovb4azDdMOtRiZWHtugbdkgUxCOqq7R6WqqF5oWXvi2qa6Ze66iZmpxVpZtAS63m2x6G4ylPXWcDbPd2EUN0NcpPZVHhK5PB7+ghQvlgXK1Ry1FIo1QrRZqREXJdej6W7e4aJ3GP/InVzlBrylN28/87f/3zjYEkFWOrAw04X4z0BkIPp74i3IVNs4yDoPC+Nmza3VNz54LhU+fdo08bMC6ujDD4ZFdT0Hsm4TzRaf4N3NKxBcJVgCxNvapR6YdCd1q66pF9nUOd+8SbcSn7rX/u+ZM8NPcem2g9Rnx7KmVou0zJ2uLI/MjZs+OyI8sviKYwOzZ320XR14pMXeumtpSnFAgFhckFD8aOLUXiIsTHuWmBPsX6eCcnMEzG7Z/pvjtJPQ4Bb4ku+PqFS6lGaHXJCpcGa4P37PacE1IUxN+nXnxp3QJBmhRzKHotN9uDtoOnXNeLQO3bOl4T9rtZrgeqsSUsGvesXtrsINmSTh9+vyzQ0UJUvxKSkZFWrL1qRXWYr3eVdE0aeIKRX1W8ll7Lajgfo7dYOBjg0tLlEqC6HPgIHjeDsEzVxIaPHToykwCZo5UJZmA3b5NFlBuml8Y2AkEpHwdAlpcEygbbJOsBrkJk+89kHFgHyYzGWTEJE5GtKw/mhhSI4dPrMoezDy4NxBGuXUiOz3a0B+jDRhg7IT//+n/P4GZIBszBwAA74QQyDlp77IWsJcNAW8xklld1w8tYNg2m8g8LjPO6R9mK/OzN25mk52tzNNlywIGGUhNJIp+1HXLYQzaSinTHbuhtWOcldxJADdxThVb2OBm2rMrcjPUbWcxM3bZpaIfOssokUrG8ASusgKuYnpizmbwcMrGWDDGkk1juWgUKVWDTtd/py/y401kaZlP2jdXDyYJwBW6vT42kaDD1YxM2SH6wnf97fN4c/lP7PpLgGt+GZzvnzPuwPG14EZVBABOshrAf/KUH84d6hQHhbQKgKCRIhbFQt6AAWmxbwQPDGeoUNaiPcIJx6Dv6V2wDoYBE9DRDRC2w0w8IoICPtEYt9hFE9zi2ogUNsJHb4YODjCCwCZE+uuDCuLlcanJf0MjTZh/U2wZp3NJvYn/pDUJd6/DS6G6JCZdPk7frbZdneObWeiCytR9CBvlLF1R+SRnw2hW3heLMD+Pwcm0h6IllXjfaDdDKsp+EyVqYvuRSs13OftPacXvumCdV4MXabBknCZlWq+zsvW01Sx6W3YxQRsoMQn2oRhL0sypLFkpVz8RR/lg7KAW7xZ8aUGWD5wScmvvAAXs5NOBMMYEU8ywgU3Mv+W4QPnz/WdsBYKhcCQaiyeSqXQmm8sXiqVypVqrN5qtdqfb6w+Go7EoyZQpqqYbpmViamZuYWllbWNrZ+/g6KQL0TEqRbQkfIyqsq4HWN2xQ3aUj9yIarfWk/tayaYPM+SfM2dJ7MlIp8RodF8UbSxlvHSSRfuSEm305D62ieu5EzZFZ+QPnZTtkVOp9cDV+cA1O/RU3RFthvaeOlhQuaU/oy31NWMdD0TuOKQ8oPcoTlrtMGoqR1GllcNKCzvMFOw4Jx75fE+yoE8cTyfcpCnt6HAibqdASeo4LEwXLNZjzrJG8Ki0DtABjHxU0ix2q8s3I/2qmQn3EsJNxomPNMXRDivOdF4nBRW9lzVHWAvpAgtNpNMFgkhtX9Ryb0p06NhZdkIpxKeNwWsOS271qApaPIWNQCIVCpnt0IupgBBBgcAggQDDGio4yDDCF6xgA/0aTNCgwBZmCLDbAw==);
    font-weight: 400;
    font-style: normal
}

.ag-theme-quartz {
    --ag-background-color: var(--table-row--bg-color);
    --ag-data-color: var(--table-row--color);
    --ag-row-hover-color: var(--table-row-hover--bg-color);
    --ag-selected-row-background-color: var(--table-row-selected--bg-color);
    --ag-header-foreground-color: var(--table-header--color);
    --ag-header-background-color: var(--table-row-hover--bg-color);
    --ag-header-cell-hover-background-color: var(--table-header-hover--bg-color);
    --ag-borders: var(--table--border-style) var(--table--border-width);
    --ag-border-color: var(--table--border-color);
    --ag-border-radius: var(--table--border-radius);
    --ag-foreground-color: var(--table-cell--color);
    --ag-secondary-foreground-color: var(--table-cell--color);
    --ag-checkbox-unchecked-color: var(--table-checkbox--border-color);
    --ag-icon-font-family: "agGridMaterial";
    --ag-icon-size: 20px;
    --ag-checkbox-background-color: var(--table-checkbox--bg-color);
    --ag-checkbox-checked-color: var(--table-checkbox-checked-color);
    --ag-checkbox-indeterminate-color: var(--table-checkbox-indeterminate-color)
}

.motif-table.ag-theme-quartz {
    --ag-font-family: var(--primary-font)
}

.motif-table.ag-theme-quartz .ag-root-wrapper {
    --ag-wrapper-border-radius: var(--wrapper-border-radius)
}

.motif-table.ag-theme-quartz .ag-root-wrapper-body.ag-layout-normal {
    height: auto
}

.motif-table.ag-theme-quartz .ag-checkbox-input-wrapper.ag-checked:after {
    color: var(--table-checkbox-checked-color)
}

.motif-table.ag-theme-quartz .ag-checkbox-input-wrapper.ag-indeterminate:after {
    color: var(--table-checkbox-indeterminate-color)
}

.motif-table.ag-theme-quartz .ag-row .ag-cell.ag-cell-value {
    line-height: 1.4285714286rem
}

.motif-table.ag-theme-quartz .ag-header-cell,.motif-table.ag-theme-quartz .ag-cell {
    display: flex;
    align-items: center
}

.motif-table.ag-theme-quartz .ag-header-cell-resize:after {
    display: none
}

.motif-table.ag-theme-quartz .ag-header-cell .ag-header-select-all {
    margin-right: .8571428571rem
}

.motif-table.ag-theme-quartz .ag-header-cell .ag-header-select-all .ag-wrapper.ag-input-wrapper.ag-checkbox-input-wrapper {
    box-shadow: none
}

.motif-table.ag-theme-quartz .ag-header-cell .ag-header-select-all .ag-wrapper.ag-input-wrapper.ag-checkbox-input-wrapper:focus-visible {
    outline-color: var(--table-checkbox-focus--outline-color);
    outline-style: var(--table-checkbox-focus--outline-style);
    outline-width: var(--table-checkbox-focus--outline-width);
    outline-offset: var(--table-checkbox-focus--outline-offset);
    border-radius: var(--table-checkbox-focus--border-radius)
}

.motif-table.ag-theme-quartz .ag-header-cell .ag-header-cell-comp-wrapper .ag-cell-label-container .ag-header-cell-text {
    font-size: .8571428571rem;
    font-weight: var(--weight-regular);
    line-height: 1.2857142857rem
}

.motif-table.ag-theme-quartz .ag-cell-wrapper .ag-selection-checkbox .ag-labeled.ag-label-align-right.ag-checkbox.ag-input-field .ag-wrapper.ag-input-wrapper.ag-checkbox-input-wrapper.ag-checked,.motif-table.ag-theme-quartz .ag-cell-wrapper .ag-selection-checkbox .ag-labeled.ag-label-align-right.ag-checkbox.ag-input-field .ag-wrapper.ag-input-wrapper.ag-checkbox-input-wrapper {
    box-shadow: none
}

.motif-table.ag-theme-quartz .ag-cell-wrapper .ag-selection-checkbox .ag-labeled.ag-label-align-right.ag-checkbox.ag-input-field .ag-wrapper.ag-input-wrapper.ag-checkbox-input-wrapper.ag-checked:focus-visible,.motif-table.ag-theme-quartz .ag-cell-wrapper .ag-selection-checkbox .ag-labeled.ag-label-align-right.ag-checkbox.ag-input-field .ag-wrapper.ag-input-wrapper.ag-checkbox-input-wrapper:focus-visible {
    outline-color: var(--table-checkbox-focus--outline-color);
    outline-style: var(--table-checkbox-focus--outline-style);
    outline-width: var(--table-checkbox-focus--outline-width);
    outline-offset: var(--table-checkbox-focus--outline-offset);
    border-radius: var(--table-checkbox-focus--border-radius)
}

.motif-table.ag-theme-quartz .ag-icon {
    color: var(--table-icon-color);
    width: 1.4285714286rem;
    height: 1.4285714286rem;
    margin-top: .3571428571rem
}

.motif-table.ag-theme-quartz .ag-paging-panel .ag-paging-row-summary-panel {
    display: none
}

.motif-table.ag-theme-quartz .ag-paging-description .ag-paging-number {
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    font-weight: var(--weight-regular)
}

.motif-table.ag-theme-quartz.motif-table-zebra .ag-header,.motif-table.ag-theme-quartz.motif-table-zebra .ag-advanced-filter-header {
    background-color: var(--table-row--bg-color)
}

.motif-table.ag-theme-quartz.motif-table-zebra .ag-row-even {
    background: var(--table-odd-row--bg-color)
}

.motif-table.ag-theme-quartz.motif-table-zebra .ag-row-odd {
    background: var(--table-even-row--bg-color)
}

.motif-table.ag-theme-quartz .ag-select-list {
    color: var(--table-cell--color)
}

.motif-table.ag-theme-quartz .ag-wrapper.ag-input-wrapper.ag-text-field-input-wrapper:before {
    background-image: none
}

.motif-table.ag-theme-quartz .ag-wrapper.ag-input-wrapper.ag-text-field-input-wrapper .ag-input-field-input.ag-text-field-input {
    padding-left: var(--ag-grid-size)
}

.motif-table.ag-theme-quartz .ag-wrapper.ag-input-wrapper.ag-text-field-input-wrapper .ag-input-field-input.ag-text-field-input::placeholder {
    color: var(--table-cell--color)
}

.motif-table-first-column-border-right-hidden .ag-pinned-left-header,.motif-table-first-column-border-right-hidden .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
    border: none
}

.motif-table-standard {
    border-spacing: 0;
    border-radius: var(--table--border-radius);
    border: var(--table--border-style) var(--table--border-width) var(--table--border-color);
    width: 100%
}

.motif-table-standard th {
    background-color: var(--table-standard-header--bg-color);
    color: var(--table-header--color);
    border-bottom: var(--table-standard-header--border-style) var(--table-standard-header--border-width) var(--table-standard-header--border-color);
    height: 2.75rem;
    padding: .75rem 1.5rem;
    text-align: left;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem
}

.motif-table-standard th:first-child {
    border-top-left-radius: var(--table--border-radius)
}

.motif-table-standard th:last-child {
    border-top-right-radius: var(--table--border-radius)
}

.motif-table-standard.motif-table-standard-with-title {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.motif-table-standard.motif-table-standard-with-title th:first-child {
    border-top-left-radius: 0
}

.motif-table-standard.motif-table-standard-with-title th:last-child {
    border-top-right-radius: 0
}

.motif-table-standard tr {
    background-color: var(--table-row--bg-color);
    color: var(--table-row--color)
}

.motif-table-standard tr:hover {
    background-color: var(--table-row-hover--bg-color)
}

.motif-table-standard tr td {
    background-color: var(--table-cell--bg-color);
    color: var(--table-cell--color);
    border-bottom: var(--table-cell--border-style) var(--table-cell--border-width) var(--table-cell--border-color);
    padding: 1rem 1.5rem;
    text-align: left;
    height: 4.5rem
}

.motif-table-standard tr:not(:last-child) td {
    border-bottom: var(--table--border-style) var(--table--border-width) var(--table--border-color)
}

.motif-table-standard tr:last-child td:first-child {
    border-bottom-left-radius: var(--table--border-radius)
}

.motif-table-standard tr:last-child td:last-child {
    border-bottom-right-radius: var(--table--border-radius)
}

.motif-table-standard.motif-table-standard-zebra th {
    background-color: var(--table-header--bg-color)
}

.motif-table-standard.motif-table-standard-zebra th:hover {
    background-color: var(--table-header-hover--bg-color)
}

.motif-table-standard.motif-table-standard-zebra tr:nth-child(2n) {
    background-color: var(--table-even-row--bg-color)
}

.motif-table-standard.motif-table-standard-zebra tr:nth-child(2n):hover {
    background-color: var(--table-row-hover--bg-color)
}

.motif-table-standard.motif-table-standard-zebra tr:nth-child(odd) {
    background-color: var(--table-odd-row--bg-color)
}

.motif-table-standard.motif-table-standard-zebra tr:nth-child(odd):hover {
    background-color: var(--table-row-hover--bg-color)
}

.motif-text-link {
    color: var(--text-link--color);
    display: inline-flex;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    background: transparent;
    font-weight: var(--text-link--font-weight);
    outline: none;
    position: relative;
    text-decoration: none;
    align-items: center;
    border: none;
    padding: 0
}

.motif-text-link .motif-icon {
    height: 1.4285714286rem;
    width: 1.4285714286rem
}

.motif-text-link .motif-icon svg {
    position: relative;
    min-width: 1rem;
    margin-top: .2142857143rem
}

.motif-text-link:hover {
    cursor: pointer;
    text-decoration: underline;
    --text-decoration-color: var(--text-link-hover--color);
    text-decoration-style: var(--text-link-hover--border-style);
    --text-link--color: var(--text-link-hover--color)
}

.motif-text-link:focus-visible {
    --text-link--color: var(--text-link-focus--color);
    border-width: var(--text-link-focus--border-width);
    border-style: var(--text-link-focus--border-style);
    border-color: var(--text-link-focus--color);
    border-radius: var(--text-link-focus--border-radius);
    outline-width: var(--text-link-focus--outline-width);
    outline-style: var(--text-link-focus--outline-style);
    outline-color: var(--text-link-focus--outline-color);
    outline-offset: var(--text-link-focus--outline-offset);
    box-sizing: border-box
}

.motif-text-link:active {
    color: var(--text-link-active--color)
}

.motif-text-link:active .motif-icon svg path {
    fill: var(--text-link-active--color)
}

.motif-text-link:visited {
    color: var(--text-link-visited--color)
}

.motif-text-link:visited .motif-icon svg path {
    fill: 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-visible,.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: .1428571429rem 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-width: var(--text-link-alt-hover--border-width);
    border-style: var(--text-link-alt-hover--border-style);
    border-color: var(--text-link-alt-hover--color);
    --text-link-alt--color: var(--text-link-alt-hover--color)
}

.motif-text-link-alt:focus-visible {
    --text-link-alt--color: var(--text-link-alt-focus--color);
    border-width: var(--text-link-alt-focus--border-width);
    border-style: var(--text-link-alt-focus--border-style);
    border-color: var(--text-link-alt-hover--color);
    border-radius: var(--text-link-alt-focus--border-radius);
    outline-width: var(--text-link-alt-focus--outline-width);
    outline-style: var(--text-link-alt-focus--outline-style);
    outline-color: var(--text-link-alt-focus--outline-color);
    outline-offset: var(--text-link-alt-focus--outline-offset);
    box-sizing: border-box
}

.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-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);
    display: flex;
    justify-content: center;
    align-items: center
}

.motif-toast-close-button .motif-icon {
    width: 2.5714285714rem;
    height: 2.5714285714rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.motif-toast-close-button .motif-icon svg {
    width: 1.4285714286rem;
    height: 1.4285714286rem
}

.motif-toast-close-button:hover svg,.motif-toast-close-button:focus-visible 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:active {
    --toast-close-btn-icon-color: var(--toast-close-btn-active-icon-color);
    --toast-close-btn--bg-color: var(--toast-close-btn-active--bg-color);
    --toast-close-btn--border-color: var(--toast-close-btn-active--border-color);
    --toast-close-btn--border-style: var(--toast-close-btn-active--border-style);
    --toast-close-btn--border-width: var(--toast-close-btn-active--border-width);
    --toast-close-btn--box-shadow: var(--toast-close-btn-active--box-shadow)
}

.motif-toast {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    font-weight: var(--weight-regular);
    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.motif-toast-error {
    --toast--box-shadow: var(--toast-error--box-shadow);
    --toast--bg-color: var(--toast-error--bg-color);
    --toast--color: var(--toast-error--color);
    --toast--border-color: var(--toast-error--border-color)
}

.motif-toast.motif-toast-warning {
    --toast--box-shadow: var(--toast-warning--box-shadow);
    --toast--bg-color: var(--toast-warning--bg-color);
    --toast--color: var(--toast-warning--color);
    --toast--border-color: var(--toast-warning--border-color)
}

.motif-toast.motif-toast-info {
    --toast--box-shadow: var(--toast-info--box-shadow);
    --toast--bg-color: var(--toast-info--bg-color);
    --toast--color: var(--toast-info--color);
    --toast--border-color: var(--toast-info--border-color)
}

.motif-toast.motif-toast-success {
    --toast--box-shadow: var(--toast-success--box-shadow);
    --toast--bg-color: var(--toast-success--bg-color);
    --toast--color: var(--toast-success--color);
    --toast--border-color: var(--toast-success--border-color)
}

.motif-toast button {
    padding: 0
}

.motif-toast-has-action-button .motif-toast-action-button {
    color: var(--toast-action-btn--color);
    background-color: transparent;
    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);
    border: none
}

.motif-toast-has-action-button .motif-toast-action-button:focus-visible {
    outline-color: var(--toast-action-btn-focus--outline-color);
    outline-style: var(--toast-action-btn-focus--outline-style);
    outline-width: var(--toast-action-btn-focus--outline-width);
    outline-offset: var(--toast-action-btn-focus--outline-offset)
}

.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: transparent;
    --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: transparent;
    --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-has-action-button .motif-toast-action-button:active {
    --toast-action-btn--color: var(--toast-action-btn-active--color);
    --toast-action-btn--bg-color: transparent;
    --toast-action-btn--border-color: var(--toast-action-btn-active--border-color);
    --toast-action-btn--border-style: var(--toast-action-btn-active--border-style);
    --toast-action-btn--border-width: var(--toast-action-btn-active--border-width);
    --toast-action-btn--box-shadow: var(--toast-action-btn-active--box-shadow)
}

.motif-toast-content {
    display: flex;
    align-items: flex-start;
    font-size: 1rem;
    line-height: 1.5714285714rem;
    font-weight: var(--weight-regular);
    position: relative;
    width: 100%;
    padding: 1.1428571429rem;
    gap: .8571428571rem
}

.motif-toast-icon-container {
    width: 1.4285714286rem;
    height: 1.4285714286rem;
    display: flex;
    align-items: center
}

.motif-toast-icon-container .motif-icon {
    height: 1.4285714286rem
}

.motif-toast-icon-container svg {
    height: 1.4285714286rem;
    width: 1.4285714286rem
}

.motif-toast-icon-container svg path {
    fill: var(--toast--color)
}

.motif-toast-text-container {
    word-wrap: break-word;
    background-color: var(--toast-inline--bg-color);
    box-shadow: var(--toast-inline--box-shadow);
    display: flex;
    flex-direction: column;
    gap: .8571428571rem;
    width: 100%;
    line-height: 1.4285714286rem
}

.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: 1rem
}

.motif-toast-action-button-container {
    display: flex;
    flex-direction: row;
    gap: .8571428571rem
}

button.motif-toast-action-button {
    font-family: var(--primary-font);
    background: none;
    border: none;
    flex-shrink: 0;
    align-self: flex-start
}

button.motif-toast-action-button .motif-toast-action-name {
    color: var(--toast-action-btn--color)
}

button.motif-toast-action-button:hover,button.motif-toast-action-button:focus-visible {
    cursor: pointer
}

button.motif-toast-action-button:hover .motif-toast-action-name,button.motif-toast-action-button:focus-visible .motif-toast-action-name {
    border-bottom: var(--toast-action-btn--border-width) var(--toast-action-btn--border-solid) var(--toast-action-btn--border-color)
}

.motif-tooltip {
    color: var(--tooltip--color);
    display: block;
    font-size: .8571428571rem;
    font-weight: var(--weight-bold);
    opacity: 1;
    border-color: var(--tooltip--border-color);
    border-style: var(--tooltip--border-style);
    border-width: var(--tooltip--border-width)
}

.motif-tooltip .motif-tooltip-arrow {
    display: block;
    height: .5714285714rem;
    position: absolute;
    width: .5714285714rem;
    pointer-events: none;
    margin: auto
}

.motif-tooltip .motif-tooltip-arrow:after {
    content: "";
    display: block;
    height: .5714285714rem;
    position: absolute;
    width: .5714285714rem;
    background-color: var(--tooltip--bg-color);
    pointer-events: none;
    margin: auto;
    transform: rotate(45deg);
    border-radius: .1428571429rem
}

.motif-tooltip-auto .motif-tooltip-arrow {
    margin-left: .3571428571rem;
    margin-top: -.2857142857rem
}

.motif-tooltip-top .motif-tooltip-arrow,.motif-tooltip-auto[x-placement^=top] .motif-tooltip-arrow {
    bottom: -.2857142857rem
}

.motif-tooltip-right .motif-tooltip-arrow,.motif-tooltip-auto[x-placement^=right] .motif-tooltip-arrow {
    left: -.2857142857rem
}

.motif-tooltip-bottom .motif-tooltip-arrow,.motif-tooltip-auto[x-placement^=bottom] .motif-tooltip-arrow {
    top: -.2857142857rem
}

.motif-tooltip-left .motif-tooltip-arrow,.motif-tooltip-auto[x-placement^=left] .motif-tooltip-arrow {
    right: -.2857142857rem
}

.motif-tooltip-inner {
    align-items: flex-start;
    background-color: var(--tooltip--bg-color);
    color: var(--tooltip--color);
    display: flex;
    font-size: .8571428571rem;
    font-weight: 400;
    justify-content: space-between;
    line-height: 1.2857142857rem;
    padding: .8571428571rem;
    position: relative;
    text-align: left;
    z-index: 1000;
    border-radius: var(--tooltip--border-radius)
}

.motif-tooltip-inner .motif-icon-button,.motif-tooltip-inner .motif-button {
    position: absolute;
    right: .3571428571rem;
    top: .3571428571rem
}

.motif-tooltip-inner .motif-icon-button .motif-icon,.motif-tooltip-inner .motif-button .motif-icon {
    pointer-events: none
}

.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)
}

.motif-tooltip-alternate .motif-tooltip-inner .motif-tooltip-arrow:after {
    background-color: var(--tooltip-alt--bg-color)
}

.motif-tooltip-inner .motif-tooltip-content-children {
    margin: .1428571429rem 3rem .1428571429rem .1428571429rem
}

.motif-tooltip-content {
    z-index: 100001;
    box-shadow: var(--tooltip--box-shadow)
}

.motif-tooltip-content.motif-tooltip-alternate {
    box-shadow: var(--tooltip-alt--box-shadow)
}

.motif-tooltip-content:not(.motif-tooltip-show-close) .motif-tooltip-inner .motif-tooltip-content-children {
    margin: .1428571429rem
}

.motif-tooltip-wrapper {
    display: contents;
    border-radius: var(--tooltip--border-radius);
    max-width: 22.8571428571rem
}

.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-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 .2857142857rem;
    list-style: none;
    position: relative
}

.motif-tree-node-lines:after {
    border-top: .0714285714rem var(--tree-line-style) var(--tree-line-color);
    content: "";
    position: absolute;
    left: 0;
    top: .8571428571rem;
    transform: translate(-1.5714285714rem,.12rem);
    width: 1.8571428571rem
}

.motif-tree-node-lines:before {
    border-left: .0714285714rem var(--tree-line-style) var(--tree-line-color);
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(-1.6071428571rem,-1.4642857143rem);
    height: calc(100% + 2rem)
}

.motif-tree-node-lines:first-child:before {
    height: calc(100% + 1rem);
    transform: translate(-1.6071428571rem,-1rem)
}

.motif-tree-node-lines:last-child:before {
    height: 2rem;
    transform: translate(-1.6071428571rem,-1rem)
}

.motif-tree-node>.motif-tree-nodes {
    display: none
}

.motif-tree-node-visible>.motif-tree-nodes {
    display: block
}

.motif-tree-node-content {
    display: inline-flex;
    align-items: center;
    gap: .8571428571rem;
    min-height: 1.7142857143rem;
    padding: .2857142857rem
}

.motif-tree-node-content-hovered {
    background-color: var(--tree-hover--bg-color);
    color: var(--tree-hover--color)
}

.motif-tree-node-button {
    height: 1.1428571429rem;
    width: 1.1428571429rem
}

.motif-tree-node-button:hover {
    background-color: transparent
}

.motif-tree-node-button:disabled svg path {
    fill: var(--btn-icon-disabled-icon-color)
}

.motif-tree-node-value {
    font-size: 1rem;
    line-height: 1.4285714286rem;
    font-weight: var(--weight-light);
    margin: 0
}

.motif-truncate {
    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-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-vertical-navigation-menu .motif-vertical-navigation-footer-menu {
    padding: 1.1428571429rem .2857142857rem;
    height: 5.1428571429rem
}

.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: 400
}

.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: .7142857143rem;
    font-weight: 700;
    height: 3.8571428571rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 1rem
}

.motif-context-switcher .motif-context-switcher-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%
}

.motif-context-switcher .motif-context-switcher-value {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: .8571428571rem
}

.motif-context-switcher .motif-context-switcher-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.8571428571rem;
    height: 2.8571428571rem;
    transition: transform .3s ease;
    transform: rotate(0)
}

.motif-context-switcher .motif-context-switcher-arrow svg {
    width: 1.4285714286rem;
    height: 1.4285714286rem
}

.motif-context-switcher .motif-context-switcher-arrow-open {
    transform: rotate(180deg)
}

.motif-vertical-navigation-menuitem {
    display: flex;
    background-color: var(--vertical-navigation-menu-item--bg-color);
    color: var(--vertical-navigation-menu-item--color);
    height: 2.8571428571rem;
    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: .2857142857rem .8571428571rem .2857142857rem .7142857143rem;
    justify-content: space-between;
    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-hover--bg-color)
}

.motif-vertical-navigation-collapsed .motif-vertical-navigation-menuitem:not(.motif-vertical-navigation-submenuitem) {
    padding: 0;
    width: 2.8571428571rem;
    height: 2.8571428571rem;
    justify-content: center;
    --vertical-navigation-menu-item--border-radius: .2857142857rem
}

.motif-vertical-navigation-collapsed .motif-vertical-navigation-menuitem:not(.motif-vertical-navigation-submenuitem):after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 2.8571428571rem;
    background-color: transparent;
    cursor: default
}

.motif-vertical-navigation-collapsed .motif-vertical-navigation-menuitem:not(.motif-vertical-navigation-submenuitem):focus-visible {
    --vertical-navigation-menu-item-focus--border-radius: .2857142857rem
}

.motif-vertical-navigation-menuitem:focus-visible {
    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: -.1428571429rem;
    --vertical-navigation-menu-item--bg-color: var(--vertical-navigation-menu-item-focus--bg-color);
    border-radius: var(--vertical-navigation-menu-item-focus--border-radius)
}

.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-visible {
    --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);
    padding: .2857142857rem 1rem;
    height: 2rem
}

.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-child:not(:last-child) {
    margin-bottom: .2857142857rem
}

.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-child .motif-vertical-navigation-menuitem-label {
    font-size: 1rem
}

.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);
    height: 1.4285714286rem;
    width: 1.4285714286rem;
    display: block
}

.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-visible {
    --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-icon-color: var( --vertical-navigation-submenu-item-link-icon-focus-icon-color );
    outline: var(--vertical-navigation-menu-item-focus--outline-color) var(--vertical-navigation-menu-item-focus--outline-style) var(--vertical-navigation-menu-item-focus--outline-width)
}

.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-visible {
    --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: 700;
    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-child:hover,.motif-vertical-navigation-menuitem.motif-vertical-navigation-menuitem-selected.motif-vertical-navigation-menuitem-child:focus-visible {
    background-color: var(--vertical-navigation-submenu-item-link-active-hover--bg-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-visible {
    --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-visible {
    --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-visible {
    --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: 1.4285714286rem;
    height: 100%;
    min-width: 1.4285714286rem;
    flex-grow: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .8571428571rem
}

.motif-vertical-navigation-menuitem .motif-vertical-navigation-menuitem-iconcontainer svg {
    width: 1.4285714286rem;
    height: 1.4285714286rem
}

.motif-vertical-navigation-menuitem .motif-vertical-navigation-menuitem-iconcontainer .motif-icon {
    color: var(--vertical-navigation-menu-item-icon-color)
}

.motif-vertical-navigation-collapsed .motif-vertical-navigation-menuitem .motif-vertical-navigation-menuitem-iconcontainer .motif-icon {
    display: flex;
    align-items: center
}

.motif-vertical-navigation-collapsed .motif-vertical-navigation-menuitem .motif-vertical-navigation-menuitem-iconcontainer {
    margin-right: 0
}

.motif-vertical-navigation-menuitem .motif-vertical-navigation-menuitem-label {
    width: 100%;
    font-size: 1.1428571429rem;
    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: .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: 2.8571428571rem;
    width: 13.5714285714rem;
    cursor: pointer;
    align-items: center;
    padding-left: 1.1428571429rem;
    font-size: 1.1428571429rem
}

.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-menuitem-withouticon .motif-vertical-navigation-menuitem-label {
    padding-left: 2.2857142857rem
}

.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);
    padding: 0;
    border: 0;
    width: 100%;
    height: 2.8571428571rem;
    cursor: pointer;
    align-items: center;
    position: relative;
    padding: .2857142857rem .8571428571rem .2857142857rem .7142857143rem;
    border-radius: var(--vertical-navigation-menu-item--border-radius)
}

.motif-vertical-navigation-submenu:focus-visible {
    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: -.1428571429rem;
    border-radius: var(--vertical-navigation-menu-item-focus--border-radius);
    --vertical-navigation-menu-item--bg-color: var(--vertical-navigation-menu-item-focus--bg-color)
}

.motif-vertical-navigation-collapsed .motif-vertical-navigation-submenu {
    width: 2.8571428571rem;
    height: 2.8571428571rem;
    padding: 0;
    justify-content: center
}

.motif-vertical-navigation-collapsed .motif-vertical-navigation-submenu:not(.motif-vertical-navigation-submenuitem) {
    --vertical-navigation-menu-item--border-radius: .2857142857rem
}

.motif-vertical-navigation-collapsed .motif-vertical-navigation-submenu:not(.motif-vertical-navigation-submenuitem):focus-visible {
    --vertical-navigation-menu-item-focus--border-radius: .2857142857rem
}

.motif-vertical-navigation-collapsed .motif-vertical-navigation-submenu:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 2.8571428571rem;
    background-color: transparent;
    cursor: default
}

.motif-vertical-navigation-submenu:hover {
    --vertical-navigation-menu-item--bg-color: var(--vertical-navigation-menu-item-hover--bg-color)
}

.motif-vertical-navigation-submenu~div nav {
    margin: .2857142857rem 0 .5714285714rem
}

.motif-vertical-navigation-submenu .motif-vertical-navigation-submenu-menu-container {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.motif-vertical-navigation-submenu .motif-vertical-navigation-submenu-arrow {
    fill: var(--vertical-navigation-menu-item-icon-color);
    min-width: 1.4285714286rem
}

.motif-vertical-navigation-submenu .motif-vertical-navigation-submenu-arrow>div {
    display: flex
}

.motif-vertical-navigation-submenu .motif-vertical-navigation-submenu-arrow svg {
    height: 1.4285714286rem;
    width: 1.4285714286rem;
    transition: transform .3s;
    transform: rotate(0);
    transform-origin: center center
}

.motif-vertical-navigation-submenu .motif-vertical-navigation-submenu-arrow.motif-vertical-navigation-submenu-arrow-open svg {
    transition: transform .3s;
    transform: rotate(180deg)
}

.motif-vertical-navigation-submenu.motif-vertical-navigation-submenu-selected {
    color: var(--vertical-navigation-submenu-item-link--color);
    font-weight: 700;
    --vertical-navigation-submenu-item-link--bg-color: var(--vertical-navigation-menu-item-active--bg-color);
    --vertical-navigation-menu-item--bg-color: var(--vertical-navigation-menu-item-active--bg-color)
}

.motif-vertical-navigation-submenu.motif-vertical-navigation-submenu-selected:hover {
    --vertical-navigation-menu-item--bg-color: var(--vertical-navigation-menu-item-active-hover--bg-color);
    --vertical-navigation-submenu-item-link--bg-color: var(--vertical-navigation-menu-item-active-hover--bg-color)
}

.motif-vertical-navigation-submenu.motif-vertical-navigation-submenu-selected .motif-vertical-navigation-submenu-iconcontainer .motif-icon {
    color: var(--vertical-navigation-submenu-item-link-icon-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: .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: 1.4285714286rem;
    height: 100%;
    min-width: 1.4285714286rem;
    flex-grow: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .8571428571rem
}

.motif-vertical-navigation-submenu .motif-vertical-navigation-submenu-iconcontainer svg {
    width: 1.4285714286rem;
    height: 1.4285714286rem
}

.motif-vertical-navigation-submenu .motif-vertical-navigation-submenu-iconcontainer .motif-icon {
    color: var(--vertical-navigation-menu-item-icon-color);
    height: 1.7142857143rem
}

.motif-vertical-navigation-collapsed .motif-vertical-navigation-submenu .motif-vertical-navigation-submenu-iconcontainer .motif-icon {
    display: flex;
    align-items: center
}

.motif-vertical-navigation-collapsed .motif-vertical-navigation-submenu .motif-vertical-navigation-submenu-iconcontainer {
    margin-right: 0
}

.motif-vertical-navigation-submenu-label {
    font-size: 1.1428571429rem;
    font-family: var(--primary-font);
    font-weight: var(--weight-light);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-grow: 1;
    text-align: left
}

.motif-vertical-navigation-submenu-open {
    --vertical-navigation-menu-item--bg-color: var(--vertical-navigation-submenu-item-link--bg-color);
    font-weight: 700;
    color: var(--vertical-navigation-submenu-item-link-hover--color)
}

.motif-vertical-navigation-submenu-open:focus-visible {
    --vertical-navigation-menu-item--bg-color: var(--vertical-navigation-menu-item-focus--bg-color)
}

.motif-vertical-navigation-submenu-open .motif-vertical-navigation-submenu-iconcontainer .motif-icon {
    color: var(--vertical-navigation-submenu-item-link-icon-hover-icon-color)
}

.motif-vertical-navigation-submenu-open:hover {
    --vertical-navigation-submenu-item-link--bg-color: var(--vertical-navigation-menu-item-hover--bg-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: .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: .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: .7142857143rem;
    height: 2.8571428571rem;
    display: flex;
    align-items: center
}

.motif-vertical-navigation-submenu-portal .motif-vertical-navigation-menuitem-iconcontainer {
    width: .7142857143rem;
    min-width: .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: .4285714286rem;
    cursor: default
}

.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);
    margin: 0 1.1428571429rem
}

.motif-vertical-navigation .motif-vertical-navigation-content {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1.7142857143rem .8571428571rem;
    min-width: 4.5714285714rem
}

.motif-vertical-navigation.motif-vertical-navigation-expanded-width {
    width: 18.8571428571rem;
    transition: width .5s
}

.motif-vertical-navigation.motif-vertical-navigation-collapsed {
    width: 4.5714285714rem;
    transition: width .5s
}

.motif-vertical-navigation .motif-vertical-navigation-menu button:not(:last-child) {
    margin-bottom: .2857142857rem
}

.motif-vertical-navigation-hidden {
    visibility: hidden;
    pointer-events: none
}

.motif-vertical-navigation-scrolls::-webkit-scrollbar {
    width: .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: #545469d5;
    border-radius: .2857142857rem
}

.motif-people-template {
    display: flex;
    align-items: center
}

.motif-people-template .motif-people-details {
    display: flex;
    flex-direction: column;
    margin-left: .2857142857rem;
    color: var(--template-message-color);
    line-height: normal
}

.motif-people-template .motif-people-details .motif-people-status {
    font-size: .7142857143rem
}

.motif-people-template-disabled .motif-people-details {
    color: var(--form-element-disabled--color)
}

.motif-people-template-disabled .motif-avatar {
    opacity: .5
}

.motif-avatar-group-template {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: .5714285714rem;
    padding: .8571428571rem 1rem
}

.motif-default-template {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body[motif-theme=light] .motif-dynamic-input-template {
    display: flex;
    align-items: center;
    padding: .4285714286rem 1rem;
    background: #fff;
    border: 0;
    border-radius: .2857142857rem;
    width: 100%;
    height: 3.1428571429rem;
    color: #656579;
    gap: .5714285714rem;
    cursor: pointer;
    transition: background .2s ease-in-out;
    justify-content: space-between
}

body[motif-theme=light] .motif-dynamic-input-template:hover {
    background: #f3f3f5
}

body[motif-theme=light] .motif-dynamic-input-template:focus-visible {
    outline: .1428571429rem solid #0F69AE;
    outline-offset: 0
}

body[motif-theme=light] .motif-dynamic-input-template .dynamic-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-grow: 1
}

body[motif-theme=light] .motif-dynamic-input-template .dynamic-text strong {
    margin-right: .5714285714rem
}

body[motif-theme=light] .motif-dynamic-input-template .motif-icon {
    min-width: 1.4285714286rem;
    min-height: 1.4285714286rem
}

body[motif-theme=light] .motif-dynamic-input-template .motif-avatar {
    min-width: 2.2857142857rem;
    min-height: 2.2857142857rem
}

body[motif-theme=dark] .motif-dynamic-input-template {
    display: flex;
    align-items: center;
    padding: .4285714286rem 1rem;
    background: #23232f;
    border: 0;
    border-radius: .2857142857rem;
    width: 100%;
    height: 3.1428571429rem;
    color: #a4a3b1;
    gap: .5714285714rem;
    cursor: pointer;
    transition: background .2s ease-in-out;
    justify-content: space-between
}

body[motif-theme=dark] .motif-dynamic-input-template:hover {
    background: #2e2e38
}

body[motif-theme=dark] .motif-dynamic-input-template:focus-visible {
    outline: .1428571429rem solid #85B9FD;
    outline-offset: 0
}

body[motif-theme=dark] .motif-dynamic-input-template .dynamic-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-grow: 1
}

body[motif-theme=dark] .motif-dynamic-input-template .dynamic-text strong {
    margin-right: .5714285714rem
}

body[motif-theme=dark] .motif-dynamic-input-template .motif-icon {
    min-width: 1.4285714286rem;
    min-height: 1.4285714286rem
}

body[motif-theme=dark] .motif-dynamic-input-template .motif-avatar {
    min-width: 2.2857142857rem;
    min-height: 2.2857142857rem
}

.motif-theme-light {
    background-color: #f9f9fa
}

.sb-main-padded.sb-show-main:has(.motif-no-padding) {
    padding: 0
}

.sbdocs.sbdocs-preview .docs-story:not(:has(.motif-no-padding)) .sb-unstyled>div>div {
    padding: 1rem
}

.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: -.5714285715rem;
    margin-left: -.5714285715rem
}

.motif-row.no-gutter {
    margin-right: 0;
    margin-left: 0
}

[class^=motif-col-],[class*=motif-col-] {
    padding-right: .5714285715rem;
    padding-left: .5714285715rem
}

.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:-.5714285715rem;
        margin-left: -.5714285715rem
    }

    .motif-row.no-gutter {
        margin-right: 0;
        margin-left: 0
    }

    [class^=motif-col-],[class*=motif-col-] {
        padding-right: .5714285715rem;
        padding-left: .5714285715rem
    }

    .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:-.8571428572rem;
        margin-left: -.8571428572rem
    }

    .motif-row.no-gutter {
        margin-right: 0;
        margin-left: 0
    }

    [class^=motif-col-],[class*=motif-col-] {
        padding-right: .8571428572rem;
        padding-left: .8571428572rem
    }

    .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:-.8571428572rem;
        margin-left: -.8571428572rem
    }

    .motif-row.no-gutter {
        margin-right: 0;
        margin-left: 0
    }

    [class^=motif-col-],[class*=motif-col-] {
        padding-right: .8571428572rem;
        padding-left: .8571428572rem
    }

    .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:-.8571428572rem;
        margin-left: -.8571428572rem
    }

    .motif-row.no-gutter {
        margin-right: 0;
        margin-left: 0
    }

    [class^=motif-col-],[class*=motif-col-] {
        padding-right: .8571428572rem;
        padding-left: .8571428572rem
    }

    .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:-.8571428572rem;
        margin-left: -.8571428572rem
    }

    .motif-row.no-gutter {
        margin-right: 0;
        margin-left: 0
    }

    [class^=motif-col-],[class*=motif-col-] {
        padding-right: .8571428572rem;
        padding-left: .8571428572rem
    }

    .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
    }
}

.motif-container {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 1.1428571429rem;
    width: 100%
}

@media screen and (min-width: 36em) {
    .motif-container {
        max-width:48em
    }
}

@media screen and (min-width: 48em) {
    .motif-container {
        max-width:64em;
        padding: 0 1.7142857143rem
    }
}

@media screen and (min-width: 64em) {
    .motif-container {
        max-width:90em
    }
}

@media screen and (min-width: 90em) {
    .motif-container {
        max-width:108em
    }
}

@media screen and (min-width: 108em) {
    .motif-container {
        max-width:138em
    }
}

.flex-fill {
    flex: 1 1 auto
}

.flex-row {
    flex-direction: row
}

.flex-column {
    flex-direction: column
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-column-reverse {
    flex-direction: column-reverse
}

.flex-grow-0 {
    flex-grow: 0
}

.flex-grow-1 {
    flex-grow: 1
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-shrink-1 {
    flex-shrink: 1
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.justify-content-start {
    justify-content: flex-start
}

.justify-content-end {
    justify-content: flex-end
}

.justify-content-center {
    justify-content: center
}

.justify-content-between {
    justify-content: space-between
}

.justify-content-around {
    justify-content: space-around
}

.justify-content-evenly {
    justify-content: space-evenly
}

.align-items-start {
    align-items: flex-start
}

.align-items-end {
    align-items: flex-end
}

.align-items-center {
    align-items: center
}

.align-items-baseline {
    align-items: baseline
}

.align-items-stretch {
    align-items: stretch
}

.align-content-start {
    align-content: flex-start
}

.align-content-end {
    align-content: flex-end
}

.align-content-center {
    align-content: center
}

.align-content-between {
    align-content: space-between
}

.align-content-around {
    align-content: space-around
}

.align-content-stretch {
    align-content: stretch
}

.align-self-auto {
    align-self: auto
}

.align-self-start {
    align-self: flex-start
}

.align-self-end {
    align-self: flex-end
}

.align-self-center {
    align-self: center
}

.align-self-baseline {
    align-self: baseline
}

.align-self-stretch {
    align-self: stretch
}

.order-first {
    order: -1
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-last {
    order: 6
}

.display-inline {
    display: inline
}

.display-inline-block {
    display: inline-block
}

.display-block {
    display: block
}

.display-grid {
    display: grid
}

.display-table {
    display: table
}

.display-table-row {
    display: table-row
}

.display-table-cell {
    display: table-cell
}

.display-flex {
    display: flex
}

.display-inline-flex {
    display: inline-flex
}

.display-none {
    display: none
}

.visibility-visible {
    visibility: visible
}

.visibility-hidden {
    visibility: hidden
}

@media screen and (min-width: 36em) {
    .flex-sm-fill {
        flex:1 1 auto
    }

    .flex-sm-row {
        flex-direction: row
    }

    .flex-sm-column {
        flex-direction: column
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse
    }

    .flex-sm-grow-0 {
        flex-grow: 0
    }

    .flex-sm-grow-1 {
        flex-grow: 1
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1
    }

    .flex-sm-wrap {
        flex-wrap: wrap
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .justify-content-sm-start {
        justify-content: flex-start
    }

    .justify-content-sm-end {
        justify-content: flex-end
    }

    .justify-content-sm-center {
        justify-content: center
    }

    .justify-content-sm-between {
        justify-content: space-between
    }

    .justify-content-sm-around {
        justify-content: space-around
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly
    }

    .align-items-sm-start {
        align-items: flex-start
    }

    .align-items-sm-end {
        align-items: flex-end
    }

    .align-items-sm-center {
        align-items: center
    }

    .align-items-sm-baseline {
        align-items: baseline
    }

    .align-items-sm-stretch {
        align-items: stretch
    }

    .align-content-sm-start {
        align-content: flex-start
    }

    .align-content-sm-end {
        align-content: flex-end
    }

    .align-content-sm-center {
        align-content: center
    }

    .align-content-sm-between {
        align-content: space-between
    }

    .align-content-sm-around {
        align-content: space-around
    }

    .align-content-sm-stretch {
        align-content: stretch
    }

    .align-self-sm-auto {
        align-self: auto
    }

    .align-self-sm-start {
        align-self: flex-start
    }

    .align-self-sm-end {
        align-self: flex-end
    }

    .align-self-sm-center {
        align-self: center
    }

    .align-self-sm-baseline {
        align-self: baseline
    }

    .align-self-sm-stretch {
        align-self: stretch
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-last {
        order: 6
    }

    .display-sm-inline {
        display: inline
    }

    .display-sm-inline-block {
        display: inline-block
    }

    .display-sm-block {
        display: block
    }

    .display-sm-grid {
        display: grid
    }

    .display-sm-table {
        display: table
    }

    .display-sm-table-row {
        display: table-row
    }

    .display-sm-table-cell {
        display: table-cell
    }

    .display-sm-flex {
        display: flex
    }

    .display-sm-inline-flex {
        display: inline-flex
    }

    .display-sm-none {
        display: none
    }

    .visibility-sm-visible {
        visibility: visible
    }

    .visibility-sm-hidden {
        visibility: hidden
    }
}

@media screen and (min-width: 48em) {
    .flex-md-fill {
        flex:1 1 auto
    }

    .flex-md-row {
        flex-direction: row
    }

    .flex-md-column {
        flex-direction: column
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse
    }

    .flex-md-grow-0 {
        flex-grow: 0
    }

    .flex-md-grow-1 {
        flex-grow: 1
    }

    .flex-md-shrink-0 {
        flex-shrink: 0
    }

    .flex-md-shrink-1 {
        flex-shrink: 1
    }

    .flex-md-wrap {
        flex-wrap: wrap
    }

    .flex-md-nowrap {
        flex-wrap: nowrap
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .justify-content-md-start {
        justify-content: flex-start
    }

    .justify-content-md-end {
        justify-content: flex-end
    }

    .justify-content-md-center {
        justify-content: center
    }

    .justify-content-md-between {
        justify-content: space-between
    }

    .justify-content-md-around {
        justify-content: space-around
    }

    .justify-content-md-evenly {
        justify-content: space-evenly
    }

    .align-items-md-start {
        align-items: flex-start
    }

    .align-items-md-end {
        align-items: flex-end
    }

    .align-items-md-center {
        align-items: center
    }

    .align-items-md-baseline {
        align-items: baseline
    }

    .align-items-md-stretch {
        align-items: stretch
    }

    .align-content-md-start {
        align-content: flex-start
    }

    .align-content-md-end {
        align-content: flex-end
    }

    .align-content-md-center {
        align-content: center
    }

    .align-content-md-between {
        align-content: space-between
    }

    .align-content-md-around {
        align-content: space-around
    }

    .align-content-md-stretch {
        align-content: stretch
    }

    .align-self-md-auto {
        align-self: auto
    }

    .align-self-md-start {
        align-self: flex-start
    }

    .align-self-md-end {
        align-self: flex-end
    }

    .align-self-md-center {
        align-self: center
    }

    .align-self-md-baseline {
        align-self: baseline
    }

    .align-self-md-stretch {
        align-self: stretch
    }

    .order-md-first {
        order: -1
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-last {
        order: 6
    }

    .display-md-inline {
        display: inline
    }

    .display-md-inline-block {
        display: inline-block
    }

    .display-md-block {
        display: block
    }

    .display-md-grid {
        display: grid
    }

    .display-md-table {
        display: table
    }

    .display-md-table-row {
        display: table-row
    }

    .display-md-table-cell {
        display: table-cell
    }

    .display-md-flex {
        display: flex
    }

    .display-md-inline-flex {
        display: inline-flex
    }

    .display-md-none {
        display: none
    }

    .visibility-md-visible {
        visibility: visible
    }

    .visibility-md-hidden {
        visibility: hidden
    }
}

@media screen and (min-width: 64em) {
    .flex-lg-fill {
        flex:1 1 auto
    }

    .flex-lg-row {
        flex-direction: row
    }

    .flex-lg-column {
        flex-direction: column
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse
    }

    .flex-lg-grow-0 {
        flex-grow: 0
    }

    .flex-lg-grow-1 {
        flex-grow: 1
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1
    }

    .flex-lg-wrap {
        flex-wrap: wrap
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .justify-content-lg-start {
        justify-content: flex-start
    }

    .justify-content-lg-end {
        justify-content: flex-end
    }

    .justify-content-lg-center {
        justify-content: center
    }

    .justify-content-lg-between {
        justify-content: space-between
    }

    .justify-content-lg-around {
        justify-content: space-around
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly
    }

    .align-items-lg-start {
        align-items: flex-start
    }

    .align-items-lg-end {
        align-items: flex-end
    }

    .align-items-lg-center {
        align-items: center
    }

    .align-items-lg-baseline {
        align-items: baseline
    }

    .align-items-lg-stretch {
        align-items: stretch
    }

    .align-content-lg-start {
        align-content: flex-start
    }

    .align-content-lg-end {
        align-content: flex-end
    }

    .align-content-lg-center {
        align-content: center
    }

    .align-content-lg-between {
        align-content: space-between
    }

    .align-content-lg-around {
        align-content: space-around
    }

    .align-content-lg-stretch {
        align-content: stretch
    }

    .align-self-lg-auto {
        align-self: auto
    }

    .align-self-lg-start {
        align-self: flex-start
    }

    .align-self-lg-end {
        align-self: flex-end
    }

    .align-self-lg-center {
        align-self: center
    }

    .align-self-lg-baseline {
        align-self: baseline
    }

    .align-self-lg-stretch {
        align-self: stretch
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-last {
        order: 6
    }

    .display-lg-inline {
        display: inline
    }

    .display-lg-inline-block {
        display: inline-block
    }

    .display-lg-block {
        display: block
    }

    .display-lg-grid {
        display: grid
    }

    .display-lg-table {
        display: table
    }

    .display-lg-table-row {
        display: table-row
    }

    .display-lg-table-cell {
        display: table-cell
    }

    .display-lg-flex {
        display: flex
    }

    .display-lg-inline-flex {
        display: inline-flex
    }

    .display-lg-none {
        display: none
    }

    .visibility-lg-visible {
        visibility: visible
    }

    .visibility-lg-hidden {
        visibility: hidden
    }
}

@media screen and (min-width: 90em) {
    .flex-xl-fill {
        flex:1 1 auto
    }

    .flex-xl-row {
        flex-direction: row
    }

    .flex-xl-column {
        flex-direction: column
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse
    }

    .flex-xl-grow-0 {
        flex-grow: 0
    }

    .flex-xl-grow-1 {
        flex-grow: 1
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1
    }

    .flex-xl-wrap {
        flex-wrap: wrap
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .justify-content-xl-start {
        justify-content: flex-start
    }

    .justify-content-xl-end {
        justify-content: flex-end
    }

    .justify-content-xl-center {
        justify-content: center
    }

    .justify-content-xl-between {
        justify-content: space-between
    }

    .justify-content-xl-around {
        justify-content: space-around
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly
    }

    .align-items-xl-start {
        align-items: flex-start
    }

    .align-items-xl-end {
        align-items: flex-end
    }

    .align-items-xl-center {
        align-items: center
    }

    .align-items-xl-baseline {
        align-items: baseline
    }

    .align-items-xl-stretch {
        align-items: stretch
    }

    .align-content-xl-start {
        align-content: flex-start
    }

    .align-content-xl-end {
        align-content: flex-end
    }

    .align-content-xl-center {
        align-content: center
    }

    .align-content-xl-between {
        align-content: space-between
    }

    .align-content-xl-around {
        align-content: space-around
    }

    .align-content-xl-stretch {
        align-content: stretch
    }

    .align-self-xl-auto {
        align-self: auto
    }

    .align-self-xl-start {
        align-self: flex-start
    }

    .align-self-xl-end {
        align-self: flex-end
    }

    .align-self-xl-center {
        align-self: center
    }

    .align-self-xl-baseline {
        align-self: baseline
    }

    .align-self-xl-stretch {
        align-self: stretch
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-last {
        order: 6
    }

    .display-xl-inline {
        display: inline
    }

    .display-xl-inline-block {
        display: inline-block
    }

    .display-xl-block {
        display: block
    }

    .display-xl-grid {
        display: grid
    }

    .display-xl-table {
        display: table
    }

    .display-xl-table-row {
        display: table-row
    }

    .display-xl-table-cell {
        display: table-cell
    }

    .display-xl-flex {
        display: flex
    }

    .display-xl-inline-flex {
        display: inline-flex
    }

    .display-xl-none {
        display: none
    }

    .visibility-xl-visible {
        visibility: visible
    }

    .visibility-xl-hidden {
        visibility: hidden
    }
}

@media screen and (min-width: 108em) {
    .flex-xxl-fill {
        flex:1 1 auto
    }

    .flex-xxl-row {
        flex-direction: row
    }

    .flex-xxl-column {
        flex-direction: column
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse
    }

    .flex-xxl-grow-0 {
        flex-grow: 0
    }

    .flex-xxl-grow-1 {
        flex-grow: 1
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1
    }

    .flex-xxl-wrap {
        flex-wrap: wrap
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .justify-content-xxl-start {
        justify-content: flex-start
    }

    .justify-content-xxl-end {
        justify-content: flex-end
    }

    .justify-content-xxl-center {
        justify-content: center
    }

    .justify-content-xxl-between {
        justify-content: space-between
    }

    .justify-content-xxl-around {
        justify-content: space-around
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly
    }

    .align-items-xxl-start {
        align-items: flex-start
    }

    .align-items-xxl-end {
        align-items: flex-end
    }

    .align-items-xxl-center {
        align-items: center
    }

    .align-items-xxl-baseline {
        align-items: baseline
    }

    .align-items-xxl-stretch {
        align-items: stretch
    }

    .align-content-xxl-start {
        align-content: flex-start
    }

    .align-content-xxl-end {
        align-content: flex-end
    }

    .align-content-xxl-center {
        align-content: center
    }

    .align-content-xxl-between {
        align-content: space-between
    }

    .align-content-xxl-around {
        align-content: space-around
    }

    .align-content-xxl-stretch {
        align-content: stretch
    }

    .align-self-xxl-auto {
        align-self: auto
    }

    .align-self-xxl-start {
        align-self: flex-start
    }

    .align-self-xxl-end {
        align-self: flex-end
    }

    .align-self-xxl-center {
        align-self: center
    }

    .align-self-xxl-baseline {
        align-self: baseline
    }

    .align-self-xxl-stretch {
        align-self: stretch
    }

    .order-xxl-first {
        order: -1
    }

    .order-xxl-0 {
        order: 0
    }

    .order-xxl-1 {
        order: 1
    }

    .order-xxl-2 {
        order: 2
    }

    .order-xxl-3 {
        order: 3
    }

    .order-xxl-4 {
        order: 4
    }

    .order-xxl-5 {
        order: 5
    }

    .order-xxl-last {
        order: 6
    }

    .display-xxl-inline {
        display: inline
    }

    .display-xxl-inline-block {
        display: inline-block
    }

    .display-xxl-block {
        display: block
    }

    .display-xxl-grid {
        display: grid
    }

    .display-xxl-table {
        display: table
    }

    .display-xxl-table-row {
        display: table-row
    }

    .display-xxl-table-cell {
        display: table-cell
    }

    .display-xxl-flex {
        display: flex
    }

    .display-xxl-inline-flex {
        display: inline-flex
    }

    .display-xxl-none {
        display: none
    }

    .visibility-xxl-visible {
        visibility: visible
    }

    .visibility-xxl-hidden {
        visibility: hidden
    }
}

.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: .7142857143rem;
    position: relative;
    overflow: hidden
}

.motif-skeleton-circle {
    --size: func.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(.4,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)
    }

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

.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-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-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-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
}

.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
}

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

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

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

* {
    box-sizing: border-box
}

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

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

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

.motif-display-default-light {
    font-size: 5rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 6.4285714286rem;
    letter-spacing: -.2rem
}

.motif-display-default-regular {
    font-size: 5rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 6.4285714286rem;
    letter-spacing: -.2rem
}

.motif-display-default-bold {
    font-size: 5rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: 6.4285714286rem;
    letter-spacing: -.2rem
}

.motif-display-2-light {
    font-size: 4.1428571429rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 5rem;
    letter-spacing: -.0828571429rem
}

.motif-display-2-regular {
    font-size: 4.1428571429rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 5rem;
    letter-spacing: -.0828571429rem
}

.motif-display-2-bold {
    font-size: 4.1428571429rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: 5rem;
    letter-spacing: -.0828571429rem
}

.motif-display-3-light {
    font-size: 3.2857142857rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 4.1428571429rem;
    letter-spacing: -.0657142857rem
}

.motif-display-3-regular {
    font-size: 3.2857142857rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 4.1428571429rem;
    letter-spacing: -.0657142857rem
}

.motif-display-3-bold {
    font-size: 3.2857142857rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: 4.1428571429rem;
    letter-spacing: -.0657142857rem
}

.motif-display-4-light {
    font-size: 2.4285714286rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 3rem;
    letter-spacing: -.0485714286rem
}

.motif-display-4-regular {
    font-size: 2.4285714286rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 3rem;
    letter-spacing: -.0485714286rem
}

.motif-display-4-bold {
    font-size: 2.4285714286rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: 3rem;
    letter-spacing: -.0485714286rem
}

.motif-h1-default-light {
    font-size: 2.2857142857rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 2.8571428571rem;
    letter-spacing: -.0457142857rem
}

.motif-h1-default-regular {
    font-size: 2.2857142857rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 2.8571428571rem;
    letter-spacing: -.0457142857rem
}

.motif-h1-default-bold {
    font-size: 2.2857142857rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: 2.8571428571rem;
    letter-spacing: -.0457142857rem
}

.motif-h2-default-light {
    font-size: 2rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 2.5714285714rem
}

.motif-h2-default-regular {
    font-size: 2rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 2.5714285714rem
}

.motif-h2-default-bold {
    font-size: 2rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: 2.5714285714rem
}

.motif-h3-default-light {
    font-size: 1.8571428571rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 2.2857142857rem
}

.motif-h3-default-regular {
    font-size: 1.8571428571rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 2.2857142857rem
}

.motif-h3-default-bold {
    font-size: 1.8571428571rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: 2.2857142857rem
}

.motif-h4-default-light {
    font-size: 1.7142857143rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 2.2857142857rem
}

.motif-h4-default-regular {
    font-size: 1.7142857143rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 2.2857142857rem
}

.motif-h4-default-bold {
    font-size: 1.7142857143rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: 2.2857142857rem
}

.motif-h5-default-light {
    font-size: 1.5714285714rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 2.1428571429rem
}

.motif-h5-default-regular {
    font-size: 1.5714285714rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 2.1428571429rem
}

.motif-h5-default-bold {
    font-size: 1.5714285714rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: 2.1428571429rem
}

.motif-h5-italic-light {
    font-size: 1.5714285714rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 300;
    line-height: 2.1428571429rem
}

.motif-h5-italic-regular {
    font-size: 1.5714285714rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 400;
    line-height: 2.1428571429rem
}

.motif-h5-italic-bold {
    font-size: 1.5714285714rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 700;
    line-height: 2.1428571429rem
}

.motif-h5-underlined-light {
    font-size: 1.5714285714rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 2.1428571429rem;
    text-decoration: underline
}

.motif-h5-underlined-regular {
    font-size: 1.5714285714rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 2.1428571429rem;
    text-decoration: underline
}

.motif-h5-underlined-bold {
    font-size: 1.5714285714rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: 2.1428571429rem;
    text-decoration: underline
}

.motif-h6-default-light {
    font-size: 1.4285714286rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 2.1428571429rem
}

.motif-h6-default-regular {
    font-size: 1.4285714286rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 2.1428571429rem
}

.motif-h6-default-bold {
    font-size: 1.4285714286rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: 2.1428571429rem
}

.motif-h6-italic-light {
    font-size: 1.4285714286rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 300;
    line-height: 2.1428571429rem
}

.motif-h6-italic-regular {
    font-size: 1.4285714286rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 400;
    line-height: 2.1428571429rem
}

.motif-h6-italic-bold {
    font-size: 1.4285714286rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 700;
    line-height: 2.1428571429rem
}

.motif-h6-underlined-light {
    font-size: 1.4285714286rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 2.1428571429rem;
    text-decoration: underline
}

.motif-h6-underlined-regular {
    font-size: 1.4285714286rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 2.1428571429rem;
    text-decoration: underline
}

.motif-h6-underlined-bold {
    font-size: 1.4285714286rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: 2.1428571429rem;
    text-decoration: underline
}

.motif-subtitle-default-light {
    font-size: 1.2857142857rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 2rem
}

.motif-subtitle-default-regular {
    font-size: 1.2857142857rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 2rem
}

.motif-subtitle-default-bold {
    font-size: 1.2857142857rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: 2rem
}

.motif-subtitle-italic-light {
    font-size: 1.2857142857rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 300;
    line-height: 2rem
}

.motif-subtitle-italic-regular {
    font-size: 1.2857142857rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 400;
    line-height: 2rem
}

.motif-subtitle-italic-bold {
    font-size: 1.2857142857rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 700;
    line-height: 2rem
}

.motif-subtitle-underlined-light {
    font-size: 1.2857142857rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 2rem;
    text-decoration: underline
}

.motif-subtitle-underlined-regular {
    font-size: 1.2857142857rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
    text-decoration: underline
}

.motif-subtitle-underlined-bold {
    font-size: 1.2857142857rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: 2rem;
    text-decoration: underline
}

.motif-body1-default-light {
    font-size: 1.1428571429rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 1.7142857143rem
}

.motif-body1-default-regular {
    font-size: 1.1428571429rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 1.7142857143rem
}

.motif-body1-default-bold {
    font-size: 1.1428571429rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: 1.7142857143rem
}

.motif-body1-italic-light {
    font-size: 1.1428571429rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 300;
    line-height: 1.7142857143rem
}

.motif-body1-italic-regular {
    font-size: 1.1428571429rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 400;
    line-height: 1.7142857143rem
}

.motif-body1-italic-bold {
    font-size: 1.1428571429rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 700;
    line-height: 1.7142857143rem
}

.motif-body1-underlined-light {
    font-size: 1.1428571429rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 1.7142857143rem;
    text-decoration: underline
}

.motif-body1-underlined-regular {
    font-size: 1.1428571429rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 1.7142857143rem;
    text-decoration: underline
}

.motif-body1-underlined-bold {
    font-size: 1.1428571429rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: 1.7142857143rem;
    text-decoration: underline
}

.motif-body2-default-light {
    font-size: 1rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 1.4285714286rem
}

.motif-body2-default-regular {
    font-size: 1rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 1.4285714286rem
}

.motif-body2-default-bold {
    font-size: 1rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: 1.4285714286rem
}

.motif-body2-italic-light {
    font-size: 1rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 300;
    line-height: 1.4285714286rem
}

.motif-body2-italic-regular {
    font-size: 1rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 400;
    line-height: 1.4285714286rem
}

.motif-body2-italic-bold {
    font-size: 1rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 700;
    line-height: 1.4285714286rem
}

.motif-body2-underlined-light {
    font-size: 1rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 1.4285714286rem;
    text-decoration: underline
}

.motif-body2-underlined-regular {
    font-size: 1rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 1.4285714286rem;
    text-decoration: underline
}

.motif-body2-underlined-bold {
    font-size: 1rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: 1.4285714286rem;
    text-decoration: underline
}

.motif-caption-default-light {
    font-size: .8571428571rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 1.2857142857rem
}

.motif-caption-default-regular {
    font-size: .8571428571rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2857142857rem
}

.motif-caption-default-bold {
    font-size: .8571428571rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: 1.2857142857rem
}

.motif-caption-italic-light {
    font-size: .8571428571rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 300;
    line-height: 1.2857142857rem
}

.motif-caption-italic-regular {
    font-size: .8571428571rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 400;
    line-height: 1.2857142857rem
}

.motif-caption-italic-bold {
    font-size: .8571428571rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 700;
    line-height: 1.2857142857rem
}

.motif-caption-underlined-light {
    font-size: .8571428571rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 1.2857142857rem;
    text-decoration: underline
}

.motif-caption-underlined-regular {
    font-size: .8571428571rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2857142857rem;
    text-decoration: underline
}

.motif-caption-underlined-bold {
    font-size: .8571428571rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: 1.2857142857rem;
    text-decoration: underline
}

.motif-overline-default-light {
    font-size: .7142857143rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: 1.2857142857rem
}

.motif-overline-default-regular {
    font-size: .7142857143rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: .8571428571rem;
    letter-spacing: .0285714286rem
}

.motif-overline-default-bold {
    font-size: .7142857143rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: .8571428571rem;
    letter-spacing: .0285714286rem
}

.motif-overline-italic-light {
    font-size: .7142857143rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 300;
    line-height: .8571428571rem;
    letter-spacing: .0285714286rem
}

.motif-overline-italic-regular {
    font-size: .7142857143rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 400;
    line-height: .8571428571rem;
    letter-spacing: .0285714286rem
}

.motif-overline-italic-bold {
    font-size: .7142857143rem;
    font-family: var(--primary-font);
    font-style: italic;
    font-weight: 700;
    line-height: .8571428571rem;
    letter-spacing: .0285714286rem
}

.motif-overline-underlined-light {
    font-size: .7142857143rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 300;
    line-height: .8571428571rem;
    letter-spacing: .0285714286rem;
    text-decoration: underline
}

.motif-overline-underlined-regular {
    font-size: .7142857143rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: .8571428571rem;
    letter-spacing: .0285714286rem;
    text-decoration: underline
}

.motif-overline-underlined-bold {
    font-size: .7142857143rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 700;
    line-height: .8571428571rem;
    letter-spacing: .0285714286rem;
    text-decoration: underline
}

.motif-button-sm-regular {
    font-size: 1rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 1.4285714286rem
}

.motif-button-md-regular {
    font-size: 1.1428571429rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 1.7142857143rem
}

.motif-button-lg-regular {
    font-size: 1.2857142857rem;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    line-height: 2rem
}

.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.5714285714rem
}

.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: 2.2857142857rem
}

.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: 2.1428571429rem
}

.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: 2rem
}

.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.7142857143rem
}

.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.2857142857rem;
    line-height: 2rem
}

.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.2857142857rem;
    line-height: 2rem
}

.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)
}

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

.motif-body-sm {
    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-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);
    font-size: var(--caption--font-size);
    line-height: 1.4285714286rem
}

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

.motif-instructional-text {
    color: var(--body-color);
    font-family: var(--primary-font);
    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: .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: #9897a6
}

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

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

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

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

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

.motif-input-suffix .motif-tooltip-wrapper {
    margin-top: .3571428571rem
}

.motif-input-suffix div>.motif-icon {
    display: block;
    cursor: pointer
}

.separator {
    margin: 1.0714285714rem 0
}

.motif-caption-default-light {
    margin-top: .4285714286rem
}