:root {
    --dialog-z-index: 1000;
    --color-primary: rgba(97, 121, 250, 1);
    --color-white: #ffffff;
    --color-gray: rgba(139, 148, 164, 1);
    --dxbl-text-edit-box-shadow: 0 4px 8px 0 rgba(180, 206, 236, 0.3);
    --dxbl-btn-box-shadow: 0 4px 8px 0 rgba(180, 206, 236, 0.3);
}

.dxbl-btn {
    box-shadow: var(--dxbl-btn-box-shadow) !important;
}

button {
    border: none;
    padding: 0;
    background: unset;
}

.ws-normal {
    white-space: normal;
}

/*.dialog .dxbl-text-edit,*/
/*.dialog .dxbl-btn:not(.dxbl-edit-btn-dropdown),*/
/*.dialog {*/
/*    --dxbl-text-edit-box-shadow: 0 0 10px 0 rgba(180, 206, 236, 0.3) !important;*/
/*    --dxbl-btn-box-shadow: 0 0 10px 0 rgba(180, 206, 236, 0.3) !important;*/
/*}*/

/* CUSTOMIZE CHECKBOX TODO: Перенести изменения в тему */
.dxbl-checkbox {
    align-items: center;
}

.dxbl-checkbox.dxbl-checkbox-radio.dxbl-checkbox-checked > .dxbl-checkbox-check-element::after {
    width: 100% !important;
    height: 100% !important;
}

.dxbl-checkbox.dxbl-checkbox-radio .dxbl-checkbox-check-element::before,
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-unchecked .dxbl-checkbox-check-element::before {
    border: 1px solid var(--color-primary) !important;
    background-color: rgba(204, 216, 241, 1) !important;
}

.dxbl-checkbox .dxbl-checkbox-check-element {
    margin: 0 !important;
}

.dxbl-checkbox .dxbl-text {
    padding: 0 !important;
    margin-left: 6px;
    margin-right: 6px;
}

.text-ellipsis__wrapper {
    min-width: 0;
    overflow: hidden;
    display: grid;
}

.text-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-ellipsis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


auto-disable {
    display: contents;
}

* {
    box-sizing: border-box;
}

.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

body {
    --bs-body-bg: rgba(246, 246, 246, 1);
    --bs-font-sans-serif: "Poppins", sans-serief, serif;
    --bs-body-line-height: 1.3;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: "Poppins", sans-serief, serif;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

hr {
    margin: 0 !important;
    border-color: rgba(235, 241, 255, 1) !important;
    opacity: 1 !important;
}

dialog::backdrop {
    backdrop-filter: blur(6px);
    background: rgba(21, 30, 44, 0.5);
    opacity: 1;
}

.dxSafari .dialog-backdrop,
.dxFirefox .dialog-backdrop {
    backdrop-filter: none;
    background: rgba(0, 0, 0, 0.5);
}

.dxChrome .dialog-backdrop {
    backdrop-filter: blur(6px);
    background: rgba(21, 30, 44, 0.5);
    opacity: 1;
}

.glass-card {
    border: 1px solid #ffffff;
    border-image-source: linear-gradient(268.99deg, #FFFFFF 2.95%, rgba(255, 255, 255, 0.45) 100.33%);
    box-shadow: var(--dxbl-text-edit-box-shadow);
    backdrop-filter: blur(15px);
    background-color: rgba(255, 255, 255, 0.65);
}

.modals-glass-card {
    border: 1px solid #ffffff;
    border-image-source: linear-gradient(268.99deg, #FFFFFF 2.95%, rgba(255, 255, 255, 0.45) 100.33%);
    backdrop-filter: blur(15px);
    box-shadow: var(--dxbl-text-edit-box-shadow);
    background-color: rgba(255, 255, 255, 0.65);
}

.field-text {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 6px;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-auto {
    flex: 1 1 auto;
}

.flex-justify-between {
    justify-content: space-between;
}

.d-block {
    display: block;
}

.max-vh-page--content {
    height: calc(100vh - 120px);
}

.grid-row {
    display: grid;
    gap: 10px;
    align-items: stretch;
    width: 100%;
}

.grid-rows-auto {
    grid-template-rows: min-content;
}

.circle {
    --circle-size: 0.625rem;
    border-radius: 9999px;
    min-width: var(--circle-size);
    max-width: var(--circle-size);
    aspect-ratio: 1 / 1;
}

.sticky-top {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
}

.vertical-line {
    --line-height: 9px;
    width: 1px;
    height: var(--line-height);
    background-color: rgba(97, 121, 250, 1);
}

.card-content-hidden {
    pointer-events: none;
}

.card-content-hidden > * {
    opacity: 0;
    transition: opacity 150ms ease-in-out;
}

.card-content-visible > * {
    opacity: 1;
    transition: opacity 150ms ease-in-out;
}

.btn-icon > img {
    max-width: 18px;
    max-height: 18px;
}

.custom-combobox {
    --dxbl-btn-padding-x: 0.375rem !important;
    --dxbl-btn-padding-y: 0.375rem !important;
    --dxbl-text-edit-padding-x: 0.375rem !important;
    --dxbl-text-edit-padding-y: 0.375rem !important;
}

.custom-combobox-dropdown-body > .dxbl-list-box-render-container {
    --dxbl-list-box-item-padding-y: 0.375rem !important;
    --dxbl-list-box-item-padding-x: 0.375rem !important;
}

.validation-errors {
    font-weight: 500;
    color: rgba(255, 97, 109, 1);
}

.button-unstyle {
    appearance: none;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.size-checkbox {
    min-width: 50px;
    max-width: 50px;
    min-height: 26px;
    max-height: 26px;
}

.more-actions-dropdown {

}

.more-actions-dropdown--body {
    --dxbl-dropdown-body-padding-y: 0 !important;
    --dxbl-dropdown-body-padding-x: 0 !important;
    overflow: hidden !important;
    border-radius: 0.625rem !important;
}

.more-actions-dropdown--body .dxbl-btn {
    --dxbl-text-edit-box-shadow: unset !important;
    --dxbl-btn-border-radius: 0 !important;
    box-shadow: unset !important;
}

.more-actions-dropdown--body .dxbl-btn:hover {
    background-color: rgba(255, 2555, 255, 0.65) !important;
}

/* ENUM COLORS */
.FailedToService,
.CanceledByCustomer,
.CanceledByMerchant,
.CanceledByTrader,
.CanceledByTimeout,
.CanceledByAdmin,
.Canceled,
.Error {
    color: rgba(255, 97, 109, 1);
}

.Completed,
.Paid,
.Success {
    color: rgba(29, 197, 169, 1);
}

.Processing,
.Queued,
.Submitted,
.Processing,
.Unpaid {
    color: rgba(255, 163, 0, 1);
}

.dxbl-checkbox.dxbl-checkbox-switch.dxbl-lg .dxbl-checkbox-check-element {
    margin: 0 !important;
}

.relative {
    position: relative;
}

/* Pages max height */
.max-h-dashboard {
    max-height: calc(100vh - 120px);
}

.max-h-orders {
    max-height: calc(100vh - 310px);
}

.max-h-active-appeals {
    max-height: calc(100vh - 325px);
}

.max-h-history-appeals {
    max-height: calc(100vh - 325px);
}

.max-h-sms-notifications {
    max-height: calc(100vh - 245px);
}

.max-h-terminals {
    max-height: calc(100vh - 183px);
}

.max-h-support {
    max-height: calc(100vh - 120px);
}

.max-h-sidebar-content {
    max-height: calc(100vh - 205px);
}

.max-h-payin-credentials {
    max-height: calc(100vh - 245px);
}

.max-h-payout-directions {
    max-height: calc(100vh - 185px);
}

.max-h-modal-load-template {
    max-height: 460px;
}

.max-h-balance {
    max-height: calc(100vh - 403px);
}

.max-h-all-sessions {
    max-height: calc(100vh - 120px);
}

.max-h-tab-notifications {
    max-height: 540px;
}

.max-h-tab-active-sessions {
    max-height: 450px;
}

.max-h-modal-linked-payment-method-content {
    max-height: 480px;
}

.max-h-modal-contragents {
    max-height: 658px;
}

.max-h-modal-payout-exceptions {
    max-height: 566px;
}

.max-h-modal-files {
    max-height: 450px;
}

.max-h-support-chat {
    max-height: calc(100vh - 203px);
}

.max-h-support-chat__wrapper {
    max-height: calc(100vh - 120px);
}

.max-h-modal-deposit-warning {
    max-height: 200px;
}

.max-h-modal-base {
    max-height: 100vh;
    min-height: 100%;
}

.modal-scroll {
    position: relative !important;
    z-index: 1000 !important;
}

.modal-scroll > .dxbl-scroll-viewer-content {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    display: flex !important;
}

/* Extensions */

.w-0 {
    width: 0;
}

.h-0 {
    height: 0;
}

.w-2_5 {
    width: 2.5rem;
}

.h-68px {
    height: 68px;
}

.min-content {
    width: min-content;
}

.h-stretch {
    height: 100%;
}

.min-w-1_5 {
    min-width: 1.5rem;
}

.max-w-1_5 {
    max-width: 1.5rem;
}

.max-w-inherit {
    max-width: calc(var(--max-width) - 40px);
}

.w-min {
    width: min-content;
}

.w-max {
    width: max-content;
}

.max-w-400px {
    max-width: 400px;
}

.max-w-440px {
    max-width: 440px;
}

.max-w-max {
    max-width: max-content;
}

.min-w-2_5 {
    min-width: 2.5rem;
}

.min-w-220px {
    min-width: 220px
}

.max-w-2_5 {
    max-width: 2.5rem;
}

.min-h-2_5 {
    min-height: 2.5rem;
}

.max-h-2_5 {
    max-height: 2.5rem;
}

.min-w-2_875 {
    min-width: 2.875rem;
}

.max-w-2_875 {
    max-width: 2.875rem;
}

.max-h-84px {
    max-height: 84px;
}

.min-h-84px {
    min-height: 84px;
}

.min-h-62px {
    min-height: 62px;
}

.max-h-140px {
    max-height: 140px;
}

.min-h-140px {
    min-height: 140px;
}

.max-h-204px {
    max-height: 204px;
}

.max-h-280px {
    max-height: 280px;
}

.min-h-100px {
    min-height: 100px;
}

.max-h-400px {
    max-height: 400px;
}

.max-h-screen {
    max-height: 100vh;
}

.h-screen {
    height: 100vh;
}

.p-1_25 {
    --dxbl-btn-padding-x: 1.25rem !important;
    --dxbl-btn-padding-y: 1.25rem !important;
    padding: 1.25rem;
}

.p-0 {
    --dxbl-btn-padding-x: 0 !important;
    --dxbl-btn-padding-y: 0 !important;
    padding: 0;
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.p-0_375 {
    --dxbl-btn-padding-x: 0.375rem !important;
    --dxbl-btn-padding-y: 0.375rem !important;
    --dxbl-text-edit-padding-x: 0.375rem !important;
    --dxbl-text-edit-padding-y: 0.375rem !important;
    padding: 0.375rem;
}

.py-0_625 {
    --dxbl-btn-padding-y: 0.625rem !important;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.pr-0_375 {
    padding-right: 0.375rem;
}

.pr-1_25 {
    padding-right: 1.25rem;
}

.p-0_625 {
    --dxbl-btn-padding-x: 0.625rem !important;
    --dxbl-btn-padding-y: 0.625rem !important;
    --dxbl-dropdown-body-padding-y: 0.625rem !important;
    --dxbl-dropdown-body-padding-x: 0.625rem !important;
    padding: 0.625rem;
}

.px-0_375 {
    --dxbl-btn-padding-x: 0.375rem !important;
    padding-inline: 0.375rem;
}

.px-1_25 {
    --dxbl-btn-padding-x: 1.25rem !important;
    padding-inline: 1.25rem;
}

.mt-0_625 {
    margin-top: 0.625rem;
}

.mt-1_25 {
    margin-top: 1.25rem;
}

.pb-0_625 {
    padding-bottom: 0.625rem;
}

.pt-0_625 {
    padding-top: 0.625rem;
}

.mb-0_625 {
    margin-bottom: 0.625rem;
}

.ml-auto {
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

.ml-1_0 {
    margin-left: 1rem;
}

.mx-auto {
    margin-inline: auto;
}

.mx-1_25 {
    margin-inline: 1.25rem;
}

.m-0 {
    margin: 0;
}

.gap-0_125 {
    gap: 0.125rem;
}

.gap-0_375 {
    gap: 0.375rem;
}

.gap-0_625 {
    gap: 0.625rem;
}

.gap-0_875 {
    gap: 0.875rem;
}

.gap-1_0 {
    gap: 1rem;
}

.gap-1_25 {
    gap: 1.25rem;
}

.gap-2_5 {
    gap: 2.5rem;
}

.grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-cols-4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid-rows-2 {
    grid-template-rows: min-content min-content;
}

.rounded-1_25 {
    border-radius: 1.25rem;
}

.rounded-0 {
    --dxbl-btn-border-radius: 0;
    border-radius: 0;
}

.rounded-0_875 {
    --dxbl-btn-border-radius: 0.875rem;
    border-radius: 0.875rem;
}

.rounded-0_625 {
    --dxbl-btn-border-radius: 0.625rem;
    border-radius: 0.625rem;
}

.rounded-full {
    --dxbl-btn-border-radius: 9999px;
    border-radius: 9999px;
}

.b-shadow {
    box-shadow: var(--dxbl-text-edit-box-shadow);
}

.b-shadow-inset {
    box-shadow: inset 0 -2px 12px 0 rgba(180, 206, 236, 0.3);
}

.b-modal-shadow {
    box-shadow: var(--dxbl-text-edit-box-shadow);
}

.bg-card {
    background-color: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(15px);
}

.bg-red {
    background-color: rgba(255, 97, 109, 1);
}

.bg-white-blue {
    background-color: rgba(204, 216, 241, 1) !important;
}

.border-white-blue {
    border-color: rgba(204, 216, 241, 1) !important;
}

.bg-white {
    background-color: rgba(255, 255, 255, 1);
}

.bg-green {
    background-color: rgba(29, 197, 169, 1);
}

.text--primary {
    color: rgba(97, 121, 250, 1);
}

.text--red {
    color: rgba(255, 97, 109, 1);
}

.text--orange {
    color: rgba(255, 163, 0, 1);
}

.text--green {
    color: rgba(29, 197, 169, 1);
}

.text--black {
    color: rgba(48, 48, 48, 1);
}

.text--white {
    color: rgba(255, 255, 255, 1);
}

.text--gray {
    color: rgba(139, 148, 164, 1);
}

.text--placeholder {
    color: rgb(117, 117, 117);;
}

.text-unwrap {
    text-wrap: nowrap;
}

.fs-1_0 {
    font-size: 1rem;
}

.fs-1_25 {
    font-size: 1.25rem;
}

.fs-0_625 {
    font-size: 0.625rem;
}

.fs-0_75 {
    font-size: 0.75rem;
}

.fs-0_875 {
    font-size: 0.875rem;
}

.line-h-base {
    line-height: 1.3;
}

.font-weight-medium {
    font-weight: 500;
}

.font-weight-normal {
    font-weight: 400;
}

.ratio-cube {
    aspect-ratio: 1 / 1;
}

.ratio-rectangle {
    aspect-ratio: 16 / 9;
}

.border-glass {
    border: 1px solid #ffffff;
}

.v-none {
    opacity: 0;
}

.z-dialog {
    z-index: var(--dialog-z-index);
}

.inset-0 {
    inset: 0;
}

.appearance-none {
    appearance: none;
}

.underline {
    text-decoration: underline;
}

.v-hidden {
    visibility: hidden;
}

.d-contents {
    display: contents;
}

.cursor-pointer {
    cursor: pointer;
}

.dxbl-btn.btn-hover-none:hover {
    --dxbl-btn-hover-bg: #FCFCFC !important;
    --dxbl-btn-hover-border-color: #FCFCFC !important;
}

.dxbl-btn.dxbl-btn-secondary.bg-contrast {
    --dxbl-btn-bg: rgba(48, 48, 48, 0.05) !important;
    --dxbl-btn-border-color: transparent !important;
    --dxbl-btn-hover-bg: rgba(48, 48, 48, 0.05) !important;
    --dxbl-btn-hover-border-color: transparent !important;
}

.dxbl-upload-cancel-btn {
    --dxbl-btn-bg: rgba(255, 97, 109, 1) !important;
    --dxbl-btn-border-color: rgba(255, 97, 109, 1) !important;
    --dxbl-btn-hover-bg: rgb(239, 77, 89) !important;
    --dxbl-btn-hover-border-color: rgba(255, 97, 109, 1) !important;
    --dxbl-btn-color: #ffffff !important;
}

.overflow-hidden {
    overflow: hidden;
}

.bg-combobox-active {
    --dxbl-btn-bg: rgb(204, 216, 241) !important;
    --dxbl-btn-border-color: rgb(204, 216, 241) !important;
}

timer-countdown-element,
.data-warning,
.data-expired {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

timer-countdown-element[data-expired],
.data-expired {
    color: rgba(255, 97, 109, 1);
    transition: color 150ms;
}

timer-countdown-element[data-warning],
.data-warning {
    color: rgba(255, 163, 0, 1);
    transition: color 150ms;
}

timer-countdown-element[data-warning]::before,
.data-warning::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("icons/IconWarningClockSquare.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

timer-countdown-element[data-expired]::before,
.data-expired::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("icons/IconExpireClockSquare.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.dxbl-upload-file-view {
    gap: 0.625rem;
}

.dxbl-upload-file-btn {
    --dxbl-upload-file-btn-padding: 10px !important;
    aspect-ratio: 1 / 1;
}

.dxbl-btn-group {
    --dxbl-text-edit-btn-bg: transparent;
}

.icon-arrow-up-primary::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("icons/IconArrowUpPrimary.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.rotate-180 {
    transform: rotate(180deg);
}

.dxbl-text-edit.invalid {
    outline: 1px solid var(--dxbl-text-edit-border-color) !important;
}

.btn--filter--active {
    transition: border-radius 430ms ease;
}

.b-b-l-r-0 {
    border-bottom-left-radius: 0 !important;
}

.b-b-r-r-0 {
    border-bottom-right-radius: 0 !important;
}

.input-text-end .dxbl-text-edit-input {
    text-align: end;
}

.dxbl-upload-file-view-icon-container {
    align-items: center;
}

.word-break-all {
    word-break: break-all;
}

.pr-0_625 {
    padding-right: 0.625rem;
}

dxbl-combo-box .dxbl-text-edit-template {
    padding-right: 0 !important;
}

/* Transition API */
::view-transition-old(root),
::view-transition-new(root) {
    animation: none;
    mix-blend-mode: normal;
}

::view-transition-group(morph) {
    animation-duration: 380ms;
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

::view-transition-old(morph) {
    width: var(--from-w, auto);
    height: var(--from-h, auto);
    transform-origin: var(--origin-x, top) var(--origin-y, left);
    animation: morph-out 380ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

::view-transition-new(morph) {
    width: var(--to-w, auto);
    height: var(--to-h, auto);
    transform-origin: var(--origin-x, top) var(--origin-y, left);
    animation: morph-in 380ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes morph-out {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(calc(var(--to-w-px) / var(--from-w-px)), calc(var(--to-h-px) / var(--from-h-px)));
        opacity: 0;
    }
}

@keyframes morph-in {
    from {
        transform: scale(calc(var(--from-w-px) / var(--to-w-px)), calc(var(--from-h-px) / var(--to-h-px)));
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* ========= SWAP ========= */
.swap-target--content {
    display: none;
}

.swap-target--content.active {
    display: block;
}

::view-transition-image-pair(card-left),
::view-transition-image-pair(card-right) {
    isolation: auto;
}

::view-transition-old(card-left),
::view-transition-new(card-left),
::view-transition-old(card-right),
::view-transition-new(card-right) {
    mix-blend-mode: normal;
    height: 100%;
    overflow: hidden;
}

::view-transition-old(root),
::view-transition-new(root) {
    animation: none;
}

::view-transition-old(card-left) {
    animation: 110ms ease-in both vt-slide-out-left;
}

::view-transition-new(card-left) {
    animation: 110ms ease-out both vt-slide-in-right;
}

::view-transition-old(card-right) {
    animation: 110ms ease-in both vt-slide-out-right;
}

::view-transition-new(card-right) {
    animation: 110ms ease-out both vt-slide-in-left;
}

::view-transition-old(content-panel) {
    animation: 90ms ease-in both vt-fade-out;
}

::view-transition-new(content-panel) {
    animation: 90ms ease-out both vt-fade-in;
}

@keyframes vt-slide-out-left {
    to {
        transform: translateX(-20px);
        opacity: 0;
    }
}

@keyframes vt-slide-in-right {
    from {
        transform: translateX(20px);
        opacity: 0;
    }
}

@keyframes vt-slide-out-right {
    to {
        transform: translateX(20px);
        opacity: 0;
    }
}

@keyframes vt-slide-in-left {
    from {
        transform: translateX(-20px);
        opacity: 0;
    }
}

@keyframes vt-fade-out {
    to {
        opacity: 0;
    }
}

@keyframes vt-fade-in {
    from {
        opacity: 0;
    }
}

::view-transition-image-pair(icon-left),
::view-transition-image-pair(icon-right) {
    isolation: auto;
}

::view-transition-old(icon-left),
::view-transition-new(icon-left),
::view-transition-old(icon-right),
::view-transition-new(icon-right) {
    mix-blend-mode: normal;
    height: 100%;
    overflow: hidden;
}

::view-transition-old(icon-left),
::view-transition-old(icon-right) {
    animation: 110ms ease-in both vt-fade-out;
}

::view-transition-new(icon-left),
::view-transition-new(icon-right) {
    animation: 110ms ease-out both vt-fade-in;
}

/* Step Slider */
.slider--container__wrapper {
    position: relative;
    width: 100%;
    display: flex;
    align-content: center;
    flex-direction: column-reverse;
    gap: 5px;
}

.slider--container {
    width: 100%;
    display: flex;
    align-items: center;
}

.slider--tickmarks {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
}

.slider--tickmark {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 14px;
    align-items: center;
    height: 25px;
}

.slider-track-tick {
    width: 1px;
    height: 6px;
    background-color: var(--color-gray);
}

.slider--input {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    width: 100%;
    background-color: transparent;
    cursor: pointer;
    border: 1px solid var(--color-primary);
    border-radius: 1px;
    height: 17px;
}

/* Firefox */
.slider--input::-moz-range-track {
    height: 16px;
    background-color: transparent;
}

.slider--input::-moz-range-progress {
    background-color: var(--color-primary);
    height: 15px;
}

.slider--input::-moz-range-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 10px;
    height: 23px;
    border: 1px solid var(--color-primary);
    background-color: var(--color-white);
    border-radius: 0;
}

/* Chrome, Safari */
.slider--input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 10px;
    height: 23px;
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    border-radius: 0;
}

.slider--tickmark--label {
    transform: translateX(-50%) translateY(50%);
    position: absolute;
    top: 0;
    left: 50%;
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--color-gray);
}

.pe-none {
    pointer-events: none !important;
}

.cursor-default {
    cursor: default !important;
}


.dxbl-text-edit > .dxbl-text-edit-template .dxbl-text-edit-input {
    border-radius: 0 !important;
}

.w-full {
    width: 100% !important;
}

/* Error */
.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "An error has occurred."
}

.dxbl-text-edit > .dxbl-text-edit-template .dxbl-text-edit-input {
    width: 100%;
    font-weight: 500;
    color: #8B94A4;
}

.dxbl-text-edit > .dxbl-text-edit-template .dxbl-text-edit-input::placeholder {
    color: #8B94A4;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/poppins-1.woff2') format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/poppins-2.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/poppins-3.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/poppins-4.woff2') format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/poppins-5.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/poppins-6.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}