@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap";

/* node_modules/@paypoint-frontend/design-tokens/paynet/kyc-admin/css/tokens.css */
:root {
  --dt-accordion-bg-color: #000000;
  --dt-accordion-color: #ffffff;
  --dt-accordion-border-color: #000000;
  --dt-accordion-variants: primary;
  --dt-accordion-primary-display: grid;
  --dt-accordion-primary-bg-color: #000000;
  --dt-accordion-primary-color: #ffffff;
  --dt-accordion-primary-border-color: #000000;
  --dt-details-bg-color: #da1e28;
  --dt-details-color: #ffffff;
  --dt-details-border-color: #da1e28;
  --dt-details-variants: primary;
  --dt-details-primary-display: grid;
  --dt-details-primary-bg-color: #ffffff;
  --dt-details-primary-color: #000000;
  --dt-details-primary-border-width: 0 0 1px 0;
  --dt-details-primary-border-style: solid;
  --dt-details-primary-border-radius: 8px;
  --dt-details-primary-border-color: rgba(0, 0, 0, 0);
  --dt-details-primary-font-size: 14px;
  --dt-details-primary-font-weight: 400;
  --dt-details-primary-padding: 0;
  --dt-details-primary-line-height: 1;
  --dt-details-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-details-primary-box-shadow: inset 0 1px 8px 1px rgba(0, 0, 0, 0.15);
  --dt-details-primary-animate-open-opacity: 1;
  --dt-details-primary-animate-open-block-size: auto;
  --dt-details-primary-animate-opacity: 0;
  --dt-details-primary-animate-block-size: 0;
  --dt-details-primary-animate-overflow-y: clip;
  --dt-details-primary-animate-transition:
    content-visibility 0.2s allow-discrete,
    opacity 0.2s,
    block-size 0.2s;
  --dt-summary-variants: primary;
  --dt-summary-primary-display: grid;
  --dt-summary-primary-bg-color: #ffffff;
  --dt-summary-primary-color: #000000;
  --dt-summary-primary-border-width: 0 0 1px 0;
  --dt-summary-primary-border-style: solid;
  --dt-summary-primary-border-radius: 8px;
  --dt-summary-primary-border-color: rgba(0, 0, 0, 0);
  --dt-summary-primary-font-size: 14px;
  --dt-summary-primary-font-weight: 400;
  --dt-summary-primary-padding: 12px 8px;
  --dt-summary-primary-line-height: 1;
  --dt-summary-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-summary-primary-box-shadow: inset 0 1px 8px 1px rgba(0, 0, 0, 0.15);
  --dt-summary-primary-after-display: inline-block;
  --dt-summary-primary-after-transition: all 0.25s ease-in-out;
  --dt-summary-primary-after-width: 24px;
  --dt-summary-primary-after-height: 24px;
  --dt-summary-primary-after-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='40px' viewBox='0 -960 960 960' width='40px' fill='%231f1f1f'%3E%3Cpath d='M480-344 240-584l47.33-47.33L480-438.67l192.67-192.66L720-584 480-344Z'/%3E%3C/svg%3E");
  --dt-summary-primary-after-bg-repeat: no-repeat;
  --dt-summary-primary-after-bg-position: center;
  --dt-summary-primary-hover-bg-color: #f2f2f2;
  --dt-summary-primary-hover-color: #000000;
  --dt-summary-primary-hover-border-color: #f2f2f2;
  --dt-summary-primary-hover-cursor: pointer;
  --dt-alert-bg-color: #da1e28;
  --dt-alert-color: #ffffff;
  --dt-alert-border-color: #da1e28;
  --dt-alert-variants: warning error;
  --dt-alert-error-bg-color: #da1e28;
  --dt-alert-error-color: #ffffff;
  --dt-alert-error-border-color: #da1e28;
  --dt-badge-padding: 4px;
  --dt-badge-text-align: center;
  --dt-badge-bg-color: #da1e28;
  --dt-badge-color: #ffffff;
  --dt-badge-border-color: #da1e28;
  --dt-badge-border-width: 1px;
  --dt-badge-border-style: solid;
  --dt-badge-border-radius: 8px;
  --dt-badge-font-weight: 500;
  --dt-badge-box-shadow: inset 0 1px 8px 1px rgba(0, 0, 0, 0.15);
  --dt-badge-display: block;
  --dt-badge-variants: created inprogress completed failed canceled expired;
  --dt-badge-created-bg-color: #c7d2fe;
  --dt-badge-created-border-color: #818cf8;
  --dt-badge-created-color: #1e1b4b;
  --dt-badge-inprogress-bg-color: gold;
  --dt-badge-inprogress-border-color: #ffb300;
  --dt-badge-inprogress-color: #111827;
  --dt-badge-completed-bg-color: #4ade80;
  --dt-badge-completed-border-color: #16a34a;
  --dt-badge-completed-color: #052e16;
  --dt-badge-failed-bg-color: #fb7185;
  --dt-badge-failed-border-color: #be123c;
  --dt-badge-failed-color: #2a000a;
  --dt-badge-canceled-bg-color: #d1d5db;
  --dt-badge-canceled-border-color: #9ca3af;
  --dt-badge-canceled-color: #111827;
  --dt-badge-expired-bg-color: #fdba74;
  --dt-badge-expired-border-color: #ea580c;
  --dt-badge-expired-color: #431407;
  --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;
  --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-bg-color: #f2f2f2;
  --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: 8px;
  --dt-button-primary-internal-font-size: 14px;
  --dt-button-primary-internal-font-weight: 400;
  --dt-button-primary-internal-padding: 8px;
  --dt-button-primary-internal-line-height: 1;
  --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-dialog-variants: mrz;
  --dt-dialog-mrz-border-style: none;
  --dt-dialog-mrz-border-radius: 8px;
  --dt-dialog-mrz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  --dt-dialog-mrz-width: 400px;
  --dt-dialog-mrz-backdrop-bg-color: rgba(0, 0, 0, 0.5);
  --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-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: Inter;
  --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-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-focus-border-color: #000000;
  --dt-select-focus-box-shadow: none;
  --dt-select-variants: primary;
  --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-focus-border-color: #000000;
  --dt-select-primary-focus-outline: none;
  --dt-select-primary-focus-box-shadow: 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-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-bg: #fbfbfb;
  --dt-pagination-pages-grid-template-area: "first prev next last";
  --dt-pagination-pages-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-first-content: "";
  --dt-pagination-pages-first-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='M240-240v-480h80v480h-80Zm440 0L440-480l240-240 56 56-184 184 184 184-56 56Z'/%3E%3C/svg%3E");
  --dt-pagination-pages-first-bg-repeat: no-repeat;
  --dt-pagination-pages-first-bg-position: center;
  --dt-pagination-pages-first-primary-disabled-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='%238d8d8d'%3E%3Cpath d='M240-240v-480h80v480h-80Zm440 0L440-480l240-240 56 56-184 184 184 184-56 56Z'/%3E%3C/svg%3E");
  --dt-pagination-pages-prev-content: "";
  --dt-pagination-pages-prev-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='M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z'/%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 xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%238d8d8d'%3E%3Cpath d='M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z'/%3E%3C/svg%3E");
  --dt-pagination-pages-next-content: "";
  --dt-pagination-pages-next-bg-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%231f1f1f'%3E%3Cpath d='M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z'/%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,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%238d8d8d'%3E%3Cpath d='M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z'/%3E%3C/svg%3E");
  --dt-pagination-pages-last-content: "";
  --dt-pagination-pages-last-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='m280-240-56-56 184-184-184-184 56-56 240 240-240 240Zm360 0v-480h80v480h-80Z'/%3E%3C/svg%3E");
  --dt-pagination-pages-last-bg-repeat: no-repeat;
  --dt-pagination-pages-last-bg-position: center;
  --dt-pagination-pages-last-primary-disabled-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='%238d8d8d'%3E%3Cpath d='m280-240-56-56 184-184-184-184 56-56 240 240-240 240Zm360 0v-480h80v480h-80Z'/%3E%3C/svg%3E");
  --dt-pagination-pages-selection-grid-template-area: selection;
  --dt-pagination-pages-selection-border-width: 0 0 0 1px;
  --dt-pagination-pages-selection-border-style: solid;
  --dt-pagination-pages-selection-border-color: #e0e0e0;
  --dt-pagination-pages-selection-select-items-perpage-display: block;
  --dt-pagination-pages-selection-select-items-pages-display: none;
  --dt-pagination-select-variants: primary;
  --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-font-family: Inter;
  --dt-pagination-select-primary-border-width: 0;
  --dt-pagination-select-primary-outline-color: rgba(0, 0, 0, 0);
  --dt-pagination-select-primary-outline-style: 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: Inter;
  --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: 8px;
  --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: 8px;
  --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: rgba(0, 0, 0, 0);
  --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-box-shadow: inset 0 1px 8px 1px rgba(0, 0, 0, 0.15);
  --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: #525252;
  --dt-tab-button-primary-active-color: #ffffff;
  --dt-tab-button-primary-active-border-color: #525252;
  --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-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-h5-variants:
    primary,
    primary-label,
    primary-value;
  --dt-h5-primary-font-size: 14px;
  --dt-h5-primary-font-weight: 600;
  --dt-h5-primary-color: #9d9d9d;
  --dt-h5-primary-letter-spacing: 0.04em;
  --dt-h5-primary-line-height: 18px;
  --dt-h5-primary-label-font-size: 14px;
  --dt-h5-primary-label-font-weight: 400;
  --dt-h5-primary-label-line-height: 30px;
  --dt-h5-primary-label-color: #000000;
  --dt-h5-primary-value-font-size: 14px;
  --dt-h5-primary-value-font-weight: 600;
  --dt-h5-primary-value-line-height: 30px;
  --dt-h5-primary-value-color: #000000;
  --dt-h5-primary-value-text-align: right;
  --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-breakpoints-1k: 1920px;
  --dt-font-family-inter: Inter;
  --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-shadow-3: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  --dt-shadow-4: inset 0 1px 8px 1px rgba(0, 0, 0, 0.15);
  --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-transition-accordion-details:
    content-visibility 0.2s allow-discrete,
    opacity 0.2s,
    block-size 0.2s;
}

/* 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-created,
.ds-badge.ds-badge-created {
  font-size: var(--dt-badge-created-font-size, inherit);
  font-weight: var(--dt-badge-created-font-weight, initial);
  color: var(--dt-badge-created-color, initial);
  border-color: var(--dt-badge-created-border-color, var(--dt-badge-border-color, initial));
  border-style: var(--dt-badge-created-border-style, var(--dt-badge-border-style, initial));
  border-width: var(--dt-badge-created-border-width, var(--dt-badge-border-width, initial));
  border-radius: var(--dt-badge-created-border-radius, var(--dt-badge-border-radius, initial));
  box-shadow: var(--dt-badge-created-box-shadow, var(--dt-badge-box-shadow, initial));
  width: var(--dt-badge-created-width, initial);
  padding: var(--dt-badge-created-padding, var(--dt-badge-padding, initial));
  white-space: var(--dt-badge-created-white-space, initial);
  line-height: var(--dt-badge-created-line-height, initial);
  text-align: var(--dt-badge-created-text-align, var(--dt-badge-text-align, initial));
  display: var(--dt-badge-created-display, var(--dt-badge-display, initial));
  background-color: var(--dt-badge-created-bg-color, initial);
  background-image: var(--dt-badge-created-bg-image, none);
  background-repeat: var(--dt-badge-created-bg-repeat, no-repeat);
  background-position: var(--dt-badge-created-bg-position, center);
}
ds-badge.ds-badge-inprogress,
.ds-badge.ds-badge-inprogress {
  font-size: var(--dt-badge-inprogress-font-size, inherit);
  font-weight: var(--dt-badge-inprogress-font-weight, initial);
  color: var(--dt-badge-inprogress-color, initial);
  border-color: var(--dt-badge-inprogress-border-color, var(--dt-badge-border-color, initial));
  border-style: var(--dt-badge-inprogress-border-style, var(--dt-badge-border-style, initial));
  border-width: var(--dt-badge-inprogress-border-width, var(--dt-badge-border-width, initial));
  border-radius: var(--dt-badge-inprogress-border-radius, var(--dt-badge-border-radius, initial));
  box-shadow: var(--dt-badge-inprogress-box-shadow, var(--dt-badge-box-shadow, initial));
  width: var(--dt-badge-inprogress-width, initial);
  padding: var(--dt-badge-inprogress-padding, var(--dt-badge-padding, initial));
  white-space: var(--dt-badge-inprogress-white-space, initial);
  line-height: var(--dt-badge-inprogress-line-height, initial);
  text-align: var(--dt-badge-inprogress-text-align, var(--dt-badge-text-align, initial));
  display: var(--dt-badge-inprogress-display, var(--dt-badge-display, initial));
  background-color: var(--dt-badge-inprogress-bg-color, initial);
  background-image: var(--dt-badge-inprogress-bg-image, none);
  background-repeat: var(--dt-badge-inprogress-bg-repeat, no-repeat);
  background-position: var(--dt-badge-inprogress-bg-position, center);
}
ds-badge.ds-badge-completed,
.ds-badge.ds-badge-completed {
  font-size: var(--dt-badge-completed-font-size, inherit);
  font-weight: var(--dt-badge-completed-font-weight, initial);
  color: var(--dt-badge-completed-color, initial);
  border-color: var(--dt-badge-completed-border-color, var(--dt-badge-border-color, initial));
  border-style: var(--dt-badge-completed-border-style, var(--dt-badge-border-style, initial));
  border-width: var(--dt-badge-completed-border-width, var(--dt-badge-border-width, initial));
  border-radius: var(--dt-badge-completed-border-radius, var(--dt-badge-border-radius, initial));
  box-shadow: var(--dt-badge-completed-box-shadow, var(--dt-badge-box-shadow, initial));
  width: var(--dt-badge-completed-width, initial);
  padding: var(--dt-badge-completed-padding, var(--dt-badge-padding, initial));
  white-space: var(--dt-badge-completed-white-space, initial);
  line-height: var(--dt-badge-completed-line-height, initial);
  text-align: var(--dt-badge-completed-text-align, var(--dt-badge-text-align, initial));
  display: var(--dt-badge-completed-display, var(--dt-badge-display, initial));
  background-color: var(--dt-badge-completed-bg-color, initial);
  background-image: var(--dt-badge-completed-bg-image, none);
  background-repeat: var(--dt-badge-completed-bg-repeat, no-repeat);
  background-position: var(--dt-badge-completed-bg-position, center);
}
ds-badge.ds-badge-failed,
.ds-badge.ds-badge-failed {
  font-size: var(--dt-badge-failed-font-size, inherit);
  font-weight: var(--dt-badge-failed-font-weight, initial);
  color: var(--dt-badge-failed-color, initial);
  border-color: var(--dt-badge-failed-border-color, var(--dt-badge-border-color, initial));
  border-style: var(--dt-badge-failed-border-style, var(--dt-badge-border-style, initial));
  border-width: var(--dt-badge-failed-border-width, var(--dt-badge-border-width, initial));
  border-radius: var(--dt-badge-failed-border-radius, var(--dt-badge-border-radius, initial));
  box-shadow: var(--dt-badge-failed-box-shadow, var(--dt-badge-box-shadow, initial));
  width: var(--dt-badge-failed-width, initial);
  padding: var(--dt-badge-failed-padding, var(--dt-badge-padding, initial));
  white-space: var(--dt-badge-failed-white-space, initial);
  line-height: var(--dt-badge-failed-line-height, initial);
  text-align: var(--dt-badge-failed-text-align, var(--dt-badge-text-align, initial));
  display: var(--dt-badge-failed-display, var(--dt-badge-display, initial));
  background-color: var(--dt-badge-failed-bg-color, initial);
  background-image: var(--dt-badge-failed-bg-image, none);
  background-repeat: var(--dt-badge-failed-bg-repeat, no-repeat);
  background-position: var(--dt-badge-failed-bg-position, center);
}
ds-badge.ds-badge-canceled,
.ds-badge.ds-badge-canceled {
  font-size: var(--dt-badge-canceled-font-size, inherit);
  font-weight: var(--dt-badge-canceled-font-weight, initial);
  color: var(--dt-badge-canceled-color, initial);
  border-color: var(--dt-badge-canceled-border-color, var(--dt-badge-border-color, initial));
  border-style: var(--dt-badge-canceled-border-style, var(--dt-badge-border-style, initial));
  border-width: var(--dt-badge-canceled-border-width, var(--dt-badge-border-width, initial));
  border-radius: var(--dt-badge-canceled-border-radius, var(--dt-badge-border-radius, initial));
  box-shadow: var(--dt-badge-canceled-box-shadow, var(--dt-badge-box-shadow, initial));
  width: var(--dt-badge-canceled-width, initial);
  padding: var(--dt-badge-canceled-padding, var(--dt-badge-padding, initial));
  white-space: var(--dt-badge-canceled-white-space, initial);
  line-height: var(--dt-badge-canceled-line-height, initial);
  text-align: var(--dt-badge-canceled-text-align, var(--dt-badge-text-align, initial));
  display: var(--dt-badge-canceled-display, var(--dt-badge-display, initial));
  background-color: var(--dt-badge-canceled-bg-color, initial);
  background-image: var(--dt-badge-canceled-bg-image, none);
  background-repeat: var(--dt-badge-canceled-bg-repeat, no-repeat);
  background-position: var(--dt-badge-canceled-bg-position, center);
}
ds-badge.ds-badge-expired,
.ds-badge.ds-badge-expired {
  font-size: var(--dt-badge-expired-font-size, inherit);
  font-weight: var(--dt-badge-expired-font-weight, initial);
  color: var(--dt-badge-expired-color, initial);
  border-color: var(--dt-badge-expired-border-color, var(--dt-badge-border-color, initial));
  border-style: var(--dt-badge-expired-border-style, var(--dt-badge-border-style, initial));
  border-width: var(--dt-badge-expired-border-width, var(--dt-badge-border-width, initial));
  border-radius: var(--dt-badge-expired-border-radius, var(--dt-badge-border-radius, initial));
  box-shadow: var(--dt-badge-expired-box-shadow, var(--dt-badge-box-shadow, initial));
  width: var(--dt-badge-expired-width, initial);
  padding: var(--dt-badge-expired-padding, var(--dt-badge-padding, initial));
  white-space: var(--dt-badge-expired-white-space, initial);
  line-height: var(--dt-badge-expired-line-height, initial);
  text-align: var(--dt-badge-expired-text-align, var(--dt-badge-text-align, initial));
  display: var(--dt-badge-expired-display, var(--dt-badge-display, initial));
  background-color: var(--dt-badge-expired-bg-color, initial);
  background-image: var(--dt-badge-expired-bg-image, none);
  background-repeat: var(--dt-badge-expired-bg-repeat, no-repeat);
  background-position: var(--dt-badge-expired-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));
}
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));
}
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);
}
.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));
}
.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);
}
.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-primary-label {
  letter-spacing: var(--dt-h5-primary-label-letter-spacing, var(--ds-letter-spacing-h5-primary-label-default));
  line-height: var(--dt-h5-primary-label-line-height, var(--ds-line-height-h5-primary-label-default, normal));
  font-family: var(--ds-font-family-h5-primary-label-default, inherit);
  font-size: var(--dt-h5-primary-label-font-size, var(--ds-font-size-h5-primary-label-default));
  font-weight: var(--dt-h5-primary-label-font-weight, var(--ds-font-weight-h5-primary-label-default));
  color: var(--dt-h5-primary-label-color);
  margin: var(--dt-h5-primary-label-margin, var(--ds-margin-h5-primary-label-default));
  padding: var(--dt-h5-primary-label-padding, 0);
  text-align: var(--dt-h5-primary-label-text-align, left);
}
.ds-h5.ds-h5-primary-value {
  letter-spacing: var(--dt-h5-primary-value-letter-spacing, var(--ds-letter-spacing-h5-primary-value-default));
  line-height: var(--dt-h5-primary-value-line-height, var(--ds-line-height-h5-primary-value-default, normal));
  font-family: var(--ds-font-family-h5-primary-value-default, inherit);
  font-size: var(--dt-h5-primary-value-font-size, var(--ds-font-size-h5-primary-value-default));
  font-weight: var(--dt-h5-primary-value-font-weight, var(--ds-font-weight-h5-primary-value-default));
  color: var(--dt-h5-primary-value-color);
  margin: var(--dt-h5-primary-value-margin, var(--ds-margin-h5-primary-value-default));
  padding: var(--dt-h5-primary-value-padding, 0);
  text-align: var(--dt-h5-primary-value-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));
}
.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-pages-button-padding, var(--ds-padding-top-pagination-button, 0.25rem) var(--ds-padding-right-pagination-button, 0.625rem) var(--ds-padding-bottom-pagination-button, 0.25rem) var(--ds-padding-left-pagination-button, 0.625rem));
  border-radius: var(--ds-border-top-left-radius-pagination-button, 0.1875rem) var(--ds-border-top-right-radius-pagination-button, 0.1875rem) var(--ds-border-bottom-right-radius-pagination-button, 0.1875rem) var(--ds-border-bottom-left-radius-pagination-button, 0.1875rem);
  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-mrz,
.ds-dialog.ds-dialog-mrz {
  border-color: var(--dt-dialog-mrz-border-color, var(--dt-dialog-border-color, initial));
  border-style: var(--dt-dialog-mrz-border-style, var(--dt-dialog-border-style, initial));
  border-width: var(--dt-dialog-mrz-border-width, var(--dt-dialog-border-width, initial));
  border-radius: var(--dt-dialog-mrz-border-radius, var(--dt-dialog-border-radius, initial));
  box-shadow: var(--dt-dialog-mrz-box-shadow, var(--dt-dialog-box-shadow, initial));
  width: var(--dt-dialog-mrz-width, var(--dt-dialog-width, initial));
}
dialog.ds-dialog-mrz::backdrop,
.ds-dialog.ds-dialog-mrz::backdrop {
  background-color: var(--dt-dialog-mrz-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);
}

/* node_modules/ngx-spinner/animations/ball-spin-clockwise-fade.css */
/*!
 * 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: -.875s;
  -moz-animation-delay: -.875s;
  -o-animation-delay: -.875s;
  animation-delay: -.875s;
}
.la-ball-spin-clockwise-fade > div:nth-child(2) {
  top: 18.1801948466%;
  left: 81.8198051534%;
  -webkit-animation-delay: -.75s;
  -moz-animation-delay: -.75s;
  -o-animation-delay: -.75s;
  animation-delay: -.75s;
}
.la-ball-spin-clockwise-fade > div:nth-child(3) {
  top: 50%;
  left: 95%;
  -webkit-animation-delay: -.625s;
  -moz-animation-delay: -.625s;
  -o-animation-delay: -.625s;
  animation-delay: -.625s;
}
.la-ball-spin-clockwise-fade > div:nth-child(4) {
  top: 81.8198051534%;
  left: 81.8198051534%;
  -webkit-animation-delay: -.5s;
  -moz-animation-delay: -.5s;
  -o-animation-delay: -.5s;
  animation-delay: -.5s;
}
.la-ball-spin-clockwise-fade > div:nth-child(5) {
  top: 94.9999999966%;
  left: 50.0000000005%;
  -webkit-animation-delay: -.375s;
  -moz-animation-delay: -.375s;
  -o-animation-delay: -.375s;
  animation-delay: -.375s;
}
.la-ball-spin-clockwise-fade > div:nth-child(6) {
  top: 81.8198046966%;
  left: 18.1801949248%;
  -webkit-animation-delay: -.25s;
  -moz-animation-delay: -.25s;
  -o-animation-delay: -.25s;
  animation-delay: -.25s;
}
.la-ball-spin-clockwise-fade > div:nth-child(7) {
  top: 49.9999750815%;
  left: 5.0000051215%;
  -webkit-animation-delay: -.125s;
  -moz-animation-delay: -.125s;
  -o-animation-delay: -.125s;
  animation-delay: -.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: .25;
    -webkit-transform: scale(.5);
    transform: scale(.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes ball-spin-clockwise-fade {
  50% {
    opacity: .25;
    -moz-transform: scale(.5);
    transform: scale(.5);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes ball-spin-clockwise-fade {
  50% {
    opacity: .25;
    -o-transform: scale(.5);
    transform: scale(.5);
  }
  100% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-spin-clockwise-fade {
  50% {
    opacity: .25;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

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