
:root {
    --ak-control-height: 40px;
    --ak-control-radius: var(--ak-radius-sm, 8px);
    --ak-panel-radius: var(--ak-radius, 14px);
    --ak-product-card-radius: 16px;
    --ak-control-bg: rgba(18, 24, 36, .54);
    --ak-control-border: var(--ak-line-strong, rgba(143, 167, 197, .30));
    --ak-panel-bg: rgba(31, 34, 50, .72);
    --ak-panel-border: var(--ak-line, rgba(143, 167, 197, .18));
    --ak-hover-bg: rgba(38, 43, 62, .88);
}

button,
input,
select,
textarea,
.btn {
    font-family: "Geist", sans-serif !important;
}

.settings-content,
.billing-page-block,
.telegram-notifications-settings__steps,
.telegram-notifications-settings__form,
.withdraw-progress-card,
.ticket-item,
.claim-detail-card,
.archives-toolbar {
    background: var(--ak-panel-bg) !important;
    border: 1px solid var(--ak-panel-border) !important;
    border-radius: var(--ak-panel-radius) !important;
    box-shadow: none !important;
    color: var(--ak-text, #D8E3F4) !important;
}

.settings-block,
.settings-header,
.telegram-notifications-settings__input-row,
.profile-top-badge,
.account-list-block-tags,
.withdraw-progress-card__stats span,
.ticket-item {
    border-color: var(--ak-panel-border) !important;
    border-radius: var(--ak-panel-radius) !important;
}

.billing-page-container #withdraw-section .withdraw-progress-card {
    background:
        radial-gradient(circle at 6% 0%, rgba(255, 210, 146, .17), transparent 36%),
        linear-gradient(145deg, rgba(255, 210, 146, .095), rgba(132, 190, 253, .045) 48%, rgba(31, 34, 50, .76)) !important;
    border: 1px solid rgba(255, 210, 146, .24) !important;
    border-radius: var(--ak-radius, 14px) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 16px 34px rgba(5, 10, 24, .18) !important;
    overflow: hidden !important;
}

.billing-page-container #withdraw-section .withdraw-progress-card::before {
    content: none !important;
    display: none !important;
}

.billing-page-container #withdraw-section .withdraw-progress-card__top strong {
    background: rgba(255, 210, 146, .14) !important;
    border: 1px solid rgba(255, 210, 146, .34) !important;
    color: var(--ak-gold, #FFD292) !important;
}

.billing-page-container #withdraw-section .withdraw-progress-card__stats span {
    background: rgba(18, 24, 36, .42) !important;
    border: 1px solid rgba(255, 210, 146, .18) !important;
}

.account-list-block,
.telegram-archive-card,
.vk-archive-card,
.tg-account-card,
.archive-card,
.cart-item,
.purchase-card,
.sale-card {
    background: var(--ak-card, rgba(31, 34, 50, .78)) !important;
    border: 1px solid var(--ak-line, rgba(143, 167, 197, .18)) !important;
    border-radius: var(--ak-product-card-radius) !important;
    box-shadow: none !important;
}

.account-list-block:hover,
.telegram-archive-card:hover,
.vk-archive-card:hover,
.tg-account-card:hover,
.archive-card:hover,
.cart-item:hover,
.purchase-card:hover,
.sale-card:hover {
    background: var(--ak-card-hover, rgba(38, 43, 62, .88)) !important;
    border-color: var(--ak-line-strong, rgba(143, 167, 197, .26)) !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .18) !important;
}

.specialization-form select,
.product-title-search input,
.settings-block input:not([type="checkbox"]):not([type="radio"]),
.settings-block select,
.settings-block textarea,
.billing-page-block input[type="text"],
.billing-page-block input[type="number"],
.billing-page-block select,
.billing-page-block textarea,
.sell-account-name-field,
.price-input-wrapper {
    background-color: var(--ak-control-bg) !important;
    border: 1px solid var(--ak-control-border) !important;
    border-radius: var(--ak-control-radius) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: var(--ak-text-strong, #E8ECEF) !important;
    min-height: var(--ak-control-height) !important;
    outline: 0 !important;
}

.specialization-form select,
.settings-block select,
.billing-page-block select {
    background-image: url('/static/mainpage/img/filters/arrow-down-s-line.svg') !important;
    background-position: right 12px center !important;
    background-repeat: no-repeat !important;
    padding-right: 38px !important;
}

.specialization-form select:hover,
.product-title-search input:hover,
.settings-block input:not([type="checkbox"]):not([type="radio"]):hover,
.settings-block select:hover,
.settings-block textarea:hover,
.billing-page-block input[type="text"]:hover,
.billing-page-block input[type="number"]:hover,
.billing-page-block select:hover,
.billing-page-block textarea:hover,
.sell-account-name-field:hover,
.price-input-wrapper:hover {
    border-color: rgba(132, 190, 253, .42) !important;
}

.specialization-form select:focus,
.product-title-search input:focus,
.settings-block input:not([type="checkbox"]):not([type="radio"]):focus,
.settings-block select:focus,
.settings-block textarea:focus,
.billing-page-block input[type="text"]:focus,
.billing-page-block input[type="number"]:focus,
.billing-page-block select:focus,
.billing-page-block textarea:focus,
.sell-account-name-field:focus-within,
.price-input-wrapper:focus-within {
    border-color: rgba(132, 190, 253, .52) !important;
    box-shadow: 0 0 0 3px rgba(132, 190, 253, .10) !important;
}

.btn,
.account-list-block-buy,
.account-list-block-tocart,
.my-bulk-purchases-button,
.btn-subscribe,
.btn-unsubscribe,
.btn-create,
.btn-edit,
.btn-delete,
.button-timer,
.tg-archive-access-card__button,
.telegram-notifications-settings__links a {
    align-items: center !important;
    border-radius: var(--ak-control-radius) !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    justify-content: center !important;
    min-height: var(--ak-control-height) !important;
    padding: 0 14px !important;
    text-decoration: none !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease, filter .18s ease !important;
}

.btn--accent,
.account-list-block-buy,
.btn-create,
.tg-archive-access-card__button {
    background: var(--ak-gold, #FFD292) !important;
    border: 1px solid var(--ak-gold, #FFD292) !important;
    color: #1B1F2F !important;
}

.btn--outline,
.account-list-block-tocart,
.btn-edit,
.btn-unsubscribe,
.button-timer,
.telegram-notifications-settings__links a {
    background: rgba(18, 24, 36, .42) !important;
    border: 1px solid var(--ak-control-border) !important;
    color: var(--ak-muted, #8FA7C5) !important;
}

.btn-delete {
    background: rgba(255, 120, 120, .12) !important;
    border: 1px solid rgba(255, 120, 120, .38) !important;
    color: var(--ak-red, #FF7878) !important;
}

.btn:hover,
.account-list-block-buy:hover,
.account-list-block-tocart:hover,
.my-bulk-purchases-button:hover,
.btn-subscribe:hover,
.btn-unsubscribe:hover,
.btn-create:hover,
.btn-edit:hover,
.btn-delete:hover,
.button-timer:hover,
.tg-archive-access-card__button:hover,
.telegram-notifications-settings__links a:hover {
    filter: brightness(1.04) !important;
    transform: none !important;
}

.account-list-block-title,
.account-list-block-price-pinned,
.user-status-badge,
.status-badge,
.profile-rating-inline,
.archive-label,
.tag,
.pill {
    border-radius: 999px !important;
}

.btn,
.my-bulk-purchases-button,
.btn-subscribe,
.btn-unsubscribe,
.btn-create,
.btn-edit,
.btn-delete,
.button-timer,
.tg-archive-access-card__button,
.telegram-notifications-settings__links a,
.buy-button,
.activate-button,
.mass-buying-button {
    font-weight: 700 !important;
}

.account-list-block-buy,
.account-detail .account-list-block-buy {
    font-weight: 700 !important;
}

.account-list-block-tocart,
.account-detail .account-list-block-tocart {
    font-weight: 650 !important;
}

.account-list-block-buy.already-purchased,
.account-list-block-buy.tg-archive-already-purchased,
.account-list-block-tocart.in-cart {
    font-weight: 650 !important;
}

.account-list-block-tocart,
.account-detail .account-list-block-tocart {
    cursor: pointer !important;
    transition:
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        color .18s ease,
        transform .18s ease !important;
}

.account-list-block-tocart:hover,
.account-detail .account-list-block-tocart:hover {
    background: rgba(132, 190, 253, .13) !important;
    border-color: rgba(132, 190, 253, .42) !important;
    box-shadow: 0 6px 16px rgba(7, 12, 22, .16), 0 0 0 3px rgba(132, 190, 253, .055) !important;
    color: var(--ak-blue, #84BEFD) !important;
    filter: none !important;
    transform: translateY(-1px) !important;
}

.account-list-block-tocart.in-cart:hover,
.account-detail .account-list-block-tocart.in-cart:hover {
    background: rgba(51, 255, 174, .16) !important;
    border-color: rgba(51, 255, 174, .42) !important;
    box-shadow: 0 6px 16px rgba(7, 12, 22, .14), 0 0 0 3px rgba(51, 255, 174, .045) !important;
    color: var(--ak-green, #33FFAE) !important;
}

.account-list-block-buy.already-purchased,
.account-list-block-buy.tg-archive-already-purchased,
.account-detail .account-list-block-buy.already-purchased,
.account-detail .account-list-block-buy.tg-archive-already-purchased {
    background: rgba(51, 255, 174, .16) !important;
    border-color: rgba(51, 255, 174, .42) !important;
    box-shadow: 0 6px 16px rgba(7, 12, 22, .14), 0 0 0 3px rgba(51, 255, 174, .045) !important;
    color: var(--ak-green, #33FFAE) !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
}

.account-list-block-buy.already-purchased:hover,
.account-list-block-buy.tg-archive-already-purchased:hover,
.account-detail .account-list-block-buy.already-purchased:hover,
.account-detail .account-list-block-buy.tg-archive-already-purchased:hover {
    background: rgba(51, 255, 174, .16) !important;
    border-color: rgba(51, 255, 174, .42) !important;
    color: var(--ak-green, #33FFAE) !important;
    filter: none !important;
    transform: none !important;
}
