.label-manager {
    display: flex;
    margin: 20px;
    flex-direction: row;
    gap: 16px;
    padding-right: 24px;
    z-index: 7001;
}

.labels-existing,
.label-create {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.labels-existing h3,
.label-create h3 {
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 16px;
}

.labels-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.label-pill {
    display: flex !important;
    align-items: center;
    justify-content: space-between !important;
    padding: 6px 14px;
    border: 2px solid;
    border-radius: 20px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

.btn-edit,
.btn-delete {
    margin-left: 8px;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 50%;
    background: #FFD292;
    color: #1F2232;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
}

.btn-edit:hover,
.btn-delete:hover {
    background: #FFC561;
}

.no-labels {
    color: #6C839C;
    font-size: 14px;
    text-align: center;
    margin-top: 50%;
}

.label-title-field {
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    height: 34px;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid #4D5768;
    background: #262A3D;
    font-size: 14px;

}

.label-name-annotation {
    color: #4D5768;
    font-size: 14px;
    margin-bottom: 8px;
}

.label-title-field input {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    border: 1px solid #4D5768;
    border-radius: 16px;
    background: #262A3D;
    color: #4D5768;
    font-size: 14px;
}

.label-color-field {
    color: #4D5768;
    font-size: 14px;
}

.color-options {
    display: flex;
    gap: 8px;
    margin: 8px 0;
}

.color-circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.2s ease;
}

.color-circle.selected {
    border-color: #FFF;
}

.label-preview {
    margin: 12px 0;
    padding: 6px 14px;
    border: 2px solid;
    border-radius: 20px;
    font-size: 14px;
    color: #FFD292;
}

.btn-create {
    align-self: flex-end;
    padding: 10px 20px;
    border-radius: 16px;
    background: #FFD292;
    color: #1F2232;
    border: none;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.btn-create:hover {
    background: #FFC561;
}

.label-create.disabled {
    pointer-events: none;
    opacity: 0.5;
    filter: grayscale(100%);
    user-select: none;
}

.label-item-content {
    display: flex;
    align-items: center;
    gap: 4px;
    z-index: 1;
}

.btn-edit, .btn-delete {
    position: relative;
    z-index: 2;
    pointer-events: auto;
}

.label-empty {
    border-color: #6C839C !important;
    color: #6C839C !important;
    pointer-events: none !important;
    opacity: .62 !important;
}

.label-button {
    padding: 8px 16px;
    border: 1px solid;
    border-radius: 16px;
    background: none;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s;
}

.label-button:hover {
    opacity: 0.8;
}

.system-label {
    cursor: pointer;
    border: 1px solid;
    border-color: #6C839C !important;
    color: #6C839C !important;
    padding: 6px 14px;
    margin-bottom: 10px;
}

.label-button[data-label-id="system"] {
    border-color: #6C839C !important;
    color: #6C839C !important;
}

.system-label:hover {
    opacity: 0.8;
}

.label-pill:hover {
    opacity: 0.8;
}

.subscriptions-modal-list {
    list-style: none;

    width: 100%;
    margin: 0;
    padding: 0;
    overflow: auto
}

.subscriptions-modal-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    border-bottom: 1px solid var(--ak-panel-border, #2F3447);
    border-radius: var(--ak-panel-radius, var(--ak-radius, 14px));
}

.subscriptions-modal-item:last-child {
    border-bottom: none
}

.subscriptions-modal-user {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    width: 100%
}

.subscriptions-modal-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #4D5768;
    background: #232637
}

.subscriptions-modal-username {
    font-weight: 500;
    color: inherit
}

.subscriptions-modal-username.user-status--newbie {
    color: #6C839C
}

.subscriptions-modal-username.user-status--member {
    color: #8FAAC7
}

.subscriptions-modal-username.user-status--confident_member {
    color: #A8B8F0
}

.subscriptions-modal-username.user-status--experienced_member {
    color: #B8D9C7
}

.subscriptions-modal-username.user-status--basic_seller {
    color: #62D7E7
}

.subscriptions-modal-username.user-status--verified_seller {
    color: #44F39A
}

.subscriptions-modal-username.user-status--basic_buyer {
    color: #C78CFF
}

.subscriptions-modal-username.user-status--verified_buyer {
    color: #FF9DF2
}

.subscriptions-modal-username.user-status--banned {
    color: #FF7878;
    text-decoration: line-through
}

.subscriptions-modal-username.user-status--admin {
    color: #FFD292
}

.subscriptions-modal-username.user-status--moderator {
    color: #FFB86B
}

.subscriptions-modal-username.user-status--support {
    color: #8FE388
}

.subscriptions-modal-role {
    color: #6C839C;
    font-size: 14px
}

.subscriptions-modal-role.user-status--newbie {
    color: #6C839C
}

.subscriptions-modal-role.user-status--member {
    color: #8FAAC7
}

.subscriptions-modal-role.user-status--confident_member {
    color: #A8B8F0
}

.subscriptions-modal-role.user-status--experienced_member {
    color: #B8D9C7
}

.subscriptions-modal-role.user-status--basic_seller {
    color: #62D7E7
}

.subscriptions-modal-role.user-status--verified_seller {
    color: #44F39A
}

.subscriptions-modal-role.user-status--basic_buyer {
    color: #C78CFF
}

.subscriptions-modal-role.user-status--verified_buyer {
    color: #FF9DF2
}

.subscriptions-modal-role.user-status--banned {
    color: #FF7878;
    text-decoration: line-through
}

.subscriptions-modal-role.user-status--admin {
    color: #FFD292
}

.subscriptions-modal-role.user-status--moderator {
    color: #FFB86B
}

.subscriptions-modal-role.user-status--support {
    color: #8FE388
}

.subs-modal-remove {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: 1px solid #4D5768;
    background: #262A3D;
    color: #6C839C;
    cursor: pointer;
    line-height: 24px;
    text-align: center
}

.subs-modal-remove:hover {
    border-color: #FF7878;
    color: #FF7878
}

@media (max-width: 480px) {
    .subscriptions-modal-item {
        padding: 10px 12px;
    }

    .subscriptions-modal-avatar {
        height: 28px;
        width: 28px;
    }

    .subs-modal-remove {
        height: 26px;
        width: 26px;
    }
}

.one-click-resell-body.subs-loading,
.subs-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #6C839C;
    padding: 24px
}

.subs-loading .spinner-sm {
    width: 16px;
    height: 16px;
    border-width: 2px
}

.subscriptions-modal-empty {
    padding: 18px 16px;
    color: #6C839C;
    text-align: center
}

#subscriptionsModal .one-click-confirm {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1;
    min-height: 0
}

.one-click-checking,
.one-click-success,
.one-click-error,
.resell-confirm,
.resell-checking,
.resell-success,
.resell-error {
    width: 100%;
    box-sizing: border-box;
}

.recheck-confirm,
.recheck-processing,
.recheck-success,
.recheck-partial,
.recheck-error {
    width: 100%;
    box-sizing: border-box;
}

#subscriptionsModal .one-click-modal-content {
    max-height: min(80vh, 680px)
}

#subscriptionsModal .one-click-modal-body {
    display: flex;
    flex-direction: column;
    max-height: min(80vh, 680px);
    overflow: hidden
}

#subsModalContent.one-click-resell-body {
    padding: 0 16px 16px;
    width: 100%;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    max-height: none;
    overflow: auto
}

:root {
    --ak-radius-md: 14px;
    --ak-soft: var(--ak-muted, #8FA7C5);
    --ak-pink: #E28AD9;
    --ak-modal-backdrop: rgba(8, 11, 18, .72);
    --ak-modal-card-bg: linear-gradient(180deg, #242A3D, #202638);
    --ak-modal-shadow: 0 24px 80px rgba(0, 0, 0, .36);
    --ak-modal-width-compact: 440px;
    --ak-modal-width: 560px;
    --ak-modal-width-wide: 760px;
    --ak-modal-width-xwide: 920px;
}

html.app-modal-open,
body.app-modal-open,
html.modal-open,
body.modal-open {
    overflow: hidden !important;
}

.app-modal,
.one-click-modal,
.bulk-purchase-modal,
.modal,
.avatar-modal,
.account-token-modal,
.recently-viewed-modal,
.article-image-modal {
    align-items: center !important;
    background: var(--ak-modal-backdrop) !important;
    backdrop-filter: blur(10px) !important;
    box-sizing: border-box !important;
    display: none;
    inset: 0 !important;
    justify-content: center !important;
    min-height: 100dvh !important;
    padding: 22px !important;
    position: fixed !important;
    z-index: 10000 !important;
}

.app-modal,
.avatar-modal.show,
.one-click-modal[style*="display: block"],
.one-click-modal[style*="display:block"],
.bulk-purchase-modal[style*="display: block"],
.bulk-purchase-modal[style*="display:block"],
.modal[style*="display: block"],
.modal[style*="display:block"],
.avatar-modal[style*="display: block"],
.avatar-modal[style*="display:block"],
.account-token-modal[style*="display: block"],
.account-token-modal[style*="display:block"],
.recently-viewed-modal[style*="display: block"],
.recently-viewed-modal[style*="display:block"],
.recently-viewed-modal[style*="display: flex"],
.recently-viewed-modal[style*="display:flex"],
.article-image-modal[style*="display: block"],
.article-image-modal[style*="display:block"] {
    display: flex !important;
}

.app-modal[hidden] {
    display: none !important;
}

.app-modal__card,
.one-click-modal-content,
.bulk-purchase-modal-content,
.avatar-modal-content,
.account-token-modal__content,
.recently-viewed-modal-container,
.bulk-purchase-label-modal-container,
.label-modal-content,
.article-image-modal-content {
    background: var(--ak-modal-card-bg) !important;
    border: 1px solid var(--ak-line-strong, rgba(143, 167, 197, .30)) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-shadow: var(--ak-modal-shadow) !important;
    box-sizing: border-box !important;
    color: var(--ak-text, #D8E3F4) !important;
    display: flex !important;
    flex-direction: column !important;
    left: auto !important;
    margin: 0 !important;
    max-height: min(92dvh, 860px) !important;
    max-width: min(var(--ak-modal-width), calc(100vw - 28px)) !important;
    overflow: hidden auto !important;
    padding: 0 !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: min(var(--ak-modal-width), calc(100vw - 28px)) !important;
}

.app-modal--wide .app-modal__card,
.bulk-purchase-modal-content,
#claimModal .one-click-modal-content,
#reportUserModal .one-click-modal-content,
.modal-cart-download,
.modal-download .modal-cart-download,
.recently-viewed-modal-container,
.article-image-modal-content {
    max-width: min(var(--ak-modal-width-wide), calc(100vw - 28px)) !important;
    width: min(var(--ak-modal-width-wide), calc(100vw - 28px)) !important;
}

.app-modal--xwide .app-modal__card,
#editAccountModal .one-click-modal-content,
#tgArchiveBulkInfoModal .one-click-modal-content {
    max-width: min(var(--ak-modal-width-xwide), calc(100vw - 28px)) !important;
    width: min(var(--ak-modal-width-xwide), calc(100vw - 28px)) !important;
}

.app-modal__head,
.one-click-modal-header,
.bulk-purchase-modal-header,
.modal-list-header,
.avatar-modal-header,
.recently-viewed-modal-container .modal-list-header {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ak-line, rgba(143, 167, 197, .18)) !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    color: var(--ak-text-strong, #E8ECEF) !important;
    display: grid !important;
    flex: 0 0 auto !important;
    font-size: 20px !important;
    font-weight: 650 !important;
    gap: 12px !important;
    grid-template-columns: minmax(0, 1fr) 38px !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    min-height: 70px !important;
    padding: 18px 64px 14px 18px !important;
    position: relative !important;
    text-align: left !important;
    text-shadow: none !important;
    width: 100% !important;
}

.app-modal__head {
    padding-right: 18px !important;
}

.app-modal__titles {
    align-self: center !important;
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.app-modal__kicker {
    color: var(--ak-muted-2, #6C839C) !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    line-height: 1.15 !important;
    margin: 0 0 4px !important;
    text-transform: uppercase !important;
}

.app-modal__title,
.one-click-modal-header,
.bulk-purchase-modal-header,
.gold-modal-header,
.avatar-modal-title {
    color: var(--ak-text-strong, #E8ECEF) !important;
    font-size: 20px !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-shadow: none !important;
}

.app-modal__body,
.one-click-modal-body,
.bulk-purchase-modal-body,
.avatar-modal-body,
.account-token-modal__body,
.recently-viewed-modal-body {
    box-sizing: border-box !important;
    color: var(--ak-text, #D8E3F4) !important;
    display: grid !important;
    flex: 1 1 auto !important;
    gap: 14px !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    text-align: left !important;
    width: 100% !important;
}

.one-click-modal-body > :not(.one-click-modal-header):not(.one-click-modal-close):not(.one-click-buttons):not(.send-feedback-modal-footer),
.bulk-purchase-modal-body > :not(.bulk-purchase-modal-header):not(.bulk-purchase-modal-close):not(.bulk-purchase-buttons):not(.bulk-purchase-success-buttons),
.avatar-modal-body > :not(.avatar-modal-header):not(.avatar-close-modal),
.account-token-modal__body > :not(.account-token-modal__actions),
.recently-viewed-modal-body {
    margin-left: 18px !important;
    margin-right: 18px !important;
    max-width: calc(100% - 36px) !important;
    width: auto !important;
}

.one-click-confirm,
.one-click-checking,
.one-click-success,
.one-click-error,
.bulk-purchase-confirm,
.bulk-purchase-processing,
.one-click-resell-body,
.recheck-body,
.delete-body,
.edit-body {
    box-sizing: border-box !important;
    display: grid !important;
    gap: 14px !important;
    min-width: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.one-click-confirm[style*="display: none"],
.one-click-checking[style*="display: none"],
.one-click-success[style*="display: none"],
.one-click-error[style*="display: none"],
.bulk-purchase-confirm[style*="display: none"],
.bulk-purchase-processing[style*="display: none"] {
    display: none !important;
}

.app-modal__close,
.one-click-modal-close,
.bulk-purchase-modal-close,
.avatar-close-modal,
#labelModal .close,
#labelModalBulk .close {
    align-items: center !important;
    background: rgba(18, 24, 36, .62) !important;
    border: 1px solid var(--ak-line-strong, rgba(143, 167, 197, .30)) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    color: var(--ak-muted, #8FA7C5) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    flex: 0 0 38px !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    height: 38px !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    right: 18px !important;
    top: 18px !important;
    width: 38px !important;
    z-index: 4 !important;
}

.app-modal__close:hover,
.one-click-modal-close:hover,
.bulk-purchase-modal-close:hover,
.avatar-close-modal:hover,
#labelModal .close:hover,
#labelModalBulk .close:hover {
    border-color: rgba(255, 210, 146, .42) !important;
    color: var(--ak-gold, #FFD292) !important;
}

.one-click-modal-header-gold,
.bulk-purchase-modal-header-gold,
.one-click-modal-header-gray,
.one-click-modal-header-green,
.one-click-modal-header-red,
.bulk-purchase-modal-header-green,
.bulk-purchase-modal-header-red {
    background: transparent !important;
}

.one-click-modal-header-green,
.bulk-purchase-modal-header-green {
    color: var(--ak-green, #33FFAE) !important;
}

.one-click-modal-header-red,
.bulk-purchase-modal-header-red {
    color: var(--ak-red, #FF7878) !important;
}

.app-modal__message,
.one-click-modal-body p,
.bulk-purchase-modal-body p,
.avatar-modal-text,
.account-token-modal__text,
.recently-viewed-modal-empty {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    margin-top: 0 !important;
    text-align: left !important;
}

.app-modal__body > .app-modal__message,
.app-modal__body > .app-modal__input {
    margin-left: var(--ak-modal-gutter, 22px) !important;
    margin-right: var(--ak-modal-gutter, 22px) !important;
    max-width: calc(100% - (var(--ak-modal-gutter, 22px) * 2)) !important;
    width: auto !important;
}

.app-modal__body > .app-modal__message:first-child {
    margin-top: var(--ak-modal-gutter, 22px) !important;
}

.app-modal__body > .app-modal__message:last-child {
    margin-bottom: var(--ak-modal-gutter, 22px) !important;
}

.app-modal__accent {
    color: var(--ak-gold, #FFD292) !important;
    font-size: inherit !important;
    font-weight: 600 !important;
    line-height: inherit !important;
    margin-inline: 3px !important;
}

.app-modal__input,
:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .input,
:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .textarea,
:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .select,
.one-click-modal input:not([type="checkbox"]):not([type="radio"]),
.one-click-modal textarea,
.bulk-purchase-modal input:not([type="checkbox"]):not([type="radio"]),
.bulk-purchase-modal textarea,
.avatar-modal input:not([type="checkbox"]):not([type="radio"]),
.modal-select-scope select,
:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .price-input-wrapper,
:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .sell-account-name-field {
    background: rgba(18, 24, 36, .54) !important;
    border: 1px solid var(--ak-line-strong, rgba(143, 167, 197, .30)) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    color: var(--ak-text-strong, #E8ECEF) !important;
    min-height: 40px !important;
    outline: 0 !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .price-input {
    background: transparent !important;
    border: 0 !important;
    color: var(--ak-text-strong, #E8ECEF) !important;
    min-height: 0 !important;
    outline: 0 !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .price-input-wrapper {
    align-items: center !important;
    display: flex !important;
    position: relative !important;
    width: 100% !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .price-input-wrapper::after {
    color: var(--ak-muted, #8FA7C5) !important;
    content: "\20BD" !important;
    font-size: 14px !important;
    line-height: 1 !important;
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .price-input-wrapper.no-currency::after {
    content: none !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .price-input-wrapper .price-input {
    border: 0 !important;
    box-sizing: border-box !important;
    height: 40px !important;
    padding: 0 38px 0 12px !important;
    width: 100% !important;
}

.app-modal__input:focus,
.one-click-modal input:not([type="checkbox"]):not([type="radio"]):focus,
.one-click-modal textarea:focus,
.bulk-purchase-modal input:not([type="checkbox"]):not([type="radio"]):focus,
.bulk-purchase-modal textarea:focus,
.modal-select-scope select:focus,
:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .price-input-wrapper:focus-within,
:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .sell-account-name-field:focus-within {
    border-color: rgba(132, 190, 253, .52) !important;
    box-shadow: 0 0 0 3px rgba(132, 190, 253, .10) !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .price-input-wrapper.is-balance-warning {
    border-color: rgba(255, 120, 120, .72) !important;
    box-shadow: 0 0 0 3px rgba(255, 120, 120, .10) !important;
}

.app-modal .textarea,
.one-click-modal textarea,
.bulk-purchase-modal textarea {
    min-height: 104px !important;
    padding: 10px 12px !important;
    resize: vertical !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .field,
.bulk-purchase-top-row-left,
.bulk-purchase-top-row-right,
.bulk-purchase-top-row-checkbox,
.price-input-label-row {
    display: grid !important;
    gap: 8px !important;
    min-width: 0 !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .field label,
.bulk-purchase-top-row-left > p:first-child,
.bulk-purchase-top-row-right > p:first-child,
.bulk-purchase-top-row-checkbox > p:first-child,
.resell-title-input-label,
.account-token-modal__label {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .field-grid,
.bulk-purchase-top-row {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .field-grid.three,
.bulk-purchase-modal .bulk-purchase-prev-info-block,
.bulk-purchase-modal .bulk-purchase-info-row {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .panel,
:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .status,
:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .metric,
.one-click-buy-label,
.bulk-purchase-top-row-left,
.bulk-purchase-top-row-right,
.bulk-purchase-top-row-checkbox,
.bulk-purchase-prev-info-block,
.bulk-purchase-info-row,
.recently-viewed-modal-account,
.selected-accounts-info,
.account-token-modal__hint {
    background: rgba(18, 24, 36, .38) !important;
    border: 1px solid var(--ak-line, rgba(143, 167, 197, .18)) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    color: var(--ak-text, #D8E3F4) !important;
    padding: 12px !important;
}

.one-click-modal .one-click-buy-label {
    align-items: center !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(132px, 180px) !important;
}

.one-click-modal .one-click-buy-label .price-input-wrapper .price-input {
    background: transparent !important;
    border: 0 !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .panel.warn,
.selected-accounts-info {
    background: rgba(255, 210, 146, .08) !important;
    border-color: rgba(255, 210, 146, .26) !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .panel.danger {
    background: rgba(255, 120, 120, .10) !important;
    border-color: rgba(255, 120, 120, .30) !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .status {
    align-items: center !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .status-icon,
.app-modal__icon {
    align-items: center !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    display: inline-flex !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    height: 38px !important;
    justify-content: center !important;
    width: 38px !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .status-icon.gold,
.app-modal--warning .app-modal__icon {
    background: rgba(255, 210, 146, .14) !important;
    color: var(--ak-gold, #FFD292) !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .status-icon.green,
.app-modal--success .app-modal__icon {
    background: rgba(51, 255, 174, .12) !important;
    color: var(--ak-green, #33FFAE) !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .status-icon.red,
.app-modal--error .app-modal__icon {
    background: rgba(255, 120, 120, .12) !important;
    color: var(--ak-red, #FF7878) !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .status-icon.blue,
.app-modal--info .app-modal__icon {
    background: rgba(132, 190, 253, .12) !important;
    color: var(--ak-blue, #84BEFD) !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .label {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 13px !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .metric {
    color: var(--ak-muted, #8FA7C5) !important;
    display: grid !important;
    gap: 4px !important;
    min-height: 74px !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .metric strong,
.bulk-purchase-modal .bulk-purchase-info-row p:last-child {
    color: var(--ak-gold, #FFD292) !important;
    font-size: inherit !important;
    font-weight: 600 !important;
    line-height: inherit !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .pill-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .pill,
:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .label-button {
    align-items: center !important;
    background: rgba(18, 24, 36, .42) !important;
    border: 1px solid var(--ak-line, rgba(143, 167, 197, .18)) !important;
    border-radius: 999px !important;
    color: var(--ak-muted, #8FA7C5) !important;
    display: inline-flex !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    white-space: nowrap !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .pill.is-active,
:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .pill.active {
    background: var(--ak-gold, #FFD292) !important;
    border-color: var(--ak-gold, #FFD292) !important;
    color: #1B1F2F !important;
}

.bulk-purchase-modal .label-button {
    background: rgba(132, 190, 253, .10) !important;
    border-color: rgba(132, 190, 253, .32) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    color: var(--ak-blue, #84BEFD) !important;
    width: 100% !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .progress,
.bulk-purchase-modal .progress-wrapper-check-bulk-purchase,
.bulk-purchase-modal .progress-wrapper-check,
.one-click-modal .progress-wrapper-check {
    background: rgba(18, 24, 36, .72) !important;
    border: 1px solid rgba(132, 190, 253, .12) !important;
    border-radius: 999px !important;
    height: 10px !important;
    overflow: hidden !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .progress span,
.bulk-purchase-modal .progress-bar-check-bulk,
.bulk-purchase-modal .progress-bar-check-bulk__fill,
.bulk-purchase-modal .progress-bar-check__fill,
.one-click-modal .progress-bar-check__fill {
    background: linear-gradient(90deg, var(--ak-gold, #FFD292), var(--ak-blue, #84BEFD)) !important;
    border-radius: inherit !important;
    display: block !important;
    height: 100% !important;
}

.bulk-purchase-modal :is(.progress-bar-check-bulk__fill, .progress-bar-check__fill),
.one-click-modal .progress-bar-check__fill {
    width: 0;
}

.app-modal__actions,
.one-click-buttons,
.bulk-purchase-buttons,
.bulk-purchase-success-buttons,
.send-feedback-modal-footer,
.account-token-modal__actions {
    align-items: center !important;
    border-top: 1px solid var(--ak-line, rgba(143, 167, 197, .18)) !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding: var(--ak-modal-footer-y, 16px) var(--ak-modal-gutter, 22px) !important;
    width: 100% !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .aw-footer.split,
.app-modal__actions.split {
    justify-content: space-between !important;
}

.app-modal__button,
:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .btn,
.one-click-confirm-yes,
.one-click-confirm-no,
.one-click-close,
.one-click-go-to-account,
.resell-yes,
.resell-confirm-yes,
.bulk-purchase-start-buy,
.bulk-purchase-success-button,
.avatar-modal-btn,
.account-token-modal__actions button {
    align-items: center !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    height: 40px !important;
    justify-content: center !important;
    line-height: 1.1 !important;
    min-width: var(--ak-modal-button-min-w, 128px) !important;
    padding: 0 16px !important;
    text-decoration: none !important;
    transition: border-color .18s ease, background .18s ease, color .18s ease, filter .18s ease !important;
    white-space: nowrap !important;
    width: auto !important;
}

.modal-btn,
.confirm-btn,
.cancel-btn,
.delete-cancel-btn,
.delete-confirm-btn,
.recheck-cancel-btn,
.recheck-confirm-btn,
.app-modal__actions > button,
.one-click-buttons > button,
.bulk-purchase-buttons > button,
.bulk-purchase-success-buttons > button,
.account-token-modal__actions > button,
.delete-actions > button,
.report-actions > button,
.claim-actions-sticky > button {
    min-width: var(--ak-modal-button-min-w, 128px) !important;
}

.app-modal__button--primary,
:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .btn.primary,
.one-click-confirm-yes,
.one-click-go-to-account,
.resell-yes,
.resell-confirm-yes,
.bulk-purchase-start-buy,
.bulk-purchase-success-button,
.avatar-modal-btn:not(.delete-btn) {
    background: var(--ak-gold, #FFD292) !important;
    border: 1px solid var(--ak-gold, #FFD292) !important;
    color: #1B1F2F !important;
}

.app-modal__button--secondary,
:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .btn.secondary,
.one-click-confirm-no,
.one-click-close,
.bulk-purchase-close-after-success,
.account-token-modal__actions button {
    background: rgba(18, 24, 36, .42) !important;
    border: 1px solid var(--ak-line-strong, rgba(143, 167, 197, .30)) !important;
    color: var(--ak-muted, #8FA7C5) !important;
}

.app-modal__button--danger,
:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .btn.danger,
.avatar-modal-btn.delete-btn {
    background: rgba(255, 120, 120, .14) !important;
    border: 1px solid rgba(255, 120, 120, .42) !important;
    color: var(--ak-red, #FF7878) !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .btn.blue,
.app-modal__button--blue {
    background: rgba(132, 190, 253, .12) !important;
    border: 1px solid rgba(132, 190, 253, .34) !important;
    color: var(--ak-blue, #84BEFD) !important;
}

.app-modal__button:hover,
:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .btn:hover,
.one-click-confirm-yes:hover,
.one-click-confirm-no:hover,
.one-click-close:hover,
.one-click-go-to-account:hover,
.bulk-purchase-start-buy:hover,
.bulk-purchase-success-button:hover,
.avatar-modal-btn:hover {
    filter: brightness(1.04) !important;
}

.app-modal__button:disabled,
:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .btn:disabled,
.bulk-purchase-start-buy:disabled,
.one-click-confirm-yes:disabled {
    cursor: not-allowed !important;
    filter: none !important;
    opacity: .48 !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .list {
    display: grid !important;
    gap: 8px !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .list-row,
.recently-viewed-modal-account {
    align-items: center !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    text-decoration: none !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .list-row b,
.recently-viewed-modal-account-title {
    color: var(--ak-text-strong, #E8ECEF) !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .list-row span,
.recently-viewed-modal-account-price {
    color: var(--ak-gold, #FFD292) !important;
    white-space: nowrap !important;
}

.article-image-modal-content img,
.article-image-modal-content video {
    border-radius: var(--ak-radius-sm, 8px) !important;
    max-height: min(70dvh, 720px) !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

@media (max-width: 760px) {
    .app-modal,
    .one-click-modal,
    .bulk-purchase-modal,
    .modal,
    .avatar-modal,
    .account-token-modal,
    .recently-viewed-modal,
    .article-image-modal {
        padding: 12px !important;
    }

    .app-modal__card,
    .one-click-modal-content,
    .bulk-purchase-modal-content,
    .avatar-modal-content,
    .account-token-modal__content,
    .recently-viewed-modal-container,
    .bulk-purchase-label-modal-container,
    .label-modal-content,
    .article-image-modal-content {
        max-height: calc(100dvh - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        width: calc(100vw - 24px) !important;
    }

    .app-modal__head,
    .one-click-modal-header,
    .bulk-purchase-modal-header,
    .modal-list-header,
    .avatar-modal-header {
        min-height: 62px !important;
        padding: 16px 58px 13px 16px !important;
    }

    .app-modal__head {
        padding-right: 16px !important;
    }

    .app-modal__close,
    .one-click-modal-close,
    .bulk-purchase-modal-close,
    .avatar-close-modal,
    #labelModal .close,
    #labelModalBulk .close {
        right: 16px !important;
        top: 16px !important;
    }

    .app-modal__title,
    .one-click-modal-header,
    .bulk-purchase-modal-header,
    .gold-modal-header,
    .avatar-modal-title {
        font-size: 18px !important;
    }

    .one-click-modal-body > :not(.one-click-modal-header):not(.one-click-modal-close):not(.one-click-buttons):not(.send-feedback-modal-footer),
    .bulk-purchase-modal-body > :not(.bulk-purchase-modal-header):not(.bulk-purchase-modal-close):not(.bulk-purchase-buttons):not(.bulk-purchase-success-buttons),
    .avatar-modal-body > :not(.avatar-modal-header):not(.avatar-close-modal),
    .account-token-modal__body > :not(.account-token-modal__actions),
    .recently-viewed-modal-body {
        margin-left: 16px !important;
        margin-right: 16px !important;
        max-width: calc(100% - 32px) !important;
        width: auto !important;
    }

    :is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .field-grid,
    :is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .field-grid.three,
    .bulk-purchase-top-row,
    .bulk-purchase-modal .bulk-purchase-prev-info-block,
    .bulk-purchase-modal .bulk-purchase-info-row {
        grid-template-columns: 1fr !important;
    }

    .app-modal__actions,
    .one-click-buttons,
    .bulk-purchase-buttons,
    .bulk-purchase-success-buttons,
    .send-feedback-modal-footer,
    .account-token-modal__actions {
        align-items: stretch !important;
        flex-direction: column-reverse !important;
        padding: var(--ak-modal-footer-y, 16px) 16px !important;
    }

    .telegram-archive-one-click-modal .app-modal__actions {
        align-items: center !important;
        flex-direction: row !important;
        justify-content: flex-end !important;
        padding: var(--ak-modal-footer-y, 16px) var(--ak-modal-gutter, 22px) !important;
    }

    .app-modal__button,
    :is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .btn,
    .one-click-confirm-yes,
    .one-click-confirm-no,
    .one-click-close,
    .one-click-go-to-account,
    .resell-yes,
    .resell-confirm-yes,
    .bulk-purchase-start-buy,
    .bulk-purchase-success-button,
    .avatar-modal-btn,
    .account-token-modal__actions button {
        width: 100% !important;
    }

    .telegram-archive-one-click-modal .app-modal__button {
        width: auto !important;
    }

    .one-click-modal .one-click-buy-label {
        grid-template-columns: 1fr !important;
    }

}

#labelModal .recently-viewed-modal-container,
#labelModalBulk .bulk-purchase-label-modal-container {
    max-width: min(760px, calc(100vw - 28px)) !important;
    width: min(760px, calc(100vw - 28px)) !important;
}

#labelModal[style*="display: flex"],
#labelModal[style*="display:flex"],
#labelModalBulk[style*="display: flex"],
#labelModalBulk[style*="display:flex"] {
    opacity: 1 !important;
    pointer-events: auto !important;
}

#labelModal .modal-list-header,
#labelModalBulk .modal-list-header {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: minmax(0, 1fr) 38px !important;
    justify-content: stretch !important;
    justify-items: start !important;
    padding-right: 64px !important;
}

#labelModal .gold-modal-header,
#labelModalBulk .gold-modal-header {
    align-self: center !important;
    color: var(--ak-text-strong, #E8ECEF) !important;
    font-size: 20px !important;
    font-weight: 650 !important;
    justify-self: start !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    text-align: left !important;
}

#labelModal .label-manager,
#labelModalBulk .label-manager {
    box-sizing: border-box !important;
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: minmax(240px, .92fr) minmax(280px, 1.08fr) !important;
    margin: 0 !important;
    max-width: 100% !important;
    padding: 16px 18px 18px !important;
    width: 100% !important;
}

#labelModal .labels-existing,
#labelModalBulk .labels-existing,
#labelModal .label-create,
#labelModalBulk .label-create {
    background: rgba(18, 24, 36, .34) !important;
    border: 1px solid var(--ak-line, rgba(143, 167, 197, .18)) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 12px !important;
    min-width: 0 !important;
    padding: 12px !important;
}

#labelModal .labels-existing h3,
#labelModalBulk .labels-existing h3,
#labelModal .label-create h3,
#labelModalBulk .label-create h3 {
    color: var(--ak-text-strong, #E8ECEF) !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

#labelModal .labels-list,
#labelModalBulk .labels-list {
    display: grid !important;
    gap: 8px !important;
    max-height: 330px !important;
    overflow: auto !important;
    padding-right: 2px !important;
    scrollbar-color: rgba(132, 190, 253, .55) transparent !important;
    scrollbar-width: thin !important;
}

#labelModal .label-pill,
#labelModalBulk .label-pill {
    align-items: center !important;
    background: rgba(18, 24, 36, .42) !important;
    border: 1px solid currentColor !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    display: grid !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    gap: 10px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    min-height: 42px !important;
    opacity: 1 !important;
    padding: 7px 8px 7px 12px !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease, filter .18s ease !important;
}

#labelModal .label-pill > span,
#labelModalBulk .label-pill > span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

#labelModal .label-pill:hover,
#labelModalBulk .label-pill:hover {
    background: rgba(38, 48, 70, .58) !important;
    filter: none !important;
}

#labelModal .label-empty,
#labelModalBulk .label-empty {
    background: rgba(18, 24, 36, .22) !important;
    color: var(--ak-muted-2, #6C839C) !important;
}

#labelModal .system-label,
#labelModalBulk .system-label {
    margin: 0 !important;
}

#labelModal .label-item-content,
#labelModalBulk .label-item-content {
    align-items: center !important;
    display: inline-flex !important;
    gap: 6px !important;
    justify-self: end !important;
}

#labelModal .btn-edit,
#labelModalBulk .btn-edit,
#labelModal .btn-delete,
#labelModalBulk .btn-delete {
    border-radius: var(--ak-radius-sm, 8px) !important;
    flex: 0 0 30px !important;
    font-size: 14px !important;
    height: 30px !important;
    line-height: 1 !important;
    margin: 0 !important;
    min-height: 30px !important;
    min-width: 30px !important;
    padding: 0 !important;
    width: 30px !important;
}

#labelModal .btn-edit,
#labelModalBulk .btn-edit {
    background: rgba(132, 190, 253, .12) !important;
    border-color: rgba(132, 190, 253, .34) !important;
    color: var(--ak-blue, #84BEFD) !important;
}

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

#labelModal .label-create.disabled,
#labelModalBulk .label-create.disabled {
    filter: none !important;
    opacity: .64 !important;
}

#labelModal .user-labels-edit-content,
#labelModalBulk .user-labels-edit-content {
    display: grid !important;
    gap: 14px !important;
    width: 100% !important;
}

#labelModal .user-labels-block,
#labelModalBulk .user-labels-block {
    background: rgba(18, 24, 36, .32) !important;
    border: 1px solid rgba(143, 167, 197, .16) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 14px !important;
    padding: 14px !important;
    width: 100% !important;
}

#labelModal .user-labels-block--title,
#labelModalBulk .user-labels-block--title {
    background: rgba(255, 210, 146, .08) !important;
    border-color: rgba(255, 210, 146, .18) !important;
    color: var(--ak-gold, #FFD292) !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    padding: 12px 14px !important;
}

#labelModal .user-labels-block h2,
#labelModalBulk .user-labels-block h2 {
    color: var(--ak-text-strong, #E8ECEF) !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    margin: 0 !important;
}

#labelModal .user-labels-block-system,
#labelModalBulk .user-labels-block-system,
#labelModal .user-labels-block-custom,
#labelModalBulk .user-labels-block-custom {
    display: grid !important;
    gap: 9px !important;
    margin: 0 !important;
    min-width: 0 !important;
}

#labelModal .system-label-view,
#labelModalBulk .system-label-view {
    align-items: center !important;
    background: rgba(18, 24, 36, .54) !important;
    border: 1px solid currentColor !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    width: 100% !important;
}

#labelModal .system-label-view--valid,
#labelModalBulk .system-label-view--valid {
    color: var(--ak-green, #33FFAE) !important;
}

#labelModal .system-label-view--invalid,
#labelModalBulk .system-label-view--invalid {
    color: var(--ak-red, #FF7878) !important;
}

#labelModal .system-label-view--muted,
#labelModalBulk .system-label-view--muted {
    color: var(--ak-muted-strong, #6C839C) !important;
}

#labelModal .system-label-view--resell,
#labelModalBulk .system-label-view--resell {
    color: #FFB8E7 !important;
}

#labelModal .system-label-view--gold,
#labelModalBulk .system-label-view--gold {
    color: var(--ak-gold, #FFD292) !important;
}

#labelModal .user-labels-block-custom-row,
#labelModalBulk .user-labels-block-custom-row {
    align-items: center !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    min-width: 0 !important;
}

#labelModal .user-labels-custom-button,
#labelModalBulk .user-labels-custom-button {
    background: transparent !important;
    cursor: pointer !important;
}

#labelModal .user-labels-custom-button.is-empty,
#labelModalBulk .user-labels-custom-button.is-empty {
    background: rgba(18, 24, 36, .54) !important;
}

#labelModal .label-delete-button,
#labelModalBulk .label-delete-button,
#labelModal .label-edit-button,
#labelModalBulk .label-edit-button {
    align-items: center !important;
    border: 0 !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    display: inline-flex !important;
    height: 38px !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 38px !important;
}

#labelModal .label-delete-button,
#labelModalBulk .label-delete-button {
    background: rgba(255, 120, 120, .12) !important;
}

#labelModal .label-edit-button,
#labelModalBulk .label-edit-button {
    background: var(--ak-gold, #FFD292) !important;
}

#labelModal .user-labels-block-create-custom,
#labelModalBulk .user-labels-block-create-custom {
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
}

#labelModal .user-labels-block-create-custom span,
#labelModalBulk .user-labels-block-create-custom span {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin: 0 !important;
}

#labelModal .label-preview-caption,
#labelModalBulk .label-preview-caption {
    margin-top: 8px !important;
}

#labelModal .label-preview--empty,
#labelModalBulk .label-preview--empty {
    color: var(--ak-muted-strong, #6C839C) !important;
    text-align: center !important;
}

#labelModal .label-preview--gold,
#labelModalBulk .label-preview--gold {
    color: var(--ak-gold, #FFD292) !important;
}

#labelModal .label-create form,
#labelModalBulk .label-create form {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
    min-width: 0 !important;
}

#labelModal .label-name-annotation,
#labelModalBulk .label-name-annotation,
#labelModal .label-color-field > label,
#labelModalBulk .label-color-field > label {
    color: var(--ak-muted, #8FA7C5) !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin: 0 0 6px !important;
}

#labelModal .label-title-field,
#labelModalBulk .label-title-field {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    height: auto !important;
    margin: 0 !important;
}

#labelModal .label-title-field input,
#labelModalBulk .label-title-field input {
    background: rgba(18, 24, 36, .54) !important;
    border: 1px solid var(--ak-line-strong, rgba(143, 167, 197, .30)) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    color: var(--ak-text-strong, #E8ECEF) !important;
    font-size: 14px !important;
    height: 40px !important;
    outline: 0 !important;
    padding: 0 12px !important;
    width: 100% !important;
}

#labelModal .label-title-field input:focus,
#labelModalBulk .label-title-field input:focus {
    border-color: rgba(132, 190, 253, .52) !important;
    box-shadow: 0 0 0 3px rgba(132, 190, 253, .10) !important;
}

#labelModal .label-color-field,
#labelModalBulk .label-color-field {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 13px !important;
}

#labelModal .color-options,
#labelModalBulk .color-options {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(auto-fit, minmax(24px, 1fr)) !important;
    margin: 0 !important;
}

#labelModal .color-circle,
#labelModalBulk .color-circle {
    border: 2px solid rgba(232, 236, 239, .18) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 0 0 1px rgba(8, 11, 18, .30) !important;
    box-sizing: border-box !important;
    height: 30px !important;
    width: 100% !important;
}

#labelModal .color-circle.selected,
#labelModalBulk .color-circle.selected {
    border-color: var(--ak-text-strong, #E8ECEF) !important;
    box-shadow: 0 0 0 3px rgba(132, 190, 253, .18), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

#labelModal .label-preview,
#labelModalBulk .label-preview {
    align-items: center !important;
    background: rgba(18, 24, 36, .42) !important;
    border: 1px solid currentColor !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    justify-content: center !important;
    margin: 0 !important;
    min-height: 40px !important;
    min-width: 0 !important;
    padding: 0 12px !important;
    width: 100% !important;
}

#labelModal .btn-create,
#labelModalBulk .btn-create {
    align-self: stretch !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    font-family: var(--font-primary, var(--ak-font, inherit)) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    height: 40px !important;
    line-height: 1 !important;
    margin-top: 2px !important;
    min-width: var(--ak-modal-button-min-w, 128px) !important;
    padding: 0 18px !important;
    white-space: nowrap !important;
    width: 100% !important;
}

@media (max-width: 760px) {
    #labelModal .label-manager,
    #labelModalBulk .label-manager {
        grid-template-columns: 1fr !important;
        padding: var(--ak-modal-footer-y, 16px) var(--ak-modal-gutter, 16px) !important;
    }

    #labelModal .labels-list,
    #labelModalBulk .labels-list {
        max-height: 220px !important;
    }
}

.bulk-purchase-modal .bulk-purchase-modal-close {
    right: 0 !important;
    top: 18px !important;
}

.bulk-purchase-modal .bulk-purchase-confirm,
.bulk-purchase-modal .bulk-purchase-processing {
    margin-left: 18px !important;
    margin-right: 18px !important;
    max-width: calc(100% - 36px) !important;
    width: auto !important;
}

.bulk-purchase-modal .bulk-purchase-modal-header {
    margin-left: -18px !important;
    margin-right: -18px !important;
    padding-left: 18px !important;
    padding-right: 64px !important;
    width: calc(100% + 36px) !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .toggle-group {
    align-items: stretch !important;
    background: rgba(9, 14, 24, .44) !important;
    border: 1px solid rgba(143, 167, 197, .22) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
    display: grid !important;
    gap: 4px !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(86px, 1fr) !important;
    grid-template-columns: none !important;
    height: auto !important;
    min-height: 42px !important;
    padding: 4px !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .toggle-group input[type="radio"],
:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .toggle-group input[type="checkbox"] {
    display: none !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .toggle-group label {
    align-items: center !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 7px !important;
    box-sizing: border-box !important;
    color: var(--ak-muted, #8FA7C5) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    height: 34px !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-width: 0 !important;
    padding: 0 12px !important;
    text-align: center !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease !important;
    white-space: nowrap !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .toggle-group label:hover {
    background: rgba(132, 190, 253, .08) !important;
    border-color: rgba(132, 190, 253, .18) !important;
    color: var(--ak-text, #D8E3F4) !important;
}

:is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .toggle-group input:checked + label {
    background: linear-gradient(180deg, rgba(255, 210, 146, .98), rgba(255, 194, 121, .96)) !important;
    border-color: rgba(255, 234, 183, .78) !important;
    box-shadow: 0 6px 14px rgba(255, 210, 146, .12), inset 0 1px 0 rgba(255, 255, 255, .28) !important;
    color: #1B1F2F !important;
}

.bulk-purchase-modal .bulk-purchase-top-row-checkbox .toggle-group {
    width: fit-content !important;
}

.one-click-modal-header-gold,
.bulk-purchase-modal-header-gold,
.modal-list-header,
.avatar-modal-header,
.app-modal--info .app-modal__head,
.app-modal--warning .app-modal__head {
    --ak-modal-accent: var(--ak-gold, #FFD292);
    --ak-modal-accent-rgb: 255 210 146;
}

.one-click-modal-header-green,
.bulk-purchase-modal-header-green,
.app-modal--success .app-modal__head {
    --ak-modal-accent: var(--ak-green, #33FFAE);
    --ak-modal-accent-rgb: 51 255 174;
}

.one-click-modal-header-red,
.bulk-purchase-modal-header-red,
.app-modal--error .app-modal__head {
    --ak-modal-accent: var(--ak-red, #FF7878);
    --ak-modal-accent-rgb: 255 120 120;
}

.one-click-modal-header-gray,
.bulk-purchase-modal-header-gray {
    --ak-modal-accent: var(--ak-muted, #8FA7C5);
    --ak-modal-accent-rgb: 143 167 197;
}

.tg-recheck-progress .one-click-modal-header,
.bulk-purchase-processing .bulk-purchase-modal-header {
    --ak-modal-accent: var(--ak-muted, #8FA7C5);
    --ak-modal-accent-rgb: 143 167 197;
}

.tg-recheck-result .one-click-modal-header {
    --ak-modal-accent: var(--ak-green, #33FFAE);
    --ak-modal-accent-rgb: 51 255 174;
}

@media (max-width: 760px) {
    .bulk-purchase-modal .bulk-purchase-modal-close {
        right: 0 !important;
        top: 16px !important;
    }

    .bulk-purchase-modal .bulk-purchase-confirm,
    .bulk-purchase-modal .bulk-purchase-processing {
        margin-left: 16px !important;
        margin-right: 16px !important;
        max-width: calc(100% - 32px) !important;
    }

    .bulk-purchase-modal .bulk-purchase-modal-header {
        margin-left: -16px !important;
        margin-right: -16px !important;
        padding-left: 16px !important;
        padding-right: 58px !important;
        width: calc(100% + 32px) !important;
    }

    :is(.app-modal, .one-click-modal, .bulk-purchase-modal, .modal, .avatar-modal, .account-token-modal, .recently-viewed-modal, .article-image-modal) .toggle-group {
        grid-auto-columns: minmax(0, 1fr) !important;
        width: 100% !important;
    }
}

.app-modal,
.one-click-modal,
.bulk-purchase-modal,
.modal,
.avatar-modal,
.account-token-modal,
.recently-viewed-modal,
.article-image-modal {
    font-family: "Geist", sans-serif !important;
}

:root {
    --ak-modal-viewport-pad: 22px;
    --ak-modal-gutter: 22px;
    --ak-modal-footer-pad: var(--ak-modal-footer-y, 16px) var(--ak-modal-gutter);
    --ak-modal-header-pad-y: 21px;
    --ak-modal-header-pad-x: var(--ak-modal-gutter);
    --ak-modal-header-close-gap: 64px;
    --ak-modal-header-min: 64px;
    --ak-modal-body-gap: 14px;
    --ak-modal-control-h: 40px;
    --ak-modal-button-min-w: 128px;
    --ak-modal-compact-w: 560px;
    --ak-modal-form-w: 680px;
    --ak-modal-wide-w: 760px;
    --ak-modal-status-min-h: 154px;
}

:is(
    #resellModal,
    #tgArchiveResellModal,
    #claimModal,
    #banUserModal,
    #scamUserModal,
    #reportUserModal,
    #ignoreListModal,
    #subscriptionsModal,
    #cartClearModal,
    #tgArchiveBulkInfoModal,
    #tgRecheckModal
).one-click-modal {
    align-items: center !important;
    justify-content: center !important;
    padding: var(--ak-modal-viewport-pad) !important;
}

:is(
    #resellModal,
    #tgArchiveResellModal,
    #banUserModal,
    #scamUserModal,
    #reportUserModal,
    #ignoreListModal,
    #subscriptionsModal,
    #cartClearModal,
    #tgRecheckModal
) .one-click-modal-content {
    max-height: min(92dvh, 860px) !important;
    max-width: min(var(--ak-modal-compact-w), calc(100vw - (var(--ak-modal-viewport-pad) * 2))) !important;
    padding: 0 !important;
    width: min(var(--ak-modal-compact-w), calc(100vw - (var(--ak-modal-viewport-pad) * 2))) !important;
}

:is(#claimModal, #tgArchiveBulkInfoModal) .one-click-modal-content {
    max-height: min(92dvh, 860px) !important;
    max-width: min(var(--ak-modal-wide-w), calc(100vw - (var(--ak-modal-viewport-pad) * 2))) !important;
    padding: 0 !important;
    width: min(var(--ak-modal-wide-w), calc(100vw - (var(--ak-modal-viewport-pad) * 2))) !important;
}

:is(
    #resellModal,
    #tgArchiveResellModal,
    #claimModal,
    #banUserModal,
    #scamUserModal,
    #reportUserModal,
    #ignoreListModal,
    #subscriptionsModal,
    #cartClearModal,
    #tgArchiveBulkInfoModal,
    #tgRecheckModal
) .one-click-modal-body {
    box-sizing: border-box !important;
    overflow: visible !important;
    padding: 0 !important;
}

:is(
    #resellModal,
    #tgArchiveResellModal,
    #claimModal,
    #banUserModal,
    #scamUserModal,
    #reportUserModal,
    #ignoreListModal,
    #subscriptionsModal,
    #cartClearModal,
    #tgArchiveBulkInfoModal,
    #tgRecheckModal
) .one-click-modal-header {
    border-radius: var(--ak-radius-md, 8px) var(--ak-radius-md, 8px) 0 0 !important;
    box-sizing: border-box !important;
    display: block !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    justify-self: stretch !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    min-height: var(--ak-modal-header-min) !important;
    padding: var(--ak-modal-header-pad-y) var(--ak-modal-header-close-gap) 18px var(--ak-modal-header-pad-x) !important;
    text-align: left !important;
    width: 100% !important;
}

:is(
    #resellModal,
    #tgArchiveResellModal,
    #claimModal,
    #banUserModal,
    #scamUserModal,
    #reportUserModal,
    #ignoreListModal,
    #subscriptionsModal,
    #cartClearModal,
    #tgArchiveBulkInfoModal,
    #tgRecheckModal
) .one-click-modal-close {
    right: var(--ak-modal-close-inset, 16px) !important;
    top: var(--ak-modal-close-inset, 16px) !important;
}

:is(
    #resellModal,
    #tgArchiveResellModal,
    #claimModal,
    #banUserModal,
    #scamUserModal,
    #reportUserModal,
    #ignoreListModal,
    #subscriptionsModal,
    #cartClearModal,
    #tgArchiveBulkInfoModal,
    #tgRecheckModal
) :is(.one-click-confirm, .resell-confirm, .resell-checking, .resell-success, .resell-error, .tg-recheck-step) {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

:is(
    #resellModal,
    #tgArchiveResellModal,
    #claimModal,
    #banUserModal,
    #scamUserModal,
    #reportUserModal,
    #ignoreListModal,
    #subscriptionsModal,
    #cartClearModal,
    #tgArchiveBulkInfoModal,
    #tgRecheckModal
) .one-click-modal-body > :is(.one-click-confirm, .resell-confirm, .resell-checking, .resell-success, .resell-error, .tg-recheck-step) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

:is(
    #resellModal,
    #tgArchiveResellModal,
    #claimModal,
    #banUserModal,
    #scamUserModal,
    #reportUserModal,
    #subscriptionsModal,
    #cartClearModal,
    #tgRecheckModal
) .one-click-modal-body > :is(.resell-confirm, .resell-checking, .resell-success, .resell-error, .tg-recheck-step)[style*="display: none"],
:is(
    #resellModal,
    #tgArchiveResellModal,
    #claimModal,
    #banUserModal,
    #scamUserModal,
    #reportUserModal,
    #subscriptionsModal,
    #cartClearModal,
    #tgRecheckModal
) .one-click-modal-body > :is(.resell-confirm, .resell-checking, .resell-success, .resell-error, .tg-recheck-step)[style*="display:none"] {
    display: none !important;
}

:is(
    #resellModal,
    #tgArchiveResellModal,
    #claimModal,
    #banUserModal,
    #scamUserModal,
    #reportUserModal,
    #ignoreListModal,
    #subscriptionsModal,
    #cartClearModal,
    #tgArchiveBulkInfoModal,
    #tgRecheckModal
) .one-click-resell-body,
#cartClearModal .cart-clear-modal-body,
#tgArchiveBulkInfoModal .tg-archive-bulk-info-form {
    box-sizing: border-box !important;
    justify-self: stretch !important;
    margin: 0 !important;
    padding: 18px var(--ak-modal-gutter) 22px !important;
    width: 100% !important;
}

:is(
    #resellModal,
    #tgArchiveResellModal,
    #claimModal,
    #banUserModal,
    #scamUserModal,
    #reportUserModal,
    #tgArchiveBulkInfoModal
) :is(.resell-confirm, .one-click-confirm) .one-click-resell-body {
    align-items: stretch !important;
    display: grid !important;
    gap: var(--ak-modal-body-gap) !important;
    justify-content: stretch !important;
    text-align: left !important;
}

:is(
    #resellModal,
    #tgArchiveResellModal,
    #banUserModal,
    #scamUserModal
) .one-click-resell-left {
    align-items: stretch !important;
    display: grid !important;
    gap: 12px !important;
    width: 100% !important;
}

:is(
    #resellModal,
    #tgArchiveResellModal,
    #banUserModal,
    #scamUserModal
) .one-click-resell-left-price {
    align-items: center !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: minmax(0, 1fr) minmax(150px, 210px) !important;
    justify-content: stretch !important;
    width: 100% !important;
}

:is(
    #resellModal,
    #tgArchiveResellModal,
    #claimModal,
    #banUserModal,
    #scamUserModal,
    #reportUserModal,
    #tgArchiveBulkInfoModal
) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .resell-title-input, .price-input) {
    min-height: var(--ak-modal-control-h) !important;
}

:is(
    #resellModal,
    #tgArchiveResellModal,
    #claimModal,
    #banUserModal,
    #scamUserModal,
    #reportUserModal,
    #tgArchiveBulkInfoModal
) :is(.resell-title-input-field, .resell-title-input-label, .price-input-wrapper) {
    box-sizing: border-box !important;
    width: 100% !important;
}

:is(
    #resellModal,
    #banUserModal,
    #scamUserModal
) .one-click-buy-label,
#ignoreListModal .terms-checkbox {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    margin: 0 !important;
    width: 100% !important;
}

:is(
    #resellModal,
    #tgArchiveResellModal,
    #claimModal,
    #banUserModal,
    #scamUserModal,
    #reportUserModal,
    #cartClearModal,
    #tgRecheckModal
) :is(
    .resell-confirm-yes,
    .resell-yes,
    .one-click-confirm-yes,
    .one-click-confirm-no,
    .cart-clear-confirm-yes,
    .cart-clear-confirm-no
) {
    height: var(--ak-modal-control-h) !important;
    min-width: var(--ak-modal-button-min-w, 128px) !important;
}

:is(#resellModal, #tgArchiveResellModal, #banUserModal, #scamUserModal) .resell-yes,
:is(#claimModal, #reportUserModal) .one-click-confirm-yes {
    justify-self: end !important;
}

:is(#claimModal, #reportUserModal) :is(.claim-actions-sticky, form > div:last-child),
#cartClearModal .cart-clear-buttons,
#tgArchiveBulkInfoModal .tg-archive-bulk-info-actions {
    align-items: center !important;
    border-top: 1px solid var(--ak-line, rgba(143, 167, 197, .18)) !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin: 18px 0 0 !important;
    padding: var(--ak-modal-footer-pad) !important;
    width: 100% !important;
}

#tgRecheckModal .send-feedback-modal-footer {
    align-items: center !important;
    border-top: 1px solid var(--ak-line, rgba(143, 167, 197, .18)) !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin: 18px 0 0 !important;
    padding: var(--ak-modal-footer-pad) !important;
    width: 100% !important;
}

#tgRecheckModal .tg-recheck-message,
#tgRecheckModal .tg-recheck-progress-text,
#tgRecheckModal .tg-recheck-summary {
    color: var(--ak-text, #D8E3F4) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    margin: 0 !important;
}

#tgRecheckModal .tg-recheck-message,
#tgRecheckModal .tg-recheck-summary {
    background: rgba(18, 24, 36, .36) !important;
    border: 1px solid rgba(143, 167, 197, .16) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    padding: 12px 14px !important;
    text-align: left !important;
}

#tgRecheckModal .tg-recheck-progress-track {
    background: rgba(18, 24, 36, .62) !important;
    border: 1px solid rgba(143, 167, 197, .18) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    height: 14px !important;
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

#tgRecheckModal .tg-recheck-progress-fill {
    background: linear-gradient(90deg, rgba(132, 190, 253, .88), rgba(51, 255, 174, .82)) !important;
    height: 100% !important;
    transition: width .2s ease !important;
    width: 0;
}

#tgRecheckModal .tg-recheck-summary-header {
    margin-bottom: 8px !important;
}

#tgRecheckModal .tg-recheck-error-title {
    color: #FFB4B4 !important;
    margin: 8px 0 4px !important;
    text-align: left !important;
}

#tgRecheckModal .tg-recheck-error-list {
    list-style: disc !important;
    margin: 0 !important;
    max-height: 160px !important;
    overflow: auto !important;
    padding-left: 20px !important;
    text-align: left !important;
}

:is(
    #resellModal,
    #tgArchiveResellModal,
    #claimModal,
    #banUserModal,
    #scamUserModal,
    #reportUserModal,
    #subscriptionsModal,
    #cartClearModal,
    #tgRecheckModal
) :is(.resell-checking, .resell-success, .resell-error, .tg-recheck-progress, .tg-recheck-result) .one-click-resell-body,
#subscriptionsModal #subsModalError .one-click-resell-body {
    align-items: center !important;
    display: flex !important;
    justify-content: center !important;
    min-height: var(--ak-modal-status-min-h) !important;
    text-align: center !important;
}

#ignoreListModal .ignore-list-body,
#subscriptionsModal #subsModalContent {
    align-items: stretch !important;
    display: grid !important;
    gap: 10px !important;
    justify-content: stretch !important;
    min-height: 120px !important;
    text-align: left !important;
}

#tgArchiveBulkInfoModal .tg-archive-bulk-info-form {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: none !important;
}

#tgArchiveBulkInfoModal .tg-archive-bulk-info-note,
#tgArchiveBulkInfoModal .tg-archive-bulk-info-error,
#tgArchiveBulkInfoModal .tg-archive-bulk-info-actions,
#tgArchiveBulkInfoModal .tg-archive-bulk-info-form label:nth-last-of-type(1),
#tgArchiveBulkInfoModal .tg-archive-bulk-info-form label:nth-last-of-type(2) {
    grid-column: 1 / -1 !important;
}

#tgArchiveBulkInfoModal .tg-archive-bulk-info-actions button,
#tgArchiveBulkInfoCancel,
#tgArchiveBulkInfoSave {
    border-radius: var(--ak-radius-sm, 8px) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    height: var(--ak-modal-control-h) !important;
    min-width: var(--ak-modal-button-min-w, 128px) !important;
    padding: 0 18px !important;
}

#tgArchiveBulkInfoCancel {
    background: rgba(18, 24, 36, .52) !important;
    border: 1px solid rgba(143, 167, 197, .28) !important;
    color: var(--ak-muted, #8FA7C5) !important;
}

#tgArchiveBulkInfoSave {
    background: linear-gradient(180deg, rgba(255, 210, 146, .98), rgba(255, 194, 121, .96)) !important;
    border: 1px solid rgba(255, 234, 183, .72) !important;
    color: #1B1F2F !important;
}

#banUserModal .one-click-modal-header,
#scamUserModal .one-click-modal-header,
#reportUserModal .one-click-modal-header,
#cartClearModal .one-click-modal-header {
    --ak-modal-accent: var(--ak-red, #FF7878);
    --ak-modal-accent-rgb: 255 120 120;
}

#tgRecheckModal .tg-recheck-progress .one-click-modal-header {
    --ak-modal-accent: var(--ak-muted, #8FA7C5);
    --ak-modal-accent-rgb: 143 167 197;
}

#tgRecheckModal .tg-recheck-result .one-click-modal-header {
    --ak-modal-accent: var(--ak-green, #33FFAE);
    --ak-modal-accent-rgb: 51 255 174;
}

@media (max-width: 720px) {
    :root {
        --ak-modal-viewport-pad: 14px;
        --ak-modal-gutter: 16px;
        --ak-modal-header-close-gap: 58px;
    }

    #tgArchiveBulkInfoModal .tg-archive-bulk-info-form,
    :is(
        #resellModal,
        #tgArchiveResellModal,
        #banUserModal,
        #scamUserModal
    ) .one-click-resell-left-price {
        grid-template-columns: 1fr !important;
    }

    :is(#claimModal, #reportUserModal) :is(.claim-actions-sticky, form > div:last-child),
    #cartClearModal .cart-clear-buttons,
    #tgArchiveBulkInfoModal .tg-archive-bulk-info-actions,
    #tgRecheckModal .send-feedback-modal-footer {
        align-items: stretch !important;
        flex-direction: column-reverse !important;
    }

    :is(
        #resellModal,
        #tgArchiveResellModal,
        #claimModal,
        #banUserModal,
        #scamUserModal,
        #reportUserModal,
        #cartClearModal,
        #tgArchiveBulkInfoModal,
        #tgRecheckModal
    ) :is(button, .resell-yes, .resell-confirm-yes, .one-click-confirm-yes, .one-click-confirm-no) {
        width: 100% !important;
    }
}

:root {
    --ak-modal-edit-w: 880px;
}

#editAccountModal.one-click-modal {
    align-items: center !important;
    justify-content: center !important;
    padding: var(--ak-modal-viewport-pad) !important;
}

#editAccountModal .one-click-modal-content {
    max-height: min(92dvh, 860px) !important;
    max-width: min(var(--ak-modal-edit-w), calc(100vw - (var(--ak-modal-viewport-pad) * 2))) !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: min(var(--ak-modal-edit-w), calc(100vw - (var(--ak-modal-viewport-pad) * 2))) !important;
}

#editAccountModal .one-click-modal-body {
    box-sizing: border-box !important;
    max-height: min(92dvh, 860px) !important;
    overflow: hidden auto !important;
    padding: 0 !important;
    width: 100% !important;
}

#editAccountModal :is(.edit-form, .edit-processing, .edit-success, .edit-error) {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

#editAccountModal :is(.edit-form, .edit-processing, .edit-success, .edit-error)[style*="display: none"],
#editAccountModal :is(.edit-form, .edit-processing, .edit-success, .edit-error)[style*="display:none"] {
    display: none !important;
}

#editAccountModal .one-click-modal-header {
    align-items: center !important;
    border: 0 !important;
    border-radius: var(--ak-radius-md, 8px) var(--ak-radius-md, 8px) 0 0 !important;
    box-sizing: border-box !important;
    color: var(--ak-text-strong, #E8ECEF) !important;
    display: flex !important;
    font-family: var(--font-primary, var(--ak-font, inherit)) !important;
    font-size: 20px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    min-height: var(--ak-modal-header-min) !important;
    padding: var(--ak-modal-header-pad-y) var(--ak-modal-header-close-gap) 18px var(--ak-modal-header-pad-x) !important;
    position: relative !important;
    text-align: left !important;
    width: 100% !important;
}

#editAccountModal .one-click-modal-header::before {
    background: linear-gradient(90deg, rgba(var(--ak-modal-accent-rgb, 255 210 146) / .16), transparent 58%) !important;
    border-radius: inherit !important;
    content: "" !important;
    inset: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
}

#editAccountModal .one-click-modal-header::after {
    background: linear-gradient(90deg, rgba(var(--ak-modal-accent-rgb, 255 210 146) / .72), rgba(143, 167, 197, .16)) !important;
    bottom: 0 !important;
    content: "" !important;
    height: 1px !important;
    left: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 0 !important;
}

#editAccountModal .one-click-modal-header-gray {
    --ak-modal-accent: var(--ak-muted, #8FA7C5);
    --ak-modal-accent-rgb: 143 167 197;
}

#editAccountModal .one-click-modal-header-green {
    --ak-modal-accent: var(--ak-green, #33FFAE);
    --ak-modal-accent-rgb: 51 255 174;
}

#editAccountModal .one-click-modal-header-red {
    --ak-modal-accent: var(--ak-red, #FF7878);
    --ak-modal-accent-rgb: 255 120 120;
}

#editAccountModal .one-click-modal-close {
    align-items: center !important;
    background: rgba(18, 24, 36, .58) !important;
    border: 1px solid rgba(143, 167, 197, .28) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    color: var(--ak-muted, #8FA7C5) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    height: 38px !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 0 !important;
    position: absolute !important;
    right: var(--ak-modal-close-inset, 16px) !important;
    top: var(--ak-modal-close-inset, 16px) !important;
    width: 38px !important;
    z-index: 3 !important;
}

#editAccountModal .one-click-modal-close:hover {
    border-color: rgba(var(--ak-modal-accent-rgb, 255 210 146) / .58) !important;
    color: var(--ak-text-strong, #E8ECEF) !important;
}

#editAccountModal .edit-body {
    box-sizing: border-box !important;
    display: grid !important;
    gap: var(--ak-modal-body-gap) !important;
    padding: 18px var(--ak-modal-gutter) 22px !important;
    width: 100% !important;
}

#editAccountModal :is(.edit-processing, .edit-success, .edit-error) .edit-body {
    align-items: center !important;
    justify-content: center !important;
    min-height: var(--ak-modal-status-min-h) !important;
    text-align: center !important;
}

#editAccountModal :is(.selected-accounts-info, .settings-block) {
    background: rgba(18, 24, 36, .42) !important;
    border: 1px solid rgba(143, 167, 197, .18) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    width: 100% !important;
}

#editAccountModal .selected-accounts-info .info-block,
#editAccountModal .bulk-edit-warning {
    align-items: center !important;
    display: flex !important;
    gap: 8px !important;
    margin: 0 !important;
}

#editAccountModal .selected-accounts-info .info-block {
    margin-bottom: 10px !important;
}

#editAccountModal .selected-accounts-info .info-value {
    align-items: center !important;
    background: var(--ak-gold, #FFD292) !important;
    border-radius: 6px !important;
    color: #1F2232 !important;
    display: inline-flex !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-height: 24px !important;
    min-width: 24px !important;
    padding: 0 8px !important;
}

#editAccountModal .bulk-edit-warning {
    color: var(--ak-gold, #FFD292) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
}

#editAccountModal .settings-row {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 0 !important;
    width: 100% !important;
}

#editAccountModal :is(.settings-block label, .selected-accounts-info .info-label, .sell-annotation, .edit-body p) {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.42 !important;
    margin: 0 !important;
}

#editAccountModal :is(#editAccountTitle, #editInfoForBuyers, #editSellerComment) {
    background: rgba(18, 24, 36, .56) !important;
    border: 1px solid rgba(143, 167, 197, .28) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    color: var(--ak-text-strong, #E8ECEF) !important;
    min-height: var(--ak-modal-control-h) !important;
    padding: 10px 12px !important;
    width: 100% !important;
}

#editAccountModal :is(#editInfoForBuyers, #editSellerComment) {
    min-height: 78px !important;
}

#editAccountModal .radio-buttons {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)) !important;
    width: 100% !important;
}

#editAccountModal .radio-buttons input[type="radio"] {
    display: none !important;
}

#editAccountModal .radio-buttons .radio-label {
    align-items: center !important;
    background: rgba(13, 18, 30, .48) !important;
    border: 1px solid rgba(143, 167, 197, .22) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    color: var(--ak-muted, #8FA7C5) !important;
    display: inline-flex !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    height: var(--ak-modal-control-h) !important;
    justify-content: center !important;
    padding: 0 12px !important;
    width: 100% !important;
}

#editAccountModal .radio-buttons input[type="radio"]:checked + .radio-label {
    background: linear-gradient(180deg, rgba(255, 210, 146, .98), rgba(255, 194, 121, .96)) !important;
    border-color: rgba(255, 234, 183, .72) !important;
    color: #1B1F2F !important;
}

#editAccountModal .edit-actions {
    align-items: center !important;
    background: rgba(31, 36, 54, .98) !important;
    border-top: 1px solid var(--ak-line, rgba(143, 167, 197, .18)) !important;
    box-sizing: border-box !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin: 4px calc(var(--ak-modal-gutter) * -1) calc(var(--ak-modal-gutter) * -1) !important;
    min-height: calc(var(--ak-modal-control-h, 40px) + (var(--ak-modal-footer-y, 16px) * 2)) !important;
    padding: var(--ak-modal-footer-y, 16px) var(--ak-modal-gutter) !important;
    position: sticky !important;
    bottom: 0 !important;
    width: calc(100% + (var(--ak-modal-gutter) * 2)) !important;
    z-index: 2 !important;
}

#editAccountModal .edit-danger-note {
    color: var(--ak-red, #FF7878) !important;
    display: grid !important;
    gap: 4px !important;
    margin: 0 !important;
}

#editAccountModal :is(.edit-cancel-btn, .edit-confirm-btn) {
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    height: var(--ak-modal-control-h) !important;
    min-width: var(--ak-modal-button-min-w, 128px) !important;
    padding: 0 18px !important;
}

#imageModal.article-image-modal {
    align-items: center !important;
    background: rgba(8, 11, 18, .84) !important;
    backdrop-filter: blur(10px) !important;
    cursor: zoom-out !important;
    justify-content: center !important;
    padding: var(--ak-modal-viewport-pad) !important;
}

#imageModal.article-image-modal[style*="display: block"],
#imageModal.article-image-modal[style*="display:block"] {
    display: flex !important;
}

#imageModal .article-image-modal-content {
    border: 1px solid rgba(143, 167, 197, .18) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    max-height: calc(100dvh - (var(--ak-modal-viewport-pad) * 2)) !important;
    max-width: calc(100vw - (var(--ak-modal-viewport-pad) * 2)) !important;
    object-fit: contain !important;
}

#vk-archive-download-warning-modal.app-modal {
    align-items: center !important;
    justify-content: center !important;
    padding: var(--ak-modal-viewport-pad) !important;
}

#vk-archive-download-warning-modal.app-modal[style*="display: block"],
#vk-archive-download-warning-modal.app-modal[style*="display:block"] {
    display: flex !important;
}

#vk-archive-download-warning-modal[hidden] {
    display: none !important;
}

#vk-archive-download-warning-modal .vk-archive-warning-content {
    box-sizing: border-box !important;
    display: grid !important;
    gap: 0 !important;
    max-height: min(92dvh, 640px) !important;
    max-width: min(var(--ak-modal-compact-w), calc(100vw - (var(--ak-modal-viewport-pad) * 2))) !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    width: min(var(--ak-modal-compact-w), calc(100vw - (var(--ak-modal-viewport-pad) * 2))) !important;
}

#vk-archive-download-warning-modal .vk-archive-warning-title {
    border: 0 !important;
    border-radius: var(--ak-radius-md, 8px) var(--ak-radius-md, 8px) 0 0 !important;
    box-sizing: border-box !important;
    color: var(--ak-text-strong, #E8ECEF) !important;
    display: block !important;
    font-family: var(--font-primary, var(--ak-font, inherit)) !important;
    font-size: 20px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    min-height: var(--ak-modal-header-min) !important;
    padding: var(--ak-modal-header-pad-y) var(--ak-modal-header-close-gap) 18px var(--ak-modal-header-pad-x) !important;
    position: relative !important;
    text-align: left !important;
    width: 100% !important;
}

#vk-archive-download-warning-modal .vk-archive-warning-title::before {
    background: linear-gradient(90deg, rgba(255, 210, 146, .16), transparent 58%) !important;
    border-radius: inherit !important;
    content: "" !important;
    inset: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
}

#vk-archive-download-warning-modal .vk-archive-warning-title::after {
    background: linear-gradient(90deg, rgba(255, 210, 146, .72), rgba(143, 167, 197, .16)) !important;
    bottom: 0 !important;
    content: "" !important;
    height: 1px !important;
    left: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 0 !important;
}

#vk-archive-download-warning-modal .vk-archive-warning-close {
    align-items: center !important;
    background: rgba(18, 24, 36, .58) !important;
    border: 1px solid rgba(143, 167, 197, .28) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    color: var(--ak-muted, #8FA7C5) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    height: 38px !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 0 !important;
    position: absolute !important;
    right: var(--ak-modal-close-inset, 16px) !important;
    top: var(--ak-modal-close-inset, 16px) !important;
    width: 38px !important;
    z-index: 3 !important;
}

#vk-archive-download-warning-modal .vk-archive-warning-text {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    padding: 18px var(--ak-modal-gutter) 4px !important;
}

#vk-archive-download-warning-modal .vk-archive-warning-actions {
    align-items: center !important;
    border-top: 1px solid var(--ak-line, rgba(143, 167, 197, .18)) !important;
    box-sizing: border-box !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin: 18px 0 0 !important;
    padding: var(--ak-modal-footer-pad) !important;
    width: 100% !important;
}

#vk-archive-download-warning-modal .app-modal__button {
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    font-family: var(--font-primary, var(--ak-font, inherit)) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    height: var(--ak-modal-control-h) !important;
    min-width: var(--ak-modal-button-min-w, 128px) !important;
    padding: 0 18px !important;
}

#vk-archive-download-warning-modal .vk-archive-warning-proceed {
    background: linear-gradient(180deg, rgba(255, 210, 146, .98), rgba(255, 194, 121, .96)) !important;
    border: 1px solid rgba(255, 234, 183, .72) !important;
    color: #1B1F2F !important;
}

#vk-archive-download-warning-modal .vk-archive-warning-cancel {
    background: rgba(18, 24, 36, .52) !important;
    border: 1px solid rgba(143, 167, 197, .28) !important;
    color: var(--ak-muted, #8FA7C5) !important;
}

#sendFeedbackModal .one-click-modal-content,
#refresh-progress-modal .account-token-modal__content {
    max-height: min(92dvh, 760px) !important;
    max-width: min(var(--ak-modal-compact-w), calc(100vw - (var(--ak-modal-viewport-pad) * 2))) !important;
    overflow: hidden auto !important;
    padding: 0 !important;
    width: min(var(--ak-modal-compact-w), calc(100vw - (var(--ak-modal-viewport-pad) * 2))) !important;
}

#refresh-progress-modal.app-modal[style*="display: flex"],
#refresh-progress-modal.app-modal[style*="display:flex"] {
    display: flex !important;
}

#sendFeedbackModal .one-click-modal-body,
#refresh-progress-modal .account-token-modal__body {
    box-sizing: border-box !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
}

#sendFeedbackModal .review-modal-confirm {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

#sendFeedbackModal .review-modal-confirm[style*="display: none"],
#sendFeedbackModal .review-modal-confirm[style*="display:none"] {
    display: none !important;
}

#sendFeedbackModal .one-click-modal-header,
#refresh-progress-modal .account-token-modal__title {
    box-sizing: border-box !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

#refresh-progress-modal .account-token-modal__head {
    --ak-modal-accent: var(--ak-gold, #FFD292);
    --ak-modal-accent-rgb: 255 210 146;
}

#sendFeedbackModal .send-review-text-container {
    box-sizing: border-box !important;
    margin: 0 !important;
    max-width: none !important;
    padding: 18px var(--ak-modal-gutter) 0 !important;
    width: 100% !important;
}

#sendFeedbackModal .review-textarea {
    box-sizing: border-box !important;
    line-height: 1.45 !important;
    min-height: 92px !important;
    padding: 12px 14px !important;
    width: 100% !important;
}

#sendFeedbackModal.review-modal-positive .one-click-modal-header {
    --ak-modal-accent: var(--ak-green, #33FFAE);
    --ak-modal-accent-rgb: 51 255 174;
}

#sendFeedbackModal.review-modal-negative .one-click-modal-header {
    --ak-modal-accent: var(--ak-red, #FF7878);
    --ak-modal-accent-rgb: 255 120 120;
}

#sendFeedbackModal .send-feedback-modal-footer,
#refresh-progress-modal .account-token-modal__actions {
    align-items: center !important;
    border-top: 1px solid var(--ak-line, rgba(143, 167, 197, .18)) !important;
    box-sizing: border-box !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: space-between !important;
    margin: 18px 0 0 !important;
    padding: var(--ak-modal-footer-pad) !important;
    width: 100% !important;
}

#sendFeedbackModal .send-feedback-modal-footer-right {
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-end !important;
}

#refresh-progress-modal .account-token-modal__body > * {
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

#refresh-progress-modal .account-token-modal__text,
#refresh-progress-modal .account-token-modal__options {
    padding-left: var(--ak-modal-gutter) !important;
    padding-right: var(--ak-modal-gutter) !important;
}

#refresh-progress-modal .account-token-modal__text {
    margin-top: 18px !important;
}

#refresh-progress-modal .account-token-modal__text--processing {
    animation: accountTokenStatusPulse 1.4s ease-in-out infinite !important;
}

@keyframes accountTokenStatusPulse {
    0% {
        opacity: .72;
        text-shadow: 0 0 0 rgba(255, 210, 146, 0);
    }

    50% {
        opacity: 1;
        text-shadow: 0 0 10px rgba(255, 210, 146, .35);
    }

    100% {
        opacity: .72;
        text-shadow: 0 0 0 rgba(255, 210, 146, 0);
    }
}

#refresh-progress-modal .account-token-modal__options {
    display: grid !important;
    gap: 10px !important;
    margin-top: 12px !important;
}

#refresh-progress-modal [hidden] {
    display: none !important;
}

#tgRecheckModal [hidden] {
    display: none !important;
}

:root {
    --ak-modal-edit-w: 720px;
    --ak-modal-close-size: 38px;
    --ak-modal-close-inset: 16px;
    --ak-modal-footer-y: 16px;
    --ak-modal-footer-x: var(--ak-modal-gutter);
}

:is(
    .app-modal .app-modal__card,
    .one-click-modal .one-click-modal-content,
    .bulk-purchase-modal .bulk-purchase-modal-content,
    .avatar-modal .avatar-modal-content,
    .account-token-modal .account-token-modal__content,
    .recently-viewed-modal .recently-viewed-modal-container,
    #labelModal .recently-viewed-modal-container,
    #labelModalBulk .bulk-purchase-label-modal-container,
    #labelModal .label-modal-content
) {
    overflow: hidden auto !important;
}

#editAccountModal .one-click-modal-content {
    max-width: min(var(--ak-modal-edit-w), calc(100vw - (var(--ak-modal-viewport-pad) * 2))) !important;
    width: min(var(--ak-modal-edit-w), calc(100vw - (var(--ak-modal-viewport-pad) * 2))) !important;
}

:is(
    .app-modal .app-modal__head,
    .one-click-modal .one-click-modal-header,
    .bulk-purchase-modal .bulk-purchase-modal-header,
    .recently-viewed-modal .modal-list-header,
    #labelModal .modal-list-header,
    #labelModalBulk .modal-list-header,
    .avatar-modal .avatar-modal-header
) {
    border-radius: var(--ak-radius-sm, 8px) var(--ak-radius-sm, 8px) 0 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
}

body :is(
    .app-modal .app-modal__head,
    .one-click-modal .one-click-modal-header,
    .bulk-purchase-modal .bulk-purchase-modal-header,
    .recently-viewed-modal .modal-list-header,
    #labelModal .modal-list-header,
    #labelModalBulk .modal-list-header,
    .avatar-modal .avatar-modal-header
) {
    align-items: center !important;
    min-height: calc(var(--ak-modal-close-size) + (var(--ak-modal-close-inset) * 2)) !important;
    padding-bottom: var(--ak-modal-close-inset) !important;
    padding-right: calc(var(--ak-modal-close-size) + (var(--ak-modal-close-inset) * 2)) !important;
    padding-top: var(--ak-modal-close-inset) !important;
}

:is(
    .app-modal .app-modal__head,
    .one-click-modal .one-click-modal-header,
    .bulk-purchase-modal .bulk-purchase-modal-header,
    .recently-viewed-modal .modal-list-header,
    #labelModal .modal-list-header,
    #labelModalBulk .modal-list-header,
    .avatar-modal .avatar-modal-header
)::before {
    border-radius: inherit !important;
}

:is(
    .app-modal .app-modal__head,
    .one-click-modal .one-click-modal-header,
    .bulk-purchase-modal .bulk-purchase-modal-header,
    .recently-viewed-modal .modal-list-header,
    #labelModal .modal-list-header,
    #labelModalBulk .modal-list-header,
    .avatar-modal .avatar-modal-header
)::after {
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
}

body .one-click-modal .one-click-modal-close,
body .bulk-purchase-modal .bulk-purchase-modal-close {
    height: var(--ak-modal-close-size) !important;
    right: var(--ak-modal-close-inset) !important;
    top: var(--ak-modal-close-inset) !important;
    width: var(--ak-modal-close-size) !important;
}

body :is(
    .app-modal .app-modal__close,
    .one-click-modal .one-click-modal-close,
    .bulk-purchase-modal .bulk-purchase-modal-close,
    .avatar-modal .avatar-close-modal,
    #vk-archive-download-warning-modal .vk-archive-warning-close
) {
    height: var(--ak-modal-close-size) !important;
    min-height: var(--ak-modal-close-size) !important;
    min-width: var(--ak-modal-close-size) !important;
    right: var(--ak-modal-close-inset) !important;
    top: var(--ak-modal-close-inset) !important;
    width: var(--ak-modal-close-size) !important;
}

body #labelModal .close.close,
body #labelModalBulk .close.close {
    height: var(--ak-modal-close-size) !important;
    min-height: var(--ak-modal-close-size) !important;
    min-width: var(--ak-modal-close-size) !important;
    right: var(--ak-modal-close-inset) !important;
    top: var(--ak-modal-close-inset) !important;
    width: var(--ak-modal-close-size) !important;
}

:is(
    .one-click-modal .one-click-confirm,
    .one-click-modal .one-click-checking,
    .one-click-modal .one-click-success,
    .one-click-modal .one-click-error,
    .bulk-purchase-modal .bulk-purchase-confirm,
    .bulk-purchase-modal .bulk-purchase-processing
) {
    box-sizing: border-box !important;
    margin: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    width: 100% !important;
}

.one-click-modal .one-click-modal-body,
.bulk-purchase-modal .bulk-purchase-modal-body {
    padding: 0 !important;
}

:is(
    .one-click-modal .one-click-confirm[style],
    .one-click-modal .one-click-checking[style],
    .one-click-modal .one-click-success[style],
    .one-click-modal .one-click-error[style],
    .bulk-purchase-modal .bulk-purchase-confirm[style],
    .bulk-purchase-modal .bulk-purchase-processing[style]
) {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

body .bulk-purchase-modal .bulk-purchase-confirm[style],
body .bulk-purchase-modal .bulk-purchase-processing[style],
body .one-click-modal .one-click-confirm[style],
body .one-click-modal .one-click-checking[style],
body .one-click-modal .one-click-success[style],
body .one-click-modal .one-click-error[style] {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

.bulk-purchase-modal .bulk-purchase-modal-body > .bulk-purchase-confirm.bulk-purchase-confirm.bulk-purchase-confirm[style],
.bulk-purchase-modal .bulk-purchase-modal-body > .bulk-purchase-processing.bulk-purchase-processing.bulk-purchase-processing[style],
.one-click-modal .one-click-modal-body > .one-click-confirm.one-click-confirm.one-click-confirm[style],
.one-click-modal .one-click-modal-body > .one-click-checking.one-click-checking.one-click-checking[style],
.one-click-modal .one-click-modal-body > .one-click-success.one-click-success.one-click-success[style],
.one-click-modal .one-click-modal-body > .one-click-error.one-click-error.one-click-error[style] {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

.bulk-purchase-modal .bulk-purchase-top-row,
.bulk-purchase-modal .bulk-purchase-prev-info-block,
.bulk-purchase-modal .bulk-purchase-info-row,
.bulk-purchase-modal .progress-wrapper-check-bulk-purchase,
.bulk-purchase-modal .bulk-purchase-success-text {
    box-sizing: border-box !important;
    margin-left: var(--ak-modal-gutter) !important;
    margin-right: var(--ak-modal-gutter) !important;
    max-width: calc(100% - (var(--ak-modal-gutter) * 2)) !important;
    width: auto !important;
}

#editAccountModal .edit-body {
    padding: 18px var(--ak-modal-gutter) 22px !important;
}

@media (max-width: 760px) {
    :root {
        --ak-modal-edit-w: 100vw;
    }

    .bulk-purchase-modal .bulk-purchase-top-row,
    .bulk-purchase-modal .bulk-purchase-prev-info-block,
    .bulk-purchase-modal .bulk-purchase-info-row,
    .bulk-purchase-modal .progress-wrapper-check-bulk-purchase,
    .bulk-purchase-modal .bulk-purchase-success-text {
        margin-left: var(--ak-modal-gutter, 16px) !important;
        margin-right: var(--ak-modal-gutter, 16px) !important;
        max-width: calc(100% - (var(--ak-modal-gutter, 16px) * 2)) !important;
    }
}

.bulk-purchase-modal .bulk-purchase-confirm[style*="display: none"],
.bulk-purchase-modal .bulk-purchase-confirm[style*="display:none"],
.bulk-purchase-modal .bulk-purchase-processing[style*="display: none"],
.bulk-purchase-modal .bulk-purchase-processing[style*="display:none"] {
    display: none !important;
}

@media (max-width: 720px) {
    #editAccountModal .settings-row {
        grid-template-columns: 1fr !important;
    }

    #editAccountModal .edit-actions {
        align-items: stretch !important;
        flex-direction: column-reverse !important;
    }

    #editAccountModal :is(.edit-cancel-btn, .edit-confirm-btn),
    #avatarModal .avatar-modal-btn,
    #vk-archive-download-warning-modal .app-modal__button {
        width: 100% !important;
    }

    #vk-archive-download-warning-modal .vk-archive-warning-actions {
        align-items: stretch !important;
        flex-direction: column-reverse !important;
    }

    #sendFeedbackModal .send-feedback-modal-footer,
    #refresh-progress-modal .account-token-modal__actions {
        align-items: stretch !important;
        flex-direction: column-reverse !important;
        justify-content: flex-start !important;
    }

    #sendFeedbackModal .send-feedback-modal-footer-right {
        align-items: stretch !important;
        flex-direction: column-reverse !important;
    }
}

:root {
    --ak-modal-header-h: 70px;
    --ak-modal-header-title-size: 20px;
    --ak-modal-header-title-weight: 650;
    --ak-modal-field-gap: 8px;
    --ak-modal-textarea-h: 78px;
}

body :is(
    .app-modal .app-modal__head,
    .one-click-modal .one-click-modal-header,
    .bulk-purchase-modal .bulk-purchase-modal-header,
    .recently-viewed-modal .modal-list-header,
    #labelModal .modal-list-header,
    #labelModalBulk .modal-list-header,
    .avatar-modal .avatar-modal-header
) {
    align-items: center !important;
    background-color: rgba(36, 40, 58, .18) !important;
    background-image: linear-gradient(90deg, rgb(var(--ak-modal-accent-rgb, 255 210 146) / .07), rgb(var(--ak-modal-accent-rgb, 255 210 146) / .025) 38%, rgba(18, 24, 36, 0) 76%) !important;
    box-sizing: border-box !important;
    display: flex !important;
    height: var(--ak-modal-header-h) !important;
    margin: 0 !important;
    min-height: var(--ak-modal-header-h) !important;
    overflow: hidden !important;
    padding: var(--ak-modal-close-inset) calc(var(--ak-modal-close-size) + (var(--ak-modal-close-inset) * 2)) var(--ak-modal-close-inset) var(--ak-modal-gutter) !important;
    position: relative !important;
}

body :is(
    .app-modal .app-modal__head,
    .one-click-modal .one-click-modal-header,
    .bulk-purchase-modal .bulk-purchase-modal-header,
    .recently-viewed-modal .modal-list-header,
    #labelModal .modal-list-header,
    #labelModalBulk .modal-list-header,
    .avatar-modal .avatar-modal-header
)::before {
    background: linear-gradient(90deg, rgb(var(--ak-modal-accent-rgb, 255 210 146) / .06), rgb(var(--ak-modal-accent-rgb, 255 210 146) / .018) 36%, rgb(var(--ak-modal-accent-rgb, 255 210 146) / 0) 70%) !important;
    content: "" !important;
    inset: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    z-index: 0 !important;
}

body :is(
    .app-modal .app-modal__head,
    .one-click-modal .one-click-modal-header,
    .bulk-purchase-modal .bulk-purchase-modal-header,
    .recently-viewed-modal .modal-list-header,
    #labelModal .modal-list-header,
    #labelModalBulk .modal-list-header,
    .avatar-modal .avatar-modal-header
)::after {
    background: linear-gradient(90deg, var(--ak-modal-accent, #FFD292), rgb(var(--ak-modal-accent-rgb, 255 210 146) / .52), rgb(var(--ak-modal-accent-rgb, 255 210 146) / 0)) !important;
    bottom: 0 !important;
    content: "" !important;
    height: 2px !important;
    left: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 0 !important;
    width: auto !important;
    z-index: 1 !important;
}

body :is(
    .one-click-modal .one-click-modal-header,
    .bulk-purchase-modal .bulk-purchase-modal-header,
    .recently-viewed-modal .modal-list-header,
    #labelModal .modal-list-header,
    #labelModalBulk .modal-list-header,
    .avatar-modal .avatar-modal-header
) {
    font-family: var(--font-primary, var(--ak-font, inherit)) !important;
    font-size: var(--ak-modal-header-title-size) !important;
    font-weight: var(--ak-modal-header-title-weight) !important;
    line-height: 1.1 !important;
}

body :is(
    .app-modal .app-modal__titles,
    .one-click-modal .one-click-modal-header > *,
    .bulk-purchase-modal .bulk-purchase-modal-header > *,
    .recently-viewed-modal .modal-list-header > :not(.close),
    #labelModal .modal-list-header > :not(.close),
    #labelModalBulk .modal-list-header > :not(.close),
    .avatar-modal .avatar-modal-header > *
) {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

body :is(
    .one-click-modal .one-click-modal-body,
    .bulk-purchase-modal .bulk-purchase-modal-body,
    .app-modal .app-modal__body,
    .account-token-modal .account-token-modal__body
) {
    margin-bottom: 0 !important;
}

body :is(
    #sendFeedbackModal .send-feedback-modal-footer,
    #tgRecheckModal .send-feedback-modal-footer,
    #refresh-progress-modal .account-token-modal__actions
) {
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: center !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    min-height: calc(var(--ak-modal-control-h, 40px) + (var(--ak-modal-footer-y) * 2)) !important;
    padding: var(--ak-modal-footer-y) var(--ak-modal-gutter) !important;
    width: 100% !important;
}

body :is(
    #editAccountModal .edit-actions > button,
    #tgRecheckModal .send-feedback-modal-footer > button,
    #sendFeedbackModal .send-feedback-modal-footer button,
    #refresh-progress-modal .account-token-modal__actions button
) {
    align-items: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    height: var(--ak-modal-control-h, 40px) !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    min-height: var(--ak-modal-control-h, 40px) !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

body #editAccountModal .edit-actions {
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    gap: 10px !important;
    inline-size: calc(100% + (var(--ak-modal-gutter) * 2)) !important;
    justify-content: flex-end !important;
    justify-self: start !important;
    margin-bottom: calc(var(--ak-modal-gutter) * -1) !important;
    margin-left: calc(var(--ak-modal-gutter) * -1) !important;
    margin-right: calc(var(--ak-modal-gutter) * -1) !important;
    margin-top: 4px !important;
    max-width: none !important;
    min-height: calc(var(--ak-modal-control-h, 40px) + (var(--ak-modal-footer-y) * 2)) !important;
    padding: var(--ak-modal-footer-y) var(--ak-modal-gutter) !important;
    width: calc(100% + (var(--ak-modal-gutter) * 2)) !important;
}

body :is(
    .legacy-action-modal .price-modal-actions > button,
    .legacy-action-modal .delete-actions > button,
    .legacy-action-modal .recheck-actions > button,
    .legacy-action-modal .twofa-buttons > button
) {
    align-items: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    height: var(--ak-modal-control-h, 40px) !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    min-height: var(--ak-modal-control-h, 40px) !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

body :is(
    .legacy-action-modal .one-click-modal-body > div
) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

body #editAccountModal :is(.settings-block, .selected-accounts-info) {
    gap: var(--ak-modal-field-gap) !important;
}

body #editAccountModal .settings-block:has(.textfield-sale) {
    align-content: start !important;
}

body #editAccountModal .textfield-sale {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 6px !important;
    height: auto !important;
    margin: 0 !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
}

body #editAccountModal .textfield-sale label {
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
}

body #editAccountModal :is(#editInfoForBuyers, #editSellerComment) {
    display: block !important;
    height: var(--ak-modal-textarea-h) !important;
    max-height: var(--ak-modal-textarea-h) !important;
    min-height: var(--ak-modal-textarea-h) !important;
    resize: vertical !important;
}

body .legacy-action-modal.price-action-modal .price-modal-layout,
body .legacy-action-modal.price-action-modal .one-click-modal-body > div[style*="align-items: center"] {
    padding: 18px var(--ak-modal-gutter) 0 !important;
}

body .legacy-action-modal :is(
    .recheck-processing .recheck-body,
    .recheck-success .recheck-body,
    .recheck-partial .recheck-body,
    .recheck-error .recheck-body,
    .delete-processing .delete-body,
    .delete-success .delete-body,
    .delete-error .delete-body,
    .twofa-loading .one-click-resell-body,
    .twofa-success .one-click-resell-body,
    .twofa-error .one-click-resell-body
) {
    align-items: center !important;
    box-sizing: border-box !important;
    display: grid !important;
    justify-items: center !important;
    margin: 0 !important;
    min-height: 116px !important;
    padding: 22px var(--ak-modal-gutter) 24px !important;
    text-align: center !important;
    width: 100% !important;
}

body :is(
    .legacy-action-modal .recheck-error-message,
    .legacy-action-modal .delete-error-message,
    .legacy-action-modal .twofa-error-message,
    .one-click-modal .one-click-error-message,
    #editAccountModal .edit-error-message
) {
    align-items: center !important;
    background: rgba(18, 24, 36, .42) !important;
    border: 1px solid rgba(255, 120, 120, .22) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    color: var(--ak-muted, #8FA7C5) !important;
    display: inline-flex !important;
    gap: 8px !important;
    justify-content: center !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
}

body :is(
    .legacy-action-modal .recheck-error-message,
    .legacy-action-modal .delete-error-message,
    .legacy-action-modal .twofa-error-message,
    .one-click-modal .one-click-error-message,
    #editAccountModal .edit-error-message
) :is(svg, path) {
    flex: 0 0 auto !important;
}

body #avatarModal.avatar-modal {
    align-items: center !important;
    justify-content: center !important;
    padding: var(--ak-modal-viewport-pad) !important;
}

body #avatarModal .avatar-modal-content {
    margin: 0 !important;
    max-width: min(560px, calc(100vw - (var(--ak-modal-viewport-pad) * 2))) !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: min(560px, calc(100vw - (var(--ak-modal-viewport-pad) * 2))) !important;
}

body #avatarModal .avatar-modal-body {
    align-items: stretch !important;
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: 190px minmax(0, 1fr) !important;
    margin: 0 !important;
    padding: 16px var(--ak-modal-gutter) 18px !important;
}

body #avatarModal :is(.cropper-placeholder, .upload-section-right) {
    background: rgba(18, 24, 36, .42) !important;
    border: 1px solid rgba(143, 167, 197, .18) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    padding: 12px !important;
}

body #avatarModal .cropper-placeholder {
    align-items: center !important;
    aspect-ratio: 1 !important;
    display: flex !important;
    justify-content: center !important;
    width: 190px !important;
}

body #avatarModal #cropperControls {
    margin: 0 !important;
}

body #avatarModal #cropperCanvas {
    height: 166px !important;
    width: 166px !important;
}

body #avatarModal .upload-section-right {
    align-content: start !important;
    display: grid !important;
    gap: 12px !important;
    justify-content: stretch !important;
}

body #avatarModal .upload-section-right-header {
    display: grid !important;
    gap: 8px !important;
}

body #avatarModal .avatar-modal-text--title {
    color: var(--ak-text-strong, #E8ECEF) !important;
    font-size: 15px !important;
    font-weight: 750 !important;
}

body #avatarModal .avatar-file-control {
    align-items: center !important;
    background: rgba(18, 24, 36, .52) !important;
    border: 1px solid rgba(143, 167, 197, .22) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: minmax(128px, max-content) minmax(0, 1fr) !important;
    height: var(--ak-modal-control-h, 40px) !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 3px !important;
    width: 100% !important;
}

body #avatarModal .avatar-file-button {
    align-items: center !important;
    background: var(--ak-gold, #FFD292) !important;
    border: 1px solid var(--ak-gold, #FFD292) !important;
    border-radius: calc(var(--ak-radius-sm, 8px) - 2px) !important;
    box-sizing: border-box !important;
    color: #1B1F2F !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: var(--font-primary, var(--ak-font, inherit)) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    height: var(--ak-modal-control-h, 40px) !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-width: 128px !important;
    padding: 0 14px !important;
    transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
    white-space: nowrap !important;
}

body #avatarModal .avatar-file-button:hover {
    background: #FFE0AD !important;
    border-color: #FFE0AD !important;
    box-shadow: 0 0 0 2px rgba(255, 210, 146, .12) !important;
}

body #avatarModal .avatar-file-name {
    color: var(--ak-muted, #8FA7C5) !important;
    display: block !important;
    font-family: var(--font-primary, var(--ak-font, inherit)) !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding-right: 8px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body #avatarModal #avatarInput.avatar-file-input {
    height: 1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    width: 1px !important;
}

body #avatarModal #avatarInput:not(.avatar-file-input) {
    background: rgba(18, 24, 36, .52) !important;
    border: 1px solid rgba(143, 167, 197, .22) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    color: var(--ak-muted, #8FA7C5) !important;
    cursor: pointer !important;
    font-family: var(--font-primary, var(--ak-font, inherit)) !important;
    font-size: 13px !important;
    height: var(--ak-modal-control-h, 40px) !important;
    line-height: 1 !important;
    max-width: 100% !important;
    padding: 3px 10px 3px 3px !important;
    width: 100% !important;
}

body #avatarModal #avatarInput:not(.avatar-file-input)::file-selector-button {
    background: var(--ak-gold, #FFD292) !important;
    border: 1px solid var(--ak-gold, #FFD292) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    color: #1B1F2F !important;
    cursor: pointer !important;
    font-family: var(--font-primary, var(--ak-font, inherit)) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    height: 32px !important;
    line-height: 1 !important;
    margin: 0 10px 0 0 !important;
    padding: 0 14px !important;
    transition: background .18s ease, border-color .18s ease, transform .18s ease !important;
}

body #avatarModal #avatarInput:not(.avatar-file-input)::file-selector-button:hover {
    background: #FFE0AD !important;
    border-color: #FFE0AD !important;
}

body #avatarModal .avatar-save-delete-buttons {
    align-self: end !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin-top: 2px !important;
}

body #avatarModal .avatar-modal-btn {
    align-items: center !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    display: inline-flex !important;
    height: var(--ak-modal-control-h, 40px) !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-width: var(--ak-modal-button-min-w, 128px) !important;
    padding: 0 18px !important;
}

body #avatarModal .avatar-modal-btn--primary {
    background: var(--ak-gold, #FFD292) !important;
    border-color: var(--ak-gold, #FFD292) !important;
    color: #1B1F2F !important;
}

body #avatarModal .avatar-zoom-buttons {
    gap: 8px !important;
    justify-content: center !important;
    margin-top: 8px !important;
}

body #avatarModal .avatar-zoom-button {
    height: 34px !important;
    margin: 0 !important;
    min-width: 34px !important;
    padding: 0 !important;
    width: 34px !important;
}

@media (max-width: 620px) {
    body #avatarModal .avatar-modal-body {
        grid-template-columns: 1fr !important;
    }

    body #avatarModal .cropper-placeholder {
        justify-self: center !important;
        max-width: 220px !important;
        width: 100% !important;
    }

}

@media (max-width: 520px) {
    body #avatarModal .avatar-save-delete-buttons {
        flex-direction: column-reverse !important;
    }

    body #avatarModal .avatar-modal-btn {
        width: 100% !important;
    }
}

body .app-modal {
    align-items: center !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    padding: var(--ak-modal-viewport-pad, 24px) !important;
}

body .app-modal .app-modal__head > .app-modal__close {
    position: absolute !important;
    right: var(--ak-modal-close-inset, 16px) !important;
    top: var(--ak-modal-close-inset, 16px) !important;
}

body .app-modal .app-modal__body > .app-modal__message {
    align-items: center !important;
    background: rgba(18, 24, 36, .36) !important;
    border: 1px solid rgba(143, 167, 197, .16) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    display: flex !important;
    margin: var(--ak-modal-gutter, 22px) var(--ak-modal-gutter, 22px) !important;
    min-height: 50px !important;
    padding: 12px 14px !important;
    width: calc(100% - (var(--ak-modal-gutter, 22px) * 2)) !important;
}

body .telegram-archive-one-click-modal .app-modal__actions {
    align-items: center !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    min-height: calc(var(--ak-modal-control-h, 40px) + (var(--ak-modal-footer-y, 16px) * 2)) !important;
    padding: var(--ak-modal-footer-y, 16px) var(--ak-modal-gutter, 22px) !important;
}

body .telegram-archive-one-click-modal .app-modal__button {
    flex: 0 0 auto !important;
    width: auto !important;
}

body #avatarModal.avatar-modal .avatar-modal-header > .avatar-close-modal {
    left: auto !important;
    position: absolute !important;
    right: var(--ak-modal-close-inset, 16px) !important;
    top: var(--ak-modal-close-inset, 16px) !important;
    transform: none !important;
}

.modal-download {
    display: none;
    inset: 0;
    overflow: auto;
    position: fixed;
    z-index: 10000;
}

.modal-download[style*="display: block"],
.modal-download[style*="display:block"] {
    align-items: center !important;
    backdrop-filter: blur(12px) saturate(122%) !important;
    background: rgba(5, 9, 17, .70) !important;
    display: flex !important;
    justify-content: center !important;
    padding: 28px !important;
}

.modal-download .modal-cart-download,
#downloadModal .modal-cart-download {
    background: linear-gradient(180deg, rgba(34, 39, 57, .98), rgba(28, 33, 49, .98)) !important;
    border: 1px solid rgba(132, 190, 253, .24) !important;
    border-radius: var(--ak-radius-md, 8px) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .045) !important;
    box-sizing: border-box !important;
    color: var(--ak-text, #D8E3F4) !important;
    font-family: "Geist", sans-serif !important;
    margin: 0 !important;
    max-height: min(82vh, 760px) !important;
    max-width: min(var(--ak-modal-width-wide, 760px), calc(100vw - 56px)) !important;
    overflow: hidden auto !important;
    padding: 0 !important;
    position: relative !important;
    width: min(var(--ak-modal-width-wide, 760px), calc(100vw - 56px)) !important;
}

.modal-download .modal-cart-download > span:first-child,
#downloadModal .modal-cart-download > span:first-child {
    --ak-modal-accent: var(--ak-gold, #FFD292);
    --ak-modal-accent-rgb: 255 210 146;
    background: linear-gradient(90deg, rgb(var(--ak-modal-accent-rgb) / .105), rgb(var(--ak-modal-accent-rgb) / .035) 42%, rgba(18, 24, 36, 0) 100%) !important;
    border-radius: var(--ak-radius-md, 8px) var(--ak-radius-md, 8px) 0 0 !important;
    box-sizing: border-box !important;
    color: var(--ak-text-strong, #E8ECEF) !important;
    display: block !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    min-height: 58px !important;
    padding: 19px 22px 16px !important;
    position: relative !important;
    text-align: left !important;
    width: 100% !important;
}

.modal-download .modal-cart-download > span:first-child::after,
#downloadModal .modal-cart-download > span:first-child::after {
    background: linear-gradient(90deg, var(--ak-gold, #FFD292), rgba(255, 210, 146, .52), rgba(255, 210, 146, 0)) !important;
    bottom: -1px !important;
    content: "" !important;
    height: 2px !important;
    left: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    width: 100% !important;
}

.modal-download .cart-account-download-format-modal-summary,
#downloadModal .cart-account-download-format-modal-summary,
.modal-download .textfield-sale,
#downloadModal .textfield-sale,
.modal-download .cart-account-download-bottom-block,
#downloadModal .cart-account-download-bottom-block {
    box-sizing: border-box !important;
    margin-left: 22px !important;
    margin-right: 22px !important;
    max-width: calc(100% - 44px) !important;
    width: auto !important;
}

.modal-download .cart-account-download-format-modal-summary,
#downloadModal .cart-account-download-format-modal-summary {
    margin-top: 18px !important;
}

.modal-download .cart-account-download-bottom-block,
#downloadModal .cart-account-download-bottom-block {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin-bottom: 22px !important;
    margin-top: 14px !important;
}

.modal-download .cart-account-download-format-block-bottom-button,
#downloadModal .cart-account-download-format-block-bottom-button {
    align-items: center !important;
    appearance: none !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: "Geist", sans-serif !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    height: var(--ak-modal-control-h, 40px) !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-width: var(--ak-modal-button-min-w, 128px) !important;
    padding: 0 16px !important;
    text-decoration: none !important;
    transition: border-color .18s ease, background .18s ease, color .18s ease, filter .18s ease !important;
    white-space: nowrap !important;
}

.modal-download .cart-account-download-format-block-download-btn,
#downloadModal .cart-account-download-format-block-download-btn {
    background: var(--ak-gold, #FFD292) !important;
    border: 1px solid var(--ak-gold, #FFD292) !important;
    color: #1B1F2F !important;
}

.modal-download .cart-account-download-format-block-bottom-button-clean,
.modal-download .cart-account-download-format-modal-bottom-button-edot,
#downloadModal .cart-account-download-format-block-bottom-button-clean,
#downloadModal .cart-account-download-format-modal-bottom-button-edot {
    background: rgba(18, 24, 36, .42) !important;
    border: 1px solid var(--ak-line-strong, rgba(143, 167, 197, .30)) !important;
    color: var(--ak-muted, #8FA7C5) !important;
}

.modal-download .cart-account-download-format-block-bottom-button:hover,
#downloadModal .cart-account-download-format-block-bottom-button:hover {
    filter: brightness(1.04) !important;
}

.legacy-action-modal :is(.modal-btn, .user-settings-button) {
    align-items: center !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    height: 40px !important;
    justify-content: center !important;
    min-width: var(--ak-modal-button-min-w, 128px) !important;
    padding: 0 18px !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease, opacity .18s ease, transform .18s ease !important;
}

.legacy-action-modal :is(.modal-btn--primary, .recheck-confirm-btn, #archivePriceSaveBtn, #confirm2FA) {
    background: linear-gradient(180deg, rgba(255, 210, 146, .98), rgba(255, 194, 121, .96)) !important;
    border: 1px solid rgba(255, 234, 183, .72) !important;
    color: #1B1F2F !important;
}

.legacy-action-modal :is(.modal-btn--secondary, #archivePriceCancelBtn, .delete-cancel-btn, .recheck-cancel-btn, .twofa-modal-close.user-settings-button) {
    background: rgba(18, 24, 36, .52) !important;
    border: 1px solid rgba(143, 167, 197, .28) !important;
    color: var(--ak-muted, #8FA7C5) !important;
}

.legacy-action-modal :is(.modal-btn--danger, .delete-confirm-btn, #confirmDisable2FA) {
    background: linear-gradient(180deg, rgba(255, 120, 120, .98), rgba(224, 88, 96, .96)) !important;
    border: 1px solid rgba(255, 170, 170, .62) !important;
    color: #1B1F2F !important;
}

.legacy-action-modal :is(.modal-btn--primary, .recheck-confirm-btn, #archivePriceSaveBtn, #confirm2FA):hover {
    background: rgba(18, 24, 36, .68) !important;
    border-color: rgba(255, 210, 146, .84) !important;
    color: var(--ak-gold, #FFD292) !important;
}

.legacy-action-modal :is(.modal-btn--secondary, #archivePriceCancelBtn, .delete-cancel-btn, .recheck-cancel-btn, .twofa-modal-close.user-settings-button):hover {
    background: rgba(143, 167, 197, .12) !important;
    border-color: rgba(143, 167, 197, .42) !important;
    color: var(--ak-text, #D8E3F4) !important;
}

.legacy-action-modal :is(.modal-btn--danger, .delete-confirm-btn, #confirmDisable2FA):hover {
    background: rgba(18, 24, 36, .68) !important;
    border-color: rgba(255, 120, 120, .84) !important;
    color: var(--ak-red, #FF7878) !important;
}

.legacy-action-modal .one-click-modal-content {
    max-width: min(560px, calc(100vw - 40px)) !important;
    width: min(560px, calc(100vw - 40px)) !important;
}

.legacy-action-modal .one-click-modal-body {
    overflow: visible !important;
    padding: 0 !important;
}

.legacy-action-modal .one-click-modal-header {
    align-items: center !important;
    border-radius: var(--ak-radius-md, 8px) var(--ak-radius-md, 8px) 0 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    font-size: 20px !important;
    font-weight: 650 !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    min-height: calc(var(--ak-modal-close-size, 38px) + (var(--ak-modal-close-inset, 16px) * 2)) !important;
    padding: 0 calc(var(--ak-modal-close-size, 38px) + (var(--ak-modal-close-inset, 16px) * 2)) 0 var(--ak-modal-gutter, 22px) !important;
    text-align: left !important;
    width: 100% !important;
}

.legacy-action-modal .one-click-modal-close {
    height: var(--ak-modal-close-size, 38px) !important;
    right: var(--ak-modal-close-inset, 16px) !important;
    top: var(--ak-modal-close-inset, 16px) !important;
    width: var(--ak-modal-close-size, 38px) !important;
}

.legacy-action-modal :is(.price-modal-layout, .delete-body, .recheck-body, .twofa-setup-body, .one-click-resell-body) {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 18px var(--ak-modal-gutter, 22px) 0 !important;
    width: 100% !important;
}

.price-modal-layout {
    align-items: center !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 16px !important;
    justify-items: center !important;
    padding-bottom: 0 !important;
    width: 100% !important;
}

.price-modal-form,
.price-modal-selected {
    box-sizing: border-box !important;
    display: grid !important;
    gap: 12px !important;
    margin: 0 auto !important;
    max-width: 460px !important;
    width: 100% !important;
}

.price-modal-form-group {
    margin: 0 !important;
}

.price-modal-input-row {
    align-items: center !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: minmax(0, 1fr) minmax(150px, .72fr) !important;
    width: 100% !important;
}

.price-modal-input-wrap {
    min-width: 0 !important;
    position: relative !important;
}

.price-modal-input-suffix {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 14px !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.price-modal-selected-text,
.price-modal-help,
.price-modal-preview {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    min-height: 18px !important;
    text-align: center !important;
}

.price-modal-help {
    font-size: 12px !important;
}

.price-modal-error {
    color: var(--ak-red, #FF7878) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    min-height: 18px !important;
    text-align: center !important;
}

.price-modal-actions {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    width: 100% !important;
}

.modal-btn {
    align-items: center !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: var(--main-font), "Geist", sans-serif !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    height: var(--ak-modal-control-h, 40px) !important;
    justify-content: center !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    min-width: var(--ak-modal-button-min-w, 128px) !important;
    padding: 0 18px !important;
    transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease, transform .16s ease !important;
    white-space: nowrap !important;
}

.modal-btn--secondary {
    background: rgba(18, 24, 36, .45) !important;
    border: 1px solid rgba(143, 167, 197, .32) !important;
    color: var(--ak-muted, #8FA7C5) !important;
}

.modal-btn--secondary:hover {
    background: rgba(132, 190, 253, .10) !important;
    border-color: rgba(132, 190, 253, .42) !important;
    color: var(--ak-blue, #84BEFD) !important;
}

.modal-btn--primary {
    background: var(--ak-gold, #FFD292) !important;
    border: 1px solid var(--ak-gold, #FFD292) !important;
    color: #1F2232 !important;
}

.modal-btn--primary:hover {
    box-shadow: 0 0 0 3px rgba(255, 210, 146, .10), 0 10px 24px rgba(255, 210, 146, .12) !important;
    transform: translateY(-1px) !important;
}

.price-action-modal form,
.price-action-modal #changePriceForm,
.price-action-modal #selectedPriceAccountsInfo,
.price-action-modal .price-modal-form,
#recheckModal .progress-container {
    max-width: none !important;
    width: 100% !important;
}

.price-action-modal form > div:first-child > div,
.price-action-modal #changePriceForm > div > div,
.price-action-modal label[for="archivePercentDelta"] + input,
#archivePercentDelta,
#priceChangePercent {
    width: 100% !important;
}

.price-action-modal #changePriceForm > div > div {
    grid-template-columns: minmax(0, 1fr) minmax(180px, .72fr) !important;
}

.price-action-modal label[for="priceChangePercent"],
.price-action-modal label[for="archivePercentDelta"] {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}

#priceChangePercent,
#archivePercentDelta,
.modal-download textarea[name="account_list"],
#downloadModal textarea[name="account_list"] {
    background: rgba(18, 24, 36, .72) !important;
    border: 1px solid rgba(143, 167, 197, .28) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    color: var(--ak-text-strong, #E8ECEF) !important;
    font-size: 14px !important;
    height: var(--ak-modal-control-h, 40px) !important;
    outline: none !important;
    padding: 0 14px !important;
}

#priceChangePercent {
    padding-right: 40px !important;
}

#priceChangePercent:focus,
#archivePercentDelta:focus,
.modal-download textarea[name="account_list"]:focus,
#downloadModal textarea[name="account_list"]:focus {
    border-color: rgba(132, 190, 253, .62) !important;
    box-shadow: 0 0 0 3px rgba(132, 190, 253, .12) !important;
}

.legacy-action-modal :is(.price-modal-actions, .delete-actions, .recheck-actions, .twofa-buttons) {
    align-items: center !important;
    background: rgba(31, 36, 54, .98) !important;
    border-top: 1px solid var(--ak-line, rgba(143, 167, 197, .18)) !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin: 16px calc(var(--ak-modal-gutter, 22px) * -1) 0 !important;
    min-height: calc(var(--ak-modal-control-h, 40px) + (var(--ak-modal-footer-y, 16px) * 2)) !important;
    padding: var(--ak-modal-footer-y, 16px) var(--ak-modal-gutter, 22px) !important;
    width: calc(100% + (var(--ak-modal-gutter, 22px) * 2)) !important;
}

.legacy-action-modal :is(.delete-processing, .recheck-processing, .twofa-loading) .one-click-modal-header {
    --ak-modal-accent: var(--ak-muted, #8FA7C5);
    --ak-modal-accent-rgb: 143 167 197;
}

.legacy-action-modal :is(.delete-success, .recheck-success, .recheck-partial, .twofa-success) .one-click-modal-header {
    --ak-modal-accent: var(--ak-green, #33FFAE);
    --ak-modal-accent-rgb: 51 255 174;
}

.legacy-action-modal :is(.delete-error, .delete-confirm, .recheck-error, .twofa-error, .twofa-disable-confirm) .one-click-modal-header {
    --ak-modal-accent: var(--ak-red, #FF7878);
    --ak-modal-accent-rgb: 255 120 120;
}

#recheckModal :is(.recheck-message, .recheck-partial-message, .recheck-success-message, .recheck-error-message, .recheck-help, .recheck-note, .progress-text) {
    font-size: 15px !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    text-align: left !important;
}

#recheckModal :is(.recheck-message, .recheck-partial-message, .recheck-success-message, .progress-text) {
    color: var(--ak-text, #D8E3F4) !important;
}

#recheckModal .recheck-help {
    color: var(--ak-muted, #8FA7C5) !important;
}

#recheckModal .recheck-note {
    color: var(--ak-gold, #FFD292) !important;
}

#recheckModal .recheck-error-message {
    color: var(--ak-red, #FF7878) !important;
}

#recheckModal .progress-container {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
    width: 100% !important;
}

#recheckModal .progress-bar {
    background: rgba(9, 14, 24, .55) !important;
    border: 1px solid rgba(143, 167, 197, .18) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    height: 14px !important;
    margin: 0 0 12px !important;
}

#recheckModal .progress-fill {
    background: linear-gradient(90deg, rgba(143, 167, 197, .8), rgba(132, 190, 253, .95)) !important;
    width: 0;
}

#twofaModal .twofa-step {
    background: rgba(18, 24, 36, .42) !important;
    border: 1px solid rgba(143, 167, 197, .18) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    padding: 14px !important;
}

#twofaModal .twofa-steps {
    display: grid !important;
    gap: 12px !important;
}

#twofaModal .one-click-modal-content {
    max-height: calc(100vh - 32px) !important;
    overflow: hidden !important;
}

#twofaModal .twofa-setup-body {
    max-height: calc(100vh - var(--ak-modal-header-h, 70px) - 32px) !important;
    overflow-y: auto !important;
    padding-bottom: 0 !important;
}

#twofaModal .twofa-buttons {
    bottom: 0 !important;
    position: sticky !important;
    z-index: 2 !important;
}

#twofaModal .qr-code-container {
    background: rgba(232, 236, 239, .94) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    margin: 10px auto !important;
    max-width: 220px !important;
    padding: 10px !important;
}

#twofaModal .qr-code-container img {
    display: block !important;
    max-width: 200px !important;
    width: 100% !important;
}

#twofaModal .twofa-secret-hint,
#twofaModal .twofa-danger-note {
    font-size: 13px !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    text-align: center !important;
}

#twofaModal .twofa-secret-hint {
    color: var(--ak-muted, #8FA7C5) !important;
}

#twofaModal .twofa-danger-note {
    color: var(--ak-red, #FF7878) !important;
}

#twofaModal .twofa-positive-text {
    color: var(--ak-green, #33FFAE) !important;
}

#twofaModal .twofa-code-input {
    margin: 0 !important;
    width: 100% !important;
}

#twofaModal .twofa-code-field {
    font-size: 18px !important;
    text-align: center !important;
    width: 100% !important;
}

#twofaModal .modal-btn--danger,
.modal-btn--danger {
    background: rgba(255, 120, 120, .14) !important;
    border: 1px solid rgba(255, 120, 120, .42) !important;
    color: var(--ak-red, #FF7878) !important;
}

#twofaModal.twofa-modal {
    align-items: center !important;
    justify-content: center !important;
    padding: var(--ak-modal-viewport-pad, 18px) !important;
}

#twofaModal .one-click-modal-content {
    max-height: min(92dvh, 760px) !important;
    max-width: min(620px, calc(100vw - (var(--ak-modal-viewport-pad, 18px) * 2))) !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: min(620px, calc(100vw - (var(--ak-modal-viewport-pad, 18px) * 2))) !important;
}

#twofaModal .one-click-modal-body {
    box-sizing: border-box !important;
    max-height: min(92dvh, 760px) !important;
    overflow: hidden auto !important;
    padding: 0 !important;
    width: 100% !important;
}

#twofaModal :is(.twofa-setup, .twofa-loading, .twofa-success, .twofa-error, .twofa-disable-confirm) {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    width: 100% !important;
}

#twofaModal :is(.twofa-setup, .twofa-loading, .twofa-success, .twofa-error, .twofa-disable-confirm)[style*="display: none"],
#twofaModal :is(.twofa-setup, .twofa-loading, .twofa-success, .twofa-error, .twofa-disable-confirm)[style*="display:none"] {
    display: none !important;
}

#twofaModal .one-click-modal-header {
    align-items: center !important;
    display: flex !important;
    font-size: 20px !important;
    font-weight: 650 !important;
    line-height: 1.18 !important;
    margin: 0 !important;
    min-height: var(--ak-modal-header-h, 70px) !important;
    padding: var(--ak-modal-close-inset, 16px) calc(var(--ak-modal-close-size, 38px) + (var(--ak-modal-close-inset, 16px) * 2)) var(--ak-modal-close-inset, 16px) var(--ak-modal-gutter, 22px) !important;
    width: 100% !important;
}

#twofaModal .one-click-modal-close {
    right: var(--ak-modal-close-inset, 16px) !important;
    top: var(--ak-modal-close-inset, 16px) !important;
}

#twofaModal .twofa-setup-body,
#twofaModal .twofa-disable-confirm .one-click-resell-body,
#twofaModal :is(.twofa-loading, .twofa-success, .twofa-error) .one-click-resell-body {
    box-sizing: border-box !important;
    margin: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 18px var(--ak-modal-gutter, 22px) 22px !important;
    width: 100% !important;
}

#twofaModal .twofa-steps {
    counter-reset: twofa-step !important;
    display: grid !important;
    gap: 12px !important;
}

#twofaModal .twofa-step {
    background: rgba(18, 24, 36, .42) !important;
    border: 1px solid rgba(143, 167, 197, .18) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 14px !important;
    position: relative !important;
}

#twofaModal .twofa-step > h3 {
    align-items: center !important;
    color: var(--ak-text-strong, #E8ECEF) !important;
    display: flex !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    gap: 8px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
}

#twofaModal .twofa-step > h3::before {
    align-items: center !important;
    background: rgba(255, 210, 146, .16) !important;
    border: 1px solid rgba(255, 210, 146, .32) !important;
    border-radius: 7px !important;
    color: var(--ak-gold, #FFD292) !important;
    content: counter(twofa-step) !important;
    counter-increment: twofa-step !important;
    display: inline-flex !important;
    flex: 0 0 26px !important;
    font-size: 13px !important;
    height: 26px !important;
    justify-content: center !important;
    line-height: 1 !important;
    width: 26px !important;
}

#twofaModal .twofa-step > p {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    margin: 0 !important;
}

#twofaModal .qr-code-container {
    align-items: center !important;
    background: rgba(232, 236, 239, .96) !important;
    border: 1px solid rgba(255, 255, 255, .72) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto !important;
    max-width: 196px !important;
    padding: 10px !important;
    width: 100% !important;
}

#twofaModal .qr-code-container img {
    display: block !important;
    max-height: 176px !important;
    max-width: 176px !important;
    width: 100% !important;
}

#twofaModal .twofa-secret-hint {
    background: rgba(9, 14, 24, .34) !important;
    border: 1px solid rgba(143, 167, 197, .14) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 9px 10px !important;
    text-align: center !important;
}

#twofaModal .twofa-secret-hint code {
    color: var(--ak-gold, #FFD292) !important;
    font-family: var(--font-primary, var(--ak-font, inherit)) !important;
    font-weight: 650 !important;
    overflow-wrap: anywhere !important;
}

#twofaModal .twofa-code-input {
    margin: 0 !important;
    width: 100% !important;
}

#twofaModal .twofa-code-field {
    font-size: 18px !important;
    font-weight: 650 !important;
    letter-spacing: 2px !important;
    text-align: center !important;
    width: 100% !important;
}

#twofaModal .twofa-danger-note {
    background: rgba(255, 120, 120, .08) !important;
    border: 1px solid rgba(255, 120, 120, .22) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    color: var(--ak-red, #FF7878) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    text-align: center !important;
}

#twofaModal .twofa-buttons {
    align-items: center !important;
    border-top: 1px solid var(--ak-line, rgba(143, 167, 197, .18)) !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin: 4px -14px -14px !important;
    min-height: calc(var(--ak-modal-control-h, 40px) + (var(--ak-modal-footer-y, 16px) * 2)) !important;
    padding: var(--ak-modal-footer-y, 16px) 14px !important;
    position: static !important;
    width: calc(100% + 28px) !important;
}

#twofaModal .twofa-buttons > button,
#twofaModal :is(.twofa-success, .twofa-error) .one-click-resell-body > button {
    height: var(--ak-modal-control-h, 40px) !important;
    min-width: var(--ak-modal-button-min-w, 128px) !important;
}

#twofaModal :is(.twofa-loading, .twofa-success, .twofa-error) .one-click-resell-body {
    align-items: center !important;
    display: grid !important;
    gap: 14px !important;
    justify-items: center !important;
    min-height: var(--ak-modal-status-min-h, 112px) !important;
    text-align: center !important;
}

#twofaModal :is(.twofa-loading, .twofa-success, .twofa-error) .one-click-resell-body > p {
    margin: 0 !important;
}

#twofaModal .twofa-positive-text {
    color: var(--ak-green, #33FFAE) !important;
    font-size: 1em !important;
    font-weight: 650 !important;
}

@media (max-width: 520px) {
    #twofaModal .one-click-modal-content {
        max-height: calc(100dvh - 28px) !important;
        width: calc(100vw - 28px) !important;
    }

    #twofaModal .one-click-modal-body {
        max-height: calc(100dvh - 28px) !important;
    }

    #twofaModal .one-click-modal-header {
        font-size: 18px !important;
        min-height: 64px !important;
        padding-bottom: 12px !important;
        padding-top: 12px !important;
    }

    #twofaModal .twofa-setup-body {
        padding: 14px 16px 16px !important;
    }

    #twofaModal .twofa-steps {
        gap: 10px !important;
    }

    #twofaModal .twofa-step {
        gap: 8px !important;
        padding: 12px !important;
    }

    #twofaModal .twofa-step > h3 {
        font-size: 14px !important;
    }

    #twofaModal .twofa-step > p,
    #twofaModal .twofa-secret-hint,
    #twofaModal .twofa-danger-note {
        font-size: 13px !important;
    }

    #twofaModal .qr-code-container {
        max-width: 170px !important;
        padding: 8px !important;
    }

    #twofaModal .qr-code-container img {
        max-height: 150px !important;
        max-width: 150px !important;
    }

    #twofaModal .twofa-buttons {
        margin: 2px -12px -12px !important;
        min-height: auto !important;
        padding: 12px !important;
        width: calc(100% + 24px) !important;
    }
}

@media (max-width: 620px) {
    .modal-download[style*="display: block"],
    .modal-download[style*="display:block"] {
        padding: 16px !important;
    }

    .modal-download .modal-cart-download,
    #downloadModal .modal-cart-download {
        max-width: calc(100vw - 32px) !important;
        width: calc(100vw - 32px) !important;
    }

    .legacy-action-modal :is(.price-modal-actions, .delete-actions, .recheck-actions, .twofa-buttons) {
        align-items: stretch !important;
        flex-direction: column-reverse !important;
    }

    .legacy-action-modal :is(.modal-btn, .user-settings-button) {
        width: 100% !important;
    }

    .price-modal-input-row {
        grid-template-columns: 1fr !important;
    }

    .price-modal-actions {
        align-items: stretch !important;
        flex-direction: column-reverse !important;
    }
}

body #recentlyViewedModal .recently-viewed-modal-container {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    max-height: calc(100vh - (var(--ak-modal-viewport-pad, 22px) * 2)) !important;
    overflow: hidden !important;
}

body #recentlyViewedModal .recently-viewed-modal-body {
    box-sizing: border-box !important;
    margin-top: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    padding: 16px var(--ak-modal-gutter, 22px) var(--ak-modal-gutter, 22px) !important;
    scroll-padding-bottom: var(--ak-modal-gutter, 22px) !important;
}

body #recentlyViewedModal .recently-viewed-modal-account:last-child {
    margin-bottom: 0 !important;
}

.app-modal .app-modal__card {
    overflow: hidden !important;
}

.app-modal .app-modal__body {
    max-height: min(62dvh, 520px) !important;
    overflow: auto !important;
}

.app-modal .app-modal__kicker:empty {
    display: none !important;
}

body #confirmModal.paid-confirm-modal[style*="display: block"],
body #confirmModal.paid-confirm-modal[style*="display:block"] {
    display: flex !important;
}

body #confirmModal[hidden] {
    display: none !important;
}

body #confirmModal .paid-confirm-modal__card {
    max-width: min(560px, calc(100vw - (var(--ak-modal-viewport-pad, 22px) * 2))) !important;
    width: min(560px, calc(100vw - (var(--ak-modal-viewport-pad, 22px) * 2))) !important;
}

body #confirmModal .paid-confirm-modal__body {
    padding: 18px var(--ak-modal-gutter, 22px) !important;
}

body #confirmModal .paid-confirm-modal__message {
    background: rgba(18, 24, 36, .36) !important;
    border: 1px solid rgba(143, 167, 197, .16) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    color: var(--ak-muted, #8FA7C5) !important;
    display: block !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    min-height: 50px !important;
    overflow-wrap: anywhere !important;
    padding: 13px 14px !important;
    text-align: left !important;
    white-space: normal !important;
    width: 100% !important;
    word-break: normal !important;
}

body #confirmModal #modal-text :is(span, p) {
    line-height: inherit !important;
    margin: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
}

body #confirmModal #modal-text .paid-confirm-status {
    color: var(--ak-blue, #8FC8FF) !important;
    font-size: 1em !important;
    font-weight: 650 !important;
    white-space: nowrap !important;
}

body #confirmModal #modal-text .paid-confirm-status::before {
    content: "\"";
}

body #confirmModal #modal-text .paid-confirm-status::after {
    content: "\"";
}

body #confirmModal #modal-text .paid-confirm-price {
    color: var(--ak-gold, #FFD292) !important;
    font-size: 1em !important;
    font-weight: 650 !important;
    margin-inline: 3px !important;
    white-space: nowrap !important;
}

body #confirmModal #modal-text .paid-confirm-name {
    color: var(--ak-text, #DCDCDC) !important;
    font-size: 1em !important;
    font-weight: 650 !important;
}

body #confirmModal .paid-confirm-modal__message--success {
    border-color: rgba(70, 255, 182, .28) !important;
}

body #confirmModal .paid-confirm-modal__message--error {
    border-color: rgba(255, 120, 120, .34) !important;
}

body #confirmModal #modal-text .paid-confirm-result {
    font-size: 1em !important;
    font-weight: 550 !important;
    text-align: center !important;
}

body #confirmModal #modal-text .paid-confirm-result--success {
    color: var(--ak-green, #46FFB6) !important;
}

body #confirmModal #modal-text .paid-confirm-result--error {
    color: var(--ak-red, #FF7878) !important;
}

body #confirmModal .paid-confirm-modal__actions {
    align-items: center !important;
    justify-content: flex-end !important;
}

body #confirmModal :is(.confirm-btn, .cancel-btn) {
    flex: 0 0 auto !important;
    height: var(--ak-modal-control-h, 40px) !important;
    line-height: 1 !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: var(--ak-modal-control-h, 40px) !important;
    min-width: var(--ak-modal-button-min-w, 128px) !important;
    white-space: nowrap !important;
    width: auto !important;
}

@media (max-width: 520px) {
    body #confirmModal .paid-confirm-modal__actions {
        align-items: stretch !important;
        flex-direction: column-reverse !important;
        height: auto !important;
        max-height: none !important;
    }

    body #confirmModal :is(.confirm-btn, .cancel-btn) {
        min-width: 0 !important;
        width: 100% !important;
    }
}

body :is(
    #resellModal,
    #tgArchiveResellModal,
    #claimModal,
    #reportUserModal,
    #banUserModal,
    #scamUserModal,
    .legacy-action-modal.delete-modal
) .one-click-modal-content {
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body :is(
    #resellModal,
    #tgArchiveResellModal,
    #claimModal,
    #reportUserModal,
    #banUserModal,
    #scamUserModal,
    .legacy-action-modal.delete-modal
) .one-click-modal-body {
    box-sizing: border-box !important;
    padding: 0 !important;
}

body :is(
    #resellModal,
    #tgArchiveResellModal,
    #claimModal,
    #reportUserModal,
    #banUserModal,
    #scamUserModal,
    .legacy-action-modal.delete-modal
) .one-click-modal-body > :is(
    .one-click-confirm,
    .resell-confirm,
    .resell-checking,
    .resell-success,
    .resell-error,
    .delete-confirm,
    .delete-processing,
    .delete-success,
    .delete-error
) {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

body :is(#claimModal, #reportUserModal) .one-click-modal-content {
    max-height: min(92dvh, 760px) !important;
}

body :is(#claimModal, #reportUserModal) .one-click-modal-body {
    max-height: min(92dvh, 760px) !important;
    overflow: hidden auto !important;
}

body :is(
    #resellModal,
    #tgArchiveResellModal,
    #claimModal,
    #reportUserModal,
    #banUserModal,
    #scamUserModal
) :is(.resell-confirm, .one-click-confirm) .one-click-resell-body {
    box-sizing: border-box !important;
    display: grid !important;
    gap: var(--ak-modal-body-gap, 14px) !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin: 0 !important;
    padding: 18px var(--ak-modal-gutter, 22px) 22px !important;
    text-align: left !important;
    width: 100% !important;
}

body :is(#resellModal, #tgArchiveResellModal) .one-click-resell-body {
    align-items: center !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
}

body :is(#resellModal, #tgArchiveResellModal, #banUserModal, #scamUserModal) .one-click-resell-left {
    align-items: stretch !important;
    display: grid !important;
    gap: 12px !important;
    margin: 0 !important;
    width: 100% !important;
}

body :is(#resellModal, #tgArchiveResellModal, #banUserModal, #scamUserModal) .one-click-resell-left-price {
    align-items: center !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: minmax(0, 1fr) minmax(150px, 210px) !important;
    justify-content: stretch !important;
    width: 100% !important;
}

body .admin-moderation-modal .one-click-resell-left-price {
    background: rgba(18, 24, 36, .34) !important;
    border: 1px solid rgba(143, 167, 197, .16) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    min-height: 48px !important;
    padding: 7px 12px !important;
}

body .admin-moderation-modal .one-click-resell-left-price .price-input-wrapper {
    max-width: 210px !important;
    justify-self: end !important;
}

body :is(#claimModal, #reportUserModal) :is(.claim-form-body, .report-form-body, .modal-form-stack),
body :is(#banUserModal, #scamUserModal) .moderation-form-body,
body :is(#claimModal, #reportUserModal, #banUserModal, #scamUserModal) .modal-field-stack {
    box-sizing: border-box !important;
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
    width: 100% !important;
}

body :is(#claimModal, #reportUserModal) .modal-form-stack {
    gap: 14px !important;
}

body :is(#banUserModal, #scamUserModal) .moderation-form-body {
    align-items: stretch !important;
    gap: 14px !important;
}

body .admin-moderation-modal .resell-title-field-block {
    display: grid !important;
    gap: 9px !important;
    margin: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
}

body .admin-moderation-modal .resell-title-input-field,
body .admin-moderation-modal .resell-title-input-label {
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
}

body .admin-moderation-modal .resell-field-label,
body .admin-moderation-modal .one-click-resell-left-price > span {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}

body .admin-moderation-modal .moderation-field-note {
    color: rgba(143, 167, 197, .78) !important;
    display: block !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    margin: 7px 0 0 !important;
}

body :is(#claimModal, #reportUserModal, #banUserModal, #scamUserModal) :is(textarea.resell-title-input, textarea) {
    min-height: 120px !important;
    padding: 10px 14px !important;
    resize: vertical !important;
}

body :is(#banUserModal, #scamUserModal) textarea.resell-title-input {
    box-sizing: border-box !important;
    display: block !important;
    height: 92px !important;
    min-height: 92px !important;
    width: 100% !important;
}

body .admin-moderation-modal .moderation-settings-grid {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    gap: 12px !important;
    padding: 0 !important;
}

body :is(#claimModal, #reportUserModal, #banUserModal, #scamUserModal, #resellModal, #tgArchiveResellModal) :is(
    .resell-title-input-field,
    .resell-title-input-label,
    .price-input-wrapper
) {
    box-sizing: border-box !important;
    width: 100% !important;
}

body :is(#claimModal, #reportUserModal) .claim-file-input {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    min-width: 0 !important;
    width: 100% !important;
}

body :is(#claimModal, #reportUserModal) .file-button {
    align-items: center !important;
    background: rgba(18, 24, 36, .52) !important;
    border: 1px solid rgba(143, 167, 197, .28) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    color: var(--ak-muted, #8FA7C5) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    font-family: var(--font-primary, var(--ak-font, inherit)) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    height: var(--ak-modal-control-h, 40px) !important;
    justify-content: center !important;
    min-width: calc(var(--ak-modal-button-min-w, 128px) + 8px) !important;
    padding: 0 16px !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease !important;
}

body :is(#claimModal, #reportUserModal) .file-button:hover {
    background: rgba(143, 167, 197, .12) !important;
    border-color: rgba(143, 167, 197, .42) !important;
    color: var(--ak-text, #D8E3F4) !important;
}

body :is(#claimModal, #reportUserModal) .file-name {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 13px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body #claimModal .claim-image-preview {
    box-sizing: border-box !important;
    width: 100% !important;
}

body #claimModal .claim-image-preview img {
    border: 1px dashed rgba(143, 167, 197, .42) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    display: block !important;
    height: auto !important;
    max-height: 50dvh !important;
    max-width: 100% !important;
    width: auto !important;
}

body :is(#claimModal, #reportUserModal) :is(.claim-actions-sticky, .report-actions) {
    align-items: center !important;
    border-top: 1px solid var(--ak-line, rgba(143, 167, 197, .18)) !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin: 8px calc(var(--ak-modal-gutter, 22px) * -1) -22px !important;
    min-height: calc(var(--ak-modal-control-h, 40px) + (var(--ak-modal-footer-y, 16px) * 2)) !important;
    padding: var(--ak-modal-footer-y, 16px) var(--ak-modal-gutter, 22px) !important;
    width: calc(100% + (var(--ak-modal-gutter, 22px) * 2)) !important;
}

body #claimModal .one-click-resell-body > .claim-actions-sticky.claim-actions-sticky,
body #reportUserModal .modal-form-stack > .report-actions.report-actions {
    margin: 8px calc(var(--ak-modal-gutter, 22px) * -1) -22px !important;
    padding: var(--ak-modal-footer-y, 16px) var(--ak-modal-gutter, 22px) !important;
    width: calc(100% + (var(--ak-modal-gutter, 22px) * 2)) !important;
}

body :is(#claimModal, #reportUserModal) .modal-error-text,
body :is(#claimModal, #reportUserModal) #report-user-error {
    color: var(--ak-red, #FF7878) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    margin: 0 !important;
}

body :is(#resellModal, #tgArchiveResellModal) .resell-price-note {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    margin: -4px 0 0 !important;
}

body #resellModal .resell-label {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    margin: 0 !important;
    width: 100% !important;
}

body #resellModal .resell-label p {
    margin: 0 !important;
}

body #resellModal .resell-label-control {
    border: 0 !important;
    padding: 0 !important;
}

body :is(#banUserModal, #scamUserModal) .modal-check-row {
    align-items: center !important;
    background: rgba(18, 24, 36, .44) !important;
    border: 1px solid rgba(143, 167, 197, .18) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    display: flex !important;
    gap: 10px !important;
    min-height: var(--ak-modal-control-h, 40px) !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 12px !important;
    width: 100% !important;
}

body :is(#banUserModal, #scamUserModal) .modal-check-row input[type="checkbox"] {
    accent-color: var(--ak-red, #FF7878) !important;
    cursor: pointer !important;
    flex: 0 0 auto !important;
}

body :is(#banUserModal, #scamUserModal) .modal-check-row span {
    color: var(--ak-text, #D8E3F4) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

body .admin-moderation-modal .moderation-actions {
    align-items: center !important;
    border-top: 1px solid var(--ak-line, rgba(143, 167, 197, .18)) !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin: 4px calc(var(--ak-modal-gutter, 22px) * -1) -22px !important;
    min-height: calc(var(--ak-modal-control-h, 40px) + (var(--ak-modal-footer-y, 16px) * 2)) !important;
    padding: var(--ak-modal-footer-y, 16px) var(--ak-modal-gutter, 22px) !important;
    width: calc(100% + (var(--ak-modal-gutter, 22px) * 2)) !important;
}

body #adminPasswordResetModal.one-click-modal {
    align-items: center !important;
    justify-content: center !important;
    padding: var(--ak-modal-viewport-pad, 22px) !important;
}

body #adminPasswordResetModal .one-click-modal-content {
    max-width: min(var(--ak-modal-compact-w, 560px), calc(100vw - (var(--ak-modal-viewport-pad, 22px) * 2))) !important;
    padding: 0 !important;
    width: min(var(--ak-modal-compact-w, 560px), calc(100vw - (var(--ak-modal-viewport-pad, 22px) * 2))) !important;
}

body #adminPasswordResetModal .one-click-modal-body,
body #adminPasswordResetModal .one-click-confirm {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

body #adminPasswordResetModal .one-click-confirm {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
}

body #adminPasswordResetModal .one-click-modal-header {
    --ak-modal-accent: var(--ak-gold, #FFD292);
    --ak-modal-accent-rgb: 255 210 146;
    border-radius: var(--ak-radius-md, 8px) var(--ak-radius-md, 8px) 0 0 !important;
    box-sizing: border-box !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    min-height: var(--ak-modal-header-min, 64px) !important;
    padding: var(--ak-modal-header-pad-y, 21px) var(--ak-modal-header-close-gap, 64px) 18px var(--ak-modal-header-pad-x, 22px) !important;
    width: 100% !important;
}

body #adminPasswordResetModal .one-click-modal-close {
    right: var(--ak-modal-close-inset, 16px) !important;
    top: var(--ak-modal-close-inset, 16px) !important;
}

body #adminPasswordResetModal .admin-password-reset-text,
body #adminPasswordResetModal .admin-password-reset-field,
body #adminPasswordResetModal .admin-password-reset-error {
    margin-left: var(--ak-modal-gutter, 22px) !important;
    margin-right: var(--ak-modal-gutter, 22px) !important;
}

body #adminPasswordResetModal .admin-password-reset-text {
    background: rgba(16, 22, 34, .36) !important;
    border: 1px solid rgba(143, 167, 197, .16) !important;
    border-radius: var(--ak-radius-md, 8px) !important;
    box-sizing: border-box !important;
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    margin-bottom: 14px !important;
    margin-top: 18px !important;
    padding: 14px !important;
}

body #adminPasswordResetModal .admin-password-reset-text strong {
    color: var(--ak-text-strong, #F1F5FF) !important;
    font-weight: 650 !important;
}

body #adminPasswordResetModal .admin-password-reset-field {
    display: grid !important;
    gap: 8px !important;
    margin-bottom: 14px !important;
}

body #adminPasswordResetModal .admin-password-reset-field span {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

body #adminPasswordResetModal .admin-password-reset-field input {
    background: rgba(18, 24, 36, .70) !important;
    border: 1px solid rgba(143, 167, 197, .30) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    color: var(--ak-text-strong, #F1F5FF) !important;
    font-family: var(--font-primary, var(--ak-font, "Geist", sans-serif)) !important;
    font-size: 15px !important;
    height: var(--ak-modal-control-h, 40px) !important;
    outline: none !important;
    padding: 0 12px !important;
    width: 100% !important;
}

body #adminPasswordResetModal .admin-password-reset-field input:focus {
    border-color: rgba(255, 210, 146, .58) !important;
    box-shadow: 0 0 0 3px rgba(255, 210, 146, .10) !important;
}

body #adminPasswordResetModal .admin-password-reset-field small {
    color: rgba(143, 167, 197, .78) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

body #adminPasswordResetModal .admin-password-reset-error {
    color: var(--ak-red, #FF7878) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    margin-bottom: 14px !important;
    margin-top: -4px !important;
}

body #adminPasswordResetModal .one-click-confirm-actions {
    align-items: center !important;
    border-top: 1px solid var(--ak-line, rgba(143, 167, 197, .18)) !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin: 4px 0 0 !important;
    min-height: calc(var(--ak-modal-control-h, 40px) + (var(--ak-modal-footer-y, 16px) * 2)) !important;
    padding: var(--ak-modal-footer-y, 16px) var(--ak-modal-gutter, 22px) !important;
    width: 100% !important;
}

body :is(#banUserModal, #scamUserModal) .resell-yes {
    justify-self: end !important;
}

body :is(#resellModal, #tgArchiveResellModal, #claimModal, #reportUserModal, #banUserModal, #scamUserModal) :is(
    .resell-checking,
    .resell-success,
    .resell-error
) .one-click-resell-body,
body .legacy-action-modal.delete-modal .delete-body {
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    justify-content: center !important;
    min-height: var(--ak-modal-status-min-h, 112px) !important;
    padding: 18px var(--ak-modal-gutter, 22px) 22px !important;
    text-align: center !important;
    width: 100% !important;
}

body #deleteModal.legacy-action-modal.delete-modal .one-click-modal-body > .delete-confirm {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

body #deleteModal.legacy-action-modal.delete-modal .one-click-modal-header {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

body .legacy-action-modal.delete-modal .delete-message,
body .legacy-action-modal.delete-modal .delete-warning-message,
body .legacy-action-modal.delete-modal .delete-error-message,
body .legacy-action-modal.delete-modal .delete-body p {
    line-height: 1.45 !important;
    margin: 0 !important;
}

body .legacy-action-modal.delete-modal .delete-warning-message,
body .legacy-action-modal.delete-modal .delete-error-message,
body .modal-negative-text {
    color: var(--ak-red, #FF7878) !important;
}

body .modal-positive-text {
    color: var(--ak-green, #33FFAE) !important;
}

body .legacy-action-modal.delete-modal .delete-actions {
    align-items: center !important;
    border-top: 1px solid var(--ak-line, rgba(143, 167, 197, .18)) !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin: 4px calc(var(--ak-modal-gutter, 22px) * -1) -22px !important;
    min-height: calc(var(--ak-modal-control-h, 40px) + (var(--ak-modal-footer-y, 16px) * 2)) !important;
    padding: var(--ak-modal-footer-y, 16px) var(--ak-modal-gutter, 22px) !important;
    width: calc(100% + (var(--ak-modal-gutter, 22px) * 2)) !important;
}

body #recentlyViewedModal .recently-viewed-modal-body {
    box-sizing: border-box !important;
    margin-top: 12px !important;
    padding-bottom: var(--ak-modal-gutter, 22px) !important;
}

body #ignoreListModal .one-click-modal-body > .resell-error.resell-error {
    margin: 0 !important;
    padding: 0 !important;
}

body #ignoreListModal .ignore-list-body {
    align-items: stretch !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 12px !important;
    justify-content: stretch !important;
    margin: 0 !important;
    min-height: auto !important;
    padding: 18px var(--ak-modal-gutter, 22px) 22px !important;
    text-align: left !important;
    width: 100% !important;
}

body #ignoreListModal .ignore-list-body .terms-checkbox {
    margin: 0 !important;
    width: 100% !important;
}

body #cartClearModal .one-click-modal-body > .one-click-confirm.one-click-confirm {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

body #cartClearModal .cart-clear-modal-body {
    align-items: stretch !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 18px var(--ak-modal-gutter, 22px) 0 !important;
    text-align: left !important;
    width: 100% !important;
}

body #cartClearModal :is(.cart-clear-message, .cart-clear-warning) {
    line-height: 1.45 !important;
    margin: 0 !important;
}

body #cartClearModal .cart-clear-warning {
    color: var(--ak-red, #FF7878) !important;
}

body #cartClearModal .cart-clear-buttons.cart-clear-buttons {
    margin: 10px calc(var(--ak-modal-gutter, 22px) * -1) 0 !important;
    min-height: calc(var(--ak-modal-control-h, 40px) + (var(--ak-modal-footer-y, 16px) * 2)) !important;
    padding: var(--ak-modal-footer-y, 16px) var(--ak-modal-gutter, 22px) !important;
    width: calc(100% + (var(--ak-modal-gutter, 22px) * 2)) !important;
}

body .one-click-purchase-modal {
    --ak-modal-button-min-w: 128px;
    font-family: "Geist", sans-serif !important;
}

body .one-click-purchase-modal .one-click-modal-content {
    border-radius: var(--ak-radius-sm, 8px) !important;
    display: flex !important;
    flex-direction: column !important;
    max-width: min(var(--ak-modal-width-compact, 440px), calc(100vw - 28px)) !important;
    overflow: hidden !important;
    width: min(var(--ak-modal-width-compact, 440px), calc(100vw - 28px)) !important;
}

body .one-click-purchase-modal .one-click-modal-body {
    display: block !important;
    font-family: "Geist", sans-serif !important;
    padding: 0 !important;
}

body .one-click-purchase-modal :is(
    .one-click-confirm,
    .one-click-checking,
    .one-click-success,
    .one-click-error
) {
    align-items: stretch !important;
    gap: 14px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

body .one-click-purchase-modal :is(
    .one-click-confirm,
    .one-click-checking,
    .one-click-success,
    .one-click-error
)[style*="display: none"],
body .one-click-purchase-modal :is(
    .one-click-confirm,
    .one-click-checking,
    .one-click-success,
    .one-click-error
)[style*="display:none"] {
    display: none !important;
}

body .one-click-purchase-modal :is(
    .one-click-confirm,
    .one-click-checking,
    .one-click-success,
    .one-click-error
)[style*="display: block"],
body .one-click-purchase-modal :is(
    .one-click-confirm,
    .one-click-checking,
    .one-click-success,
    .one-click-error
)[style*="display:block"] {
    display: grid !important;
}

body .one-click-purchase-modal :is(
    .one-click-confirm,
    .one-click-checking,
    .one-click-success,
    .one-click-error
) > .one-click-modal-header {
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    font-family: "Geist", sans-serif !important;
    font-size: 20px !important;
    font-weight: 650 !important;
    justify-content: flex-start !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    min-height: var(--ak-modal-header-h, 70px) !important;
    padding: 16px 70px 16px var(--ak-modal-gutter, 22px) !important;
    width: 100% !important;
}

body .one-click-purchase-modal .one-click-modal-close {
    right: var(--ak-modal-close-inset, 16px) !important;
    top: var(--ak-modal-close-inset, 16px) !important;
}

body .one-click-purchase-modal :is(
    .one-click-confirm,
    .one-click-checking,
    .one-click-success,
    .one-click-error
) > p {
    align-items: center !important;
    background: rgba(18, 24, 36, .36) !important;
    border: 1px solid rgba(143, 167, 197, .16) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    color: var(--ak-muted, #8FA7C5) !important;
    display: flex !important;
    flex-wrap: wrap !important;
    font-family: "Geist", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    gap: 4px !important;
    justify-content: center !important;
    line-height: 1.45 !important;
    margin: 16px var(--ak-modal-gutter, 22px) 0 !important;
    max-width: calc(100% - (var(--ak-modal-gutter, 22px) * 2)) !important;
    min-height: 50px !important;
    padding: 12px 14px !important;
    text-align: center !important;
    width: auto !important;
}

body .one-click-purchase-modal :is(.one-click-confirm > p span, .one-click-success > p span) {
    color: var(--ak-gold, #FFD292) !important;
    font-size: inherit !important;
    font-weight: 600 !important;
    line-height: inherit !important;
    margin-inline: 3px !important;
}

body .one-click-purchase-modal--account .one-click-buy-label {
    align-items: center !important;
    background: rgba(18, 24, 36, .36) !important;
    border: 1px solid rgba(143, 167, 197, .16) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    justify-content: stretch !important;
    margin: 0 var(--ak-modal-gutter, 22px) !important;
    max-width: calc(100% - (var(--ak-modal-gutter, 22px) * 2)) !important;
    padding: 12px !important;
    width: auto !important;
}

body .one-click-purchase-modal--account .one-click-buy-label p {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

body .one-click-purchase-modal--account .one-click-label-control,
body .one-click-purchase-modal--account .one-click-label-control .label-button {
    width: 100% !important;
}

body .one-click-purchase-modal--account .one-click-label-control .label-button {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--ak-blue, #84BEFD) !important;
    font-family: "Geist", sans-serif !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    height: 38px !important;
    min-height: 38px !important;
}

body .one-click-purchase-modal .one-click-buttons {
    align-items: center !important;
    background: rgba(31, 36, 54, .98) !important;
    border-top: 1px solid var(--ak-line, rgba(143, 167, 197, .18)) !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    min-height: calc(var(--ak-modal-control-h, 40px) + (var(--ak-modal-footer-y, 16px) * 2)) !important;
    padding: var(--ak-modal-footer-y, 16px) var(--ak-modal-gutter, 22px) !important;
    width: 100% !important;
}

body .one-click-purchase-modal .one-click-confirm-no {
    order: 1 !important;
}

body .one-click-purchase-modal :is(.one-click-confirm-yes, .one-click-go-to-account) {
    order: 2 !important;
}

body .one-click-purchase-modal :is(
    .one-click-confirm-no,
    .one-click-confirm-yes,
    .one-click-close,
    .one-click-go-to-account
) {
    flex: 0 0 auto !important;
    font-family: "Geist", sans-serif !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    height: var(--ak-modal-control-h, 40px) !important;
    line-height: 1 !important;
    min-width: var(--ak-modal-button-min-w, 128px) !important;
    padding: 0 18px !important;
    white-space: nowrap !important;
    width: auto !important;
}

body .one-click-purchase-modal .one-click-close--solo {
    align-self: end !important;
    margin: 0 var(--ak-modal-gutter, 22px) var(--ak-modal-footer-y, 16px) !important;
}

@media (max-width: 520px) {
    body .one-click-purchase-modal .one-click-buttons {
        align-items: center !important;
        flex-direction: row !important;
        justify-content: flex-end !important;
    }

    body .one-click-purchase-modal :is(
        .one-click-confirm-no,
        .one-click-confirm-yes,
        .one-click-close,
        .one-click-go-to-account
    ) {
        flex: 0 0 auto !important;
        min-width: var(--ak-modal-button-min-w, 128px) !important;
        width: auto !important;
    }

    body .one-click-purchase-modal--account .one-click-buy-label {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

body .bulk-purchase-modal .bulk-purchase-field-label {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
}

body .bulk-purchase-modal .bulk-purchase-field-label--small {
    font-size: 14px !important;
    margin-bottom: 8px !important;
}

body .bulk-purchase-modal .bulk-purchase-label-control {
    border: 0 !important;
    padding: 0 !important;
}

body .bulk-purchase-modal .toggle-group label {
    padding: 0 10px !important;
}

body .bulk-purchase-modal .bulk-purchase-accent {
    color: var(--ak-gold, #FFD292) !important;
    display: inline !important;
    font-size: 1em !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    margin-inline: 3px !important;
    vertical-align: baseline !important;
}

body .bulk-purchase-modal .bulk-purchase-result-value {
    color: var(--ak-gold, #FFD292) !important;
    display: block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    vertical-align: baseline !important;
}

body .bulk-purchase-modal .bulk-purchase-success-text {
    color: var(--ak-text, #D8E3F4) !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    margin: 16px 0 !important;
    text-align: center !important;
}

body .bulk-purchase-modal .bulk-purchase-success-buttons {
    align-items: center !important;
    gap: 10px !important;
    justify-content: center !important;
}

body .bulk-purchase-modal .bulk-purchase-confirm > .bulk-purchase-buttons {
    align-items: center !important;
    justify-content: flex-end !important;
}

@media (min-width: 521px) {
    body .bulk-purchase-modal :is(.bulk-purchase-buttons, .bulk-purchase-success-buttons) {
        align-items: center !important;
        flex-direction: row !important;
        justify-content: flex-end !important;
    }

    body .bulk-purchase-modal :is(.bulk-purchase-start-buy, .bulk-purchase-success-button) {
        flex: 0 0 auto !important;
        min-width: var(--ak-modal-button-min-w, 128px) !important;
        width: auto !important;
    }
}

body .modal-cart-download .cart-download-modal-title {
    color: var(--ak-text, #D8E3F4) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}

body :is(#resellModal, #tgArchiveResellModal, #claimModal, #reportUserModal, #banUserModal, #scamUserModal, .legacy-action-modal.delete-modal) :is(
    .modal-btn,
    .resell-yes,
    .resell-confirm-yes,
    .one-click-confirm-yes,
    .delete-cancel-btn,
    .delete-confirm-btn
) {
    flex: 0 0 auto !important;
    height: var(--ak-modal-control-h, 40px) !important;
    min-width: var(--ak-modal-button-min-w, 128px) !important;
    white-space: nowrap !important;
    width: auto !important;
}

@media (max-width: 620px) {
    body :is(#resellModal, #tgArchiveResellModal) .one-click-resell-body,
    body :is(#resellModal, #tgArchiveResellModal, #banUserModal, #scamUserModal) .one-click-resell-left-price {
        grid-template-columns: 1fr !important;
    }

    body :is(#claimModal, #reportUserModal) :is(.claim-file-input, .claim-actions-sticky, .report-actions),
    body .admin-moderation-modal .moderation-actions,
    body #adminPasswordResetModal .one-click-confirm-actions,
    body .legacy-action-modal.delete-modal .delete-actions {
        align-items: stretch !important;
        flex-direction: column-reverse !important;
    }

    body :is(#resellModal, #tgArchiveResellModal, #claimModal, #reportUserModal, #banUserModal, #scamUserModal, .legacy-action-modal.delete-modal) :is(
        .modal-btn,
        .resell-yes,
        .resell-confirm-yes,
        .one-click-confirm-yes,
        .delete-cancel-btn,
        .delete-confirm-btn
    ) {
        width: 100% !important;
    }
}

body .app-modal.telegram-archive-one-click-modal .app-modal__head > .app-modal__close {
    position: absolute !important;
    right: var(--ak-modal-close-inset, 16px) !important;
    top: var(--ak-modal-close-inset, 16px) !important;
}

body :is(.one-click-purchase-modal, .telegram-archive-one-click-modal) :is(
    .one-click-buttons,
    .app-modal__actions
) {
    align-items: center !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
}

body :is(.one-click-purchase-modal, .telegram-archive-one-click-modal) :is(
    .one-click-confirm-no,
    .one-click-confirm-yes,
    .one-click-close,
    .one-click-go-to-account,
    .app-modal__button
) {
    flex: 0 0 auto !important;
    font-size: 14px !important;
    line-height: 1 !important;
    min-width: var(--ak-modal-button-min-w, 128px) !important;
    white-space: nowrap !important;
    width: auto !important;
}

@media (min-width: 521px) {
    body #confirmModal.paid-confirm-modal .paid-confirm-modal__actions,
    body #confirmModal.paid-confirm-modal .app-modal__actions {
        align-items: center !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: flex-end !important;
    }

    body #confirmModal.paid-confirm-modal :is(.confirm-btn, .cancel-btn, .app-modal__button) {
        flex: 0 0 auto !important;
        min-width: var(--ak-modal-button-min-w, 128px) !important;
        white-space: nowrap !important;
        width: auto !important;
    }
}