.deposit-modal.is-hidden,
#deposit-modal[hidden] {
    display: none !important;
}

.deposit-modal {
    contain: none;
    position: fixed;
    inset: 0;
    z-index: calc(var(--z-index-modal-layout, 1000) + 20);
    max-width: 100%;
    overflow: hidden;
    overscroll-behavior: none;
    touch-action: pan-y;
}

.deposit-modal .desktop-modal_holder-CaHFb {
    z-index: 2;
}

.deposit-modal .billing_root-58urH {
    contain: none;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.deposit-modal .desktop-modal_card-CaHFb.desktop-modal_detent-expanded-CaHFb {
    height: min(640px, calc(var(--app-vh, 100dvh) - var(--modal-margin-desktop, 64px) * 2));
}

.deposit-modal ._main_in91p_17 {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    height: auto;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-x: none;
    -webkit-overflow-scrolling: touch;
}

.deposit-modal ._root_15nu5_2 {
    min-height: 100%;
}

.deposit-modal ._trigger_2mod_16 {
    width: 100%;
    cursor: pointer;
}

.deposit-modal ._tab_1shiv_12,
.deposit-modal [data-testid="close-button"] {
    cursor: pointer;
    background: transparent;
}

/* Paywidget tokens are not in the site theme; map them for the light deposit card. */
.deposit-modal .paywidget-app {
    --iframe-padding: 16px;
    --iframe-padding-list: 16px;
    --size-header: 64px;
    --size-dropdown: 48px;
    --gap-dropdown: 8px;
    --padding-dropdown: 12px;
    --gap-button: 8px;
    --size-border-focus: 2px;
    --size-border-method-card: 2px;
    --opacity-item-active: 0.72;
    --opacity-item-disabled: 0.4;
    --rounding-element-box-m: 8px;
    --rounding-element-box-ml: 12px;
    --rounding-element-box-l: 16px;
    --color-layout-background: #ffffff;
    --color-foreground-neutral-primary: #141414;
    --color-foreground-neutral-secondary: #53575f;
    --color-foreground-neutral-tertiary: #6f7480;
    --color-background-neutral-alpha-12: rgba(20, 20, 21, 0.06);
    --color-background-neutral-alpha-16: rgba(20, 20, 21, 0.08);
    --color-background-neutral-alpha-20: rgba(20, 20, 21, 0.12);
    --color-background-neutral-primary: #ffffff;
    --color-input-border: #d7dbe2;
    --color-input-background-default: #ffffff;
    --color-input-background-hover: #f7f8fa;
    --color-method-card-background-default: #f4f5f7;
    --color-method-card-background-hover: #eceef1;
    --color-method-card-border: transparent;
    --color-solid-brand-main-primary: #141414;
    --color-solid-brand-main-secondary: #3b3d43;
    --color-border-focus: #2f6bff;
    --color-skeleton-bg: #eceef1;
    --text-body-font-family: var(--font-body-font-family);
    --text-body-regular-font-weight: var(--font-body-regular-font-weight, 400);
    --text-body-regular-font-size: var(--font-body-regular-font-size, 14px);
    --text-body-regular-line-height: var(--font-body-regular-line-height, 20px);
    --text-body-regular-letter-spacing: var(--font-body-regular-letter-spacing, 0);
    --text-body-strong-font-weight: var(--font-body-semibold-font-weight, 600);
    --text-body-strong-font-size: var(--font-body-semibold-font-size, 14px);
    --text-body-strong-line-height: var(--font-body-semibold-line-height, 20px);
    --text-body-strong-letter-spacing: var(--font-body-semibold-letter-spacing, 0);
    --text-title-font-family: var(--font-body-font-family);
    --text-title-l-font-weight: 700;
    --text-title-l-font-size: 20px;
    --text-title-l-line-height: 24px;
    --text-title-l-letter-spacing: 0;
    --text-title-l-text-transform: none;
    --text-caption-font-family: var(--font-caption-font-family, var(--font-body-font-family));
    --text-caption-s-regular-font-weight: var(--font-caption-s-regular-font-weight, 400);
    --text-caption-s-font-size: var(--font-caption-s-regular-font-size, 12px);
    --text-caption-s-line-height: var(--font-caption-s-regular-line-height, 16px);
    --text-caption-s-letter-spacing: var(--font-caption-s-regular-letter-spacing, 0);
    --text-caption-s-semibold-font-weight: var(--font-caption-s-semibold-font-weight, 600);
    --text-subhead-regular-font-weight: 400;
    --text-subhead-regular-font-size: 13px;
    --text-subhead-regular-line-height: 18px;
    --text-subhead-regular-letter-spacing: 0;
    --text-subhead-strong-font-weight: 600;
    --text-subhead-strong-font-size: 13px;
    --text-subhead-strong-line-height: 18px;
    --text-subhead-strong-letter-spacing: 0;
    --text-headline-font-family: var(--font-body-font-family);
    --text-headline-font-weight: 700;
    --text-headline-font-size: 16px;
    --text-headline-line-height: 20px;
    --text-headline-letter-spacing: 0;
    --color-section-background: #f4f5f7;
    --color-background-static-white: #ffffff;
    --color-background-static-white-alpha-96: rgba(255, 255, 255, 0.96);
    --color-foreground-static-black: #141414;
    --color-button-primary-bg-default-grad: #141414;
    --color-button-primary-fg-default: #ffffff;
    --color-button-primary-bg-hover: #2a2a2a;
    --size-button-s: 32px;
    --size-button-m: 40px;
    --size-button-xl: 56px;
    --padding-button-s: 12px;
    --padding-button-xl: 16px;
    --rounding-element-box-s: 8px;
    --rounding-element-pill-m: 999px;
    --size-input-base: 56px;
    --padding-input: 16px;
    --gap-input: 8px;
    --margin-input-caption: 4px;
    --v32563bc2: 100%;
    --text-caption-xs-font-weight: 400;
    --text-caption-xs-font-size: 12px;
    --text-caption-xs-line-height: 16px;
    --text-caption-xs-letter-spacing: 0;
    --color-button-accent-bg-default: #2f6bff;
    --color-button-accent-fg-default: #ffffff;
    --color-button-accent-bg-hover: #1f56d9;
}

.deposit-modal [data-deposit-panel].is-hidden,
.deposit-modal [data-deposit-panel][hidden],
.deposit-modal [data-testid="cryptobalance-tabs"].is-hidden,
.deposit-modal [data-testid="cryptobalance-tabs"][hidden],
.deposit-modal [data-deposit-home-title].is-hidden,
.deposit-modal [data-deposit-home-title][hidden],
.deposit-modal [data-deposit-back].is-hidden,
.deposit-modal [data-deposit-back][hidden],
.deposit-modal [data-deposit-instructions].is-hidden,
.deposit-modal [data-deposit-instructions][hidden],
.deposit-modal [data-deposit-form-error].is-hidden,
.deposit-modal [data-deposit-form-error][hidden] {
    display: none !important;
}

.deposit-modal ._root_dukwm_2,
.deposit-modal ._container_dukwm_7 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.deposit-modal ._space_dukwm_13 {
    width: 100%;
}

.deposit-modal ._instruction_dukwm_17 {
    margin: 0;
}

.deposit-modal ._button_dukwm_21 {
    width: 100%;
    border: 0;
    cursor: pointer;
}

.deposit-modal ._button_dukwm_21:disabled {
    opacity: 0.72;
    cursor: default;
}

.deposit-modal ._root_1wtnk_2 {
    justify-content: space-between;
}

.deposit-modal ._copyButton_heloi_45 {
    flex-shrink: 0;
    border: 0;
}

.deposit-modal [data-testid="payment-details-block"] {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
}

.deposit-modal [data-deposit-confirm-amount],
.deposit-modal [data-deposit-iban],
.deposit-modal [data-deposit-bank-name],
.deposit-modal [data-deposit-account-holder] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.deposit-modal [data-deposit-copy],
.deposit-modal [data-deposit-copy-all] {
    cursor: pointer;
}

.deposit-modal [data-deposit-form-error] {
    color: #c62828;
}

.deposit-modal ._root_c8t45_2._tile_tffco_2 {
    display: flex;
    width: 100%;
    border: 0;
    cursor: pointer;
    text-align: start;
}

.deposit-modal [data-deposit-back] {
    border: 0;
    cursor: pointer;
    padding: 0;
    min-height: 40px;
}

.deposit-modal .deposit-iban {
    display: grid;
    gap: 10px;
    padding: 14px;
    border-radius: var(--rounding-element-box-ml);
    background: var(--color-section-background);
    color: var(--color-foreground-neutral-primary);
}

.deposit-modal .deposit-iban__list {
    display: grid;
    gap: 10px;
}

.deposit-modal .deposit-iban__list > div {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.deposit-modal .deposit-iban__list > div:not(:has(button)) {
    grid-template-columns: 96px minmax(0, 1fr);
}

.deposit-modal .deposit-iban__list span {
    color: var(--color-foreground-neutral-secondary);
    font-size: 12px;
}

.deposit-modal .deposit-iban__list strong {
    font-size: 13px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.deposit-modal .deposit-iban__mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    letter-spacing: 0.02em;
}

.deposit-modal .deposit-iban [data-testid="iban-copy-button"] {
    border: 0;
    cursor: pointer;
    white-space: nowrap;
}

.deposit-modal .deposit-iban__empty,
.deposit-modal .deposit-iban__note {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--color-foreground-neutral-secondary);
}

.deposit-modal ._input_1rdnt_74 {
    border: 0;
    min-width: 0;
}

.deposit-modal [data-deposit-amount] {
    border: 0;
    cursor: pointer;
}

.deposit-modal [data-testid="cryptobalance-copy-button"] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.deposit-modal ._root_l00dr_2,
.deposit-modal ._root_1jb3h_2 {
    width: 100%;
}

.deposit-modal ._walletWrap_1jb3h_21 {
    width: 100%;
    background-color: var(--color-section-background) !important;
}

.deposit-modal ._wrapper_1jb3h_7 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.deposit-modal ._walletIcons_1jb3h_15 {
    display: flex;
    align-items: center;
}

.deposit-modal ._addressBox_airlf_6 {
    width: 100%;
    box-sizing: border-box;
}

/* HTML uses _1shiv hashes; layout.css has the same tabs as _cpxgz. */
.deposit-modal ._cryptobalanceTabs_1shiv_2 {
    background: var(--color-background-neutral-alpha-16);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-radius: var(--rounding-element-box-ml);
    padding: 2px;
    width: 100%;
    gap: 3px;
}

.deposit-modal ._tab_1shiv_12 {
    display: flex;
    flex-flow: row nowrap;
    gap: 8px;
    align-items: center;
    justify-content: center;
    color: var(--color-foreground-neutral-primary);
    height: 40px;
    border-radius: var(--rounding-element-box-m);
    font-family: var(--text-body-font-family);
    font-weight: var(--text-body-strong-font-weight);
    font-size: var(--text-body-strong-font-size);
    line-height: var(--text-body-strong-line-height);
    letter-spacing: var(--text-body-strong-letter-spacing);
}

.deposit-modal ._tab_1shiv_12:hover:not(._tabActive_1shiv_25) {
    background: var(--color-background-neutral-alpha-12);
}

.deposit-modal ._tabActive_1shiv_25 {
    background: var(--color-background-neutral-primary);
}

.deposit-modal .mb-3,
.deposit-modal ._currencySelector_15nu5_32,
.deposit-modal ._selectNetwork_1hcix_6 {
    margin-bottom: 1rem;
}

.deposit-modal .paywidget-app,
.deposit-modal .billing_root-58urH,
.deposit-modal ._root_rtwqj_2,
.deposit-modal ._root_15nu5_2,
.deposit-modal ._cryptoBalanceWrapper_15nu5_17,
.deposit-modal ._root_1o5r7_2,
.deposit-modal ._root_1q0a9_2,
.deposit-modal ._root_wxorm_2,
.deposit-modal ._container_1ivh7_2,
.deposit-modal ._root_1rdnt_2,
.deposit-modal ._addressBox_airlf_6,
.deposit-modal ._address_airlf_6 {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.deposit-modal ._root_rtwqj_2 {
    width: 100%;
}

.deposit-modal ._root_1rdnt_2 {
    width: 100%;
    --b5f74bb6: 100%;
}

.deposit-modal ._root_s1i0t_2 {
    width: 100%;
    max-width: 100%;
    justify-content: flex-start;
}

.deposit-modal ._button_s1i0t_8 {
    min-width: 0;
}

.deposit-modal ._buttons_1ivh7_21,
.deposit-modal ._button_1ivh7_21 {
    width: 100%;
    max-width: 100%;
}

.deposit-modal ._address_airlf_6,
.deposit-modal [data-testid="cryptobalance-address-text"] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (max-width: 1023.98px) {
    .deposit-modal .paywidget-app {
        --text-body-regular-font-size: 16px;
        --text-body-regular-line-height: 22px;
        --text-body-strong-font-size: 16px;
        --text-body-strong-line-height: 22px;
    }

    .deposit-modal .desktop-modal_root-CaHFb {
        align-items: stretch;
        justify-content: flex-end;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .deposit-modal .desktop-modal_holder-CaHFb {
        position: relative;
        inset: auto;
        left: auto;
        right: auto;
        width: 100%;
        max-width: 100%;
        max-height: calc(100% - max(env(safe-area-inset-top, 0px), var(--modal-margin-mobile)));
        transform: none;
        overflow: hidden;
    }

    .deposit-modal .desktop-modal_card-CaHFb,
    .deposit-modal .desktop-modal_card-CaHFb.desktop-modal_size-small-CaHFb,
    .deposit-modal .desktop-modal_card-CaHFb.desktop-modal_detent-expanded-CaHFb {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: 0;
        height: 100%;
        max-height: 100%;
        border-radius: var(--modal-rounding) var(--modal-rounding) 0 0;
        padding-bottom: env(safe-area-inset-bottom, 0px);
        box-sizing: border-box;
        overflow-x: hidden;
    }

    .deposit-modal .billing_root-58urH,
    .deposit-modal .paywidget-app {
        min-height: 0;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .deposit-modal ._root_rtwqj_2,
    .deposit-modal ._root_rtwqj_2._partial_rtwqj_8 {
        max-width: 100%;
        padding-inline: 12px;
    }

    .deposit-modal ._space_15nu5_28,
    .deposit-modal ._space_1ivh7_9 {
        margin-inline: 0;
    }

    .deposit-modal .deposit-iban__list > div,
    .deposit-modal .deposit-iban__list > div:not(:has(button)) {
        grid-template-columns: 1fr;
        gap: 2px;
    }

    .deposit-modal .deposit-iban [data-testid="iban-copy-button"] {
        justify-self: start;
        margin-top: 4px;
    }
}