@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap";

/* node_modules/@paypoint-frontend/design-tokens/sanopass/employer/css/tokens.css */
:root {
  --dt-button-border-radius: 15px 15px 15px 15px;
  --dt-button-border-style: solid;
  --dt-button-padding: 12px 12px 12px 12px;
  --dt-button-font-size: 18px;
  --dt-button-font-weight: 600;
  --dt-button-line-height: 1.375;
  --dt-button-letter-spacing: 0.03em;
  --dt-button-transition:
    color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  --dt-button-variants: primary primary-internal secondary-internal dropdown-table dropdown-li-table tertiary-internal close close-contrast filter filter-selected;
  --dt-button-primary-bg-color: #000000;
  --dt-button-primary-color: #ffffff;
  --dt-button-primary-border-width: 1px 1px 1px 1px;
  --dt-button-primary-border-style: solid;
  --dt-button-primary-border-color: #000000;
  --dt-button-primary-hover-bg-color: #9d9d9d;
  --dt-button-primary-hover-color: #ffffff;
  --dt-button-primary-hover-border-color: #9d9d9d;
  --dt-button-primary-active-color: #000000;
  --dt-button-primary-active-border-color: #f2f2f2;
  --dt-button-primary-disabled-bg-color: #f2f2f2;
  --dt-button-primary-disabled-color: #495057;
  --dt-button-primary-disabled-border-color: #f2f2f2;
  --dt-button-primary-disabled-opacity: 0.65;
  --dt-button-primary-internal-bg-color: #000000;
  --dt-button-primary-internal-color: #ffffff;
  --dt-button-primary-internal-border-width: 1px 1px 1px 1px;
  --dt-button-primary-internal-border-style: solid;
  --dt-button-primary-internal-border-color: #000000;
  --dt-button-primary-internal-border-radius: 0;
  --dt-button-primary-internal-font-size: 14px;
  --dt-button-primary-internal-font-weight: 400;
  --dt-button-primary-internal-hover-bg-color: #9d9d9d;
  --dt-button-primary-internal-hover-color: #ffffff;
  --dt-button-primary-internal-hover-border-color: #9d9d9d;
  --dt-button-primary-internal-active-bg-color: #f2f2f2;
  --dt-button-primary-internal-active-color: #000000;
  --dt-button-primary-internal-active-border-color: #f2f2f2;
  --dt-button-primary-internal-disabled-bg-color: #f2f2f2;
  --dt-button-primary-internal-disabled-color: #495057;
  --dt-button-primary-internal-disabled-border-color: #f2f2f2;
  --dt-button-primary-internal-disabled-opacity: 0.65;
  --dt-button-secondary-internal-bg-color: #f1f1f1;
  --dt-button-secondary-internal-color: #000000;
  --dt-button-secondary-internal-border-width: 1px 1px 1px 1px;
  --dt-button-secondary-internal-border-style: solid;
  --dt-button-secondary-internal-border-color: #000000;
  --dt-button-secondary-internal-border-radius: 0;
  --dt-button-secondary-internal-font-size: 14px;
  --dt-button-secondary-internal-font-weight: 400;
  --dt-button-secondary-internal-box-shadow: none;
  --dt-button-secondary-internal-hover-bg-color: #9d9d9d;
  --dt-button-secondary-internal-hover-color: #ffffff;
  --dt-button-secondary-internal-hover-border-color: #9d9d9d;
  --dt-button-secondary-internal-active-bg-color: #f2f2f2;
  --dt-button-secondary-internal-active-color: #000000;
  --dt-button-secondary-internal-active-border-color: #f2f2f2;
  --dt-button-secondary-internal-disabled-bg-color: #f2f2f2;
  --dt-button-secondary-internal-disabled-color: #495057;
  --dt-button-secondary-internal-disabled-border-color: #f2f2f2;
  --dt-button-secondary-internal-disabled-opacity: 0.65;
  --dt-button-tertiary-internal-bg-color: #ffffff;
  --dt-button-tertiary-internal-color: #000000;
  --dt-button-tertiary-internal-border-width: 1px 1px 1px 1px;
  --dt-button-tertiary-internal-border-style: solid;
  --dt-button-tertiary-internal-border-color: #ffffff;
  --dt-button-tertiary-internal-border-radius: 0;
  --dt-button-tertiary-internal-font-size: 14px;
  --dt-button-tertiary-internal-font-weight: 400;
  --dt-button-tertiary-internal-box-shadow: none;
  --dt-button-tertiary-internal-hover-bg-color: #9d9d9d;
  --dt-button-tertiary-internal-hover-color: #ffffff;
  --dt-button-tertiary-internal-hover-border-color: #9d9d9d;
  --dt-button-tertiary-internal-active-bg-color: #000000;
  --dt-button-tertiary-internal-active-color: #ffffff;
  --dt-button-tertiary-internal-active-border-color: #000000;
  --dt-button-tertiary-internal-disabled-bg-color: #f2f2f2;
  --dt-button-tertiary-internal-disabled-color: #495057;
  --dt-button-tertiary-internal-disabled-border-color: #f2f2f2;
  --dt-button-tertiary-internal-disabled-opacity: 0.65;
  --dt-button-dropdown-table-bg-color: #fbfbfb;
  --dt-button-dropdown-table-bg-image: url("data:image/svg+xml,%3Csvg width='2' height='10' viewBox='0 0 2 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 2C1.55228 2 2 1.55228 2 1C2 0.447715 1.55228 0 1 0C0.447715 0 0 0.447715 0 1C0 1.55228 0.447715 2 1 2Z' fill='%23161616' /%3E%3Cpath d='M1 6C1.55228 6 2 5.55228 2 5C2 4.44772 1.55228 4 1 4C0.447715 4 0 4.44772 0 5C0 5.55228 0.447715 6 1 6Z' fill='%23161616' /%3E%3Cpath d='M1 10C1.55228 10 2 9.55228 2 9C2 8.44771 1.55228 8 1 8C0.447715 8 0 8.44771 0 9C0 9.55228 0.447715 10 1 10Z' fill='%23161616' /%3E%3C/svg%3E");
  --dt-button-dropdown-table-bg-position: center;
  --dt-button-dropdown-table-bg-repeat: no-repeat;
  --dt-button-dropdown-table-color: #000000;
  --dt-button-dropdown-table-border-width: 0;
  --dt-button-dropdown-table-border-style: solid;
  --dt-button-dropdown-table-border-color: #000000;
  --dt-button-dropdown-table-border-radius: 0;
  --dt-button-dropdown-table-font-size: 14px;
  --dt-button-dropdown-table-font-weight: 400;
  --dt-button-dropdown-table-padding: 26px;
  --dt-button-dropdown-table-box-shadow: none;
  --dt-button-dropdown-table-hover-bg-color: #f1f1f1;
  --dt-button-dropdown-table-focus-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  --dt-button-dropdown-table-cursor: pointer;
  --dt-button-dropdown-li-table-width: 100%;
  --dt-button-dropdown-li-table-bg-color: #f1f1f1;
  --dt-button-dropdown-li-table-color: #000000;
  --dt-button-dropdown-li-table-border-width: 0;
  --dt-button-dropdown-li-table-border-style: solid;
  --dt-button-dropdown-li-table-border-color: #f1f1f1;
  --dt-button-dropdown-li-table-border-radius: 0;
  --dt-button-dropdown-li-table-font-size: 14px;
  --dt-button-dropdown-li-table-font-weight: 400;
  --dt-button-dropdown-li-table-white-space: nowrap;
  --dt-button-dropdown-li-table-line-height: 18px;
  --dt-button-dropdown-li-table-padding: 18px;
  --dt-button-dropdown-li-table-box-shadow: none;
  --dt-button-dropdown-li-table-hover-bg-color: #e0e0e0;
  --dt-button-dropdown-li-table-hover-border-color: #f1f1f1;
  --dt-button-dropdown-li-table-cursor: pointer;
  --dt-button-close-position: absolute;
  --dt-button-close-cursor: pointer;
  --dt-button-close-bg-color: rgba(0, 0, 0, 0);
  --dt-button-close-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%231f1f1f'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E");
  --dt-button-close-bg-repeat: no-repeat;
  --dt-button-close-bg-position: 100%;
  --dt-button-close-color: rgba(0, 0, 0, 0);
  --dt-button-close-border-width: 0px;
  --dt-button-close-border-style: solid;
  --dt-button-close-border-color: rgba(0, 0, 0, 0);
  --dt-button-close-border-radius: 1px;
  --dt-button-close-hover-bg-color: #e6e6e6;
  --dt-button-close-hover-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23ffffff'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E");
  --dt-button-close-hover-color: rgba(0, 0, 0, 0);
  --dt-button-close-hover-border-color: #e6e6e6;
  --dt-button-close-active-bg-color: #e6e6e6;
  --dt-button-close-active-color: #000000;
  --dt-button-close-active-border-color: #e6e6e6;
  --dt-button-close-disabled-bg-color: #f2f2f2;
  --dt-button-close-disabled-color: #495057;
  --dt-button-close-disabled-border-color: #f2f2f2;
  --dt-button-close-disabled-opacity: 0.65;
  --dt-button-close-box-shadow: none;
  --dt-button-close-contrast-position: absolute;
  --dt-button-close-contrast-bg-color: rgba(0, 0, 0, 0);
  --dt-button-close-contrast-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23ffffff'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E");
  --dt-button-close-contrast-bg-repeat: no-repeat;
  --dt-button-close-contrast-bg-position: 100%;
  --dt-button-close-contrast-border-width: 0px;
  --dt-button-close-contrast-border-radius: 0px;
  --dt-button-close-contrast-hover-bg-color: #000000;
  --dt-button-close-contrast-hover-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23ffffff'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E");
  --dt-button-close-contrast-hover-color: rgba(0, 0, 0, 0);
  --dt-button-close-contrast-hover-border-width: 0px;
  --dt-button-close-contrast-active-bg-color: #000000;
  --dt-button-close-contrast-active-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23ffffff'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E");
  --dt-button-close-contrast-active-border-width: 0px;
  --dt-button-close-contrast-box-shadow: none;
  --dt-button-filter-bg-color: rgba(0, 0, 0, 0);
  --dt-button-filter-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000000'%3E%3Cpath d='M456.18-192Q446-192 439-198.9t-7-17.1v-227L197-729q-9-12-2.74-25.5Q200.51-768 216-768h528q15.49 0 21.74 13.5Q772-741 763-729L528-443v227q0 10.2-6.88 17.1-6.89 6.9-17.06 6.9h-47.88ZM480-498l162-198H317l163 198Zm0 0Z'/%3E%3C/svg%3E");
  --dt-button-filter-bg-repeat: no-repeat;
  --dt-button-filter-bg-position: center;
  --dt-button-filter-color: rgba(0, 0, 0, 0);
  --dt-button-filter-border-width: 0px;
  --dt-button-filter-border-style: solid;
  --dt-button-filter-border-color: rgba(0, 0, 0, 0);
  --dt-button-filter-border-radius: 1px;
  --dt-button-filter-hover-bg-color: #e6e6e6;
  --dt-button-filter-hover-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23ffffff'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E");
  --dt-button-filter-hover-color: rgba(0, 0, 0, 0);
  --dt-button-filter-hover-border-color: #9d9d9d;
  --dt-button-filter-active-bg-color: #f2f2f2;
  --dt-button-filter-active-color: #000000;
  --dt-button-filter-active-border-color: #f2f2f2;
  --dt-button-filter-disabled-bg-color: #f2f2f2;
  --dt-button-filter-disabled-color: #495057;
  --dt-button-filter-disabled-border-color: #f2f2f2;
  --dt-button-filter-disabled-opacity: 0.65;
  --dt-button-filter-box-shadow: none;
  --dt-button-filter-padding: 12px;
  --dt-button-filter-cursor: pointer;
  --dt-button-filter-selected-bg-color: rgba(0, 0, 0, 0);
  --dt-button-filter-selected-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23da1e28'%3E%3Cpath d='M456.18-192Q446-192 439-198.9t-7-17.1v-227L197-729q-9-12-2.74-25.5Q200.51-768 216-768h528q15.49 0 21.74 13.5Q772-741 763-729L528-443v227q0 10.2-6.88 17.1-6.89 6.9-17.06 6.9h-47.88ZM480-498l162-198H317l163 198Zm0 0Z'/%3E%3C/svg%3E");
  --dt-button-filter-selected-bg-repeat: no-repeat;
  --dt-button-filter-selected-bg-position: center;
  --dt-button-filter-selected-color: rgba(0, 0, 0, 0);
  --dt-button-filter-selected-border-width: 0px;
  --dt-button-filter-selected-border-style: solid;
  --dt-button-filter-selected-border-color: rgba(0, 0, 0, 0);
  --dt-button-filter-selected-border-radius: 1px;
  --dt-button-filter-selected-hover-bg-color: #e6e6e6;
  --dt-button-filter-selected-hover-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23ffffff'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E");
  --dt-button-filter-selected-hover-color: rgba(0, 0, 0, 0);
  --dt-button-filter-selected-hover-border-color: #9d9d9d;
  --dt-button-filter-selected-active-bg-color: #f2f2f2;
  --dt-button-filter-selected-active-color: #000000;
  --dt-button-filter-selected-active-border-color: #f2f2f2;
  --dt-button-filter-selected-disabled-bg-color: #f2f2f2;
  --dt-button-filter-selected-disabled-color: #495057;
  --dt-button-filter-selected-disabled-border-color: #f2f2f2;
  --dt-button-filter-selected-disabled-opacity: 0.65;
  --dt-button-filter-selected-box-shadow: none;
  --dt-button-filter-selected-padding: 12px;
  --dt-button-filter-selected-cursor: pointer;
  --dt-dialog-variants: close-subscription manage-subscriptions update-subscription;
  --dt-dialog-close-subscription-border-style: none;
  --dt-dialog-close-subscription-border-radius: 0px;
  --dt-dialog-close-subscription-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  --dt-dialog-close-subscription-width: fit-content;
  --dt-dialog-close-subscription-padding: 64px;
  --dt-dialog-manage-subscriptions-border-style: none;
  --dt-dialog-manage-subscriptions-border-radius: 0px;
  --dt-dialog-manage-subscriptions-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  --dt-dialog-manage-subscriptions-width: fit-content;
  --dt-dialog-manage-subscriptions-padding: 64px;
  --dt-dialog-manage-subscriptions-margin: 2rem auto;
  --dt-dialog-update-subscription-border-style: none;
  --dt-dialog-update-subscription-border-radius: 0px;
  --dt-dialog-update-subscription-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  --dt-dialog-update-subscription-width: fit-content;
  --dt-dialog-update-subscription-padding: 64px;
  --dt-checkbox-width: 1em;
  --dt-checkbox-height: 1em;
  --dt-checkbox-bg-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 0H1C0.734784 0 0.48043 0.105357 0.292893 0.292893C0.105357 0.48043 0 0.734784 0 1V11C0 11.2652 0.105357 11.5196 0.292893 11.7071C0.48043 11.8946 0.734784 12 1 12H11C11.2652 12 11.5196 11.8946 11.7071 11.7071C11.8946 11.5196 12 11.2652 12 11V1C12 0.734784 11.8946 0.48043 11.7071 0.292893C11.5196 0.105357 11.2652 0 11 0ZM1 11V1H11V11H1Z' fill='%23161616' /%3E%3C/svg%3E");
  --dt-checkbox-border-radius: 0;
  --dt-checkbox-border-style: solid;
  --dt-checkbox-border-width: 0 0 0 0;
  --dt-checkbox-border-color: #161616;
  --dt-checkbox-transform: scale(1.25);
  --dt-checkbox-checked-bg-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 0H1C0.734784 0 0.48043 0.105357 0.292893 0.292893C0.105357 0.48043 0 0.734784 0 1V11C0 11.2652 0.105357 11.5196 0.292893 11.7071C0.48043 11.8946 0.734784 12 1 12H11C11.2652 12 11.5196 11.8946 11.7071 11.7071C11.8946 11.5196 12 11.2652 12 11V1C12 0.734784 11.8946 0.48043 11.7071 0.292893C11.5196 0.105357 11.2652 0 11 0ZM5 8.75L2.5 6.27135L3.2954 5.5L5 7.1728L8.70435 3.5L9.50025 4.2886L5 8.75Z' fill='%23161616' /%3E%3C/svg%3E");
  --dt-checkbox-indeterminate-bg-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 0H1C0.734784 0 0.48043 0.105357 0.292893 0.292893C0.105357 0.48043 0 0.734784 0 1V11C0 11.2652 0.105357 11.5196 0.292893 11.7071C0.48043 11.8946 0.734784 12 1 12H11C11.2652 12 11.5196 11.8946 11.7071 11.7071C11.8946 11.5196 12 11.2652 12 11V1C12 0.734784 11.8946 0.48043 11.7071 0.292893C11.5196 0.105357 11.2652 0 11 0ZM9 7H3V5H9V7Z' fill='%23161616' /%3E%3C/svg%3E");
  --dt-checkbox-variants: primary;
  --dt-checkbox-primary-width: 1em;
  --dt-checkbox-primary-height: 1em;
  --dt-checkbox-primary-bg-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 0H1C0.734784 0 0.48043 0.105357 0.292893 0.292893C0.105357 0.48043 0 0.734784 0 1V11C0 11.2652 0.105357 11.5196 0.292893 11.7071C0.48043 11.8946 0.734784 12 1 12H11C11.2652 12 11.5196 11.8946 11.7071 11.7071C11.8946 11.5196 12 11.2652 12 11V1C12 0.734784 11.8946 0.48043 11.7071 0.292893C11.5196 0.105357 11.2652 0 11 0ZM1 11V1H11V11H1Z' fill='%23161616' /%3E%3C/svg%3E");
  --dt-checkbox-primary-border-radius: 0;
  --dt-checkbox-primary-border-style: solid;
  --dt-checkbox-primary-border-width: 0 0 0 0;
  --dt-checkbox-primary-border-color: #161616;
  --dt-checkbox-primary-transform: scale(1.25);
  --dt-checkbox-primary-checked-bg-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 0H1C0.734784 0 0.48043 0.105357 0.292893 0.292893C0.105357 0.48043 0 0.734784 0 1V11C0 11.2652 0.105357 11.5196 0.292893 11.7071C0.48043 11.8946 0.734784 12 1 12H11C11.2652 12 11.5196 11.8946 11.7071 11.7071C11.8946 11.5196 12 11.2652 12 11V1C12 0.734784 11.8946 0.48043 11.7071 0.292893C11.5196 0.105357 11.2652 0 11 0ZM5 8.75L2.5 6.27135L3.2954 5.5L5 7.1728L8.70435 3.5L9.50025 4.2886L5 8.75Z' fill='%23161616' /%3E%3C/svg%3E");
  --dt-checkbox-primary-indeterminate-bg-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 0H1C0.734784 0 0.48043 0.105357 0.292893 0.292893C0.105357 0.48043 0 0.734784 0 1V11C0 11.2652 0.105357 11.5196 0.292893 11.7071C0.48043 11.8946 0.734784 12 1 12H11C11.2652 12 11.5196 11.8946 11.7071 11.7071C11.8946 11.5196 12 11.2652 12 11V1C12 0.734784 11.8946 0.48043 11.7071 0.292893C11.5196 0.105357 11.2652 0 11 0ZM9 7H3V5H9V7Z' fill='%23161616' /%3E%3C/svg%3E");
  --dt-checkbox-primary-appearance: none;
  --dt-input-display: block;
  --dt-input-width: 100%;
  --dt-input-border-radius: 0;
  --dt-input-border-style: solid;
  --dt-input-border-width: 0 0 1px 0;
  --dt-input-border-color: #8d8d8d;
  --dt-input-padding: 10px 0;
  --dt-input-font-size: 14px;
  --dt-input-font-weight: 400;
  --dt-input-line-height: 1.286;
  --dt-input-letter-spacing: 0.01rem;
  --dt-input-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  --dt-input-focus-border-color: #000000;
  --dt-input-focus-box-shadow: none;
  --dt-input-variants: primary secondary;
  --dt-input-primary-display: block;
  --dt-input-primary-width: 100%;
  --dt-input-primary-border-radius: 0;
  --dt-input-primary-border-style: solid;
  --dt-input-primary-border-width: 0 0 1px 0;
  --dt-input-primary-border-color: #8d8d8d;
  --dt-input-primary-padding: 10px 0;
  --dt-input-primary-font-size: 14px;
  --dt-input-primary-font-weight: 400;
  --dt-input-primary-line-height: 1.286;
  --dt-input-primary-letter-spacing: 0.01rem;
  --dt-input-primary-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  --dt-input-primary-focus-border-color: #000000;
  --dt-input-primary-focus-box-shadow: none;
  --dt-input-secondary-display: block;
  --dt-input-secondary-border-radius: 0;
  --dt-input-secondary-border-style: solid;
  --dt-input-secondary-border-width: 0;
  --dt-input-secondary-border-color: #8d8d8d;
  --dt-input-secondary-padding: 10px 30px 10px 10px;
  --dt-input-secondary-margin: 0;
  --dt-input-secondary-font-size: 14px;
  --dt-input-secondary-font-weight: 400;
  --dt-input-secondary-line-height: 1.286;
  --dt-input-secondary-letter-spacing: 0.01rem;
  --dt-input-secondary-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  --dt-input-secondary-text-align: right;
  --dt-input-secondary-bg-color: #f1f1f1;
  --dt-input-secondary-bg-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5177 12.8106L9.74165 9.0346C10.649 7.94528 11.1015 6.54808 11.0049 5.13366C10.9084 3.71923 10.2702 2.39649 9.22323 1.44058C8.17625 0.484678 6.80105 -0.0307847 5.3837 0.00142333C3.96635 0.0336313 2.61598 0.61103 1.61351 1.61351C0.61103 2.61598 0.0336313 3.96635 0.00142333 5.3837C-0.0307847 6.80105 0.484678 8.17625 1.44058 9.22323C2.39649 10.2702 3.71923 10.9084 5.13366 11.0049C6.54808 11.1015 7.94528 10.649 9.0346 9.74165L12.8106 13.5177L13.5177 12.8106ZM1.0177 5.5177C1.0177 4.62768 1.28162 3.75765 1.77608 3.01763C2.27055 2.27761 2.97335 1.70083 3.79562 1.36024C4.61789 1.01964 5.52269 0.930529 6.3956 1.10416C7.26852 1.2778 8.07034 1.70638 8.69968 2.33572C9.32901 2.96505 9.7576 3.76688 9.93123 4.63979C10.1049 5.5127 10.0157 6.4175 9.67515 7.23977C9.33456 8.06204 8.75778 8.76484 8.01776 9.25931C7.27774 9.75378 6.40771 10.0177 5.5177 10.0177C4.32463 10.0164 3.1808 9.54184 2.33718 8.69822C1.49355 7.85459 1.01902 6.71076 1.0177 5.5177Z' fill='%23525252' /%3E%3C/svg%3E");
  --dt-input-secondary-bg-repeat: no-repeat;
  --dt-input-secondary-bg-position: calc(100% - 10px);
  --dt-input-secondary-focus-box-shadow: 0 0 44px 2px rgba(0, 0, 0, 0.19);
  --dt-invalid-feedback-font-family: IBM Plex Sans;
  --dt-invalid-feedback-font-size: 12px;
  --dt-invalid-feedback-font-weight: 400;
  --dt-invalid-feedback-display: block;
  --dt-invalid-feedback-line-height: 12px;
  --dt-invalid-feedback-color: #da1e28;
  --dt-invalid-feedback-padding: 4px 0;
  --dt-radio-width: 1em;
  --dt-radio-height: 1em;
  --dt-radio-accent-color: #000000;
  --dt-select-display: block;
  --dt-select-width: 100%;
  --dt-select-border-radius: 0;
  --dt-select-border-style: solid;
  --dt-select-border-width: 0 0 1px 0;
  --dt-select-border-color: #8d8d8d;
  --dt-select-padding: 10px 0;
  --dt-select-font-size: 14px;
  --dt-select-font-weight: 400;
  --dt-select-line-height: 1.286;
  --dt-select-letter-spacing: 0.01rem;
  --dt-select-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  --dt-select-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%231f1f1f'%3E%3Cpath d='M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E");
  --dt-select-bg-repeat: no-repeat;
  --dt-select-bg-position: calc(100% - 10px);
  --dt-select-focus-border-color: #000000;
  --dt-select-focus-box-shadow: none;
  --dt-select-variants: primary secondary;
  --dt-select-primary-display: block;
  --dt-select-primary-width: 100%;
  --dt-select-primary-border-radius: 0;
  --dt-select-primary-border-style: solid;
  --dt-select-primary-border-width: 0 0 1px 0;
  --dt-select-primary-border-color: #8d8d8d;
  --dt-select-primary-padding: 10px 0;
  --dt-select-primary-font-size: 14px;
  --dt-select-primary-font-weight: 400;
  --dt-select-primary-line-height: 1.286;
  --dt-select-primary-letter-spacing: 0.01rem;
  --dt-select-primary-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  --dt-select-primary-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%231f1f1f'%3E%3Cpath d='M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E");
  --dt-select-primary-bg-repeat: no-repeat;
  --dt-select-primary-bg-position: 100%;
  --dt-select-primary-focus-border-color: #000000;
  --dt-select-primary-focus-outline: none;
  --dt-select-primary-focus-box-shadow: none;
  --dt-select-primary-appearance: none;
  --dt-select-secondary-display: block;
  --dt-select-secondary-border-radius: 0;
  --dt-select-secondary-border-style: solid;
  --dt-select-secondary-border-width: 0;
  --dt-select-secondary-border-color: #8d8d8d;
  --dt-select-secondary-padding: 10px 30px 10px 10px;
  --dt-select-secondary-margin: 0;
  --dt-select-secondary-font-size: 14px;
  --dt-select-secondary-font-weight: 400;
  --dt-select-secondary-line-height: 1.286;
  --dt-select-secondary-letter-spacing: 0.01rem;
  --dt-select-secondary-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  --dt-select-secondary-text-align: left;
  --dt-select-secondary-bg-color: #f1f1f1;
  --dt-select-secondary-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%231f1f1f'%3E%3Cpath d='M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E");
  --dt-select-secondary-bg-repeat: no-repeat;
  --dt-select-secondary-bg-position: 100%;
  --dt-select-secondary-focus-box-shadow: 0 0 44px 2px rgba(0, 0, 0, 0.19);
  --dt-select-secondary-appearance: none;
  --dt-label-font-size: 12px;
  --dt-label-font-weight: 400;
  --dt-label-color: #525252;
  --dt-label-line-height: 16px;
  --dt-label-letter-spacing: 0.02rem;
  --dt-label-cursor: pointer;
  --dt-pagination-grid-template-area: "selection pages";
  --dt-pagination-grid-gap: 0 8px;
  --dt-pagination-border-width: 1px 0 0 0;
  --dt-pagination-border-style: solid;
  --dt-pagination-border-color: #e0e0e0;
  --dt-pagination-font-size: 14px;
  --dt-pagination-justify-content: end;
  --dt-pagination-pages-page-display: none;
  --dt-pagination-pages-grid-template-area: "first prev next last";
  --dt-pagination-pages-grid-page-display: none;
  --dt-pagination-pages-button-padding: 24px;
  --dt-pagination-pages-button-border-width: 0 0 0 1px;
  --dt-pagination-pages-button-border-style: solid;
  --dt-pagination-pages-button-border-color: #e0e0e0;
  --dt-pagination-pages-prev-content: "";
  --dt-pagination-pages-prev-bg-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8L0 4L5 0V8Z' fill='%23161616' /%3E%3C/svg%3E");
  --dt-pagination-pages-prev-bg-repeat: no-repeat;
  --dt-pagination-pages-prev-bg-position: center;
  --dt-pagination-pages-prev-primary-disabled-bg-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8L0 4L5 0V8Z' fill='%238d8d8d' /%3E%3C/svg%3E");
  --dt-pagination-pages-next-content: "";
  --dt-pagination-pages-next-bg-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L5 4L0 8V0Z' fill='%23161616' /%3E%3C/svg%3E");
  --dt-pagination-pages-next-bg-repeat: no-repeat;
  --dt-pagination-pages-next-bg-position: center;
  --dt-pagination-pages-next-primary-disabled-bg-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L5 4L0 8V0Z' fill='%238d8d8d' /%3E%3C/svg%3E");
  --dt-pagination-selection-grid-template-area: selection;
  --dt-pagination-selection-border-width: 0 0 0 1px;
  --dt-pagination-selection-border-style: solid;
  --dt-pagination-selection-border-color: #e0e0e0;
  --dt-pagination-selection-select-items-perpage-display: block;
  --dt-pagination-selection-select-items-pages-display: block;
  --dt-pagination-selection-select-bg-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5.7L0 0.7L0.7 0L5 4.3L9.3 0L10 0.7L5 5.7Z' fill='%23161616' /%3E%3C/svg%3E");
  --dt-pagination-selection-select-bg-repeat: no-repeat;
  --dt-pagination-selection-select-bg-position: right;
  --dt-pagination-selection-select-bg-color: rgba(0, 0, 0, 0);
  --dt-pagination-selection-select-appearance: none;
  --dt-pagination-selection-select-font-family: Montserrat;
  --dt-pagination-selection-select-border-width: 0;
  --dt-pagination-selection-select-outline-color: rgba(0, 0, 0, 0);
  --dt-pagination-selection-select-outline-style: none;
  --dt-pagination-selection-select-padding: 0 14px 0 10px;
  --dt-pagination-selection-select-margin: 0 0 0 2px;
  --dt-pagination-button-variants: primary;
  --dt-pagination-button-primary-pages-page-display: none;
  --dt-pagination-button-primary-pages-prev-content: "";
  --dt-pagination-button-primary-pages-prev-bg-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8L0 4L5 0V8Z' fill='%23161616' /%3E%3C/svg%3E");
  --dt-pagination-button-primary-pages-prev-bg-repeat: no-repeat;
  --dt-pagination-button-primary-pages-prev-bg-position: center;
  --dt-pagination-button-primary-pages-prev-primary-disabled-bg-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8L0 4L5 0V8Z' fill='%238d8d8d' /%3E%3C/svg%3E");
  --dt-pagination-button-primary-pages-first-display: none;
  --dt-pagination-button-primary-pages-last-display: none;
  --dt-pagination-button-primary-pages-button-padding: 24px;
  --dt-pagination-button-primary-pages-button-border-radius: 0px;
  --dt-pagination-select-variants: primary;
  --dt-pagination-select-primary-display: block;
  --dt-pagination-select-primary-width: 100%;
  --dt-pagination-select-primary-border-radius: 0;
  --dt-pagination-select-primary-border-width: 0 0 0 0;
  --dt-pagination-select-primary-border-style: solid;
  --dt-pagination-select-primary-border-color: #e0e0e0;
  --dt-pagination-select-primary-font-size: 14px;
  --dt-pagination-select-primary-font-weight: 400;
  --dt-pagination-select-primary-bg-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5.7L0 0.7L0.7 0L5 4.3L9.3 0L10 0.7L5 5.7Z' fill='%23161616' /%3E%3C/svg%3E");
  --dt-pagination-select-primary-bg-repeat: no-repeat;
  --dt-pagination-select-primary-bg-position: right;
  --dt-pagination-select-primary-bg-color: rgba(0, 0, 0, 0);
  --dt-pagination-select-primary-appearance: none;
  --dt-pagination-select-primary-padding: 0 14px 0 10px;
  --dt-pagination-select-primary-margin: 0 0 0 2px;
  --dt-body-font-size: 16px;
  --dt-body-font-weight: 400;
  --dt-body-font-family: Montserrat;
  --dt-body-color: #000000;
  --dt-body-bg: #ffffff;
  --dt-body-line-height: 1.5;
  --dt-link-color: #000000;
  --dt-link-text-decoration: none;
  --dt-link-hover-color: #000000;
  --dt-link-hover-text-decoration: none;
  --dt-table-width: 100%;
  --dt-table-bg: #fbfbfb;
  --dt-table-thead-bg: #f4f4f4;
  --dt-table-thead-tr-th-font-size: 14px;
  --dt-table-thead-tr-th-font-weight: 700;
  --dt-table-thead-tr-th-line-height: 18px;
  --dt-table-thead-tr-th-letter-spacing: 0.01rem;
  --dt-table-thead-tr-th-color: #161616;
  --dt-table-thead-tr-th-padding: 16px;
  --dt-table-thead-tr-th-border-width: 1px 0 0 0;
  --dt-table-thead-tr-th-border-style: solid;
  --dt-table-thead-tr-th-border-color: #e0e0e0;
  --dt-table-tbody-tr-hover-bg: #e0e0e0;
  --dt-table-tbody-tr-hover-transition: background-color 0.075s ease;
  --dt-table-tbody-tr-selected-bg: #cacaca;
  --dt-table-tbody-tr-selected-transition: background-color 0.075s ease;
  --dt-table-tbody-tr-td-font-size: 14px;
  --dt-table-tbody-tr-td-font-weight: 400;
  --dt-table-tbody-tr-td-line-height: 18px;
  --dt-table-tbody-tr-td-letter-spacing: 0.01rem;
  --dt-table-tbody-tr-td-color: #161616;
  --dt-table-tbody-tr-td-padding: 16px;
  --dt-table-tbody-tr-td-border-width: 1px 0 0 0;
  --dt-table-tbody-tr-td-border-style: solid;
  --dt-table-tbody-tr-td-border-color: #e0e0e0;
  --dt-tab-button-variants: primary;
  --dt-tab-button-primary-bg-color: #ffffff;
  --dt-tab-button-primary-color: #000000;
  --dt-tab-button-primary-border-width: 0 0 1px 0;
  --dt-tab-button-primary-border-style: solid;
  --dt-tab-button-primary-border-radius: 2px;
  --dt-tab-button-primary-border-color: #e6e6e6;
  --dt-tab-button-primary-font-size: 14px;
  --dt-tab-button-primary-font-weight: 400;
  --dt-tab-button-primary-padding: 12px 8px;
  --dt-tab-button-primary-line-height: 1;
  --dt-tab-button-primary-transition:
    color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  --dt-tab-button-primary-hover-bg-color: #f2f2f2;
  --dt-tab-button-primary-hover-color: #000000;
  --dt-tab-button-primary-hover-border-color: #f2f2f2;
  --dt-tab-button-primary-active-bg-color: #ffffff;
  --dt-tab-button-primary-active-color: #000000;
  --dt-tab-button-primary-active-border-color: #000000;
  --dt-tab-button-primary-disabled-bg-color: #f2f2f2;
  --dt-tab-button-primary-disabled-color: #495057;
  --dt-tab-button-primary-disabled-border-color: #f2f2f2;
  --dt-tab-button-primary-disabled-opacity: 0.65;
  --dt-tab-content-grid-column: 1/3;
  --dt-h2-font-size: 24px;
  --dt-h2-font-weight: 900;
  --dt-h2-color: #000000;
  --dt-h3-font-size: 20px;
  --dt-h3-font-weight: 500;
  --dt-h3-color: #000000;
  --dt-h3-line-height: 28px;
  --dt-h5-font-size: 14px;
  --dt-h5-font-weight: 600;
  --dt-h5-color: #9d9d9d;
  --dt-h5-letter-spacing: 0.04em;
  --dt-h5-line-height: 18px;
  --dt-h6-font-size: 12px;
  --dt-h6-font-weight: 600;
  --dt-h6-color: #000000;
  --dt-h6-variants:
    primary,
    secondary,
    white;
  --dt-h6-primary-font-size: 12px;
  --dt-h6-primary-font-weight: 600;
  --dt-h6-primary-color: #000000;
  --dt-h6-secondary-font-size: 12px;
  --dt-h6-secondary-font-weight: 400;
  --dt-h6-secondary-line-height: 18px;
  --dt-h6-secondary-color: #525252;
  --dt-h6-white-font-size: 12px;
  --dt-h6-white-font-weight: 400;
  --dt-h6-white-line-height: 18px;
  --dt-h6-white-color: #ffffff;
  --dt-h6-white-margin: 0;
  --dt-h6-white-padding: 0 18px;
  --dt-breakpoints-xxs: 0px;
  --dt-breakpoints-xs: 375px;
  --dt-breakpoints-sm: 576px;
  --dt-breakpoints-md: 768px;
  --dt-breakpoints-lg: 1024px;
  --dt-breakpoints-xl: 1280px;
  --dt-breakpoints-xxl: 1440px;
  --dt-font-family-montserrat: Montserrat;
  --dt-font-family-ibm-plex-sans: IBM Plex Sans;
  --dt-font-size-8: 8px;
  --dt-font-size-12: 12px;
  --dt-font-size-14: 14px;
  --dt-font-size-16: 16px;
  --dt-font-size-18: 18px;
  --dt-font-size-20: 20px;
  --dt-font-size-24: 24px;
  --dt-font-size-32: 32px;
  --dt-font-size-40: 40px;
  --dt-font-size-64: 64px;
  --dt-font-line-height-1: 1;
  --dt-font-line-height-0-5: 0.5;
  --dt-font-line-height-1-0625: 1.0625;
  --dt-font-line-height-1-125: 1.125;
  --dt-font-line-height-1-25: 1.25;
  --dt-font-line-height-1-286: 1.286;
  --dt-font-line-height-1-375: 1.375;
  --dt-font-line-height-1-5: 1.5;
  --dt-font-weight-thin: 100;
  --dt-font-weight-extralight: 200;
  --dt-font-weight-light: 300;
  --dt-font-weight-regular: 400;
  --dt-font-weight-medium: 500;
  --dt-font-weight-semibold: 600;
  --dt-font-weight-bold: 700;
  --dt-font-weight-extrabold: 800;
  --dt-font-weight-black: 900;
  --dt-palette-green-1: #708f2c;
  --dt-palette-gray-1: #f7f7f7;
  --dt-palette-gray-2: #eeeeee;
  --dt-palette-gray-3: #f2f2f2;
  --dt-palette-gray-4: #f4f4f4;
  --dt-palette-gray-5: #e6e6e6;
  --dt-palette-gray-6: #8d8d8d;
  --dt-palette-gray-7: #9d9d9d;
  --dt-palette-gray-8: #525252;
  --dt-palette-gray-9: #495057;
  --dt-palette-gray-10: #e0e0e0;
  --dt-palette-gray-11: #fbfbfb;
  --dt-palette-gray-12: #cacaca;
  --dt-palette-gray-13: #f1f1f1;
  --dt-palette-purple-1: #f0f7ff;
  --dt-palette-purple-2: #ededed;
  --dt-palette-purple-3: #f2d1fa;
  --dt-palette-purple-4: #a820c8;
  --dt-palette-red-1: #da1e28;
  --dt-palette-yellow-1: #ff8200;
  --dt-palette-yellow-2: #ffb54a;
  --dt-palette-yellow-3: #fff5e5;
  --dt-palette-yellow-4: #eda33b;
  --dt-palette-yellow-5: #ffb549;
  --dt-palette-black-1: #000000;
  --dt-palette-black-2: #161616;
  --dt-palette-white: #ffffff;
  --dt-palette-transparent: rgba(0, 0, 0, 0);
  --dt-radius-1: 15px;
  --dt-shadow-1: 0 0 44px 2px rgba(0, 0, 0, 0.19);
  --dt-shadow-2: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  --dt-space-0: 0px;
  --dt-space-1: 2px;
  --dt-space-2: 4px;
  --dt-space-3: 6px;
  --dt-space-4: 8px;
  --dt-space-5: 10px;
  --dt-space-6: 12px;
  --dt-space-7: 14px;
  --dt-space-8: 16px;
  --dt-space-9: 18px;
  --dt-space-10: 20px;
  --dt-space-11: 22px;
  --dt-space-12: 24px;
  --dt-space-13: 26px;
  --dt-space-14: 28px;
  --dt-space-15: 30px;
  --dt-space-16: 32px;
  --dt-space-17: 34px;
  --dt-space-18: 36px;
  --dt-space-19: 38px;
  --dt-space-20: 40px;
  --dt-space-21: 42px;
  --dt-space-22: 44px;
  --dt-space-23: 46px;
  --dt-space-24: 48px;
  --dt-space-25: 50px;
  --dt-space-26: 52px;
  --dt-space-27: 54px;
  --dt-space-28: 56px;
  --dt-space-29: 58px;
  --dt-space-30: 60px;
  --dt-space-31: 62px;
  --dt-space-32: 64px;
  --dt-transition-0: all 0.25s ease-in-out;
  --dt-transition-1:
    color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  --dt-transition-2: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  --dt-transition-3: background-color 0.075s ease;
  --dt-semantic-body: #e6e6e6;
  --dt-semantic-primary: #000000;
  --dt-semantic-form-invalid-bg: #da1e28;
  --dt-semantic-danger-bg-subtle: #da1e28;
  --dt-semantic-warning-bg-subtle: #ff8200;
  --dt-semantic-warning-text: #ffb549;
}

/* src/app/scss/styles.scss */
body {
  margin: 0;
  font-family: var(--dt-body-font-family);
  font-size: var(--dt-body-font-size);
  font-weight: var(--dt-body-font-weight);
  line-height: var(--dt-body-line-height);
  color: var(--dt-body-color);
  text-align: var(--dt-body-text-align);
  background-color: var(--dt-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: var(--dt-palette-transparent);
}
a {
  color: var(--dt-link-color);
  text-decoration: var(--dt-link-text-decoration);
}
a:hover {
  --dt-link-color: var(--dt-link-hover-color);
  text-decoration: var(--dt-link-hover-text-decoration);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: var(--dt-link-color);
  text-decoration: var(--dt-link-text-decoration);
}
ds-badge.ds-badge-primary,
.ds-badge.ds-badge-primary {
  font-size: var(--dt-badge-primary-font-size, inherit);
  font-weight: var(--dt-badge-primary-font-weight, initial);
  color: var(--dt-badge-primary-color, initial);
  border-color: var(--dt-badge-primary-border-color, var(--dt-badge-border-color, initial));
  border-style: var(--dt-badge-primary-border-style, var(--dt-badge-border-style, initial));
  border-width: var(--dt-badge-primary-border-width, var(--dt-badge-border-width, initial));
  border-radius: var(--dt-badge-primary-border-radius, var(--dt-badge-border-radius, initial));
  box-shadow: var(--dt-badge-primary-box-shadow, var(--dt-badge-box-shadow, initial));
  width: var(--dt-badge-primary-width, initial);
  padding: var(--dt-badge-primary-padding, var(--dt-badge-padding, initial));
  white-space: var(--dt-badge-primary-white-space, initial);
  line-height: var(--dt-badge-primary-line-height, initial);
  text-align: var(--dt-badge-primary-text-align, var(--dt-badge-text-align, initial));
  display: var(--dt-badge-primary-display, var(--dt-badge-display, initial));
  background-color: var(--dt-badge-primary-bg-color, initial);
  background-image: var(--dt-badge-primary-bg-image, none);
  background-repeat: var(--dt-badge-primary-bg-repeat, no-repeat);
  background-position: var(--dt-badge-primary-bg-position, center);
}
button.ds-button.ds-button-primary {
  letter-spacing: var(--dt-button-primary-letter-spacing, var(--dt-button-letter-spacing, initial));
  font-family: var(--dt-button-primary-font-family, var(--dt-button-font-family, inherit));
  font-size: var(--dt-button-primary-font-size, var(--dt-button-font-size, inherit));
  font-weight: var(--dt-button-primary-font-weight, var(--dt-button-font-weight, initial));
  color: var(--dt-button-primary-color, var(--ds-color-button-primary-default));
  border-color: var(--dt-button-primary-border-color, var(--dt-button-border-color, initial));
  border-style: var(--dt-button-primary-border-style, var(--dt-button-border-style, initial));
  border-width: var(--dt-button-primary-border-width, var(--dt-button-border-width, initial));
  border-radius: var(--dt-button-primary-border-radius, var(--dt-button-border-radius, initial));
  box-shadow: var(--dt-button-primary-box-shadow, var(--dt-shadow-1));
  width: var(--dt-button-primary-width, var(--dt-button-width, auto));
  padding: var(--dt-button-primary-padding, var(--dt-button-padding, 0));
  white-space: var(--dt-button-primary-white-space, initial);
  line-height: var(--dt-button-primary-line-height, var(--dt-button-line-height), normal);
  background-color: var(--dt-button-primary-bg-color, var(--dt-button-bg-color, transparent));
  background-image: var(--dt-button-primary-bg-image, var(--dt-button-bg-image, none));
  background-position: var(--dt-button-primary-bg-position, var(--dt-button-bg-position, auto));
  background-repeat: var(--dt-button-primary-bg-repeat, var(--dt-button-bg-repeat, no-repeat));
  outline-width: var(--dt-button-primary-outline-width, var(--dt-button-outline-width, 0));
  transition: var(--dt-button-primary-transition, var(--dt-button-transition, initial));
  position: var(--dt-button-primary-position, var(--dt-button-position, auto));
  cursor: var(--dt-button-primary-cursor, var(--dt-button-cursor, auto));
}
button.ds-button.ds-button-primary:hover {
  background-color: var(--dt-button-primary-hover-bg-color);
  color: var(--dt-button-primary-hover-color);
  border-color: var(--dt-button-primary-hover-border-color);
}
button.ds-button.ds-button-primary:active {
  background-color: var(--dt-button-primary-active-bg-color);
  color: var(--dt-button-primary-active-color);
  border-color: var(--dt-button-primary-active-border-color);
}
button.ds-button.ds-button-primary:disabled {
  background-color: var(--dt-button-primary-disabled-bg-color);
  color: var(--dt-button-primary-disabled-color);
  border-color: var(--dt-button-primary-disabled-border-color);
  opacity: var(--dt-button-primary-disabled-opacity);
}
button.ds-button.ds-button-primary-internal {
  letter-spacing: var(--dt-button-primary-internal-letter-spacing, var(--dt-button-letter-spacing, initial));
  font-family: var(--dt-button-primary-internal-font-family, var(--dt-button-font-family, inherit));
  font-size: var(--dt-button-primary-internal-font-size, var(--dt-button-font-size, inherit));
  font-weight: var(--dt-button-primary-internal-font-weight, var(--dt-button-font-weight, initial));
  color: var(--dt-button-primary-internal-color, var(--ds-color-button-primary-internal-default));
  border-color: var(--dt-button-primary-internal-border-color, var(--dt-button-border-color, initial));
  border-style: var(--dt-button-primary-internal-border-style, var(--dt-button-border-style, initial));
  border-width: var(--dt-button-primary-internal-border-width, var(--dt-button-border-width, initial));
  border-radius: var(--dt-button-primary-internal-border-radius, var(--dt-button-border-radius, initial));
  box-shadow: var(--dt-button-primary-internal-box-shadow, var(--dt-shadow-1));
  width: var(--dt-button-primary-internal-width, var(--dt-button-width, auto));
  padding: var(--dt-button-primary-internal-padding, var(--dt-button-padding, 0));
  white-space: var(--dt-button-primary-internal-white-space, initial);
  line-height: var(--dt-button-primary-internal-line-height, var(--dt-button-line-height), normal);
  background-color: var(--dt-button-primary-internal-bg-color, var(--dt-button-bg-color, transparent));
  background-image: var(--dt-button-primary-internal-bg-image, var(--dt-button-bg-image, none));
  background-position: var(--dt-button-primary-internal-bg-position, var(--dt-button-bg-position, auto));
  background-repeat: var(--dt-button-primary-internal-bg-repeat, var(--dt-button-bg-repeat, no-repeat));
  outline-width: var(--dt-button-primary-internal-outline-width, var(--dt-button-outline-width, 0));
  transition: var(--dt-button-primary-internal-transition, var(--dt-button-transition, initial));
  position: var(--dt-button-primary-internal-position, var(--dt-button-position, auto));
  cursor: var(--dt-button-primary-internal-cursor, var(--dt-button-cursor, auto));
}
button.ds-button.ds-button-primary-internal:hover {
  background-color: var(--dt-button-primary-internal-hover-bg-color);
  color: var(--dt-button-primary-internal-hover-color);
  border-color: var(--dt-button-primary-internal-hover-border-color);
}
button.ds-button.ds-button-primary-internal:active {
  background-color: var(--dt-button-primary-internal-active-bg-color);
  color: var(--dt-button-primary-internal-active-color);
  border-color: var(--dt-button-primary-internal-active-border-color);
}
button.ds-button.ds-button-primary-internal:disabled {
  background-color: var(--dt-button-primary-internal-disabled-bg-color);
  color: var(--dt-button-primary-internal-disabled-color);
  border-color: var(--dt-button-primary-internal-disabled-border-color);
  opacity: var(--dt-button-primary-internal-disabled-opacity);
}
button.ds-button.ds-button-secondary-internal {
  letter-spacing: var(--dt-button-secondary-internal-letter-spacing, var(--dt-button-letter-spacing, initial));
  font-family: var(--dt-button-secondary-internal-font-family, var(--dt-button-font-family, inherit));
  font-size: var(--dt-button-secondary-internal-font-size, var(--dt-button-font-size, inherit));
  font-weight: var(--dt-button-secondary-internal-font-weight, var(--dt-button-font-weight, initial));
  color: var(--dt-button-secondary-internal-color, var(--ds-color-button-secondary-internal-default));
  border-color: var(--dt-button-secondary-internal-border-color, var(--dt-button-border-color, initial));
  border-style: var(--dt-button-secondary-internal-border-style, var(--dt-button-border-style, initial));
  border-width: var(--dt-button-secondary-internal-border-width, var(--dt-button-border-width, initial));
  border-radius: var(--dt-button-secondary-internal-border-radius, var(--dt-button-border-radius, initial));
  box-shadow: var(--dt-button-secondary-internal-box-shadow, var(--dt-shadow-1));
  width: var(--dt-button-secondary-internal-width, var(--dt-button-width, auto));
  padding: var(--dt-button-secondary-internal-padding, var(--dt-button-padding, 0));
  white-space: var(--dt-button-secondary-internal-white-space, initial);
  line-height: var(--dt-button-secondary-internal-line-height, var(--dt-button-line-height), normal);
  background-color: var(--dt-button-secondary-internal-bg-color, var(--dt-button-bg-color, transparent));
  background-image: var(--dt-button-secondary-internal-bg-image, var(--dt-button-bg-image, none));
  background-position: var(--dt-button-secondary-internal-bg-position, var(--dt-button-bg-position, auto));
  background-repeat: var(--dt-button-secondary-internal-bg-repeat, var(--dt-button-bg-repeat, no-repeat));
  outline-width: var(--dt-button-secondary-internal-outline-width, var(--dt-button-outline-width, 0));
  transition: var(--dt-button-secondary-internal-transition, var(--dt-button-transition, initial));
  position: var(--dt-button-secondary-internal-position, var(--dt-button-position, auto));
  cursor: var(--dt-button-secondary-internal-cursor, var(--dt-button-cursor, auto));
}
button.ds-button.ds-button-secondary-internal:hover {
  background-color: var(--dt-button-secondary-internal-hover-bg-color);
  color: var(--dt-button-secondary-internal-hover-color);
  border-color: var(--dt-button-secondary-internal-hover-border-color);
}
button.ds-button.ds-button-secondary-internal:active {
  background-color: var(--dt-button-secondary-internal-active-bg-color);
  color: var(--dt-button-secondary-internal-active-color);
  border-color: var(--dt-button-secondary-internal-active-border-color);
}
button.ds-button.ds-button-secondary-internal:disabled {
  background-color: var(--dt-button-secondary-internal-disabled-bg-color);
  color: var(--dt-button-secondary-internal-disabled-color);
  border-color: var(--dt-button-secondary-internal-disabled-border-color);
  opacity: var(--dt-button-secondary-internal-disabled-opacity);
}
button.ds-button.ds-button-dropdown-table {
  letter-spacing: var(--dt-button-dropdown-table-letter-spacing, var(--dt-button-letter-spacing, initial));
  font-family: var(--dt-button-dropdown-table-font-family, var(--dt-button-font-family, inherit));
  font-size: var(--dt-button-dropdown-table-font-size, var(--dt-button-font-size, inherit));
  font-weight: var(--dt-button-dropdown-table-font-weight, var(--dt-button-font-weight, initial));
  color: var(--dt-button-dropdown-table-color, var(--ds-color-button-dropdown-table-default));
  border-color: var(--dt-button-dropdown-table-border-color, var(--dt-button-border-color, initial));
  border-style: var(--dt-button-dropdown-table-border-style, var(--dt-button-border-style, initial));
  border-width: var(--dt-button-dropdown-table-border-width, var(--dt-button-border-width, initial));
  border-radius: var(--dt-button-dropdown-table-border-radius, var(--dt-button-border-radius, initial));
  box-shadow: var(--dt-button-dropdown-table-box-shadow, var(--dt-shadow-1));
  width: var(--dt-button-dropdown-table-width, var(--dt-button-width, auto));
  padding: var(--dt-button-dropdown-table-padding, var(--dt-button-padding, 0));
  white-space: var(--dt-button-dropdown-table-white-space, initial);
  line-height: var(--dt-button-dropdown-table-line-height, var(--dt-button-line-height), normal);
  background-color: var(--dt-button-dropdown-table-bg-color, var(--dt-button-bg-color, transparent));
  background-image: var(--dt-button-dropdown-table-bg-image, var(--dt-button-bg-image, none));
  background-position: var(--dt-button-dropdown-table-bg-position, var(--dt-button-bg-position, auto));
  background-repeat: var(--dt-button-dropdown-table-bg-repeat, var(--dt-button-bg-repeat, no-repeat));
  outline-width: var(--dt-button-dropdown-table-outline-width, var(--dt-button-outline-width, 0));
  transition: var(--dt-button-dropdown-table-transition, var(--dt-button-transition, initial));
  position: var(--dt-button-dropdown-table-position, var(--dt-button-position, auto));
  cursor: var(--dt-button-dropdown-table-cursor, var(--dt-button-cursor, auto));
}
button.ds-button.ds-button-dropdown-table:hover {
  background-color: var(--dt-button-dropdown-table-hover-bg-color);
  color: var(--dt-button-dropdown-table-hover-color);
  border-color: var(--dt-button-dropdown-table-hover-border-color);
}
button.ds-button.ds-button-dropdown-table:active {
  background-color: var(--dt-button-dropdown-table-active-bg-color);
  color: var(--dt-button-dropdown-table-active-color);
  border-color: var(--dt-button-dropdown-table-active-border-color);
}
button.ds-button.ds-button-dropdown-table:disabled {
  background-color: var(--dt-button-dropdown-table-disabled-bg-color);
  color: var(--dt-button-dropdown-table-disabled-color);
  border-color: var(--dt-button-dropdown-table-disabled-border-color);
  opacity: var(--dt-button-dropdown-table-disabled-opacity);
}
button.ds-button.ds-button-dropdown-li-table {
  letter-spacing: var(--dt-button-dropdown-li-table-letter-spacing, var(--dt-button-letter-spacing, initial));
  font-family: var(--dt-button-dropdown-li-table-font-family, var(--dt-button-font-family, inherit));
  font-size: var(--dt-button-dropdown-li-table-font-size, var(--dt-button-font-size, inherit));
  font-weight: var(--dt-button-dropdown-li-table-font-weight, var(--dt-button-font-weight, initial));
  color: var(--dt-button-dropdown-li-table-color, var(--ds-color-button-dropdown-li-table-default));
  border-color: var(--dt-button-dropdown-li-table-border-color, var(--dt-button-border-color, initial));
  border-style: var(--dt-button-dropdown-li-table-border-style, var(--dt-button-border-style, initial));
  border-width: var(--dt-button-dropdown-li-table-border-width, var(--dt-button-border-width, initial));
  border-radius: var(--dt-button-dropdown-li-table-border-radius, var(--dt-button-border-radius, initial));
  box-shadow: var(--dt-button-dropdown-li-table-box-shadow, var(--dt-shadow-1));
  width: var(--dt-button-dropdown-li-table-width, var(--dt-button-width, auto));
  padding: var(--dt-button-dropdown-li-table-padding, var(--dt-button-padding, 0));
  white-space: var(--dt-button-dropdown-li-table-white-space, initial);
  line-height: var(--dt-button-dropdown-li-table-line-height, var(--dt-button-line-height), normal);
  background-color: var(--dt-button-dropdown-li-table-bg-color, var(--dt-button-bg-color, transparent));
  background-image: var(--dt-button-dropdown-li-table-bg-image, var(--dt-button-bg-image, none));
  background-position: var(--dt-button-dropdown-li-table-bg-position, var(--dt-button-bg-position, auto));
  background-repeat: var(--dt-button-dropdown-li-table-bg-repeat, var(--dt-button-bg-repeat, no-repeat));
  outline-width: var(--dt-button-dropdown-li-table-outline-width, var(--dt-button-outline-width, 0));
  transition: var(--dt-button-dropdown-li-table-transition, var(--dt-button-transition, initial));
  position: var(--dt-button-dropdown-li-table-position, var(--dt-button-position, auto));
  cursor: var(--dt-button-dropdown-li-table-cursor, var(--dt-button-cursor, auto));
}
button.ds-button.ds-button-dropdown-li-table:hover {
  background-color: var(--dt-button-dropdown-li-table-hover-bg-color);
  color: var(--dt-button-dropdown-li-table-hover-color);
  border-color: var(--dt-button-dropdown-li-table-hover-border-color);
}
button.ds-button.ds-button-dropdown-li-table:active {
  background-color: var(--dt-button-dropdown-li-table-active-bg-color);
  color: var(--dt-button-dropdown-li-table-active-color);
  border-color: var(--dt-button-dropdown-li-table-active-border-color);
}
button.ds-button.ds-button-dropdown-li-table:disabled {
  background-color: var(--dt-button-dropdown-li-table-disabled-bg-color);
  color: var(--dt-button-dropdown-li-table-disabled-color);
  border-color: var(--dt-button-dropdown-li-table-disabled-border-color);
  opacity: var(--dt-button-dropdown-li-table-disabled-opacity);
}
button.ds-button.ds-button-tertiary-internal {
  letter-spacing: var(--dt-button-tertiary-internal-letter-spacing, var(--dt-button-letter-spacing, initial));
  font-family: var(--dt-button-tertiary-internal-font-family, var(--dt-button-font-family, inherit));
  font-size: var(--dt-button-tertiary-internal-font-size, var(--dt-button-font-size, inherit));
  font-weight: var(--dt-button-tertiary-internal-font-weight, var(--dt-button-font-weight, initial));
  color: var(--dt-button-tertiary-internal-color, var(--ds-color-button-tertiary-internal-default));
  border-color: var(--dt-button-tertiary-internal-border-color, var(--dt-button-border-color, initial));
  border-style: var(--dt-button-tertiary-internal-border-style, var(--dt-button-border-style, initial));
  border-width: var(--dt-button-tertiary-internal-border-width, var(--dt-button-border-width, initial));
  border-radius: var(--dt-button-tertiary-internal-border-radius, var(--dt-button-border-radius, initial));
  box-shadow: var(--dt-button-tertiary-internal-box-shadow, var(--dt-shadow-1));
  width: var(--dt-button-tertiary-internal-width, var(--dt-button-width, auto));
  padding: var(--dt-button-tertiary-internal-padding, var(--dt-button-padding, 0));
  white-space: var(--dt-button-tertiary-internal-white-space, initial);
  line-height: var(--dt-button-tertiary-internal-line-height, var(--dt-button-line-height), normal);
  background-color: var(--dt-button-tertiary-internal-bg-color, var(--dt-button-bg-color, transparent));
  background-image: var(--dt-button-tertiary-internal-bg-image, var(--dt-button-bg-image, none));
  background-position: var(--dt-button-tertiary-internal-bg-position, var(--dt-button-bg-position, auto));
  background-repeat: var(--dt-button-tertiary-internal-bg-repeat, var(--dt-button-bg-repeat, no-repeat));
  outline-width: var(--dt-button-tertiary-internal-outline-width, var(--dt-button-outline-width, 0));
  transition: var(--dt-button-tertiary-internal-transition, var(--dt-button-transition, initial));
  position: var(--dt-button-tertiary-internal-position, var(--dt-button-position, auto));
  cursor: var(--dt-button-tertiary-internal-cursor, var(--dt-button-cursor, auto));
}
button.ds-button.ds-button-tertiary-internal:hover {
  background-color: var(--dt-button-tertiary-internal-hover-bg-color);
  color: var(--dt-button-tertiary-internal-hover-color);
  border-color: var(--dt-button-tertiary-internal-hover-border-color);
}
button.ds-button.ds-button-tertiary-internal:active {
  background-color: var(--dt-button-tertiary-internal-active-bg-color);
  color: var(--dt-button-tertiary-internal-active-color);
  border-color: var(--dt-button-tertiary-internal-active-border-color);
}
button.ds-button.ds-button-tertiary-internal:disabled {
  background-color: var(--dt-button-tertiary-internal-disabled-bg-color);
  color: var(--dt-button-tertiary-internal-disabled-color);
  border-color: var(--dt-button-tertiary-internal-disabled-border-color);
  opacity: var(--dt-button-tertiary-internal-disabled-opacity);
}
button.ds-button.ds-button-close {
  letter-spacing: var(--dt-button-close-letter-spacing, var(--dt-button-letter-spacing, initial));
  font-family: var(--dt-button-close-font-family, var(--dt-button-font-family, inherit));
  font-size: var(--dt-button-close-font-size, var(--dt-button-font-size, inherit));
  font-weight: var(--dt-button-close-font-weight, var(--dt-button-font-weight, initial));
  color: var(--dt-button-close-color, var(--ds-color-button-close-default));
  border-color: var(--dt-button-close-border-color, var(--dt-button-border-color, initial));
  border-style: var(--dt-button-close-border-style, var(--dt-button-border-style, initial));
  border-width: var(--dt-button-close-border-width, var(--dt-button-border-width, initial));
  border-radius: var(--dt-button-close-border-radius, var(--dt-button-border-radius, initial));
  box-shadow: var(--dt-button-close-box-shadow, var(--dt-shadow-1));
  width: var(--dt-button-close-width, var(--dt-button-width, auto));
  padding: var(--dt-button-close-padding, var(--dt-button-padding, 0));
  white-space: var(--dt-button-close-white-space, initial);
  line-height: var(--dt-button-close-line-height, var(--dt-button-line-height), normal);
  background-color: var(--dt-button-close-bg-color, var(--dt-button-bg-color, transparent));
  background-image: var(--dt-button-close-bg-image, var(--dt-button-bg-image, none));
  background-position: var(--dt-button-close-bg-position, var(--dt-button-bg-position, auto));
  background-repeat: var(--dt-button-close-bg-repeat, var(--dt-button-bg-repeat, no-repeat));
  outline-width: var(--dt-button-close-outline-width, var(--dt-button-outline-width, 0));
  transition: var(--dt-button-close-transition, var(--dt-button-transition, initial));
  position: var(--dt-button-close-position, var(--dt-button-position, auto));
  cursor: var(--dt-button-close-cursor, var(--dt-button-cursor, auto));
}
button.ds-button.ds-button-close:hover {
  background-color: var(--dt-button-close-hover-bg-color);
  color: var(--dt-button-close-hover-color);
  border-color: var(--dt-button-close-hover-border-color);
}
button.ds-button.ds-button-close:active {
  background-color: var(--dt-button-close-active-bg-color);
  color: var(--dt-button-close-active-color);
  border-color: var(--dt-button-close-active-border-color);
}
button.ds-button.ds-button-close:disabled {
  background-color: var(--dt-button-close-disabled-bg-color);
  color: var(--dt-button-close-disabled-color);
  border-color: var(--dt-button-close-disabled-border-color);
  opacity: var(--dt-button-close-disabled-opacity);
}
button.ds-button.ds-button-close-contrast {
  letter-spacing: var(--dt-button-close-contrast-letter-spacing, var(--dt-button-letter-spacing, initial));
  font-family: var(--dt-button-close-contrast-font-family, var(--dt-button-font-family, inherit));
  font-size: var(--dt-button-close-contrast-font-size, var(--dt-button-font-size, inherit));
  font-weight: var(--dt-button-close-contrast-font-weight, var(--dt-button-font-weight, initial));
  color: var(--dt-button-close-contrast-color, var(--ds-color-button-close-contrast-default));
  border-color: var(--dt-button-close-contrast-border-color, var(--dt-button-border-color, initial));
  border-style: var(--dt-button-close-contrast-border-style, var(--dt-button-border-style, initial));
  border-width: var(--dt-button-close-contrast-border-width, var(--dt-button-border-width, initial));
  border-radius: var(--dt-button-close-contrast-border-radius, var(--dt-button-border-radius, initial));
  box-shadow: var(--dt-button-close-contrast-box-shadow, var(--dt-shadow-1));
  width: var(--dt-button-close-contrast-width, var(--dt-button-width, auto));
  padding: var(--dt-button-close-contrast-padding, var(--dt-button-padding, 0));
  white-space: var(--dt-button-close-contrast-white-space, initial);
  line-height: var(--dt-button-close-contrast-line-height, var(--dt-button-line-height), normal);
  background-color: var(--dt-button-close-contrast-bg-color, var(--dt-button-bg-color, transparent));
  background-image: var(--dt-button-close-contrast-bg-image, var(--dt-button-bg-image, none));
  background-position: var(--dt-button-close-contrast-bg-position, var(--dt-button-bg-position, auto));
  background-repeat: var(--dt-button-close-contrast-bg-repeat, var(--dt-button-bg-repeat, no-repeat));
  outline-width: var(--dt-button-close-contrast-outline-width, var(--dt-button-outline-width, 0));
  transition: var(--dt-button-close-contrast-transition, var(--dt-button-transition, initial));
  position: var(--dt-button-close-contrast-position, var(--dt-button-position, auto));
  cursor: var(--dt-button-close-contrast-cursor, var(--dt-button-cursor, auto));
}
button.ds-button.ds-button-close-contrast:hover {
  background-color: var(--dt-button-close-contrast-hover-bg-color);
  color: var(--dt-button-close-contrast-hover-color);
  border-color: var(--dt-button-close-contrast-hover-border-color);
}
button.ds-button.ds-button-close-contrast:active {
  background-color: var(--dt-button-close-contrast-active-bg-color);
  color: var(--dt-button-close-contrast-active-color);
  border-color: var(--dt-button-close-contrast-active-border-color);
}
button.ds-button.ds-button-close-contrast:disabled {
  background-color: var(--dt-button-close-contrast-disabled-bg-color);
  color: var(--dt-button-close-contrast-disabled-color);
  border-color: var(--dt-button-close-contrast-disabled-border-color);
  opacity: var(--dt-button-close-contrast-disabled-opacity);
}
button.ds-button.ds-button-filter {
  letter-spacing: var(--dt-button-filter-letter-spacing, var(--dt-button-letter-spacing, initial));
  font-family: var(--dt-button-filter-font-family, var(--dt-button-font-family, inherit));
  font-size: var(--dt-button-filter-font-size, var(--dt-button-font-size, inherit));
  font-weight: var(--dt-button-filter-font-weight, var(--dt-button-font-weight, initial));
  color: var(--dt-button-filter-color, var(--ds-color-button-filter-default));
  border-color: var(--dt-button-filter-border-color, var(--dt-button-border-color, initial));
  border-style: var(--dt-button-filter-border-style, var(--dt-button-border-style, initial));
  border-width: var(--dt-button-filter-border-width, var(--dt-button-border-width, initial));
  border-radius: var(--dt-button-filter-border-radius, var(--dt-button-border-radius, initial));
  box-shadow: var(--dt-button-filter-box-shadow, var(--dt-shadow-1));
  width: var(--dt-button-filter-width, var(--dt-button-width, auto));
  padding: var(--dt-button-filter-padding, var(--dt-button-padding, 0));
  white-space: var(--dt-button-filter-white-space, initial);
  line-height: var(--dt-button-filter-line-height, var(--dt-button-line-height), normal);
  background-color: var(--dt-button-filter-bg-color, var(--dt-button-bg-color, transparent));
  background-image: var(--dt-button-filter-bg-image, var(--dt-button-bg-image, none));
  background-position: var(--dt-button-filter-bg-position, var(--dt-button-bg-position, auto));
  background-repeat: var(--dt-button-filter-bg-repeat, var(--dt-button-bg-repeat, no-repeat));
  outline-width: var(--dt-button-filter-outline-width, var(--dt-button-outline-width, 0));
  transition: var(--dt-button-filter-transition, var(--dt-button-transition, initial));
  position: var(--dt-button-filter-position, var(--dt-button-position, auto));
  cursor: var(--dt-button-filter-cursor, var(--dt-button-cursor, auto));
}
button.ds-button.ds-button-filter:hover {
  background-color: var(--dt-button-filter-hover-bg-color);
  color: var(--dt-button-filter-hover-color);
  border-color: var(--dt-button-filter-hover-border-color);
}
button.ds-button.ds-button-filter:active {
  background-color: var(--dt-button-filter-active-bg-color);
  color: var(--dt-button-filter-active-color);
  border-color: var(--dt-button-filter-active-border-color);
}
button.ds-button.ds-button-filter:disabled {
  background-color: var(--dt-button-filter-disabled-bg-color);
  color: var(--dt-button-filter-disabled-color);
  border-color: var(--dt-button-filter-disabled-border-color);
  opacity: var(--dt-button-filter-disabled-opacity);
}
button.ds-button.ds-button-filter-selected {
  letter-spacing: var(--dt-button-filter-selected-letter-spacing, var(--dt-button-letter-spacing, initial));
  font-family: var(--dt-button-filter-selected-font-family, var(--dt-button-font-family, inherit));
  font-size: var(--dt-button-filter-selected-font-size, var(--dt-button-font-size, inherit));
  font-weight: var(--dt-button-filter-selected-font-weight, var(--dt-button-font-weight, initial));
  color: var(--dt-button-filter-selected-color, var(--ds-color-button-filter-selected-default));
  border-color: var(--dt-button-filter-selected-border-color, var(--dt-button-border-color, initial));
  border-style: var(--dt-button-filter-selected-border-style, var(--dt-button-border-style, initial));
  border-width: var(--dt-button-filter-selected-border-width, var(--dt-button-border-width, initial));
  border-radius: var(--dt-button-filter-selected-border-radius, var(--dt-button-border-radius, initial));
  box-shadow: var(--dt-button-filter-selected-box-shadow, var(--dt-shadow-1));
  width: var(--dt-button-filter-selected-width, var(--dt-button-width, auto));
  padding: var(--dt-button-filter-selected-padding, var(--dt-button-padding, 0));
  white-space: var(--dt-button-filter-selected-white-space, initial);
  line-height: var(--dt-button-filter-selected-line-height, var(--dt-button-line-height), normal);
  background-color: var(--dt-button-filter-selected-bg-color, var(--dt-button-bg-color, transparent));
  background-image: var(--dt-button-filter-selected-bg-image, var(--dt-button-bg-image, none));
  background-position: var(--dt-button-filter-selected-bg-position, var(--dt-button-bg-position, auto));
  background-repeat: var(--dt-button-filter-selected-bg-repeat, var(--dt-button-bg-repeat, no-repeat));
  outline-width: var(--dt-button-filter-selected-outline-width, var(--dt-button-outline-width, 0));
  transition: var(--dt-button-filter-selected-transition, var(--dt-button-transition, initial));
  position: var(--dt-button-filter-selected-position, var(--dt-button-position, auto));
  cursor: var(--dt-button-filter-selected-cursor, var(--dt-button-cursor, auto));
}
button.ds-button.ds-button-filter-selected:hover {
  background-color: var(--dt-button-filter-selected-hover-bg-color);
  color: var(--dt-button-filter-selected-hover-color);
  border-color: var(--dt-button-filter-selected-hover-border-color);
}
button.ds-button.ds-button-filter-selected:active {
  background-color: var(--dt-button-filter-selected-active-bg-color);
  color: var(--dt-button-filter-selected-active-color);
  border-color: var(--dt-button-filter-selected-active-border-color);
}
button.ds-button.ds-button-filter-selected:disabled {
  background-color: var(--dt-button-filter-selected-disabled-bg-color);
  color: var(--dt-button-filter-selected-disabled-color);
  border-color: var(--dt-button-filter-selected-disabled-border-color);
  opacity: var(--dt-button-filter-selected-disabled-opacity);
}
.ds-select.ds-select-primary {
  letter-spacing: var(--dt-select-primary-letter-spacing, var(--dt-select-letter-spacing, initial));
  line-height: var(--dt-select-primary-line-height, var(--dt-select-line-height, normal));
  width: var(--dt-select-primary-width, var(--dt-select-width, auto));
  padding: var(--dt-select-primary-padding, var(--dt-select-padding, 0));
  margin: var(--dt-select-primary-margin, var(--dt-select-margin, 0)) !important;
  font-family: var(--dt-select-primary-font-family, var(--dt-select-font-family, inherit));
  font-size: var(--dt-select-primary-font-size, var(--dt-select-font-size, inherit));
  font-weight: var(--dt-select-primary-font-weight, var(--dt-select-font-weight, initial));
  border-width: var(--dt-select-primary-border-width, var(--dt-select-border-width, medium));
  border-style: var(--dt-select-primary-border-style, var(--dt-select-border-style, none));
  border-color: var(--dt-select-primary-border-color, var(--dt-select-border-color, currentcolor));
  border-radius: var(--dt-select-primary-border-radius, var(--dt-select-border-radius, 0));
  border-color: var(--dt-select-primary-border-color, var(--dt-select-border-color, currentcolor));
  transition: var(--dt-select-primary-transition, var(--dt-select-transition, none));
  background-color: var(--dt-select-primary-bg-color, var(--dt-select-bg-color, transparent));
  background-image: var(--dt-select-primary-bg-image, var(--dt-select-bg-image, none));
  background-position: var(--dt-select-primary-bg-position, var(--dt-select-bg-position, auto));
  background-repeat: var(--dt-select-primary-bg-repeat, var(--dt-select-bg-repeat, no-repeat));
  color: var(--dt-select-primary-color, var(--dt-select-color, initial));
  box-shadow: var(--dt-select-primary-box-shadow, var(--dt-select-box-shadow, none));
  appearance: var(--dt-select-primary-appearance, var(--dt-select-appearance, auto));
}
.ds-select.ds-select-primary:hover {
  background-color: var(--dt-select-primary-hover-bg-color);
  color: var(--dt-select-primary-hover-color);
  border-color: var(--dt-select-primary-hover-border-color);
}
.ds-select.ds-select-primary:active {
  background-color: var(--dt-select-primary-active-bg-color);
  color: var(--dt-select-primary-active-color);
  border-color: var(--dt-select-primary-active-border-color);
}
.ds-select.ds-select-primary:disabled {
  background-color: var(--dt-select-primary-disabled-bg-color);
  color: var(--dt-select-primary-disabled-color);
  border-color: var(--dt-select-primary-disabled-border-color);
  opacity: var(--dt-select-primary-disabled-opacity);
}
.ds-select.ds-select-primary[readonly] {
  background-color: var(--dt-select-primary-readonly-bg-color);
  pointer-events: var(--dt-select-primary-readonly-pointer-events, none);
  cursor: var(--dt-select-primary-readonly-cursor, "not-allowed");
}
.ds-select.ds-select-primary:focus-visible {
  outline: var(--dt-select-primary-focus-visible-outline, none);
}
.ds-select.ds-select-primary:focus {
  outline: var(--dt-select-primary-focus-outline, none);
  box-shadow: var(--dt-select-primary-focus-box-shadow, none);
}
.ds-select.ds-select-secondary {
  letter-spacing: var(--dt-select-secondary-letter-spacing, var(--dt-select-letter-spacing, initial));
  line-height: var(--dt-select-secondary-line-height, var(--dt-select-line-height, normal));
  width: var(--dt-select-secondary-width, var(--dt-select-width, auto));
  padding: var(--dt-select-secondary-padding, var(--dt-select-padding, 0));
  margin: var(--dt-select-secondary-margin, var(--dt-select-margin, 0)) !important;
  font-family: var(--dt-select-secondary-font-family, var(--dt-select-font-family, inherit));
  font-size: var(--dt-select-secondary-font-size, var(--dt-select-font-size, inherit));
  font-weight: var(--dt-select-secondary-font-weight, var(--dt-select-font-weight, initial));
  border-width: var(--dt-select-secondary-border-width, var(--dt-select-border-width, medium));
  border-style: var(--dt-select-secondary-border-style, var(--dt-select-border-style, none));
  border-color: var(--dt-select-secondary-border-color, var(--dt-select-border-color, currentcolor));
  border-radius: var(--dt-select-secondary-border-radius, var(--dt-select-border-radius, 0));
  border-color: var(--dt-select-secondary-border-color, var(--dt-select-border-color, currentcolor));
  transition: var(--dt-select-secondary-transition, var(--dt-select-transition, none));
  background-color: var(--dt-select-secondary-bg-color, var(--dt-select-bg-color, transparent));
  background-image: var(--dt-select-secondary-bg-image, var(--dt-select-bg-image, none));
  background-position: var(--dt-select-secondary-bg-position, var(--dt-select-bg-position, auto));
  background-repeat: var(--dt-select-secondary-bg-repeat, var(--dt-select-bg-repeat, no-repeat));
  color: var(--dt-select-secondary-color, var(--dt-select-color, initial));
  box-shadow: var(--dt-select-secondary-box-shadow, var(--dt-select-box-shadow, none));
  appearance: var(--dt-select-secondary-appearance, var(--dt-select-appearance, auto));
}
.ds-select.ds-select-secondary:hover {
  background-color: var(--dt-select-secondary-hover-bg-color);
  color: var(--dt-select-secondary-hover-color);
  border-color: var(--dt-select-secondary-hover-border-color);
}
.ds-select.ds-select-secondary:active {
  background-color: var(--dt-select-secondary-active-bg-color);
  color: var(--dt-select-secondary-active-color);
  border-color: var(--dt-select-secondary-active-border-color);
}
.ds-select.ds-select-secondary:disabled {
  background-color: var(--dt-select-secondary-disabled-bg-color);
  color: var(--dt-select-secondary-disabled-color);
  border-color: var(--dt-select-secondary-disabled-border-color);
  opacity: var(--dt-select-secondary-disabled-opacity);
}
.ds-select.ds-select-secondary[readonly] {
  background-color: var(--dt-select-secondary-readonly-bg-color);
  pointer-events: var(--dt-select-secondary-readonly-pointer-events, none);
  cursor: var(--dt-select-secondary-readonly-cursor, "not-allowed");
}
.ds-select.ds-select-secondary:focus-visible {
  outline: var(--dt-select-secondary-focus-visible-outline, none);
}
.ds-select.ds-select-secondary:focus {
  outline: var(--dt-select-secondary-focus-outline, none);
  box-shadow: var(--dt-select-secondary-focus-box-shadow, none);
}
.ds-h2.ds-h2-primary {
  letter-spacing: var(--dt-h2-primary-letter-spacing, var(--dt-h2-letter-spacing, normal));
  line-height: var(--dt-h2-primary-line-height, var(--dt-h2-line-height, normal));
  font-family: var(--dt-h2-primary-font-family, var(--dt-h2-font-family, inherit));
  font-size: var(--dt-h2-primary-font-size, var(--dt-h2-font-size, inherit));
  font-weight: var(--dt-h2-primary-font-weight, var(--dt-h2-font-weight, inherit));
  color: var(--dt-h2-primary-color, var(--dt-h2-color, inherit));
  margin: var(--dt-h2-primary-margin, var(--dt-h2-margin, 0));
  padding: var(--dt-h2-primary-padding, var(--dt-h2-padding, 0));
}
.ds-h2.ds-h2-success {
  letter-spacing: var(--dt-h2-success-letter-spacing, var(--dt-h2-letter-spacing, normal));
  line-height: var(--dt-h2-success-line-height, var(--dt-h2-line-height, normal));
  font-family: var(--dt-h2-success-font-family, var(--dt-h2-font-family, inherit));
  font-size: var(--dt-h2-success-font-size, var(--dt-h2-font-size, inherit));
  font-weight: var(--dt-h2-success-font-weight, var(--dt-h2-font-weight, inherit));
  color: var(--dt-h2-success-color, var(--dt-h2-color, inherit));
  margin: var(--dt-h2-success-margin, var(--dt-h2-margin, 0));
  padding: var(--dt-h2-success-padding, var(--dt-h2-padding, 0));
}
.ds-h2.ds-h2-alert {
  letter-spacing: var(--dt-h2-alert-letter-spacing, var(--dt-h2-letter-spacing, normal));
  line-height: var(--dt-h2-alert-line-height, var(--dt-h2-line-height, normal));
  font-family: var(--dt-h2-alert-font-family, var(--dt-h2-font-family, inherit));
  font-size: var(--dt-h2-alert-font-size, var(--dt-h2-font-size, inherit));
  font-weight: var(--dt-h2-alert-font-weight, var(--dt-h2-font-weight, inherit));
  color: var(--dt-h2-alert-color, var(--dt-h2-color, inherit));
  margin: var(--dt-h2-alert-margin, var(--dt-h2-margin, 0));
  padding: var(--dt-h2-alert-padding, var(--dt-h2-padding, 0));
}
.ds-h3.ds-h3-primary {
  letter-spacing: var(--dt-h3-primary-letter-spacing, var(--dt-h3-letter-spacing, normal));
  line-height: var(--dt-h3-primary-line-height, var(--dt-h3-line-height, normal));
  font-family: var(--dt-h3-primary-font-family, var(--dt-h3-font-family, inherit));
  font-size: var(--dt-h3-primary-font-size, var(--dt-h3-font-size, inherit));
  font-weight: var(--dt-h3-primary-font-weight, var(--dt-h3-font-weight, inherit));
  color: var(--dt-h3-primary-color, var(--dt-h3-color, inherit));
  margin: var(--dt-h3-primary-margin, var(--dt-h3-margin, 0));
  padding: var(--dt-h3-primary-padding, var(--dt-h3-padding, 0));
}
.ds-h4.ds-h4-primary {
  letter-spacing: var(--dt-h4-primary-letter-spacing, var(--dt-h4-letter-spacing, normal));
  line-height: var(--dt-h4-primary-line-height, var(--dt-h4-line-height, normal));
  font-family: var(--dt-h4-primary-font-family, var(--dt-h4-font-family, inherit));
  font-size: var(--dt-h4-primary-font-size, var(--dt-h4-font-size, inherit));
  font-weight: var(--dt-h4-primary-font-weight, var(--dt-h4-font-weight, inherit));
  color: var(--dt-h4-primary-color, var(--dt-h4-color, inherit));
  margin: var(--dt-h4-primary-margin, var(--dt-h4-margin, 0));
  padding: var(--dt-h4-primary-padding, var(--dt-h4-padding, 0));
}
.ds-h5.ds-h5-primary {
  letter-spacing: var(--dt-h5-primary-letter-spacing, var(--ds-letter-spacing-h5-primary-default));
  line-height: var(--dt-h5-primary-line-height, var(--ds-line-height-h5-primary-default, normal));
  font-family: var(--ds-font-family-h5-primary-default, inherit);
  font-size: var(--dt-h5-primary-font-size, var(--ds-font-size-h5-primary-default));
  font-weight: var(--dt-h5-primary-font-weight, var(--ds-font-weight-h5-primary-default));
  color: var(--dt-h5-primary-color);
  margin: var(--dt-h5-primary-margin, var(--ds-margin-h5-primary-default));
  padding: var(--dt-h5-primary-padding, 0);
  text-align: var(--dt-h5-primary-text-align, left);
}
.ds-h5.ds-h5-success {
  letter-spacing: var(--dt-h5-success-letter-spacing, var(--ds-letter-spacing-h5-success-default));
  line-height: var(--dt-h5-success-line-height, var(--ds-line-height-h5-success-default, normal));
  font-family: var(--ds-font-family-h5-success-default, inherit);
  font-size: var(--dt-h5-success-font-size, var(--ds-font-size-h5-success-default));
  font-weight: var(--dt-h5-success-font-weight, var(--ds-font-weight-h5-success-default));
  color: var(--dt-h5-success-color);
  margin: var(--dt-h5-success-margin, var(--ds-margin-h5-success-default));
  padding: var(--dt-h5-success-padding, 0);
  text-align: var(--dt-h5-success-text-align, left);
}
.ds-h5.ds-h5-alert {
  letter-spacing: var(--dt-h5-alert-letter-spacing, var(--ds-letter-spacing-h5-alert-default));
  line-height: var(--dt-h5-alert-line-height, var(--ds-line-height-h5-alert-default, normal));
  font-family: var(--ds-font-family-h5-alert-default, inherit);
  font-size: var(--dt-h5-alert-font-size, var(--ds-font-size-h5-alert-default));
  font-weight: var(--dt-h5-alert-font-weight, var(--ds-font-weight-h5-alert-default));
  color: var(--dt-h5-alert-color);
  margin: var(--dt-h5-alert-margin, var(--ds-margin-h5-alert-default));
  padding: var(--dt-h5-alert-padding, 0);
  text-align: var(--dt-h5-alert-text-align, left);
}
.ds-h6.ds-h6-primary {
  letter-spacing: var(--dt-h6-primary-letter-spacing, normal);
  line-height: var(--dt-h6-primary-line-height, normal);
  font-family: var(--dt-h6-primary-font-family, inherit);
  font-size: var(--dt-h6-primary-font-size, inherit);
  font-weight: var(--dt-h6-primary-font-weight, inherit);
  color: var(--dt-h6-primary-color, inherit);
  margin: var(--dt-h6-primary-margin, 0);
  padding: var(--dt-h6-primary-padding, 0);
}
.ds-h6.ds-h6-secondary {
  letter-spacing: var(--dt-h6-secondary-letter-spacing, normal);
  line-height: var(--dt-h6-secondary-line-height, normal);
  font-family: var(--dt-h6-secondary-font-family, inherit);
  font-size: var(--dt-h6-secondary-font-size, inherit);
  font-weight: var(--dt-h6-secondary-font-weight, inherit);
  color: var(--dt-h6-secondary-color, inherit);
  margin: var(--dt-h6-secondary-margin, 0);
  padding: var(--dt-h6-secondary-padding, 0);
}
.ds-h6.ds-h6-white {
  letter-spacing: var(--dt-h6-white-letter-spacing, normal);
  line-height: var(--dt-h6-white-line-height, normal);
  font-family: var(--dt-h6-white-font-family, inherit);
  font-size: var(--dt-h6-white-font-size, inherit);
  font-weight: var(--dt-h6-white-font-weight, inherit);
  color: var(--dt-h6-white-color, inherit);
  margin: var(--dt-h6-white-margin, 0);
  padding: var(--dt-h6-white-padding, 0);
}
input[type=text].ds-input.ds-input-primary,
input[type=date].ds-input.ds-input-primary,
input[type=time].ds-input.ds-input-primary,
input[type=password].ds-input.ds-input-primary,
.overlayer.ds-input.ds-input-primary,
[togglepassword].ds-input.ds-input-primary {
  box-sizing: var(--dt-input-primary-box-sizing, var(--dt-input-box-sizing, border-box));
  display: var(--dt-input-primary-display, var(--dt-input-display, initial));
  width: var(--dt-input-primary-width, var(--dt-input-width, auto));
  height: var(--dt-input-primary-height, var(--dt-input-height, auto));
  padding: var(--dt-input-primary-padding, var(--dt-input-padding, 0));
  margin: var(--dt-input-primary-margin, var(--dt-input-margin, 0));
  font-family: var(--dt-input-primary-font-family, var(--dt-input-font-family), inherit);
  font-size: var(--dt-input-primary-font-size, var(--dt-input-font-size), inherit);
  font-weight: var(--dt-input-primary-font-weight, var(--dt-input-font-weight), initial);
  line-height: var(--dt-input-primary-line-height, var(--dt-input-line-height), normal);
  color: var(--dt-input-primary-color, var(--dt-input-color), initial);
  letter-spacing: var(--dt-input-primary-letter-spacing, var(--dt-input-letter-spacing, initial));
  background-color: var(--dt-input-primary-bg-color, var(--dt-input-bg-color, transparent));
  background-image: var(--dt-input-primary-bg-image, var(--dt-input-bg-image, none));
  background-position: var(--dt-input-primary-bg-position, var(--dt-input-bg-position, 0% 0%));
  background-size: var(--dt-input-primary-bg-size, var(--dt-input-bg-size, auto));
  background-repeat: var(--dt-input-primary-bg-repeat, var(--dt-input-bg-repeat, no-repeat));
  background-attachment: var(--dt-input-primary-bg-attachment, var(--dt-input-bg-attachment, scroll));
  background-origin: var(--dt-input-primary-bg-origin, var(--dt-input-bg-origin, padding-box));
  background-clip: var(--dt-input-primary-bg-clip, var(--dt-input-bg-clip, border-box));
  border-width: var(--dt-input-primary-border-width, var(--dt-input-border-width, medium));
  border-style: var(--dt-input-primary-border-style, var(--dt-input-border-style, none));
  border-color: var(--dt-input-primary-border-color, var(--dt-input-border-color, currentcolor));
  border-radius: var(--dt-input-primary-border-radius, var(--dt-input-border-radius, 0));
  box-shadow: var(--dt-input-primary-box-shadow, var(--dt-input-box-shadow, none));
  appearance: var(--dt-input-primary-appearance, var(--dt-input-appearance, auto));
  outline-style: var(--dt-input-primary-outline-style, var(--dt-input-outline-style, none));
  outline-width: var(--dt-input-primary-outline-width, var(--dt-input-outline-width, medium));
  outline-color: var(--dt-input-primary-outline-color, var(--dt-input-outline-color, currentcolor));
  transition: var(--dt-input-primary-transition, var(--dt-input-transition, none));
  text-align: var(--dt-input-primary-text-align, var(--dt-input-text-align, start));
}
input[type=text].ds-input.ds-input-primary:focus,
input[type=date].ds-input.ds-input-primary:focus,
input[type=time].ds-input.ds-input-primary:focus,
input[type=password].ds-input.ds-input-primary:focus,
.overlayer.ds-input.ds-input-primary:focus,
[togglepassword].ds-input.ds-input-primary:focus {
  border-color: var(--dt-input-primary-focus-border-color);
  box-shadow: var(--dt-input-primary-focus-box-shadow);
  outline-width: var(--dt-input-primary-focus-outline-width);
}
input[type=text].ds-input.ds-input-primary[disabled],
input[type=date].ds-input.ds-input-primary[disabled],
input[type=time].ds-input.ds-input-primary[disabled],
input[type=password].ds-input.ds-input-primary[disabled],
.overlayer.ds-input.ds-input-primary[disabled],
[togglepassword].ds-input.ds-input-primary[disabled] {
  background-color: var(--dt-input-primary-disabled-bg-color);
  color: var(--dt-input-primary-disabled-color);
  cursor: var(--dt-input-primary-disabled-cursor);
  opacity: var(--dt-input-primary-disabled-opacity);
}
input[type=text].ds-input.ds-input-primary[readonly],
input[type=date].ds-input.ds-input-primary[readonly],
input[type=time].ds-input.ds-input-primary[readonly],
input[type=password].ds-input.ds-input-primary[readonly],
.overlayer.ds-input.ds-input-primary[readonly],
[togglepassword].ds-input.ds-input-primary[readonly] {
  background-color: var(--dt-input-primary-readonly-bg-color);
  color: var(--dt-input-primary-readonly-color);
  border-color: var(--dt-input-primary-readonly-border-color);
  cursor: var(--dt-input-primary-readonly-cursor);
}
input[type=text].ds-input.ds-input-secondary,
input[type=date].ds-input.ds-input-secondary,
input[type=time].ds-input.ds-input-secondary,
input[type=password].ds-input.ds-input-secondary,
.overlayer.ds-input.ds-input-secondary,
[togglepassword].ds-input.ds-input-secondary {
  box-sizing: var(--dt-input-secondary-box-sizing, var(--dt-input-box-sizing, border-box));
  display: var(--dt-input-secondary-display, var(--dt-input-display, initial));
  width: var(--dt-input-secondary-width, var(--dt-input-width, auto));
  height: var(--dt-input-secondary-height, var(--dt-input-height, auto));
  padding: var(--dt-input-secondary-padding, var(--dt-input-padding, 0));
  margin: var(--dt-input-secondary-margin, var(--dt-input-margin, 0));
  font-family: var(--dt-input-secondary-font-family, var(--dt-input-font-family), inherit);
  font-size: var(--dt-input-secondary-font-size, var(--dt-input-font-size), inherit);
  font-weight: var(--dt-input-secondary-font-weight, var(--dt-input-font-weight), initial);
  line-height: var(--dt-input-secondary-line-height, var(--dt-input-line-height), normal);
  color: var(--dt-input-secondary-color, var(--dt-input-color), initial);
  letter-spacing: var(--dt-input-secondary-letter-spacing, var(--dt-input-letter-spacing, initial));
  background-color: var(--dt-input-secondary-bg-color, var(--dt-input-bg-color, transparent));
  background-image: var(--dt-input-secondary-bg-image, var(--dt-input-bg-image, none));
  background-position: var(--dt-input-secondary-bg-position, var(--dt-input-bg-position, 0% 0%));
  background-size: var(--dt-input-secondary-bg-size, var(--dt-input-bg-size, auto));
  background-repeat: var(--dt-input-secondary-bg-repeat, var(--dt-input-bg-repeat, no-repeat));
  background-attachment: var(--dt-input-secondary-bg-attachment, var(--dt-input-bg-attachment, scroll));
  background-origin: var(--dt-input-secondary-bg-origin, var(--dt-input-bg-origin, padding-box));
  background-clip: var(--dt-input-secondary-bg-clip, var(--dt-input-bg-clip, border-box));
  border-width: var(--dt-input-secondary-border-width, var(--dt-input-border-width, medium));
  border-style: var(--dt-input-secondary-border-style, var(--dt-input-border-style, none));
  border-color: var(--dt-input-secondary-border-color, var(--dt-input-border-color, currentcolor));
  border-radius: var(--dt-input-secondary-border-radius, var(--dt-input-border-radius, 0));
  box-shadow: var(--dt-input-secondary-box-shadow, var(--dt-input-box-shadow, none));
  appearance: var(--dt-input-secondary-appearance, var(--dt-input-appearance, auto));
  outline-style: var(--dt-input-secondary-outline-style, var(--dt-input-outline-style, none));
  outline-width: var(--dt-input-secondary-outline-width, var(--dt-input-outline-width, medium));
  outline-color: var(--dt-input-secondary-outline-color, var(--dt-input-outline-color, currentcolor));
  transition: var(--dt-input-secondary-transition, var(--dt-input-transition, none));
  text-align: var(--dt-input-secondary-text-align, var(--dt-input-text-align, start));
}
input[type=text].ds-input.ds-input-secondary:focus,
input[type=date].ds-input.ds-input-secondary:focus,
input[type=time].ds-input.ds-input-secondary:focus,
input[type=password].ds-input.ds-input-secondary:focus,
.overlayer.ds-input.ds-input-secondary:focus,
[togglepassword].ds-input.ds-input-secondary:focus {
  border-color: var(--dt-input-secondary-focus-border-color);
  box-shadow: var(--dt-input-secondary-focus-box-shadow);
  outline-width: var(--dt-input-secondary-focus-outline-width);
}
input[type=text].ds-input.ds-input-secondary[disabled],
input[type=date].ds-input.ds-input-secondary[disabled],
input[type=time].ds-input.ds-input-secondary[disabled],
input[type=password].ds-input.ds-input-secondary[disabled],
.overlayer.ds-input.ds-input-secondary[disabled],
[togglepassword].ds-input.ds-input-secondary[disabled] {
  background-color: var(--dt-input-secondary-disabled-bg-color);
  color: var(--dt-input-secondary-disabled-color);
  cursor: var(--dt-input-secondary-disabled-cursor);
  opacity: var(--dt-input-secondary-disabled-opacity);
}
input[type=text].ds-input.ds-input-secondary[readonly],
input[type=date].ds-input.ds-input-secondary[readonly],
input[type=time].ds-input.ds-input-secondary[readonly],
input[type=password].ds-input.ds-input-secondary[readonly],
.overlayer.ds-input.ds-input-secondary[readonly],
[togglepassword].ds-input.ds-input-secondary[readonly] {
  background-color: var(--dt-input-secondary-readonly-bg-color);
  color: var(--dt-input-secondary-readonly-color);
  border-color: var(--dt-input-secondary-readonly-border-color);
  cursor: var(--dt-input-secondary-readonly-cursor);
}
input[type=checkbox].ds-checkbox.ds-checkbox-primary {
  cursor: pointer;
  width: var(--dt-checkbox-primary-width, var(--dt-checkbox-width, auto));
  height: var(--dt-checkbox-primary-height, var(--dt-checkbox-height, auto));
  margin: var(--dt-checkbox-primary-margin, var(--dt-checkbox-margin, 0));
  vertical-align: var(--dt-checkbox-primary-vertical-align, var(--dt-checkbox-vertical-align, initial));
  appearance: var(--dt-checkbox-primary-appearance, var(--dt-checkbox-appearance, auto));
  background-image: var(--dt-checkbox-primary-bg-image, var(--dt-checkbox-bg-image, none));
  background-position: var(--dt-checkbox-primary-bg-position, var(--dt-checkbox-bg-position, 0% 0%));
  background-size: var(--dt-checkbox-primary-bg-size, var(--dt-checkbox-bg-size, auto));
  background-repeat: var(--dt-checkbox-primary-bg-repeat, var(--dt-checkbox-bg-repeat, no-repeat));
  border-width: var(--dt-checkbox-primary-border-width, var(--dt-checkbox-border-width, medium));
  border-style: var(--dt-checkbox-primary-border-style, var(--dt-checkbox-border-style, none));
  border-color: var(--dt-checkbox-primary-border-color, var(--dt-checkbox-border-color, currentcolor));
  border-radius: var(--dt-checkbox-primary-border-radius, var(--dt-checkbox-border-radius, 0));
  -webkit-print-color-adjust: var(--dt-checkbox-primary-print-color-adjust, var(--dt-checkbox-print-color-adjust, exact));
  print-color-adjust: var(--dt-checkbox-primary-print-color-adjust, var(--dt-checkbox-print-color-adjust, exact));
  transform: var(--dt-checkbox-primary-transform, var(--dt-checkbox-transform, none));
}
input[type=checkbox].ds-checkbox.ds-checkbox-primary[disabled] {
  pointer-events: none;
}
input[type=checkbox].ds-checkbox.ds-checkbox-primary:checked {
  background-image: var(--dt-checkbox-primary-checked-bg-image);
}
input[type=checkbox].ds-checkbox.ds-checkbox-primary:indeterminate {
  background-image: var(--dt-checkbox-primary-indeterminate-bg-image);
}
input[type=checkbox].ds-checkbox.ds-checkbox-secondary {
  cursor: pointer;
  width: var(--dt-checkbox-secondary-width, var(--dt-checkbox-width, auto));
  height: var(--dt-checkbox-secondary-height, var(--dt-checkbox-height, auto));
  margin: var(--dt-checkbox-secondary-margin, var(--dt-checkbox-margin, 0));
  vertical-align: var(--dt-checkbox-secondary-vertical-align, var(--dt-checkbox-vertical-align, initial));
  appearance: var(--dt-checkbox-secondary-appearance, var(--dt-checkbox-appearance, auto));
  background-image: var(--dt-checkbox-secondary-bg-image, var(--dt-checkbox-bg-image, none));
  background-position: var(--dt-checkbox-secondary-bg-position, var(--dt-checkbox-bg-position, 0% 0%));
  background-size: var(--dt-checkbox-secondary-bg-size, var(--dt-checkbox-bg-size, auto));
  background-repeat: var(--dt-checkbox-secondary-bg-repeat, var(--dt-checkbox-bg-repeat, no-repeat));
  border-width: var(--dt-checkbox-secondary-border-width, var(--dt-checkbox-border-width, medium));
  border-style: var(--dt-checkbox-secondary-border-style, var(--dt-checkbox-border-style, none));
  border-color: var(--dt-checkbox-secondary-border-color, var(--dt-checkbox-border-color, currentcolor));
  border-radius: var(--dt-checkbox-secondary-border-radius, var(--dt-checkbox-border-radius, 0));
  -webkit-print-color-adjust: var(--dt-checkbox-secondary-print-color-adjust, var(--dt-checkbox-print-color-adjust, exact));
  print-color-adjust: var(--dt-checkbox-secondary-print-color-adjust, var(--dt-checkbox-print-color-adjust, exact));
  transform: var(--dt-checkbox-secondary-transform, var(--dt-checkbox-transform, none));
}
input[type=checkbox].ds-checkbox.ds-checkbox-secondary[disabled] {
  pointer-events: none;
}
input[type=checkbox].ds-checkbox.ds-checkbox-secondary:checked {
  background-image: var(--dt-checkbox-secondary-checked-bg-image);
}
input[type=checkbox].ds-checkbox.ds-checkbox-secondary:indeterminate {
  background-image: var(--dt-checkbox-secondary-indeterminate-bg-image);
}
div.ds-invalid-feedback,
ds-invalid-feedback {
  display: var(--dt-invalid-feedback-display, var(--ds-display-div-invalid-feedback-default));
  background-color: var(--ds-background-color-div-invalid-feedback-default);
  color: var(--dt-invalid-feedback-color, var(--ds-color-div-invalid-feedback-default));
  font-size: var(--dt-invalid-feedback-font-size, var(--ds-font-size-div-invalid-feedback-default));
  font-style: var(--ds-font-style-div-invalid-feedback-default);
  font-family: var(--dt-invalid-feedback-font-family, inherit);
  margin: var(--ds-margin-top-div-invalid-feedback-default) var(--ds-margin-right-div-invalid-feedback-default) var(--ds-margin-bottom-div-invalid-feedback-default) var(--ds-margin-left-div-invalid-feedback-default);
  padding: var(--dt-invalid-feedback-padding, var(--ds-padding-top-div-invalid-feedback-default) var(--ds-padding-right-div-invalid-feedback-default) var(--ds-padding-bottom-div-invalid-feedback-default) var(--ds-padding-left-div-invalid-feedback-default));
  word-break: var(--ds-word-break-invalid-feedback-default);
  line-height: var(--dt-invalid-feedback-line-height, normal);
}
div.ds-invalid-feedback:empty,
ds-invalid-feedback:empty {
  padding: 0;
  opacity: 0;
}
table.ds-table {
  border-spacing: 0;
  width: var(--dt-table-width, 100%);
  background-color: var(--dt-table-bg);
}
table.ds-table thead {
  background-color: var(--dt-table-thead-bg, var(--ds-background-color-thead-default));
}
table.ds-table thead tr:hover {
  background-color: var(--ds-background-color-thead-default);
}
table.ds-table thead tr th {
  display: var(--ds-display-th-default, table-cell);
  color: var(--dt-table-thead-tr-th-color, var(--ds-color-th-default));
  font-size: var(--dt-table-thead-tr-th-font-size, var(--ds-font-size-th-default));
  font-weight: var(--dt-table-thead-tr-th-font-weight, var(--ds-font-weight-th-default));
  line-height: var(--dt-table-thead-tr-th-line-height, var(--ds-line-height-th-default));
  letter-spacing: var(--dt-table-thead-tr-th-letter-spacing, initial);
  text-align: var(--ds-text-align-th-default);
  margin: var(--ds-margin-top-th-default) var(--ds-margin-right-th-default) var(--ds-margin-bottom-th-default) var(--ds-margin-left-th-default);
  padding: var(--dt-table-thead-tr-th-padding, var(--ds-padding-top-th-default) var(--ds-padding-right-th-default) var(--ds-padding-bottom-th-default) var(--ds-padding-left-th-default));
  border-width: var(--dt-table-thead-tr-th-border-width, var(--ds-border-top-width-th-default) var(--ds-border-right-width-th-default) var(--ds-border-bottom-width-th-default) var(--ds-border-left-width-th-default));
  border-style: var(--dt-table-thead-tr-th-border-style, var(--ds-border-top-style-th-default) var(--ds-border-right-style-th-default) var(--ds-border-bottom-style-th-default) var(--ds-border-left-style-th-default));
  border-color: var(--dt-table-thead-tr-th-border-color, var(--ds-border-top-color-th-default) var(--ds-border-right-color-th-default) var(--ds-border-bottom-color-th-default) var(--ds-border-left-color-th-default));
}
table.ds-table tbody tr:nth-of-type(even) {
  background-color: var(--ds-background-color-tr-even-default);
}
table.ds-table tbody tr:nth-of-type(odd) {
  background-color: var(--ds-background-color-tr-odd-default);
}
table.ds-table tbody tr:hover {
  background-color: var(--dt-table-tbody-tr-hover-bg, var(--ds-background-color-tr-hover));
  transition: var(--dt-table-tbody-tr-hover-transition);
}
table.ds-table tbody tr.selected {
  background-color: var(--dt-table-tbody-tr-selected-bg);
  transition: var(--dt-table-tbody-tr-selected-transition);
}
table.ds-table tbody tr td {
  display: var(--ds-display-td-default, table-cell);
  color: var(--dt-table-tbody-tr-td-color, var(--ds-color-td-default));
  font-size: var(--dt-table-tbody-tr-td-font-size, var(--ds-font-size-td-default));
  font-weight: var(--dt-table-tbody-tr-td-font-weight, var(--ds-font-weight-td-default));
  line-height: var(--dt-table-tbody-tr-td-line-height, var(--ds-line-height-td-default));
  text-align: var(--ds-text-align-td-default);
  margin: var(--ds-margin-top-td-default) var(--ds-margin-right-td-default) var(--ds-margin-bottom-td-default) var(--ds-margin-left-td-default);
  padding: var(--dt-table-tbody-tr-td-padding, var(--ds-padding-top-th-default) var(--ds-padding-right-th-default) var(--ds-padding-bottom-th-default) var(--ds-padding-left-th-default));
  border-width: var(--dt-table-tbody-tr-td-border-width, var(--ds-border-top-width-td-default) var(--ds-border-right-width-td-default) var(--ds-border-bottom-width-td-default) var(--ds-border-left-width-td-default));
  border-style: var(--dt-table-tbody-tr-td-border-style, var(--ds-border-top-style-td-default) var(--ds-border-right-style-td-default) var(--ds-border-bottom-style-td-default) var(--ds-border-left-style-td-default));
  border-color: var(--dt-table-tbody-tr-td-border-color, var(--ds-border-top-color-td-default) var(--ds-border-right-color-td-default) var(--ds-border-bottom-color-td-default) var(--ds-border-left-color-td-default));
}
label.ds-label.ds-label-primary {
  font-family: var(--dt-label-primary-font-family, var(--dt-label-font-family, inherit));
  font-size: var(--dt-label-primary-font-size, var(--dt-label-font-size, inherit));
  font-weight: var(--dt-label-primary-font-weight, var(--dt-label-font-weight, initial));
  line-height: var(--dt-label-primary-line-height, var(--dt-label-line-height), normal);
  letter-spacing: var(--dt-label-primary-letter-spacing, var(--dt-label-letter-spacing, initial));
  cursor: var(--dt-label-primary-cursor, var(--dt-label-cursor, auto));
}
label.ds-label.ds-label-primary-internal {
  font-family: var(--dt-label-primary-internal-font-family, var(--dt-label-font-family, inherit));
  font-size: var(--dt-label-primary-internal-font-size, var(--dt-label-font-size, inherit));
  font-weight: var(--dt-label-primary-internal-font-weight, var(--dt-label-font-weight, initial));
  line-height: var(--dt-label-primary-internal-line-height, var(--dt-label-line-height), normal);
  letter-spacing: var(--dt-label-primary-internal-letter-spacing, var(--dt-label-letter-spacing, initial));
  cursor: var(--dt-label-primary-internal-cursor, var(--dt-label-cursor, auto));
}
label.ds-label.ds-label-secondary-internal {
  font-family: var(--dt-label-secondary-internal-font-family, var(--dt-label-font-family, inherit));
  font-size: var(--dt-label-secondary-internal-font-size, var(--dt-label-font-size, inherit));
  font-weight: var(--dt-label-secondary-internal-font-weight, var(--dt-label-font-weight, initial));
  line-height: var(--dt-label-secondary-internal-line-height, var(--dt-label-line-height), normal);
  letter-spacing: var(--dt-label-secondary-internal-letter-spacing, var(--dt-label-letter-spacing, initial));
  cursor: var(--dt-label-secondary-internal-cursor, var(--dt-label-cursor, auto));
}
label.ds-label.ds-label-dropdown-table {
  font-family: var(--dt-label-dropdown-table-font-family, var(--dt-label-font-family, inherit));
  font-size: var(--dt-label-dropdown-table-font-size, var(--dt-label-font-size, inherit));
  font-weight: var(--dt-label-dropdown-table-font-weight, var(--dt-label-font-weight, initial));
  line-height: var(--dt-label-dropdown-table-line-height, var(--dt-label-line-height), normal);
  letter-spacing: var(--dt-label-dropdown-table-letter-spacing, var(--dt-label-letter-spacing, initial));
  cursor: var(--dt-label-dropdown-table-cursor, var(--dt-label-cursor, auto));
}
label.ds-label.ds-label-dropdown-li-table {
  font-family: var(--dt-label-dropdown-li-table-font-family, var(--dt-label-font-family, inherit));
  font-size: var(--dt-label-dropdown-li-table-font-size, var(--dt-label-font-size, inherit));
  font-weight: var(--dt-label-dropdown-li-table-font-weight, var(--dt-label-font-weight, initial));
  line-height: var(--dt-label-dropdown-li-table-line-height, var(--dt-label-line-height), normal);
  letter-spacing: var(--dt-label-dropdown-li-table-letter-spacing, var(--dt-label-letter-spacing, initial));
  cursor: var(--dt-label-dropdown-li-table-cursor, var(--dt-label-cursor, auto));
}
label.ds-label.ds-label-tertiary-internal {
  font-family: var(--dt-label-tertiary-internal-font-family, var(--dt-label-font-family, inherit));
  font-size: var(--dt-label-tertiary-internal-font-size, var(--dt-label-font-size, inherit));
  font-weight: var(--dt-label-tertiary-internal-font-weight, var(--dt-label-font-weight, initial));
  line-height: var(--dt-label-tertiary-internal-line-height, var(--dt-label-line-height), normal);
  letter-spacing: var(--dt-label-tertiary-internal-letter-spacing, var(--dt-label-letter-spacing, initial));
  cursor: var(--dt-label-tertiary-internal-cursor, var(--dt-label-cursor, auto));
}
label.ds-label.ds-label-close {
  font-family: var(--dt-label-close-font-family, var(--dt-label-font-family, inherit));
  font-size: var(--dt-label-close-font-size, var(--dt-label-font-size, inherit));
  font-weight: var(--dt-label-close-font-weight, var(--dt-label-font-weight, initial));
  line-height: var(--dt-label-close-line-height, var(--dt-label-line-height), normal);
  letter-spacing: var(--dt-label-close-letter-spacing, var(--dt-label-letter-spacing, initial));
  cursor: var(--dt-label-close-cursor, var(--dt-label-cursor, auto));
}
label.ds-label.ds-label-close-contrast {
  font-family: var(--dt-label-close-contrast-font-family, var(--dt-label-font-family, inherit));
  font-size: var(--dt-label-close-contrast-font-size, var(--dt-label-font-size, inherit));
  font-weight: var(--dt-label-close-contrast-font-weight, var(--dt-label-font-weight, initial));
  line-height: var(--dt-label-close-contrast-line-height, var(--dt-label-line-height), normal);
  letter-spacing: var(--dt-label-close-contrast-letter-spacing, var(--dt-label-letter-spacing, initial));
  cursor: var(--dt-label-close-contrast-cursor, var(--dt-label-cursor, auto));
}
label.ds-label.ds-label-filter {
  font-family: var(--dt-label-filter-font-family, var(--dt-label-font-family, inherit));
  font-size: var(--dt-label-filter-font-size, var(--dt-label-font-size, inherit));
  font-weight: var(--dt-label-filter-font-weight, var(--dt-label-font-weight, initial));
  line-height: var(--dt-label-filter-line-height, var(--dt-label-line-height), normal);
  letter-spacing: var(--dt-label-filter-letter-spacing, var(--dt-label-letter-spacing, initial));
  cursor: var(--dt-label-filter-cursor, var(--dt-label-cursor, auto));
}
label.ds-label.ds-label-filter-selected {
  font-family: var(--dt-label-filter-selected-font-family, var(--dt-label-font-family, inherit));
  font-size: var(--dt-label-filter-selected-font-size, var(--dt-label-font-size, inherit));
  font-weight: var(--dt-label-filter-selected-font-weight, var(--dt-label-font-weight, initial));
  line-height: var(--dt-label-filter-selected-line-height, var(--dt-label-line-height), normal);
  letter-spacing: var(--dt-label-filter-selected-letter-spacing, var(--dt-label-letter-spacing, initial));
  cursor: var(--dt-label-filter-selected-cursor, var(--dt-label-cursor, auto));
}
.ds-multiselect {
  position: relative;
}
.ds-multiselect button {
  background-color: var(--ds-background-color-multiselect-button-default);
  background-image: var(--ds-background-image-multiselect-button-default);
  background-position: var(--ds-background-position-x-multiselect-button-default) var(--ds-background-position-y-multiselect-button-default);
  background-repeat: var(--ds-background-repeat-multiselect-button-default);
  border-style: var(--ds-border-top-style-multiselect-button-default) var(--ds-border-right-style-multiselect-button-default) var(--ds-border-bottom-style-multiselect-button-default) var(--ds-border-left-style-multiselect-button-default);
  border-width: var(--ds-border-top-width-multiselect-button-default) var(--ds-border-right-width-multiselect-button-default) var(--ds-border-bottom-width-multiselect-button-default) var(--ds-border-left-width-multiselect-button-default);
  border-color: var(--ds-border-top-color-multiselect-button-default) var(--ds-border-right-color-multiselect-button-default) var(--ds-border-bottom-color-multiselect-button-default) var(--ds-border-left-color-multiselect-button-default);
  border-radius: var(--ds-border-top-radius-multiselect-button-default) var(--ds-border-right-radius-multiselect-button-default) var(--ds-border-bottom-radius-multiselect-button-default) var(--ds-border-left-radius-multiselect-button-default);
  padding: var(--ds-padding-top-multiselect-button-default) var(--ds-padding-right-multiselect-button-default) var(--ds-padding-bottom-multiselect-button-default) var(--ds-padding-left-multiselect-button-default);
  margin: var(--ds-margin-top-multiselect-button-default) var(--ds-margin-right-multiselect-button-default) var(--ds-margin-bottom-multiselect-button-default) var(--ds-margin-left-multiselect-button-default);
  font-family: var(--ds-font-family-multiselect-button-default);
  font-size: var(--ds-font-size-multiselect-button-default);
  line-height: var(--ds-line-height-multiselect-button-default);
  color: var(--ds-color-multiselect-button-default);
  width: var(--ds-width-multiselect-button-default);
  height: var(--ds-height-multiselect-button-default);
  text-align: var(--ds-text-align-multiselect-button-default);
}
.ds-multiselect button:focus {
  background-color: var(--ds-background-color-multiselect-button-focus);
  color: var(--ds-color-multiselect-button-default);
}
.ds-multiselect button:hover {
  background-color: var(--ds-background-color-multiselect-button-hover);
  color: var(--ds-color-multiselect-button-default);
}
.ds-multiselect ul {
  padding: var(--ds-padding-top-multiselect-ul-default) var(--ds-padding-right-multiselect-ul-default) var(--ds-padding-bottom-multiselect-ul-default) var(--ds-padding-left-multiselect-ul-default);
  margin: var(--ds-margin-top-multiselect-ul-default) var(--ds-margin-right-multiselect-ul-default) var(--ds-margin-bottom-multiselect-ul-default) var(--ds-margin-left-multiselect-ul-default);
  list-style: var(--ds-list-style-multiselect-ul-default);
  position: var(--ds-position-multiselect-ul-default);
  top: var(--ds-top-multiselect-ul-default);
  background: var(--ds-background-multiselect-ul-default);
  width: var(--ds-width-multiselect-ul-default);
  border-style: var(--ds-border-top-style-multiselect-ul-default) var(--ds-border-right-style-multiselect-ul-default) var(--ds-border-bottom-style-multiselect-ul-default) var(--ds-border-left-style-multiselect-ul-default);
  border-width: var(--ds-border-top-width-multiselect-ul-default) var(--ds-border-right-width-multiselect-ul-default) var(--ds-border-bottom-width-multiselect-ul-default) var(--ds-border-left-width-multiselect-ul-default);
  border-color: var(--ds-border-top-color-multiselect-ul-default) var(--ds-border-right-color-multiselect-ul-default) var(--ds-border-bottom-color-multiselect-ul-default) var(--ds-border-left-color-multiselect-ul-default);
  border-radius: var(--ds-border-top-radius-multiselect-ul-default) var(--ds-border-right-radius-multiselect-ul-default) var(--ds-border-bottom-radius-multiselect-ul-default) var(--ds-border-left-radius-multiselect-ul-default);
  z-index: 12;
}
.ds-multiselect ul li {
  padding: var(--ds-padding-top-multiselect-li-default) var(--ds-padding-right-multiselect-li-default) var(--ds-padding-bottom-multiselect-li-default) var(--ds-padding-left-multiselect-li-default);
  margin: var(--ds-margin-top-multiselect-li-default) var(--ds-margin-right-multiselect-li-default) var(--ds-margin-bottom-multiselect-li-default) var(--ds-margin-left-multiselect-li-default);
}
.ds-multiselect ul li:hover {
  background-color: var(--ds-background-color-multiselect-button-hover);
}
.ds-multiselect ul li label input.ds-input {
  transform: scale(1);
  margin: 0;
}
.ds-pagination-button.ds-pagination-button-primary {
  font-size: var(--ds-font-size-pagination-button, 0.875rem);
  padding: var(--dt-pagination-button-primary-pages-button-padding);
  border-radius: var(--dt-pagination-button-primary-pages-button-border-radius);
  background-color: var(--ds-background-color-pagination-button-primary, none);
  color: var(--ds-color-pagination-button-primary, rgb(153, 153, 153));
  border-width: var(--dt-pagination-pages-button-border-width, initial);
  border-style: var(--dt-pagination-pages-button-border-style, initial);
  border-color: var(--dt-pagination-pages-button-border-color, initial);
}
.ds-pagination-button.ds-pagination-button-primary.first {
  display: var(--dt-pagination-button-primary-pages-first-display, var(--dt-pagination-button-pages-first-display, block));
  grid-area: first;
  background-image: var(--dt-pagination-pages-first-bg-image, none);
  background-repeat: var(--dt-pagination-pages-first-bg-repeat, no-repeat);
  background-position: var(--dt-pagination-pages-first-bg-position, center);
}
.ds-pagination-button.ds-pagination-button-primary.first::before {
  content: var(--dt-pagination-pages-first-content, "\23ee");
}
.ds-pagination-button.ds-pagination-button-primary.prev {
  grid-area: prev;
  background-image: var(--dt-pagination-pages-prev-bg-image, none);
  background-repeat: var(--dt-pagination-pages-prev-bg-repeat, no-repeat);
  background-position: var(--dt-pagination-pages-prev-bg-position, center);
}
.ds-pagination-button.ds-pagination-button-primary.prev::before {
  content: var(--dt-pagination-pages-prev-content, "\ab");
}
.ds-pagination-button.ds-pagination-button-primary.next {
  grid-area: next;
  background-image: var(--dt-pagination-pages-next-bg-image, none);
  background-repeat: var(--dt-pagination-pages-next-bg-repeat, no-repeat);
  background-position: var(--dt-pagination-pages-next-bg-position, center);
}
.ds-pagination-button.ds-pagination-button-primary.next::before {
  content: var(--dt-pagination-pages-next-content, "\bb");
}
.ds-pagination-button.ds-pagination-button-primary.last {
  display: var(--dt-pagination-button-primary-pages-last-display, var(--dt-pagination-button-pages-last-display, block));
  grid-area: last;
  background-image: var(--dt-pagination-pages-last-bg-image, none);
  background-repeat: var(--dt-pagination-pages-last-bg-repeat, no-repeat);
  background-position: var(--dt-pagination-pages-last-bg-position, center);
}
.ds-pagination-button.ds-pagination-button-primary.last::before {
  content: var(--dt-pagination-pages-last-content, "\23ed");
}
.ds-pagination-button.ds-pagination-button-primary.page {
  grid-area: page;
}
.ds-pagination-button.ds-pagination-button-primary.active {
  font-weight: var(--ds-font-size-pagination-button-primary-active, bold);
  background-color: var(--ds-background-color-pagination-button-primary-active, rgb(0, 140, 186));
  color: var(--ds-color-pagination-button-primary-active, rgb(255, 255, 255));
}
.ds-pagination-button.ds-pagination-button-primary[disabled] {
  background-color: var(--ds-background-color-pagination-button-primary-disabled, none);
  color: var(--ds-color-pagination-button-primary-disabled, rgb(153, 153, 153));
}
.ds-pagination-button.ds-pagination-button-primary[disabled].first {
  background-image: var(--dt-pagination-pages-first-primary-disabled-bg-image, none);
}
.ds-pagination-button.ds-pagination-button-primary[disabled].prev {
  background-image: var(--dt-pagination-pages-prev-primary-disabled-bg-image, none);
}
.ds-pagination-button.ds-pagination-button-primary[disabled].next {
  background-image: var(--dt-pagination-pages-next-primary-disabled-bg-image, none);
}
.ds-pagination-button.ds-pagination-button-primary[disabled].last {
  background-image: var(--dt-pagination-pages-last-primary-disabled-bg-image, none);
}
.ds-pagination-button.ds-pagination-button-primary:hover:not(.active) {
  background-color: var(--ds-background-color-pagination-button-primary-hover, rgb(230, 230, 230));
  color: var(--ds-color-pagination-button-primary-hover, rgb(34, 34, 34));
}
.ds-pagination-button.ds-pagination-button-primary:focus:not(.active) {
  color: var(--ds-color-pagination-button-primary-focus, rgb(153, 153, 153));
}
.ds-pagination-select.ds-pagination-select-primary {
  font-family: var(--dt-pagination-select-primary-font-family, inherit);
  outline-color: var(--dt-pagination-select-primary-outline-color, transparent);
  outline-style: var(--dt-pagination-select-primary-outline-style, none);
  appearance: var(--dt-pagination-select-primary-appearance, auto);
  -webkit-appearance: var(--dt-pagination-select-primary-appearance, auto) !important;
  border-width: var(--dt-pagination-select-primary-border-width, initial);
  padding: var(--dt-pagination-select-primary-padding, 0);
  margin: var(--dt-pagination-select-primary-margin, 0) !important;
  background-image: var(--dt-pagination-select-primary-bg-image, none);
  background-repeat: var(--dt-pagination-select-primary-bg-repeat, no-repeat);
  background-position: var(--dt-pagination-select-primary-bg-position, right);
  background-color: var(--dt-pagination-select-primary-bg-color, transparent);
}
.ds-pagination-select.ds-pagination-select-primary.items-perpage {
  display: var(--dt-pagination-selection-select-items-perpage-display, block);
}
.ds-pagination-select.ds-pagination-select-primary.items-pages {
  display: var(--dt-pagination-selection-select-items-pages-display, none);
}
input[type=radio] {
  cursor: pointer;
}
input[type=radio].ds-radio {
  accent-color: var(--dt-radio-accent-color);
}
.ds-dialog:not(dialog) {
  background-color: var(--ds-background-color-dialog-default);
  border-radius: var(--ds-border-top-left-radius-dialog) var(--ds-border-top-right-radius-dialog) var(--ds-border-bottom-right-radius-dialog) var(--ds-border-bottom-left-radius-dialog);
  border-width: var(--ds-border-top-width-dialog) var(--ds-border-right-width-dialog) var(--ds-border-bottom-width-dialog) var(--ds-border-left-width-dialog);
  border-style: var(--ds-border-style-dialog);
  border-color: var(--ds-border-color-dialog-default);
  box-shadow: var(--ds-shadow-size-dialog-default) var(--ds-shadow-color-dialog-default);
  padding: var(--ds-padding-top-dialog) var(--ds-padding-right-dialog) var(--ds-padding-bottom-dialog) var(--ds-padding-left-dialog);
  outline: var(--ds-outline-dialog);
  position: var(--ds-position-dialog);
  overflow: var(--ds-overflow-dialog);
  display: var(--ds-display-dialog, block);
}
.ds-dialog:not(dialog) .ds-close-dialog {
  line-height: var(--ds-line-height-close-dialog);
  color: var(--ds-color-close-dialog);
  font-size: var(--ds-font-size-close-dialog);
  font-weight: var(--ds-font-weight-close-dialog);
  cursor: var(--ds-cursor-close-dialog);
  outline: var(--ds-outline-close-dialog);
  position: absolute;
  top: var(--ds-top-close-dialog, 0.8125rem);
  right: var(--ds-right-close-dialog, 1.25rem);
  z-index: var(--ds-z-index-close-dialog, 100000);
}
dialog.ds-dialog-close-subscription,
.ds-dialog.ds-dialog-close-subscription {
  border-color: var(--dt-dialog-close-subscription-border-color, var(--dt-dialog-border-color, initial));
  border-style: var(--dt-dialog-close-subscription-border-style, var(--dt-dialog-border-style, initial));
  border-width: var(--dt-dialog-close-subscription-border-width, var(--dt-dialog-border-width, initial));
  border-radius: var(--dt-dialog-close-subscription-border-radius, var(--dt-dialog-border-radius, initial));
  box-shadow: var(--dt-dialog-close-subscription-box-shadow, var(--dt-dialog-box-shadow, initial));
  width: var(--dt-dialog-close-subscription-width, var(--dt-dialog-width, initial));
  padding: var(--dt-dialog-close-subscription-padding, var(--dt-dialog-width, 1rem));
}
dialog.ds-dialog-close-subscription::backdrop,
.ds-dialog.ds-dialog-close-subscription::backdrop {
  background-color: var(--dt-dialog-close-subscription-backdrop-bg-color, var(--dt-dialog-backdrop-bg-color, rgba(0, 0, 0, 0.1)));
}
dialog.ds-dialog-manage-subscriptions,
.ds-dialog.ds-dialog-manage-subscriptions {
  border-color: var(--dt-dialog-manage-subscriptions-border-color, var(--dt-dialog-border-color, initial));
  border-style: var(--dt-dialog-manage-subscriptions-border-style, var(--dt-dialog-border-style, initial));
  border-width: var(--dt-dialog-manage-subscriptions-border-width, var(--dt-dialog-border-width, initial));
  border-radius: var(--dt-dialog-manage-subscriptions-border-radius, var(--dt-dialog-border-radius, initial));
  box-shadow: var(--dt-dialog-manage-subscriptions-box-shadow, var(--dt-dialog-box-shadow, initial));
  width: var(--dt-dialog-manage-subscriptions-width, var(--dt-dialog-width, initial));
  padding: var(--dt-dialog-manage-subscriptions-padding, var(--dt-dialog-width, 1rem));
}
dialog.ds-dialog-manage-subscriptions::backdrop,
.ds-dialog.ds-dialog-manage-subscriptions::backdrop {
  background-color: var(--dt-dialog-manage-subscriptions-backdrop-bg-color, var(--dt-dialog-backdrop-bg-color, rgba(0, 0, 0, 0.1)));
}
dialog.ds-dialog-update-subscription,
.ds-dialog.ds-dialog-update-subscription {
  border-color: var(--dt-dialog-update-subscription-border-color, var(--dt-dialog-border-color, initial));
  border-style: var(--dt-dialog-update-subscription-border-style, var(--dt-dialog-border-style, initial));
  border-width: var(--dt-dialog-update-subscription-border-width, var(--dt-dialog-border-width, initial));
  border-radius: var(--dt-dialog-update-subscription-border-radius, var(--dt-dialog-border-radius, initial));
  box-shadow: var(--dt-dialog-update-subscription-box-shadow, var(--dt-dialog-box-shadow, initial));
  width: var(--dt-dialog-update-subscription-width, var(--dt-dialog-width, initial));
  padding: var(--dt-dialog-update-subscription-padding, var(--dt-dialog-width, 1rem));
}
dialog.ds-dialog-update-subscription::backdrop,
.ds-dialog.ds-dialog-update-subscription::backdrop {
  background-color: var(--dt-dialog-update-subscription-backdrop-bg-color, var(--dt-dialog-backdrop-bg-color, rgba(0, 0, 0, 0.1)));
}
.ds-progress-target {
  transition: var(--ds-transition-progress, filter 0.25s ease-in);
}
.ds-progress-target.inprogress {
  pointer-events: none;
  filter: var(--ds-filter-progress, blur(0.125rem) grayscale(100%) sepia(0.2));
}
button.ds-tab-button.ds-tab-button-primary {
  line-height: var(--dt-tab-button-primary-line-height, var(--dt-tab-button-line-height));
  padding: var(--dt-tab-button-primary-padding, var(--dt-tab-button-padding));
  border-color: var(--dt-tab-button-primary-border-color, var(--dt-tab-button-border-color, initial));
  border-style: var(--dt-tab-button-primary-border-style, var(--dt-tab-button-border-style, initial));
  border-width: var(--dt-tab-button-primary-border-width, var(--dt-tab-button-border-width, initial));
  border-radius: var(--dt-tab-button-primary-border-radius, var(--dt-tab-button-border-radius, initial));
  background-color: var(--dt-tab-button-primary-bg-color, var(--dt-tab-button-bg-color, initial));
  color: var(--dt-tab-button-primary-color, var(--dt-tab-button-color, initial));
  box-shadow: var(--dt-tab-button-primary-box-shadow, var(--dt-tab-button-box-shadow, initial));
  width: var(--dt-tab-button-primary-width, var(--dt-tab-button-width, initial));
  transition: var(--dt-tab-button-primary-transition, var(--dt-tab-button-transition, initial));
}
button.ds-tab-button.ds-tab-button-primary:hover {
  background-color: var(--dt-tab-button-primary-hover-bg-color);
  color: var(--dt-tab-button-primary-hover-color);
  border-color: var(--dt-tab-button-primary-hover-border-color);
}
button.ds-tab-button.ds-tab-button-primary:active {
  background-color: var(--dt-tab-button-primary-active-bg-color);
  color: var(--dt-tab-button-primary-active-color);
  border-color: var(--dt-tab-button-primary-active-border-color);
}
button.ds-tab-button.ds-tab-button-primary:disabled {
  background-color: var(--dt-tab-button-primary-disabled-bg-color);
  color: var(--dt-tab-button-primary-disabled-color);
  border-color: var(--dt-tab-button-primary-disabled-border-color);
  opacity: var(--dt-tab-button-primary-disabled-opacity);
}
button.ds-tab-button.ds-tab-button-primary.active {
  background-color: var(--dt-tab-button-primary-active-bg-color);
  color: var(--dt-tab-button-primary-active-color);
  border-color: var(--dt-tab-button-primary-active-border-color);
}
details.ds-details-primary {
  padding: var(--dt-details-primary-padding, var(--dt-details-padding));
  border-color: var(--dt-details-primary-border-color, var(--dt-details-border-color, initial));
  border-style: var(--dt-details-primary-border-style, var(--dt-details-border-style, initial));
  border-width: var(--dt-details-primary-border-width, var(--dt-details-border-width, initial));
  border-radius: var(--dt-details-primary-border-radius, var(--dt-details-border-radius, initial));
  background-color: var(--dt-details-primary-bg-color, var(--dt-details-bg-color, initial));
  color: var(--dt-details-primary-color, var(--dt-details-color, initial));
  box-shadow: var(--dt-details-primary-box-shadow, var(--dt-details-box-shadow, initial));
  width: var(--dt-details-primary-width, var(--dt-details-width, initial));
  display: var(--dt-details-primary-display, var(--dt-details-display, initial));
  transition: var(--dt-details-primary-transition, var(--dt-details-transition, initial));
}
@media (prefers-reduced-motion: no-preference) {
  details.ds-details-primary {
    interpolate-size: allow-keywords;
  }
}
details.ds-details-primary::details-content {
  opacity: var(--dt-details-primary-animate-opacity);
  block-size: var(--dt-details-primary-animate-block-size);
  overflow-y: var(--dt-details-primary-animate-overflow-y);
  transition: var(--dt-details-primary-animate-transition);
}
details.ds-details-primary {
}
details.ds-details-primary[open] {
}
details.ds-details-primary[open]::details-content {
  opacity: var(--dt-details-primary-animate-open-opacity);
  block-size: var(--dt-details-primary-animate-open-block-size);
}
details.ds-details-primary[open] {
}
details.ds-details-primary[open] > summary::after {
  transform: rotate(180deg);
}
summary.ds-summary-primary {
  padding: var(--dt-summary-primary-padding, var(--dt-summary-padding));
  border-color: var(--dt-summary-primary-border-color, var(--dt-summary-border-color, initial));
  border-style: var(--dt-summary-primary-border-style, var(--dt-summary-border-style, initial));
  border-width: var(--dt-summary-primary-border-width, var(--dt-summary-border-width, initial));
  border-radius: var(--dt-summary-primary-border-radius, var(--dt-summary-border-radius, initial));
  background-color: var(--dt-summary-primary-bg-color, var(--dt-summary-bg-color, initial));
  color: var(--dt-summary-primary-color, var(--dt-summary-color, initial));
  box-shadow: var(--dt-summary-primary-box-shadow, var(--dt-summary-box-shadow, initial));
  width: var(--dt-summary-primary-width, var(--dt-summary-width, initial));
  display: var(--dt-summary-primary-display, var(--dt-summary-display, initial));
  transition: var(--dt-summary-primary-transition, var(--dt-summary-transition, initial));
  position: var(--dt-summary-primary-position, var(--dt-summary-position, initial));
}
summary.ds-summary-primary::after {
  content: "";
  display: var(--dt-summary-primary-after-display);
  width: var(--dt-summary-primary-after-width);
  height: var(--dt-summary-primary-after-height);
  background-image: var(--dt-summary-primary-after-bg-image);
  background-position: var(--dt-summary-primary-after-bg-position);
  background-repeat: var(--dt-summary-primary-after-bg-repeat);
  transition: var(--dt-summary-primary-after-transition);
}
summary.ds-summary-primary:hover {
  background-color: var(--dt-summary-primary-hover-bg-color);
  color: var(--dt-summary-primary-hover-color);
  border-color: var(--dt-summary-primary-hover-border-color);
  cursor: var(--dt-summary-primary-hover-cursor);
}
.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-sm,
.offcanvas-xs {
  --ds-offcanvas-zindex: 1045;
  --ds-offcanvas-width: 400px;
  --ds-offcanvas-height: 30vh;
  --ds-offcanvas-padding-x: 1rem;
  --ds-offcanvas-padding-y: 1rem;
  --ds-offcanvas-color: var(--ds-body-color);
  --ds-offcanvas-bg: var(--dt-palette-gray-4);
  --ds-offcanvas-border-width: var(--ds-border-width);
  --ds-offcanvas-border-color: var(--ds-border-color-translucent);
  --ds-offcanvas-box-shadow: var(--ds-box-shadow-sm);
  --ds-offcanvas-transition: transform 0.3s ease-in-out;
  --ds-offcanvas-title-line-height: 1.5;
}
@media (max-width: 374.98px) {
  .offcanvas-xs {
    position: fixed;
    bottom: 0;
    z-index: var(--ds-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--ds-offcanvas-color);
    visibility: hidden;
    background-color: var(--ds-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--ds-offcanvas-box-shadow);
    transition: var(--ds-offcanvas-transition);
  }
}
@media (max-width: 374.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xs {
    transition: none;
  }
}
@media (max-width: 374.98px) {
  .offcanvas-xs.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--ds-offcanvas-width);
    border-right: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xs.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--ds-offcanvas-width);
    border-left: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xs.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--ds-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xs.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--ds-offcanvas-height);
    max-height: 100%;
    border-top: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xs.showing,
  .offcanvas-xs.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xs.showing,
  .offcanvas-xs.hiding,
  .offcanvas-xs.show {
    visibility: visible;
  }
}
@media (min-width: 375px) {
  .offcanvas-xs {
    --ds-offcanvas-height: auto;
    --ds-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xs .offcanvas-header {
    display: none;
  }
  .offcanvas-xs .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--ds-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--ds-offcanvas-color);
    visibility: hidden;
    background-color: var(--ds-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--ds-offcanvas-box-shadow);
    transition: var(--ds-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--ds-offcanvas-width);
    border-right: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--ds-offcanvas-width);
    border-left: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--ds-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--ds-offcanvas-height);
    max-height: 100%;
    border-top: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing,
  .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing,
  .offcanvas-sm.hiding,
  .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-sm {
    --ds-offcanvas-height: auto;
    --ds-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1023.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--ds-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--ds-offcanvas-color);
    visibility: hidden;
    background-color: var(--ds-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--ds-offcanvas-box-shadow);
    transition: var(--ds-offcanvas-transition);
  }
}
@media (max-width: 1023.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 1023.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--ds-offcanvas-width);
    border-right: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--ds-offcanvas-width);
    border-left: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--ds-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--ds-offcanvas-height);
    max-height: 100%;
    border-top: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing,
  .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing,
  .offcanvas-lg.hiding,
  .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 1024px) {
  .offcanvas-lg {
    --ds-offcanvas-height: auto;
    --ds-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1279.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--ds-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--ds-offcanvas-color);
    visibility: hidden;
    background-color: var(--ds-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--ds-offcanvas-box-shadow);
    transition: var(--ds-offcanvas-transition);
  }
}
@media (max-width: 1279.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1279.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--ds-offcanvas-width);
    border-right: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--ds-offcanvas-width);
    border-left: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--ds-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--ds-offcanvas-height);
    max-height: 100%;
    border-top: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing,
  .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing,
  .offcanvas-xl.hiding,
  .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1280px) {
  .offcanvas-xl {
    --ds-offcanvas-height: auto;
    --ds-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1439.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--ds-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--ds-offcanvas-color);
    visibility: hidden;
    background-color: var(--ds-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--ds-offcanvas-box-shadow);
    transition: var(--ds-offcanvas-transition);
  }
}
@media (max-width: 1439.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1439.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--ds-offcanvas-width);
    border-right: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--ds-offcanvas-width);
    border-left: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--ds-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--ds-offcanvas-height);
    max-height: 100%;
    border-top: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing,
  .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing,
  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1440px) {
  .offcanvas-xxl {
    --ds-offcanvas-height: auto;
    --ds-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--ds-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--ds-offcanvas-color);
  visibility: hidden;
  background-color: var(--ds-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  box-shadow: var(--ds-offcanvas-box-shadow);
  transition: var(--ds-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--ds-offcanvas-width);
  border-right: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--ds-offcanvas-width);
  border-left: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--ds-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--ds-offcanvas-height);
  max-height: 100%;
  border-top: var(--ds-offcanvas-border-width) solid var(--ds-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing,
.offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
  visibility: visible;
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--ds-offcanvas-padding-y) var(--ds-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--ds-offcanvas-padding-y) * 0.5) calc(var(--ds-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--ds-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--ds-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--ds-offcanvas-padding-y));
  margin-left: auto;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--ds-offcanvas-title-line-height);
}
.offcanvas-body {
  flex-grow: 1;
  padding: var(--ds-offcanvas-padding-y) var(--ds-offcanvas-padding-x);
  overflow-y: auto;
}
.btn.filter-icon {
  position: relative;
}
.filter-icon {
  text-align: left;
}
.filter-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(https://sanopass-employer-api-stage.paypoint.md/api/content/getimage/PRIVATE.FILTERS.ICON/EMPLOYER_IMAGE_CONTENT);
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
  pointer-events: none;
}
.btn-back {
  background-color: transparent;
  background-image: url(https://sanopass-employer-api-stage.paypoint.md/api/content/getimage/PRIVATE.ARROW.LEFT.ICON/EMPLOYER_IMAGE_CONTENT);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
  padding: 0;
  border: none;
}
.btn-light.check {
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: 1rem;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 500;
  --bs-btn-border-width: 0;
}
.cdk-overlay-container {
  z-index: 10000;
}
.dark-backdrop {
  background-color: rgba(0, 0, 0, 0.8);
}
.tooltip {
  --bs-tooltip-max-width: 112px;
  --bs-tooltip-bg: var(--bs-green);
  --bs-tooltip-arrow-width: 1rem;
  --bs-tooltip-arrow-height: 0.625rem;
}
.bs-datepicker {
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  background: #fff;
  box-shadow: 0 0 10px 0 #aaa;
  position: relative;
  z-index: 1;
}
.bs-datepicker:after {
  clear: both;
  content: "";
  display: block;
}
.bs-datepicker bs-day-picker {
  float: left;
}
.bs-datepicker {
}
.bs-datepicker button:hover,
.bs-datepicker button:focus,
.bs-datepicker button:active,
.bs-datepicker input:hover,
.bs-datepicker input:focus,
.bs-datepicker input:active,
.bs-datepicker-btns button:hover,
.bs-datepicker-btns button:focus,
.bs-datepicker-btns button:active,
.bs-datepicker-predefined-btns button:active,
.bs-datepicker-predefined-btns button:focus {
  outline: none;
}
.bs-datepicker {
}
.bs-datepicker-head {
  min-width: 270px;
  height: 50px;
  padding: 10px;
  border-radius: 3px 3px 0 0;
  text-align: justify;
}
.bs-datepicker-head:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.bs-datepicker-head {
}
.bs-datepicker-head button {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  height: 30px;
  line-height: 30px;
  border: 0;
  background: transparent;
  text-align: center;
  cursor: pointer;
  color: #fff;
  transition: 0.3s;
}
.bs-datepicker-head button[disabled],
.bs-datepicker-head button[disabled]:hover,
.bs-datepicker-head button[disabled]:active {
  background: rgba(221, 221, 221, 0.3);
  color: #f5f5f5;
  cursor: not-allowed;
}
.bs-datepicker-head button.previous span {
  transform: translate(-1px, -1px);
}
.bs-datepicker-head button.next span {
  transform: translate(1px, -1px);
}
.bs-datepicker-head button.next,
.bs-datepicker-head button.previous {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.bs-datepicker-head button.next span,
.bs-datepicker-head button.previous span {
  font-size: 28px;
  line-height: 1;
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.bs-datepicker-head button.current {
  border-radius: 15px;
  max-width: 155px;
  padding: 0 13px;
}
.bs-datepicker-head button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.bs-datepicker-head button:active {
  background-color: rgba(0, 0, 0, 0.2);
}
.bs-datepicker {
}
.bs-datepicker-body {
  padding: 10px;
  border-radius: 0 0 3px 3px;
  min-height: 232px;
  min-width: 278px;
  border: 1px solid #e6e6e6;
}
.bs-datepicker-body .days.weeks {
  position: relative;
  z-index: 1;
}
.bs-datepicker-body {
}
.bs-datepicker-body table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.bs-datepicker-body table th {
  font-size: 13px;
  color: #9aaec1;
  font-weight: 400;
  text-align: center;
}
.bs-datepicker-body table td {
  color: #54708b;
  text-align: center;
  position: relative;
  padding: 0;
}
.bs-datepicker-body table td span {
  display: block;
  margin: 0 auto;
  font-size: 13px;
  border-radius: 50%;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker-body table td {
}
.bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) {
  cursor: pointer;
}
.bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
}
.bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
  cursor: pointer;
}
.bs-datepicker-body table td span.disabled,
.bs-datepicker-body table td.disabled span {
  color: #9aaec1;
}
.bs-datepicker-body table td span.selected,
.bs-datepicker-body table td.selected span {
  color: #fff;
}
.bs-datepicker-body table td span.selected.disabled,
.bs-datepicker-body table td.selected.disabled span {
  opacity: 0.3;
}
.bs-datepicker-body table td span.is-other-month,
.bs-datepicker-body table td.is-other-month span {
  color: rgba(0, 0, 0, 0.25);
}
.bs-datepicker-body table td.active {
  position: relative;
}
.bs-datepicker-body table td.active.select-start:before {
  left: 35%;
}
.bs-datepicker-body table td.active.select-end:before {
  left: -85%;
}
.bs-datepicker-body table td span.active.select-start:after,
.bs-datepicker-body table td span.active.select-end:after,
.bs-datepicker-body table td.active.select-start span:after,
.bs-datepicker-body table td.active.select-end span:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  top: 0;
  border-radius: 50%;
}
.bs-datepicker-body table td:before,
.bs-datepicker-body table td span:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 6px;
  bottom: 6px;
  left: -3px;
  right: -2px;
  box-sizing: content-box;
  background: transparent;
}
.bs-datepicker-body table td.active.select-start + td.active:before {
  left: -20%;
}
.bs-datepicker-body table td:last-child.active:before {
  border-radius: 0 3px 3px 0;
  width: 125%;
  left: -25%;
}
.bs-datepicker-body table td span[class*=select-],
.bs-datepicker-body table td[class*=select-] span {
  border-radius: 50%;
  color: #fff;
}
.bs-datepicker-body table {
}
.bs-datepicker-body table.days td.active:not(.select-start):not(.disabled):before,
.bs-datepicker-body table.days td.in-range:not(.select-start):not(.disabled):before,
.bs-datepicker-body table.days span.active:not(.select-start):not(.disabled):before,
.bs-datepicker-body table.days span.in-range:not(.select-start):not(.disabled):before {
  background: #e9edf0;
}
.bs-datepicker-body table.days span {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.bs-datepicker-body table.days span.select-start {
  z-index: 2;
}
.bs-datepicker-body table.days span.is-highlighted.in-range:before {
  right: 3px;
  left: 0;
}
.bs-datepicker-body table.days span.in-range.select-end:before {
  right: 4px;
  left: 0;
}
.bs-datepicker-body table.days td.select-start + td.select-end:before,
.bs-datepicker-body table.days td.select-start + td.is-highlighted:before,
.bs-datepicker-body table.days td.active + td.is-highlighted:before,
.bs-datepicker-body table.days td.active + td.select-end:before,
.bs-datepicker-body table.days td.in-range + td.is-highlighted:before,
.bs-datepicker-body table.days td.in-range + td.select-end:before {
  background: #e9edf0;
  width: 100%;
}
.bs-datepicker-body table {
}
.bs-datepicker-body table.weeks tr td:nth-child(2).active:before {
  border-radius: 3px 0 0 3px;
  left: 0;
  width: 100%;
}
.bs-datepicker-body table:not(.weeks) tr td:first-child:before {
  border-radius: 3px 0 0 3px;
}
.bs-datepicker-body table.years td span {
  width: 46px;
  height: 46px;
  line-height: 45px;
  margin: 0 auto;
}
.bs-datepicker-body table.years tr:not(:last-child) td span {
  margin-bottom: 8px;
}
.bs-datepicker-body table.months td {
  height: 52px;
}
.bs-datepicker-body table.months td span {
  padding: 6px;
  border-radius: 15px;
}
.bs-datepicker {
}
.bs-datepicker .current-timedate {
  color: #54708b;
  font-size: 15px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  border: 1px solid #e6e6e6;
  margin-bottom: 10px;
  cursor: pointer;
  text-transform: uppercase;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker .current-timedate span:not(:empty):before {
  content: "";
  width: 15px;
  height: 16px;
  display: inline-block;
  margin-right: 4px;
  vertical-align: text-bottom;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC);
}
.bs-datepicker {
}
.bs-datepicker-multiple {
  border-radius: 4px 0 0 4px;
}
.bs-datepicker-multiple + .bs-datepicker-multiple {
  margin-left: 10px;
}
.bs-datepicker-multiple .bs-datepicker {
  box-shadow: none;
  position: relative;
}
.bs-datepicker-multiple .bs-datepicker:not(:last-child) {
  padding-right: 10px;
}
.bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after {
  content: "";
  display: block;
  width: 14px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
  position: absolute;
  top: 25px;
  left: -8px;
}
.bs-datepicker-multiple .bs-datepicker .left {
  float: left;
}
.bs-datepicker-multiple .bs-datepicker .right {
  float: right;
}
.bs-datepicker {
}
.bs-datepicker-container {
  padding: 15px;
}
.bs-datepicker .bs-media-container {
  display: flex;
}
@media (max-width: 768px) {
  .bs-datepicker .bs-media-container {
    flex-direction: column;
  }
}
.bs-datepicker .bs-timepicker-in-datepicker-container {
  display: flex;
  justify-content: space-around;
}
.bs-datepicker {
}
.bs-datepicker-custom-range {
  padding: 15px;
  background: #eee;
}
.bs-datepicker {
}
.bs-datepicker-predefined-btns button {
  width: 100%;
  display: block;
  height: 30px;
  background-color: #9aaec1;
  border-radius: 4px;
  color: #fff;
  border: 0;
  margin-bottom: 10px;
  padding: 0 18px;
  text-align: left;
  transition: 0.3s;
}
.bs-datepicker-predefined-btns button:hover {
  background-color: #54708b;
}
.bs-datepicker {
}
.bs-datepicker-buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  padding-top: 10px;
  border-top: 1px solid #e6e6e6;
}
.bs-datepicker-buttons .btn-default {
  margin-left: 10px;
}
.bs-datepicker-buttons .btn-today-wrapper {
  display: flex;
  flex-flow: row wrap;
}
.bs-datepicker-buttons .clear-right,
.bs-datepicker-buttons .today-right {
  flex-grow: 0;
}
.bs-datepicker-buttons .clear-left,
.bs-datepicker-buttons .today-left {
  flex-grow: 1;
}
.bs-datepicker-buttons .clear-center,
.bs-datepicker-buttons .today-center {
  flex-grow: 0.5;
}
.bs-timepicker-container {
  padding: 10px 0;
}
.bs-timepicker-label {
  color: #54708b;
  margin-bottom: 10px;
}
.bs-timepicker-controls {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.bs-timepicker-controls button {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 0;
  background-color: #e9edf0;
  color: #54708b;
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
  line-height: 0;
  padding: 0;
  transition: 0.3s;
}
.bs-timepicker-controls button:hover {
  background-color: #d5dadd;
}
.bs-timepicker-controls input {
  width: 35px;
  height: 25px;
  border-radius: 13px;
  text-align: center;
  border: 1px solid #e6e6e6;
}
.bs-timepicker .switch-time-format {
  text-transform: uppercase;
  min-width: 54px;
  height: 25px;
  border-radius: 20px;
  border: 1px solid #e6e6e6;
  background: #fff;
  color: #54708b;
  font-size: 13px;
}
.bs-timepicker .switch-time-format img {
  vertical-align: initial;
  margin-left: 4px;
}
bs-datepicker-container,
bs-daterangepicker-container {
  z-index: 1080;
}
@media (max-width: 768px) {
  .bs-datepicker {
    width: min-content;
    justify-content: center;
  }
  .bs-datepicker-multiple {
    display: flex;
  }
  .bs-datepicker-multiple + .bs-datepicker-multiple {
    margin-top: 10px;
    margin-left: 0;
  }
}
.theme-default .bs-datepicker-head {
  background-color: #777;
}
.theme-default .btn-today-wrapper .btn-success,
.theme-default .btn-clear-wrapper .btn-success {
  background-color: #777;
  border-color: #777;
}
.theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus,
.theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-default .btn-today-wrapper .btn-success:focus,
.theme-default .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active,
.theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #616161;
  border-color: #616161;
}
.theme-default .btn-today-wrapper .btn-success:hover,
.theme-default .btn-clear-wrapper .btn-success:hover {
  background-color: #6F6E6E;
  border-color: #6F6E6E;
}
.theme-default .bs-datepicker-predefined-btns button.selected {
  background-color: #777;
}
.theme-default .bs-datepicker-body table td span.selected,
.theme-default .bs-datepicker-body table td.selected span,
.theme-default .bs-datepicker-body table td span[class*=select-]:after,
.theme-default .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #777;
}
.theme-default .bs-datepicker-body table td.week span {
  color: #777;
}
.theme-default .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #777;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-green .bs-datepicker-head {
  background-color: #4e5b31;
}
.theme-green .btn-today-wrapper .btn-success,
.theme-green .btn-clear-wrapper .btn-success {
  background-color: #4e5b31;
  border-color: #4e5b31;
}
.theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus,
.theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-green .btn-today-wrapper .btn-success:focus,
.theme-green .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active,
.theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #1e7e34;
  border-color: #1e7e34;
}
.theme-green .btn-today-wrapper .btn-success:hover,
.theme-green .btn-clear-wrapper .btn-success:hover {
  background-color: #218838;
  border-color: #218838;
}
.theme-green .bs-datepicker-predefined-btns button.selected {
  background-color: #4e5b31;
}
.theme-green .bs-datepicker-body table td span.selected,
.theme-green .bs-datepicker-body table td.selected span,
.theme-green .bs-datepicker-body table td span[class*=select-]:after,
.theme-green .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #4e5b31;
}
.theme-green .bs-datepicker-body table td.week span {
  color: #4e5b31;
}
.theme-green .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #4e5b31;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-blue .bs-datepicker-head {
  background-color: #5bc0de;
}
.theme-blue .btn-today-wrapper .btn-success,
.theme-blue .btn-clear-wrapper .btn-success {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus,
.theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-blue .btn-today-wrapper .btn-success:focus,
.theme-blue .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active,
.theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #2AA8CD;
  border-color: #2AA8CD;
}
.theme-blue .btn-today-wrapper .btn-success:hover,
.theme-blue .btn-clear-wrapper .btn-success:hover {
  background-color: #3AB3D7;
  border-color: #3AB3D7;
}
.theme-blue .bs-datepicker-predefined-btns button.selected {
  background-color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td span.selected,
.theme-blue .bs-datepicker-body table td.selected span,
.theme-blue .bs-datepicker-body table td span[class*=select-]:after,
.theme-blue .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td.week span {
  color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #5bc0de;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-dark-blue .bs-datepicker-head {
  background-color: #337ab7;
}
.theme-dark-blue .btn-today-wrapper .btn-success,
.theme-dark-blue .btn-clear-wrapper .btn-success {
  background-color: #337ab7;
  border-color: #337ab7;
}
.theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus,
.theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-dark-blue .btn-today-wrapper .btn-success:focus,
.theme-dark-blue .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active,
.theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #266498;
  border-color: #266498;
}
.theme-dark-blue .btn-today-wrapper .btn-success:hover,
.theme-dark-blue .btn-clear-wrapper .btn-success:hover {
  background-color: #2C6FA9;
  border-color: #2C6FA9;
}
.theme-dark-blue .bs-datepicker-predefined-btns button.selected {
  background-color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td span.selected,
.theme-dark-blue .bs-datepicker-body table td.selected span,
.theme-dark-blue .bs-datepicker-body table td span[class*=select-]:after,
.theme-dark-blue .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td.week span {
  color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #337ab7;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-red .bs-datepicker-head {
  background-color: #d9534f;
}
.theme-red .btn-today-wrapper .btn-success,
.theme-red .btn-clear-wrapper .btn-success {
  background-color: #d9534f;
  border-color: #d9534f;
}
.theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus,
.theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-red .btn-today-wrapper .btn-success:focus,
.theme-red .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active,
.theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #D23531;
  border-color: #D23531;
}
.theme-red .btn-today-wrapper .btn-success:hover,
.theme-red .btn-clear-wrapper .btn-success:hover {
  background-color: #E33732;
  border-color: #E33732;
}
.theme-red .bs-datepicker-predefined-btns button.selected {
  background-color: #d9534f;
}
.theme-red .bs-datepicker-body table td span.selected,
.theme-red .bs-datepicker-body table td.selected span,
.theme-red .bs-datepicker-body table td span[class*=select-]:after,
.theme-red .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #d9534f;
}
.theme-red .bs-datepicker-body table td.week span {
  color: #d9534f;
}
.theme-red .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #d9534f;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-orange .bs-datepicker-head {
  background-color: #f0ad4e;
}
.theme-orange .btn-today-wrapper .btn-success,
.theme-orange .btn-clear-wrapper .btn-success {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus,
.theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-orange .btn-today-wrapper .btn-success:focus,
.theme-orange .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active,
.theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #ED9C29;
  border-color: #ED9C29;
}
.theme-orange .btn-today-wrapper .btn-success:hover,
.theme-orange .btn-clear-wrapper .btn-success:hover {
  background-color: #FFAC35;
  border-color: #FFAC35;
}
.theme-orange .bs-datepicker-predefined-btns button.selected {
  background-color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td span.selected,
.theme-orange .bs-datepicker-body table td.selected span,
.theme-orange .bs-datepicker-body table td span[class*=select-]:after,
.theme-orange .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td.week span {
  color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #f0ad4e;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-spin-clockwise-fade,
.la-ball-spin-clockwise-fade > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-spin-clockwise-fade {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-spin-clockwise-fade.la-dark {
  color: #333;
}
.la-ball-spin-clockwise-fade > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-spin-clockwise-fade {
  width: 32px;
  height: 32px;
}
.la-ball-spin-clockwise-fade > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  margin-left: -4px;
  border-radius: 100%;
  -webkit-animation: ball-spin-clockwise-fade 1s infinite linear;
  -moz-animation: ball-spin-clockwise-fade 1s infinite linear;
  -o-animation: ball-spin-clockwise-fade 1s infinite linear;
  animation: ball-spin-clockwise-fade 1s infinite linear;
}
.la-ball-spin-clockwise-fade > div:nth-child(1) {
  top: 5%;
  left: 50%;
  -webkit-animation-delay: -0.875s;
  -moz-animation-delay: -0.875s;
  -o-animation-delay: -0.875s;
  animation-delay: -0.875s;
}
.la-ball-spin-clockwise-fade > div:nth-child(2) {
  top: 18.1801948466%;
  left: 81.8198051534%;
  -webkit-animation-delay: -0.75s;
  -moz-animation-delay: -0.75s;
  -o-animation-delay: -0.75s;
  animation-delay: -0.75s;
}
.la-ball-spin-clockwise-fade > div:nth-child(3) {
  top: 50%;
  left: 95%;
  -webkit-animation-delay: -0.625s;
  -moz-animation-delay: -0.625s;
  -o-animation-delay: -0.625s;
  animation-delay: -0.625s;
}
.la-ball-spin-clockwise-fade > div:nth-child(4) {
  top: 81.8198051534%;
  left: 81.8198051534%;
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.la-ball-spin-clockwise-fade > div:nth-child(5) {
  top: 94.9999999966%;
  left: 50.0000000005%;
  -webkit-animation-delay: -0.375s;
  -moz-animation-delay: -0.375s;
  -o-animation-delay: -0.375s;
  animation-delay: -0.375s;
}
.la-ball-spin-clockwise-fade > div:nth-child(6) {
  top: 81.8198046966%;
  left: 18.1801949248%;
  -webkit-animation-delay: -0.25s;
  -moz-animation-delay: -0.25s;
  -o-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.la-ball-spin-clockwise-fade > div:nth-child(7) {
  top: 49.9999750815%;
  left: 5.0000051215%;
  -webkit-animation-delay: -0.125s;
  -moz-animation-delay: -0.125s;
  -o-animation-delay: -0.125s;
  animation-delay: -0.125s;
}
.la-ball-spin-clockwise-fade > div:nth-child(8) {
  top: 18.179464974%;
  left: 18.1803700518%;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.la-ball-spin-clockwise-fade.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-spin-clockwise-fade.la-sm > div {
  width: 4px;
  height: 4px;
  margin-top: -2px;
  margin-left: -2px;
}
.la-ball-spin-clockwise-fade.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-spin-clockwise-fade.la-2x > div {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
}
.la-ball-spin-clockwise-fade.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-spin-clockwise-fade.la-3x > div {
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
}
@-webkit-keyframes ball-spin-clockwise-fade {
  50% {
    opacity: 0.25;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes ball-spin-clockwise-fade {
  50% {
    opacity: 0.25;
    -moz-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes ball-spin-clockwise-fade {
  50% {
    opacity: 0.25;
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-spin-clockwise-fade {
  50% {
    opacity: 0.25;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.bs-datepicker-container {
  padding: 0;
}
.progress-target {
  animation: none;
  transition: filter 0.25s ease-in;
}
.progress-target.inprogress {
  pointer-events: none;
  filter: blur(0.125rem) grayscale(100%) sepia(0.2);
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-WZW3EQZU.css.map */