/* =========================================================
   ALPHA WITHDRAW PAGE
   File: withdraw.css
   Theme: Minimal White / Gold
   Mobile First
   ========================================================= */


/* =========================================================
   ROOT VARIABLES
   ========================================================= */

:root {
    --alpha-gold: #F0B90B;
    --alpha-gold-hover: #DFAE00;

    --background: #FFFFFF;
    --secondary-background: #F7F8FA;

    --text-primary: #181A20;
    --text-secondary: #707A8A;
    --text-muted: #A1A7B3;

    --border: #EAECEF;
    --border-dark: #D9DDE4;

    --success: #0ECB81;
    --danger: #F6465D;
    --warning: #F0B90B;

    --shadow-soft:
        0 2px 8px rgba(24, 26, 32, 0.04);

    --radius-small: 8px;
    --radius-medium: 10px;
    --radius-large: 12px;

    --bottom-nav-height: 66px;
}


/* =========================================================
   RESET
   ========================================================= */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    width: 100%;
    min-width: 320px;
    background: var(--background);
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    width: 100%;
    min-width: 320px;
    min-height: 100vh;

    background: var(--background);

    color: var(--text-primary);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    font-size: 14px;
    line-height: 1.5;

    overflow-x: hidden;

    padding-bottom:
        calc(
            var(--bottom-nav-height)
            + env(safe-area-inset-bottom)
            + 16px
        );
}

button,
input,
select,
textarea {
    font: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

button {
    border: 0;
    outline: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

svg {
    display: block;
}

[hidden] {
    display: none !important;
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

button:focus-visible,
a:focus-visible,
input:focus-visible {
    outline: 2px solid rgba(240, 185, 11, 0.55);
    outline-offset: 2px;
}


/* =========================================================
   PAGE
   ========================================================= */

.withdraw-page {
    background: var(--background);
}

.withdraw-main {
    width: 100%;
}

.withdraw-container {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;

    padding:
        8px
        16px
        32px;
}


/* =========================================================
   HEADER
   ========================================================= */

.withdraw-header {
    position: sticky;
    top: 0;
    z-index: 50;

    width: 100%;

    background:
        rgba(255, 255, 255, 0.96);

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border-bottom: 1px solid var(--border);
}

.withdraw-header__inner {
    position: relative;

    width: 100%;
    max-width: 760px;
    height: 56px;

    margin: 0 auto;
    padding: 0 12px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.withdraw-header__title {
    position: absolute;
    left: 50%;

    transform: translateX(-50%);

    font-size: 17px;
    font-weight: 600;

    color: var(--text-primary);

    white-space: nowrap;
}

.withdraw-header__back,
.withdraw-header__history {
    width: 40px;
    height: 40px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--text-primary);

    border-radius: 50%;

    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

.withdraw-header__back svg,
.withdraw-header__history svg {
    width: 22px;
    height: 22px;
}

.withdraw-header__back:active,
.withdraw-header__history:active {
    background: var(--secondary-background);
}


/* =========================================================
   ALERT
   ========================================================= */

.withdraw-alert {
    width: 100%;

    margin: 12px 0;

    padding: 11px 12px;

    border-radius: var(--radius-small);

    font-size: 13px;
    line-height: 1.45;
}

.withdraw-alert.success {
    color: #087B50;

    background:
        rgba(14, 203, 129, 0.08);

    border:
        1px solid rgba(14, 203, 129, 0.24);
}

.withdraw-alert.error {
    color: #C42E42;

    background:
        rgba(246, 70, 93, 0.07);

    border:
        1px solid rgba(246, 70, 93, 0.22);
}

.withdraw-alert.warning {
    color: #8D6D00;

    background:
        rgba(240, 185, 11, 0.09);

    border:
        1px solid rgba(240, 185, 11, 0.25);
}


/* =========================================================
   BALANCE
   ========================================================= */

.withdraw-balance {
    width: 100%;

    padding:
        22px
        0
        20px;

    border-bottom: 1px solid var(--border);
}

.withdraw-balance__top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 5px;
}

.withdraw-balance__label {
    color: var(--text-secondary);

    font-size: 13px;
    font-weight: 400;
}

.withdraw-balance__refresh {
    width: 32px;
    height: 32px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: transparent;

    color: var(--text-secondary);

    border-radius: 50%;

    cursor: pointer;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        transform 0.2s ease;
}

.withdraw-balance__refresh svg {
    width: 18px;
    height: 18px;
}

.withdraw-balance__refresh:active {
    background: var(--secondary-background);
    transform: rotate(45deg);
}

.withdraw-balance__amount-row {
    display: flex;
    align-items: baseline;

    gap: 7px;

    min-width: 0;
}

.withdraw-balance__amount {
    display: block;

    color: var(--text-primary);

    font-size: 31px;
    line-height: 1.2;

    font-weight: 600;

    letter-spacing: -0.6px;

    overflow-wrap: anywhere;
}

.withdraw-balance__currency {
    color: var(--text-secondary);

    font-size: 14px;
    font-weight: 500;
}


/* =========================================================
   GENERAL SECTION
   ========================================================= */

.withdraw-section {
    width: 100%;

    padding:
        22px
        0;

    border-bottom: 1px solid var(--border);
}

.withdraw-section:last-child {
    border-bottom: 0;
}

.withdraw-section__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 16px;
}

.withdraw-section__heading h2 {
    color: var(--text-primary);

    font-size: 15px;
    font-weight: 600;

    line-height: 1.3;
}

.withdraw-section__heading--history {
    margin-bottom: 8px;
}


/* =========================================================
   ASSET ROW
   ========================================================= */

.withdraw-asset-row {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;
}

.withdraw-asset-row__identity {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 11px;
}

.withdraw-asset-row__icon {
    flex: 0 0 auto;

    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #FFFFFF;

    background: var(--success);

    border-radius: 50%;

    font-size: 18px;
    font-weight: 600;
}

.withdraw-asset-row__text {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 1px;
}

.withdraw-asset-row__text strong {
    color: var(--text-primary);

    font-size: 14px;
    font-weight: 600;
}

.withdraw-asset-row__text span {
    color: var(--text-secondary);

    font-size: 12px;
}

.withdraw-asset-row__network {
    flex: 0 0 auto;

    color: var(--text-secondary);

    background: var(--secondary-background);

    border: 1px solid var(--border);

    border-radius: 7px;

    padding: 5px 9px;

    font-size: 11px;
    font-weight: 500;
}


/* =========================================================
   FORM
   ========================================================= */

.withdraw-form {
    width: 100%;
}

.withdraw-field {
    width: 100%;

    margin-bottom: 20px;
}

.withdraw-field:last-of-type {
    margin-bottom: 0;
}

.withdraw-field__label {
    display: block;

    margin-bottom: 7px;

    color: var(--text-primary);

    font-size: 13px;
    font-weight: 500;
}

.withdraw-field__label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 7px;
}

.withdraw-field__label-row .withdraw-field__label {
    margin-bottom: 0;
}

.withdraw-field__available {
    color: var(--text-secondary);

    font-size: 11px;

    text-align: right;
}

.withdraw-field__available strong {
    color: var(--text-primary);

    font-weight: 500;
}

.withdraw-field__error {
    min-height: 18px;

    margin-top: 5px;

    color: var(--danger);

    font-size: 11px;
    line-height: 1.4;
}


/* =========================================================
   NETWORK FIELD
   ========================================================= */

.withdraw-network-field {
    width: 100%;
    min-height: 50px;

    padding: 0 13px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    background: var(--secondary-background);

    border: 1px solid var(--border);

    border-radius: var(--radius-medium);
}

.withdraw-network-field__name {
    color: var(--text-primary);

    font-size: 13px;
    font-weight: 500;
}

.withdraw-network-field__status {
    color: var(--success);

    font-size: 11px;
    font-weight: 500;
}


/* =========================================================
   INPUTS
   ========================================================= */

.withdraw-input-wrap {
    position: relative;

    width: 100%;
    min-height: 50px;

    display: flex;
    align-items: stretch;

    border: 1px solid var(--border-dark);

    border-radius: var(--radius-medium);

    background: var(--background);

    overflow: hidden;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.withdraw-input-wrap:focus-within {
    border-color: var(--alpha-gold);

    box-shadow:
        0 0 0 3px rgba(240, 185, 11, 0.08);
}

.withdraw-input {
    min-width: 0;
    width: 100%;

    border: 0;
    outline: 0;

    background: transparent;

    color: var(--text-primary);

    padding:
        0
        12px;

    font-size: 14px;
    font-weight: 400;
}

.withdraw-input::placeholder {
    color: var(--text-muted);

    opacity: 1;
}

.withdraw-input::-webkit-outer-spin-button,
.withdraw-input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.withdraw-input[type="number"] {
    appearance: textfield;
    -moz-appearance: textfield;
}

.withdraw-input-action {
    flex: 0 0 auto;

    min-width: 62px;

    padding: 0 12px;

    background: transparent;

    color: var(--alpha-gold);

    font-size: 12px;
    font-weight: 600;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

.withdraw-input-action:active {
    background: rgba(240, 185, 11, 0.07);
}


/* =========================================================
   AMOUNT FIELD
   ========================================================= */

.withdraw-input--amount {
    padding-right: 4px;

    font-size: 16px;
    font-weight: 500;
}

.withdraw-amount-actions {
    flex: 0 0 auto;

    display: flex;
    align-items: center;

    padding-right: 10px;
}

.withdraw-input-currency {
    color: var(--text-secondary);

    font-size: 12px;
    font-weight: 500;
}

.withdraw-amount-divider {
    width: 1px;
    height: 17px;

    margin: 0 10px;

    background: var(--border);
}

.withdraw-max-button {
    background: transparent;

    color: var(--alpha-gold);

    font-size: 11px;
    font-weight: 700;

    cursor: pointer;
}


/* =========================================================
   WITHDRAW SUMMARY
   ========================================================= */

.withdraw-summary {
    width: 100%;

    margin-top: 4px;
    margin-bottom: 16px;

    padding:
        14px
        0;

    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.withdraw-summary__row {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;

    padding: 5px 0;
}

.withdraw-summary__row span {
    color: var(--text-secondary);

    font-size: 12px;
}

.withdraw-summary__row strong {
    color: var(--text-primary);

    font-size: 12px;
    font-weight: 500;

    text-align: right;

    overflow-wrap: anywhere;
}

.withdraw-summary__row--total {
    margin-top: 5px;
    padding-top: 10px;

    border-top: 1px dashed var(--border);
}

.withdraw-summary__row--total span {
    color: var(--text-primary);

    font-weight: 500;
}

.withdraw-summary__row--total strong {
    color: var(--success);

    font-size: 14px;
    font-weight: 600;
}


/* =========================================================
   NOTICE
   ========================================================= */

.withdraw-notice {
    width: 100%;

    display: flex;
    align-items: flex-start;

    gap: 8px;

    margin-bottom: 20px;

    padding: 11px 12px;

    background:
        rgba(240, 185, 11, 0.06);

    border:
        1px solid rgba(240, 185, 11, 0.17);

    border-radius: var(--radius-small);
}

.withdraw-notice svg {
    flex: 0 0 auto;

    width: 16px;
    height: 16px;

    margin-top: 1px;

    color: #A67C00;
}

.withdraw-notice p {
    color: var(--text-secondary);

    font-size: 11px;
    line-height: 1.5;
}


/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

.withdraw-submit-button {
    width: 100%;
    min-height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    padding: 0 16px;

    background: var(--alpha-gold);

    color: #181A20;

    border-radius: var(--radius-medium);

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        transform 0.12s ease,
        opacity 0.2s ease;
}

.withdraw-submit-button:hover {
    background: var(--alpha-gold-hover);
}

.withdraw-submit-button:active {
    transform: scale(0.99);
}

.withdraw-submit-button:disabled {
    opacity: 0.55;

    cursor: not-allowed;

    transform: none;
}

.withdraw-submit-button__loader {
    width: 17px;
    height: 17px;

    border-radius: 50%;

    border:
        2px solid rgba(24, 26, 32, 0.25);

    border-top-color: var(--text-primary);

    animation:
        withdraw-spin
        0.7s
        linear
        infinite;
}

@keyframes withdraw-spin {
    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   HISTORY
   ========================================================= */

.withdraw-history-view-all {
    color: var(--alpha-gold);

    font-size: 12px;
    font-weight: 500;
}

.withdraw-history-list {
    width: 100%;
}

.withdraw-history-row {
    width: 100%;

    min-height: 66px;

    display: grid;
    grid-template-columns:
        34px
        minmax(0, 1fr)
        minmax(86px, auto);

    align-items: center;

    gap: 10px;

    padding: 12px 0;

    border-bottom: 1px solid var(--border);
}

.withdraw-history-row:last-child {
    border-bottom: 0;
}

.withdraw-history-row__icon {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: var(--secondary-background);

    color: var(--text-primary);
}

.withdraw-history-row__icon svg {
    width: 17px;
    height: 17px;
}

.withdraw-history-row__content {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}

.withdraw-history-row__title {
    color: var(--text-primary);

    font-size: 13px;
    font-weight: 500;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.withdraw-history-row__meta {
    color: var(--text-secondary);

    font-size: 10.5px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.withdraw-history-row__right {
    min-width: 0;

    display: flex;
    flex-direction: column;
    align-items: flex-end;

    gap: 2px;
}

.withdraw-history-row__amount {
    color: var(--text-primary);

    font-size: 12px;
    font-weight: 500;

    text-align: right;

    white-space: nowrap;
}

.withdraw-history-row__status {
    color: var(--text-secondary);

    font-size: 10.5px;

    text-align: right;
}

.withdraw-history-row__status.status-approved,
.withdraw-history-row__status.status-completed,
.withdraw-history-row__status.status-success {
    color: var(--success);
}

.withdraw-history-row__status.status-pending,
.withdraw-history-row__status.status-processing {
    color: #A67C00;
}

.withdraw-history-row__status.status-rejected,
.withdraw-history-row__status.status-failed,
.withdraw-history-row__status.status-cancelled {
    color: var(--danger);
}


/* =========================================================
   HISTORY EMPTY
   ========================================================= */

.withdraw-history-empty {
    width: 100%;

    padding:
        32px
        16px
        20px;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
}

.withdraw-history-empty__icon {
    width: 42px;
    height: 42px;

    margin-bottom: 10px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: var(--secondary-background);

    color: var(--text-secondary);
}

.withdraw-history-empty__icon svg {
    width: 20px;
    height: 20px;
}

.withdraw-history-empty strong {
    color: var(--text-primary);

    font-size: 13px;
    font-weight: 500;
}

.withdraw-history-empty span {
    max-width: 240px;

    margin-top: 3px;

    color: var(--text-secondary);

    font-size: 11px;
    line-height: 1.5;
}


/* =========================================================
   HISTORY ERROR
   ========================================================= */

.withdraw-history-error {
    width: 100%;

    padding: 24px 12px;

    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 10px;

    text-align: center;
}

.withdraw-history-error span {
    color: var(--text-secondary);

    font-size: 12px;
}

.withdraw-history-error button {
    padding: 6px 14px;

    background: var(--secondary-background);

    color: var(--text-primary);

    border: 1px solid var(--border);

    border-radius: 7px;

    font-size: 11px;

    cursor: pointer;
}


/* =========================================================
   HISTORY LOADING
   ========================================================= */

.withdraw-history-loading {
    width: 100%;
}

.withdraw-history-skeleton {
    width: 100%;
    height: 62px;

    position: relative;

    overflow: hidden;

    border-bottom: 1px solid var(--border);
}

.withdraw-history-skeleton::after {
    content: "";

    position: absolute;
    top: 13px;
    left: 0;

    width: 100%;
    height: 36px;

    border-radius: 7px;

    background:
        linear-gradient(
            90deg,
            #F4F5F7 25%,
            #ECEEF1 37%,
            #F4F5F7 63%
        );

    background-size: 400% 100%;

    animation:
        withdraw-skeleton
        1.25s
        ease
        infinite;
}

@keyframes withdraw-skeleton {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}


/* =========================================================
   SUCCESS MODAL
   ========================================================= */

.withdraw-success-overlay {
    position: fixed;
    inset: 0;

    z-index: 200;

    padding:
        20px
        16px
        calc(
            20px
            + env(safe-area-inset-bottom)
        );

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        rgba(24, 26, 32, 0.42);

    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.withdraw-success-dialog {
    width: 100%;
    max-width: 360px;

    padding:
        26px
        20px
        20px;

    background: var(--background);

    border-radius: 14px;

    box-shadow:
        0 18px 45px rgba(24, 26, 32, 0.16);

    text-align: center;

    animation:
        withdraw-dialog-in
        0.22s
        ease;
}

@keyframes withdraw-dialog-in {
    from {
        opacity: 0;
        transform:
            translateY(8px)
            scale(0.98);
    }

    to {
        opacity: 1;
        transform:
            translateY(0)
            scale(1);
    }
}

.withdraw-success-dialog__icon {
    width: 50px;
    height: 50px;

    margin:
        0
        auto
        13px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--success);

    background:
        rgba(14, 203, 129, 0.08);

    border-radius: 50%;
}

.withdraw-success-dialog__icon svg {
    width: 28px;
    height: 28px;
}

.withdraw-success-dialog h2 {
    color: var(--text-primary);

    font-size: 17px;
    font-weight: 600;
}

.withdraw-success-dialog p {
    max-width: 280px;

    margin:
        6px
        auto
        18px;

    color: var(--text-secondary);

    font-size: 12px;
    line-height: 1.5;
}

.withdraw-success-dialog__amount {
    width: 100%;

    padding:
        13px
        0;

    margin-bottom: 18px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.withdraw-success-dialog__amount span {
    color: var(--text-secondary);

    font-size: 12px;
}

.withdraw-success-dialog__amount strong {
    color: var(--text-primary);

    font-size: 13px;
    font-weight: 600;
}

.withdraw-success-dialog__button {
    width: 100%;
    min-height: 46px;

    background: var(--alpha-gold);

    color: var(--text-primary);

    border-radius: 9px;

    font-size: 13px;
    font-weight: 600;

    cursor: pointer;
}


/* =========================================================
   FIXED BOTTOM NAVIGATION
   ========================================================= */

.bottom-navigation {
    position: fixed;

    left: 0;
    right: 0;
    bottom: 0;

    z-index: 100;

    width: 100%;

    min-height:
        calc(
            var(--bottom-nav-height)
            + env(safe-area-inset-bottom)
        );

    padding:
        6px
        max(6px, env(safe-area-inset-left))
        env(safe-area-inset-bottom)
        max(6px, env(safe-area-inset-right));

    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    align-items: center;

    background:
        rgba(255, 255, 255, 0.97);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    border-top: 1px solid var(--border);
}

.bottom-navigation__item {
    min-width: 0;
    height: 54px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 3px;

    color: var(--text-secondary);

    border-radius: 8px;

    transition:
        color 0.18s ease,
        background-color 0.18s ease;
}

.bottom-navigation__item svg {
    width: 21px;
    height: 21px;
}

.bottom-navigation__item span {
    max-width: 100%;

    font-size: 9.5px;
    font-weight: 500;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bottom-navigation__item--active {
    color: var(--alpha-gold);
}

.bottom-navigation__item:active {
    background: var(--secondary-background);
}


/* =========================================================
   VERY SMALL MOBILE
   320px - 359px
   ========================================================= */

@media (max-width: 359px) {

    .withdraw-container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .withdraw-balance__amount {
        font-size: 27px;
    }

    .withdraw-field__available {
        font-size: 10px;
    }

    .withdraw-input {
        font-size: 13px;
    }

    .withdraw-input-action {
        min-width: 54px;

        padding:
            0
            9px;
    }

    .withdraw-input-currency {
        font-size: 11px;
    }

    .withdraw-amount-divider {
        margin:
            0
            7px;
    }

    .withdraw-history-row {
        grid-template-columns:
            31px
            minmax(0, 1fr)
            minmax(74px, auto);

        gap: 8px;
    }

    .withdraw-history-row__icon {
        width: 31px;
        height: 31px;
    }

    .withdraw-history-row__amount {
        font-size: 11px;
    }

    .bottom-navigation__item span {
        font-size: 9px;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 600px) {

    .withdraw-container {
        padding-left: 24px;
        padding-right: 24px;
    }

    .withdraw-header__inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    .withdraw-balance {
        padding-top: 28px;
        padding-bottom: 24px;
    }

    .withdraw-balance__amount {
        font-size: 34px;
    }

    .withdraw-section {
        padding-top: 26px;
        padding-bottom: 26px;
    }

    .withdraw-form-section {
        max-width: 620px;
    }

}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 900px) {

    body {
        padding-bottom: 32px;
    }

    .withdraw-header__inner,
    .withdraw-container {
        max-width: 820px;
    }

    .withdraw-container {
        padding-top: 14px;
        padding-bottom: 48px;
    }

    .bottom-navigation {
        display: none;
    }

    .withdraw-header__back:hover,
    .withdraw-header__history:hover {
        background: var(--secondary-background);
    }

    .withdraw-balance__refresh:hover {
        color: var(--text-primary);

        background: var(--secondary-background);
    }

    .withdraw-input-action:hover,
    .withdraw-max-button:hover {
        color: var(--alpha-gold-hover);
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;

        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;

        transition-duration: 0.01ms !important;
    }

}