@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);

:root {
    --color-graybase-100: #bcbcc2;
    --color-graybase-200: #81818a;
    --color-graybase-300: #57575f;
    --color-graybase-400: #44444b;
    --color-graybase-500: #36363c;
    --color-graybase-600: #2d2d33;
    --color-graybase-700: #212126;
    --color-graybase-800: #141416;
    --color-graybase-700-opacity-60: rgb(33 33 38/60%);
    --color-graybase-900-opacity-60: rgb(0 0 0/60%);
    --color-purple-200: #cdcefc;
    --color-purple-300: #b0a2fc;
    --color-purple-500: #8678d7;
    --color-purple-400-opacity-20: rgb(142 121 255/20%);
    --color-purple-500-opacity-50: rgb(134 120 215/50%);
    --color-pink-100: #d45f93;
    --color-accent-red-100: #ff898a;
    --color-accent-red-200: #dc6e6f;
    --color-accent-yellow-100: #ffc144;
    --color-accent-green-100: #7bc377;
    --color-accent-green-200: #64b161;
    --color-accent-blue-100: #5ac3c5;
    --color-rarity-rare: #6d86ff;
    --color-tag-green: #3d4442;
    --color-tag-yellow: #4a443d;
    --effect-shadow-soft-upper: 0 -4px 4px rgb(0 0 0/5%);
    --effect-shadow-soft: 0 2px 5px rgb(0 0 0/20%);
    --effect-shadow-medium: 0 4px 20px rgb(0 0 0/20%);
    --effect-shadow-deep: 0 6px 10px rgb(0 0 0/20%);
    --effect-shadow-deep-max: 4px 12px 16px rgb(0 0 0/25%);
    --size-corner-radius-full: 100px;
    --size-corner-radius-large: 18px;
    --size-corner-radius-medium: 10px;
    --size-corner-radius-regular: 4px;
    --size-corner-radius-small: 2px;
    --size-corner-radius-hard: 0;
    --typography-headline-18-medium-font-weight: 500;
    --typography-headline-18-medium-font-size: 18px;
    --typography-headline-18-medium-letter-spacing: 0;
    --typography-headline-18-medium-line-height: 26px;
    --typography-headline-24-bold-font-weight: 700;
    --typography-headline-24-bold-font-size: 24px;
    --typography-headline-24-bold-letter-spacing: 0;
    --typography-headline-24-bold-line-height: 34px;
    --typography-headline-32-bold-font-weight: 700;
    --typography-headline-32-bold-font-size: 32px;
    --typography-headline-32-bold-letter-spacing: 0;
    --typography-headline-32-bold-line-height: 42px;
    --typography-headline-42-bold-font-weight: 700;
    --typography-headline-42-bold-font-size: 42px;
    --typography-headline-42-bold-letter-spacing: 0;
    --typography-headline-42-bold-line-height: 54px;
    --typography-headline-72-bold-font-weight: 700;
    --typography-headline-72-bold-font-size: 72px;
    --typography-headline-72-bold-letter-spacing: -0.72px;
    --typography-headline-72-bold-line-height: 86px;
    --typography-button-18-medium-font-weight: 500;
    --typography-button-18-medium-font-size: 18px;
    --typography-button-18-medium-letter-spacing: 0.9px;
    --typography-button-18-medium-line-height: 26px;
    --typography-button-14-medium-font-weight: 500;
    --typography-button-14-medium-font-size: 14px;
    --typography-button-14-medium-letter-spacing: 0.7px;
    --typography-button-14-medium-line-height: 20px;
    --typography-button-12-medium-font-weight: 500;
    --typography-button-12-medium-font-size: 12px;
    --typography-button-12-medium-letter-spacing: 0.6px;
    --typography-button-12-medium-line-height: 20px;
    --typography-label-11-medium-font-weight: 500;
    --typography-label-11-medium-font-size: 11px;
    --typography-label-11-medium-letter-spacing: 0.55px;
    --typography-label-11-medium-line-height: 12px;
    --typography-body-24-regular-font-weight: 400;
    --typography-body-24-regular-font-size: 24px;
    --typography-body-24-regular-letter-spacing: 0;
    --typography-body-24-regular-line-height: 34px;
    --typography-body-18-regular-font-weight: 400;
    --typography-body-18-regular-font-size: 18px;
    --typography-body-18-regular-letter-spacing: 0;
    --typography-body-18-regular-line-height: 26px;
    --typography-body-16-medium-font-weight: 500;
    --typography-body-16-medium-font-size: 16px;
    --typography-body-16-medium-letter-spacing: 0;
    --typography-body-16-medium-line-height: 22px;
    --typography-body-16-regular-font-weight: 400;
    --typography-body-16-regular-font-size: 16px;
    --typography-body-16-regular-letter-spacing: 0;
    --typography-body-16-regular-line-height: 22px;
    --typography-body-14-medium-font-weight: 500;
    --typography-body-14-medium-font-size: 14px;
    --typography-body-14-medium-letter-spacing: 0;
    --typography-body-14-medium-line-height: 20px;
    --typography-body-14-regular-font-weight: 400;
    --typography-body-14-regular-font-size: 14px;
    --typography-body-14-regular-letter-spacing: 0;
    --typography-body-14-regular-line-height: 20px;
    --typography-body-12-regular-font-weight: 400;
    --typography-body-12-regular-font-size: 12px;
    --typography-body-12-regular-letter-spacing: 0;
    --typography-body-12-regular-line-height: 14px;
    --typography-body-12-medium-font-weight: 500;
    --typography-body-12-medium-font-size: 12px;
    --typography-body-12-medium-letter-spacing: 0;
    --typography-body-12-medium-line-height: 14px;
    --default-animation-duration: 0.2s;
    --default-animation-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-animation-props: var(--default-animation-duration) var(--default-animation-function)
}

.csm_ui__size_responsive__2e8eb {
    width: 100%;
    height: 100%
}

.csm_ui__size_12__2e8eb {
    width: 12px;
    height: 12px
}

.csm_ui__size_16__2e8eb {
    width: 16px;
    height: 16px
}

.csm_ui__size_20__2e8eb {
    width: 20px;
    height: 20px
}

.csm_ui__size_24__2e8eb {
    width: 24px;
    height: 24px
}

.csm_ui__size_32__2e8eb {
    width: 32px;
    height: 32px
}

.csm_ui__size_36__2e8eb {
    width: 36px;
    height: 36px
}

.csm_ui__size_52__2e8eb {
    width: 52px;
    height: 52px
}

.csm_ui__size_80__2e8eb {
    width: 80px;
    height: 80px
}

.csm_ui__text__6542e {
    margin: 0;
    font-family: inherit
}

.csm_ui__headline_72_bold__6542e {
    font-size: var(--typography-headline-72-bold-font-size);
    font-weight: var(--typography-headline-72-bold-font-weight);
    line-height: var(--typography-headline-72-bold-line-height);
    letter-spacing: var(--typography-headline-72-bold-letter-spacing)
}

.csm_ui__headline_42_bold__6542e {
    font-size: var(--typography-headline-42-bold-font-size);
    font-weight: var(--typography-headline-42-bold-font-weight);
    line-height: var(--typography-headline-42-bold-line-height);
    letter-spacing: var(--typography-headline-42-bold-letter-spacing)
}

.csm_ui__headline_32_bold__6542e {
    font-size: var(--typography-headline-32-bold-font-size);
    font-weight: var(--typography-headline-32-bold-font-weight);
    line-height: var(--typography-headline-32-bold-line-height);
    letter-spacing: var(--typography-headline-32-bold-letter-spacing)
}

.csm_ui__headline_24_bold__6542e {
    font-size: var(--typography-headline-24-bold-font-size);
    font-weight: var(--typography-headline-24-bold-font-weight);
    line-height: var(--typography-headline-24-bold-line-height);
    letter-spacing: var(--typography-headline-24-bold-letter-spacing)
}

.csm_ui__headline_18_medium__6542e {
    font-size: var(--typography-headline-18-medium-font-size);
    font-weight: var(--typography-headline-18-medium-font-weight);
    line-height: var(--typography-headline-18-medium-line-height);
    letter-spacing: var(--typography-headline-18-medium-letter-spacing)
}

.csm_ui__body_24_regular__6542e {
    font-size: var(--typography-body-24-regular-font-size);
    font-weight: var(--typography-body-24-regular-font-weight);
    line-height: var(--typography-body-24-regular-line-height);
    letter-spacing: var(--typography-body-24-regular-letter-spacing)
}

.csm_ui__body_18_regular__6542e {
    font-size: var(--typography-body-18-regular-font-size);
    font-weight: var(--typography-body-18-regular-font-weight);
    line-height: var(--typography-body-18-regular-line-height);
    letter-spacing: var(--typography-body-18-regular-letter-spacing)
}

.csm_ui__body_16_medium__6542e {
    font-size: var(--typography-body-16-medium-font-size);
    font-weight: var(--typography-body-16-medium-font-weight);
    line-height: var(--typography-body-16-medium-line-height);
    letter-spacing: var(--typography-body-16-medium-letter-spacing)
}

.csm_ui__body_16_regular__6542e {
    font-size: var(--typography-body-16-regular-font-size);
    font-weight: var(--typography-body-16-regular-font-weight);
    line-height: var(--typography-body-16-regular-line-height);
    letter-spacing: var(--typography-body-16-regular-letter-spacing)
}

.csm_ui__body_14_medium__6542e {
    font-size: var(--typography-body-14-medium-font-size);
    font-weight: var(--typography-body-14-medium-font-weight);
    line-height: var(--typography-body-14-medium-line-height);
    letter-spacing: var(--typography-body-14-medium-letter-spacing)
}

.csm_ui__body_14_regular__6542e {
    font-size: var(--typography-body-14-regular-font-size);
    font-weight: var(--typography-body-14-regular-font-weight);
    line-height: var(--typography-body-14-regular-line-height);
    letter-spacing: var(--typography-body-14-regular-letter-spacing)
}

.csm_ui__body_12_regular__6542e {
    font-size: var(--typography-body-12-regular-font-size);
    font-weight: var(--typography-body-12-regular-font-weight);
    line-height: var(--typography-body-12-regular-line-height);
    letter-spacing: var(--typography-body-12-regular-letter-spacing)
}

.csm_ui__body_12_medium__6542e {
    font-size: var(--typography-body-12-medium-font-size);
    font-weight: var(--typography-body-12-medium-font-weight);
    line-height: var(--typography-body-12-medium-line-height);
    letter-spacing: var(--typography-body-12-medium-letter-spacing)
}

.csm_ui__button_18_medium__6542e {
    font-size: var(--typography-button-18-medium-font-size);
    font-weight: var(--typography-button-18-medium-font-weight);
    line-height: var(--typography-button-18-medium-line-height);
    text-transform: uppercase;
    letter-spacing: var(--typography-button-18-medium-letter-spacing)
}

.csm_ui__button_14_medium__6542e {
    font-size: var(--typography-button-14-medium-font-size);
    font-weight: var(--typography-button-14-medium-font-weight);
    line-height: var(--typography-button-14-medium-line-height);
    text-transform: uppercase;
    letter-spacing: var(--typography-button-14-medium-letter-spacing)
}

.csm_ui__button_12_medium__6542e {
    font-size: var(--typography-button-12-medium-font-size);
    font-weight: var(--typography-button-12-medium-font-weight);
    line-height: var(--typography-button-12-medium-line-height);
    text-transform: uppercase;
    letter-spacing: var(--typography-button-12-medium-letter-spacing)
}

.csm_ui__label_11_medium__6542e {
    font-size: var(--typography-label-11-medium-font-size);
    font-weight: var(--typography-label-11-medium-font-weight);
    line-height: var(--typography-label-11-medium-line-height);
    text-transform: uppercase;
    letter-spacing: var(--typography-label-11-medium-letter-spacing)
}

.csm_ui__button__24e1f {
    box-sizing: border-box;
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 0;
    overflow: hidden;
    font: inherit;
    word-break: break-all;
    cursor: pointer;
    border: none;
    border-radius: var(--size-corner-radius-regular);
    outline: 0;
    transition: background-color var(--default-animation-duration) var(--default-animation-function), color var(--default-animation-duration) var(--default-animation-function)
}

.csm_ui__button__24e1f:disabled {
    cursor: not-allowed
}

.csm_ui__circle_button__ac2c0 {
    --padding: unset;
    --bg-color: var(--color-purple-500);
    --bg-color-hover: var(--color-purple-300);
    --bg-color-disabled: var(--color-purple-500-opacity-50);
    --icon-color: var(--color-white-100);
    --icon-color-disabled: var(--color-white-100-opacity-30);
    padding: var(--padding);
    background-color: var(--bg-color);
    border-radius: 50%;
    fill: var(--icon-color)
}

.csm_ui__circle_button__ac2c0:focus,
.csm_ui__circle_button__ac2c0:hover {
    --bg-color: var(--bg-color-hover)
}

.csm_ui__circle_button__ac2c0:disabled {
    --bg-color: var(--bg-color-disabled);
    --icon-color: var(--icon-color-disabled)
}

.csm_ui__small__ac2c0 {
    --padding: 4px
}

.csm_ui__medium__ac2c0 {
    --padding: 5px
}

.csm_ui__large__ac2c0 {
    --padding: 12px
}

.csm_ui__integrated__60b19 {
    --text-color: var(--color-white-100);
    --text-color-disabled: unset;
    --bg-color: unset;
    --bg-color-hover: unset;
    --bg-color-disabled: unset;
    width: 100%;
    color: var(--text-color);
    word-break: normal;
    background-color: var(--bg-color);
    fill: var(--text-color)
}

.csm_ui__integrated__60b19:focus,
.csm_ui__integrated__60b19:hover {
    --bg-color: var(--bg-color-hover)
}

.csm_ui__integrated__60b19:disabled {
    --text-color: var(--text-color-disabled);
    --bg-color: var(--bg-color-disabled)
}

.csm_ui__horizontal__60b19 {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.csm_ui__horizontal_small__60b19 {
    height: 28px;
    padding: 9px 8px 7px
}

.csm_ui__horizontal_medium__60b19 {
    height: 38px;
    padding: 10px 12px 8px
}

.csm_ui__vertical__60b19 {
    min-width: 54px;
    height: 100%;
    min-height: 32px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.csm_ui__confirm__60b19 {
    --bg-color: var(--color-purple-500);
    --bg-color-hover: var(--color-purple-300);
    --bg-color-disabled: var(--color-purple-500-opacity-50);
    --text-color-disabled: var(--color-white-100-opacity-50)
}

.csm_ui__cancel__60b19 {
    --bg-color: var(--color-accent-red-200);
    --bg-color-hover: var(--color-accent-red-100)
}

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

.csm_ui__wrapper__21fba {
    --color: var(--color-purple-300);
    --color-hover: var(--color-purple-200);
    --color-disabled: var(--color-purple-500-opacity-50);
    --border-color: var(--color)
}

.csm_ui__wrapper__21fba.csm_ui__disabled__21fba>.csm_ui__link_button__21fba {
    pointer-events: none
}

.csm_ui__wrapper__21fba:not(.csm_ui__disabled__21fba)>.csm_ui__link_button__21fba:focus,
.csm_ui__wrapper__21fba:not(.csm_ui__disabled__21fba)>.csm_ui__link_button__21fba:hover {
    --color: var(--color-hover);
    --border-color: var(--color-hover)
}

.csm_ui__link_button__21fba {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--color);
    text-decoration: none;
    cursor: pointer;
    background-color: transparent;
    border-bottom: 1px solid var(--border-color);
    border-radius: 0;
    outline: none;
    transition: color var(--default-animation-duration) var(--default-animation-function), border-color var(--default-animation-duration) var(--default-animation-function)
}

.csm_ui__disabled__21fba {
    --color: var(--color-disabled);
    --border-color: var(--color-disabled);
    cursor: not-allowed
}

.csm_ui__primary_button__2d1f1 {
    --bg-color: unset;
    --bg-color-hover: unset;
    --bg-color-disabled: unset;
    --text-color: unset;
    --text-color-disabled: unset;
    --icon-color: var(--text-color);
    width: 100%;
    color: var(--text-color);
    word-break: normal;
    background-color: var(--bg-color)
}

.csm_ui__primary_button__2d1f1:focus,
.csm_ui__primary_button__2d1f1:hover {
    --bg-color: var(--bg-color-hover)
}

.csm_ui__primary_button__2d1f1:disabled {
    --text-color: var(--text-color-disabled);
    --bg-color: var(--bg-color-disabled)
}

.csm_ui__link__2d1f1 {
    box-sizing: border-box;
    display: grid;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: var(--size-corner-radius-regular);
    transition: background-color var(--default-animation-duration) var(--default-animation-function), color var(--default-animation-duration) var(--default-animation-function)
}

.csm_ui__link__2d1f1.csm_ui__disabled__2d1f1 {
    cursor: not-allowed
}

.csm_ui__text_overflow_wrapper__2d1f1 {
    display: flex;
    min-width: 0
}

.csm_ui__pt_1__2d1f1 {
    padding-top: 1px
}

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

.csm_ui__with_icon__2d1f1 {
    grid-auto-flow: column;
    fill: var(--icon-color)
}

.csm_ui__small__2d1f1 {
    gap: 4px;
    height: 28px;
    padding: 7px 8px
}

.csm_ui__large__2d1f1,
.csm_ui__medium__2d1f1 {
    gap: 8px
}

.csm_ui__medium__2d1f1 {
    height: 38px;
    padding: 10px 12px 8px
}

.csm_ui__large__2d1f1 {
    height: 56px;
    padding: 14px 16px
}

.csm_ui__confirm__2d1f1 {
    --bg-color: var(--color-purple-500);
    --bg-color-hover: var(--color-purple-300);
    --bg-color-disabled: var(--color-purple-500-opacity-50);
    --text-color: var(--color-white-100);
    --text-color-disabled: var(--color-white-100-opacity-50)
}

.csm_ui__confirm_secondary__2d1f1 {
    --bg-color: var(--color-purple-200);
    --bg-color-hover: var(--color-purple-100);
    --bg-color-disabled: var(--color-graybase-200);
    --text-color: var(--color-graybase-600);
    --text-color-disabled: var(--graybase-900-opacity-60)
}

.csm_ui__cancel__2d1f1 {
    --bg-color: var(--color-accent-red-200);
    --bg-color-hover: var(--color-accent-red-100);
    --text-color: var(--color-white-100)
}

.csm_ui__green__2d1f1 {
    --bg-color: var(--color-accent-green-200);
    --bg-color-hover: var(--color-accent-green-100);
    --bg-color-disabled: var(--color-shape-green-100-opacity-10);
    --text-color: var(--color-white-100);
    --text-color-disabled: var(--color-white-100-opacity-50)
}

.csm_ui__secondary_button__71f0d {
    --text-color: var(--color-purple-500);
    --text-color-hover: var(--color-purple-300);
    --text-color-disabled: var(--color-purple-500-opacity-50);
    --bg-color: transparent;
    --border-color: var(--text-color);
    width: 100%;
    color: var(--text-color);
    background-color: var(--bg-color);
    border: 1px solid var(--border-color)
}

.csm_ui__secondary_button__71f0d:focus,
.csm_ui__secondary_button__71f0d:hover {
    --text-color: var(--text-color-hover)
}

.csm_ui__secondary_button__71f0d:disabled {
    --text-color: var(--text-color-disabled)
}

.csm_ui__small__71f0d {
    height: 28px;
    padding: 9px 8px 7px
}

.csm_ui__medium__71f0d {
    height: 38px;
    padding: 10px 12px 8px
}

.csm_ui__large__71f0d {
    height: 56px;
    padding: 14px 16px
}

.csm_ui__text_button__bf9cc {
    --color: unset;
    --color-hover: unset;
    --color-disabled: unset;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--color);
    text-decoration: none;
    background-color: transparent
}

.csm_ui__text_button__bf9cc:focus,
.csm_ui__text_button__bf9cc:hover {
    --color: var(--color-hover)
}

.csm_ui__text_button__bf9cc:disabled {
    --color: var(--color-disabled)
}

.csm_ui__primary__bf9cc {
    --color: var(--color-purple-300);
    --color-hover: var(--color-purple-200);
    --color-disabled: var(--color-purple-500-opacity-50)
}

.csm_ui__secondary__bf9cc {
    --color: var(--color-graybase-100);
    --color-hover: var(--color-white-100);
    --color-disabled: var(--color-graybase-300)
}

.csm_ui__red__bf9cc {
    --color: var(--color-accent-red-200);
    --color-hover: var(--color-accent-red-100)
}

.csm_ui__wrapper__67dba {
    --color: unset;
    --color-hover: unset;
    --color-disabled: unset;
    cursor: pointer
}

.csm_ui__wrapper__67dba.csm_ui__disabled__67dba>.csm_ui__text_button__67dba {
    --color: var(--color-disabled);
    pointer-events: none
}

.csm_ui__wrapper__67dba:not(.csm_ui__disabled__67dba)>.csm_ui__text_button__67dba:focus,
.csm_ui__wrapper__67dba:not(.csm_ui__disabled__67dba)>.csm_ui__text_button__67dba:hover {
    --color: var(--color-hover)
}

.csm_ui__text_button__67dba {
    --icon-color: var(--color);
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--color);
    text-decoration: none;
    background-color: transparent;
    outline: none;
    fill: var(--icon-color);
    transition: color var(--default-animation-duration) var(--default-animation-function), fill var(--default-animation-duration) var(--default-animation-function)
}

.csm_ui__disabled__67dba {
    cursor: not-allowed
}

.csm_ui__primary__67dba {
    --color: var(--color-purple-300);
    --color-hover: var(--color-purple-200);
    --color-disabled: var(--color-purple-500-opacity-50)
}

.csm_ui__secondary__67dba {
    --color: var(--color-graybase-100);
    --color-hover: var(--color-white-100);
    --color-disabled: var(--color-graybase-200)
}

.csm_ui__label__c5c4e {
    --color-picker-size: 20px;
    --color-wrapper-picker-size: 28px;
    --picker-red-top: #ed3f43;
    --picker-red-bottom: #ed7345;
    --picker-blue-top: #1c40ff;
    --picker-blue-bottom: #268ded;
    --picker-yellow-top: #dea849;
    --picker-yellow-bottom: #efdd4d;
    --picker-green-top: #176b51;
    --picker-green-bottom: #60c052;
    --picker-purple-top: #8249ec;
    --picker-purple-bottom: #f255ec;
    --picker-gray-top: #939b9c;
    --picker-gray-bottom: #bdc9cb;
    --picker-brown-top: #775438;
    --picker-brown-bottom: #b77d4d;
    --picker-black-top: #161615;
    --picker-black-bottom: #ccc9c7;
    --picker-border-color-default: transparent;
    --picker-top-color: unset;
    --picker-bottom-color: unset
}

.csm_ui__color_picker__c5c4e {
    box-sizing: border-box;
    width: var(--color-picker-size);
    height: var(--color-picker-size);
    background: linear-gradient(90deg, var(--picker-top-color) 50%, var(--picker-bottom-color) 0);
    border-radius: 50%;
    transform: rotate(-45deg)
}

.csm_ui__wrapper__c5c4e {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--color-wrapper-picker-size);
    height: var(--color-wrapper-picker-size);
    cursor: pointer;
    border: .8px solid;
    border-color: var(--picker-border-color-default);
    border-radius: 50%;
    transition: border-color var(--default-animation-duration) var(--default-animation-function)
}

.csm_ui__wrapper__c5c4e:hover {
    border-color: var(--color-graybase-100)
}

.csm_ui__default_input__c5c4e {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.csm_ui__default_input__c5c4e:checked~.csm_ui__wrapper__c5c4e {
    border-color: var(--color-white-100)
}

.csm_ui__red__c5c4e {
    --picker-top-color: var(--picker-red-top);
    --picker-bottom-color: var(--picker-red-bottom)
}

.csm_ui__blue__c5c4e {
    --picker-top-color: var(--picker-blue-top);
    --picker-bottom-color: var(--picker-blue-bottom)
}

.csm_ui__yellow__c5c4e {
    --picker-top-color: var(--picker-yellow-top);
    --picker-bottom-color: var(--picker-yellow-bottom)
}

.csm_ui__green__c5c4e {
    --picker-top-color: var(--picker-green-top);
    --picker-bottom-color: var(--picker-green-bottom)
}

.csm_ui__purple__c5c4e {
    --picker-top-color: var(--picker-purple-top);
    --picker-bottom-color: var(--picker-purple-bottom)
}

.csm_ui__gray__c5c4e {
    --picker-top-color: var(--picker-gray-top);
    --picker-bottom-color: var(--picker-gray-bottom)
}

.csm_ui__brown__c5c4e {
    --picker-top-color: var(--picker-brown-top);
    --picker-bottom-color: var(--picker-brown-bottom)
}

.csm_ui__black__c5c4e {
    --picker-top-color: var(--picker-black-top);
    --picker-bottom-color: var(--picker-black-bottom)
}

.csm_ui__chip__cf329 {
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--color-graybase-100);
    cursor: pointer;
    background: var(--color-white-100-opacity-10);
    border-radius: var(--size-corner-radius-regular);
    transition: background-color var(--default-animation-duration) var(--default-animation-function), color var(--default-animation-duration) var(--default-animation-function)
}

.csm_ui__chip__cf329:hover {
    color: var(--color-graybase-100);
    background: var(--color-white-100-opacity-30)
}

.csm_ui__default_input__cf329 {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.csm_ui__default_input__cf329:checked~.csm_ui__chip__cf329 {
    color: var(--color-graybase-700);
    background: var(--color-white-100)
}

.csm_ui__medium__c40a8 {
    padding: 3px 10px
}

.csm_ui__large__c40a8 {
    padding: 8px 20px
}

.csm_ui__medium__ecdcc {
    padding: 3px 6px
}

.csm_ui__large__ecdcc {
    padding: 8px 10px
}

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

.csm_ui__standard__a81f6 {
    background-color: var(--color-graybase-400);
    border-radius: var(--size-corner-radius-regular)
}

.csm_ui__large__a81f6 {
    width: 80px;
    height: 26px
}

.csm_ui__medium__a81f6 {
    width: 52px;
    height: 20px
}

.csm_ui__button__a81f6 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-radius: var(--size-corner-radius-regular);
    outline: none;
    fill: var(--color-graybase-100);
    transition: background-color var(--default-animation-duration) var(--default-animation-function)
}

.csm_ui__button__a81f6:focus,
.csm_ui__button__a81f6:hover {
    background-color: var(--color-graybase-300);
    fill: var(--color-white-100)
}

.csm_ui__button__a81f6:focus~.csm_ui__vertical_line__a81f6,
.csm_ui__button__a81f6:hover~.csm_ui__vertical_line__a81f6 {
    visibility: hidden
}

.csm_ui__button__a81f6:disabled {
    cursor: not-allowed;
    background-color: transparent;
    fill: var(--color-graybase-300)
}

.csm_ui__increase__a81f6>:first-child {
    transform: rotate(-45deg)
}

.csm_ui__vertical_line__a81f6 {
    width: .5px;
    background-color: var(--color-graybase-300)
}

.csm_ui__vertical_line_medium__a81f6 {
    height: 10px
}

.csm_ui__vertical_line_large__a81f6 {
    height: 16px
}

.csm_ui__wrapper__46133 {
    --input-bg: var(--color-graybase-400);
    --input-bg-focused: var(--color-graybase-300);
    --input-border-radius: var(--size-corner-radius-regular);
    --input-text-color: var(--color-white-100);
    --input-text-color-disabled: var(--color-graybase-300);
    --placeholder-color: var(--color-graybase-200);
    position: relative;
    box-sizing: border-box;
    display: flex;
    width: 100%;
    background-color: var(--input-bg);
    border-radius: var(--input-border-radius);
    transition: background-color var(--default-animation-duration) var(--default-animation-function)
}

.csm_ui__wrapper__46133:not(.csm_ui__readonly__46133):focus-within,
.csm_ui__wrapper__46133:not(.csm_ui__readonly__46133):hover {
    --input-bg: var(--input-bg-focused)
}

.csm_ui__disabled__46133 {
    cursor: not-allowed
}

.csm_ui__disabled__46133>* {
    pointer-events: none
}

.csm_ui__input__46133 {
    width: 100%;
    font: inherit;
    color: var(--input-text-color);
    background-color: transparent;
    border: none;
    outline: none
}

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

.csm_ui__input__46133[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.csm_ui__input__46133[type=search]::-webkit-search-cancel-button,
.csm_ui__input__46133[type=search]::-webkit-search-decoration,
.csm_ui__input__46133[type=search]::-webkit-search-results-button,
.csm_ui__input__46133[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none
}

.csm_ui__input__46133::-moz-placeholder {
    color: var(--placeholder-color)
}

.csm_ui__input__46133:-ms-input-placeholder {
    color: var(--placeholder-color)
}

.input::-moz-placeholder {
    color: var(--placeholder-color)
}

.input:-ms-input-placeholder {
    color: var(--placeholder-color)
}

.csm_ui__input__46133::placeholder {
    color: var(--placeholder-color)
}

.csm_ui__input__46133:disabled::-moz-placeholder {
    color: var(--input-text-color-disabled);
    cursor: not-allowed
}

.csm_ui__input__46133:disabled:-ms-input-placeholder {
    color: var(--input-text-color-disabled);
    cursor: not-allowed
}

.input:disabled::-moz-placeholder {
    color: var(--input-text-color-disabled);
    cursor: not-allowed
}

.input:disabled:-ms-input-placeholder {
    color: var(--input-text-color-disabled);
    cursor: not-allowed
}

.csm_ui__input__46133:disabled,
.csm_ui__input__46133:disabled::placeholder {
    color: var(--input-text-color-disabled);
    cursor: not-allowed
}

.csm_ui__end_slot__46133,
.csm_ui__start_slot__46133 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.csm_ui__erase_button__65c60 {
    display: flex;
    padding: 0;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
    fill: var(--color-graybase-100)
}

.csm_ui__error_icon__8b9b7 {
    display: flex;
    fill: var(--color-accent-red-200)
}

.csm_ui__error_text__89467 {
    display: flex;
    color: var(--color-accent-red-200)
}

.csm_ui__wrapper__b816b {
    display: grid;
    gap: 8px;
    width: 100%
}

.csm_ui__error__b816b {
    border: 1px solid var(--color-accent-red-200)
}

.csm_ui__slot__b816b {
    --icon-color: var(--color-white-100);
    --icon-color-disabled: var(--color-graybase-300);
    color: var(--icon-color);
    fill: var(--icon-color)
}

.csm_ui__slot_disabled__b816b {
    --icon-color: var(--icon-color-disabled)
}

.csm_ui__start_slot__b816b {
    margin-right: 4px
}

.csm_ui__end_slot__b816b {
    margin-left: 4px
}

.csm_ui__large__b816b {
    height: 56px;
    padding: 15px 15px 15px 16px;
    font-size: var(--typography-body-18-regular-font-size);
    font-style: var(--typography-body-18-regular-font-style);
    font-weight: var(--typography-body-18-regular-font-weight);
    line-height: var(--typography-body-18-regular-line-height);
    letter-spacing: var(--typography-body-18-regular-letter-spacing)
}

.csm_ui__medium__b816b {
    height: 38px;
    padding: 8px 12px;
    font-size: var(--typography-body-16-regular-font-size);
    font-style: var(--typography-body-16-regular-font-style);
    font-weight: var(--typography-body-16-regular-font-weight);
    line-height: var(--typography-body-16-regular-line-height);
    letter-spacing: var(--typography-body-16-regular-letter-spacing)
}

.csm_ui__small__b816b {
    height: 26px;
    padding: 4px 6px;
    font-size: var(--typography-body-14-regular-font-size);
    font-style: var(--typography-body-14-regular-font-style);
    font-weight: var(--typography-body-14-regular-font-weight);
    line-height: var(--typography-body-14-regular-line-height);
    letter-spacing: var(--typography-body-14-regular-letter-spacing)
}

.csm_ui__large__85e20 {
    height: 56px;
    padding: 18px 18px 18px 16px;
    font-size: var(--typography-body-18-regular-font-size);
    font-style: var(--typography-body-18-regular-font-style);
    font-weight: var(--typography-body-18-regular-font-weight);
    line-height: var(--typography-body-18-regular-line-height);
    letter-spacing: var(--typography-body-18-regular-letter-spacing)
}

.csm_ui__medium__85e20 {
    height: 38px;
    padding: 8px 12px;
    font-size: var(--typography-body-16-regular-font-size);
    font-style: var(--typography-body-16-regular-font-style);
    font-weight: var(--typography-body-16-regular-font-weight);
    line-height: var(--typography-body-16-regular-line-height);
    letter-spacing: var(--typography-body-16-regular-letter-spacing)
}

.csm_ui__erase_button__85e20 {
    visibility: hidden;
    opacity: 0;
    transition: opacity var(--default-animation-duration) var(--default-animation-function)
}

.csm_ui__input__85e20:not(:disabled):not(:-moz-placeholder-shown)+div .csm_ui__erase_button__85e20 {
    visibility: visible;
    opacity: 1
}

.csm_ui__input__85e20:not(:disabled):not(:-ms-input-placeholder)+div .csm_ui__erase_button__85e20 {
    visibility: visible;
    opacity: 1
}

.input:not(:disabled):not(:-moz-placeholder-shown)+div .erase_button {
    visibility: visible;
    opacity: 1
}

.input:not(:disabled):not(:-ms-input-placeholder)+div .erase_button {
    visibility: visible;
    opacity: 1
}

.csm_ui__input__85e20:not(:disabled):not(:placeholder-shown)+div .csm_ui__erase_button__85e20 {
    visibility: visible;
    opacity: 1
}

.csm_ui__search_icon__85e20 {
    fill: var(--color-graybase-100)
}

.csm_ui__preloader__85e20,
.csm_ui__search_icon__85e20 {
    display: flex;
    margin-right: 8px
}

.csm_ui__search_icon__85e20.csm_ui__disabled__85e20 {
    fill: var(--color-graybase-300)
}

.csm_ui__wrapper__8317c {
    display: grid;
    gap: 8px;
    width: 100%
}

.csm_ui__error__8317c {
    border: 1px solid var(--color-accent-red-200)
}

.csm_ui__large__8317c {
    height: 56px;
    padding: 18px 18px 18px 16px;
    font-size: var(--typography-body-18-regular-font-size);
    font-style: var(--typography-body-18-regular-font-style);
    font-weight: var(--typography-body-18-regular-font-weight);
    line-height: var(--typography-body-18-regular-line-height);
    letter-spacing: var(--typography-body-18-regular-letter-spacing)
}

.csm_ui__medium__8317c {
    height: 38px;
    padding: 8px 12px;
    font-size: var(--typography-body-16-regular-font-size);
    font-style: var(--typography-body-16-regular-font-style);
    font-weight: var(--typography-body-16-regular-font-weight);
    line-height: var(--typography-body-16-regular-line-height);
    letter-spacing: var(--typography-body-16-regular-letter-spacing)
}

.csm_ui__small__8317c {
    height: 26px;
    padding: 5px 6px;
    font-size: var(--typography-body-14-regular-font-size);
    font-style: var(--typography-body-14-regular-font-style);
    font-weight: var(--typography-body-14-regular-font-weight);
    line-height: var(--typography-body-14-regular-line-height);
    letter-spacing: var(--typography-body-14-regular-letter-spacing)
}

.csm_ui__ordered_list__d2298 {
    display: grid;
    gap: 14px;
    padding: 0;
    margin: 0;
    color: var(--color-white-100);
    list-style-position: inside
}

.csm_ui__text__d2298 {
    padding-left: 24px
}

.csm_ui__ordered_list_with_subline__deb7f {
    display: grid;
    gap: 32px;
    padding: 0;
    margin: 0;
    color: var(--color-white-100);
    list-style-position: inside
}

.csm_ui__text__deb7f {
    display: inline-grid;
    row-gap: 12px;
    padding-left: 36px
}

.csm_ui__description__deb7f {
    color: var(--color-graybase-100)
}

.csm_ui__unordered_list__b16c7 {
    display: grid;
    gap: 14px;
    padding: 0;
    margin: 0;
    list-style-position: inside
}

.csm_ui__li__b16c7 {
    display: flex;
    align-items: center;
    color: var(--color-graybase-100);
    list-style-type: none
}

.csm_ui__li__b16c7:before {
    width: 6px;
    height: 6px;
    margin-right: 13px;
    -webkit-clip-path: circle();
    clip-path: circle();
    content: "";
    background: var(--color-purple-500)
}

.csm_ui__wrapper__0dd9e {
    --loader-size: 32px;
    --padding: unset;
    box-sizing: border-box;
    width: var(--loader-size);
    height: var(--loader-size);
    padding: var(--padding)
}

.csm_ui__loader__0dd9e {
    --border-width: calc(var(--loader-size)/10);
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: var(--border-width) solid var(--color-white-100-opacity-10);
    border-left: var(--border-width) solid var(--color-purple-300);
    border-radius: 50%;
    -webkit-animation: csm_ui__spin__0dd9e .8s linear infinite;
    animation: csm_ui__spin__0dd9e .8s linear infinite
}

@-webkit-keyframes csm_ui__spin__0dd9e {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes csm_ui__spin__0dd9e {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.csm_ui__size_12__0dd9e {
    --loader-size: 12px;
    --padding: 1px
}

.csm_ui__size_16__0dd9e {
    --loader-size: 16px;
    --padding: 1px
}

.csm_ui__size_20__0dd9e {
    --loader-size: 20px;
    --padding: 2px
}

.csm_ui__size_24__0dd9e {
    --loader-size: 24px;
    --padding: 2px
}

.csm_ui__size_32__0dd9e {
    --loader-size: 32px;
    --padding: 3px
}

.csm_ui__size_36__0dd9e {
    --loader-size: 36px;
    --padding: 3px
}

.csm_ui__size_52__0dd9e {
    --loader-size: 52px;
    --padding: 4px
}

.csm_ui__size_80__0dd9e {
    --loader-size: 80px
}

.csm_ui__wrapper__e51d3 {
    --color-static: var(--color-graybase-100);
    --color-hover: var(--color-white-100);
    --color-disabled: var(--color-graybase-300);
    --color: var(--color-static);
    --radio-border-color: var(--color);
    --radio-bg-checked: var(--color-purple-500);
    --radio-size: 16px;
    display: grid;
    grid-template-columns: -webkit-min-content auto;
    grid-template-columns: min-content auto;
    gap: 6px;
    color: var(--color);
    cursor: pointer;
    transition: color var(--default-animation-duration) var(--default-animation-function)
}

.csm_ui__wrapper__e51d3:hover {
    --color: var(--color-hover)
}

.csm_ui__wrapper__e51d3.csm_ui__disabled__e51d3 {
    --color: var(--color-disabled);
    cursor: not-allowed
}

.csm_ui__radio__e51d3 {
    display: flex;
    align-items: center
}

.csm_ui__default_radio__e51d3 {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.csm_ui__control__e51d3 {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--radio-size);
    height: var(--radio-size);
    border: 1.5px solid var(--radio-border-color);
    border-radius: 50%;
    transition: border-color var(--default-animation-duration) var(--default-animation-function), background-color var(--default-animation-duration) var(--default-animation-function)
}

.csm_ui__control__e51d3:before {
    --size: calc(var(--radio-size)/2);
    width: var(--size);
    height: var(--size);
    content: "";
    background-color: var(--color-white-100);
    border-radius: 50%;
    transition: transform var(--default-animation-duration) var(--default-animation-function);
    transform: scale(0)
}

.csm_ui__default_radio__e51d3:checked+.csm_ui__control__e51d3 {
    --radio-border-color: var(--radio-bg-checked);
    background-color: var(--radio-bg-checked)
}

.csm_ui__default_radio__e51d3:checked+.csm_ui__control__e51d3:before {
    transform: scale(1)
}

.csm_ui__default_radio__e51d3:disabled+.csm_ui__control__e51d3 {
    --radio-border-color: var(--color-disabled);
    background-color: transparent
}

.csm_ui__default_radio__e51d3:disabled+.csm_ui__control__e51d3:before {
    display: none
}

.csm_ui__tag__1768a {
    --background-color: unset;
    --content-color: unset;
    position: relative;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 387px;
    overflow: hidden;
    color: var(--content-color);
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: var(--background-color);
    border-radius: var(--size-corner-radius-regular);
    fill: var(--content-color);
    transition: color var(--default-animation-props), background-color var(--default-animation-props), fill var(--default-animation-props)
}

.csm_ui__small__1768a {
    gap: 2px;
    height: 18px;
    padding: 1px 3px
}

.csm_ui__large__1768a {
    gap: 4px;
    height: 32px;
    padding: 1px 6px
}

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

.csm_ui__text_align_small__1768a {
    margin-top: 1px
}

.csm_ui__text_align_large__1768a {
    margin-top: 2px
}

.csm_ui__gray__1768a {
    --content-color: var(--color-graybase-100);
    --background-color: var(--color-white-100-opacity-10)
}

.csm_ui__red__1768a {
    --content-color: var(--color-accent-red-100);
    --background-color: var(--color-shape-red-200-opacity-10)
}

.csm_ui__yellow__1768a {
    --content-color: var(--color-accent-yellow-100);
    --background-color: var(--color-shape-yellow-100-opacity-10)
}

.csm_ui__green__1768a {
    --content-color: var(--color-accent-green-100);
    --background-color: var(--color-shape-green-100-opacity-10)
}

.csm_ui__purple__1768a {
    --content-color: var(--color-purple-300);
    --background-color: var(--color-shape-purple-400-opacity-10)
}

.csm_ui__turquoise__1768a {
    --content-color: var(--color-accent-blue-100);
    --background-color: var(--color-shape-blue-100-opacity-10)
}

.csm_ui__pink__1768a {
    --content-color: var(--color-pink-100);
    --background-color: var(--color-shape-pink-100-opacity-10)
}

.csm_ui__bright_pink__1768a {
    --content-color: var(--color-white-100);
    --background-color: var(--color-pink-100)
}

.csm_ui__bright_yellow__1768a {
    --content-color: var(--color-graybase-700);
    --background-color: var(--color-accent-yellow-100)
}

.csm_ui__bright_green__1768a {
    --content-color: var(--color-graybase-700);
    --background-color: var(--color-accent-green-100)
}

.csm_ui__bright_purple__1768a {
    --content-color: var(--color-graybase-700);
    --background-color: var(--color-purple-300)
}

.csm_ui__base_tag__135b0 {
    position: relative;
    box-sizing: border-box;
    display: grid;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 387px;
    overflow: hidden;
    border-radius: var(--size-corner-radius-regular);
    transition: color var(--default-animation-props), background-color var(--default-animation-props), fill var(--default-animation-props)
}

.csm_ui__opaque_background__135b0:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--color-graybase-500)
}

.csm_ui__bright_yellow__135b0 {
    color: var(--color-graybase-600);
    background-color: var(--color-accent-yellow-100);
    fill: var(--color-graybase-600)
}

.csm_ui__gray__135b0 {
    color: var(--color-graybase-100);
    background-color: var(--color-white-100-opacity-10);
    fill: var(--color-graybase-100)
}

.csm_ui__green__135b0 {
    color: var(--color-accent-green-100);
    background-color: var(--color-shape-green-100-opacity-10);
    fill: var(--color-accent-green-100)
}

.csm_ui__light_green__135b0 {
    color: var(--color-graybase-600);
    background-color: var(--color-accent-green-100);
    fill: var(--color-graybase-600)
}

.csm_ui__light_purple__135b0 {
    color: var(--color-white-100);
    background-color: var(--color-purple-300);
    fill: var(--color-white-100)
}

.csm_ui__pink__135b0 {
    color: var(--color-pink-100);
    background-color: var(--color-shape-pink-100-opacity-10);
    fill: var(--color-pink-100)
}

.csm_ui__purple__135b0 {
    color: var(--color-purple-300);
    background-color: var(--color-shape-purple-400-opacity-10);
    fill: var(--color-purple-300)
}

.csm_ui__red__135b0 {
    color: var(--color-accent-red-200);
    background-color: var(--color-shape-red-200-opacity-10);
    fill: var(--color-accent-red-200)
}

.csm_ui__turquoise__135b0 {
    color: var(--color-accent-blue-100);
    background-color: var(--color-shape-blue-100-opacity-10);
    fill: var(--color-accent-blue-100)
}

.csm_ui__yellow__135b0 {
    color: var(--color-accent-yellow-100);
    background-color: var(--color-shape-yellow-100-opacity-10);
    fill: var(--color-accent-yellow-100)
}

.csm_ui__with_icon__6e662 {
    grid-auto-flow: column;
    gap: 3px;
    padding: 0 6px
}

.csm_ui__medium__6e662 {
    height: 28px
}

.csm_ui__large__6e662 {
    height: 31px
}

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

.csm_ui__only_icon__6e662 {
    padding: 6px
}

.csm_ui__extra_small__da856 {
    height: 18px;
    padding: 0 4px
}

.csm_ui__medium__da856,
.csm_ui__small__da856 {
    padding: 0 8px
}

.csm_ui__small__da856 {
    height: 22px
}

.csm_ui__medium__da856 {
    height: 28px
}

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

.csm_ui__textarea__761bc {
    --textarea-bg-static: var(--color-graybase-400);
    --textarea-bg-active: var(--color-graybase-300);
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    font-family: inherit;
    color: var(--color-white-100);
    resize: none;
    background: var(--textarea-bg-static);
    border: 0;
    border-radius: var(--size-corner-radius-regular);
    outline: 0;
    transition: background-color var(--default-animation-props);
    scrollbar-width: thin;
    scrollbar-color: var(--white-100-opacity-10) transparent
}

.csm_ui__textarea__761bc::-webkit-scrollbar {
    width: 4px
}

.csm_ui__textarea__761bc::-webkit-scrollbar-thumb {
    background-color: var(--color-white-100-opacity-10);
    border-radius: 25px
}

.csm_ui__textarea__761bc:focus,
.csm_ui__textarea__761bc:hover {
    background: var(--textarea-bg-active)
}

.csm_ui__textarea__761bc:disabled {
    color: var(--color-graybase-300);
    cursor: not-allowed;
    background: var(--textarea-bg-static)
}

.csm_ui__textarea__761bc:disabled::-moz-placeholder {
    color: var(--color-graybase-300)
}

.csm_ui__textarea__761bc:disabled:-ms-input-placeholder {
    color: var(--color-graybase-300)
}

.textarea:disabled::-moz-placeholder {
    color: var(--color-graybase-300)
}

.textarea:disabled:-ms-input-placeholder {
    color: var(--color-graybase-300)
}

.csm_ui__textarea__761bc:disabled::placeholder {
    color: var(--color-graybase-300)
}

.csm_ui__textarea_medium__761bc {
    padding: 12px;
    font-size: var(--typography-body-16-regular-font-size);
    font-weight: var(--typography-body-16-regular-font-weight);
    line-height: var(--typography-body-16-regular-line-height);
    letter-spacing: var(--typography-body-16-regular-letter-spacing)
}

.csm_ui__textarea_large__761bc {
    padding: 16px;
    font-size: var(--typography-body-18-regular-font-size);
    font-weight: var(--typography-body-18-regular-font-weight);
    line-height: var(--typography-body-18-regular-line-height);
    letter-spacing: var(--typography-body-18-regular-letter-spacing)
}

.csm_ui__arrow__e8239 {
    position: absolute;
    width: var(--arrow-width);
    height: var(--arrow-height);
    -webkit-clip-path: var(--arrow);
    clip-path: var(--arrow)
}

.csm_ui__wrapper__e8239 {
    --arrow-peak-top: polygon(50% 0%, 0% 100%, 100% 100%);
    --arrow-peak-right: polygon(100% 50%, 0 0, 0 100%);
    --arrow-peak-bottom: polygon(50% 100%, 100% 0, 0 0);
    --arrow-peak-left: polygon(0 50%, 100% 100%, 100% 0);
    --arrow: unset;
    --arrow-width: 10px;
    --arrow-height: 6px;
    --arrow-height-negative: calc(var(--arrow-height)*-1);
    --padding: 12px;
    position: relative;
    z-index: 9999;
    box-sizing: border-box;
    width: 254px;
    min-height: 98px;
    padding: var(--padding);
    border-radius: var(--size-corner-radius-regular)
}

.csm_ui__black__e8239 {
    background: var(--color-graybase-800)
}

.csm_ui__purple__e8239 {
    background: var(--color-purple-500)
}

.csm_ui__wrapper__e8239[data-popper-placement^=top] .csm_ui__arrow__e8239 {
    --arrow: var(--arrow-peak-bottom);
    bottom: var(--arrow-height-negative)
}

.csm_ui__wrapper__e8239[data-popper-placement^=bottom] .csm_ui__arrow__e8239 {
    --arrow: var(--arrow-peak-top);
    top: var(--arrow-height-negative)
}

.csm_ui__wrapper__e8239[data-popper-placement^=left] .csm_ui__arrow__e8239 {
    --arrow: var(--arrow-peak-right);
    right: var(--arrow-height-negative);
    width: var(--arrow-height);
    height: var(--arrow-width)
}

.csm_ui__wrapper__e8239[data-popper-placement^=right] .csm_ui__arrow__e8239 {
    --arrow: var(--arrow-peak-left);
    left: var(--arrow-height-negative);
    width: var(--arrow-height);
    height: var(--arrow-width)
}

.csm_ui__wrapper__cbddf {
    --switcher-wrap-width-size: 34px;
    --switcher-wrap-height-size: 20px;
    --switcher-size: 16px;
    --switcher-background-unchecked: var(--color-graybase-200);
    --switcher-background-checked: var(--color-accent-green-100);
    --switcher-padding: 2px;
    --offset: calc(100% - var(--switcher-padding));
    --switcher-border-radius: 20px;
    display: inline-flex
}

.csm_ui__switcher__cbddf {
    position: relative;
    box-sizing: border-box;
    display: flex;
    width: var(--switcher-wrap-width-size);
    height: var(--switcher-wrap-height-size);
    padding: var(--switcher-padding);
    cursor: pointer;
    background: var(--switcher-background-unchecked);
    border-radius: var(--switcher-border-radius);
    transition: background var(--default-animation-props)
}

.csm_ui__circle__cbddf {
    display: inline-flex;
    width: var(--switcher-size);
    height: var(--switcher-size);
    background: var(--color-white-100);
    border-radius: 50%;
    box-shadow: 0 4px 4px rgb(0 0 0/25%);
    transition: transform var(--default-animation-props)
}

.csm_ui__default_input__cbddf {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.csm_ui__default_input__cbddf:checked+.csm_ui__switcher__cbddf {
    background: var(--switcher-background-checked)
}

.csm_ui__default_input__cbddf:checked+.csm_ui__switcher__cbddf .csm_ui__circle__cbddf {
    transform: translateX(var(--offset))
}

.csm_ui__backdrop__bcfff {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: var(--color-graybase-900-opacity-60)
}

.csm_ui__option__e2fda {
    display: grid;
    grid-auto-flow: column;
    gap: 6px;
    align-items: center;
    padding: 5px 6px;
    color: var(--static-color);
    text-align: left;
    list-style: none;
    cursor: pointer;
    background: none;
    border: none;
    border-radius: var(--size-corner-radius-small);
    outline: none;
    fill: var(--static-color);
    transition: var(--transition-background-color), var(--transition-color), var(--transition-fill)
}

.csm_ui__active__e2fda {
    color: var(--active-color);
    background-color: var(--disabled-color);
    fill: var(--active-color)
}

.csm_ui__toggle_button__7ff14 {
    display: grid;
    grid-auto-flow: column;
    -moz-column-gap: 4px;
    column-gap: 4px;
    align-items: center;
    padding: 0;
    color: var(--static-color);
    white-space: nowrap;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    fill: var(--static-color);
    transition: var(--transition-color), var(--transition-fill)
}

.csm_ui__toggle_button__7ff14.csm_ui__opened__7ff14,
.csm_ui__toggle_button__7ff14:focus-within,
.csm_ui__toggle_button__7ff14:hover {
    color: var(--active-color);
    fill: var(--active-color)
}

.csm_ui__toggle_button__7ff14:disabled {
    color: var(--disabled-color);
    cursor: not-allowed;
    fill: var(--disabled-color)
}

.csm_ui__arrow__7ff14 {
    display: flex;
    transition: transform var(--default-animation-props)
}

.csm_ui__arrow__7ff14.csm_ui__rotate__7ff14 {
    transform: rotate(-180deg)
}

.csm_ui__vars__5978d {
    --static-color: var(--color-graybase-100);
    --active-color: var(--color-white-100);
    --disabled-color: var(--color-graybase-300);
    --transition-background-color: background-color var(--default-animation-props);
    --transition-color: color var(--default-animation-props);
    --transition-fill: fill var(--default-animation-props);
    --transition-transform: transform var(--default-animation-props)
}

.csm_ui__options_wrapper__05cf7 {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background-color: var(--color-graybase-400);
    border-radius: var(--size-corner-radius-regular);
    box-shadow: var(--effect-shadow-medium)
}

.csm_ui__scrollable_options_container__05cf7 {
    max-height: 366px;
    overflow-x: hidden;
    overflow-y: auto;
    outline: none;
    scrollbar-width: thin;
    scrollbar-color: var(--active-color-opacity-10) transparent
}

.csm_ui__scrollable_options_container__05cf7::-webkit-scrollbar {
    width: 8px
}

.csm_ui__scrollable_options_container__05cf7::-webkit-scrollbar-thumb {
    background: var(--active-color-opacity-10);
    background-clip: padding-box;
    border-top: 6px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid transparent;
    border-radius: 25px
}

.csm_ui__options_list__05cf7 {
    display: grid;
    grid-template-rows: auto;
    row-gap: 6px;
    padding: 6px;
    margin: 0;
    white-space: nowrap;
    list-style-type: none
}

.csm_ui__animation__05cf7 {
    visibility: hidden;
    opacity: 0;
    transition: opacity var(--default-animation-props), transform var(--default-animation-props);
    transform: scale(.9)
}

.csm_ui__animation_in__05cf7 {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
}

.csm_ui__animation_out__05cf7 {
    visibility: hidden;
    opacity: 0;
    transition: opacity var(--default-animation-props), transform var(--default-animation-props), visibility var(--default-animation-props);
    transform: scale(.9)
}

.csm_ui__hidden__05cf7 {
    pointer-events: none
}

.csm_ui__button__fadac {
    display: grid;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    gap: 6px;
    place-content: center;
    align-items: center;
    width: 100%;
    height: 54px;
    padding: 0;
    color: var(--color-white-100);
    background-color: var(--color-graybase-500);
    border: none;
    border-radius: var(--size-corner-radius-medium);
    outline: none;
    fill: var(--color-white-100);
    transition: background-color var(--default-animation-props)
}

.csm_ui__button__fadac:active {
    background-color: var(--color-graybase-300)
}

.csm_ui__options__4b664 {
    display: grid;
    gap: 8px;
    overflow: hidden
}

.csm_ui__backdrop_animation__d4249 {
    transition: opacity var(--default-animation-props), transform var(--default-animation-props), visibility var(--default-animation-props)
}

.csm_ui__backdrop_animation__d4249.csm_ui__in__d4249 {
    visibility: visible;
    opacity: 1
}

.csm_ui__backdrop_animation__d4249.csm_ui__out__d4249 {
    visibility: hidden;
    opacity: 0
}

.csm_ui__layout__d4249 {
    --padding: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    padding: var(--padding)
}

.csm_ui__options_animation__d4249 {
    display: grid;
    overflow: hidden;
    transition: transform var(--default-animation-props)
}

.csm_ui__options_animation__d4249.csm_ui__opened__d4249 {
    transform: translateY(0)
}

.csm_ui__options_animation__d4249.csm_ui__closed__d4249 {
    transform: translateY(calc(100% + var(--padding)))
}

.csm_ui__options__45b5a {
    padding: 0;
    margin: 0;
    overflow: auto;
    list-style-type: none;
    background-color: var(--color-graybase-500);
    border-radius: var(--size-corner-radius-medium);
    scrollbar-width: thin;
    scrollbar-color: var(--white-100-opacity-10) transparent
}

.csm_ui__options__45b5a::-webkit-scrollbar {
    width: 4px
}

.csm_ui__options__45b5a::-webkit-scrollbar-thumb {
    background-color: var(--color-white-100-opacity-10);
    border-radius: 25px
}

.csm_ui__options__45b5a>.csm_ui__item__45b5a:not(:last-child) {
    border-bottom: .5px solid var(--color-white-100-opacity-10)
}

.csm_ui__toggle_button__37010 {
    --static-color: var(--color-graybase-100);
    --active-color: var(--color-white-100);
    --disabled-color: var(--color-graybase-300);
    --transition-color: color var(--default-animation-props);
    --transition-fill: fill var(--default-animation-props);
    display: grid;
    grid-auto-flow: column;
    -moz-column-gap: 4px;
    column-gap: 4px;
    align-items: center;
    padding: 0;
    color: var(--static-color);
    white-space: nowrap;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    fill: var(--static-color);
    transition: var(--transition-color), var(--transition-fill)
}

.csm_ui__toggle_button__37010.csm_ui__opened__37010,
.csm_ui__toggle_button__37010:focus-within,
.csm_ui__toggle_button__37010:hover {
    color: var(--active-color);
    fill: var(--active-color)
}

.csm_ui__toggle_button__37010:disabled {
    color: var(--disabled-color);
    cursor: not-allowed;
    fill: var(--disabled-color)
}

.csm_ui__arrow__37010 {
    display: flex;
    transition: transform var(--default-animation-props)
}

.csm_ui__arrow__37010.csm_ui__rotate__37010 {
    transform: rotate(-180deg)
}

.csm_ui__hidden__d4a2f {
    visibility: hidden
}

.csm_ui__wrapper__d4a2f {
    --suggestions-wrapper-padding: 6px;
    --blackout-gradient: linear-gradient(360deg, var(--color-graybase-400) 10.34%, rgb(68 68 75/0%));
    position: relative
}

.csm_ui__suggestions_wrapper__d4a2f {
    position: absolute;
    top: calc(100% + 5px);
    z-index: 9998;
    box-sizing: border-box;
    width: 100%;
    padding: var(--suggestions-wrapper-padding) 0;
    background-color: var(--color-graybase-400);
    border-radius: var(--size-corner-radius-regular);
    scrollbar-width: thin;
    scrollbar-color: var(--white-100-opacity-10) transparent
}

.csm_ui__suggestions_scroll_container__d4a2f {
    max-height: 400px;
    padding: 0 var(--suggestions-wrapper-padding);
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--white-100-opacity-10) transparent
}

.csm_ui__suggestions_scroll_container__d4a2f::-webkit-scrollbar {
    width: 4px
}

.csm_ui__suggestions_scroll_container__d4a2f::-webkit-scrollbar-thumb {
    background-color: var(--color-white-100-opacity-10);
    border-radius: 25px
}

.csm_ui__results_list__d4a2f {
    display: grid;
    grid-auto-flow: row;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none
}

.csm_ui__suggestions_wrapper__d4a2f::-webkit-scrollbar {
    width: 4px
}

.csm_ui__suggestions_wrapper__d4a2f::-webkit-scrollbar-thumb {
    background-color: var(--color-white-100-opacity-10);
    border-radius: 25px
}

.csm_ui__suggestion_item__d4a2f {
    box-sizing: border-box;
    color: var(--color-graybase-100);
    cursor: pointer;
    border-radius: var(--size-corner-radius-regular);
    transition: background-color var(--default-animation-duration) var(--default-animation-function), color var(--default-animation-duration) var(--default-animation-function)
}

.csm_ui__active__d4a2f {
    color: var(--color-white-100);
    background-color: var(--color-graybase-300)
}

.csm_ui__result_item__d4a2f {
    box-sizing: border-box;
    width: 100%;
    padding: 6px;
    color: inherit;
    cursor: pointer;
    background: none;
    border: none;
    outline: none
}

.csm_ui__blackout_bottom__d4a2f:after,
.csm_ui__blackout_top__d4a2f:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 58px;
    content: "";
    background: var(--blackout-gradient)
}

.csm_ui__blackout_top__d4a2f:before {
    top: 0;
    transform: rotate(180deg)
}

.csm_ui__blackout_bottom__d4a2f:after {
    bottom: 0
}

.csm_ui__suggestions_list_blackout__d4a2f {
    position: absolute;
    width: 100%;
    height: 58px
}

.csm_ui__suggestions_list_blackout_top__d4a2f {
    top: 0;
    background: var(--blackout-gradient);
    transform: rotate(180deg)
}

.csm_ui__suggestions_list_blackout_bottom__d4a2f {
    bottom: 0;
    background: var(--blackout-gradient)
}

.csm_ui__wrapper__d3439 {
    --padding: 16px;
    position: relative;
    box-sizing: border-box;
    width: 375px;
    padding: 16px;
    background-color: var(--color-graybase-700);
    border-radius: var(--size-corner-radius-regular);
    box-shadow: var(--effect-shadow-medium)
}

.csm_ui__close_btn__d3439 {
    position: absolute;
    top: var(--padding);
    right: var(--padding);
    display: flex;
    padding: 0;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    fill: var(--color-graybase-200)
}

.csm_ui__layout__128eb {
    display: grid;
    grid-auto-columns: auto minmax(0, 1fr);
    grid-auto-flow: column;
    gap: 16px;
    align-items: center
}

.csm_ui__img__6c00a {
    -o-object-fit: contain;
    object-fit: contain
}

.csm_ui__heading__8a0b7 {
    color: var(--color-white-100)
}

.csm_ui__date__ce0aa {
    color: var(--color-graybase-200)
}

.csm_ui__content__1dd80 {
    color: var(--color-graybase-100)
}

.csm_ui__footer__8df84 {
    display: grid;
    grid-template-columns: .5fr .5fr;
    gap: 12px
}

.csm_ui__img_section__bec27 {
    align-self: baseline
}

.csm_ui__content_section__bec27 {
    display: grid;
    gap: 16px
}

.csm_ui__header__bec27 {
    display: grid;
    gap: 2px;
    align-self: baseline
}

.csm_ui__fade_in_zoom_in_enter__33506,
.csm_ui__fade_in_zoom_in_enter_active__33506 {
    visibility: hidden;
    opacity: 0;
    transform: scale(.9)
}

.csm_ui__fade_in_zoom_in_enter_done__33506 {
    transition: opacity var(--default-animation-props), transform var(--default-animation-props)
}

.csm_ui__fade_in_zoom_in_enter_done__33506,
.csm_ui__fade_in_zoom_in_exit__33506 {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
}

.csm_ui__fade_in_zoom_in_exit_active__33506,
.csm_ui__fade_in_zoom_in_exit_done__33506 {
    opacity: 0;
    transition: opacity var(--default-animation-props), transform var(--default-animation-props);
    transform: scale(.9)
}

.csm_ui__fade_in_zoom_in_exit_done__33506 {
    visibility: hidden
}

:root {
    --frontly-blur-background: blur(8px);
    --frontly-graybase-100: #bbb9c7;
    --frontly-graybase-200: #817e8f;
    --frontly-graybase-300: #555261;
    --frontly-graybase-400: #403d4d;
    --frontly-graybase-500: #312f3d;
    --frontly-graybase-500-50: rgb(49 47 61/50%);
    --frontly-graybase-600: #282633;
    --frontly-graybase-700: #1c1a24;
    --frontly-graybase-700-60: rgb(28 26 36/60%);
    --frontly-graybase-800: #100f14;
    --frontly-graybase-900-60: rgb(0 0 0/60%);
    --frontly-graybase-900-40: rgb(0 0 0/40%);
    --frontly-white-100: #fff;
    --frontly-white-100-50: rgb(255 255 255/50%);
    --frontly-white-100-30: rgb(255 255 255/30%);
    --frontly-white-100-10: rgb(255 255 255/10%);
    --frontly-purple-100: #edeeff;
    --frontly-purple-100-64: rgb(237 238 255/64%);
    --frontly-purple-200: #ccd2ff;
    --frontly-purple-200-32: rgb(204 210 255/32%);
    --frontly-purple-200-16: rgb(204 210 255/16%);
    --frontly-purple-200-8: rgb(204 210 255/8%);
    --frontly-purple-300: #b7a7ff;
    --frontly-purple-400: #9f8fff;
    --frontly-purple-400-20: rgb(159 143 255/20%);
    --frontly-purple-400-10: rgb(159 143 255/10%);
    --frontly-purple-500: #806cf5;
    --frontly-purple-500-50: rgb(128 108 245/50%);
    --frontly-pink-100: #fef5ff;
    --frontly-pink-200: #e5d0e7;
    --frontly-pink-300: #d9b4dc;
    --frontly-pink-400: #cf7ed6;
    --frontly-pink-400-20: rgb(207 126 214/20%);
    --frontly-pink-400-10: rgb(207 126 214/10%);
    --frontly-pink-500: #c85cd1;
    --frontly-red-400: #ff8095;
    --frontly-red-400-10: rgb(255 128 149/10%);
    --frontly-red-500: #f05f75;
    --frontly-yellow-400: #fac343;
    --frontly-yellow-400-10: rgb(250 195 67/10%);
    --frontly-yellow-500: #faa643;
    --frontly-green-400: #5bc27a;
    --frontly-green-400-10: rgb(91 194 122/10%);
    --frontly-green-500: #47ae66;
    --frontly-blue-400: #5ac3c5;
    --frontly-functional-yellow: #4a443d;
    --frontly-functional-green: #3d4442;
    --frontly-illustration-white: #fff;
    --frontly-illustration-light-gray: #c3c3c5;
    --frontly-illustration-dark-gray: #030826;
    --frontly-illustration-bright-red: #ff1569;
    --frontly-illustration-dark-red: #c2104c;
    --frontly-illustration-bright-pink: #ff3ec6;
    --frontly-illustration-dark-pink: #ba0097;
    --frontly-illustration-bright-blue: #1091ff;
    --frontly-illustration-dark-blue: #193ff7;
    --frontly-illustration-bright-yellow: #ff0;
    --frontly-illustration-dark-yellow: #d08b01;
    --frontly-illustration-bright-mint: #26ff85;
    --frontly-illustration-dark-mint: #00c165;
    --frontly-illustration-bright-purple: #8878ff;
    --frontly-illustration-dark-purple: #5f2cff;
    --frontly-steam-stattrak: #e5864e;
    --frontly-steam-stattrak-knives: #9f6cd1;
    --frontly-steam-souvenir: gold;
    --frontly-float-factory-new: #3d818f;
    --frontly-float-minimal-wear: #83b135;
    --frontly-float-field-tested: #dfc04a;
    --frontly-float-well-worn: #ef8641;
    --frontly-float-battle-scarred: #eb5757;
    --frontly-rarity-common: #b0c3d9;
    --frontly-rarity-uncommon: #5e98d9;
    --frontly-rarity-mythical: #a574ff;
    --frontly-rarity-rare: #5169f7;
    --frontly-rarity-immortal: #e4ae39;
    --frontly-rarity-legendary: #e050f0;
    --frontly-rarity-arcana: #ade55c;
    --frontly-rarity-ancient: #f26767;
    --frontly-quality-standart: #d2d2d2;
    --frontly-quality-inscribed: #cf6a32;
    --frontly-quality-auspicious: #32cd32;
    --frontly-quality-genuine: #4d7455;
    --frontly-quality-heroic: #8650ac;
    --frontly-quality-autographed: #ade55c;
    --frontly-quality-frozen: #4682b4;
    --frontly-quality-cursed: #8650ac;
    --frontly-quality-base: #b2b2b2;
    --frontly-quality-corrupted: brown;
    --frontly-quality-infused: #8847ff;
    --frontly-radius-sm: 2px;
    --frontly-radius-md: 4px;
    --frontly-radius-lg: 8px;
    --frontly-duration-short-01: 0.1s;
    --frontly-duration-short-02: 0.2s;
    --frontly-duration-medium-01: 0.3s;
    --frontly-duration-medium-02: 0.4s;
    --frontly-duration-long-01: 0.5s;
    --frontly-duration-long-02: 0.6s;
    --frontly-duration-x-long-01: 0.7s;
    --frontly-duration-x-long-02: 0.8s;
    --frontly-easing-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
    --frontly-easing-ease-in: cubic-bezier(0.42, 0, 1, 1);
    --frontly-easing-ease-out: cubic-bezier(0, 0, 0.58, 1);
    --frontly-easing-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
    --frontly-easing-linear: cubic-bezier(0, 0, 1, 1);
    --frontly-gradient-fade: linear-gradient(90deg, #ff3ec6, #1091ff);
    --frontly-below-medium: 0px 4px 20px rgb(19 19 20/20%);
    --frontly-below-high: 0px 8px 24px rgb(19 19 20/40%), 0px 0px 16px rgb(19 19 20/40%);
    --frontly-right-medium: 2px 4px 12px rgb(19 19 20/20%);
    --frontly-right-high: 8px 12px 16px rgb(19 19 20/25%);
    --frontly-headline-lg-font-size: 72px;
    --frontly-headline-lg-font-weight: 600;
    --frontly-headline-lg-letter-spacing: -1.44px;
    --frontly-headline-lg-line-height: 88px;
    --frontly-headline-2md-font-size: 56px;
    --frontly-headline-2md-font-weight: 600;
    --frontly-headline-2md-letter-spacing: -1.12px;
    --frontly-headline-2md-line-height: 66px;
    --frontly-headline-md-font-size: 40px;
    --frontly-headline-md-font-weight: 600;
    --frontly-headline-md-letter-spacing: -0.4px;
    --frontly-headline-md-line-height: 54px;
    --frontly-headline-sm-font-size: 32px;
    --frontly-headline-sm-font-weight: 600;
    --frontly-headline-sm-letter-spacing: -0.16px;
    --frontly-headline-sm-line-height: 46px;
    --frontly-headline-x-sm-font-size: 22px;
    --frontly-headline-x-sm-font-weight: 600;
    --frontly-headline-x-sm-letter-spacing: 0px;
    --frontly-headline-x-sm-line-height: 32px;
    --frontly-subhead-lg-font-size: 18px;
    --frontly-subhead-lg-font-weight: 550;
    --frontly-subhead-lg-letter-spacing: 0px;
    --frontly-subhead-lg-line-height: 26px;
    --frontly-subhead-md-font-size: 15px;
    --frontly-subhead-md-font-weight: 500;
    --frontly-subhead-md-letter-spacing: 0.075px;
    --frontly-subhead-md-line-height: 24px;
    --frontly-subhead-sm-font-size: 13px;
    --frontly-subhead-sm-font-weight: 500;
    --frontly-subhead-sm-letter-spacing: 0.26px;
    --frontly-subhead-sm-line-height: 20px;
    --frontly-subhead-x-sm-font-size: 11px;
    --frontly-subhead-x-sm-font-weight: 500;
    --frontly-subhead-x-sm-letter-spacing: 0.275px;
    --frontly-subhead-x-sm-line-height: 16px;
    --frontly-subhead-2x-sm-font-size: 9px;
    --frontly-subhead-2x-sm-font-weight: 500;
    --frontly-subhead-2x-sm-letter-spacing: 0.225px;
    --frontly-subhead-2x-sm-line-height: 14px;
    --frontly-body-lg-font-size: 18px;
    --frontly-body-lg-font-weight: 400;
    --frontly-body-lg-letter-spacing: 0px;
    --frontly-body-lg-line-height: 28px;
    --frontly-body-md-font-size: 15px;
    --frontly-body-md-font-weight: 400;
    --frontly-body-md-letter-spacing: 0.075px;
    --frontly-body-md-line-height: 24px;
    --frontly-body-sm-font-size: 13px;
    --frontly-body-sm-font-weight: 400;
    --frontly-body-sm-letter-spacing: 0.26px;
    --frontly-body-sm-line-height: 20px;
    --frontly-body-x-sm-font-size: 11px;
    --frontly-body-x-sm-font-weight: 400;
    --frontly-body-x-sm-letter-spacing: 0.275px;
    --frontly-body-x-sm-line-height: 16px;
    --frontly-label-lg-font-size: 17px;
    --frontly-label-lg-font-weight: 550;
    --frontly-label-lg-letter-spacing: -0.255px;
    --frontly-label-lg-line-height: 20px;
    --frontly-label-sm-font-size: 14px;
    --frontly-label-sm-font-weight: 550;
    --frontly-label-sm-letter-spacing: -0.14px;
    --frontly-label-sm-line-height: 16px;
    --frontly-label-x-sm-font-size: 11px;
    --frontly-label-x-sm-font-weight: 525;
    --frontly-label-x-sm-letter-spacing: -0.055px;
    --frontly-label-x-sm-line-height: 12px
}

.AccordionItem-module_container__oI9tj {
    --animation-duration: unset;
    --accordion-title-padding-top: unset;
    --accordion-title-padding-right: unset;
    --accordion-title-padding-bottom: unset;
    --accordion-title-padding-left: unset;
    --accordion-title-color: var(--frontly-white-100);
    --accordion-button-padding: unset;
    --accordion-button-top: unset;
    --accordion-button-right: unset;
    --accordion-button-left: unset;
    --accordion-button-size: unset;
    --accordion-button-color: unset;
    --accordion-button-hovered-color: unset;
    --accordion-button-background: unset;
    --accordion-button-hovered-background: unset;
    --accordion-button-rotate-start: unset;
    --accordion-button-rotate-end: unset;
    --accordion-content-padding-top: unset;
    --accordion-content-padding-right: unset;
    --accordion-content-padding-bottom: unset;
    --accordion-content-padding-left: unset;
    --accordion-content-color: unset;
    --accordion-gap: unset;
    display: flex;
    flex-direction: column;
    gap: var(--accordion-gap)
}

.AccordionItem-module_container__oI9tj .AccordionItem-module_title__UVV53 {
    position: relative;
    padding: var(--accordion-title-padding-top) var(--accordion-title-padding-right) var(--accordion-title-padding-bottom) var(--accordion-title-padding-left);
    color: var(--accordion-title-color);
    word-break: break-word
}

.AccordionItem-module_container__oI9tj .AccordionItem-module_title__UVV53 .AccordionItem-module_button__UokYN {
    position: absolute;
    top: var(--accordion-button-top);
    right: var(--accordion-button-right);
    left: var(--accordion-button-left);
    width: var(--accordion-button-size);
    height: var(--accordion-button-size);
    padding: var(--accordion-button-padding);
    color: var(--accordion-button-color);
    user-select: none;
    background-color: var(--accordion-button-background);
    border-radius: 50%;
    outline: none;
    transition: transform var(--animation-duration), background-color var(--animation-duration), color var(--animation-duration);
    transform: rotate(var(--accordion-button-rotate-start))
}

.AccordionItem-module_container__oI9tj .AccordionItem-module_title__UVV53 .AccordionItem-module_button__UokYN.AccordionItem-module_expanded__TIp6s {
    transform: rotate(var(--accordion-button-rotate-end))
}

.AccordionItem-module_container__oI9tj .AccordionItem-module_title__UVV53:hover .AccordionItem-module_button__UokYN {
    color: var(--accordion-button-hovered-color);
    background-color: var(--accordion-button-hovered-background)
}

.AccordionItem-module_container__oI9tj .AccordionItem-module_content__kIZJ6 {
    box-sizing: content-box;
    max-width: 652px;
    height: 0;
    padding: var(--accordion-content-padding-top) var(--accordion-content-padding-right) var(--accordion-content-padding-bottom) var(--accordion-content-padding-left);
    overflow: hidden;
    color: var(--accordion-content-color);
    word-break: break-word;
    transition: height var(--animation-duration) ease, opacity var(--animation-duration) calc(var(--animation-duration)/2) ease
}

.AccordionItem-module_container__oI9tj .AccordionItem-module_content__kIZJ6 .AccordionItem-module_inner-content__V98NM {
    box-sizing: border-box
}

.AccordionItem-module_container__oI9tj:not(:last-child) {
    border-bottom: 1px solid var(--frontly-purple-200-8)
}

.AccordionItem-module_variant-a__EHWn8 {
    --accordion-button-top: calc(var(--accordion-title-padding-top) - 3px);
    --accordion-button-right: 12px;
    --accordion-button-size: 32px;
    --accordion-button-color: var(--frontly-graybase-200);
    --accordion-button-hovered-color: var(--frontly-white-100);
    --accordion-button-background: var(--frontly-purple-200-8);
    --accordion-button-hovered-background: var(--frontly-purple-200-16);
    --accordion-button-padding: 8px;
    --accordion-button-rotate-start: 0;
    --accordion-button-rotate-end: 45deg;
    --accordion-content-color: var(--frontly-graybase-100)
}

.AccordionItem-module_variant-a__EHWn8.AccordionItem-module_container__oI9tj.AccordionItem-module_desktop__gCxHV {
    --accordion-title-padding-top: 28px;
    --accordion-title-padding-right: 60px;
    --accordion-title-padding-bottom: 28px;
    --accordion-title-padding-left: 0
}

.AccordionItem-module_variant-a__EHWn8.AccordionItem-module_container__oI9tj.AccordionItem-module_desktop__gCxHV .AccordionItem-module_title__UVV53 {
    font-size: var(--frontly-subhead-lg-font-size);
    font-weight: var(--frontly-subhead-lg-font-weight);
    line-height: var(--frontly-subhead-lg-line-height);
    letter-spacing: var(--frontly-subhead-lg-letter-spacing);
    cursor: pointer
}

.AccordionItem-module_variant-a__EHWn8.AccordionItem-module_container__oI9tj.AccordionItem-module_desktop__gCxHV .AccordionItem-module_content__kIZJ6 {
    --accordion-content-padding-top: 0;
    --accordion-content-padding-right: 48px;
    --accordion-content-padding-bottom: 28px;
    --accordion-content-padding-left: 0;
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing)
}

.AccordionItem-module_variant-a__EHWn8.AccordionItem-module_container__oI9tj.AccordionItem-module_desktop__gCxHV .AccordionItem-module_content__kIZJ6.AccordionItem-module_exiting__rrzhK {
    --accordion-content-padding-bottom: 16px;
    margin-top: -16px
}

.AccordionItem-module_variant-a__EHWn8.AccordionItem-module_container__oI9tj.AccordionItem-module_desktop__gCxHV .AccordionItem-module_content__kIZJ6.AccordionItem-module_exited__6AOPh {
    --accordion-content-padding-bottom: 0;
    margin-top: 0
}

.AccordionItem-module_variant-a__EHWn8.AccordionItem-module_container__oI9tj.AccordionItem-module_desktop__gCxHV.AccordionItem-module_expanded__TIp6s {
    --accordion-title-padding-bottom: 0;
    --accordion-gap: 12px
}

.AccordionItem-module_variant-a__EHWn8.AccordionItem-module_container__oI9tj.AccordionItem-module_mobile__PRpty {
    --accordion-title-padding-top: 20px;
    --accordion-title-padding-right: 60px;
    --accordion-title-padding-bottom: 20px;
    --accordion-title-padding-left: 0
}

.AccordionItem-module_variant-a__EHWn8.AccordionItem-module_container__oI9tj.AccordionItem-module_mobile__PRpty .AccordionItem-module_title__UVV53 {
    font-size: var(--frontly-subhead-md-font-size);
    font-weight: var(--frontly-subhead-md-font-weight);
    line-height: var(--frontly-subhead-md-line-height);
    letter-spacing: var(--frontly-subhead-md-letter-spacing);
    cursor: pointer
}

.AccordionItem-module_variant-a__EHWn8.AccordionItem-module_container__oI9tj.AccordionItem-module_mobile__PRpty .AccordionItem-module_content__kIZJ6 {
    --accordion-content-padding-top: 0;
    --accordion-content-padding-right: 48px;
    --accordion-content-padding-bottom: 20px;
    --accordion-content-padding-left: 0;
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing)
}

.AccordionItem-module_variant-a__EHWn8.AccordionItem-module_container__oI9tj.AccordionItem-module_mobile__PRpty .AccordionItem-module_content__kIZJ6.AccordionItem-module_exiting__rrzhK {
    --accordion-content-padding-bottom: 8px;
    margin-top: -8px
}

.AccordionItem-module_variant-a__EHWn8.AccordionItem-module_container__oI9tj.AccordionItem-module_mobile__PRpty .AccordionItem-module_content__kIZJ6.AccordionItem-module_exited__6AOPh {
    --accordion-content-padding-bottom: 0;
    margin-top: 0
}

.AccordionItem-module_variant-a__EHWn8.AccordionItem-module_container__oI9tj.AccordionItem-module_mobile__PRpty.AccordionItem-module_expanded__TIp6s {
    --accordion-title-padding-bottom: 0;
    --accordion-gap: 12px
}

.AccordionItem-module_variant-b__TpVbP {
    --accordion-title-padding-top: 16px;
    --accordion-title-padding-left: 24px;
    --accordion-title-padding-bottom: 16px;
    --accordion-title-padding-right: 0;
    --accordion-button-top: 18px;
    --accordion-button-left: 0;
    --accordion-button-size: 16px;
    --accordion-button-padding: 0;
    --accordion-button-color: var(--frontly-graybase-100);
    --accordion-button-hovered-color: var(--frontly-white-100);
    --accordion-button-background: unset;
    --accordion-button-hovered-background: unset;
    --accordion-button-rotate-start: -90deg;
    --accordion-button-rotate-end: 0;
    --accordion-content-padding-top: 0;
    --accordion-content-padding-right: 24px;
    --accordion-content-padding-bottom: 16px;
    --accordion-content-padding-left: 24px;
    --accordion-content-color: var(--frontly-graybase-100)
}

.AccordionItem-module_variant-b__TpVbP.AccordionItem-module_container__oI9tj.AccordionItem-module_desktop__gCxHV .AccordionItem-module_title__UVV53,
.AccordionItem-module_variant-b__TpVbP.AccordionItem-module_container__oI9tj.AccordionItem-module_mobile__PRpty .AccordionItem-module_title__UVV53 {
    font-size: var(--frontly-subhead-sm-font-size);
    font-weight: var(--frontly-subhead-sm-font-weight);
    line-height: var(--frontly-subhead-sm-line-height);
    letter-spacing: var(--frontly-subhead-sm-letter-spacing);
    cursor: pointer
}

.AccordionItem-module_variant-b__TpVbP.AccordionItem-module_container__oI9tj.AccordionItem-module_desktop__gCxHV .AccordionItem-module_content__kIZJ6,
.AccordionItem-module_variant-b__TpVbP.AccordionItem-module_container__oI9tj.AccordionItem-module_mobile__PRpty .AccordionItem-module_content__kIZJ6 {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing)
}

.AccordionItem-module_variant-b__TpVbP.AccordionItem-module_container__oI9tj.AccordionItem-module_desktop__gCxHV .AccordionItem-module_content__kIZJ6.AccordionItem-module_exiting__rrzhK,
.AccordionItem-module_variant-b__TpVbP.AccordionItem-module_container__oI9tj.AccordionItem-module_mobile__PRpty .AccordionItem-module_content__kIZJ6.AccordionItem-module_exiting__rrzhK {
    --accordion-content-padding-bottom: 8px;
    margin-top: -8px
}

.AccordionItem-module_variant-b__TpVbP.AccordionItem-module_container__oI9tj.AccordionItem-module_desktop__gCxHV .AccordionItem-module_content__kIZJ6.AccordionItem-module_exited__6AOPh,
.AccordionItem-module_variant-b__TpVbP.AccordionItem-module_container__oI9tj.AccordionItem-module_mobile__PRpty .AccordionItem-module_content__kIZJ6.AccordionItem-module_exited__6AOPh {
    --accordion-content-padding-bottom: 0;
    margin-top: 0
}

.AccordionItem-module_variant-b__TpVbP.AccordionItem-module_container__oI9tj.AccordionItem-module_desktop__gCxHV.AccordionItem-module_expanded__TIp6s,
.AccordionItem-module_variant-b__TpVbP.AccordionItem-module_container__oI9tj.AccordionItem-module_mobile__PRpty.AccordionItem-module_expanded__TIp6s {
    --accordion-title-padding-bottom: 0;
    --accordion-gap: 8px
}

.Accordion-module_container__6rGl0 * {
    box-sizing: border-box
}

.OptionWrapper-module_content__1g3fp {
    --option-label-color: var(--frontly-graybase-100);
    --option-description-color: var(--frontly-graybase-200);
    --option-background: transparent;
    --option-content-padding: unset;
    --option-content-gap: unset;
    --option-icon-size: unset;
    --option-icon-padding: unset;
    --option-body-gap: unset;
    --transition-duration: 100ms;
    display: flex;
    column-gap: var(--option-content-gap);
    padding: var(--option-content-padding);
    cursor: pointer;
    background-color: var(--option-background);
    border-radius: var(--frontly-radius-md);
    transition: background-color var(--transition-duration)
}

.OptionWrapper-module_content__1g3fp .OptionWrapper-module_icon__rq55o {
    width: var(--option-icon-size);
    min-width: var(--option-icon-size);
    height: var(--option-icon-size);
    padding: var(--option-icon-padding);
    color: var(--option-label-color);
    transition: color var(--transition-duration)
}

.OptionWrapper-module_content__1g3fp .OptionWrapper-module_body__d2T8W {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    row-gap: var(--option-body-gap)
}

.OptionWrapper-module_content__1g3fp .OptionWrapper-module_body__d2T8W .OptionWrapper-module_label__lD3xp {
    color: var(--option-label-color);
    transition: color var(--transition-duration)
}

.OptionWrapper-module_content__1g3fp .OptionWrapper-module_body__d2T8W .OptionWrapper-module_description__mK7lQ {
    color: var(--option-description-color);
    transition: color var(--transition-duration)
}

.OptionWrapper-module_content__1g3fp.OptionWrapper-module_align-center__cyywZ {
    align-items: center
}

.OptionWrapper-module_content__1g3fp.OptionWrapper-module_hovered__VfaXn:not(.OptionWrapper-module_disabled__fdf4z),
.OptionWrapper-module_content__1g3fp.OptionWrapper-module_selected__TdSs-:not(.OptionWrapper-module_disabled__fdf4z) {
    --option-label-color: var(--frontly-white-100);
    --option-description-color: var(--frontly-graybase-100)
}

.OptionWrapper-module_content__1g3fp.OptionWrapper-module_hovered__VfaXn:not(.OptionWrapper-module_disabled__fdf4z) {
    --option-background: var(--frontly-purple-200-8)
}

.OptionWrapper-module_content__1g3fp.OptionWrapper-module_disabled__fdf4z {
    cursor: default;
    opacity: .4
}

.OptionWrapper-module_content__1g3fp.OptionWrapper-module_size-sm__sFCDr {
    --option-content-padding: 8px;
    --option-content-gap: 6px;
    --option-body-gap: 4px;
    --option-icon-size: 20px;
    --option-icon-padding: 0 0
}

.OptionWrapper-module_content__1g3fp.OptionWrapper-module_size-sm__sFCDr .OptionWrapper-module_body__d2T8W .OptionWrapper-module_label__lD3xp {
    font-size: var(--frontly-subhead-sm-font-size);
    font-weight: var(--frontly-subhead-sm-font-weight);
    line-height: var(--frontly-subhead-sm-line-height);
    letter-spacing: var(--frontly-subhead-sm-letter-spacing)
}

.OptionWrapper-module_content__1g3fp.OptionWrapper-module_size-sm__sFCDr .OptionWrapper-module_body__d2T8W .OptionWrapper-module_description__mK7lQ {
    font-size: var(--frontly-body-x-sm-font-size);
    font-weight: var(--frontly-body-x-sm-font-weight);
    line-height: var(--frontly-body-x-sm-line-height);
    letter-spacing: var(--frontly-body-x-sm-letter-spacing)
}

.OptionWrapper-module_content__1g3fp.OptionWrapper-module_size-md__eqeFX {
    --option-content-padding: 8px;
    --option-content-gap: 8px;
    --option-body-gap: 2px;
    --option-icon-size: 20px;
    --option-icon-padding: 2px 0
}

.OptionWrapper-module_content__1g3fp.OptionWrapper-module_size-md__eqeFX .OptionWrapper-module_body__d2T8W .OptionWrapper-module_label__lD3xp {
    font-size: var(--frontly-subhead-md-font-size);
    font-weight: var(--frontly-subhead-md-font-weight);
    line-height: var(--frontly-subhead-md-line-height);
    letter-spacing: var(--frontly-subhead-md-letter-spacing)
}

.OptionWrapper-module_content__1g3fp.OptionWrapper-module_size-md__eqeFX .OptionWrapper-module_body__d2T8W .OptionWrapper-module_description__mK7lQ {
    font-size: var(--frontly-body-x-sm-font-size);
    font-weight: var(--frontly-body-x-sm-font-weight);
    line-height: var(--frontly-body-x-sm-line-height);
    letter-spacing: var(--frontly-body-x-sm-letter-spacing)
}

.ActionListDesktop-module_container__9Xk8d {
    --animation-duration: unset
}

.ActionListDesktop-module_container__9Xk8d .ActionListDesktop-module_content__a5Fn5 {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    max-height: 400px;
    padding: 4px;
    overflow: auto;
    background-color: var(--frontly-graybase-400);
    border-radius: var(--frontly-radius-md);
    box-shadow: var(--frontly-below-medium)
}

.ActionListDesktop-module_container__9Xk8d .ActionListDesktop-module_content__a5Fn5.ActionListDesktop-module_show__xVJR8 {
    animation: ActionListDesktop-module_action-list-show__VcQlR var(--animation-duration) ease forwards
}

.ActionListDesktop-module_container__9Xk8d .ActionListDesktop-module_content__a5Fn5.ActionListDesktop-module_hide__b39pY {
    animation: ActionListDesktop-module_action-list-hide__yN6K8 var(--animation-duration) ease-out forwards
}

@keyframes ActionListDesktop-module_action-list-show__VcQlR {
    0% {
        opacity: 0;
        transform: translateY(-8px)
    }

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

@keyframes ActionListDesktop-module_action-list-hide__yN6K8 {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    50%,
    to {
        opacity: 0;
        transform: translateY(-4px)
    }
}

.Backdrop-module_container__wo07e {
    --animation-duration: 200ms;
    --viewport-height: 100vh;
    --viewport-width: 100vw;
    position: fixed;
    inset: 0;
    top: 0;
    left: 0;
    z-index: 99;
    width: var(--viewport-width);
    height: var(--viewport-height);
    background: transparent;
    transition: background var(--animation-duration) ease-in
}

.Backdrop-module_container__wo07e.Backdrop-module_visible__lbu83 {
    background: rgba(0, 0, 0, .5);
    transition: background var(--animation-duration) ease-out
}

.SeparationBorder-module_container__JFA4W {
    --separation-border-height: 1px;
    --separation-border-color: var(--frontly-purple-200-8);
    width: 100%;
    height: var(--separation-border-height);
    background-color: transparent;
    transition: background-color 50ms
}

.SeparationBorder-module_container__JFA4W.SeparationBorder-module_visible__kyH9Z {
    background-color: var(--separation-border-color)
}

.ActionListHeader-module_container__Nc80U {
    --modal-header-min-height: unset;
    --modal-header-padding-top: unset;
    --modal-header-padding-bottom: unset;
    --modal-header-padding-left: unset;
    --modal-header-padding-right: unset;
    --modal-header-content-padding-right: unset;
    z-index: 1;
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    min-height: var(--modal-header-min-height);
    padding: var(--modal-header-padding-top) var(--modal-header-padding-right) var(--modal-header-padding-bottom) var(--modal-header-padding-left)
}

.ActionListHeader-module_container__Nc80U .ActionListHeader-module_content__rRnQT {
    padding-right: var(--modal-header-content-padding-right);
    color: var(--frontly-white-100);
    font-size: var(--frontly-subhead-lg-font-size);
    font-weight: var(--frontly-subhead-lg-font-weight);
    line-height: var(--frontly-subhead-lg-line-height);
    letter-spacing: var(--frontly-subhead-lg-letter-spacing)
}

.ActionListHeader-module_container__Nc80U .ActionListHeader-module_description__JR-gG {
    color: var(--frontly-graybase-200);
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing)
}

.ActionListHeader-module_container__Nc80U.ActionListHeader-module_display-normal__c2M8H {
    --modal-header-min-height: 52px;
    --modal-header-padding-top: 20px;
    --modal-header-padding-bottom: 20px;
    --modal-header-padding-left: 20px;
    --modal-header-padding-right: 20px;
    --modal-header-content-padding-right: 28px;
    display: flex;
    flex-direction: column;
    row-gap: 6px
}

.ActionListHeader-module_container__Nc80U.ActionListHeader-module_display-compact__iTnn5 {
    --modal-header-min-height: 42px;
    --modal-header-padding-top: 8px;
    --modal-header-padding-right: 48px;
    --modal-header-padding-bottom: 8px;
    --modal-header-padding-left: 20px
}

.CloseButton-module_container__N1K5q {
    --close-button-color: var(--frontly-graybase-200);
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    cursor: pointer;
    background-color: var(--frontly-purple-200-8);
    border: .5px solid var(--frontly-purple-200-8);
    border-radius: 50%
}

.CloseButton-module_container__N1K5q:focus {
    outline: none
}

.CloseButton-module_container__N1K5q svg {
    z-index: 1;
    width: 20px;
    height: 20px
}

.CloseButton-module_container__N1K5q svg path {
    fill: var(--frontly-graybase-200)
}

.OptionWrapper-module_container__P0QoS {
    border-bottom: 1px solid transparent
}

.OptionWrapper-module_container__P0QoS:not(:last-child) {
    border-bottom: 1px solid var(--frontly-purple-200-8)
}

.OptionWrapper-module_content__1HhAt {
    --option-label-color: var(--frontly-graybase-100);
    --option-description-color: var(--frontly-graybase-200);
    --option-background: transparent;
    --option-content-padding: unset;
    --option-content-gap: 10px;
    --option-icon-size: 24px;
    --option-icon-padding: 0;
    --option-body-gap: 2px;
    font-size: var(--frontly-body-lg-font-size);
    font-weight: var(--frontly-body-lg-font-weight);
    line-height: var(--frontly-body-lg-line-height);
    letter-spacing: var(--frontly-body-lg-letter-spacing);
    display: flex;
    gap: var(--option-content-gap);
    width: 100%;
    padding: 18px 0;
    cursor: pointer;
    outline: none
}

.OptionWrapper-module_content__1HhAt .OptionWrapper-module_icon__p2atR {
    width: var(--option-icon-size);
    min-width: var(--option-icon-size);
    height: var(--option-icon-size);
    padding: var(--option-icon-padding);
    color: var(--option-label-color)
}

.OptionWrapper-module_content__1HhAt .OptionWrapper-module_body__gNQ1D {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    row-gap: var(--option-body-gap)
}

.OptionWrapper-module_content__1HhAt .OptionWrapper-module_body__gNQ1D .OptionWrapper-module_label__tSfXY {
    overflow: hidden;
    color: var(--option-label-color);
    font-size: var(--frontly-subhead-md-font-size);
    font-weight: var(--frontly-subhead-md-font-weight);
    line-height: var(--frontly-subhead-md-line-height);
    letter-spacing: var(--frontly-subhead-md-letter-spacing)
}

.OptionWrapper-module_content__1HhAt .OptionWrapper-module_body__gNQ1D .OptionWrapper-module_description__WqZXT {
    color: var(--option-description-color);
    font-size: var(--frontly-body-x-sm-font-size);
    font-weight: var(--frontly-body-x-sm-font-weight);
    line-height: var(--frontly-body-x-sm-line-height);
    letter-spacing: var(--frontly-body-x-sm-letter-spacing)
}

.OptionWrapper-module_content__1HhAt.OptionWrapper-module_align-center__o-bdL {
    align-items: center
}

.OptionWrapper-module_content__1HhAt.OptionWrapper-module_selected__Dh-fy:not(.OptionWrapper-module_disabled__xzx-W) {
    --option-label-color: var(--frontly-white-100);
    --option-description-color: var(--frontly-graybase-100)
}

.OptionWrapper-module_content__1HhAt.OptionWrapper-module_disabled__xzx-W {
    opacity: .4
}

.ActionListMobile-module_container__VSlFx {
    --animation-duration: unset;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    transition: transform var(--animation-duration) ease-in;
    transform: translateY(100%)
}

.ActionListMobile-module_container__VSlFx.ActionListMobile-module_visible__I-hxW {
    transition: transform var(--animation-duration) ease-out;
    transform: translateY(0)
}

.ActionListMobile-module_content__EiwKS {
    position: relative;
    display: flex;
    flex-direction: column;
    max-height: calc(var(--viewport-height) - 28px);
    background-color: var(--frontly-graybase-600);
    border-radius: var(--frontly-radius-lg) var(--frontly-radius-lg) 0 0
}

.ActionListMobile-module_close-button__5Vvge {
    position: absolute;
    top: 8px;
    right: 8px
}

.ActionListMobile-module_options-list__92mbc {
    position: relative;
    padding: 0 20px 20px;
    overflow-x: hidden;
    overflow-y: scroll
}

.UnstyledButton-module_root__FkkDX {
    box-sizing: border-box;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    appearance: none
}

.Button-module_root__8RX49 {
    --default-animation-duration: 0.2s;
    --default-animation-function: cubic-bezier(0.4, 0, 0.2, 1);
    --button-height: unset;
    --button-min-width: unset;
    --button-col-gap: unset;
    --button-padding: unset;
    --button-border-radius: 4px;
    --button-color: unset;
    --button-background: unset;
    --icon-size: unset;
    --button-loader-size: unset;
    --button-loader-border: unset;
    position: relative;
    min-width: var(--button-min-width);
    height: var(--button-height);
    padding: var(--button-padding);
    color: var(--button-color);
    cursor: pointer;
    user-select: none;
    background-color: var(--button-background);
    border-radius: var(--button-border-radius);
    transition: background-color var(--default-animation-duration) var(--default-animation-function), color var(--default-animation-duration) var(--default-animation-function)
}

.Button-module_root__8RX49,
.Button-module_root__8RX49 * {
    box-sizing: border-box
}

.Button-module_root__8RX49:disabled {
    pointer-events: none;
    cursor: not-allowed
}

.Button-module_root__8RX49:disabled:active {
    transform: none
}

.Button-module_inner__RZ7LS {
    display: flex;
    column-gap: var(--button-col-gap);
    align-items: center;
    justify-content: center;
    height: 100%;
    overflow: visible
}

.Button-module_icon__xIuVv {
    width: var(--icon-size);
    min-width: var(--icon-size);
    height: var(--icon-size);
    min-height: var(--icon-size)
}

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

.Button-module_loader__KKJJD {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--button-background);
    border-radius: var(--button-border-radius)
}

.Button-module_loader__KKJJD svg {
    --loader-size: var(--button-loader-size) !important;
    --loader-border: var(--button-loader-border) !important;
    --loader-color: var(--button-color) !important
}

.Button-module_size-sm__6Xrjw {
    --button-height: 28px;
    --button-min-width: 48px;
    --button-padding: 0 8px;
    --button-col-gap: 4px;
    --icon-size: 12px;
    --button-loader-size: 12px;
    --button-loader-border: 1.5px;
    font-size: var(--frontly-label-x-sm-font-size);
    font-weight: var(--frontly-label-x-sm-font-weight);
    line-height: var(--frontly-label-x-sm-line-height);
    letter-spacing: var(--frontly-label-x-sm-letter-spacing)
}

.Button-module_size-md__BkuGu {
    --button-height: 38px;
    --button-min-width: 64px;
    --button-padding: 0 12px;
    --button-col-gap: 8px;
    --icon-size: 16px;
    --button-loader-size: 16px;
    --button-loader-border: 2px;
    font-size: var(--frontly-label-sm-font-size);
    font-weight: var(--frontly-label-sm-font-weight);
    line-height: var(--frontly-label-sm-line-height);
    letter-spacing: var(--frontly-label-sm-letter-spacing)
}

.Button-module_size-lg__JVYWV {
    --button-height: 48px;
    --button-min-width: 80px;
    --button-padding: 0 16px;
    --button-col-gap: 10px;
    --icon-size: 20px;
    --button-loader-size: 20px;
    --button-loader-border: 2px;
    font-size: var(--frontly-label-lg-font-size);
    font-weight: var(--frontly-label-lg-font-weight);
    line-height: var(--frontly-label-lg-line-height);
    letter-spacing: var(--frontly-label-lg-letter-spacing)
}

.Button-module_mode-hug__HkGz- {
    width: min-content
}

.Button-module_mode-fill__nYaEx,
.Button-module_mode-fixed__VdKka {
    width: 100%
}

.Button-module_primary__st6yY {
    --button-color: var(--frontly-white-100)
}

.Button-module_primary__st6yY.Button-module_purple__G0bJD {
    --button-background: #806cf5
}

.Button-module_primary__st6yY.Button-module_purple__G0bJD:hover {
    --button-background: #9f8fff
}

.Button-module_primary__st6yY.Button-module_purple__G0bJD:disabled {
    --button-background: #806cf5;
    opacity: .4
}

.Button-module_primary__st6yY.Button-module_light-purple__IW1WY {
    --button-color: var(--frontly-graybase-600);
    --button-background: #ccd2ff
}

.Button-module_primary__st6yY.Button-module_light-purple__IW1WY:hover {
    --button-background: #edeeff
}

.Button-module_primary__st6yY.Button-module_light-purple__IW1WY:disabled {
    --button-background: #ccd2ff;
    opacity: .4
}

.Button-module_primary__st6yY.Button-module_red__jgELz {
    --button-background: #f05f75
}

.Button-module_primary__st6yY.Button-module_red__jgELz:hover {
    --button-background: #ff8095
}

.Button-module_primary__st6yY.Button-module_red__jgELz:disabled {
    --button-background: #f05f75;
    opacity: .4
}

.Button-module_primary__st6yY.Button-module_green__gedf0 {
    --button-background: #47ae66
}

.Button-module_primary__st6yY.Button-module_green__gedf0:hover {
    --button-background: #5bc27a
}

.Button-module_primary__st6yY.Button-module_green__gedf0:disabled {
    --button-background: #47ae66;
    opacity: .4
}

.Button-module_secondary__j-3rj {
    --button-background: rgba(204, 210, 255, 0.161)
}

.Button-module_secondary__j-3rj:hover {
    --button-background: rgba(204, 210, 255, 0.322)
}

.Button-module_secondary__j-3rj:disabled {
    --button-background: rgba(204, 210, 255, 0.161);
    opacity: .4
}

.Button-module_secondary__j-3rj.Button-module_red__jgELz {
    --button-color: var(--frontly-red-400)
}

.Button-module_secondary__j-3rj.Button-module_white__z6fBp {
    --button-color: var(--frontly-white-100)
}

.Button-module_tertiary__Nd7xM {
    --button-background: #1c1a24
}

.Button-module_tertiary__Nd7xM:hover {
    --button-background: #282633
}

.Button-module_tertiary__Nd7xM:disabled {
    --button-background: #1c1a24;
    opacity: .4
}

.Button-module_tertiary__Nd7xM.Button-module_red__jgELz {
    --button-color: var(--frontly-red-400)
}

.Button-module_tertiary__Nd7xM.Button-module_yellow__3PBGK {
    --button-color: var(--frontly-yellow-400)
}

.Button-module_tertiary__Nd7xM.Button-module_white__z6fBp {
    --button-color: var(--frontly-white-100)
}

.Slide-module_container__UzHdx {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: fit-content;
    min-height: 0
}

.CarouselSlider-module_container__DMoD4 {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    min-width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: hidden
}

.CarouselSlider-module_container__DMoD4.CarouselSlider-module_visible__NL-uj {
    visibility: visible
}

.CarouselSlider-module_active-frame__NU8x4 {
    position: relative;
    box-sizing: border-box;
    max-width: 100%;
    height: 100%;
    min-height: inherit
}

.CarouselSlider-module_slides__94xiE {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 100%;
    min-height: inherit
}

.ProgressLine-module_container__v-ac- {
    --item-height: 10px;
    --item-width: 10px;
    --item-active-width: 70px;
    --item-border-radius: 50px;
    display: flex;
    column-gap: 16px
}

.ProgressLine-module_item__7XDmh {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    width: var(--item-width);
    height: var(--item-height);
    cursor: pointer;
    background-color: var(--frontly-graybase-400);
    border-radius: var(--item-border-radius)
}

.ProgressLine-module_item__7XDmh.ProgressLine-module_active__V9Qkl {
    z-index: 1;
    width: var(--item-active-width);
    overflow: hidden
}

.ProgressLine-module_item__7XDmh.ProgressLine-module_active__V9Qkl .ProgressLine-module_progress__bMl6o {
    position: absolute;
    display: block;
    width: 0;
    height: 100%;
    background-color: var(--frontly-purple-500);
    border-radius: var(--item-border-radius)
}

.Checkbox-module_container__pUY-s {
    --base-color: #bbb9c7;
    --base-active-color: #fff;
    --base-checkmark-color: #1c1a24;
    --label-color: var(--base-color);
    --label-color-hover: var(--base-active-color);
    --checkbox-width: unset;
    --checkbox-height: unset;
    --checkbox-border-radius: unset;
    --checkbox-gap: unset;
    --partial-check-padding: unset;
    --checkbox-border-color: unset;
    --checkbox-border-color-hover: unset;
    --checkbox-background-color: unset;
    --checkbox-checkmark-color: unset;
    --checkbox-checkmark-opacity: transparent;
    display: flex;
    gap: var(--checkbox-gap);
    align-items: center;
    cursor: pointer;
    user-select: none
}

.Checkbox-module_container__pUY-s .Checkbox-module_checkbox__D0D4S {
    position: relative;
    width: var(--checkbox-width);
    min-width: var(--checkbox-width);
    height: var(--checkbox-height);
    cursor: pointer;
    background-color: var(--checkbox-background-color);
    border: 1px solid var(--checkbox-border-color);
    border-radius: var(--checkbox-border-radius)
}

.Checkbox-module_container__pUY-s .Checkbox-module_checkbox__D0D4S .Checkbox-module_input__-039s {
    appearance: none;
    width: 100%;
    height: 100%
}

.Checkbox-module_container__pUY-s .Checkbox-module_checkbox__D0D4S .Checkbox-module_check-icon__lK-fv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: var(--checkbox-checkmark-color);
    opacity: var(--checkbox-checkmark-opacity)
}

.Checkbox-module_container__pUY-s .Checkbox-module_checkbox__D0D4S .Checkbox-module_check-icon__lK-fv.Checkbox-module_partial-check__-M-rF {
    padding: var(--partial-check-padding)
}

.Checkbox-module_container__pUY-s .Checkbox-module_text__usAwV {
    flex-grow: 1;
    min-width: 0;
    color: var(--label-color)
}

@media (hover:hover) and (pointer:fine) {
    .Checkbox-module_container__pUY-s:hover {
        --label-color: var(--label-color-hover);
        --checkbox-border-color: var(--checkbox-border-color-hover)
    }
}

.Checkbox-module_size-sm__ISpKu {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing)
}

.Checkbox-module_size-md__lb4Wp,
.Checkbox-module_size-sm__ISpKu {
    --checkbox-width: 14px;
    --checkbox-height: 14px;
    --checkbox-gap: 8px;
    --checkbox-border-radius: 2px;
    --partial-check-padding: 0 2px
}

.Checkbox-module_size-md__lb4Wp {
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing)
}

.Checkbox-module_size-lg__WXphK {
    --checkbox-width: 16px;
    --checkbox-height: 16px;
    --checkbox-gap: 8px;
    --checkbox-border-radius: 2px;
    --partial-check-padding: 0 2px;
    font-size: var(--frontly-body-lg-font-size);
    font-weight: var(--frontly-body-lg-font-weight);
    line-height: var(--frontly-body-lg-line-height);
    letter-spacing: var(--frontly-body-lg-letter-spacing)
}

.Checkbox-module_value-off__FOleD {
    --checkbox-border-color: var(--base-color);
    --checkbox-border-color-hover: var(--base-active-color);
    --checkbox-background-color: transparent;
    --checkbox-checkmark-color: transparent;
    --checkbox-checkmark-opacity: 0
}

.Checkbox-module_value-on__xKYob,
.Checkbox-module_value-partial__Y-YIJ {
    --checkbox-border-color: var(--base-active-color);
    --checkbox-border-color-hover: var(--base-active-color);
    --checkbox-background-color: var(--base-active-color);
    --checkbox-checkmark-color: var(--base-checkmark-color);
    --checkbox-checkmark-opacity: 1
}

.ContentOverflowGuard-module_container__QYCUk {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden
}

.ContentOverflowGuard-module_horizontal__w-w9d {
    flex-direction: row;
    width: 100%;
    min-width: 0
}

.ContentOverflowGuard-module_vertical__97Q5v {
    flex-direction: column;
    height: 100%;
    min-height: 0
}

.CopyToClipboard-module_container__VXnLY {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.CopyToClipboard-module_tooltip-container__XP0eb {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #bcbcc2
}

.CopyToClipboard-module_tooltip-container__XP0eb .CopyToClipboard-module_tooltip-content__fRr8k.CopyToClipboard-module_copied__mk9pi {
    color: #7bc377
}

.Divider-module_container__-Zkpk {
    background-color: var(--frontly-purple-200-8)
}

.Divider-module_vertical__RMtD4 {
    width: 1px;
    height: 100%
}

.Divider-module_horizontal__X75Kv {
    width: 100%;
    height: 1px
}

.SortableItem-module_container__b9QFP {
    position: relative
}

.DndSortable-module_container__314rp {
    display: flex;
    gap: 8px
}

.DndSortable-module_container__314rp.DndSortable-module_direction-horizontal__NrKTc {
    flex-direction: row
}

.DndSortable-module_container__314rp.DndSortable-module_direction-vertical__OvQ8B {
    flex-direction: column
}

@media (hover:hover) and (pointer:fine) {
    .DownloadCard-module_container__voEw1:hover {
        background-color: var(--frontly-purple-200-16)
    }
}

.DownloadCard-module_container__voEw1 {
    gap: 12px;
    align-items: center;
    min-width: 52px;
    height: 56px;
    padding: 8px;
    cursor: pointer;
    background-color: var(--frontly-purple-200-8);
    border-radius: var(--frontly-radius-md);
    transition: background-color .3s ease-in-out
}

.DownloadCard-module_icon__eAwh3 {
    flex-shrink: 0;
    width: 36px;
    height: 36px
}

.DownloadCard-module_info__E7V1L {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow-x: hidden
}

.DownloadCard-module_description__Skliq {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing);
    width: 100%;
    overflow-x: hidden;
    color: var(--frontly-graybase-200);
    text-overflow: ellipsis;
    white-space: nowrap
}

.DownloadCard-module_title__DWpSJ {
    font-size: var(--frontly-subhead-sm-font-size);
    font-weight: var(--frontly-subhead-sm-font-weight);
    line-height: var(--frontly-subhead-sm-line-height);
    letter-spacing: var(--frontly-subhead-sm-letter-spacing);
    width: 100%;
    overflow-x: hidden;
    color: var(--frontly-white-100);
    text-overflow: ellipsis;
    white-space: nowrap
}

.DownloadCard-module_fixed-mode__WB6tB {
    display: flex;
    width: 190px
}

.DownloadCard-module_fill-mode__sGJ2z {
    display: flex;
    width: 100%
}

.DownloadCard-module_hug-mode__S0PGI {
    display: inline-flex;
    max-width: max-content
}

.FavoriteButton-module_container__uKwUQ {
    --button-padding: unset;
    --button-background: unset;
    --button-hover-background: unset;
    --button-active-background: unset;
    --button-active-hover-background: unset;
    --button-border-radius: unset;
    --icon-size: unset;
    --icon-color: unset;
    --icon-hover-color: unset;
    --icon-active-color: unset;
    --icon-active-hover-color: unset;
    --icon-fill-color: transparent;
    --icon-hover-fill-color: transparent;
    --icon-active-fill-color: transparent;
    --icon-active-hover-fill-color: transparent;
    --container-size: calc(var(--icon-size) + var(--button-padding)*2);
    position: relative;
    box-sizing: border-box;
    display: none;
    width: var(--container-size);
    min-width: var(--container-size);
    max-width: var(--container-size);
    height: var(--container-size);
    min-height: var(--container-size);
    max-height: var(--container-size);
    overflow: hidden;
    line-height: 0;
    cursor: pointer;
    background-color: transparent;
    border-width: 0;
    border-radius: var(--button-border-radius);
    outline: none;
    opacity: 0;
    transition: all .2s
}

.FavoriteButton-module_container__uKwUQ:hover {
    --button-background: var(--button-hover-background);
    --icon-color: var(--icon-hover-color);
    --icon-fill-color: var(--icon-hover-fill-color)
}

.FavoriteButton-module_container__uKwUQ.FavoriteButton-module_active__cRZdw {
    --button-background: var(--button-active-background);
    --icon-color: var(--icon-active-color);
    --icon-fill-color: var(--icon-active-fill-color)
}

.FavoriteButton-module_container__uKwUQ.FavoriteButton-module_active__cRZdw svg path {
    fill-rule: nonzero
}

.FavoriteButton-module_container__uKwUQ.FavoriteButton-module_active__cRZdw:hover {
    --button-background: var(--button-active-hover-background);
    --icon-color: var(--icon-active-hover-color);
    --icon-fill-color: var(--icon-active-hover-fill-color)
}

.FavoriteButton-module_container__uKwUQ.FavoriteButton-module_visible__zPuxi {
    display: block;
    opacity: 1
}

.FavoriteButton-module_container__uKwUQ .FavoriteButton-module_button__GlzuO {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--button-background);
    transition: all .2s
}

.FavoriteButton-module_container__uKwUQ .FavoriteButton-module_button__GlzuO svg {
    width: var(--icon-size);
    min-width: var(--icon-size);
    height: var(--icon-size);
    min-height: var(--icon-size);
    color: var(--icon-color);
    fill: var(--icon-fill-color);
    transition: all .2s
}

.FavoriteButton-module_container__uKwUQ.FavoriteButton-module_pending__bGfak {
    animation: FavoriteButton-module_pulse__MigOA .75s infinite
}

.FavoriteButton-module_size-lg__JDwjS {
    --button-border-radius: 7px;
    --icon-size: 28px
}

.FavoriteButton-module_size-md__vnyZo {
    --button-border-radius: 6px;
    --icon-size: 24px
}

.FavoriteButton-module_size-sm__BMug- {
    --button-border-radius: 4px;
    --icon-size: 20px
}

.FavoriteButton-module_size-x-sm__La78J {
    --button-border-radius: 3px;
    --icon-size: 14px
}

.FavoriteButton-module_variant-square__8lpJ4 {
    --button-background: var(--frontly-purple-200-16);
    --button-hover-background: var(--frontly-purple-200-32);
    --button-active-background: var(--frontly-red-500);
    --button-active-hover-background: var(--frontly-red-400);
    --icon-color: var(--frontly-white-100);
    --icon-hover-color: var(--frontly-white-100);
    --icon-active-color: var(--frontly-white-100);
    --icon-active-hover-color: var(--frontly-white-100);
    --icon-active-fill-color: var(--frontly-white-100);
    --icon-active-hover-fill-color: var(--frontly-white-100)
}

.FavoriteButton-module_variant-square__8lpJ4.FavoriteButton-module_size-lg__JDwjS {
    --button-padding: 10px
}

.FavoriteButton-module_variant-square__8lpJ4.FavoriteButton-module_size-md__vnyZo {
    --button-padding: 7px
}

.FavoriteButton-module_variant-square__8lpJ4.FavoriteButton-module_size-sm__BMug- {
    --button-padding: 4px
}

.FavoriteButton-module_variant-square__8lpJ4.FavoriteButton-module_size-x-sm__La78J {
    --button-padding: 3px
}

.FavoriteButton-module_variant-square__8lpJ4.FavoriteButton-module_blurry__UECKF {
    backdrop-filter: blur(8px)
}

.FavoriteButton-module_variant-icon__l2Q5u {
    --icon-color: var(--frontly-purple-100-64);
    --icon-hover-color: var(--frontly-white-100);
    --icon-active-color: var(--frontly-red-500);
    --icon-active-hover-color: var(--frontly-red-400);
    --icon-active-fill-color: var(--frontly-red-500);
    --icon-active-hover-fill-color: var(--frontly-red-400);
    --button-padding: 0px
}

.FavoriteButton-module_lottie__tq3yk {
    position: relative;
    width: 100%;
    height: 100%
}

.FavoriteButton-module_container__uKwUQ.FavoriteButton-module_variant-square__8lpJ4 .FavoriteButton-module_lottie__tq3yk:hover:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: background-color .2s
}

.FavoriteButton-module_container__uKwUQ.FavoriteButton-module_variant-square__8lpJ4.FavoriteButton-module_active__cRZdw .FavoriteButton-module_lottie__tq3yk:hover:after {
    background-color: hsla(0, 0%, 100%, .25)
}

.FavoriteButton-module_container__uKwUQ.FavoriteButton-module_variant-square__8lpJ4:not(.FavoriteButton-module_active__cRZdw) .FavoriteButton-module_lottie__tq3yk:hover:after {
    background-color: rgba(204, 210, 255, .2)
}

.FavoriteButton-module_container__uKwUQ.FavoriteButton-module_variant-icon__l2Q5u.FavoriteButton-module_active__cRZdw .FavoriteButton-module_lottie__tq3yk:not(:hover) svg path {
    fill: var(--icon-fill-color)
}

.FavoriteButton-module_container__uKwUQ.FavoriteButton-module_variant-icon__l2Q5u:not(.FavoriteButton-module_active__cRZdw) .FavoriteButton-module_lottie__tq3yk:not(:hover) {
    filter: brightness(.6)
}

@keyframes FavoriteButton-module_pulse__MigOA {
    0% {
        scale: 1
    }

    50% {
        opacity: .9;
        scale: .94
    }

    to {
        scale: 1
    }
}

.TextButton-module_root__W99e3 {
    --button-color: unset;
    --button-col-gap: 4px;
    --icon-size: unset;
    position: relative;
    cursor: pointer;
    user-select: none;
    background-color: transparent
}

.TextButton-module_root__W99e3:disabled {
    pointer-events: none;
    cursor: not-allowed
}

.TextButton-module_root__W99e3:disabled:active {
    transform: none
}

.TextButton-module_inner__QKClu {
    display: flex;
    column-gap: var(--button-col-gap);
    align-items: center;
    justify-content: center;
    height: min-content;
    overflow: visible;
    color: var(--button-color)
}

.TextButton-module_label__Upxe7 {
    display: flex;
    align-items: center;
    height: 100%;
    overflow: hidden;
    white-space: nowrap
}

.TextButton-module_icon__mujEm {
    display: flex;
    align-items: center;
    width: var(--icon-size);
    min-width: var(--icon-size);
    height: var(--icon-size);
    min-height: var(--icon-size)
}

.TextButton-module_mode-hug__JMGSw {
    width: min-content
}

.TextButton-module_mode-fill__gcoZV {
    width: 100%
}

.TextButton-module_size-sm__Qu8xN {
    --icon-size: 16px;
    font-size: var(--frontly-label-x-sm-font-size);
    font-weight: var(--frontly-label-x-sm-font-weight);
    line-height: var(--frontly-label-x-sm-line-height);
    letter-spacing: var(--frontly-label-x-sm-letter-spacing)
}

.TextButton-module_size-md__0-mTi {
    --icon-size: 20px;
    font-size: var(--frontly-label-sm-font-size);
    font-weight: var(--frontly-label-sm-font-weight);
    line-height: var(--frontly-label-sm-line-height);
    letter-spacing: var(--frontly-label-sm-letter-spacing)
}

.TextButton-module_size-lg__6Mbih {
    --icon-size: 24px;
    font-size: var(--frontly-label-lg-font-size);
    font-weight: var(--frontly-label-lg-font-weight);
    line-height: var(--frontly-label-lg-line-height);
    letter-spacing: var(--frontly-label-lg-letter-spacing)
}

.TextButton-module_purple__VVfzP {
    --button-color: #b7a7ff
}

@media (hover:hover) and (pointer:fine) {
    .TextButton-module_purple__VVfzP:hover {
        --button-color: #ccd2ff
    }
}

.TextButton-module_purple__VVfzP:disabled {
    --button-color: #b7a7ff;
    opacity: .4
}

.TextButton-module_light-gray__bUc4y {
    --button-color: #bbb9c7
}

@media (hover:hover) and (pointer:fine) {
    .TextButton-module_light-gray__bUc4y:hover {
        --button-color: #fff
    }
}

.TextButton-module_light-gray__bUc4y:disabled {
    --button-color: #bbb9c7;
    opacity: .4
}

.MessageContainer-module_container__q2KBe {
    --image-margin-bottom: unset;
    --message-gap: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    justify-self: center;
    max-width: 400px
}

.MessageContainer-module_container__q2KBe .MessageContainer-module_image__ZgNvQ {
    --image-height: unset;
    height: var(--image-height);
    min-height: var(--image-height);
    margin-bottom: var(--image-margin-bottom)
}

.MessageContainer-module_container__q2KBe .MessageContainer-module_image__ZgNvQ.MessageContainer-module_image-size-custom__q5gbZ {
    --image-height: unset
}

.MessageContainer-module_container__q2KBe .MessageContainer-module_image__ZgNvQ.MessageContainer-module_image-size-104__LERas {
    --image-height: 104px
}

.MessageContainer-module_container__q2KBe .MessageContainer-module_image__ZgNvQ.MessageContainer-module_image-size-80__9NYaB {
    --image-height: 80px
}

.MessageContainer-module_container__q2KBe .MessageContainer-module_image__ZgNvQ.MessageContainer-module_image-size-64__V2onD {
    --image-height: 64px
}

.MessageContainer-module_container__q2KBe .MessageContainer-module_image__ZgNvQ.MessageContainer-module_image-size-56__5jJ9j {
    --image-height: 56px
}

.MessageContainer-module_container__q2KBe .MessageContainer-module_image__ZgNvQ.MessageContainer-module_image-size-48__-7pYJ {
    --image-height: 48px
}

.MessageContainer-module_container__q2KBe .MessageContainer-module_image__ZgNvQ.MessageContainer-module_image-size-40__K0mX7 {
    --image-height: 40px
}

.MessageContainer-module_container__q2KBe .MessageContainer-module_image__ZgNvQ.MessageContainer-module_image-size-32__EwC-E {
    --image-height: 32px
}

.MessageContainer-module_container__q2KBe .MessageContainer-module_image__ZgNvQ.MessageContainer-module_image-size-24__5fdzW {
    --image-height: 24px
}

.MessageContainer-module_container__q2KBe .MessageContainer-module_message__T4i0M {
    display: flex;
    flex-direction: column;
    row-gap: var(--message-gap);
    align-items: center
}

.MessageContainer-module_container__q2KBe .MessageContainer-module_message__T4i0M .MessageContainer-module_title__k7ZOu {
    color: var(--frontly-white-100);
    text-align: center;
    white-space: break-spaces
}

.MessageContainer-module_container__q2KBe .MessageContainer-module_message__T4i0M .MessageContainer-module_description__xO1BL {
    color: var(--frontly-graybase-200);
    text-align: center;
    white-space: break-spaces
}

.MessageContainer-module_button-group__v-mVQ {
    --bg-gap: unset;
    --bg-margin-top: unset;
    display: flex;
    gap: var(--bg-gap);
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: var(--bg-margin-top)
}

.MessageContainer-module_button-group__v-mVQ.MessageContainer-module_bg-layout-horizontal__Reql2 {
    flex-direction: row
}

.MessageContainer-module_button-group__v-mVQ.MessageContainer-module_bg-layout-vertical__yc-lI {
    flex-direction: column
}

.MessageContainer-module_button-group__v-mVQ.MessageContainer-module_bg-margin-top-xx-lg__YSlP8 {
    --bg-margin-top: 28px
}

.MessageContainer-module_button-group__v-mVQ.MessageContainer-module_bg-margin-top-lg__-vP4C,
.MessageContainer-module_button-group__v-mVQ.MessageContainer-module_bg-margin-top-x-lg__Joo7W {
    --bg-margin-top: 24px
}

.MessageContainer-module_button-group__v-mVQ.MessageContainer-module_bg-margin-top-md__t2Jv7 {
    --bg-margin-top: 20px
}

.MessageContainer-module_button-group__v-mVQ.MessageContainer-module_bg-margin-top-sm__rBOdI {
    --bg-margin-top: 16px
}

.MessageContainer-module_button-group__v-mVQ.MessageContainer-module_bg-size-lg__dUbLk.MessageContainer-module_bg-gap-md__2O44R,
.MessageContainer-module_button-group__v-mVQ.MessageContainer-module_bg-size-md__kbkMF.MessageContainer-module_bg-gap-md__2O44R {
    --bg-gap: 16px
}

.MessageContainer-module_button-group__v-mVQ.MessageContainer-module_bg-size-lg__dUbLk.MessageContainer-module_bg-gap-sm__tIMjB,
.MessageContainer-module_button-group__v-mVQ.MessageContainer-module_bg-size-md__kbkMF.MessageContainer-module_bg-gap-sm__tIMjB,
.MessageContainer-module_button-group__v-mVQ.MessageContainer-module_bg-size-sm__fm2C4.MessageContainer-module_bg-gap-md__2O44R {
    --bg-gap: 12px
}

.MessageContainer-module_button-group__v-mVQ.MessageContainer-module_bg-size-sm__fm2C4.MessageContainer-module_bg-gap-sm__tIMjB {
    --bg-gap: 8px
}

.MessageContainer-module_button-group__v-mVQ .MessageContainer-module_text-button__NqMEb:last-child {
    margin-left: 4px
}

.MessageContainer-module_button-group__v-mVQ .MessageContainer-module_text-button__NqMEb:not(:last-child) {
    margin-right: 4px
}

.MessageContainer-module_container__q2KBe.MessageContainer-module_size-xx-lg__5PhCP {
    --image-margin-bottom: 20px;
    --message-gap: 8px
}

.MessageContainer-module_container__q2KBe.MessageContainer-module_size-xx-lg__5PhCP .MessageContainer-module_title__k7ZOu {
    font-size: var(--frontly-headline-x-sm-font-size);
    font-weight: var(--frontly-headline-x-sm-font-weight);
    line-height: var(--frontly-headline-x-sm-line-height);
    letter-spacing: var(--frontly-headline-x-sm-letter-spacing)
}

.MessageContainer-module_container__q2KBe.MessageContainer-module_size-xx-lg__5PhCP .MessageContainer-module_description__xO1BL {
    font-size: var(--frontly-body-lg-font-size);
    font-weight: var(--frontly-body-lg-font-weight);
    line-height: var(--frontly-body-lg-line-height);
    letter-spacing: var(--frontly-body-lg-letter-spacing)
}

.MessageContainer-module_container__q2KBe.MessageContainer-module_size-x-lg__Cc2jF {
    --image-margin-bottom: 20px;
    --message-gap: 8px
}

.MessageContainer-module_container__q2KBe.MessageContainer-module_size-x-lg__Cc2jF .MessageContainer-module_title__k7ZOu {
    font-size: var(--frontly-headline-x-sm-font-size);
    font-weight: var(--frontly-headline-x-sm-font-weight);
    line-height: var(--frontly-headline-x-sm-line-height);
    letter-spacing: var(--frontly-headline-x-sm-letter-spacing)
}

.MessageContainer-module_container__q2KBe.MessageContainer-module_size-x-lg__Cc2jF .MessageContainer-module_description__xO1BL {
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing)
}

.MessageContainer-module_container__q2KBe.MessageContainer-module_size-lg__iT2sw {
    --image-margin-bottom: 16px;
    --message-gap: 8px
}

.MessageContainer-module_container__q2KBe.MessageContainer-module_size-lg__iT2sw .MessageContainer-module_title__k7ZOu {
    font-size: var(--frontly-subhead-lg-font-size);
    font-weight: var(--frontly-subhead-lg-font-weight);
    line-height: var(--frontly-subhead-lg-line-height);
    letter-spacing: var(--frontly-subhead-lg-letter-spacing)
}

.MessageContainer-module_container__q2KBe.MessageContainer-module_size-lg__iT2sw .MessageContainer-module_description__xO1BL {
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing)
}

.MessageContainer-module_container__q2KBe.MessageContainer-module_size-md__Feu70 {
    --image-margin-bottom: 12px;
    --message-gap: 6px
}

.MessageContainer-module_container__q2KBe.MessageContainer-module_size-md__Feu70 .MessageContainer-module_title__k7ZOu {
    font-size: var(--frontly-subhead-md-font-size);
    font-weight: var(--frontly-subhead-md-font-weight);
    line-height: var(--frontly-subhead-md-line-height);
    letter-spacing: var(--frontly-subhead-md-letter-spacing)
}

.MessageContainer-module_container__q2KBe.MessageContainer-module_size-md__Feu70 .MessageContainer-module_description__xO1BL {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing)
}

.MessageContainer-module_container__q2KBe.MessageContainer-module_size-sm__RCVma {
    --image-margin-bottom: 10px;
    --message-gap: 4px
}

.MessageContainer-module_container__q2KBe.MessageContainer-module_size-sm__RCVma .MessageContainer-module_title__k7ZOu {
    font-size: var(--frontly-subhead-sm-font-size);
    font-weight: var(--frontly-subhead-sm-font-weight);
    line-height: var(--frontly-subhead-sm-line-height);
    letter-spacing: var(--frontly-subhead-sm-letter-spacing)
}

.MessageContainer-module_container__q2KBe.MessageContainer-module_size-sm__RCVma .MessageContainer-module_description__xO1BL {
    font-size: var(--frontly-body-x-sm-font-size);
    font-weight: var(--frontly-body-x-sm-font-weight);
    line-height: var(--frontly-body-x-sm-line-height);
    letter-spacing: var(--frontly-body-x-sm-letter-spacing)
}

.ModalCloseIcon-module_container__FZOJt {
    --close-button-color: #817e8f;
    --close-button-color-hover: #bbb9c7;
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 1;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.ModalCloseIcon-module_container__FZOJt:focus {
    outline: none
}

.ModalCloseIcon-module_container__FZOJt path {
    fill: var(--close-button-color)
}

.ModalCloseIcon-module_container__FZOJt:hover path {
    fill: var(--close-button-color-hover)
}

.ModalContent-module_container__RYNqi {
    --modal-content-padding-top: 0;
    --modal-content-padding-left: unset;
    --modal-content-padding-right: unset;
    --modal-content-padding-bottom: unset;
    position: relative;
    box-sizing: border-box;
    display: grid;
    flex-direction: column;
    flex-grow: 1;
    min-height: 0;
    padding: var(--modal-content-padding-top) var(--modal-content-padding-right) var(--modal-content-padding-bottom) var(--modal-content-padding-left);
    overflow: auto;
    overscroll-behavior: none
}

.ModalContent-module_container__RYNqi.ModalContent-module_desktop__bfHcq.ModalContent-module_size-x-sm__DtTK6 {
    --modal-content-padding-left: 24px;
    --modal-content-padding-right: 24px;
    --modal-content-padding-bottom: 24px
}

.ModalContent-module_container__RYNqi.ModalContent-module_desktop__bfHcq.ModalContent-module_size-md__QSFCb,
.ModalContent-module_container__RYNqi.ModalContent-module_desktop__bfHcq.ModalContent-module_size-sm__zsYm- {
    --modal-content-padding-left: 32px;
    --modal-content-padding-right: 32px;
    --modal-content-padding-bottom: 32px
}

.ModalContent-module_container__RYNqi.ModalContent-module_desktop__bfHcq.ModalContent-module_size-lg__Nh8OA {
    --modal-content-padding-left: 36px;
    --modal-content-padding-right: 36px;
    --modal-content-padding-bottom: 36px
}

.ModalContent-module_container__RYNqi.ModalContent-module_mobile__k4etr {
    --modal-content-padding-left: 20px;
    --modal-content-padding-right: 20px;
    --modal-content-padding-bottom: 20px
}

.ModalFooter-module_container__LGcOC {
    --modal-footer-padding-top: unset;
    --modal-footer-padding-bottom: unset;
    --modal-footer-padding-left: unset;
    --modal-footer-padding-right: unset;
    z-index: 1;
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    padding: var(--modal-footer-padding-top) var(--modal-footer-padding-right) var(--modal-footer-padding-bottom) var(--modal-footer-padding-left)
}

.ModalFooter-module_container__LGcOC.ModalFooter-module_desktop__i9PNW.ModalFooter-module_display-normal__mF-K-.ModalFooter-module_size-x-sm__YSIqD {
    --modal-footer-padding-left: 24px;
    --modal-footer-padding-right: 24px;
    --modal-footer-padding-top: 20px;
    --modal-footer-padding-bottom: 24px
}

.ModalFooter-module_container__LGcOC.ModalFooter-module_desktop__i9PNW.ModalFooter-module_display-normal__mF-K-.ModalFooter-module_size-md__X-PnC,
.ModalFooter-module_container__LGcOC.ModalFooter-module_desktop__i9PNW.ModalFooter-module_display-normal__mF-K-.ModalFooter-module_size-sm__D2OHp {
    --modal-footer-padding-left: 32px;
    --modal-footer-padding-right: 32px;
    --modal-footer-padding-top: 20px;
    --modal-footer-padding-bottom: 32px
}

.ModalFooter-module_container__LGcOC.ModalFooter-module_desktop__i9PNW.ModalFooter-module_display-normal__mF-K-.ModalFooter-module_size-lg__N8fTY {
    --modal-footer-padding-left: 36px;
    --modal-footer-padding-right: 36px;
    --modal-footer-padding-top: 20px;
    --modal-footer-padding-bottom: 36px
}

.ModalFooter-module_container__LGcOC.ModalFooter-module_desktop__i9PNW.ModalFooter-module_display-custom__kdOl6 {
    --modal-footer-padding-top: 0;
    --modal-footer-padding-bottom: 0;
    --modal-footer-padding-left: 0;
    --modal-footer-padding-right: 0
}

.ModalFooter-module_container__LGcOC.ModalFooter-module_mobile__SkVh4 {
    --modal-footer-padding-left: 20px;
    --modal-footer-padding-right: 20px;
    --modal-footer-padding-top: 20px;
    --modal-footer-padding-bottom: 20px
}

.ModalHeader-module_container__WuYlI {
    --modal-header-min-height: unset;
    --modal-header-padding-top: unset;
    --modal-header-padding-bottom: unset;
    --modal-header-padding-left: unset;
    --modal-header-padding-right: unset;
    --modal-header-content-padding-right: unset;
    z-index: 1;
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    min-height: var(--modal-header-min-height);
    padding: var(--modal-header-padding-top) var(--modal-header-padding-right) var(--modal-header-padding-bottom) var(--modal-header-padding-left)
}

.ModalHeader-module_container__WuYlI .ModalHeader-module_content__xkjN- {
    padding-right: var(--modal-header-content-padding-right);
    color: var(--frontly-white-100)
}

.ModalHeader-module_container__WuYlI .ModalHeader-module_description__akSj2 {
    color: var(--frontly-graybase-200)
}

.ModalHeader-module_container__WuYlI.ModalHeader-module_desktop__4O1JY .ModalHeader-module_content__xkjN- {
    font-size: var(--frontly-headline-x-sm-font-size);
    font-weight: var(--frontly-headline-x-sm-font-weight);
    line-height: var(--frontly-headline-x-sm-line-height);
    letter-spacing: var(--frontly-headline-x-sm-letter-spacing);
    width: 100%
}

.ModalHeader-module_container__WuYlI.ModalHeader-module_desktop__4O1JY .ModalHeader-module_description__akSj2 {
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing)
}

.ModalHeader-module_container__WuYlI.ModalHeader-module_desktop__4O1JY.ModalHeader-module_size-x-sm__8IJPb {
    --modal-header-padding-left: 24px;
    --modal-header-padding-right: 24px;
    --modal-header-content-padding-right: 24px;
    --modal-header-padding-top: 24px;
    --modal-header-padding-bottom: 20px
}

.ModalHeader-module_container__WuYlI.ModalHeader-module_desktop__4O1JY.ModalHeader-module_size-md__NyneW,
.ModalHeader-module_container__WuYlI.ModalHeader-module_desktop__4O1JY.ModalHeader-module_size-sm__Ng3Bq {
    --modal-header-padding-left: 32px;
    --modal-header-padding-right: 32px;
    --modal-header-content-padding-right: 16px;
    --modal-header-padding-top: 28px;
    --modal-header-padding-bottom: 20px
}

.ModalHeader-module_container__WuYlI.ModalHeader-module_desktop__4O1JY.ModalHeader-module_size-lg__qhkAT {
    --modal-header-padding-left: 36px;
    --modal-header-padding-right: 36px;
    --modal-header-content-padding-right: 12px;
    --modal-header-padding-top: 32px;
    --modal-header-padding-bottom: 20px
}

.ModalHeader-module_container__WuYlI.ModalHeader-module_desktop__4O1JY.ModalHeader-module_display-normal__NBR7p {
    --modal-header-min-height: 52px;
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

.ModalHeader-module_container__WuYlI.ModalHeader-module_desktop__4O1JY.ModalHeader-module_display-compact__tbKnv {
    --modal-header-min-height: 52px;
    --modal-header-padding-top: 16px;
    --modal-header-padding-right: 48px;
    --modal-header-padding-bottom: 12px
}

.ModalHeader-module_container__WuYlI.ModalHeader-module_desktop__4O1JY.ModalHeader-module_display-custom__BIjdK {
    --modal-header-min-height: 0;
    --modal-header-padding-top: 0;
    --modal-header-padding-bottom: 0;
    --modal-header-padding-left: 0;
    --modal-header-padding-right: 0;
    --modal-header-content-padding-right: 0
}

.ModalHeader-module_container__WuYlI.ModalHeader-module_mobile__QGy-S {
    --modal-header-padding-left: 20px;
    --modal-header-padding-right: 20px;
    --modal-header-content-padding-right: 28px;
    --modal-header-padding-top: 20px;
    --modal-header-padding-bottom: 20px
}

.ModalHeader-module_container__WuYlI.ModalHeader-module_mobile__QGy-S .ModalHeader-module_content__xkjN- {
    font-size: var(--frontly-subhead-lg-font-size);
    font-weight: var(--frontly-subhead-lg-font-weight);
    line-height: var(--frontly-subhead-lg-line-height);
    letter-spacing: var(--frontly-subhead-lg-letter-spacing)
}

.ModalHeader-module_container__WuYlI.ModalHeader-module_mobile__QGy-S .ModalHeader-module_description__akSj2 {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing)
}

.ModalHeader-module_container__WuYlI.ModalHeader-module_mobile__QGy-S.ModalHeader-module_display-normal__NBR7p {
    --modal-header-min-height: 52px;
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

.ModalHeader-module_container__WuYlI.ModalHeader-module_mobile__QGy-S.ModalHeader-module_display-compact__tbKnv {
    --modal-header-min-height: 52px;
    --modal-header-padding-top: 16px;
    --modal-header-padding-right: 48px;
    --modal-header-padding-bottom: 12px
}

.ModalHeader-module_container__WuYlI.ModalHeader-module_mobile__QGy-S.ModalHeader-module_display-custom__BIjdK {
    --modal-header-min-height: 0;
    --modal-header-padding-top: 0;
    --modal-header-padding-bottom: 0;
    --modal-header-padding-left: 0;
    --modal-header-padding-right: 0;
    --modal-header-content-padding-right: 0
}

.Modal-module_container__UCuJv {
    --modal-width: 100%;
    position: absolute;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-width: 320px;
    overflow: hidden;
    box-shadow: 0 0 16px rgba(20, 20, 22, .4), 0 8px 24px rgba(20, 20, 22, .4)
}

.Modal-module_container__UCuJv :focus {
    outline: none
}

.Modal-module_container__UCuJv.Modal-module_desktop__-ps8- {
    top: 50%;
    left: 50%;
    width: min(var(--modal-width), 100% - 72px);
    min-height: 370px;
    max-height: min(800px, 100% - 80px);
    border-radius: 8px;
    opacity: 0;
    transition: opacity 50ms ease-out, transform .15s ease-out;
    transform: translate(-50%, -50%) scale(.9)
}

.Modal-module_container__UCuJv.Modal-module_desktop__-ps8-.Modal-module_visible__lOo48 {
    opacity: 1;
    transition: all .1s ease-in 50ms;
    transform: translate(-50%, -50%) scale(1)
}

.Modal-module_container__UCuJv.Modal-module_mobile__0LTVI {
    bottom: 0;
    width: 100%;
    max-height: calc(100% - 8px);
    border-radius: 8px 8px 0 0;
    opacity: 0;
    transition: opacity 50ms ease-out, transform .15s ease;
    transform: scale(.9)
}

.Modal-module_container__UCuJv.Modal-module_mobile__0LTVI.Modal-module_visible__lOo48 {
    opacity: 1;
    transition: all .1s ease-in 50ms;
    transform: scale(1)
}

.Modal-module_body-wrapper__L0v0d {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 0;
    max-height: 100%;
    background-color: #282633
}

.Modal-module_close-button-wrapper__Rq6LX {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.Skeleton-module_container__71Qs- {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 4px
}

.Skeleton-module_container__71Qs-:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg, #817e8f, rgba(129, 126, 143, 0) 39.58%, #817e8f 100%, #817e8f 0);
    background-size: 200% 100%;
    opacity: .3;
    animation: Skeleton-module_skeleton-animation__fH-pZ 2.25s ease-in-out infinite
}

@keyframes Skeleton-module_skeleton-animation__fH-pZ {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: -100% 50%
    }
}

.Slider-module_container__3PfvV {
    position: relative
}

.Slider-module_container__3PfvV .rc-slider {
    position: relative;
    width: 100%;
    height: 16px;
    padding: 7px 0;
    touch-action: none;
    border-radius: 2px
}

.Slider-module_container__3PfvV .rc-slider,
.Slider-module_container__3PfvV .rc-slider * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.Slider-module_container__3PfvV .rc-slider-rail {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: hsla(0, 0%, 100%, .15);
    border-radius: 2px
}

.Slider-module_container__3PfvV .rc-slider-track {
    position: absolute;
    height: 2px;
    background-color: #7a6efa;
    border-radius: 2px
}

.Slider-module_container__3PfvV .rc-slider-step {
    position: absolute;
    width: 100%;
    height: 2px;
    background: transparent
}

.Slider-module_container__3PfvV .rc-slider-handle {
    position: absolute;
    z-index: 1;
    touch-action: pan-x;
    cursor: pointer;
    border: 1px solid transparent;
    outline: none
}

.Slider-module_container__3PfvV .rc-slider-handle:before {
    position: absolute;
    width: 10px;
    height: 10px;
    content: "";
    background-color: #b4bcff;
    border-radius: 50%;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    transform: translate(-50%, -50%)
}

.Slider-module_container__3PfvV .rc-slider-handle:after {
    position: absolute;
    width: 16px;
    height: 16px;
    content: "";
    background-color: rgba(127, 117, 252, .3);
    border-radius: 50%;
    transform: translate(-50%, -50%)
}

.Slider-module_container__3PfvV .rc-slider-handle:focus {
    outline: none;
    box-shadow: none
}

.Slider-module_container__3PfvV .rc-slider-vertical {
    width: 16px;
    height: 100%;
    padding: 0 7px
}

.Slider-module_container__3PfvV .rc-slider-vertical .rc-slider-rail {
    width: 2px;
    height: 100%
}

.Slider-module_container__3PfvV .rc-slider-vertical .rc-slider-track {
    bottom: 0;
    left: 7px;
    width: 2px
}

.Slider-module_container__3PfvV .rc-slider-vertical .rc-slider-handle {
    position: absolute;
    z-index: 1;
    touch-action: pan-y
}

.Slider-module_container__3PfvV .rc-slider-vertical .rc-slider-step {
    width: 2px;
    height: 100%
}

.Slider-module_container__3PfvV .rc-slider-disabled {
    opacity: .6
}

.Slider-module_container__3PfvV .rc-slider-disabled .rc-slider-handle {
    cursor: default
}

.Slider-module_container__3PfvV .rc-slider-disabled .rc-slider-handle:after,
.Slider-module_container__3PfvV .rc-slider-disabled .rc-slider-handle:before {
    box-shadow: none
}

.SquareButton-module_container__I-VdT {
    --icon-size: unset;
    --button-padding: unset;
    --button-background: unset;
    --button-background-hover: unset;
    --button-background-disabled: unset;
    --button-color: var(--frontly-white-100);
    --button-border-radius: 4px;
    position: relative;
    width: min-content;
    height: min-content;
    padding: var(--button-padding);
    color: var(--button-color);
    cursor: pointer;
    user-select: none;
    background-color: var(--button-background);
    border-radius: var(--button-border-radius);
    transition: background-color var(--frontly-duration-short-02) var(--frontly-easing-ease), color var(--frontly-duration-short-02) var(--frontly-easing-ease)
}

.SquareButton-module_container__I-VdT,
.SquareButton-module_container__I-VdT * {
    box-sizing: border-box
}

.SquareButton-module_container__I-VdT .SquareButton-module_icon__e0JNy {
    width: var(--icon-size);
    min-width: var(--icon-size);
    height: var(--icon-size);
    min-height: var(--icon-size)
}

.SquareButton-module_container__I-VdT .SquareButton-module_loader__Vi58f {
    --loader-size: var(--icon-size);
    --loader-color: var(--button-color);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center
}

.SquareButton-module_container__I-VdT:hover {
    background-color: var(--button-background-hover)
}

.SquareButton-module_container__I-VdT:disabled {
    pointer-events: none;
    cursor: not-allowed;
    background-color: var(--button-background-disabled);
    opacity: .4
}

.SquareButton-module_container__I-VdT:disabled:active {
    transform: none
}

.SquareButton-module_size-lg__03cY5 {
    --icon-size: 28px;
    --button-padding: 10px
}

.SquareButton-module_size-md__o0-0j {
    --icon-size: 24px;
    --button-padding: 7px
}

.SquareButton-module_size-sm__fYfnf {
    --icon-size: 20px;
    --button-padding: 4px
}

.SquareButton-module_size-x-sm__oN6-O {
    --icon-size: 16px;
    --button-padding: 4px
}

.SquareButton-module_size-xx-sm__X4a3H {
    --icon-size: 14px;
    --button-padding: 3px
}

.SquareButton-module_color-gray__WtiB4 {
    --button-background: var(--frontly-purple-200-16);
    --button-background-hover: var(--frontly-purple-200-32);
    --button-background-disabled: var(--frontly-purple-200-16)
}

.SquareButton-module_color-red__uwoBf {
    --button-background: var(--frontly-red-500);
    --button-background-hover: var(--frontly-red-400);
    --button-background-disabled: var(--frontly-red-500)
}

.SquareButton-module_color-purple__tN4uR {
    --button-background: var(--frontly-purple-500);
    --button-background-hover: var(--frontly-purple-400);
    --button-background-disabled: var(--frontly-purple-500)
}

.SquareButton-module_color-pink__ETBX7 {
    --button-background: var(--frontly-pink-500);
    --button-background-hover: var(--frontly-pink-400);
    --button-background-disabled: var(--frontly-pink-500)
}

.Tag-module_container__ifYyD {
    --tag-background: unset;
    --tag-color: unset;
    --is-blurry: false;
    --tag-min-height: unset;
    --tag-padding: unset;
    --tag-gap: unset;
    --icon-width: unset;
    --icon-height: unset;
    --tag-width: 100%;
    --tag-max-width: max-content;
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    display: flex;
    column-gap: var(--tag-gap);
    align-items: center;
    width: var(--tag-width);
    max-width: var(--tag-max-width);
    height: fit-content;
    min-height: var(--tag-min-height);
    padding: var(--tag-padding);
    overflow: hidden;
    color: var(--tag-color);
    white-space: nowrap;
    background: var(--tag-background);
    border-radius: 4px
}

.Tag-module_container__ifYyD .Tag-module_icon__W-CqN {
    display: flex;
    width: var(--icon-width);
    min-width: var(--icon-width);
    height: var(--icon-height)
}

.Tag-module_container__ifYyD .Tag-module_content__uLsTI {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Tag-module_container__ifYyD.Tag-module_blurry__HKEEK {
    --is-blurry: true;
    backdrop-filter: blur(8px)
}

.Tag-module_size-lg__QhcPJ {
    --icon-width: 16px;
    --icon-height: 16px;
    --tag-gap: 4px;
    --tag-padding: 4px 8px;
    --tag-min-height: 28px
}

.Tag-module_size-lg__QhcPJ .Tag-module_content__uLsTI {
    font-size: var(--frontly-subhead-sm-font-size);
    font-weight: var(--frontly-subhead-sm-font-weight);
    line-height: var(--frontly-subhead-sm-line-height);
    letter-spacing: var(--frontly-subhead-sm-letter-spacing)
}

.Tag-module_size-lg__QhcPJ.Tag-module_icon-only__OQg1w {
    --tag-padding: 6px
}

.Tag-module_size-sm__8AUs3 {
    --icon-width: 12px;
    --icon-height: 12px;
    --tag-gap: 3px;
    --tag-padding: 1px 3px;
    --tag-min-height: 18px
}

.Tag-module_size-sm__8AUs3 .Tag-module_content__uLsTI {
    font-size: var(--frontly-subhead-x-sm-font-size);
    font-weight: var(--frontly-subhead-x-sm-font-weight);
    line-height: var(--frontly-subhead-x-sm-line-height);
    letter-spacing: var(--frontly-subhead-x-sm-letter-spacing)
}

.Tag-module_size-sm__8AUs3.Tag-module_icon-only__OQg1w {
    --tag-padding: 3px
}

.Tag-module_red__BeQNN {
    --tag-background: color-mix(in srgb, var(--frontly-red-400) 20%, rgba(28, 26, 36, 0.5));
    --tag-color: var(--frontly-red-400)
}

.Tag-module_red__BeQNN.Tag-module_filled__ogNHl {
    --tag-background: var(--frontly-red-500);
    --tag-color: var(--frontly-white-100)
}

.Tag-module_yellow__8LAXC {
    --tag-background: color-mix(in srgb, var(--frontly-yellow-400, var(--is-blurry)) 20%, rgba(28, 26, 36, 0.5));
    --tag-color: var(--frontly-yellow-400)
}

.Tag-module_green__5A03j {
    --tag-background: color-mix(in srgb, var(--frontly-green-400) 20%, rgba(28, 26, 36, 0.5));
    --tag-color: var(--frontly-green-400)
}

.Tag-module_green__5A03j.Tag-module_filled__ogNHl {
    --tag-background: var(--frontly-green-500);
    --tag-color: var(--frontly-white-100)
}

.Tag-module_purple__5JKVB {
    --tag-background: color-mix(in srgb, var(--frontly-purple-400) 20%, rgba(28, 26, 36, 0.5));
    --tag-color: var(--frontly-purple-400)
}

.Tag-module_purple__5JKVB.Tag-module_filled__ogNHl {
    --tag-background: var(--frontly-purple-500);
    --tag-color: var(--frontly-white-100)
}

.Tag-module_light-purple__CnoQH {
    --tag-background: color-mix(in srgb, var(--frontly-purple-200) 20%, rgba(28, 26, 36, 0.5));
    --tag-color: var(--frontly-white-100)
}

.Tag-module_light-purple__CnoQH.Tag-module_filled__ogNHl {
    --tag-background: var(--frontly-purple-100);
    --tag-color: var(--frontly-illustration-dark-gray)
}

.Tag-module_pink__zdR3V {
    --tag-background: color-mix(in srgb, var(--frontly-pink-400) 20%, rgba(28, 26, 36, 0.5));
    --tag-color: var(--frontly-pink-400)
}

.Tag-module_pink__zdR3V.Tag-module_filled__ogNHl {
    --tag-background: var(--frontly-pink-500);
    --tag-color: var(--frontly-white-100)
}

.Tag-module_blue__OZprV {
    --tag-background: color-mix(in srgb, var(--frontly-blue-400) 20%, rgba(28, 26, 36, 0.5));
    --tag-color: var(--frontly-blue-400)
}

.Tag-module_gray__-5-o0 {
    --tag-background: color-mix(in srgb, var(--frontly-white-100) 20%, rgba(28, 26, 36, 0.5));
    --tag-color: var(--frontly-white-100-50)
}

.Tag-module_gray__-5-o0.Tag-module_filled__ogNHl {
    --tag-background: var(--frontly-graybase-400);
    --tag-color: var(--frontly-graybase-100)
}

.Tag-module_pink-blue-gradient__1ceoT {
    --tag-background: var(--frontly-gradient-fade);
    --tag-color: var(--frontly-white-100)
}

.Tag-module_bright-mint__27eSG {
    --tag-background: var(--frontly-illustration-bright-mint);
    --tag-color: var(--frontly-illustration-dark-gray)
}

.Text-module_normalize__w1P0l {
    margin: 0;
    font-family: inherit
}

.Text-module_headline-lg__vK4xi {
    font-size: var(--frontly-headline-lg-font-size);
    font-weight: var(--frontly-headline-lg-font-weight);
    line-height: var(--frontly-headline-lg-line-height);
    letter-spacing: var(--frontly-headline-lg-letter-spacing)
}

.Text-module_headline-2md__R0XEb {
    font-size: var(--frontly-headline-2md-font-size);
    font-weight: var(--frontly-headline-2md-font-weight);
    line-height: var(--frontly-headline-2md-line-height);
    letter-spacing: var(--frontly-headline-2md-letter-spacing)
}

.Text-module_headline-md__tliLs {
    font-size: var(--frontly-headline-md-font-size);
    font-weight: var(--frontly-headline-md-font-weight);
    line-height: var(--frontly-headline-md-line-height);
    letter-spacing: var(--frontly-headline-md-letter-spacing)
}

.Text-module_headline-sm__mXLAn {
    font-size: var(--frontly-headline-sm-font-size);
    font-weight: var(--frontly-headline-sm-font-weight);
    line-height: var(--frontly-headline-sm-line-height);
    letter-spacing: var(--frontly-headline-sm-letter-spacing)
}

.Text-module_headline-x-sm__icu-z {
    font-size: var(--frontly-headline-x-sm-font-size);
    font-weight: var(--frontly-headline-x-sm-font-weight);
    line-height: var(--frontly-headline-x-sm-line-height);
    letter-spacing: var(--frontly-headline-x-sm-letter-spacing)
}

.Text-module_subhead-lg__rXhkJ {
    font-size: var(--frontly-subhead-lg-font-size);
    font-weight: var(--frontly-subhead-lg-font-weight);
    line-height: var(--frontly-subhead-lg-line-height);
    letter-spacing: var(--frontly-subhead-lg-letter-spacing)
}

.Text-module_subhead-md__-ZCv7 {
    font-size: var(--frontly-subhead-md-font-size);
    font-weight: var(--frontly-subhead-md-font-weight);
    line-height: var(--frontly-subhead-md-line-height);
    letter-spacing: var(--frontly-subhead-md-letter-spacing)
}

.Text-module_subhead-sm__6eONi {
    font-size: var(--frontly-subhead-sm-font-size);
    font-weight: var(--frontly-subhead-sm-font-weight);
    line-height: var(--frontly-subhead-sm-line-height);
    letter-spacing: var(--frontly-subhead-sm-letter-spacing)
}

.Text-module_subhead-x-sm__sKgip {
    font-size: var(--frontly-subhead-x-sm-font-size);
    font-weight: var(--frontly-subhead-x-sm-font-weight);
    line-height: var(--frontly-subhead-x-sm-line-height);
    letter-spacing: var(--frontly-subhead-x-sm-letter-spacing)
}

.Text-module_subhead-2x-sm__8NyR6 {
    font-size: var(--frontly-subhead-2x-sm-font-size);
    font-weight: var(--frontly-subhead-2x-sm-font-weight);
    line-height: var(--frontly-subhead-2x-sm-line-height);
    letter-spacing: var(--frontly-subhead-2x-sm-letter-spacing)
}

.Text-module_body-lg__HANkB {
    font-size: var(--frontly-body-lg-font-size);
    font-weight: var(--frontly-body-lg-font-weight);
    line-height: var(--frontly-body-lg-line-height);
    letter-spacing: var(--frontly-body-lg-letter-spacing)
}

.Text-module_body-md__2DmSH {
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing)
}

.Text-module_body-sm__KjtQT {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing)
}

.Text-module_body-x-sm__A6Pd9 {
    font-size: var(--frontly-body-x-sm-font-size);
    font-weight: var(--frontly-body-x-sm-font-weight);
    line-height: var(--frontly-body-x-sm-line-height);
    letter-spacing: var(--frontly-body-x-sm-letter-spacing)
}

.Text-module_label-lg__8BLPm {
    font-size: var(--frontly-label-lg-font-size);
    font-weight: var(--frontly-label-lg-font-weight);
    line-height: var(--frontly-label-lg-line-height);
    letter-spacing: var(--frontly-label-lg-letter-spacing)
}

.Text-module_label-sm__fRi9z {
    font-size: var(--frontly-label-sm-font-size);
    font-weight: var(--frontly-label-sm-font-weight);
    line-height: var(--frontly-label-sm-line-height);
    letter-spacing: var(--frontly-label-sm-letter-spacing)
}

.Text-module_label-x-sm__XEmNc {
    font-size: var(--frontly-label-x-sm-font-size);
    font-weight: var(--frontly-label-x-sm-font-weight);
    line-height: var(--frontly-label-x-sm-line-height);
    letter-spacing: var(--frontly-label-x-sm-letter-spacing)
}

.PopperContainer-module_container__yUNoI {
    outline: none
}

.PopperContainer-module_safe-zone__CwfcQ {
    position: absolute
}

.PopperContainer-module_safe-zone__CwfcQ[data-popper-placement^=bottom] {
    top: 0;
    left: 0;
    transform: translateY(-100%)
}

.PopperContainer-module_safe-zone__CwfcQ[data-popper-placement^=top] {
    bottom: 0;
    left: 0;
    transform: translateY(100%)
}

.PopperContainer-module_safe-zone__CwfcQ[data-popper-placement^=left] {
    top: 0;
    right: 0;
    transform: translateX(100%)
}

.PopperContainer-module_safe-zone__CwfcQ[data-popper-placement^=right] {
    top: 0;
    left: 0;
    transform: translateX(-100%)
}

.Tooltip-module_container__mjRWG {
    --tooltip-background: var(--frontly-graybase-800);
    --tooltip-header-icon-size: 16px;
    --tooltip-header-color: var(--frontly-white-100);
    --tooltip-content-color: var(--frontly-graybase-100);
    --tooltip-scrollbar-width: 4px;
    --tooltip-scrollbar-margin: 2px;
    --tooltip-padding: 14px calc(16px - var(--tooltip-scrollbar-width) - var(--tooltip-scrollbar-margin)) 14px 16px;
    --arrow-width: 10px;
    --arrow-height: 6px;
    --tooltip-max-height: 400px;
    --tooltip-max-width: 280px;
    --tooltip-width: fit-content;
    --tooltip-min-width: unset;
    visibility: hidden;
    background: var(--tooltip-background);
    border-radius: var(--frontly-radius-md);
    opacity: 0;
    transition: all 50ms ease;
    transform: scale(.9)
}

.Tooltip-module_container__mjRWG.Tooltip-module_visible__onxJ- {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
}

.Tooltip-module_body__l-Uu6 {
    position: relative;
    display: flex;
    flex-direction: column;
    width: var(--tooltip-width);
    min-width: var(--tooltip-min-width);
    max-width: var(--tooltip-max-width);
    max-height: var(--tooltip-max-height);
    padding: var(--tooltip-padding);
    margin-right: var(--tooltip-scrollbar-margin);
    overflow-x: hidden;
    overflow-y: scroll;
    scroll-margin-top: var(--tooltip-scrollbar-margin)
}

.Tooltip-module_body__l-Uu6::-webkit-scrollbar-track {
    margin: var(--tooltip-scrollbar-margin) 0
}

.Tooltip-module_body__l-Uu6 .Tooltip-module_header__F5jrO {
    font-size: var(--frontly-subhead-md-font-size);
    font-weight: var(--frontly-subhead-md-font-weight);
    line-height: var(--frontly-subhead-md-line-height);
    letter-spacing: var(--frontly-subhead-md-letter-spacing);
    display: flex;
    column-gap: 6px;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
    color: var(--tooltip-header-color)
}

.Tooltip-module_body__l-Uu6 .Tooltip-module_header__F5jrO .Tooltip-module_header-icon__xjo96 {
    display: flex;
    align-items: center;
    width: var(--tooltip-header-icon-size);
    height: var(--tooltip-header-icon-size)
}

.Tooltip-module_body__l-Uu6 .Tooltip-module_content__qH3qq {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing);
    color: var(--tooltip-content-color);
    word-break: break-word
}

.Tooltip-module_body__l-Uu6.Tooltip-module_text-align-center__GVrfR .Tooltip-module_header__F5jrO {
    justify-content: center
}

.Tooltip-module_body__l-Uu6.Tooltip-module_text-align-center__GVrfR .Tooltip-module_content__qH3qq {
    text-align: center
}

.Tooltip-module_body__l-Uu6.Tooltip-module_text-align-left__yznak .Tooltip-module_header__F5jrO {
    justify-content: flex-start
}

.Tooltip-module_body__l-Uu6.Tooltip-module_text-align-left__yznak .Tooltip-module_content__qH3qq {
    text-align: left
}

@-moz-document url-prefix() {
    .Tooltip-module_body__l-Uu6 {
        scrollbar-width: thin
    }
}

.Tooltip-module_arrow__6yECM {
    position: absolute
}

.Tooltip-module_arrow__6yECM:before {
    position: absolute;
    content: ""
}

.Tooltip-module_arrow__6yECM[data-popper-placement^=bottom] {
    top: calc(0px - var(--arrow-height))
}

.Tooltip-module_arrow__6yECM[data-popper-placement^=bottom]:before {
    border-right: calc(var(--arrow-width)/2) solid transparent;
    border-bottom: var(--arrow-height) solid var(--tooltip-background);
    border-left: calc(var(--arrow-width)/2) solid transparent;
    transform: translate(-50%)
}

.Tooltip-module_arrow__6yECM[data-popper-placement^=top] {
    bottom: 0
}

.Tooltip-module_arrow__6yECM[data-popper-placement^=top]:before {
    border-top: var(--arrow-height) solid var(--tooltip-background);
    border-right: calc(var(--arrow-width)/2) solid transparent;
    border-left: calc(var(--arrow-width)/2) solid transparent;
    transform: translateX(-50%)
}

.Tooltip-module_arrow__6yECM[data-popper-placement^=left] {
    right: 0
}

.Tooltip-module_arrow__6yECM[data-popper-placement^=left]:before {
    border-top: calc(var(--arrow-width)/2) solid transparent;
    border-bottom: calc(var(--arrow-width)/2) solid transparent;
    border-left: var(--arrow-height) solid var(--tooltip-background);
    transform: translateY(-50%)
}

.Tooltip-module_arrow__6yECM[data-popper-placement^=right] {
    left: calc(0px - var(--arrow-height))
}

.Tooltip-module_arrow__6yECM[data-popper-placement^=right]:before {
    border-top: calc(var(--arrow-width)/2) solid transparent;
    border-right: var(--arrow-height) solid var(--tooltip-background);
    border-bottom: calc(var(--arrow-width)/2) solid transparent;
    transform: translateY(-50%)
}

.HintIcon-module_icon__pIBd- {
    transition: color .2s linear
}

.HintIcon-module_icon__pIBd-.HintIcon-module_color-gray__rtcsQ {
    color: var(--frontly-graybase-200)
}

@media (hover:hover) and (pointer:fine) {
    .HintIcon-module_icon__pIBd-.HintIcon-module_color-gray__rtcsQ:hover {
        color: var(--frontly-graybase-100)
    }
}

.HintIcon-module_icon__pIBd-.HintIcon-module_color-light-gray__C-LxX {
    color: var(--frontly-graybase-100)
}

@media (hover:hover) and (pointer:fine) {
    .HintIcon-module_icon__pIBd-.HintIcon-module_color-light-gray__C-LxX:hover {
        color: var(--frontly-white-100)
    }
}

.Title-module_container__iZEcL {
    --hint-size: unset;
    --hint-offset: unset;
    --title-color: unset;
    --title-gap: unset;
    --title-offset: unset;
    column-gap: var(--title-gap);
    align-items: center;
    margin-bottom: var(--title-offset);
    color: var(--title-color)
}

.Title-module_container__iZEcL .Title-module_required__cbGJs {
    margin-left: 4px
}

.Title-module_container__iZEcL .Title-module_hint__6ZzKW {
    display: inline-flex;
    width: var(--hint-size);
    min-width: var(--hint-size);
    height: var(--hint-size);
    min-height: var(--hint-size);
    margin-left: var(--title-gap);
    transform: translateY(var(--hint-offset))
}

.Title-module_color-white__Pd5Kl {
    --title-color: var(--frontly-white-100)
}

.Title-module_color-light-gray__4EJ5- {
    --title-color: var(--frontly-graybase-100)
}

.Title-module_size-lg__F8sYK {
    --hint-size: 20px;
    --hint-offset: 4px;
    --title-gap: 6px
}

.Title-module_size-lg__F8sYK.Title-module_weight-medium__92qSY {
    --title-offset: 12px;
    font-size: var(--frontly-subhead-lg-font-size);
    font-weight: var(--frontly-subhead-lg-font-weight);
    line-height: var(--frontly-subhead-lg-line-height);
    letter-spacing: var(--frontly-subhead-lg-letter-spacing)
}

.Title-module_size-lg__F8sYK.Title-module_weight-regular__yp3zl {
    --title-offset: 10px;
    font-size: var(--frontly-body-lg-font-size);
    font-weight: var(--frontly-body-lg-font-weight);
    line-height: var(--frontly-body-lg-line-height);
    letter-spacing: var(--frontly-body-lg-letter-spacing)
}

.Title-module_size-md__Bb4bO {
    --hint-size: 18px;
    --hint-offset: 3px;
    --title-gap: 4px;
    --title-offset: 8px
}

.Title-module_size-md__Bb4bO.Title-module_weight-medium__92qSY {
    font-size: var(--frontly-subhead-md-font-size);
    font-weight: var(--frontly-subhead-md-font-weight);
    line-height: var(--frontly-subhead-md-line-height);
    letter-spacing: var(--frontly-subhead-md-letter-spacing)
}

.Title-module_size-md__Bb4bO.Title-module_weight-regular__yp3zl {
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing)
}

.Title-module_size-sm__S239t {
    --hint-size: 16px;
    --hint-offset: 3px;
    --title-gap: 4px;
    --title-offset: 8px
}

.Title-module_size-sm__S239t.Title-module_weight-medium__92qSY {
    font-size: var(--frontly-subhead-sm-font-size);
    font-weight: var(--frontly-subhead-sm-font-weight);
    line-height: var(--frontly-subhead-sm-line-height);
    letter-spacing: var(--frontly-subhead-sm-letter-spacing)
}

.Title-module_size-sm__S239t.Title-module_weight-regular__yp3zl {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing)
}

.Description-module_container__QEsl8 {
    --icon-size: unset;
    --icon-offset: unset;
    --hint-size: unset;
    --hint-offset: unset;
    --description-color: unset;
    --description-gap: unset;
    --description-offset: 8px;
    margin-top: var(--description-offset);
    color: var(--description-color);
    transition: all .1s
}

.Description-module_container__QEsl8 .Description-module_icon__9gnJu {
    position: relative;
    display: inline-flex;
    width: var(--icon-size);
    min-width: var(--icon-size);
    height: var(--icon-size);
    min-height: var(--icon-size);
    transform: translateY(var(--icon-offset))
}

.Description-module_container__QEsl8 .Description-module_icon__9gnJu.Description-module_left-icon__7elvg {
    margin-right: var(--description-gap)
}

.Description-module_container__QEsl8 .Description-module_icon__9gnJu.Description-module_right-icon__ehk43 {
    margin-left: var(--description-gap)
}

.Description-module_container__QEsl8 .Description-module_hint__dxfXD {
    display: inline-flex;
    width: var(--hint-size);
    min-width: var(--hint-size);
    height: var(--hint-size);
    min-height: var(--hint-size);
    margin-left: var(--description-gap);
    transform: translateY(var(--hint-offset))
}

.Description-module_size-md__uvZ-Q {
    --icon-size: 20px;
    --icon-offset: 5px;
    --hint-size: 18px;
    --hint-offset: 4px;
    --description-gap: 6px;
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing)
}

.Description-module_size-sm__q1Jxy {
    --icon-size: 16px;
    --icon-offset: 4px;
    --hint-size: 16px;
    --hint-offset: 4px;
    --description-gap: 4px;
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing)
}

.Description-module_size-x-sm__zDl4m {
    --icon-size: 14px;
    --icon-offset: 3px;
    --hint-size: 14px;
    --hint-offset: 3px;
    --description-gap: 4px;
    font-size: var(--frontly-body-x-sm-font-size);
    font-weight: var(--frontly-body-x-sm-font-weight);
    line-height: var(--frontly-body-x-sm-line-height);
    letter-spacing: var(--frontly-body-x-sm-letter-spacing)
}

.Description-module_color-gray__45rxH {
    --description-color: var(--frontly-graybase-200)
}

.Description-module_color-red__m9FJe {
    --description-color: var(--frontly-red-400)
}

.Description-module_color-yellow__mA2P8 {
    --description-color: var(--frontly-yellow-400)
}

.Description-module_color-green__zo8Im {
    --description-color: var(--frontly-green-400)
}

.Field-module_container__owhtj {
    --max-width-limit: unset;
    flex-grow: 1
}

.Field-module_container__owhtj .Field-module_width-limit__FyjDU {
    max-width: var(--max-width-limit)
}

.Field-module_container__owhtj .Field-module_content-wrapper__TrV-b {
    position: relative;
    display: flex;
    flex-grow: 1;
    min-width: 0
}

.Field-module_container__owhtj .Field-module_content-wrapper__TrV-b .Field-module_content__d8aeB {
    display: flex;
    flex-grow: 1;
    min-width: 0
}

.InputContainer-module_container__oDstE {
    --container-padding: unset unset;
    --container-background: var(--frontly-graybase-400);
    --container-radius: var(--frontly-radius-md);
    --container-border-size: 1.5px;
    --container-border-color: transparent;
    --validation-border-color: transparent;
    --input-color: var(--frontly-purple-200-32);
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-grow: 1;
    align-items: center;
    max-width: 100%;
    height: min-content;
    padding: var(--container-padding);
    color: var(--input-color);
    cursor: text;
    background-color: var(--container-background);
    border-radius: var(--container-radius);
    outline: none;
    transition: background-color var(--frontly-duration-short-02) var(--frontly-easing-ease)
}

.InputContainer-module_container__oDstE:before {
    border: var(--container-border-size) solid var(--container-border-color);
    border-radius: var(--container-radius)
}

.InputContainer-module_container__oDstE:after,
.InputContainer-module_container__oDstE:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    content: "";
    transition: border var(--frontly-duration-short-02) var(--frontly-easing-ease)
}

.InputContainer-module_container__oDstE:after {
    border-bottom: var(--container-border-size) solid var(--validation-border-color);
    border-radius: var(--container-radius)
}

.InputContainer-module_container__oDstE .InputContainer-module_input__qoneW {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
    min-height: 0;
    color: var(--input-color);
    background-color: transparent;
    border: none;
    outline: none
}

.InputContainer-module_container__oDstE .InputContainer-module_input__qoneW::placeholder {
    color: var(--frontly-purple-200-32)
}

.InputContainer-module_container__oDstE.InputContainer-module_hovered__6SN91 {
    --container-background: var(--frontly-graybase-300)
}

.InputContainer-module_container__oDstE.InputContainer-module_filled__wKdLS {
    --input-color: var(--frontly-white-100)
}

.InputContainer-module_container__oDstE.InputContainer-module_focused__M3MQu {
    --container-background: var(--frontly-graybase-300);
    --container-border-color: var(--frontly-purple-200-16);
    --input-color: var(--frontly-white-100)
}

.InputContainer-module_container__oDstE.InputContainer-module_disabled__Gta2l {
    --container-border-color: transparent;
    --container-background: var(--frontly-graybase-400);
    cursor: default;
    opacity: .4
}

.InputContainer-module_container__oDstE.InputContainer-module_validation-valid__FyFYp {
    --validation-border-color: var(--frontly-green-400)
}

.InputContainer-module_container__oDstE.InputContainer-module_validation-error__r5k5v {
    --validation-border-color: var(--frontly-red-400)
}

.InputContainer-module_container__oDstE.InputContainer-module_size-lg__9Q0oa {
    --container-padding: 10px 14px
}

.InputContainer-module_container__oDstE.InputContainer-module_size-lg__9Q0oa,
.InputContainer-module_container__oDstE.InputContainer-module_size-lg__9Q0oa .InputContainer-module_input__qoneW {
    font-size: var(--frontly-body-lg-font-size);
    font-weight: var(--frontly-body-lg-font-weight);
    line-height: var(--frontly-body-lg-line-height);
    letter-spacing: var(--frontly-body-lg-letter-spacing)
}

.InputContainer-module_container__oDstE.InputContainer-module_size-md__saPNe {
    --container-padding: 7px 12px
}

.InputContainer-module_container__oDstE.InputContainer-module_size-md__saPNe,
.InputContainer-module_container__oDstE.InputContainer-module_size-md__saPNe .InputContainer-module_input__qoneW {
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing)
}

.InputContainer-module_container__oDstE.InputContainer-module_size-sm__ET-UF {
    --container-padding: 4px 10px
}

.InputContainer-module_container__oDstE.InputContainer-module_size-sm__ET-UF,
.InputContainer-module_container__oDstE.InputContainer-module_size-sm__ET-UF .InputContainer-module_input__qoneW {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing)
}

.Input-module_container__ynU7n {
    --icon-size: unset;
    --icon-color: var(--frontly-graybase-100);
    --hint-size: unset;
    --input-gap: unset;
    position: relative;
    display: flex;
    column-gap: var(--input-gap);
    align-items: center
}

.Input-module_container__ynU7n.Input-module_clearable__hWG0g {
    width: 100%;
    margin-right: calc(var(--icon-size)*-1 + var(--input-gap)*-1)
}

.Input-module_container__ynU7n .Input-module_icon__Ce2cy {
    display: flex;
    align-items: center;
    width: var(--icon-size);
    min-width: var(--icon-size);
    height: var(--icon-size);
    min-height: var(--icon-size);
    color: var(--icon-color)
}

.Input-module_container__ynU7n .Input-module_icon__Ce2cy .Input-module_loader__ll1T2 {
    --loader-color: var(--frontly-white-100)
}

.Input-module_container__ynU7n .Input-module_clear-button__OvCz7,
.Input-module_container__ynU7n .Input-module_prefix__w53Md,
.Input-module_container__ynU7n .Input-module_suffix__fcNgR {
    display: flex;
    align-items: center;
    transition: color var(--frontly-duration-short-02) var(--frontly-easing-ease)
}

.Input-module_container__ynU7n .Input-module_clear-button__OvCz7 {
    width: var(--icon-size);
    min-width: var(--icon-size);
    height: var(--icon-size);
    min-height: var(--icon-size);
    color: var(--icon-color)
}

.Input-module_container__ynU7n .Input-module_clear-button__OvCz7:hover {
    color: var(--frontly-white-100);
    cursor: pointer
}

.Input-module_container__ynU7n .Input-module_hint__S6t-S {
    display: flex;
    align-items: center;
    width: var(--hint-size);
    min-width: var(--hint-size);
    height: var(--hint-size);
    min-height: var(--hint-size);
    cursor: default
}

.Input-module_size-lg__LKBvE {
    --icon-size: 20px;
    --hint-size: 20px;
    --input-gap: 8px
}

.Input-module_size-md__7OYdS {
    --icon-size: 16px;
    --hint-size: 16px;
    --input-gap: 8px
}

.Input-module_size-sm__-5mpw {
    --icon-size: 14px;
    --hint-size: 14px;
    --input-gap: 6px
}

.TextArea-module_container__JOHAx {
    --bottom-bar-content-height: unset;
    display: flex;
    flex-direction: column;
    padding-right: 0
}

.TextArea-module_container__JOHAx .TextArea-module_textarea__OVOPL {
    flex-grow: 1;
    align-self: stretch;
    height: 100%;
    padding-right: calc(var(--container-padding) - var(--scrollbar-width) - 2px);
    padding-bottom: calc(var(--container-padding)/2);
    margin-right: 2px;
    resize: none
}

.TextArea-module_container__JOHAx .TextArea-module_bottom-bar__lIY49 {
    --bottom-bar-padding: 10px 12px;
    position: relative;
    display: flex;
    flex-grow: 1;
    gap: 12px;
    align-self: stretch;
    min-width: 0;
    padding: var(--bottom-bar-padding);
    margin: 0 0 calc(var(--container-padding)*-1) calc(var(--container-padding)*-1);
    color: var(--frontly-purple-200-32);
    border-top: 1px solid var(--frontly-purple-200-8)
}

.TextArea-module_container__JOHAx .TextArea-module_bottom-bar__lIY49 .TextArea-module_counter__qtFrM {
    display: flex;
    align-items: center
}

.TextArea-module_container__JOHAx.TextArea-module_size-lg__GGkDE {
    --container-padding: 12px
}

.TextArea-module_container__JOHAx.TextArea-module_size-lg__GGkDE .TextArea-module_bottom-bar__lIY49 {
    font-size: var(--frontly-label-sm-font-size);
    font-weight: var(--frontly-label-sm-font-weight);
    line-height: var(--frontly-label-sm-line-height);
    letter-spacing: var(--frontly-label-sm-letter-spacing)
}

.TextArea-module_container__JOHAx.TextArea-module_size-md__4HvrA {
    --container-padding: 12px
}

.TextArea-module_container__JOHAx.TextArea-module_size-md__4HvrA .TextArea-module_bottom-bar__lIY49 {
    font-size: var(--frontly-label-x-sm-font-size);
    font-weight: var(--frontly-label-x-sm-font-weight);
    line-height: var(--frontly-label-x-sm-line-height);
    letter-spacing: var(--frontly-label-x-sm-letter-spacing)
}

.TextArea-module_container__JOHAx.TextArea-module_size-sm__mlOrZ {
    --container-padding: 10px
}

.TextArea-module_container__JOHAx.TextArea-module_size-sm__mlOrZ .TextArea-module_bottom-bar__lIY49 {
    font-size: var(--frontly-label-x-sm-font-size);
    font-weight: var(--frontly-label-x-sm-font-weight);
    line-height: var(--frontly-label-x-sm-line-height);
    letter-spacing: var(--frontly-label-x-sm-letter-spacing)
}

.Loader-module_container__FieQ6 {
    --loader-color: var(--frontly-purple-300);
    --loader-size: unset;
    position: relative;
    box-sizing: border-box;
    width: var(--loader-size);
    min-width: var(--loader-size);
    height: var(--loader-size);
    min-height: var(--loader-size);
    color: var(--loader-color);
    animation: Loader-module_spin__HfHqf .8s linear infinite
}

@keyframes Loader-module_spin__HfHqf {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.SearchInput-module_container__WZ8PL {
    width: 100%
}

.SearchInput-module_container__WZ8PL .SearchInput-module_loader__fW84H {
    --loader-size: calc(100% - 4px);
    --loader-border: 2px;
    top: 1px;
    padding: 4px
}

.GroupDefault-module_container__M4V-Z {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing);
    margin-bottom: 4px
}

.OptionDefault-module_container__gECYk {
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing);
    padding: 4px 12px;
    margin-bottom: 4px;
    cursor: pointer
}

.OptionDefault-module_container__gECYk:hover {
    color: var(--frontly-white-100)
}

.SearchResults-module_container__euVeS {
    position: relative;
    color: var(--frontly-graybase-100)
}

.SearchResults-module_container__euVeS .SearchResults-module_group__RLgCf:not(:last-child) {
    padding-bottom: 8px
}

.SearchResults-module_container__euVeS.SearchResults-module_desktop__KEVRP {
    overflow-y: auto
}

.InputAutocompleteDesktop-module_container__-KN4L {
    position: relative;
    width: 100%
}

.InputAutocompleteDesktop-module_dropdown__xN15h {
    position: relative;
    overflow: auto
}

.InputAutocompleteDesktop-module_options-list__uh-j4 {
    max-height: 400px;
    padding: 8px 12px;
    background-color: var(--frontly-graybase-400);
    border-radius: 4px
}

.InputAutocompleteMobile-module_container__zKRiU {
    height: 100%
}

.InputAutocompleteMobile-module_header__NuTua {
    width: 100%
}

.InputAutocompleteMobile-module_content__SUiPg {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: var(--frontly-graybase-600)
}

.InputAutocompleteMobile-module_input-wrapper__r7XMD {
    display: flex;
    align-items: center;
    padding: 16px
}

.InputAutocompleteMobile-module_input-wrapper__r7XMD .InputAutocompleteMobile-module_back-button__iknKo {
    width: 28px;
    min-width: 28px;
    height: 28px;
    margin-right: 12px;
    color: var(--frontly-graybase-100);
    cursor: pointer;
    transform: scale(-1)
}

.InputAutocompleteMobile-module_input-wrapper__r7XMD .InputAutocompleteMobile-module_input__60lXK {
    flex-grow: 1;
    width: auto
}

.InputAutocompleteMobile-module_options-list__nQz-g {
    padding-top: 16px;
    padding-right: var(--modal-content-padding-right);
    margin-right: calc(var(--modal-content-padding-right)*-1)
}

.ModalEventCloseIcon-module_container__Nf1-Q {
    --close-button-color: #817e8f;
    --close-button-color-hover: #bbb9c7;
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 1;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.ModalEventCloseIcon-module_container__Nf1-Q:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 28px;
    height: 28px;
    content: "";
    background-color: #312f3d;
    border: 1.5px solid hsla(0, 0%, 100%, .1);
    border-radius: 50%;
    transform: translate(-50%, -50%)
}

.ModalEventCloseIcon-module_container__Nf1-Q:focus {
    outline: none
}

.ModalEventCloseIcon-module_container__Nf1-Q svg {
    position: relative;
    z-index: 1
}

.ModalEventCloseIcon-module_container__Nf1-Q svg path {
    fill: var(--close-button-color)
}

.ModalEventCloseIcon-module_container__Nf1-Q:hover svg path {
    fill: var(--close-button-color-hover)
}

.BaseModalEvent-module_container__-OQ1Q .BaseModalEvent-module_header__pFXzt .BaseModalEvent-module_header-content__jz6gU {
    flex-grow: 1;
    line-height: 0
}

.BaseModalEvent-module_content__PGOcT.BaseModalEvent-module_desktop__-FSGT {
    padding-top: 32px
}

.BaseModalEvent-module_content__PGOcT.BaseModalEvent-module_mobile__DPr3Z {
    padding-top: 20px
}

.skeleton:after {
    position: absolute;
    width: 30%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg, rgba(92, 92, 95, 0), rgba(93, 93, 93, .11) 1%, hsla(0, 0%, 47.5%, .16) 5%, rgba(93, 93, 93, .11));
    border-radius: 4px;
    animation: gradientAnim 2s ease-in-out infinite
}

.skeleton,
.skeleton_white {
    position: relative;
    overflow: hidden
}

.skeleton_white:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg, hsla(0, 0%, 98%, 0), rgba(94, 94, 94, .4) 23%, hsla(0, 0%, 98%, 0) 70%);
    border-radius: 4px;
    animation: gradientAnim 1.5s ease-in-out infinite
}

@keyframes gradientAnim {
    0% {
        left: -100%
    }

    to {
        left: 100%
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

.fadeOutDown {
    animation-name: fadeOutDown
}

.animated {
    animation-duration: .7s;
    animation-fill-mode: both
}

@font-face {
    font-family: Druk Wide Cy;
    font-style: italic;
    font-weight: 500;
    src: url(../fonts/DrukWideCyr/Druk-Wide-Cyr-Medium.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Druk Text Cy App;
    font-style: italic;
    font-weight: 500;
    src: url(../fonts/DrukTextApp/druk-textbold-italic-app.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: DrukCyrMedium;
    font-style: italic;
    font-weight: 400;
    src: url(/fonts/DrukCyr/Druk-Medium\ Italic-Web.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: DrukCyrMedium;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/DrukCyr/Druk-Medium\ Italic-Web.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: DrukCyr;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/DrukCyr/Druk-Cyr-Bold-Italic.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: DrukCyr;
    font-style: italic;
    font-weight: 500;
    src: url(/fonts/DrukCyr/Druk-Medium\ Italic-Web.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: DrukTextCyr;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/DrukTextCyr/Druk-Text-Cyr-Bold-Italic.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Manrope-Bold.woff2) format("woff2"), url(../fonts/Manrope-Bold.woff) format("woff");
    font-display: swap
}

* {
    padding: 0;
    margin: 0;
    font-family: Inter, system-ui;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scrollbar-color: hsla(0, 0%, 100%, .1) transparent;
    scrollbar-width: thin
}

body {
    overscroll-behavior: none;
    color: var(--color-white-100);
    word-wrap: break-word;
    background: var(--color-graybase-700)
}

body::-webkit-scrollbar {
    width: 0
}

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

ul {
    padding: 0;
    margin: 0
}

li {
    list-style-type: none
}

::-webkit-scrollbar {
    width: 4px;
    height: 6px
}

::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 24px
}

.no_scroll {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media(max-width:600px) {
    .privacy_table_wrap {
        overflow: auto
    }
}

#notifications {
    position: fixed;
    top: 123px;
    right: 0;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    overflow: hidden;
    pointer-events: none
}

@media(max-width:1024px) {
    #notifications {
        top: auto;
        bottom: 15px
    }
}

.async-hide {
    opacity: 0 !important
}

:root {
    --color-graybase-100: #bbb9c7;
    --color-graybase-200: #747180;
    --color-graybase-300: #555261;
    --color-graybase-400: #403d4d;
    --color-graybase-500: #312f3d !important;
    --color-graybase-600: #282633;
    --color-graybase-700: #1c1a24;
    --color-graybase-800: #100f14;
    --color-graybase-700-opacity-60: rgba(28, 26, 36, 0.6);
    --color-graybase-900-opacity-40: rgba(0, 0, 0, 0.4);
    --color-graybase-900-opacity-60: rgba(0, 0, 0, 0.6);
    --color-purple-100: #edeeff;
    --color-purple-200: #ccd2ff;
    --color-purple-200-opacity-8: rgba(204, 210, 255, 0.08);
    --color-purple-300: #b7a7ff;
    --color-purple-400: #9f8fff;
    --color-purple-400-opacity-10: rgba(159, 143, 255, 0.102);
    --color-purple-400-opacity-20: rgba(159, 143, 255, 0.2);
    --color-purple-500: #806cf5;
    --color-purple-500-opacity-50: rgba(128, 108, 245, 0.5);
    --color-white-100: #fff;
    --color-white-100-opacity-50: rgb(255 255 255/50%);
    --color-white-100-opacity-30: rgb(255 255 255/30%);
    --color-white-100-opacity-10: rgb(255 255 255/10%);
    --color-pink-100: var(--color-pink-500);
    --color-pink-200: #e5d0e7;
    --color-pink-300: #d9b4dc;
    --color-pink-400: #cf7ed6;
    --color-pink-400-opacity-10: rgba(207, 126, 214, 0.102);
    --color-pink-400-opacity-20: rgba(207, 126, 214, 0.2);
    --color-pink-500: #c85cd1;
    --color-pink-bright: #ff3ec6;
    --color-accent-red-100: var(--color-accent-red-400);
    --color-accent-red-200: var(--color-accent-red-500);
    --color-accent-red-400: #ff8095;
    --color-accent-red-400-opacity-10: rgba(255, 128, 149, 0.102);
    --color-accent-red-500: #f05f75;
    --color-accent-yellow-100: var(--color-accent-yellow-400);
    --color-accent-yellow-400: #fac343;
    --color-accent-yellow-400-opacity-10: rgba(250, 195, 67, 0.102);
    --color-accent-yellow-500: #faa643;
    --color-accent-green-100: var(--color-accent-green-400);
    --color-accent-green-200: var(--color-accent-green-500);
    --color-accent-green-400: #5bc27a;
    --color-accent-green-400-opacity-10: rgba(91, 194, 122, 0.102);
    --color-accent-green-400-opacity-40: #2a533b;
    --color-accent-green-500: #47ae66;
    --color-accent-blue-100: var(--color-accent-blue-500);
    --color-accent-blue-500: #5ac3c5;
    --color-accent-blue-500-opacity-10: rgba(90, 195, 197, 0.102);
    --color-functional-yellow: #4a443d;
    --color-functional-green: #3d4442;
    --color-tag-green: var(--color-functional-green);
    --color-tag-yellow: var(--color-functional-yellow);
    --color-shape-red-200-opacity-10: rgb(220 110 111/10%);
    --color-shape-yellow-100-opacity-10: rgb(255 193 68/10%);
    --color-shape-green-100-opacity-10: rgb(123 195 119/10%);
    --color-shape-blue-100-opacity-10: rgb(90 195 197/10%);
    --color-shape-purple-400-opacity-10: rgb(142 121 255/10%);
    --color-shape-pink-100-opacity-10: rgb(212 95 147/10%);
    --color-steam-stattrak: #e5864e;
    --color-steam-star-stattrak: #9f6cd1;
    --color-steam-souvenir: gold;
    --color-float-factory-new: #3d818f;
    --color-float-minimal-wear: #83b135;
    --color-float-field-tested: #dfc04a;
    --color-float-wellworn: #ef8641;
    --color-float-battle-scarred: #eb5757;
    --color-rarity-common: #b0c3d9;
    --color-rarity-uncommon: #5e98d9;
    --color-rarity-mythical: #a574ff;
    --color-rarity-rare: #5169f7;
    --color-rarity-immortal: #e4ae39;
    --color-rarity-legendary: #e050f0;
    --color-rarity-arcana: #ade55c;
    --color-rarity-ancient: #f26767;
    --color-quality-standart: #d2d2d2;
    --color-quality-inscribed: #cf6a32;
    --color-quality-auspicious: #32cd32;
    --color-quality-genuine: #4d7455;
    --color-quality-heroic: #8650ac;
    --color-quality-autographed: #ade55c;
    --color-quality-frozen: #4682b4;
    --color-quality-cursed: #8650ac;
    --color-quality-base: #b2b2b2;
    --color-quality-corrupted: brown;
    --color-quality-infused: #8847ff;
    --color-bright-mint: #26ff85
}

.csm_ui__small__1768a {
    gap: 4px;
    font-size: 11px;
    font-style: normal;
    font-weight: 525;
    line-height: 12px;
    letter-spacing: -.005em
}

.csm_ui__large__1768a {
    font-size: 17px;
    font-style: normal;
    font-weight: 550;
    line-height: 20px;
    letter-spacing: -.015em
}

.DropdownElement_element__2kUVQ {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .02em
}

.Cart_button_wrap__316ZS>.csm_ui__large__2d1f1 {
    height: 56px;
    padding: 5px 0
}

.MediaQueries_mobile__1kzK3 {
    display: none
}

@media(max-width:1023px) {
    .MediaQueries_desktop__TwhBE {
        display: none
    }

    .MediaQueries_mobile__1kzK3 {
        display: block
    }
}

.styles_fade_in_enter__1Y9NJ {
    opacity: 0
}

.styles_fade_in_enter_active__uYGOP,
.styles_fade_in_exit__YOFUJ {
    opacity: 1;
    transition: .35s ease
}

.styles_fade_in_exit_active__1x5bQ {
    opacity: 0
}

.styles_slide_down_enter__3E0Mk {
    transform: translateY(-110%)
}

.styles_slide_down_enter_active__22VGj {
    transition: transform .25s ease;
    transform: translateY(0)
}

.styles_slide_down_exit__1fmKR {
    transform: translateY(0)
}

.styles_slide_down_exit_active__1OaAi {
    transition: transform 0s ease;
    transform: translateY(-110%)
}

.styles_overlay__3KR4i {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    box-sizing: border-box;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 1rem;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(0, 0, 0, .4)
}

.styles_wrapper__1pcux {
    column-gap: 16px;
    margin: auto
}

.styles_modal__2kem-,
.styles_wrapper__1pcux {
    position: relative;
    display: flex
}

.styles_modal__2kem- {
    box-sizing: border-box;
    flex-direction: column;
    overflow: hidden;
    color: var(--color-white-100);
    background: var(--color-graybase-500);
    border-radius: 4px
}

.styles_modal_wrapper__1ZGlg {
    display: flex;
    flex: 1;
    flex-direction: column
}

.styles_modal__2kem-:focus {
    outline: none
}

.styles_title__1cB6B {
    padding: 30px 30px 0
}

.styles_body__2Vakr {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    padding: 0 30px 30px;
    margin-top: 20px;
    overflow: hidden
}

.styles_close__2w7q4 {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background-color: transparent;
    background-image: url(../imgs/cross.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    border: none
}

.styles_close__2w7q4:focus {
    outline: none
}

.styles_banner__2Fynb {
    width: 100%
}

@media(max-width:1023px) {
    .styles_overlay__3KR4i {
        padding: unset
    }

    .styles_wrapper__1pcux {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        margin: 0
    }

    .styles_modal__2kem- {
        width: 100% !important;
        height: 100vh !important;
        margin: 0;
        background: var(--color-graybase-500);
        border-radius: 0
    }

    .styles_modal__2kem-:not(.styles_modal_payment__27tLE) {
        width: 100%;
        height: 100%
    }

    .styles_title__1cB6B {
        width: calc(100% - 80px);
        margin-top: 18px;
        margin-left: 16px;
        white-space: pre-line
    }

    .styles_body__2Vakr,
    .styles_title__1cB6B {
        padding: 0
    }

    .styles_close__2w7q4 {
        top: 25px;
        right: 21px;
        width: 22px;
        height: 22px;
        background-image: url(../imgs/cross-mobile.svg)
    }

    .styles_close_with_banner__1G74X {
        top: 87px
    }
}

@media(max-width:550px) {
    .styles_title__1cB6B {
        margin: 18px 50px 0 16px
    }

    .styles_modal__2kem-:not(.styles_modal_payment__27tLE) {
        width: 100%;
        margin: 0
    }
}

.styles_button__303YR {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 11px 14px;
    font-family: Inter, system-ui;
    cursor: pointer;
    border: none;
    border-radius: 4px;
    outline: 0;
    transition: all .2s cubic-bezier(.4, 0, .2, 1)
}

.styles_button__303YR,
.styles_button__303YR span {
    font-size: 14px;
    font-weight: 550;
    line-height: 16px;
    letter-spacing: -.01em
}

.styles_button__303YR span {
    font-style: normal;
    pointer-events: none
}

.styles_big__missJ span {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .05em
}

.styles_large__3Rch_ {
    height: 56px
}

.styles_large__3Rch_ span {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .05em
}

.styles_main__PiMGk {
    color: #fff;
    background: var(--color-purple-500)
}

.styles_main__PiMGk:hover {
    background: #9f8fff
}

.styles_main__PiMGk:active {
    background: var(--color-purple-500)
}

.styles_grey__K8IsF {
    color: #fff;
    background: #a3a3a3
}

.styles_violent__3Kd2j {
    color: hsla(0, 0%, 100%, .5);
    background: color(--color-purple-500-opacity-50)
}

.styles_red__18NAF {
    color: #fff;
    background: var(--color-accent-red-200)
}

.styles_grey__K8IsF:hover {
    background: var(--color-graybase-100)
}

.styles_grey__K8IsF:active {
    background: #a3a3a3
}

.styles_light__35zrp {
    color: #000;
    background: #cdcefc
}

.styles_light__35zrp:hover {
    background: var(--color-purple-100)
}

.styles_light__35zrp:active {
    background: #cdcefc
}

.styles_transparent__2TpVY {
    padding: 9px 14px 7px;
    color: var(--color-purple-500);
    background: transparent;
    border: 1px solid var(--color-purple-500)
}

.styles_transparent__2TpVY:hover {
    color: var(--color-purple-400);
    border-color: var(--color-purple-400)
}

.styles_transparent__2TpVY:active {
    color: var(--color-purple-500);
    border-color: var(--color-purple-500)
}

.styles_red__18NAF:hover {
    background: #ff898a
}

.styles_red__18NAF:active {
    background: var(--color-accent-red-200)
}

.styles_disabled__FKMBn {
    cursor: not-allowed;
    opacity: .5
}

.styles_button__3139I {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    letter-spacing: .02em;
    cursor: pointer;
    user-select: none;
    background: transparent;
    border: 0;
    outline: 0;
    transition: all .2s cubic-bezier(.4, 0, .2, 0)
}

.styles_button__3139I:disabled {
    pointer-events: none
}

.styles_default__5_GtI {
    color: var(--color-purple-500)
}

.styles_default__5_GtI:hover {
    color: var(--color-purple-400)
}

.styles_default__5_GtI:active {
    color: var(--color-purple-500);
    transform: translateY(2px)
}

.styles_default__5_GtI:disabled {
    color: hsla(0, 0%, 100%, .5);
    opacity: .5
}

.styles_white__2fplg,
.styles_white__2fplg:hover {
    color: var(--color-white-100)
}

.styles_white__2fplg:disabled {
    color: hsla(0, 0%, 100%, .3)
}

.styles_no_event__3bE7t {
    pointer-events: none
}

.styles_no_event__3bE7t a {
    pointer-events: auto
}

.styles_button__3_WFk {
    position: relative;
    width: auto;
    height: auto
}

.styles_button__3_WFk span {
    display: flex;
    align-items: center
}

.styles_button__3_WFk span .styles_mobile_sign_text__1ZWv1 {
    display: none
}

.styles_icon__y5l1l {
    display: flex;
    align-items: center;
    margin-right: 9px;
    fill: var(--color-white-100)
}

@media(max-width:375px) {
    .styles_button__3_WFk span {
        font-size: 14px
    }

    .styles_button__3_WFk span .styles_sign_text__2GjRL {
        display: none
    }

    .styles_button__3_WFk span .styles_mobile_sign_text__1ZWv1 {
        display: inline
    }
}

.styles_full_width__1h0CP {
    width: 100%
}

@media(min-width:1024px) {
    .styles_disabled__2HHg6 {
        cursor: not-allowed
    }
}

.styles_wrapper__3Mukf {
    justify-content: center;
    width: 100%;
    height: 100%
}

.styles_content__3id0p,
.styles_wrapper__3Mukf {
    display: flex;
    flex: 1;
    align-items: center
}

.styles_content__3id0p {
    flex-direction: column
}

.styles_icon__3UorY,
.styles_icon__3UorY img {
    display: flex;
    fill: var(--color-graybase-300)
}

.styles_title__1vfCM {
    margin-top: 20px;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 550;
    line-height: 26px;
    color: #fff
}

.styles_description__3hwVb,
.styles_title__1vfCM {
    max-width: 350px;
    font-style: normal;
    text-align: center
}

.styles_description__3hwVb {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: hsla(0, 0%, 100%, .3);
    letter-spacing: .005em
}

.styles_actions__21jHG {
    display: flex;
    margin-top: 20px
}

.styles_action__2LqYK {
    margin-right: 28px;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-purple-300);
    text-transform: capitalize;
    letter-spacing: .02em;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    transition: all .1s cubic-bezier(.4, 0, .2, 0)
}

.styles_action__2LqYK:last-child {
    margin-right: 0
}

.styles_action__2LqYK:hover {
    color: var(--color-purple-500)
}

.styles_action__2LqYK:active {
    color: #9f8fff;
    transform: translateY(2px)
}

.styles_action__2LqYK.styles_minor__drJZ9 {
    color: hsla(0, 0%, 100%, .5)
}

.styles_action__2LqYK.styles_minor__drJZ9:hover {
    color: hsla(0, 0%, 100%, .2)
}

.styles_action__2LqYK.styles_minor__drJZ9:active {
    color: hsla(0, 0%, 100%, .5);
    transform: translateY(2px)
}

.styles_divider__3Obi7 {
    width: 70%;
    height: 1px;
    margin-top: 15px;
    margin-bottom: 25px;
    background: hsla(0, 0%, 100%, .08)
}

.PopUpMessage_wrapper__2BjhD {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto
}

.PopUpMessage_icon__2JNc0 {
    margin-bottom: 20px
}

.PopUpMessage_title__3qMgr {
    margin-bottom: 8px;
    text-align: center
}

.PopUpMessage_description__3A6fB {
    color: var(--color-graybase-200);
    text-align: center
}

.PopUpMessage_space__2cNUL {
    width: 100%;
    height: 36px
}

.PopUpMessage_subTitle__3stFg {
    margin-bottom: 8px
}

.PopUpMessage_buttons__9dDT2,
.PopUpMessage_buttons_slot__xqF1n {
    display: flex;
    width: 100%
}

.PopUpMessage_buttons__9dDT2 {
    flex-direction: row;
    column-gap: 16px;
    align-self: flex-end;
    justify-content: space-between
}

.PopUpMessage_footer_buttons_slot__166Ej,
.PopUpMessage_wrapper_footer_buttons_slot__3SCry {
    margin-top: auto
}

.PopUpMessage_footer_buttons_slot__166Ej {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    align-self: stretch;
    padding: 12px 16px 16px;
    border-top: 1px solid var(--white-10010, hsla(0, 0%, 100%, .1))
}

.NoAuth_icon__2GdV0,
.NoAuth_wrapper__17DCc {
    width: 100%
}

.NoAuth_icon__2GdV0 {
    min-height: 106px
}

@media(min-width:1024px) {
    .NoAuth_button__RwlPW:disabled {
        pointer-events: auto
    }
}

.styles_modal_body__1Ulzl {
    padding: 0
}

.styles_modal__1qzT2 {
    z-index: 100
}

.styles_container__3TPIr {
    display: flex;
    align-items: center;
    min-width: 600px;
    min-height: 300px
}

.styles_message__2ZzQ8 {
    margin-top: -60px
}

.styles_button_login__24IdT {
    margin-top: 15px
}

@media(max-width:550px) {
    .styles_modal_body__1Ulzl {
        display: flex;
        justify-content: center
    }

    .styles_container__3TPIr {
        min-width: 0
    }
}

.LargeBadge_wrapper__2ltiK {
    display: flex;
    align-items: center;
    min-width: 210px;
    min-height: 52px;
    cursor: pointer;
    user-select: none;
    background-color: var(--color-graybase-400);
    border-radius: 4px;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 0)
}

.LargeBadge_wrapper__2ltiK:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

.LargeBadge_icon__3XpHh {
    min-width: 26px;
    fill: hsla(0, 0%, 100%, .3);
    transition: fill .2s cubic-bezier(.4, 0, .2, 0)
}

.LargeBadge_wrapper__2ltiK:hover .LargeBadge_icon__3XpHh {
    fill: var(--color-graybase-100)
}

.LargeBadge_wrapper__2ltiK:active {
    background-color: hsla(0, 0%, 100%, .5)
}

.LargeBadge_wrapper__2ltiK:active .LargeBadge_icon__3XpHh {
    fill: #fff
}

.LargeBadge_content__HY8yi {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 8px
}

.LargeBadge_right__1yYqK {
    display: flex;
    flex-direction: column;
    margin-left: 11px
}

.LargeBadge_title__NMJnm {
    color: var(--color-white-100)
}

.LargeBadge_subtitle__rALY6 {
    color: hsla(0, 0%, 100%, .3)
}

.styles_wrapper__3_IBn {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 200px;
    padding: 30px
}

.styles_support__1hRCC {
    margin: 0 auto
}

.InputWithValidation_valid__2_ll9 {
    margin-bottom: 21px
}

@media(max-width:1023px) {
    .InputWithValidation_valid__2_ll9 {
        margin-bottom: 24px
    }
}

.ContactDetails_container__gMW7v {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 30px 30px
}

.ContactDetails_wrapper__1BXMb {
    width: 372px
}

.ContactDetails_wrapper__1BXMb input {
    width: 100%
}

.ContactDetails_details__1A0VM {
    margin-bottom: 8px !important
}

.ContactDetails_email__24n77 {
    margin-bottom: 12px
}

.ContactDetails_button_wrapper__3cz34,
.ContactDetails_phone_wrapper__2zsVw {
    margin-top: 8px
}

.ContactDetails_mobile_button_wrapper__1nFUs {
    display: none
}

.ContactDetails_delimiter__1mInw {
    width: 300px;
    height: 1px;
    margin-bottom: 16px;
    background: #4f4f56;
    border-radius: var(--size-corner-radius-regular)
}

.ContactDetails_description__3Q-Qq {
    width: 100%;
    color: var(--color-graybase-100)
}

@media(max-width:744px) {
    .ContactDetails_container__gMW7v {
        padding: 0
    }

    .ContactDetails_mobile_button_wrapper__1nFUs,
    .ContactDetails_wrapper__1BXMb {
        box-sizing: border-box;
        padding: 0 16px
    }
}

@media(min-width:744px)and (max-width:1023px) {
    .ContactDetails_container__gMW7v {
        padding: 0 16px
    }

    .ContactDetails_wrapper__1BXMb {
        padding: 0
    }

    .ContactDetails_mobile_button_wrapper__1nFUs {
        padding: 14px 0 20px
    }
}

@media(max-width:1023px) {
    .ContactDetails_container__gMW7v {
        align-items: flex-start;
        justify-content: space-between
    }

    .ContactDetails_wrapper__1BXMb {
        width: 100%
    }

    .ContactDetails_wrapper__1BXMb input {
        font-size: 18px;
        font-weight: 400;
        line-height: 26px
    }

    .ContactDetails_mobile_button_wrapper__1nFUs {
        position: sticky;
        bottom: 0;
        box-sizing: border-box;
        display: flex;
        width: 100%;
        padding: 14px 16px 20px;
        border-top: 1px solid var(--color-white-100-opacity-10)
    }

    .ContactDetails_delimiter__1mInw {
        width: 100%
    }

    .ContactDetails_email__24n77 {
        margin-bottom: 24px
    }

    .ContactDetails_mobile_button__1nPxx {
        display: block;
        width: calc(100% - 32px);
        padding: 16px 16px 14px
    }

    .ContactDetails_mobile_button__1nPxx span {
        font-size: 18px
    }
}

.SavedFilters_active__Gfpbg {
    color: var(--color-purple-300) !important
}

.SavedFilters_saved_filter__1jaPS {
    position: relative;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
    color: var(--color-graybase-200);
    cursor: pointer;
    fill: var(--color-graybase-200)
}

.SavedFilters_saved_filter__1jaPS.SavedFilters_is_mobile__2LS6S {
    color: var(--color-graybase-100)
}

.SavedFilters_saved_filter__1jaPS .SavedFilters_text__QOR66 {
    width: 172px;
    height: 20px
}

.SavedFilters_saved_filter__1jaPS .SavedFilters_rename__1UWIj,
.SavedFilters_saved_filter__1jaPS .SavedFilters_text__QOR66 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SavedFilters_saved_filter__1jaPS .SavedFilters_rename__1UWIj {
    width: 170px
}

.SavedFilters_saved_filter__1jaPS .SavedFilters_icon__24HT- {
    display: none
}

.SavedFilters_saved_filter__1jaPS:not(.SavedFilters_is_mobile__2LS6S):hover .SavedFilters_rename__1UWIj {
    display: block;
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SavedFilters_saved_filter__1jaPS:not(.SavedFilters_is_mobile__2LS6S):hover .SavedFilters_icon__24HT- {
    display: block
}

.SavedFilters_saved_filter__1jaPS:not(.SavedFilters_is_mobile__2LS6S):hover .SavedFilters_icon__24HT-:hover {
    fill: var(--color-white-100)
}

.SavedFilters_saved_filter__1jaPS:not(.SavedFilters_is_mobile__2LS6S):hover .SavedFilters_move__hbPNR {
    margin-right: 8px
}

.SavedFilters_saved_filter__1jaPS:not(.SavedFilters_is_mobile__2LS6S):hover .SavedFilters_text__QOR66 {
    color: var(--color-white-100)
}

.SavedFilters_arrow__1FIh6 {
    position: absolute;
    width: var(--arrow-width);
    height: var(--arrow-height);
    clip-path: var(--arrow);
    background: var(--color-purple-500)
}

.SavedFilters_tooltip_content__19xhB {
    color: var(--color-white-100)
}

.SavedFilters_icons_group__2mA4Z {
    position: absolute;
    right: 0;
    z-index: 2;
    display: flex
}

@media(max-width:1023px) {
    .SavedFilters_content__2VVAB {
        margin-left: 40px
    }

    .SavedFilters_content__2VVAB,
    .SavedFilters_empty__3uHwD {
        margin-right: 16px
    }

    .SavedFilters_empty__3uHwD {
        margin-top: 6px;
        margin-left: 16px
    }

    .SavedFilters_icons_group__2mA4Z {
        right: 0;
        z-index: 2;
        display: flex;
        background: var(--color-graybase-700)
    }

    .SavedFilters_saved_filter__1jaPS {
        width: 100%;
        padding: 9px 0;
        overflow: hidden
    }

    .SavedFilters_saved_filter__1jaPS .SavedFilters_rename__1UWIj {
        width: calc(100% - 80px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .SavedFilters_saved_filter__1jaPS .SavedFilters_icon__24HT- {
        display: block
    }

    .SavedFilters_saved_filter__1jaPS .SavedFilters_move__hbPNR {
        margin-right: 20px
    }

    .SavedFilters_saved_filter__1jaPS .SavedFilters_text__QOR66 {
        width: calc(100% - 80px)
    }
}

.RefundPolicy_refund_policy___GmVz {
    display: flex;
    gap: 4px;
    justify-content: center;
    margin-top: 16px;
    color: var(--color-white-100-opacity-30);
    text-align: center
}

.RefundPolicy_refund_policy___GmVz a {
    display: inline
}

.RefundPolicy_refund_policy___GmVz * {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .02em
}

.TooltipDisableRuPayments_tooltip__7JSKn {
    font-size: inherit;
    font-weight: inherit;
    color: inherit
}

.TooltipDisableRuPayments_tooltip__title__3PklR {
    margin-bottom: 4px
}

.TooltipDisableRuPayments_tooltip__currency__3I7Td,
.TooltipDisableRuPayments_tooltip__title__3PklR {
    color: var(--color-white-100)
}

.TooltipDisableRuPayments_tooltip__description__3hmxd {
    color: var(--color-graybase-100)
}

.TooltipDisableRuPayments_tooltip__link__30uqQ {
    color: var(--color-purple-400)
}

.TooltipDisableRuPayments_tooltip__content__2LX4a {
    width: 176px
}

.BuyBanner_banner__1wgRJ {
    box-sizing: border-box;
    flex: 1;
    height: fit-content;
    padding: 24px 20px;
    background-color: var(--color-graybase-600);
    border-radius: var(--size-corner-radius-regular)
}

.BuyBanner_banner_wrapper__z4Q9r {
    flex: 1;
    flex-direction: column
}

@media(min-width:1024px) {
    .BuyBanner_banner_wrapper__z4Q9r {
        width: 372px
    }
}

.BuyBanner_banner_mode__LJcNy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 28px
}

.BuyBanner_banner_meta__3NTcz {
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

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

.BuyBanner_banner_meta__value__23G4p {
    color: var(--color-white-100)
}

.BuyBanner_banner_meta__bonus__Z-bVi {
    color: var(--color-accent-green-100)
}

.BuyBanner_banner_meta__not_chosen__13Um7 {
    color: var(--color-graybase-200)
}

.BuyBanner_banner_label__1jXFy {
    color: var(--color-graybase-100)
}

.BuyBanner_banner_divider__3wFIJ {
    margin-top: 22px;
    margin-bottom: 22px;
    border: 1px solid var(--color-white-100-opacity-10)
}

.BuyBanner_banner_total__3Om1T {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 24px
}

.BuyBanner_left__GiiYj {
    display: grid;
    gap: 2px
}

.BuyBanner_mode_descr__10fx1 {
    color: var(--color-white-100-opacity-50)
}

.BuyBanner_btn_wrap__1rE-b {
    display: grid;
    grid-auto-flow: column;
    gap: 8px;
    align-items: center
}

.BuyBanner_btn_wrap__1rE-b img {
    margin-bottom: 3px
}

.Hint_questionIcon__24OYz {
    display: inline-flex;
    padding-left: 4px;
    vertical-align: middle
}

.Hint_questionIcon__24OYz svg {
    fill: var(--color-graybase-200)
}

.Hint_text__2O9ka {
    color: var(--color-graybase-100)
}

.Hint_wrapper__u2i32 {
    display: flex;
    flex-direction: column;
    gap: 4px
}

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

.Hint_wrapper_meta__label__1PbMU {
    color: var(--color-graybase-100)
}

.Hint_wrapper_meta__bonus__3buqK {
    color: var(--color-accent-green-100)
}

.BuyBannerMobile_banner_wrapper__3OXpa {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding-top: 14px;
    margin-bottom: 16px;
    border-top: 1px solid var(--color-white-100-opacity-10)
}

.BuyBannerMobile_banner_text__19POA {
    color: var(--color-graybase-100)
}

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

.BuyBannerMobile_banner_wrap__3hX8h {
    display: grid;
    grid-auto-flow: column;
    gap: 4px;
    text-align: center
}

@media(max-width:744px) {
    .BuyBannerMobile_banner_wrapper__3OXpa {
        position: sticky;
        bottom: 0;
        box-sizing: border-box;
        padding: 14px 16px 20px;
        background-color: var(--color-graybase-500)
    }
}

.BuyBannerMobile_wrapper__PRbPt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 8px
}

.BuyBannerMobile_right_text__33Cak {
    color: var(--color-graybase-100);
    text-align: center
}

.BuyBannerMobile_logo__6LHcM {
    width: 24px;
    height: 24px
}

.BuyBannerMobile_right__1Mz91 {
    margin-top: 12px
}

.BuyBannerMobile_btn_wrap__1r7a0,
.BuyBannerMobile_right__1Mz91 {
    display: grid;
    grid-auto-flow: column;
    gap: 8px;
    align-items: center
}

.BuyBannerMobile_btn_wrap__1r7a0 img {
    margin-bottom: 3px
}

.BuyBannerMobile_btn_wrap_tooltip__3f5k_ {
    width: 100%
}

.DepositsWrapper_wrapper__21zFc {
    display: grid
}

.CurrencySwitcher_content_currency_switcher__1XABl {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--color-purple-500);
    cursor: pointer;
    background: transparent;
    border: none
}

.CurrencySwitcher_content_currency_switcher__1XABl:active,
.CurrencySwitcher_content_currency_switcher__1XABl:hover {
    color: var(--color-purple-300)
}

.DepositCard_card__3bC_1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 38px;
    cursor: pointer;
    background: var(--color-graybase-400);
    border-radius: var(--size-corner-radius-regular);
    transition: background .2s cubic-bezier(.4, 0, .2, 0)
}

.DepositCard_card__3bC_1:hover {
    background: var(--color-graybase-300)
}

.DepositCard_card_text__1zhC6 {
    display: flex;
    gap: 3px;
    text-align: center
}

.DepositCard_card_text__bonus__12qTk {
    color: var(--color-accent-green-100)
}

.DepositCard_disabled_input__3FMfW {
    cursor: pointer
}

.DepositCard_bonus_value___Q4cU,
.DepositCard_value__xGU0u {
    font-size: 14px
}

.DepositCard_bonus_value___Q4cU {
    font-weight: 400;
    color: var(--color-graybase-100)
}

.DepositCard_tooltip_wrapper__2BlJ- {
    width: auto;
    height: auto
}

.DepositCard_selected_card__1Wsyq.DepositCard_card__3bC_1 {
    background: var(--color-graybase-200)
}

.DepositCard_selected_card__1Wsyq.DepositCard_card__3bC_1 span:first-child {
    color: var(--color-white-100)
}

.DepositCard_selected_card__1Wsyq.DepositCard_card__3bC_1:hover {
    background: var(--color-white-100-opacity-30)
}

@media(max-width:744px) {
    .DepositCard_card__3bC_1 {
        flex-shrink: 0;
        padding: 0 12px
    }
}

.Hint_questionIcon__-qpJJ {
    display: flex;
    align-items: center
}

.Hint_questionIcon__-qpJJ svg {
    fill: var(--color-graybase-200)
}

.Hint_text__eF0Wh {
    color: var(--color-graybase-100)
}

.DepositInputs_inputs__ZkJ7p {
    display: flex;
    gap: 10px;
    align-items: flex-end
}

.DepositInputs_label__xT5cV {
    display: block;
    margin-bottom: 8px !important
}

.DepositInputs_input_with_label__1cijt {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

@media(max-width:744px) {
    .DepositInputs_inputs__ZkJ7p {
        flex-wrap: wrap
    }
}

.InputErrorText_error__1U5hJ {
    position: absolute;
    margin-top: 4px
}

.InputErrorText_error_style__1ywTN {
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: var(--color-accent-red-200) !important;
    letter-spacing: .025em
}

.ProviderCard_card__yo1gb {
    position: relative;
    box-sizing: border-box;
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    padding: 0 8px;
    cursor: pointer;
    background: var(--color-graybase-400);
    border-radius: var(--size-corner-radius-regular)
}

.ProviderCard_card__yo1gb:not(.ProviderCard_disabled_card__IW1FX):hover {
    background: var(--color-graybase-300)
}

.ProviderCard_icon__M9TRl {
    width: 62px;
    height: 62px;
    object-fit: contain
}

.ProviderCard_image_container__2kcTo {
    display: flex
}

.ProviderCard_description__P9nlf {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 45px;
    overflow: hidden;
    font-size: 12px;
    line-height: 14px;
    color: var(--color-graybase-100);
    word-wrap: break-word
}

.ProviderCard_title__1OdqG {
    min-height: 15px;
    font-size: 15px;
    font-weight: 500;
    color: var(--color-white-100)
}

.ProviderCard_text__3j8Oy {
    font-size: 12px;
    color: var(--color-graybase-100)
}

.ProviderCard_selected_card__1q7VN,
.ProviderCard_selected_card__1q7VN:not(.ProviderCard_disabled_card__IW1FX):hover {
    background: var(--color-graybase-200)
}

.ProviderCard_disabled_card__IW1FX {
    cursor: default
}

.ProviderCard_disabled_card__IW1FX .ProviderCard_icon__M9TRl,
.ProviderCard_disabled_card__IW1FX .ProviderCard_title__1OdqG {
    opacity: .3
}

@media(max-width:1023px) {
    .ProviderCard_card__yo1gb {
        justify-content: flex-start
    }
}

.Tooltip_wrapper__KvorM {
    width: fit-content;
    height: fit-content
}

.Tooltip_tooltip__2PR9o {
    position: absolute;
    z-index: 99999
}

.Tooltip_tooltip__2PR9o b {
    font-weight: 500;
    color: #fff
}

.Tooltip_tooltip_enter__2nJ-l {
    opacity: 0
}

.Tooltip_tooltip_enter_active__pa-5m {
    opacity: 1;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 0)
}

.Tooltip_tooltip_exit__3eAgr {
    opacity: 1
}

.Tooltip_tooltip_exit_active__1dP5A {
    opacity: 0;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 0)
}

.Tooltip_tooltip_angle__3-Obo[data-position=bottom] {
    position: absolute;
    top: -7px;
    left: 50%;
    content: "";
    border-right: 7px solid transparent;
    border-bottom: 7px solid;
    border-left: 7px solid transparent;
    transform: translateX(-50%)
}

.Tooltip_tooltip_angle__3-Obo[data-position=bottom].Tooltip_tooltip_angle_default__1TE3R {
    border-bottom-color: var(--color-graybase-800)
}

.Tooltip_tooltip_angle__3-Obo[data-position=bottom].Tooltip_tooltip_angle_workspace__1Gnhu {
    border-bottom-color: var(--color-graybase-600)
}

.Tooltip_tooltip_angle__3-Obo[data-position=top] {
    position: absolute;
    bottom: -7px;
    left: 50%;
    content: "";
    border-top: 7px solid;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    transform: translateX(-50%)
}

.Tooltip_tooltip_angle__3-Obo[data-position=top].Tooltip_tooltip_angle_default__1TE3R {
    border-top-color: var(--color-graybase-800)
}

.Tooltip_tooltip_angle__3-Obo[data-position=top].Tooltip_tooltip_angle_workspace__1Gnhu {
    border-top-color: var(--color-graybase-600)
}

.Tooltip_tooltip_angle__3-Obo[data-position=left] {
    position: absolute;
    right: -7px;
    bottom: 50%;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid;
    transform: translateY(50%)
}

.Tooltip_tooltip_angle__3-Obo[data-position=left].Tooltip_tooltip_angle_default__1TE3R {
    border-left-color: var(--color-graybase-800)
}

.Tooltip_tooltip_angle__3-Obo[data-position=left].Tooltip_tooltip_angle_workspace__1Gnhu {
    border-left-color: var(--color-graybase-600)
}

.Tooltip_tooltip_angle__3-Obo[data-position=right] {
    position: absolute;
    bottom: 50%;
    left: -7px;
    content: "";
    border-top: 7px solid transparent;
    border-right: 7px solid;
    border-bottom: 7px solid transparent;
    transform: translateY(50%)
}

.Tooltip_tooltip_angle__3-Obo[data-position=right].Tooltip_tooltip_angle_default__1TE3R {
    border-right-color: var(--color-graybase-800)
}

.Tooltip_tooltip_angle__3-Obo[data-position=right].Tooltip_tooltip_angle_workspace__1Gnhu {
    border-right-color: var(--color-graybase-600)
}

.Tooltip_content__4juWW {
    box-sizing: border-box;
    width: max-content;
    max-width: 260px;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-graybase-100);
    text-align: center;
    border-radius: 4px
}

.Tooltip_content__4juWW.Tooltip_content_default__32DYC {
    background: var(--color-graybase-800)
}

.Tooltip_content__4juWW.Tooltip_content_workspace__q_cfU {
    background: var(--color-graybase-600)
}

@media(max-width:550px) {
    .Tooltip_content__4juWW {
        max-width: 200px;
        transform: translateX(calc(50% - 115px))
    }
}

.PaymentCard_provider_tooltip__1KuIy {
    width: 100%
}

.PaymentCard_provider_card__gNP5c {
    justify-content: flex-start
}

.Menu_menu__AD2i2 {
    width: 526px
}

.Menu_menu_divider__3dnz4 {
    margin: 24px 0;
    border: 1px solid var(--color-white-100-opacity-10)
}

.Menu_deposit_block__24QYb {
    position: relative
}

.Menu_deposit_cards_container__3lgt- {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 26px
}

.Menu_provider_cards_container__AwOIK {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 8px;
    column-gap: 10px;
    margin-top: 8px;
    overflow-y: auto
}

.Menu_scrollable_container__3yvXM {
    padding-right: 4px
}

@media(min-width:1024px) {
    .Menu_provider_cards_container__AwOIK {
        overflow-y: auto
    }
}

@media(max-width:1023px) {
    .Menu_menu__AD2i2 {
        width: 100%
    }
}

@media(max-width:744px) {
    .Menu_deposit_cards_container__3lgt- {
        display: flex;
        overflow-x: auto
    }

    .Menu_deposit_cards_container__3lgt-::-webkit-scrollbar {
        display: none
    }

    .Menu_provider_cards_container__AwOIK {
        display: flex;
        flex-direction: column;
        max-height: 100% !important
    }

    .Menu_menu__AD2i2 {
        box-sizing: border-box;
        padding: 0 16px 20px
    }
}

.Payment_tab_content__2Q6uB {
    display: flex;
    flex: 1;
    gap: 40px;
    justify-content: space-between;
    padding: 0 30px 30px
}

@media (max-width:1023px) {
    .Payment_tab_content__2Q6uB {
        flex-direction: column
    }
}

@media (min-width:744px) and (max-width:1023px) {
    .Payment_tab_content__2Q6uB {
        padding: 0 16px 20px
    }
}

@media (max-width:744px) {
    .Payment_tab_content__2Q6uB {
        gap: 0;
        padding: 0
    }
}

.ProcessingView_container__rCwhm {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.ProcessingView_loader__2fkuO {
    width: 41px;
    height: 41px
}

.ProcessingView_loader__2fkuO>div {
    width: 100%;
    height: 100%;
    padding: 0
}

.ProcessingView_title__1fg_Y {
    margin-top: 21px !important
}

.ProcessingView_subtitle__2jvwV {
    max-width: 386px;
    margin-top: 8px !important;
    line-height: 24px;
    color: var(--color-graybase-100);
    text-align: center
}

.ProcessingView_button_link__2AgdA {
    min-width: 177px;
    margin-top: 24px
}

@keyframes ProcessingView_spin__1DVFY {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@media(max-width:1023px) {
    .ProcessingView_container__rCwhm {
        padding: 0 16px;
        text-align: center
    }
}

@media(max-width:550px) {
    .ProcessingView_container__rCwhm {
        margin: auto
    }
}

.Tabs_tabs__2CyDX {
    padding: 0 30px
}

.Tabs_tab__2OJ3v,
.Tabs_tabs__2CyDX {
    display: flex
}

.Tabs_tab__2OJ3v {
    justify-content: center;
    width: 50%;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer
}

.Tabs_disabled__24guj {
    color: var(--color-white-100-opacity-50)
}

.Tabs_line__17Ns9 {
    box-sizing: border-box;
    height: 1px;
    padding: 0 30px;
    margin: 4px 30px 32px;
    background: var(--color-white-100-opacity-10)
}

.Tabs_purple_line__i7SEF {
    width: 100%;
    height: 2px;
    background: var(--color-purple-300);
    transition: transform .3s ease-out
}

.Tabs_count_2__3-7ki>div {
    position: relative;
    width: 50%
}

.Tabs_line_1__1iZ9L {
    transform: translateX(0)
}

.Tabs_line_2__Kz_FB {
    transform: translateX(100%)
}

.Tabs_mobile_namings__1dnh8 {
    display: none
}

@media(max-width:1023px) {
    .Tabs_tabs__2CyDX {
        padding: 0 16px
    }

    .Tabs_line__17Ns9 {
        margin: 4px 16px 30px
    }
}

@media(max-width:550px) {
    .Tabs_desktop_namings__1dP2f {
        display: none
    }

    .Tabs_mobile_namings__1dnh8 {
        display: inline
    }
}

.TransactionError_wrapper__2BIeI {
    box-sizing: border-box;
    padding: 30px
}

.TransactionError_body__3nipV {
    align-items: center;
    justify-content: center;
    text-align: center
}

.TransactionError_body__3nipV button {
    max-width: 177px
}

.TransactionError_body__3nipV,
.TransactionError_wrapper__2BIeI {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center
}

.TransactionError_title__qdqyS {
    margin-top: 10px !important;
    margin-bottom: 8px !important
}

.TransactionError_subtitle__4Mwch {
    max-width: 390px;
    margin-bottom: 24px !important;
    color: var(--color-graybase-100)
}

.TransactionError_alert_wrapper__3KjjZ svg {
    fill: var(--color-accent-red-200)
}

@media(max-width:1023px) {
    .TransactionError_wrapper__2BIeI {
        padding: 18px
    }
}

.PopupBody_container__2eXRp {
    display: flex;
    flex: 1;
    flex-direction: column
}

.PopupBody_scroll__disabled__2WHav {
    overflow: hidden !important
}

.PopupBody_modal_payment__2soQY {
    width: 998px;
    min-height: 488px
}

.PopupBody_loader__1FyNE {
    margin: 0 auto 40px
}

.PopupBody_loader__1FyNE>div>div {
    border-width: 4px
}

.PopupBody_modal__has_tabs__2tP8o {
    margin-top: 20px !important
}

.PopupBody_modal_payment__2soQY .PopupBody_modal_body__2Ne0K {
    padding: 0;
    margin-top: 30px;
    overflow-y: auto
}

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

.PopupBody_wrapper__nSccp {
    display: flex;
    height: 100%;
    overflow-x: hidden;
    transition: transform .3s ease-out
}

.PopupBody_wrapper__has_tabs__1MQpx {
    width: 200%
}

.PopupBody_step_contacts__2KEmT .PopupBody_wrapper__nSccp {
    transform: translateX(-50%)
}

.PopupBody_disabled__Y0H8O {
    color: var(--color-white-100-opacity-50)
}

.PopupBody_with_input_details__23zuv .PopupBody_line__ywnZ_>div {
    width: 33%
}

@media(min-width:1024px) {
    .PopupBody_modal_payment__2soQY {
        min-height: 488px;
        overflow-x: hidden;
        overflow-y: scroll
    }
}

@media(max-width:1023px) {
    .PopupBody_container__2eXRp {
        overflow-x: hidden
    }

    .PopupBody_container__2eXRp,
    .PopupBody_scrollable__22iU5 {
        overflow-y: auto
    }

    .PopupBody_scrollable__22iU5::-webkit-scrollbar {
        display: none;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .PopupBody_modal_payment__2soQY {
        width: 100%;
        min-height: 100%
    }

    .PopupBody_modal_body__2Ne0K {
        margin-top: 32px !important
    }

    .PopupBody_wrapper__nSccp {
        overflow-x: unset
    }
}

.PopupLayout_container__3wpw2 {
    display: flex;
    flex: 1;
    flex-direction: column
}

.PopupLayout_scroll__disabled__qgL_h {
    overflow: hidden
}

.PopupLayout_modal_payment__1qQhK {
    width: 998px;
    min-height: 488px
}

.PopupLayout_loader__6Aq-5 {
    margin: 0 auto 40px
}

.PopupLayout_loader__6Aq-5>div>div {
    border-width: 4px
}

.PopupLayout_modal__has_tabs__3ByL_ {
    margin-top: 20px !important
}

.PopupLayout_modal_body__2F-sp {
    display: flex;
    justify-content: center
}

.PopupLayout_modal_payment__1qQhK .PopupLayout_modal_body__2F-sp {
    padding: 0;
    margin-top: 30px;
    overflow-y: auto
}

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

.PopupLayout_wrapper__cvUCK {
    display: flex;
    height: 100%;
    overflow-x: hidden;
    transition: transform .3s ease-out
}

.PopupLayout_wrapper__has_tabs__1s4Jd {
    width: 200%
}

.PopupLayout_step_contacts__2GPgT .PopupLayout_wrapper__cvUCK {
    transform: translateX(-50%)
}

.PopupLayout_disabled__wOB-Z {
    color: var(--color-white-100-opacity-50)
}

.PopupLayout_with_input_details__3iUrI .PopupLayout_line__1140C>div {
    width: 33%
}

@media(min-width:1024px) {
    .PopupLayout_modal_payment__1qQhK {
        min-height: 488px;
        overflow-x: hidden;
        overflow-y: scroll
    }
}

@media(max-width:1023px) {
    .PopupLayout_scrollable__PJ92r {
        overflow-y: auto
    }

    .PopupLayout_scrollable__PJ92r::-webkit-scrollbar {
        display: none;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .PopupLayout_modal_payment__1qQhK {
        width: 100%;
        min-height: 100%
    }

    .PopupLayout_modal_body__2F-sp {
        margin-top: 32px !important
    }

    .PopupLayout_wrapper__cvUCK {
        overflow-x: unset
    }
}

.BonusTitle_bonus_title__1iJkV {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    padding: 0 8px;
    color: var(--color-accent-green-100);
    background: var(--color-shape-blue-100-opacity-10);
    border-radius: var(--size-corner-radius-regular)
}

.ModalTitleLayout_layout__1n74n {
    display: flex;
    flex-wrap: wrap-reverse;
    gap: 16px;
    align-items: center
}

.styles_wrapper__1TcpV {
    position: relative;
    display: flex;
    padding: 23px 20px 18px 32px;
    background: var(--color-graybase-500);
    border-radius: 4px
}

.styles_description__89uc4 {
    display: flex;
    flex-direction: column
}

.styles_title__1eYje {
    margin-bottom: 4px;
    font-weight: 500;
    line-height: 120%
}

.styles_icon__xUgfF {
    margin-top: 4px;
    margin-right: 20px
}

.styles_text__EmztJ {
    font-size: 14px;
    color: var(--color-graybase-100);
    letter-spacing: -.32px
}

.styles_buttons__23CfE {
    margin-top: 7px
}

.styles_close__3tEg0 {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background-image: url(../imgs/cross.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.styles_button__1TsgT {
    margin-right: 10px
}

.PrimeBanner_prime__OC24W {
    margin-top: 16px
}

.PrimeBanner_discount_icon__6TtPY {
    fill: var(--color-graybase-100)
}

.styles_container__3Ayfh {
    z-index: 2;
    display: flex;
    width: fit-content;
    padding: 11px 0 10px;
    margin: 0 auto;
    background: var(--color-graybase-400);
    border-radius: 4px
}

.styles_separator__3zAyi {
    position: relative;
    width: 14px
}

.styles_separator__3zAyi:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    content: "";
    background: url(../imgs/trade_icon.svg) no-repeat;
    background-position: 50%;
    background-size: cover;
    transform: translate(-50%, -50%)
}

.styles_separator__3zAyi:before {
    position: absolute;
    bottom: -15px;
    left: 2px;
    content: "";
    border: 5px solid transparent;
    border-top: 5px solid var(--color-graybase-400);
    border-bottom: none
}

.styles_container__1uEg9 {
    display: flex;
    flex-direction: column;
    margin-top: 19px
}

.styles_separator__1vHnF:before {
    display: none
}

.styles_button__1dqSA {
    margin: 19px auto 0;
    font-size: 14px;
    font-weight: 500
}

.styles_price__1m7op {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    letter-spacing: .005em;
    white-space: nowrap
}

.styles_container__2o2r4 {
    margin: 0 27px
}

.styles_title__1iYhE {
    width: 100%;
    font-size: 11px;
    text-align: center
}

.styles_list__B0YBD {
    justify-content: center
}

.styles_item__3azHY,
.styles_list__B0YBD {
    display: flex
}

.styles_item__3azHY {
    flex-direction: column;
    align-items: center;
    margin-right: 27px
}

.styles_item__3azHY p {
    width: 50px;
    height: 38px;
    margin-top: 6px;
    font-size: 12px;
    line-height: 120%;
    color: var(--color-graybase-100);
    text-align: center
}

.styles_item__3azHY:last-child {
    margin-right: 0
}

.styles_currency__1TuYp {
    margin-top: 4px;
    font-size: 11px;
    font-weight: 525;
    line-height: 12px;
    letter-spacing: -.005em
}

.styles_img__1R2ai {
    width: 44px;
    height: 44px;
    object-fit: contain;
    border-radius: 4px
}

.styles_green__2DZlM {
    color: #86b77a
}

.styles_red__1ZEtk {
    color: var(--color-accent-red-200)
}

.styles_shadow__3aSQT {
    opacity: .3
}

.ChangedPrices_separator__1q-U3:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 13px;
    content: "";
    background: url(../imgs/arrow.svg) no-repeat;
    background-position: 50%;
    background-size: contain;
    transform: translate(-50%, -50%)
}

.ChangedPrices_separator__1q-U3:before {
    display: none
}

.SuccessView_container__GO8Ym {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.SuccessView_success_emoji__2g_1D {
    width: 39px;
    height: 39px;
    margin-top: 6px;
    margin-bottom: 16px;
    background-image: url(../imgs/success_emoji.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.SuccessView_result__200Wp {
    margin-bottom: 8px !important;
    color: var(--color-white-100)
}

.SuccessView_details__2VTUD {
    margin-bottom: 24px !important;
    color: var(--color-white-100-opacity-30);
    text-align: center
}

.SuccessView_button__tCdZc {
    width: 177px
}

.SuccessView_success__t5Urd {
    color: var(--color-accent-green-100)
}

@media(max-width:1023px) {
    .SuccessView_container__GO8Ym {
        padding: 0 16px
    }
}

@media(max-width:550px) {
    .SuccessView_container__GO8Ym {
        margin: auto
    }
}

.TextWithTooltip_tooltip__33ydo {
    display: flex;
    gap: 4px;
    align-items: flex-end
}

.TextWithTooltip_icon__2G5ho {
    fill: var(--color-graybase-200)
}

.TextWithTooltip_children_container__3lCLK {
    text-align: center
}

.tooltip_content__2lWVh {
    display: grid;
    grid-template-rows: auto auto auto;
    row-gap: 5px;
    text-align: left
}

.tooltip_content__2lWVh .tooltip_buttons__3NYVb {
    display: flex
}

.tooltip_content__2lWVh .tooltip_buttons_text__xuynL {
    position: relative;
    top: -2px;
    text-transform: none
}

.tooltip_content__2lWVh .tooltip_buttons__3NYVb button {
    width: fit-content;
    min-width: 95px;
    margin-top: 10px
}

.NavigationDot_navigation_dot__yDBTA {
    width: 8px;
    height: 8px;
    background-color: var(--color-graybase-400);
    border-radius: 50%
}

.NavigationDot_navigation_dot__yDBTA.NavigationDot_active__3rgeg {
    background-color: var(--color-white-100)
}

.Carousel_wrapper__2mMPz {
    position: relative;
    width: 100%
}

.Carousel_viewport__2UD6Z,
.Carousel_viewport_buttons__3p5WO {
    width: 100%;
    overflow: hidden
}

.Carousel_viewport__2UD6Z.Carousel_draggable__OXWnb,
.Carousel_viewport_buttons__3p5WO.Carousel_draggable__OXWnb {
    cursor: grab
}

.Carousel_viewport__2UD6Z.Carousel_dragging__33On1,
.Carousel_viewport_buttons__3p5WO.Carousel_dragging__33On1 {
    cursor: grabbing
}

.Carousel_container__P2aZK {
    display: flex;
    -khtml-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.Carousel_slide__2XbKM {
    position: relative;
    display: flex;
    min-width: 100%
}

.Carousel_slide_inner__19gVm {
    position: relative;
    box-sizing: border-box;
    width: 168px;
    height: 340px;
    overflow: hidden;
    opacity: .3;
    transform: scale(.893)
}

.Carousel_slide_img__1Rpy9 {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    min-width: 100%;
    max-width: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.Carousel_selected__1l5IJ .Carousel_slide_inner__19gVm {
    opacity: unset;
    transition: all .3s ease-in-out;
    transform: unset
}

.Carousel_controllers__YR-VW {
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.Carousel_button__1G4YQ,
.Carousel_controllers__YR-VW {
    position: absolute;
    height: 100%
}

.Carousel_button__1G4YQ {
    width: 90px
}

.Carousel_left_button__1jW_O {
    top: 0;
    left: 0
}

.Carousel_right_button__3nGeM {
    top: 0;
    right: 0
}

.Carousel_description__2yRPp {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 16px 16px 0;
    text-align: center
}

.Carousel_description_text__3odf2 {
    color: var(--color-graybase-100)
}

.Carousel_navigation_dot__2cDx0 {
    padding: 8px;
    cursor: pointer;
    background: none;
    border: none;
    outline: none
}

.Carousel_navigation__3iLOB {
    display: flex;
    justify-content: center
}

.Carousel_mobile_steam_link__2YEP7 {
    margin-top: 4px
}

.Modal_overlay__1CKP1 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    box-sizing: border-box;
    display: flex;
    width: 100%;
    min-height: 100vh;
    padding: 1rem;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(0, 0, 0, .4)
}

.Modal_wrapper__24C0d {
    width: fit-content;
    margin: auto
}

.Modal_modal__MHUQs,
.Modal_wrapper__24C0d {
    position: relative;
    display: flex;
    flex-direction: column
}

.Modal_modal__MHUQs {
    box-sizing: border-box;
    overflow: hidden;
    color: var(--color-white-100);
    background: var(--color-graybase-600);
    border-radius: var(--size-corner-radius-regular)
}

.Modal_modal__MHUQs:focus {
    outline: none
}

.Modal_body__12yw9 {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    padding: 16px;
    overflow: hidden
}

.Modal_close__371WU {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    fill: var(--color-graybase-200)
}

.Modal_close__371WU:focus {
    outline: none
}

@media(max-width:1023px) {
    .Modal_top__PTOLM {
        margin: 0 auto auto
    }

    .Modal_bottom__11RiZ {
        margin: auto auto 0
    }
}

.popup_secondary__2M38M {
    box-sizing: border-box;
    display: grid;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 38px;
    padding: 0;
    overflow: hidden;
    font: inherit;
    color: var(--color-white-100);
    word-break: break-all;
    cursor: pointer;
    background: var(--color-graybase-500);
    border: none;
    border-radius: var(--size-corner-radius-regular);
    outline: 0;
    transition: background-color var(--default-animation-duration) var(--default-animation-function), color var(--default-animation-duration) var(--default-animation-function)
}

.popup_secondary__2M38M:hover {
    background: var(--color-graybase-400)
}

.popup_popup__3bo4P {
    display: grid;
    grid-template-rows: 1fr min-content min-content;
    justify-content: center;
    justify-items: center;
    max-width: 520px;
    padding: 14px 10px 5px;
    margin: 0 auto;
    overflow: hidden
}

.popup_popup__3bo4P .popup_slide__1InoM {
    width: 487px;
    height: 380px;
    background-repeat: no-repeat;
    background-size: contain
}

.popup_popup__3bo4P .popup_text_content__2e6eJ {
    display: grid;
    grid-template-rows: min-content max-content;
    row-gap: 20px;
    max-width: 465px;
    height: 175px;
    margin-top: 20px;
    text-align: center;
    word-break: break-word
}

.popup_popup__3bo4P .popup_text_content__2e6eJ .popup_title__3OVO- {
    padding-top: 5px;
    line-height: 25px
}

.popup_popup__3bo4P .popup_text_content__2e6eJ .popup_description__3toXi {
    margin: 0 auto;
    color: var(--color-graybase-100)
}

@media(max-height:800px), (max-width:1024px) {
    .popup_popup__3bo4P {
        padding: 0
    }

    .popup_popup__3bo4P .popup_slide__1InoM {
        width: 240px;
        height: 158px
    }

    .popup_popup__3bo4P .popup_text_content__2e6eJ {
        row-gap: 16px;
        max-width: 520px;
        height: 165px;
        margin-top: 20px;
        text-align: center;
        word-break: break-word
    }

    .popup_popup__3bo4P .popup_text_content__2e6eJ .popup_title__3OVO- {
        padding-top: 0;
        padding-bottom: 16px
    }

    .popup_popup__3bo4P .popup_text_content__2e6eJ .popup_description__3toXi {
        margin: 0 auto;
        color: var(--color-graybase-100)
    }
}

.OnboardingPopups_wrapper__1n2PP {
    display: flex;
    flex-direction: column;
    gap: 27px;
    width: 460px;
    height: 700px;
    padding: 16px
}

.OnboardingPopups_btn_slots__bj8sG {
    display: flex;
    gap: 16px;
    justify-content: space-around;
    width: 408px;
    max-width: 100%;
    margin: 0 auto
}

.OnboardingPopups_btn_slots__bj8sG .OnboardingPopups_btn__3oQY4 {
    width: 100%
}

@media(max-height:800px), (max-width:1024px) {
    .OnboardingPopups_wrapper__1n2PP {
        gap: 20px;
        width: 290px;
        height: auto;
        padding: 36px 0
    }

    .OnboardingPopups_first_btn__8LuBp {
        display: none
    }
}

.Tooltip_arrow__2dGMq,
.Tooltip_wrapper__309IV {
    background-color: var(--color-graybase-800)
}

.Tooltip_arrow__2dGMq {
    position: absolute;
    width: var(--arrow-width);
    height: var(--arrow-height);
    clip-path: var(--arrow)
}

.Tooltip_wrapper__309IV {
    --arrow-peak-top: polygon(50% 0%, 0% 100%, 100% 100%);
    --arrow-peak-right: polygon(100% 50%, 0 0, 0 100%);
    --arrow-peak-bottom: polygon(50% 100%, 100% 0, 0 0);
    --arrow-peak-left: polygon(0 50%, 100% 100%, 100% 0);
    --arrow: unset;
    --arrow-width: 10px;
    --arrow-height: 6px;
    --arrow-height-negative: calc(var(--arrow-height)*-1);
    z-index: 9999;
    box-sizing: border-box;
    display: flex;
    max-width: 194px;
    padding: 14px;
    border-radius: var(--size-corner-radius-regular)
}

.Tooltip_wrapper__309IV[data-popper-placement^=top]>.Tooltip_arrow__2dGMq {
    --arrow: var(--arrow-peak-bottom);
    bottom: var(--arrow-height-negative)
}

.Tooltip_wrapper__309IV[data-popper-placement^=bottom]>.Tooltip_arrow__2dGMq {
    --arrow: var(--arrow-peak-top);
    top: var(--arrow-height-negative)
}

.Tooltip_wrapper__309IV[data-popper-placement^=left]>.Tooltip_arrow__2dGMq {
    --arrow: var(--arrow-peak-right);
    right: var(--arrow-height-negative);
    width: var(--arrow-height);
    height: var(--arrow-width)
}

.Tooltip_wrapper__309IV[data-popper-placement^=right]>.Tooltip_arrow__2dGMq {
    --arrow: var(--arrow-peak-left);
    left: var(--arrow-height-negative);
    width: var(--arrow-height);
    height: var(--arrow-width)
}

.Tooltip_no_max_width__HyqS3 {
    max-width: 100%
}

.Tooltip_interactive__PBlXz {
    pointer-events: none
}

.Tooltip_underlay__I2OKn {
    position: absolute;
    z-index: -1
}

.Tooltip_content__14iOF {
    color: var(--color-graybase-100);
    text-align: center;
    word-break: break-word;
    fill: var(--color-graybase-100)
}

.Tooltip_tooltip_container__1V5GO,
.Tooltip_tooltip_wrapper__1aZGy {
    width: inherit
}

.ActiveOffer_button__cancel__2cS8_ {
    color: var(--color-accent-red-200);
    background-color: var(--color-graybase-500)
}

.ActiveOffer_button__cancel__2cS8_:hover {
    background-color: var(--color-graybase-400)
}

.ActiveOffer_button__cancel__2cS8_:active {
    background-color: var(--color-graybase-500)
}

.ActiveOffer_cancel__text__1xVag {
    line-height: 24px
}

.ActiveOffer_active_offer__actions__rrqVo {
    display: flex;
    gap: 7px;
    margin-top: 12px
}

.ActiveOffer_active_offer__description__3E9cg {
    margin-top: 12px;
    color: var(--color-graybase-100)
}

.ActiveOffer_link__3R0js {
    width: 100%
}

.ActiveOffer_button_wrapper__3Ly7e {
    display: flex;
    gap: 16px;
    place-content: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 16px
}

.layout_layout__nbKhK {
    position: relative;
    flex: 1
}

.layout_layout__nbKhK:hover {
    cursor: pointer;
    filter: grayscale(0)
}

.BaseCard_header__392C8 {
    position: absolute;
    top: var(--card-vertical-padding-top);
    right: var(--card-horizontal-padding);
    left: var(--card-horizontal-padding);
    z-index: 3;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.BaseCard_image_content__2GmuD {
    position: relative
}

.BaseCard_overlay__3t62V {
    z-index: 2
}

.BaseCard_footer__2trfe {
    position: absolute;
    bottom: var(--card-vertical-padding-bottom);
    left: var(--card-horizontal-padding);
    width: calc(100% - 16px);
    margin-bottom: 10px
}

.BaseCard_tag__t6Jz6 {
    display: flex;
    gap: 5px;
    align-items: flex-end;
    width: fit-content;
    margin-bottom: 3px
}

.BaseCard_stack__Vnz_A {
    display: inline-flex;
    flex-grow: 1;
    justify-content: flex-end
}

.BaseCard_price__27L2x {
    display: flex
}

.BaseCard_favorite_button__g52pY {
    position: absolute;
    right: 4px;
    bottom: 42px;
    z-index: 3;
    display: none
}

.BaseCard_favorite__1q8Cf .BaseCard_favorite_button__g52pY {
    display: flex
}

.BaseCard_modifiers__20dCU {
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 0
}

.BaseCard_modifiers__20dCU.BaseCard_top_padded__3gXKi {
    top: var(--card-modifiers-top)
}

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

.BaseCard_action_buttons__1s4ix {
    display: flex;
    gap: 4px;
    justify-content: stretch;
    height: 28px
}

.BaseCard_disabled__3gtth {
    cursor: auto;
    background: rgba(21, 21, 24, .15)
}

.BaseCard_disabled__3gtth .BaseCard_description__31IqW,
.BaseCard_disabled__3gtth .BaseCard_image_content__2GmuD,
.BaseCard_disabled__3gtth .BaseCard_price__27L2x,
.BaseCard_disabled__3gtth .BaseCard_stack__Vnz_A {
    opacity: .5
}

.BaseCard_disabled__3gtth:hover {
    background-color: var(--color-graybase-300);
    filter: none
}

.BaseCard_card__3dPNo {
    position: relative;
    z-index: 3;
    box-sizing: border-box;
    height: var(--card-height);
    overflow: hidden
}

.BaseCard_card__3dPNo.BaseCard_small__3gPf7 {
    --card-height: 180px;
    --card-horizontal-padding: 8px;
    --card-vertical-padding-top: 6px;
    --card-vertical-padding-bottom: 4px;
    --card-modifiers-top: 26px;
    --cart-icon-top: 32px
}

.BaseCard_card__3dPNo.BaseCard_large__1zkSk {
    --card-height: 218px;
    --card-horizontal-padding: 8px;
    --card-vertical-padding-top: 6px;
    --card-vertical-padding-bottom: 4px;
    --card-modifiers-top: 26px;
    --cart-icon-top: 54px
}

.BaseCard_card__3dPNo.BaseCard_monochrome__2nqwU .BaseCard_image_content__2GmuD>img,
.BaseCard_card__3dPNo.BaseCard_monochrome__2nqwU .BaseCard_modifiers__20dCU {
    filter: grayscale(100%)
}

.BaseCard_card__3dPNo.BaseCard_preview__3e781 {
    border-radius: var(--size-corner-radius-regular)
}

.BaseCard_card__3dPNo.BaseCard_preview__3e781,
.BaseCard_isYour__JsVBN:hover {
    background: var(--color-graybase-400)
}

.BaseCard_isYour__JsVBN:hover .BaseCard_action_buttons__1s4ix button {
    background: var(--color-graybase-300)
}

@media(min-width:1024px) {
    .BaseCard_card__3dPNo:hover .BaseCard_favorite_button__g52pY {
        position: absolute;
        right: 4px;
        bottom: 42px;
        z-index: 3;
        display: flex
    }

    .BaseCard_card__3dPNo.BaseCard_monochrome__2nqwU:hover .BaseCard_image_content__2GmuD,
    .BaseCard_card__3dPNo.BaseCard_monochrome__2nqwU:hover .BaseCard_modifiers__20dCU {
        filter: grayscale(50%)
    }
}

.BaseCard_cashback_onboarding__oZBoK,
.BaseCard_cashback_onboarding__oZBoK>div {
    display: flex;
    gap: 4px;
    justify-content: stretch;
    width: 100%
}

@media(min-width:1024px) {
    .VisualSettings_modal__mPNFK {
        min-width: 780px
    }
}

@media(max-width:1023px) {
    .VisualSettings_modal__mPNFK {
        width: 100%;
        height: 100%
    }
}

.VisualSettings_title__3p-Np {
    padding: 40px 40px 0
}

@media(max-width:1023px) {
    .VisualSettings_title__3p-Np {
        padding: 16px 40px 0 16px;
        margin: 0
    }
}

.VisualSettings_modal_body__1APIS {
    padding: 12px 40px 40px
}

@media(max-width:1023px) {
    .VisualSettings_modal_body__1APIS {
        width: auto;
        padding: 0 16px 30px
    }
}

.VisualSettings_fieldset__1yQaQ {
    border: none
}

.VisualSettings_fieldset_description__3tmoL {
    margin-bottom: 16px;
    color: var(--color-graybase-200)
}

.VisualSettings_radiobutton_group__1lioT {
    display: inline-grid;
    grid-auto-flow: column;
    gap: 40px
}

@media(max-width:1023px) {
    .VisualSettings_radiobutton_group__1lioT {
        grid-auto-flow: row;
        gap: 16px
    }
}

.VisualSettings_save_button__YVdV1 {
    margin-top: 41px
}

.VisualSettings_legend__2Xzd6 {
    padding-bottom: 4px
}

.VisualSettings_delimiter__35xei {
    height: 1px;
    background: var(--color-white-100-opacity-10)
}

.VisualSettings_form__wS3d2 {
    display: grid;
    grid-auto-flow: row;
    gap: 32px
}

.CSGOImage_image__2kJNh {
    position: absolute;
    top: var(--card-image-top);
    left: 50%;
    z-index: -1;
    width: 100%;
    width: var(--card-image-width);
    height: auto;
    height: var(--card-image-height);
    margin: 0 auto;
    user-select: none;
    transform: translateX(-50%);
    object-fit: cover
}

.CSGOImage_image__2kJNh.CSGOImage_small__2sXDs {
    --card-image-width: 92px;
    --card-image-height: 69px;
    --card-image-top: 17px
}

.CSGOImage_image__2kJNh.CSGOImage_large__33CZI {
    --card-image-width: 140px;
    --card-image-height: 105px;
    --card-image-top: 18px
}

.Sticker_image__1ZJhW {
    object-fit: contain;
    width: var(--sticker-size);
    height: var(--sticker-size)
}

.Sticker_image__1ZJhW.Sticker_small__2Qt3I {
    --sticker-size: 20px
}

.Sticker_image__1ZJhW.Sticker_large__2kGTP {
    --sticker-size: 28px
}

.sticker_stickers__2GfdG {
    z-index: 1;
    display: flex;
    flex-direction: column
}

.SkinStatus_untradable_wrapper__1BTUv {
    display: grid;
    grid-auto-flow: column;
    column-gap: 4px;
    align-items: center;
    pointer-events: all
}

.SkinStatus_is_favorite__ov_uN {
    color: var(--color-accent-red-100)
}

.SkinStatus_date__XUuc7,
.SkinStatus_title__2Ufd2 {
    color: var(--color-white-100)
}

.SkinStatus_title__2Ufd2 {
    margin-bottom: 4px;
    text-align: center
}

.SkinStatus_description__16reh {
    color: var(--color-graybase-100);
    text-align: center
}

.SkinStatus_link__2Vb7i {
    color: var(--color-purple-300)
}

.SkinStatus_link__2Vb7i:hover {
    text-decoration: underline
}

.ToggleFromCart_icon_wrapper__1EAPb {
    --width: 40px;
    --height: 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--width);
    height: var(--height);
    color: var(--color-graybase-500);
    background-color: var(--color-graybase-100);
    border-radius: 100%
}

.ToggleFromCart_icon_wrapper__1EAPb.ToggleFromCart_multiple__3c2sX {
    --width: 60px;
    --height: 40px;
    user-select: none;
    border-radius: 100px
}

.ToggleFromCart_wrapper__5YIKA {
    position: absolute;
    top: var(--cart-icon-top);
    left: 50%;
    transform: translateX(-50%)
}

.ToggleFromCart_remove_icon_wrapper__38U4M {
    display: none
}

.ToggleFromCart_cart_icon__12K7q {
    display: block
}

.ToggleFromCart_uncart_icon__k1_hn {
    display: none
}

.ToggleFromCart_icon__3B5UW {
    margin-top: 2px
}

.ToggleFromCart_icon_wrapper_sell_list__3PxfX {
    display: none
}

.ToggleFromCart_overlay__XHDyR {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: transparent;
    border: none
}

.ToggleFromCart_overlay__XHDyR:hover .ToggleFromCart_cart_icon__12K7q {
    display: none
}

.ToggleFromCart_overlay__XHDyR:hover .ToggleFromCart_uncart_icon__k1_hn {
    display: block
}

.ToggleFromCart_overlay__XHDyR:hover .ToggleFromCart_remove_icon_wrapper__38U4M {
    display: flex
}

.ToggleFromCart_overlay__XHDyR:hover .ToggleFromCart_icon_wrapper_sell_list__3PxfX,
.ToggleFromCart_overlay__XHDyR:hover .ToggleFromCart_in_cart__2bQiV {
    color: var(--color-white-100);
    background-color: var(--color-accent-red-200);
    fill: var(--color-white-100)
}

.ToggleFromCart_overlay__XHDyR:hover .ToggleFromCart_icon_wrapper_sell_list__3PxfX {
    display: flex
}

.ToggleFromCart_overlay__XHDyR:focus {
    outline: none
}

.Withdraw_withdraw__3ING7 {
    display: block;
    overflow: hidden;
    line-height: 1;
    color: var(--color-accent-green-100);
    text-overflow: ellipsis;
    white-space: nowrap
}

.Withdraw_icon__38EjB {
    display: inline-block;
    margin-right: 2px;
    margin-bottom: -2px;
    margin-left: -2px;
    vertical-align: middle
}

.Withdraw_icon__38EjB svg {
    fill: var(--color-accent-green-100)
}

.souvenir_souvenir__25ukz {
    color: var(--color-steam-souvenir)
}

.statTrak_statTrak__1AbZV {
    color: var(--color-steam-stattrak)
}

.statTrak_special__vbfKP {
    color: var(--color-steam-star-stattrak)
}

.CSGODescription_description__3cUg_ {
    color: var(--color-graybase-100)
}

.CSGODescription_description_with_name__1sUdB {
    display: -webkit-box;
    padding-top: 3px;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.price_price__2aKac {
    display: flex;
    align-items: center
}

.price_overprice__1bEwP {
    margin-left: 8px
}

.price_icon__3sqWx {
    display: flex;
    margin-left: -4px;
    fill: var(--color-purple-500)
}

.price_currency__1RmBq {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .02em
}

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

.price_overflow__1l7Ia.price_small__1B8pj {
    max-width: 100px
}

.price_overflow__1l7Ia.price_large__a8bFU {
    max-width: 178.25px
}

.tradelock_tradelock__3RLH5 {
    display: block;
    line-height: 1;
    color: var(--color-white-100-opacity-50);
    text-overflow: ellipsis;
    white-space: nowrap
}

.tradelock_tradelock__3RLH5 .tradelock_icon__1lcCC {
    display: inline-block;
    margin-right: 2px;
    margin-bottom: -2px;
    margin-left: -2px;
    vertical-align: middle
}

.tradelock_tradelock__3RLH5 .tradelock_icon__1lcCC svg {
    fill: var(--color-white-100-opacity-50)
}

.tradelock_tradelock__3RLH5:hover {
    color: var(--color-white-100)
}

.tradelock_tradelock__3RLH5:hover .tradelock_icon__1lcCC svg {
    fill: var(--color-white-100)
}

.Card_card__19lAy {
    box-sizing: border-box;
    width: 280px;
    padding: 12px;
    background-color: var(--color-graybase-300);
    border-radius: var(--size-corner-radius-regular);
    box-shadow: var(--effect-shadow-medium)
}

.EmptySticker_empty_sticker__3zL_F {
    display: flex;
    align-items: baseline;
    justify-content: center;
    width: 48px;
    fill: var(--color-white-100-opacity-10)
}

.FloatRange_float_range_wrapper__26B4F {
    --float-border-radius: 50px;
    position: relative;
    display: grid;
    grid-template-columns: 7% 8% 23% 7% 55%;
    width: 100%;
    height: 6px
}

.FloatRange_unavailable_range_left__33k5_ {
    left: 0;
    border-radius: var(--float-border-radius) 0 0 var(--float-border-radius)
}

.FloatRange_unavailable_range_right__2sb9l {
    right: 0;
    border-radius: 0 var(--float-border-radius) var(--float-border-radius) 0
}

.FloatRange_factory_new__1MhZy {
    background: var(--color-float-factory-new);
    border-radius: var(--float-border-radius) 0 0 var(--float-border-radius)
}

.FloatRange_minimal_wear__gAjQr {
    background: var(--color-float-minimal-wear)
}

.FloatRange_field_tested__CgAT0 {
    background: var(--color-float-field-tested)
}

.FloatRange_wellworn__SFlcX {
    background: var(--color-float-wellworn)
}

.FloatRange_battle_scarred__3rQQI {
    background: var(--color-float-battle-scarred);
    border-radius: 0 var(--float-border-radius) var(--float-border-radius) 0
}

.FloatRange_unavailable_range__1h3-K {
    position: absolute;
    height: 100%;
    background: var(--color-graybase-700)
}

.FloatRange_indicator__2iVkZ {
    bottom: calc(100% - 2px);
    fill: var(--color-white-100)
}

.FloatRange_indicator-range__2eT_P,
.FloatRange_indicator__2iVkZ {
    position: absolute;
    display: flex;
    transform: translateX(-50%)
}

.FloatRange_indicator-range__2eT_P {
    bottom: calc(100% + 4px);
    justify-content: center;
    width: 30px;
    height: 24px;
    font-size: 13px;
    line-height: 21px;
    color: #222127;
    background: url(../imgs/float_range_icon.svg) no-repeat
}

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

.HeaderButton_header_button__22rhU {
    display: flex;
    height: 100%;
    padding: 0;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    fill: var(--color-graybase-100)
}

.HorizontalLine_horizontal_line__19Uyl {
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: var(--color-white-100-opacity-10)
}

.ImageSection_image_section__UmBeM {
    position: relative;
    height: 146px;
    margin-right: -12px;
    margin-bottom: 10px;
    margin-left: -12px
}

.Link_link__22du2 span {
    text-transform: unset
}

.LinkButton_button__3E7eu {
    padding: 0;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    animation: var(--default-animation-props)
}

.LinkButton_button__3E7eu:hover {
    color: var(--color-purple-200)
}

.LinkButton_purple__1jkaY {
    color: var(--color-purple-300)
}

.LinksSection_links_section__3zrV3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px
}

.MoreLinksPopup_wrapper__2SXJT {
    position: relative
}

.MoreLinksPopup_list__2L77T {
    position: absolute;
    left: -12px;
    z-index: 50;
    display: grid;
    grid-auto-flow: row;
    gap: 6px;
    padding: 6px;
    margin: 0;
    white-space: nowrap;
    list-style-type: none;
    cursor: default;
    background: var(--color-graybase-400);
    border-radius: var(--size-corner-radius-regular);
    box-shadow: var(--effect-shadow-medium)
}

.MoreLinksPopup_li__3fgPT {
    color: var(--color-graybase-100);
    border-radius: var(--size-corner-radius-small);
    transition: var(--default-animation-props)
}

.MoreLinksPopup_li__3fgPT:not(.MoreLinksPopup_disabled__3zOAm):hover {
    color: var(--color-white-100);
    background: var(--color-graybase-300)
}

.MoreLinksPopup_more_links_button__2_vBj {
    display: flex;
    padding: 0;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    fill: var(--color-graybase-100);
    transition: var(--default-animation-props)
}

.MoreLinksPopup_more_links_button__2_vBj:hover {
    fill: var(--color-white-100)
}

.MoreLinksPopup_disabled__3zOAm {
    color: var(--color-white-100-opacity-10)
}

.MoreLinksPopup_disabled__3zOAm,
.MoreLinksPopup_link__2b4Dr {
    display: block;
    padding: 5px 6px;
    text-decoration: none
}

.MoreLinksPopup_link__2b4Dr {
    color: inherit
}

.Popper_safe_zone__28i6n {
    z-index: 100;
    padding: 20px;
    margin: -20px
}

.PropertiesSection_properties_section__bkXG7 {
    display: grid;
    grid-auto-flow: row;
    gap: 12px
}

.PropertiesSection_with_marging__3xGj4 {
    margin-top: 26px
}

.SkinImage_skin_img_wrapper__3iou- {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.SkinImage_img__1PDnV,
.SkinImage_img_container__1mqiG {
    height: 100%
}

.SkinImage_img__1PDnV {
    width: 100%;
    object-fit: contain
}

.SkinName_purple__3-kHq {
    color: var(--color-steam-star-stattrak)
}

.SkinName_orange__3alhV {
    color: var(--color-steam-stattrak)
}

.SkinName_yellow__3My8f {
    color: var(--color-steam-souvenir)
}

.SkinName_name_and_quality__3rhbS {
    margin-bottom: 4px;
    color: var(--color-graybase-100)
}

.SkinName_pattern_name__BZYf1 {
    color: var(--color-white-100)
}

.SkinProperty_skin_property__1uxJR {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: space-between
}

.Img_sticker_img__3HO2J {
    width: 48px;
    height: 36px
}

.Label_label__26cL0,
.Label_purple__211wY {
    color: var(--color-purple-300);
    text-align: center
}

.Label_gray__1c07A {
    color: var(--color-graybase-100);
    text-align: center
}

.Sticker_sticker__cq4GI {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    gap: 4px;
    justify-content: center;
    justify-items: center
}

.StickersSection_stickers_section__2fnNp {
    display: flex;
    justify-content: space-between;
    margin-bottom: 26px
}

.TagSection_tag_section__kRByi {
    margin-right: 12px
}

.Text_gray__3sMSI {
    color: var(--color-graybase-100)
}

.Text_white__1iLl1 {
    color: var(--color-white-100)
}

.Text_purple__3vxj7 {
    color: var(--color-purple-300)
}

.Text_blue__14GIU {
    color: var(--color-rarity-uncommon)
}

.Text_light_blue__3DJWm {
    color: var(--color-rarity-common)
}

.Text_red_gradient__1z12B {
    background: linear-gradient(90deg, #e65c7c 2.73%, #e6b673 100%, #d27c49 0, #e69d73 0);
    -webkit-background-clip: text;
    background-clip: text
}

.Text_purple_gradient__2T4XE,
.Text_red_gradient__1z12B {
    -webkit-text-fill-color: transparent
}

.Text_purple_gradient__2T4XE {
    background: linear-gradient(90deg, #5489f2 2.73%, #a97eff 50.86%, #e65c5c);
    -webkit-background-clip: text;
    background-clip: text
}

.Text_red__3cIFC {
    color: var(--color-accent-red-100)
}

.Text_green__1OOdN {
    color: var(--color-accent-green-100)
}

.WearTag_wrapper__36qM- {
    position: absolute;
    top: -10px;
    left: -1px
}

.CopyToClipboard_wrapper__35mvM {
    cursor: pointer
}

.CopyToClipboard_tooltip__2l5BU {
    display: grid;
    grid-auto-flow: column;
    gap: 8px;
    align-items: center
}

.CopyToClipboard_content_static__3cyAA {
    color: var(--color-graybase-100);
    fill: var(--color-graybase-100)
}

.CopyToClipboard_content_copied__1P0Mk {
    color: var(--color-accent-green-100);
    fill: var(--color-accent-green-100)
}

.Name_name__E04u1 {
    color: var(--color-white-100)
}

.Property_property__3CrvL {
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: var(--color-graybase-100)
}

.Overprice_overprice__2uuhC {
    color: var(--color-purple-300);
    text-align: center
}

.PropertiesSection_properties_section__KZxH1 {
    display: grid;
    grid-auto-flow: row;
    gap: 10px
}

.StickerOnTheBack_wrapper__2AIzJ {
    justify-content: center
}

.WearRange_wrapper__nTDPI {
    position: relative;
    display: flex;
    width: 100%;
    height: 4px;
    background: linear-gradient(270deg, var(--color-float-battle-scarred) 1.6%, #de7c44 23.29%, #b8b746 56.33%, #699d50 85.25%, var(--color-float-factory-new) 100.74%);
    border-radius: var(--size-corner-radius-small)
}

.WearRange_indicator__1dSzx {
    position: absolute;
    bottom: calc(100% - 2px);
    display: flex;
    fill: var(--color-white-100);
    transform: translateX(-50%)
}

.WearSection_wear_section__1pgTB {
    display: grid;
    grid-auto-flow: row;
    gap: 8px;
    width: 100%;
    margin-top: 26px
}

.WikiInformation_wiki_link__2R8A1 {
    --color: var(--color-purple-300);
    font-size: var(--typography-body-14-regular-font-size);
    font-weight: var(--typography-body-14-regular-font-weight);
    line-height: var(--typography-body-14-regular-line-height);
    color: var(--color);
    text-decoration: none;
    letter-spacing: var(--typography-body-14-regular-letter-spacing);
    border-bottom: 1px solid var(--color);
    transition: color var(--default-animation-props)
}

.WikiInformation_wiki_link__2R8A1:hover {
    --color: var(--color-purple-200)
}

.SkinsGrid_skin_grid__HnYya {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin-top: 16px
}

.SkinsGrid_skin_grid_slot__2d_Oa {
    background-color: var(--color-graybase-500)
}

.SkinsGrid_skin_grid_slot__2d_Oa,
.SkinsGrid_skin_grid_slot__2d_Oa>div>div {
    border-radius: 4px
}

.SkinsGrid_skin_grid_slot__dummy__1aoin {
    background-color: var(--color-graybase-600)
}

.Timer_active_offer__header_timer__vCK6Q>span {
    display: flex;
    height: 32px;
    padding: 0 8px
}

.Timer_active_offer__header_timer__vCK6Q>span>span {
    padding-right: 1px;
    font-weight: 400;
    font-feature-settings: "tnum" on, "lnum" on;
    letter-spacing: -.12em
}

.ActiveOffer_active_offer__2ivMM {
    display: flex;
    flex-direction: column;
    padding: 18px 16px 16px;
    cursor: pointer
}

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

.ActiveOffer_active_offer__header_meta__2R7Rv {
    display: inline-flex;
    flex-direction: column
}

.ActiveOffer_active_offer__header_meta_title__2QuCY {
    color: var(--color-white-100)
}

.ActiveOffer_active_offer__header_meta_date__3WwlO {
    color: hsla(0, 0%, 100%, .3)
}

.ActiveOffer_tooltip_text__2_s3a {
    display: flex;
    text-align: center
}

.style_indicator__35T-G {
    position: relative
}

.style_indicator__35T-G:after {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 10px;
    height: 10px;
    content: "";
    background-color: var(--color-pink-bright);
    border: 2px solid var(--color-graybase-700);
    border-radius: 50%
}

.Bell_bell__active__2K0l6 svg {
    fill: var(--color-white-100) !important
}

.Bell_bell__1wRXr {
    position: relative;
    display: inline-flex;
    cursor: pointer
}

.Bell_bell__1wRXr svg {
    margin-top: 2px;
    fill: var(--color-graybase-200);
    transition: .3s
}

.Bell_bell__1wRXr:hover svg {
    fill: var(--color-white-100)
}

.Bell_with_indicator__epbc1:after {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 12px;
    height: 12px;
    content: "";
    background-color: var(--color-pink-100);
    border: 2px solid var(--color-graybase-700);
    border-radius: 50%
}

.styles_loader__1PAI3 {
    box-sizing: border-box;
    width: 33px;
    height: 33px;
    border: 3px solid hsla(0, 0%, 100%, .1);
    border-top-color: #9f8fff;
    border-radius: 50%;
    animation: styles_spin__7jwJr .8s linear infinite
}

@keyframes styles_spin__7jwJr {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.ButtonSecondaryGray_secondary__xOFUd {
    box-sizing: border-box;
    display: grid;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 38px;
    padding: 10px 12px;
    overflow: hidden;
    font: inherit;
    color: var(--color-white-100);
    word-break: break-all;
    white-space: nowrap;
    cursor: pointer;
    background: var(--color-graybase-500);
    border: none;
    border-radius: var(--size-corner-radius-regular);
    outline: 0;
    transition: background-color var(--default-animation-duration) var(--default-animation-function), color var(--default-animation-duration) var(--default-animation-function)
}

.ButtonSecondaryGray_secondary__xOFUd:hover {
    background: var(--color-graybase-400)
}

.ButtonSecondaryGray_secondary_type__3GyLF {
    background: var(--color-graybase-300)
}

.ButtonSecondaryGray_secondary_type__3GyLF:hover {
    background: var(--color-graybase-200)
}

.ButtonSecondaryGray_gray_400__23i7F {
    background: var(--color-graybase-400)
}

.ButtonSecondaryGray_gray_400__23i7F:hover {
    background: var(--color-graybase-300)
}

.ButtonSecondaryGray_responsive_height__3q0zL {
    height: fit-content;
    min-height: 38px
}

.Action_button__2wBbU {
    box-sizing: border-box;
    width: 100%;
    margin-top: 16px
}

.Date_date__2HT67 {
    margin-bottom: 12px;
    color: var(--color-graybase-200)
}

.Description_description__1RRdt {
    color: var(--color-graybase-100)
}

.Description_description__1RRdt .Description_link__lEJMF {
    color: var(--color-purple-300);
    fill: var(--color-purple-300);
    transition: var(--default-animation-props)
}

.Description_description__1RRdt .Description_link__lEJMF svg {
    position: relative;
    top: 5px
}

.Description_description__1RRdt .Description_link__lEJMF:hover {
    color: var(--color-purple-200);
    fill: var(--color-purple-200)
}

.Description_description__1RRdt .Description_link__lEJMF .Description_link_title___x2Z_ {
    max-width: 125px
}

.Title_title__3md0b {
    position: relative;
    color: var(--color-white-100)
}

.Title_title_new__3GzKh:before {
    position: absolute;
    top: 8px;
    left: -10px;
    width: 6px;
    height: 6px;
    content: "";
    background-color: var(--color-pink-100);
    border-radius: 50%
}

.Title_gradient_amount__34lxw {
    margin-right: 5px;
    color: var(--color-white-100);
    background: linear-gradient(82.98deg, #ff5ce4 25.72%, #2eafff 152.69%);
    -webkit-background-clip: text;
    background-clip: text;
    background-origin: padding-box;
    -webkit-text-fill-color: transparent
}

.Notification_notification__x7Lox {
    cursor: pointer
}

.Notification_notification__x7Lox .Notification_delimiter__a_A5Q {
    border-bottom: 1px solid var(--color-white-100-opacity-10)
}

.Notification_notification__x7Lox:hover {
    background-color: var(--color-graybase-600)
}

.Notification_notification_content__1PFtI {
    display: flex;
    flex-direction: column;
    padding: 18px 16px 16px;
    white-space: normal
}

.NotReadyBanner_list__not_ready_icon__3KF7h {
    width: 52px;
    height: 52px;
    margin-bottom: 23px
}

.NotReadyBanner_list__not_ready_title__F5zsd {
    margin-bottom: 4px;
    color: var(--color-white-100)
}

.NotReadyBanner_list__not_ready_text__3cyAL {
    color: var(--color-graybase-200);
    text-align: center
}

.NotReadyBanner_list__not_ready_button__19kdM {
    width: 100%;
    padding: 10px 20px;
    margin-top: 24px;
    color: var(--color-white-100);
    background-color: var(--color-graybase-500)
}

.NotReadyBanner_list__not_ready_button__19kdM:hover {
    background-color: var(--color-graybase-400)
}

.NotReadyBanner_list__not_ready_button__19kdM:active {
    background-color: var(--color-graybase-500)
}

.InnerContent_list__tzx4V {
    display: flex;
    padding-right: 16px;
    overflow-y: scroll
}

.InnerContent_list__not_ready__wrapper__nDZOG {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 289px;
    padding: 40px
}

.InnerContent_list__not_ready__wrapper_loading__3Ifds {
    justify-content: center
}

.InnerContent_list__not_ready_title__VVEs8 {
    margin-bottom: 4px;
    color: var(--color-white-100)
}

.InnerContent_list__not_ready_text__JRu99 {
    color: var(--color-graybase-200);
    text-align: center
}

.InnerContent_list__not_ready_loader__Vqdp2 {
    width: 42px;
    height: 42px;
    margin-bottom: 25px;
    border-width: 4px
}

.InnerContent_delimiter__167pS {
    margin-top: 20px;
    border-bottom: 1px solid var(--color-white-100-opacity-10)
}

.CustomNotiferWithGradient_content_section__-jbzH {
    display: grid;
    gap: 16px
}

.CustomNotiferWithGradient_header__3VAiF {
    display: grid;
    gap: 2px;
    align-self: baseline
}

.CustomNotiferWithGradient_gradient_amount__ABx8U {
    color: var(--color-white-100);
    background: linear-gradient(82.98deg, #ff5ce4 25.72%, #2eafff 152.69%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.NotificationCenter_layout__18btH {
    position: absolute;
    z-index: 5000;
    display: flex;
    flex-direction: column;
    width: 375px;
    height: calc(100vh - 120px);
    background-color: var(--color-graybase-700);
    border: 1px solid rgba(0, 0, 0, .4);
    border-radius: 4px;
    box-shadow: 0 0 16px rgba(20, 20, 22, .4), 0 8px 24px rgba(20, 20, 22, .4)
}

.NotificationCenter_layout__not_ready__d9c-_ {
    height: auto
}

@media(max-width:1023px) {
    .NotificationCenter_layout__18btH {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        border-radius: 0
    }
}

.NotificationCenter_list__-UMJn {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: max-content;
    overflow-y: auto;
    background-color: var(--color-graybase-700);
    scrollbar-width: 4px;
    scrollbar-color: var(--color-white-100-opacity-10)
}

@media(max-width:1023px) {
    .NotificationCenter_list__-UMJn {
        min-height: 100vh
    }
}

.NotificationCenter_list__-UMJn::-webkit-scrollbar {
    width: 4px;
    background-color: transparent
}

.NotificationCenter_list__-UMJn::-webkit-scrollbar-thumb {
    background-color: var(--color-white-100-opacity-10);
    border-radius: 25px
}

.NotificationCenter_list__not_ready__3z2Vv {
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 16px 16px
}

.Title_title__EDC9h {
    color: var(--color-white-100)
}

.Title_title_wrapper__2PRMB {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px 16px 16px;
    border-bottom: 1px solid var(--color-white-100-opacity-10)
}

.Title_title_wrapper__empty__3ijK5 {
    border-bottom: none
}

.Title_close_button__2Scoq {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: none
}

.Title_close_button__2Scoq svg {
    fill: var(--color-white-100-opacity-50)
}

.Title_close_button__2Scoq:hover svg {
    fill: var(--color-white-100)
}

.style_lighting__gyDiW span {
    --background-color: #26ff85
}

.style_icon__1cS_Z {
    width: 12px;
    height: 12px;
    fill: var(--frontly-illustration-dark-gray)
}

.SkinStatusTag_text__2QD9j {
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.FavoriteAnimatedIcon_container__1TWvS {
    position: relative;
    overflow: hidden;
    border-radius: var(--size-corner-radius-regular);
    animation: FavoriteAnimatedIcon_fadein__S1ZJK .2s
}

.FavoriteAnimatedIcon_container__1TWvS.FavoriteAnimatedIcon_overlay__39udZ .FavoriteAnimatedIcon_icon__cfx1- {
    display: block;
    transition: .3s
}

.FavoriteAnimatedIcon_container__1TWvS.FavoriteAnimatedIcon_overlay__39udZ .FavoriteAnimatedIcon_icon__cfx1-:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    content: "";
    background: var(--frontly-white-100);
    opacity: 0;
    transition: .3s
}

.FavoriteAnimatedIcon_container__1TWvS.FavoriteAnimatedIcon_overlay__39udZ .FavoriteAnimatedIcon_icon__cfx1-:hover {
    transform: scale(1.1)
}

.FavoriteAnimatedIcon_container__1TWvS.FavoriteAnimatedIcon_overlay__39udZ .FavoriteAnimatedIcon_icon__cfx1-:hover:after {
    opacity: .2
}

@media(max-width:1023px) {
    .FavoriteAnimatedIcon_container__1TWvS.FavoriteAnimatedIcon_overlay__39udZ .FavoriteAnimatedIcon_icon__cfx1-:hover:after {
        opacity: 0
    }
}

.FavoriteAnimatedIcon_container__1TWvS.FavoriteAnimatedIcon_sm__3_id7 {
    border-radius: 6px
}

.FavoriteAnimatedIcon_container__1TWvS.FavoriteAnimatedIcon_flat__23iDt {
    opacity: .7;
    transition: .3s;
    transform: scale(.9)
}

.FavoriteAnimatedIcon_container__1TWvS.FavoriteAnimatedIcon_flat__23iDt:hover {
    opacity: 1;
    transform: scale(1)
}

@media(max-width:1023px) {
    .FavoriteAnimatedIcon_container__1TWvS.FavoriteAnimatedIcon_flat__23iDt:hover {
        opacity: .7;
        transform: scale(.9)
    }
}

.FavoriteAnimatedIcon_container__1TWvS.FavoriteAnimatedIcon_flat__23iDt.FavoriteAnimatedIcon_is_favorite__1J30g {
    opacity: 1
}

.FavoriteAnimatedIcon_container__1TWvS.FavoriteAnimatedIcon_flat__23iDt.FavoriteAnimatedIcon_is_favorite__1J30g svg path {
    fill: #f05f75;
    transition: .3s
}

.FavoriteAnimatedIcon_container__1TWvS.FavoriteAnimatedIcon_flat__23iDt.FavoriteAnimatedIcon_is_favorite__1J30g:hover svg path {
    fill: #ff8b9f
}

@media(max-width:1023px) {
    .FavoriteAnimatedIcon_container__1TWvS.FavoriteAnimatedIcon_flat__23iDt.FavoriteAnimatedIcon_is_favorite__1J30g:hover svg path {
        fill: #f05f75
    }
}

.FavoriteAnimatedIcon_container__1TWvS svg {
    display: block
}

@keyframes FavoriteAnimatedIcon_fadein__S1ZJK {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.FavoriteMarketButton_tooltip_content__HNqdd {
    font-size: 13px;
    color: var(--color-white-100)
}

.FavoriteMarketButton_favorite_button__3Dz9M {
    position: absolute;
    right: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
    margin-bottom: 5px;
    background: var(--color-white-100-opacity-10);
    border-radius: var(--size-corner-radius-regular);
    fill: var(--color-white-100)
}

.FavoriteMarketButton_favorite_button__3Dz9M,
.FavoriteMarketButton_favorite_button__3Dz9M>div {
    width: var(--favorite-width);
    height: var(--favorite-height)
}

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

.FavoriteMarketButton_favorite_button__3Dz9M.FavoriteMarketButton_medium__2efTB,
.FavoriteMarketButton_favorite_button__3Dz9M.FavoriteMarketButton_small__2a7Fc {
    display: flex;
    --favorite-height: 20px;
    --favorite-width: 20px
}

.FavoriteMarketButton_favorite_button__3Dz9M.FavoriteMarketButton_large__2MA-n {
    display: flex;
    --favorite-height: 28px;
    --favorite-width: 28px
}

.FavoriteMarketButton_favorite_button__3Dz9M:hover {
    background: var(--color-white-100-opacity-30)
}

.FavoriteMarketFilterButton_favorite_button__CLOWe {
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: none;
    border: none
}

.FavoriteMarketFilterButton_tooltip_content__2624z {
    display: flex;
    flex-direction: row;
    gap: 8px
}

@media(max-width:1023px) {
    .FavoriteMarketFilterButton_favorite_button__CLOWe svg {
        fill: var(--color-graybase-700)
    }
}

.sticker_stickers__JZtGD {
    z-index: 1;
    display: flex;
    flex-direction: column
}

.UserTradeLockTooltip_date__1wSgi {
    color: var(--color-white-100)
}

.BaseActionButton_base_button__3dJnp {
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 28px;
    margin-top: 6px;
    cursor: pointer;
    background-color: var(--color-graybase-400);
    border: none;
    border-radius: var(--size-corner-radius-regular)
}

.BaseIcon_icon__1q-B4 {
    width: 16px;
    height: 16px
}

.BaseIcon_white__3Rkpr svg {
    fill: var(--color-white-100)
}

.BaseIcon_grey__XiJKk svg {
    fill: var(--color-graybase-200)
}

.BaseIcon_red__tamRr svg {
    fill: #ff8095
}

.HoverableActionButton_active__2nJ8G {
    background-color: #806cf5
}

@media(min-width:1024px) {
    .HoverableActionButton_button__gDGTp {
        transition: .1s
    }

    .HoverableActionButton_button__gDGTp:hover:not(.HoverableActionButton_disabled__2TinD) {
        background-color: var(--color-purple-300)
    }
}

.HoverableActionButton_disabled__2TinD {
    cursor: not-allowed;
    background-color: var(--color-graybase-400)
}

.RemoveActionButton_button__LoIlg {
    background-color: rgba(255, 128, 149, .1)
}

@media(min-width:1024px) {
    .RemoveActionButton_button__LoIlg {
        transition: .1s
    }

    .RemoveActionButton_button__LoIlg:hover {
        background-color: rgba(255, 128, 149, .25)
    }
}

.style_icon_instant__2vw3s {
    width: 16px;
    height: 16px;
    color: var(--frontly-graybase-200)
}

.style_icon_instant__2vw3s:active,
.style_icon_instant__2vw3s:hover {
    color: var(--frontly-white-100)
}

.WithdrawButton_button__1bc-6 {
    transition: .1s
}

.WithdrawButton_button__1bc-6:hover {
    background-color: #5bc27a
}

.WithdrawButton_active___8OBX {
    background-color: #47ae66
}

.style_icon_instant__NE5nq {
    width: 16px;
    height: 16px;
    color: var(--frontly-graybase-200)
}

.style_icon_instant__NE5nq:active,
.style_icon_instant__NE5nq:hover {
    color: var(--frontly-white-100)
}

.actioncard_card__19Ydi {
    position: relative;
    z-index: 2
}

.actioncard_buttons__1Bf3u {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    outline-offset: -1px;
    opacity: 0;
    transform: translateY(-100%)
}

.actioncard_wrapper__3jY0N {
    position: relative;
    z-index: 1;
    flex: 1
}

.actioncard_wrapper__3jY0N .actioncard_card__19Ydi {
    background-color: var(--color-graybase-500);
    border-radius: 4px
}

@media(min-width:1024px) {
    .actioncard_wrapper__3jY0N:hover {
        z-index: 2;
        cursor: pointer;
        filter: grayscale(0)
    }

    .actioncard_wrapper__3jY0N:hover .actioncard_buttons__1Bf3u {
        opacity: 1;
        transition: transform .25s ease;
        transform: translateY(0)
    }

    .actioncard_wrapper__3jY0N:hover .actioncard_card__19Ydi {
        overflow: hidden;
        background-color: var(--color-graybase-300)
    }
}

.InstantUserSkin_user_skin__3pp-7 {
    height: fit-content;
    background: var(--color-graybase-500);
    border-radius: var(--size-corner-radius-regular)
}

.SortingMobile_icon__1vfal {
    fill: var(--color-white-100)
}

.SortingMobile_icon__1vfal svg {
    display: block
}

.SortingMobile_selected_option__2V8A9 {
    color: var(--color-white-100)
}

.SortingMobile_container__3jtSo {
    position: relative;
    z-index: 100
}

.InfoTemplate_button__1UTCP {
    margin-top: 10px
}

.NavigationButton_wrapper__v2YiX {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 160px;
    height: 22px;
    padding: 4px 8px 0;
    overflow: hidden;
    color: var(--color-graybase-400);
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    background: var(--color-purple-200);
    border-radius: var(--size-corner-radius-regular)
}

.NavigationButton_wrapper__v2YiX:hover {
    background: var(--color-white-100)
}

.OnboardingPopover_arrow__RYM-D {
    position: absolute;
    width: var(--arrow-width);
    height: var(--arrow-height);
    clip-path: var(--arrow)
}

.OnboardingPopover_arrow__RYM-D,
.OnboardingPopover_wrapper__3V055 {
    background: var(--color-purple-500)
}

.OnboardingPopover_wrapper__3V055 {
    --arrow-peak-top: polygon(50% 0%, 0% 100%, 100% 100%);
    --arrow-peak-right: polygon(100% 50%, 0 0, 0 100%);
    --arrow-peak-bottom: polygon(50% 100%, 100% 0, 0 0);
    --arrow-peak-left: polygon(0 50%, 100% 100%, 100% 0);
    --arrow: unset;
    --arrow-width: 10px;
    --arrow-height: 6px;
    --arrow-height-negative: calc(var(--arrow-height)*-1);
    --padding: 12px 16px 16px 16px;
    --emoji-size: 16px;
    position: relative;
    z-index: 100;
    box-sizing: border-box;
    width: 100%;
    min-height: 98px;
    padding: var(--padding);
    border-radius: 8px;
    box-shadow: var(--effect-shadow-medium)
}

.OnboardingPopover_wrapper__3V055[data-popper-placement^=top] .OnboardingPopover_arrow__RYM-D {
    --arrow: var(--arrow-peak-bottom);
    bottom: var(--arrow-height-negative)
}

.OnboardingPopover_wrapper__3V055[data-popper-placement^=bottom] .OnboardingPopover_arrow__RYM-D {
    --arrow: var(--arrow-peak-top);
    top: var(--arrow-height-negative)
}

.OnboardingPopover_wrapper__3V055[data-popper-placement^=left] .OnboardingPopover_arrow__RYM-D {
    --arrow: var(--arrow-peak-right);
    right: var(--arrow-height-negative);
    width: var(--arrow-height);
    height: var(--arrow-width)
}

.OnboardingPopover_wrapper__3V055[data-popper-placement^=right] .OnboardingPopover_arrow__RYM-D {
    --arrow: var(--arrow-peak-left);
    left: var(--arrow-height-negative);
    width: var(--arrow-height);
    height: var(--arrow-width)
}

.OnboardingPopover_wrapper__3V055[data-popper-reference-hidden^=true] {
    pointer-events: none;
    visibility: hidden
}

.OnboardingPopover_title__xU5it {
    display: flex;
    align-items: center;
    max-width: calc(100% - var(--emoji-size));
    color: var(--color-white-100)
}

.OnboardingPopover_emoji__3OYX_ {
    transform: translateY(3px)
}

.OnboardingPopover_mouse__3FGyO {
    position: relative;
    margin-right: 8px
}

.OnboardingPopover_mouse_body__1IWP3,
.OnboardingPopover_right_click__aMlse {
    fill: var(--color-purple-300)
}

.OnboardingPopover_waves__1A9pC {
    position: absolute;
    top: -21px;
    right: -16px
}

.OnboardingPopover_close_button__J8C-H {
    position: absolute;
    top: 15px;
    right: var(--padding);
    display: flex;
    padding: 0;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    fill: var(--color-white-100)
}

.OnboardingPopover_content__3Bwfw {
    display: flex;
    align-items: center;
    margin-top: 12px;
    color: var(--color-white-100)
}

.OnboardingFavorite_wrapper__19nyL {
    max-width: 294px
}

.OnboardingFavorite_container__18yEt {
    display: flex;
    justify-content: flex-start
}

.OnboardingFavorite_icon__g7TMs {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    margin-top: 4px;
    margin-right: 12px;
    background: var(--color-white-100-opacity-30);
    border-radius: var(--size-corner-radius-regular);
    fill: var(--color-white-100)
}

.FavoriteButton_tooltip_content__1IGUK {
    font-size: 13px;
    color: var(--color-white-100)
}

.FavoriteButton_favorite_button__1szdA {
    position: absolute;
    right: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
    margin-bottom: 5px;
    overflow: hidden
}

.FavoriteButton_favorite_button__1szdA,
.FavoriteButton_favorite_button__1szdA>div {
    width: var(--favorite-width);
    height: var(--favorite-height)
}

.FavoriteButton_favorite_button__1szdA.FavoriteButton_medium__3YHeU,
.FavoriteButton_favorite_button__1szdA.FavoriteButton_small__3wBsZ {
    --favorite-height: 20px;
    --favorite-width: 20px
}

.FavoriteButton_favorite_button__1szdA.FavoriteButton_large___tx3K {
    --favorite-height: 28px;
    --favorite-width: 28px
}

.FavoritesFilterButton_favorite_button__3NehA {
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: none;
    border: none
}

.SideButton_side_button__363we {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 10px;
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
    color: var(--color-purple-300);
    text-align: end;
    letter-spacing: .1em;
    cursor: pointer
}

.SideButton_gray__1hpOB {
    background: var(--color-graybase-600)
}

.SideButton_black__1WOTG {
    background: var(--color-graybase-700);
    background: linear-gradient(90deg, rgba(45, 45, 51, .3), #2d2d33 10%)
}

.SideButton_dark_gray__2KIww {
    background: var(--color-graybase-700);
    background: linear-gradient(90deg, rgba(33, 33, 38, .3), #212126 10%)
}

.SideButton_side_button__363we:hover {
    color: var(--color-purple-200)
}

.CollapseContainer_container__1_wT6 {
    flex-direction: column;
    overflow: hidden
}

.CollapseContainer_container__1_wT6,
.CollapseContainer_header__3N73a {
    position: relative;
    display: flex
}

.CollapseContainer_header__3N73a {
    box-sizing: border-box;
    align-items: center;
    padding: 8px 15px 8px 0;
    cursor: pointer
}

.CollapseContainer_title_group__3dgK5 {
    display: flex;
    align-items: center
}

.CollapseContainer_title__1XPUI {
    color: var(--color-white-100)
}

.CollapseContainer_count__2GFI3 {
    margin: 0 0 0 4px;
    color: #6c6c70
}

.CollapseContainer_side_button__2przx {
    position: absolute;
    top: 50%;
    right: 15px;
    display: none;
    height: 100%;
    transform: translateY(-50%)
}

.CollapseContainer_body__1uLNB {
    position: relative
}

.CollapseContainer_header__3N73a:hover .CollapseContainer_reset__oV33Y {
    display: block
}

.CollapseContainer_icon__2CLUJ {
    position: absolute;
    right: 0;
    width: 10px;
    height: 10px;
    fill: #fff
}

.CollapseContainer_delimiter__1kJOj {
    width: 100%;
    height: 0;
    margin: 8px 0;
    border: 1px solid hsla(0, 0%, 100%, .08)
}

.CollapseContainer_scrollable__f3jll {
    max-height: 200px;
    overflow-y: scroll
}

.CollapseContainer_shadow__30Wmu {
    position: absolute;
    bottom: 16px;
    z-index: 10;
    width: calc(100% - 4px);
    height: 21px;
    pointer-events: none
}

.CollapseContainer_header__3N73a:hover .CollapseContainer_side_button__2przx {
    display: block
}

@media(max-width:1023px) {
    .CollapseContainer_body__1uLNB {
        margin-top: unset
    }

    .CollapseContainer_header__3N73a:hover .CollapseContainer_side_button__2przx {
        display: none
    }

    .CollapseContainer_container__1_wT6 {
        border-bottom: 1px solid hsla(0, 0%, 100%, .1)
    }

    .CollapseContainer_container__1_wT6:last-child {
        border-bottom: unset
    }

    .CollapseContainer_header__3N73a {
        padding: 16px
    }

    .CollapseContainer_delimiter__1kJOj {
        display: none
    }

    .CollapseContainer_icon__2CLUJ {
        right: 16px;
        width: 14px;
        height: 14px;
        transform: unset
    }

    .CollapseContainer_shadow__30Wmu {
        bottom: 0;
        background: linear-gradient(180deg, rgba(33, 33, 38, 0) -23.91%, var(--color-graybase-700) 86.96%)
    }
}

.Count_count_in_circle__1WQAl {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    margin-left: 6px;
    font-size: 9px;
    font-weight: 500;
    line-height: 1;
    background: var(--color-graybase-300);
    border-radius: 8px;
    transition: all .2s cubic-bezier(.4, 0, .2, 0);
    transform: translateY(0)
}

.InputWithButton_rename_block__3T0EA {
    display: flex;
    height: 32px;
    padding-left: 8px;
    color: var(--color-white-100);
    background-color: var(--color-graybase-400);
    border-top-left-radius: var(--size-corner-radius-regular);
    border-bottom-left-radius: var(--size-corner-radius-regular)
}

.InputWithButton_rename_block__3T0EA:hover {
    background-color: var(--color-graybase-300)
}

.InputWithButton_input__3FHCl {
    width: 100%;
    font-size: var(--typography-body-14-regular-font-size);
    font-style: var(--typography-body-14-regular-font-style);
    font-weight: var(--typography-body-14-regular-font-weight);
    line-height: var(--typography-body-14-regular-line-height);
    color: var(--input-text-color);
    letter-spacing: var(--typography-body-14-regular-letter-spacing);
    background-color: transparent;
    border: none;
    outline: none
}

.InputWithButton_button__3MDLR {
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: var(--color-purple-500);
    border-top-right-radius: var(--size-corner-radius-regular);
    border-bottom-right-radius: var(--size-corner-radius-regular);
    fill: var(--color-white-100)
}

.InputWithButton_button__3MDLR:hover {
    background-color: var(--color-purple-300)
}

@media(max-width:1023px) {
    .InputWithButton_rename_block__3T0EA {
        height: 38px;
        padding-left: 12px
    }

    .InputWithButton_button__3MDLR {
        width: 54px;
        height: 38px
    }
}

.SaveFilterEmptyPlaceHolder_empty__Lr3Jk {
    padding: 18px 12px 16px;
    text-align: center;
    background: var(--color-graybase-500);
    border-radius: var(--size-corner-radius-regular)
}

.SaveFilterEmptyPlaceHolder_empty_description__2ofbO {
    margin-top: 6px;
    color: var(--color-graybase-100)
}

.SaveFilterEmptyPlaceHolder_emoji__2hbLw {
    margin-bottom: 14px
}

.SaveFilterButton_save_filters__2-oyg {
    z-index: 2;
    width: 84px
}

.SaveFilterButton_save_filters__2-oyg button {
    height: 32px
}

.SaveFilterButton_save_filters__2-oyg button span {
    font-size: var(--typography-label-11-medium-font-size);
    font-weight: var(--typography-label-11-medium-font-weight);
    line-height: var(--typography-label-11-medium-line-height);
    letter-spacing: var(--typography-label-11-medium-letter-spacing)
}

.SaveFilterButton_is_disabled__22wOZ {
    cursor: not-allowed;
    opacity: .5
}

.SaveFilterButton_is_disabled__22wOZ button,
.SaveFilterButton_is_disabled__22wOZ button :hover {
    pointer-events: none
}

.SaveFilterButton_is_mobile__3MZWN {
    width: 100%;
    border-radius: var(--size-corner-radius-regular)
}

.SaveFilterButton_is_mobile__3MZWN button {
    height: 38px
}

.SaveFilterButton_is_mobile__3MZWN button span {
    font-size: var(--typography-button-14-medium-font-size);
    font-weight: var(--typography-button-14-medium-font-weight);
    line-height: var(--typography-button-14-medium-line-height);
    letter-spacing: var(--typography-button-14-medium-letter-spacing)
}

.SaveFilterButton_is_mobile_disabled__2iKTa,
.SaveFilterButton_is_mobile_disabled__2iKTa button {
    background: var(--color-graybase-200)
}

.SaveFilterButton_icon__30goY {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 81px;
    height: 32px;
    background: var(--color-purple-500);
    border-radius: var(--size-corner-radius-regular);
    fill: var(--color-white-100)
}

.SaveFilterButton_title__1sB_S {
    color: var(--color-purple-300)
}

.SaveFilterButton_icon_mobile__1Vv3c {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 38px;
    background: var(--color-graybase-200);
    border-radius: var(--size-corner-radius-regular);
    opacity: .5;
    fill: var(--color-white-100)
}

.styles_checkbox__1oWu_ {
    box-sizing: border-box;
    min-width: 14px;
    min-height: 14px;
    cursor: pointer;
    border: 1.5px solid var(--color-graybase-100);
    border-radius: 2px
}

.styles_state_1__3is0o {
    position: relative;
    background: hsla(0, 0%, 100%, .9);
    border: 0
}

.styles_state_1__3is0o:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 7px;
    content: "";
    background: url(../imgs/checked.svg);
    transform: translate(-50%, -50%)
}

.styles_state_2__1Il12 {
    position: relative;
    background: hsla(0, 0%, 100%, .9);
    border: 0
}

.styles_state_2__1Il12:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 2px;
    content: "";
    background: url(../imgs/minus_rounded.svg);
    background: var(--color-graybase-700);
    border-radius: 2px;
    transform: translate(-50%, -50%)
}

.styles_semi_active__23nDA {
    position: relative;
    background: hsla(0, 0%, 100%, .9);
    border: 0
}

.styles_semi_active__23nDA:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7.5px;
    height: 1.5px;
    content: "";
    background: url(../imgs/semi_active.svg);
    transform: translate(-50%, -50%)
}

.styles_state_-1__2NXqu {
    border-color: rgba(245, 108, 108, .7)
}

.CheckboxWithLabel_checkbox_with_label__2RIQA {
    position: relative
}

.CheckboxWithLabel_checkbox_with_label_container__SI11Y {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

.CheckboxWithLabel_label__t-a0W {
    position: relative;
    top: 1px;
    margin: 0 0 0 8px !important;
    color: var(--color-graybase-100)
}

.CheckboxWithLabel_checkbox_with_label_container__SI11Y:hover .CheckboxWithLabel_label__t-a0W {
    color: var(--color-white-100)
}

.CheckboxWithLabel_side_button__2KOQZ {
    position: absolute;
    top: 3px;
    right: 0;
    display: none;
    height: calc(100% - 3px)
}

.CheckboxWithLabel_checkbox_with_label__2RIQA:hover .CheckboxWithLabel_side_button__2KOQZ {
    display: block
}

.CheckboxWithLabel_excluded__2msP9 {
    color: var(--color-white-100);
    opacity: .25
}

.CheckboxWithLabel_customColor__28-qt {
    color: inherit
}

@media(max-width:1023px) {
    .CheckboxWithLabel_checkbox_with_label__2RIQA:hover .CheckboxWithLabel_side_button__2KOQZ {
        display: none
    }
}

.CheckboxWithLabel_rarity-uncommon__2zIhw .CheckboxWithLabel_label__t-a0W {
    color: var(--color-rarity-uncommon)
}

.CheckboxWithLabel_rarity-uncommon__2zIhw:hover .CheckboxWithLabel_label__t-a0W {
    color: #9fc0e4
}

.CheckboxWithLabel_rarity-rare__Lcuxo .CheckboxWithLabel_label__t-a0W {
    color: var(--color-rarity-rare)
}

.CheckboxWithLabel_rarity-rare__Lcuxo:hover .CheckboxWithLabel_label__t-a0W {
    color: #95a4ff
}

.CheckboxWithLabel_rarity-mythical__1k6TQ .CheckboxWithLabel_label__t-a0W {
    color: var(--color-rarity-mythical)
}

.CheckboxWithLabel_rarity-mythical__1k6TQ:hover .CheckboxWithLabel_label__t-a0W {
    color: #d2b9ff
}

.CheckboxWithLabel_rarity-legendary__T2R19 .CheckboxWithLabel_label__t-a0W {
    color: var(--color-rarity-legendary)
}

.CheckboxWithLabel_rarity-legendary__T2R19:hover .CheckboxWithLabel_label__t-a0W {
    color: #f6a6ff
}

.CheckboxWithLabel_rarity-ancient__1F1KL .CheckboxWithLabel_label__t-a0W {
    color: var(--color-rarity-ancient)
}

.CheckboxWithLabel_rarity-ancient__1F1KL:hover .CheckboxWithLabel_label__t-a0W {
    color: #ffabab
}

.CheckboxWrapper_checkbox_wrapper__M27lZ {
    margin-bottom: 12px
}

.CheckboxWrapper_checkbox_wrapper__M27lZ:first-child {
    margin-top: 6px
}

.CheckboxWrapper_checkbox_wrapper__M27lZ:last-child {
    margin-bottom: 8px
}

@media(max-width:1023px) {
    .CheckboxWrapper_checkbox_wrapper__M27lZ {
        padding: 12px 0 14px;
        margin: 0 0 0 43px;
        border-bottom: 1px solid hsla(0, 0%, 100%, .1)
    }

    .CheckboxWrapper_checkbox_wrapper__M27lZ:first-child {
        padding-top: 0
    }

    .CheckboxWrapper_checkbox_wrapper__M27lZ:last-child {
        padding-bottom: 18px;
        border-bottom: none
    }
}

.FilterBasicOther_notification_dot__21SRh {
    width: 8px;
    height: 8px;
    margin-bottom: 8px;
    margin-left: 2px;
    background: var(--color-pink-100);
    border-radius: 50%
}

.FilterBasicOther_title__E5oww {
    display: flex
}

.FilterBasicOther_lower_horizontal_line__UKC9x {
    margin: 4px 0 8px
}

@media(max-width:1023px) {
    .FilterBasicOther_lower_horizontal_line__UKC9x .FilterBasicOther_lower_horizontal_line__UKC9x {
        margin: unset
    }
}

.FilterBasicOther_checkbox_wrapper__SFHx7 {
    margin-bottom: 12px
}

@media(max-width:1023px) {
    .FilterBasicOther_checkbox_wrapper__SFHx7 {
        padding: 12px 0 14px;
        margin: 0 0 0 16px;
        border-bottom: 1px solid hsla(0, 0%, 100%, .1)
    }

    .FilterBasicOther_checkbox_wrapper__SFHx7:last-child {
        margin-bottom: unset;
        border-bottom: unset
    }

    .FilterBasicOther_upper_horizontal_line__3HExq {
        padding-left: 16px
    }

    .FilterBasicOther_lower_horizontal_line__UKC9x {
        margin: unset
    }
}

.HorizontalLine_horizontal_line__17Ri3 {
    height: 1px;
    background-color: var(--color-white-100-opacity-10)
}

.styles_form__3Qw3K {
    height: 100%;
    outline: none
}

.styles_form__3Qw3K button {
    display: none
}

.styles_form__3Qw3K input {
    outline: none
}

.styles_container__3f716 {
    position: relative;
    width: 100%;
    height: 25.97px
}

.styles_input__1osOB {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding-right: 6px;
    padding-left: 12px;
    font-size: 14px;
    line-height: 110%;
    color: hsla(0, 0%, 100%, .5);
    background: var(--color-graybase-400);
    border: none;
    border-radius: 4px;
    outline: none
}

.styles_balance_input__34yFL {
    font-size: 15px;
    font-weight: 400
}

.styles_input__1osOB:focus {
    color: #fff
}

.styles_right__3hI73 {
    right: 6px
}

.styles_left__YKLlQ .styles_input__1osOB {
    padding-top: 2px;
    padding-left: 5px
}

@media(max-width:550px) {
    .styles_balance_input__34yFL {
        font-size: 18px
    }
}

@media(max-width:1023px) {
    .styles_container__3f716 {
        height: 38px
    }

    .styles_input__1osOB {
        font-size: 15px
    }
}

.Delimiter_delimiter__3AWoA {
    box-sizing: border-box;
    min-width: 8px;
    height: 2px;
    margin: 0 10px;
    background: #fff
}

@media(max-width:1023px) {
    .Delimiter_delimiter__3AWoA {
        min-width: 11px;
        height: 2px;
        margin: 0 10px;
        background: var(--color-graybase-100);
        border-radius: .5px
    }
}

.FilterPrice_inputs__1atR8 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 4px 0 8px
}

@media(max-width:1023px) {
    .FilterPrice_inputs__1atR8 {
        margin: 0 16px 16px
    }
}

.SubOption_option__2vtpb {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    max-width: 176px;
    padding: 3px 7px;
    margin: 0 8px 8px 0;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
    color: var(--color-graybase-100);
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    background: var(--color-graybase-400);
    border-radius: 4px;
    transition: all .1s cubic-bezier(.4, 0, .2, 0);
    will-change: color, background
}

.SubOption_option__2vtpb:hover {
    color: #fff;
    background: var(--color-graybase-300)
}

.SubOption_option_active__2mEXV,
.SubOption_option_active__2mEXV:hover {
    color: var(--color-graybase-700);
    background: #fff
}

@media(max-width:1023px) {
    .SubOption_option__2vtpb {
        flex: 0 0 auto;
        min-width: 49px;
        height: 38px;
        padding: 3px 6px;
        margin: 0 8px 0 0;
        font-size: 15px;
        white-space: nowrap
    }
}

.SubOptionsList_sub_options_list__3d5I5 {
    display: flex;
    flex-wrap: wrap;
    margin: 14px 0 -8px
}

@media(max-width:1023px) {
    .SubOptionsList_sub_options_list__3d5I5 {
        flex-wrap: nowrap;
        margin-bottom: 0;
        overflow-x: scroll
    }

    .SubOptionsList_sub_options_list__3d5I5::-webkit-scrollbar {
        display: none
    }
}

.Slider_container__1x37n {
    position: relative;
    height: 2px
}

.Slider_segment__17rcZ {
    height: 100%
}

.Slider_segment__17rcZ[data-index="0"],
.Slider_segment__17rcZ[data-index="2"] {
    height: 100%;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, .15))
}

.Slider_segment__17rcZ[data-index="1"] {
    background: linear-gradient(90deg, #7a6efa, #7a6efa)
}

.Slider_pointer__lpkkQ {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: rgba(127, 117, 252, .3);
    border-radius: 50%;
    will-change: transform
}

.Slider_inner_pointer__bp5RL {
    width: 10px;
    height: 10px;
    pointer-events: none;
    background: #b4bcff;
    border-radius: 50%;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.Slider_min__1P_Cp {
    left: -8px
}

.Slider_max__2uZxe {
    right: -8px
}

@media(max-width:1023px) {
    .Slider_container__1x37n {
        position: relative;
        height: 4px
    }

    .Slider_pointer__lpkkQ {
        width: 26px;
        height: 26px
    }

    .Slider_inner_pointer__bp5RL {
        width: 17px;
        height: 17px
    }
}

.FilterWithSlider_inputs__2x4A9 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 6px 0 20px;
    outline: none
}

.FilterWithSlider_inputs__2x4A9 button {
    display: none
}

.FilterWithSlider_slider_container__6gb6X {
    margin-bottom: 17px
}

.FilterWithSlider_slider__3gExV {
    margin: 0 8px
}

@media(max-width:1023px) {
    .FilterWithSlider_slider_container__6gb6X {
        margin: 28px 16px 32px
    }

    .FilterWithSlider_inputs__2x4A9 {
        margin: 0 16px 16px
    }
}

.styles_icon__1jMzA {
    fill: var(--color-graybase-100)
}

.FilterTradelock_title__1_pwW {
    display: inline-flex;
    align-items: center;
    width: fit-content
}

.FilterTradelock_title_text__161LW {
    font-size: inherit
}

.FilterTradelock_tooltip__2ch0q {
    margin-left: 5px;
    transform: translateY(-2px)
}

.FilterTradelock_information_icon__2RPPH,
.FilterTradelock_tooltip_body__3DRsP {
    width: 12.8px;
    height: 12.8px
}

@media(max-width:1023px) {
    .FilterTradelock_tooltip__2ch0q {
        margin-left: 10px;
        transform: translateY(-3px)
    }

    .FilterTradelock_tooltip_body__3DRsP {
        padding: 6px
    }

    .FilterTradelock_information_icon__2RPPH,
    .FilterTradelock_tooltip_body__3DRsP {
        width: 16px;
        height: 16px
    }
}

.FilterTradelockMobileTooltip_overlay__3cd2l {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%
}

.FilterTradelockMobileTooltip_tooltip_title__olV4n {
    color: var(--color-graybase-100)
}

.FilterColor_container__HsiOs {
    flex-wrap: wrap;
    padding: 6px 0;
    margin: 4px 0 8px
}

.FilterColor_color_container__1iUvB,
.FilterColor_container__HsiOs {
    position: relative;
    display: flex;
    justify-content: center
}

.FilterColor_color_container__1iUvB {
    width: 25%;
    margin-bottom: 23px
}

.FilterColor_color_container__1iUvB:nth-child(1n+3) {
    margin-bottom: 0
}

.FilterColor_circle__2mM9- {
    position: relative;
    width: 24px;
    height: 24px;
    cursor: pointer;
    border-radius: 50%
}

.FilterColor_circle__2mM9-:nth-child(4n) {
    margin-right: 0
}

.FilterColor_circle__2mM9-:hover {
    opacity: .8
}

.FilterColor_active__2VUpt:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 9px);
    height: calc(100% + 9px);
    content: "";
    border: 1px solid var(--color-graybase-100);
    border-radius: 50%;
    transform: translate(-50%, -50%)
}

.FilterColor_circle_inner__Fvf4A {
    position: relative;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 50%;
    transform: rotate(-45deg)
}

.FilterColor_circle_inner__Fvf4A:before {
    top: 0;
    border-radius: 50% 50% 0 0/100% 100% 0 0
}

.FilterColor_circle_inner__Fvf4A:after,
.FilterColor_circle_inner__Fvf4A:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    content: ""
}

.FilterColor_circle_inner__Fvf4A:after {
    bottom: 0;
    border-radius: 0 0 50% 50%/0 0 100% 100%
}

.FilterColor_red__139G0:before {
    background-color: #f03d3d
}

.FilterColor_red__139G0:after {
    background-color: #f0733d
}

.FilterColor_blue__2g1yP:before {
    background-color: #1c40ff
}

.FilterColor_blue__2g1yP:after {
    background-color: #268ded
}

.FilterColor_gold__aMR0m:before {
    background-color: #dfa93f
}

.FilterColor_gold__aMR0m:after {
    background-color: #f0de3d
}

.FilterColor_green__3iDkY:before {
    background-color: #106b50
}

.FilterColor_green__3iDkY:after {
    background-color: #5cc14c
}

.FilterColor_purple__3WXnM:before {
    background-color: #8340f0
}

.FilterColor_purple__3WXnM:after {
    background-color: #f54cef
}

.FilterColor_silver__I__Uy:before {
    background-color: #939b9c
}

.FilterColor_silver__I__Uy:after {
    background-color: #bcc9cb
}

.FilterColor_bronze__3ZzMi:before {
    background-color: #775536
}

.FilterColor_bronze__3ZzMi:after {
    background-color: #b87e48
}

.FilterColor_black__3DpWC:before {
    background-color: #161615
}

.FilterColor_black__3DpWC:after {
    background-color: rgba(244, 240, 236, .8)
}

@media(max-width:1023px) {
    .FilterColor_color_container__1iUvB {
        position: relative;
        display: flex;
        justify-content: center;
        width: auto;
        margin: 0 23px 0 0
    }

    .FilterColor_container__HsiOs {
        flex-wrap: nowrap;
        justify-content: normal;
        padding: 6px 0 6px 20px;
        margin-bottom: 18px;
        overflow-x: scroll
    }

    .FilterColor_container__HsiOs::-webkit-scrollbar {
        display: none
    }

    .FilterColor_circle__2mM9- {
        min-width: 31px;
        height: 31px
    }

    .FilterColor_circle__2mM9-:nth-child(4n) {
        margin-right: 23px
    }
}

.FilterPattern_container__h-c4P {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px
}

.FilterPattern_pattern__3VhkK {
    position: relative;
    margin-right: 19px;
    margin-bottom: 12px;
    font-size: 14px;
    color: hsla(0, 0%, 100%, .7)
}

.FilterPattern_close__3Wd9s {
    position: absolute;
    top: -2px;
    right: -11px;
    width: 11px;
    height: 11px;
    cursor: pointer;
    opacity: .25
}

.FilterPattern_pattern__3VhkK:hover {
    color: #fff
}

.FilterPattern_pattern__3VhkK:hover .FilterPattern_close__3Wd9s {
    opacity: 1
}

.FilterPattern_form__1iTBK {
    display: flex;
    align-items: center;
    width: 80px
}

.FilterPattern_add_icon__1mxQc {
    width: 10px;
    height: 10px;
    margin-left: 11.25px;
    cursor: pointer;
    fill: #fff
}

.FilterPattern_search_icon__3EU_2 {
    position: absolute;
    top: 3px;
    left: 4px;
    width: 20px;
    height: 20px;
    fill: hsla(0, 0%, 100%, .7)
}

@media(max-width:1023px) {
    .FilterPattern_wrapper__3CnEU {
        margin: 0 16px
    }

    .FilterPattern_input__1wLSa {
        position: relative;
        display: flex;
        width: 76px;
        height: 38px
    }

    .FilterPattern_input__1wLSa input {
        width: 100%;
        height: 100%;
        padding: 0 6px 0 26px;
        font-size: 14px;
        text-align: right
    }
}

.SlotBase_wrapper__DmQoT {
    cursor: pointer;
    fill: var(--color-graybase-300)
}

.SlotBase_active__3DeTJ {
    fill: var(--color-white-100)
}

.DragHandle_wrapper__1K13T {
    cursor: grab;
    fill: var(--color-graybase-300)
}

.SlotSticker_wrapper__3syWv {
    position: relative;
    cursor: pointer
}

.SlotSticker_wrapper__3syWv:hover .SlotSticker_desktop_remove_icon__k9tsf {
    display: block
}

.SlotSticker_sticker_image__9tBrO {
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: .5
}

.SlotSticker_active__SVLeh .SlotSticker_sticker_image__9tBrO {
    opacity: unset
}

.SlotSticker_remove_icon__2KRDx {
    position: absolute;
    top: -12px;
    right: -8px;
    z-index: 10;
    box-sizing: border-box;
    display: none;
    padding: 0 6px;
    cursor: pointer;
    fill: var(--color-graybase-200)
}

@media(max-width:1023px) {
    .SlotSticker_wrapper__3syWv {
        width: unset;
        height: unset
    }

    .SlotSticker_remove_icon__2KRDx {
        top: -17px;
        right: -18px;
        display: block;
        height: 24px;
        padding: unset
    }
}

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

.Slot_slot__3n-EH {
    display: flex;
    width: 36px;
    height: 36px
}

@media(max-width:1023px) {
    .Slot_slot__3n-EH {
        width: 52px;
        height: 52px
    }
}

.SlotsContainer_slots_container__1b9yT {
    z-index: 10;
    display: flex;
    justify-content: space-between
}

.StickerBase_sticker_wrapper__3b3tY {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 55px;
    overflow: hidden;
    cursor: pointer;
    transition: transform var(--default-animation-props)
}

.StickerBase_sticker_wrapper__3b3tY .StickerBase_sticker_img__qaCt3 {
    width: 90%;
    height: 90%;
    object-fit: contain
}

.StickerBase_sticker_wrapper__3b3tY .StickerBase_sticker_price_base__1fooC {
    color: var(--color-graybase-100);
    text-align: center;
    transition: color var(--default-animation-props)
}

.StickerBase_sticker_wrapper__3b3tY .StickerBase_sticker_price__lnism {
    font-size: var(--typography-body-12-medium-font-size);
    font-weight: var(--typography-body-12-medium-font-weight);
    line-height: var(--typography-body-12-medium-line-height)
}

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

.StickerBase_sticker_wrapper__3b3tY:hover {
    transform: scale(1.15)
}

.StickerBase_sticker_wrapper__3b3tY:hover .StickerBase_sticker_price__lnism {
    color: var(--color-white-100)
}

.StickersList_wrapper_stickers__2MVbd {
    display: grid;
    grid-template-columns: repeat(3, minmax(56px, 1fr));
    row-gap: 6px;
    align-items: flex-start;
    width: 100%
}

.StickersList_wrapper_sticker__2yLaX {
    display: flex;
    justify-content: center
}

@media(max-width:1023px) {
    .StickersList_wrapper_stickers__2MVbd {
        grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
        row-gap: 10px;
        column-gap: 32px
    }
}

.StickerPreviews_sticker_previews__1WVc6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: inherit;
    overflow-x: hidden;
    overflow-y: auto
}

.StickerPreviews_stickers_list__1Ot6f {
    flex-grow: 1
}

.StickerPreviews_wrapper__1Z4Ir {
    padding: 0 0 20px;
    margin: auto 0
}

.Search_search_icon__22322 {
    display: flex;
    margin-right: 8px;
    fill: var(--color-graybase-100)
}

.Search_sticker_search__3o5x5 {
    margin-top: 19px;
    margin-bottom: 14px
}

.PopoverContent_popover_wrapper__2dERp {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    width: 352px;
    height: 526px;
    padding: 20px 16px;
    background: var(--color-graybase-800);
    border-radius: 4px
}

.PopoverContent_popover_wrapper__2dERp .PopoverContent_cross_icon__1rJZm {
    position: absolute;
    top: 17px;
    right: 17px;
    cursor: pointer;
    fill: var(--color-graybase-100, #d3d3d3)
}

.PopoverContent_popover_wrapper__2dERp .PopoverContent_main__1Im0q {
    display: flex;
    justify-content: space-between;
    height: 100%;
    padding-bottom: 21px;
    overflow: hidden;
    color: var(--color-white-100)
}

.PopoverContent_popover_wrapper__2dERp .PopoverContent_filters__3Iqw5 {
    width: 100%;
    padding-right: 12.4px;
    overflow: auto;
    text-align: left;
    border-right: 1px solid var(--color-white-100-opacity-10)
}

.PopoverContent_popover_wrapper__2dERp .PopoverContent_slots_wrapper__2EwdO {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px
}

.PopoverContent_popover_wrapper__2dERp .PopoverContent_stickers__2nET5 {
    display: flex;
    flex-direction: column;
    min-width: 190px;
    max-width: 190px;
    height: 100%;
    padding-left: 6px;
    overflow-x: hidden;
    overflow-y: auto
}

.PopoverContent_popover_wrapper__2dERp .PopoverContent_slots__1JSP_ {
    width: 63%
}

.Popover_popover_wrapper__30uee {
    position: relative;
    z-index: 100;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 352px;
    height: 526px;
    padding: 20px 16px;
    background: var(--color-graybase-800);
    border-radius: 4px
}

.Popover_popover_wrapper__30uee .Popover_cross_icon__2Dn9A {
    position: absolute;
    top: 17px;
    right: 17px;
    cursor: pointer;
    fill: var(--color-graybase-100, #d3d3d3)
}

.Popover_popover_wrapper__30uee .Popover_popover_title__3ixl7 {
    font-size: var(--typography-headline-18-medium-font-size);
    font-weight: var(--typography-headline-18-medium-font-weight);
    line-height: var(--typography-headline-18-medium-line-height);
    color: var(--color-white-100);
    text-align: left;
    letter-spacing: var(--typography-headline-18-medium-letter-spacing)
}

.Popover_popover_wrapper__30uee .Popover_sticker_filter_button_reset__3WCt1 {
    vertical-align: bottom
}

.Popover_popover_wrapper__30uee .Popover_main__1X5cB {
    display: flex;
    justify-content: space-between;
    height: 100%;
    padding-bottom: 21px;
    overflow: hidden;
    color: var(--color-white-100)
}

.Popover_popover_wrapper__30uee .Popover_filters__Ujykb {
    width: 100%;
    padding-right: 12.4px;
    overflow: auto;
    font-size: var(--typography-body-16-medium-font-size);
    font-weight: var(--typography-body-16-medium-font-weight);
    line-height: var(--typography-body-16-medium-line-height);
    text-align: left;
    letter-spacing: var(--typography-body-16-medium-letter-spacing);
    border-right: 1px solid var(--color-white-100-opacity-10)
}

.Popover_popover_wrapper__30uee .Popover_popover_slots_wrapper__7A_A5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px
}

.Popover_popover_wrapper__30uee .Popover_stickers__38A1R {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 190px;
    max-width: 190px;
    height: 100%;
    padding-left: 12px;
    overflow-x: hidden;
    overflow-y: auto
}

.Popover_popover_wrapper__30uee .Popover_popover_slots__2f0Jy {
    width: 63%
}

.Popover_stickers_popover__1DMZC {
    z-index: 100
}

.FilterStickersOnSkin_wrapper__2oPAr {
    margin: 8px 0 0
}

.FilterStickersOnSkin_slots__149jy {
    margin: 0 0 8px
}

.FilterStickersOnSkin_sticker_previews__3Df8Y {
    height: 200px
}

.FilterStickersOnSkin_more_button__1OeOJ {
    margin: 8px 0
}

.FilterStickersOnSkin_more_button_content__2h94j {
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.FilterStickersOnSkin_more_button_icon___LELg {
    display: flex;
    align-items: center;
    margin: 0 8px 0 0;
    fill: var(--color-purple-300)
}

@media(max-width:1023px) {
    .FilterStickersOnSkin_wrapper__2oPAr {
        margin: 0 16px 16px
    }

    .FilterStickersOnSkin_slots__149jy {
        margin: 17px 0 22px
    }

    .FilterStickersOnSkin_sticker_previews__3Df8Y {
        height: 280px
    }
}

.styles_input__1Ld76 {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px 33px 9px 12px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    background: var(--color-graybase-400);
    border: 1px solid transparent;
    border-radius: 4px;
    outline: none;
    transition: all .2s cubic-bezier(.4, 0, .2, 0)
}

.styles_input__1Ld76:focus,
.styles_input__1Ld76:hover {
    background: var(--color-graybase-300)
}

.styles_shadow__1J329 {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%
}

.styles_input__1Ld76::placeholder {
    font-style: normal;
    font-weight: 400;
    color: hsla(0, 0%, 100%, .3)
}

.styles_input__1Ld76::placeholder:hover {
    color: hsla(0, 0%, 100%, .3)
}

.styles_close__1bblN {
    position: absolute;
    top: 50%;
    right: 7px;
    z-index: 3;
    cursor: pointer;
    transform: translateY(-50%)
}

.styles_disabled__3Rn1R .styles_input__1Ld76,
.styles_disabled__3Rn1R .styles_input__1Ld76::placeholder,
.styles_disabled__3Rn1R .styles_input__1Ld76:focus,
.styles_disabled__3Rn1R .styles_input__1Ld76:hover {
    color: hsla(0, 0%, 100%, .1);
    background: var(--color-graybase-400)
}

.styles_disabled__3Rn1R .styles_close__1bblN,
.styles_disabled__3Rn1R .styles_shadow__1J329 {
    display: none
}

.styles_input_wrapper__1B23q,
.styles_with_help_message__1RGbD {
    position: relative;
    width: 100%
}

.styles_with_help_message__1RGbD input {
    position: relative
}

.styles_with_help_message__1RGbD .styles_input_wrapper__1B23q.styles_has_error__u1i8f input {
    border: 1px solid #f05f75
}

.styles_with_help_message__1RGbD .styles_help_message__1tuKF {
    position: absolute;
    bottom: -8px;
    left: 0;
    font-size: 14px;
    line-height: 16px;
    transform: translateY(100%)
}

.styles_with_help_message__1RGbD .styles_help_message__1tuKF.styles_has_error__u1i8f {
    color: #f05f75
}

.styles_input_wrapper__1B23q.styles_small__3yuU8 {
    height: 38px
}

.styles_input_wrapper__1B23q.styles_small__3yuU8 .styles_input__1Ld76 {
    font-size: 15px;
    line-height: 24px
}

.styles_input_wrapper__1B23q.styles_small__3yuU8 .styles_input__1Ld76::placeholder {
    font-size: 15px;
    line-height: 24px
}

.styles_input_wrapper__1B23q.styles_big__Q4K8r {
    height: 56px
}

.styles_input_wrapper__1B23q.styles_big__Q4K8r .styles_input__1Ld76 {
    font-size: 18px
}

.styles_input_wrapper__1B23q.styles_big__Q4K8r .styles_input__1Ld76::placeholder {
    font-size: 18px;
    line-height: 24px
}

.styles_search_icon__238JY {
    position: absolute;
    opacity: 1;
    fill: var(--color-graybase-100);
    transition: fill .4s cubic-bezier(.4, 0, .2, 1), opacity .8s
}

.styles_search_icon__238JY.styles_small__3nR71 {
    top: 8px;
    left: 9px;
    width: 24px;
    min-width: 24px;
    height: 24px
}

.styles_search_icon__238JY.styles_big__31TqR {
    top: 14px;
    left: 9px;
    width: 30px;
    min-width: 30px;
    height: 30px
}

.styles_loader__jBvlW {
    position: absolute;
    opacity: 1;
    transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
    animation-direction: .5s
}

.styles_loader__jBvlW.styles_small__3nR71 {
    top: 11px;
    left: 11px;
    width: 17px;
    height: 17px;
    border-width: 1.4px
}

.styles_loader__jBvlW.styles_big__31TqR {
    top: 17px;
    left: 12px;
    width: 21px;
    height: 21px;
    border-width: 2px
}

.styles_left_icon__VtG_r {
    z-index: 2
}

.styles_input__p2cze input {
    padding-left: 43px
}

.styles_input__p2cze input:focus {
    border: none;
    outline: none
}

.styles_search_icon__238JY.styles_focused__gWSNT {
    fill: #fff
}

.styles_input__p2cze input::placeholder {
    color: hsla(0, 0%, 100%, .3)
}

.styles_delete_icon__13ghl {
    position: absolute;
    top: 9px;
    right: 9px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    stroke: #a3a3a3;
    transition: stroke .4s cubic-bezier(.4, 0, .2, 1)
}

.styles_delete_icon__13ghl:hover {
    stroke: #fff
}

.styles_options__2bVBZ {
    display: flex;
    flex-direction: row
}

.styles_name__PDZDc {
    margin-right: 8px
}

.styles_icon__2t6OL {
    margin-right: -4px;
    cursor: pointer
}

.styles_filters_options__O7vnT {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end
}

.styles_icon__2t6OL:hover path,
.styles_selected__2vk-F path,
.styles_wrapper__2aqRb:hover .styles_icon__2t6OL path,
.styles_wrapper__2aqRb:hover~.styles_wrapper__2aqRb .styles_icon__2t6OL path {
    fill-opacity: 1
}

.styles_tooltip__1zb6Q {
    transform: translateX(calc(50% - 22px))
}

.Hero_container__-tVHs {
    position: relative;
    box-sizing: border-box;
    width: 67px;
    height: 100px;
    margin: 7px;
    cursor: pointer
}

.Hero_inner__2XF3f {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 103%;
    transition: transform .2s ease-in;
    will-change: transform
}

.Hero_name__20-f0 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    padding: 4px 5px;
    font-size: 10px;
    font-weight: 500;
    line-height: 120%;
    text-align: center;
    text-transform: capitalize;
    word-wrap: break-word;
    background: rgba(20, 20, 22, .8);
    opacity: 0;
    transition: opacity .2s ease-in-out;
    will-change: opacity
}

.Hero_container__-tVHs:hover {
    z-index: 10
}

.Hero_highlighted__2YHNV {
    z-index: 7
}

.Hero_container__-tVHs:not(.Hero_disable_hover__2uASB):hover .Hero_inner__2XF3f {
    transform: scale(1.5)
}

.Hero_container__-tVHs:not(.Hero_disable_hover__2uASB):hover .Hero_name__20-f0 {
    opacity: 1
}

.Hero_shadow__1VePo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(62, 59, 66, .63)
}

.Hero_show__5Q_k0 {
    opacity: 1
}

.Hero_selected__ArDIQ {
    filter: saturate(0);
    opacity: .4
}

.Hero_selected_icon__3sAzB {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.BlockHeroes_hero_list__3nwam {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -7px
}

.BlockHeroes_heroes_block__2YaNJ {
    display: flex;
    width: 100%;
    margin: 0 0 38px
}

.BlockHeroes_heroes_block__2YaNJ:last-child {
    margin-bottom: 24px
}

.BlockHeroes_attribute__w-Icp {
    display: flex;
    align-items: center;
    min-width: 31px;
    margin-right: 14px
}

.BlockHeroes_attribute_name__2zp7h {
    font-size: 18px;
    writing-mode: vertical-rl;
    transform: rotate(180deg)
}

.HeroModalContent_header__3jvoY {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 46px 8px 70px
}

.HeroModalContent_body__2Mw6K {
    box-sizing: border-box;
    height: 100%;
    padding: 30px 15px 0 26px;
    margin: 0 10px 0 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-block: none
}

.HeroModalContent_footer__17v7B {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 8px 46px 40px 70px
}

.HeroModalContent_title__2V0fb {
    width: 50%;
    margin: 3px 0 0;
    font-size: 32px;
    font-weight: 500;
    line-height: 32px
}

.HeroModalContent_search__2P8cu {
    width: 100%;
    max-width: 570px
}

.HeroModalContent_buttons__2z6vM {
    display: flex
}

.HeroModalContent_button__2mMdd {
    width: 176px;
    margin: 0 0 0 20px
}

.HeroModalContent_types__2pbTw {
    margin-right: 31px
}

.HeroModalContent_filters__2p1uv {
    display: flex;
    flex-direction: row;
    margin: 6px 0 0 1px
}

.Section_container__2mgPQ {
    position: relative;
    display: flex;
    align-items: center;
    padding: 11px 0;
    cursor: pointer
}

.Section_name__13Hwj {
    font-size: 15px;
    font-weight: 500;
    color: #fff
}

.Section_icon__NbY88 {
    position: absolute;
    top: 50%;
    right: 0;
    width: 14px;
    height: 14px;
    fill: #fff;
    transform: translateY(-50%)
}

.Section_count__332kC {
    margin-left: 4px;
    font-weight: 500;
    color: #6c6c70
}

.FilterHeroView_modal__7x5p9 {
    max-width: 1804px;
    height: 92vh;
    max-height: 1060px
}

.FilterHeroView_container__1J8xy,
.FilterHeroView_modal__7x5p9 {
    box-sizing: border-box
}

.FilterHeroView_container__1J8xy {
    width: 100%;
    padding: 0;
    overflow: hidden
}

.styles_content__nkFKe {
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none
}

.styles_wrapper__1xXgW {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.styles_content__nkFKe::-webkit-scrollbar,
.styles_wrap__mkHeC::-webkit-scrollbar {
    display: none
}

@media(max-width:1023px) {
    .styles_wrapper__1xXgW {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        overflow: hidden
    }

    .styles_body__2RpAr {
        margin-top: 4px
    }

    .styles_footer__crSOo {
        padding: 24px 16px
    }

    .styles_buttons__oVi5G {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 100%
    }

    .styles_apply__3Np_k,
    .styles_reset__2-15t {
        width: 66%;
        height: 38px;
        margin-right: 5px
    }

    .styles_save__3pQ0C {
        width: 33%;
        margin-left: 5px
    }

    .styles_button__1c0nA {
        height: 38px
    }

    .styles_button__1c0nA span {
        font-size: 14px
    }

    .styles_reset__2-15t button {
        max-height: 38px
    }
}

.InventorySearchDesktop_search_wrapper__1Zecs {
    --input-height: 38px;
    position: relative;
    width: 100%
}

.InventorySearchDesktop_autosuggestions_wrapper__2NENb {
    --autosuggestions-wrapper-padding: 6px;
    position: absolute;
    top: calc(var(--input-height) + 5px);
    z-index: 50;
    box-sizing: border-box;
    display: grid;
    row-gap: 10px;
    width: 100%;
    max-height: 400px;
    padding: var(--autosuggestions-wrapper-padding);
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--color-graybase-400);
    scrollbar-width: thin;
    scrollbar-color: var(--frontly-white-100-opacity-10) transparent
}

.InventorySearchDesktop_autosuggestions_wrapper__2NENb::-webkit-scrollbar {
    width: 4px
}

.InventorySearchDesktop_autosuggestions_wrapper__2NENb::-webkit-scrollbar-thumb {
    background-color: var(--color-white-100-opacity-10);
    border-radius: 25px
}

.InventorySearchDesktop_section_title__1B3Jx {
    --section-title-padding-from-edge: 13px;
    padding-left: calc(var(--section-title-padding-from-edge) - var(--autosuggestions-wrapper-padding));
    margin-bottom: 4px;
    color: var(--color-graybase-100)
}

.InventorySearchDesktop_button_with_item__ou4YF {
    display: grid;
    grid-template-columns: 52px auto;
    column-gap: 8px;
    align-items: center;
    width: 100%;
    padding: 4px 6px;
    color: var(--color-graybase-100);
    text-align: left;
    cursor: pointer;
    background: none;
    border: none;
    border-radius: var(--size-corner-radius-regular);
    outline: none;
    transition: background-color var(--default-animation-duration) var(--default-animation-function), color var(--default-animation-duration) var(--default-animation-function)
}

.InventorySearchDesktop_button_with_item__ou4YF:hover {
    color: var(--color-white-100);
    background-color: var(--color-graybase-300)
}

.InventorySearchDesktop_title_and_name_wrapper__1FoZm {
    display: flex;
    flex-direction: column
}

.InventorySearchDesktop_no_found_text_wrapper__2xU6Q {
    display: flex;
    align-items: center;
    justify-self: center;
    height: 98px;
    color: var(--color-graybase-200)
}

.InventorySearchDesktop_search_history_title__2YU62 {
    display: flex;
    justify-content: space-between;
    margin-right: 6px
}

.InventorySearchDesktop_wrapper_search_history_item__sCOda {
    display: flex;
    align-items: center;
    margin-right: 6px
}

.InventorySearchDesktop_wrapper_search_history_item__sCOda .InventorySearchDesktop_button_with_item__ou4YF:hover {
    background: initial
}

.InventorySearchDesktop_wrapper_search_history_item__sCOda .InventorySearchDesktop_suggestion_item_remove_icon__1Hg2P {
    display: none;
    margin-right: 12px;
    cursor: pointer;
    fill: var(--color-graybase-100, #d3d3d3)
}

.InventorySearchDesktop_wrapper_search_history_item__sCOda:hover {
    background-color: var(--color-graybase-300)
}

.InventorySearchDesktop_wrapper_search_history_item__sCOda:hover .InventorySearchDesktop_suggestion_item_remove_icon__1Hg2P {
    display: block
}

.InventorySearchDesktop_wrapper_search_history_item__sCOda .InventorySearchDesktop_suggestion_item_default_icon__2LJjm {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    fill: var(--color-graybase-100, #d3d3d3)
}

.InventorySearchDesktop_suggestion_item_img__14tAB {
    width: 52px;
    height: 40px
}

.InventorySearchMobile_modal_body__ddx3J {
    display: grid;
    grid-template-rows: min-content 1fr;
    row-gap: 30px;
    margin: 0;
    background: var(--color-graybase-600)
}

.InventorySearchMobile_search_header__3g7VP {
    display: grid;
    grid-template-columns: min-content 1fr;
    column-gap: 14px;
    height: max-content;
    padding: 16px 16px 0
}

.InventorySearchMobile_arrow_button__2JrvC {
    background: none;
    border: none;
    outline: none;
    fill: var(--color-graybase-100);
    transform: rotate(-180deg)
}

.InventorySearchMobile_autosuggestions_wrapper__1p6Aa {
    --autosuggestions-wrapper-padding: 6px;
    display: grid;
    grid-auto-rows: minmax(min-content, max-content);
    row-gap: 10px;
    padding: 0 16px 16px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--frontly-white-100-opacity-10) transparent
}

.InventorySearchMobile_autosuggestions_wrapper__1p6Aa::-webkit-scrollbar {
    width: 4px
}

.InventorySearchMobile_autosuggestions_wrapper__1p6Aa::-webkit-scrollbar-thumb {
    background-color: var(--color-white-100-opacity-10);
    border-radius: 25px
}

.InventorySearchMobile_section_title__1nY5W {
    --section-title-padding-from-edge: 13px;
    padding-left: calc(var(--section-title-padding-from-edge) - var(--autosuggestions-wrapper-padding));
    margin-bottom: 4px;
    color: var(--color-graybase-100)
}

.InventorySearchMobile_button_with_item__3cwkT {
    display: grid;
    grid-template-columns: 52px auto;
    column-gap: 8px;
    align-items: center;
    width: 100%;
    padding: 4px 6px;
    color: var(--color-graybase-100);
    text-align: left;
    cursor: pointer;
    background: none;
    border: none;
    border-radius: var(--size-corner-radius-regular);
    outline: none;
    transition: background-color var(--default-animation-duration) var(--default-animation-function), color var(--default-animation-duration) var(--default-animation-function)
}

.InventorySearchMobile_button_with_item__3cwkT:hover {
    color: var(--color-white-100);
    background-color: var(--color-graybase-300)
}

.InventorySearchMobile_title_and_name_wrapper__vpEb2 {
    display: flex;
    flex-direction: column
}

.InventorySearchMobile_not_found__3gY7X {
    margin: auto
}

.InventorySearchMobile_no_found_text_wrapper__1tyTR {
    display: flex;
    align-items: center;
    justify-self: center;
    height: 100%;
    color: var(--color-graybase-200)
}

.InventorySearchMobile_search_history_title__2GPPe {
    display: flex;
    justify-content: space-between;
    margin-right: 6px
}

.InventorySearchMobile_no_inventory__3m21Q {
    height: 70px
}

.GoToMarketBanner_wrapper__2ZEEk {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    max-width: 340px;
    padding: 20px;
    margin-top: 32px;
    background: var(--color-graybase-500);
    border-radius: 4px;
    transition: background .3s
}

.GoToMarketBanner_wrapper__2ZEEk:hover {
    background: var(--color-graybase-400)
}

@media(max-width:375px) {
    .GoToMarketBanner_wrapper__2ZEEk {
        width: 262px;
        padding: 12px
    }
}

.GoToMarketBanner_description__3fzq0 {
    margin-top: 4px;
    color: var(--color-graybase-100)
}

.GoToMarketBanner_icon__3TPEx {
    flex-shrink: 0;
    width: 80px;
    margin-right: 10px;
    margin-left: -8px;
    user-select: none
}

.Auth_login_button__20j11 {
    font-size: 14px
}

.ErrorCard_wrapper_error_card__1_PJF {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 108px;
    height: 152px;
    padding: 8px;
    background: var(--color-graybase-500)
}

.ErrorCard_cashback__1OxAM,
.ErrorCard_wrapper_error_card__1_PJF {
    border-radius: var(--size-corner-radius-regular)
}

.ErrorCard_cashback__1OxAM {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    height: 18px;
    padding: 0 2px;
    margin-top: auto;
    font-size: 11px;
    color: #fff;
    background: linear-gradient(83.25deg, #ff3ec6 5.25%, #1091ff 127.84%)
}

.ErrorCard_cashback__1OxAM img {
    width: 10px
}

.ErrorCard_skin__1xrXQ {
    position: relative;
    top: 20px;
    width: 100%
}

.ErrorCard_float__FTq_z {
    margin-top: 4px;
    color: var(--color-graybase-100)
}

.ErrorCard_price__14bJQ {
    color: var(--color-white-100)
}

.CashbackSkinsNotFound_button__34nVT {
    width: 320px;
    margin-top: 16px
}

.EmptyInventory_icon_container__3u0Fm {
    max-width: 26px
}

.ErrorCard_wrapper_error_card__1bEEo {
    position: relative;
    width: 128px;
    height: 132px;
    padding: 0 4px 4px;
    text-align: center;
    background: var(--color-graybase-500);
    opacity: .4
}

.ErrorCard_wrapper_error_card__1bEEo img {
    width: 90px
}

.ErrorCard_wrapper_error_card__1bEEo div {
    text-align: left
}

.ErrorCard_favorite_empty__Xc0E_ {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    margin-bottom: 5px;
    background: var(--color-pink-100);
    border-radius: var(--size-corner-radius-regular);
    fill: var(--color-white-100)
}

.PrivateInventory_wrapper__2Ekzn {
    justify-content: center;
    width: 100%;
    height: 100%
}

.PrivateInventory_content__2Letb,
.PrivateInventory_wrapper__2Ekzn {
    display: flex;
    flex: 1;
    align-items: center
}

.PrivateInventory_content__2Letb {
    flex-direction: column
}

.PrivateInventory_button_user_inventory__2PXf_ {
    display: flex;
    width: 190px
}

.PrivateInventory_button_user_inventory__2PXf_:first-child {
    margin-right: 20px
}

.PrivateInventory_icon__1cY4d {
    margin-bottom: 12px;
    fill: var(--color-graybase-200)
}

.PrivateInventory_title__3UuzX {
    color: var(--color)
}

.PrivateInventory_description_wrapper__2Gr0f,
.PrivateInventory_title_wrapper__2BE1B {
    max-width: 404px
}

.PrivateInventory_description__2m4-K {
    color: var(--color-graybase-200);
    text-align: center
}

.PrivateInventory_description_wrapper__2Gr0f {
    margin-top: 6px
}

.PrivateInventory_actions__2G2_M {
    display: flex;
    margin-top: 20px
}

@media(max-width:420px) {
    .PrivateInventory_button_user_inventory__2PXf_ {
        width: 100%
    }

    .PrivateInventory_button_user_inventory__2PXf_:first-child {
        margin-right: 10px
    }
}

.Steam_steam_icon__1BKpE {
    fill: var(--color-graybase-100)
}

.InventoryErrors_errors__3uujt {
    display: flex;
    align-content: center;
    height: 100%
}

.InventoryErrors_login_button__3RLvX {
    font-size: 14px
}

.InventoryErrors_icon_container__29rgb {
    max-width: 26px
}

.InventoryErrors_steam_icon_wrap__2H419 {
    fill: var(--color-graybase-100)
}

.MarketErrorCard_wrapper_error__1gGGe {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center
}

.MarketErrorCard_wrapper_error_card__1l87s {
    width: 108px;
    height: 140px;
    background: var(--color-graybase-400);
    border-radius: 4px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    mix-blend-mode: luminosity;
    opacity: .5
}

.MarketErrorCard_wrapper_error_card__1l87s img {
    width: 92px
}

.MarketErrorCard_wrapper_error_card__1l87s div {
    text-align: left
}

.MarketErrorCard_wrapper_error_card_img__2NLAS {
    margin: 17px 8px 16px
}

.MarketErrorCard_wrapper_error_card_text__2vE3u {
    margin: 0 0 0 8px
}

.MarketErrorCard_wrapper_error_card_text_first_line__PZ300 {
    color: var(--color-graybase-100)
}

.MarketErrorCard_favorite_empty__1kH6f {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 7px;
    margin-bottom: 7px;
    background: #f05f75;
    border-radius: var(--size-corner-radius-regular);
    fill: var(--color-white-100)
}

.RestrictedMessage_wrapper__bHMKZ {
    flex-direction: column
}

.RestrictedMessage_actions__1ZgMe,
.RestrictedMessage_wrapper__bHMKZ {
    display: flex;
    width: 100%
}

.RestrictedMessage_actions__1ZgMe {
    flex-direction: row;
    column-gap: 16px;
    justify-content: center
}

.HiddenInventory_icon__3WfbN,
.RestrictedMessage_icon__2-KeY {
    width: 100%;
    min-height: 106px
}

.HiddenInventory_picture__2K6Gk {
    margin-bottom: 36px
}

.HiddenInventory_buttons__21Eon {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    justify-content: space-between
}

.Errors_wrapper__2YXHR {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

@media(max-width:1023px) {
    .Errors_wrapper__2YXHR {
        align-items: flex-start
    }
}

.Errors_wrapper_no_auth__1mb6v {
    width: 295px
}

.CardSkeleton_container__2155M {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    height: var(--card-height);
    background-color: var(--color-graybase-500)
}

.CardSkeleton_container__2155M.CardSkeleton_small__2aDZS {
    --text-height: 12px;
    --main-height: 69px;
    --margin-header: 4px;
    --margin-main: 16px;
    --card-height: 180px
}

.CardSkeleton_container__2155M.CardSkeleton_large__NHNRh,
.CardSkeleton_container__2155M.CardSkeleton_small__2aDZS {
    --button-height: 28px;
    --margin-price: 6px;
    --margin-button: 10px
}

.CardSkeleton_container__2155M.CardSkeleton_large__NHNRh {
    --text-height: 15px;
    --main-height: 105px;
    --margin-header: 6px;
    --margin-main: 18px;
    --card-height: 218px
}

.CardSkeleton_body__3Ql1t {
    position: relative;
    z-index: 3;
    height: 100%
}

.CardSkeleton_body__3Ql1t:after {
    display: block;
    padding-bottom: 100%;
    content: ""
}

.CardSkeleton_content__1Kc1O {
    position: absolute;
    box-sizing: border-box;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    padding: 8px
}

.CardSkeleton_content__1Kc1O,
.CardSkeleton_header__2264N {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.CardSkeleton_header__2264N {
    height: var(--text-height);
    margin-bottom: var(--margin-header)
}

.CardSkeleton_lock__RL3ui {
    width: 50%
}

.CardSkeleton_lock__RL3ui,
.CardSkeleton_stack__2UItg {
    position: relative;
    overflow: hidden;
    background: hsla(0, 0%, 71%, .3);
    border-radius: 2px
}

.CardSkeleton_stack__2UItg {
    width: 20%
}

.CardSkeleton_main__3GC5x {
    height: var(--main-height);
    margin-bottom: var(--margin-main)
}

.CardSkeleton_descr__1Clmd,
.CardSkeleton_main__3GC5x {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: hsla(0, 0%, 71%, .3);
    border-radius: 2px
}

.CardSkeleton_descr__1Clmd {
    height: var(--text-height);
    border-right: 1px solid #28282c;
    border-bottom: 1px solid #28282c
}

.CardSkeleton_price__6Uuwo {
    width: 80%;
    height: var(--text-height);
    margin-top: var(--margin-price)
}

.CardSkeleton_button__2iC47,
.CardSkeleton_price__6Uuwo {
    position: relative;
    overflow: hidden;
    background: hsla(0, 0%, 71%, .3);
    border-radius: 2px
}

.CardSkeleton_button__2iC47 {
    width: 100%;
    height: var(--button-height);
    margin-top: var(--margin-button)
}

.List_small__ZXbbN {
    --min-card-width: 106px
}

.List_large__2KoEH {
    --min-card-width: 152px
}

.List_wrapper__25Eor {
    box-sizing: border-box;
    height: 100%;
    padding: 0 4px 40px 0;
    overflow-y: scroll
}

.List_list__1s0js {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--min-card-width), 1fr));
    gap: 8px;
    height: auto;
    background-color: var(--color-graybase-600)
}

.List_loader_container__3ELLY {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px
}

.List_blackout__1d1f4 {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(45, 45, 51, 0), rgba(45, 45, 51, .75) 34.06%, var(--color-graybase-600) 77.71%)
}

@media(max-width:1023px) {
    .List_wrapper__25Eor {
        padding: 0;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .List_wrapper__25Eor::-webkit-scrollbar {
        display: none
    }

    .List_list__1s0js {
        background-color: var(--color-graybase-700)
    }
}

.UserSkin_user_skin__Rhl9O {
    height: fit-content;
    background: var(--color-graybase-500);
    border-radius: var(--size-corner-radius-regular)
}

.UserInventory_wrapper__1V0cF {
    box-sizing: border-box;
    height: calc(100% - 40px);
    padding-bottom: 40px
}

.Body_wrapper__3n-WM {
    height: 86%
}

.Divider_divider__2rMt7 {
    width: 1px;
    height: 22px;
    background-color: var(--color-white-100-opacity-10)
}

.DropdownsWrapper_dropdowns_wrapper__2Pkce {
    display: grid;
    grid-auto-flow: column;
    gap: 24px;
    align-items: center
}

.Header_header__E_-ag {
    display: grid;
    grid-template-columns: 1fr max-content;
    gap: 24px;
    padding: 16px
}

@media(max-width:1600px) {
    .Header_header__E_-ag {
        grid-template-columns: 1fr;
        gap: 16px
    }
}

.ItemsCount_wrapper__1CVo7 {
    color: var(--color-graybase-200)
}

.List_wrapper__1eQ1l {
    height: calc(100vh - 172px);
    overflow-y: auto
}

.List_loader_container__2-n7m {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px
}

.List_blackout__1C81N {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(45, 45, 51, 0), rgba(45, 45, 51, .75) 34.06%, var(--color-graybase-600) 77.71%)
}

.ListingManagementWrapper_wrapper__3WnXD {
    display: grid;
    grid-auto-flow: column;
    gap: 20px;
    align-items: center;
    justify-content: space-between
}

.Search_skin__2aXmf {
    display: grid;
    grid-template-columns: 52px auto;
    gap: 8px;
    align-items: center;
    padding: 4px 6px;
    text-align: left;
    cursor: pointer
}

.Search_skin__2aXmf,
.Search_skins_category__3k8Ix {
    color: var(--color-graybase-100)
}

.Search_nothing_found_text_wrapper__3lZ-F {
    display: flex;
    place-content: center;
    align-items: center;
    height: 98px;
    color: var(--color-graybase-200)
}

.Search_title_and_name_wrapper__Y45_c {
    display: flex;
    flex-direction: column
}

.ModalCashReplacement_body__2PbCY {
    gap: 36px
}

.ModalCashReplacement_body__2PbCY,
.ModalCashReplacement_container__2Pjct {
    display: flex;
    flex-direction: column
}

.ModalCashReplacement_container__2Pjct {
    align-items: center;
    justify-content: space-between;
    text-align: center
}

.ModalCashReplacement_img__39nZ2 {
    width: 80px;
    height: 80px
}

.ModalCashReplacement_title__2QgmZ {
    margin: 20px 0 8px
}

.ModalCashReplacement_text__1DjZg,
.ModalCashReplacement_title__2QgmZ {
    white-space: pre-line
}

.ModalCashReplacement_text__1DjZg {
    color: var(--frontly-graybase-200)
}

.BubbleButtonContainer_container__2YFun {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    border: none;
    border-radius: var(--size-corner-radius-regular)
}

.BubbleButtonContainer_container__2YFun,
.BubbleButtonContainer_container__2YFun:active {
    cursor: pointer
}

.BubbleButtonContainer_purple__1eb0D {
    background: var(--color-purple-100)
}

.BubbleButtonContainer_purple__1eb0D:active,
.BubbleButtonContainer_purple__1eb0D:hover {
    background: var(--color-white-100)
}

.BubbleButtonContainer_gray__15TTS {
    background: var(--color-graybase-300)
}

.BubbleButtonContainer_gray__15TTS:active,
.BubbleButtonContainer_gray__15TTS:hover {
    background: var(--color-graybase-200)
}

.BubbleText_text__Ly1YN {
    position: relative;
    white-space: nowrap
}

.BubbleText_black__1D6fo {
    color: var(--color-graybase-500)
}

.BubbleText_white__3rDOu {
    color: var(--color-white-100)
}

.BubbleClearAll_icon__24Ui5 {
    display: inline-flex;
    fill: var(--color-graybase-100)
}

.BubbleContainer_container__2xZZr {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    border: none;
    border-radius: var(--size-corner-radius-regular)
}

.BubbleContainer_purple__2uKcl {
    background: var(--color-purple-100)
}

.BubbleContainer_purple__2uKcl svg {
    fill: var(--color-graybase-500)
}

.BubbleContainer_gray__3Su5w {
    background: var(--color-graybase-300)
}

.BubbleFilters_container__nVetl {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.BubbleFilters_bubbles__2cxc3,
.BubbleFilters_container__nVetl {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center
}

.BubbleFilters_hidden__ZJx7z {
    visibility: hidden
}

.GameSwitcher_button__2TF3A,
.GameSwitcher_container__3mZF9 {
    display: flex
}

.GameSwitcher_button__2TF3A {
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    cursor: pointer;
    background: var(--color-graybase-400);
    border: 0;
    fill: var(--color-graybase-300)
}

.GameSwitcher_first_button__-dBCE {
    border-radius: var(--size-corner-radius-regular) 0 0 var(--size-corner-radius-regular)
}

.GameSwitcher_last_button__RSd9R {
    border-radius: 0 var(--size-corner-radius-regular) var(--size-corner-radius-regular) 0
}

.GameSwitcher_selected__2GRwc {
    background: var(--color-graybase-300);
    fill: var(--color-white-100)
}

.ReloadButton_reload_button__1-wzv {
    display: flex;
    align-items: center;
    padding: 0;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    fill: var(--color-graybase-100);
    transition: fill var(--default-animation-props), transform var(--default-animation-props);
    transform: scaleX(-1)
}

.ReloadButton_reload_button__1-wzv:hover {
    fill: var(--color-white-100);
    transform: scaleX(-1) rotate(-1turn)
}

.ReloadButton_text__2F8FH {
    color: var(--color-graybase-100)
}

.styles_wrapper__2y2Ux {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer
}

.styles_text__3Jbvt {
    margin: 0 8px 0 0;
    font-size: inherit;
    line-height: 1;
    color: var(--color-graybase-200);
    text-align: left;
    white-space: nowrap
}

.styles_icon__pb-lt,
.styles_text__3Jbvt {
    display: flex;
    transition: all .2s cubic-bezier(.4, 0, .2, 0)
}

.styles_icon__pb-lt {
    position: relative;
    user-select: none;
    fill: var(--color-graybase-200)
}

.styles_count__3BAz2 {
    position: absolute;
    bottom: 12px;
    left: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 18px;
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    background: var(--color-purple-500);
    border-radius: 8px;
    transition: all .2s cubic-bezier(.4, 0, .2, 0);
    transform: translateY(0)
}

.styles_count__3BAz2,
.styles_with_skins__3kTG2 .styles_text__3Jbvt {
    color: var(--color-white-100)
}

.styles_with_skins__3kTG2 .styles_icon__pb-lt {
    fill: var(--color-white-100)
}

.styles_highlighted__2QRnT .styles_count__3BAz2 {
    transform: translateY(-3px)
}

.styles_wrapper__2y2Ux.styles_reverse__SsXGN {
    flex-direction: row-reverse
}

.styles_wrapper__2y2Ux.styles_reverse__SsXGN .styles_text__3Jbvt {
    margin: 0 0 0 8px
}

.styles_text__3Jbvt:after {
    display: none;
    content: attr(data-abbr)
}

.styles_loader__D1TFb {
    position: absolute;
    top: -10px;
    left: 14px;
    width: 16px;
    height: 16px;
    border-width: 2px
}

.TradeCart_new_cart__3XWbn {
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    background: var(--color-graybase-600);
    border-radius: 4px
}

.TradeCart_header__ZfcJZ {
    --header-height: 50px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    height: var(--header-height);
    padding: 0 16px;
    cursor: pointer;
    user-select: none;
    background: var(--color-graybase-500);
    transition: background .25s ease-in-out
}

.TradeCart_header__ZfcJZ:hover {
    background: var(--color-graybase-400)
}

.TradeCart_header_content_title__ybjdd {
    gap: 24px
}

.TradeCart_header_content__2osU3 {
    display: flex;
    align-items: center
}

.TradeCart_content__1wk2S {
    --content-height: 216px;
    position: relative;
    box-sizing: border-box;
    height: var(--content-height);
    background: var(--color-graybase-600)
}

.TradeCart_clear_cart__1Qvgr {
    padding: 15px 0
}

.TradeCart_clear_cart_text__16h0z {
    font-size: 11px;
    font-weight: 500;
    color: var(--color-graybase-200)
}

.TradeCart_center_wrapper__3E2oM {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.TradeCart_card__3Zoqi {
    background-color: var(--color-graybase-500)
}

.TradeCart_arrow_icon__2U0Qg {
    fill: var(--color-white-100)
}

.TradeCart_arrow_icon__2U0Qg svg {
    transition: transform var(--default-animation-duration)
}

.TradeCart_header_title__1oxrX {
    gap: 4px
}

.TradeCart_header_title__1oxrX,
.TradeCart_header_title__1oxrX>div {
    display: flex;
    align-items: center
}

.TradeCart_reverse__1cXfP .TradeCart_header__ZfcJZ,
.TradeCart_reverse__1cXfP .TradeCart_header__ZfcJZ .TradeCart_header_content__2osU3 {
    flex-direction: row-reverse
}

.TradeCart_open__121ow .TradeCart_header__ZfcJZ {
    background: var(--color-graybase-600)
}

.TradeCart_open__121ow .TradeCart_header__ZfcJZ:hover {
    background: var(--color-graybase-400)
}

.TradeCart_open__121ow .TradeCart_header__ZfcJZ .TradeCart_arrow_icon__2U0Qg svg {
    transform: rotate(180deg);
    transform-origin: center
}

.EmptyCartPlaceholder_wrapper__2ozgB {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.EmptyCartPlaceholder_description__29vIB {
    color: var(--color-graybase-200)
}

.EmptyCartPlaceholder_icon__MF2If {
    position: relative;
    display: flex;
    flex-direction: column;
    fill: var(--color-graybase-100)
}

.EmptyCartPlaceholder_second_arrow__2lc0x {
    position: absolute;
    top: 12px;
    opacity: .5
}

.EmptyCartPlaceholder_third_arrow__1R6Cp {
    position: absolute;
    top: 24px;
    opacity: .2
}

.List_small__1nE9B {
    --min-card-width: 108px
}

.List_list_wrapper__3zUPS {
    box-sizing: border-box;
    height: 100%;
    padding: 0 8px 36px;
    overflow-y: scroll
}

.List_list__Hv2r2 {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--min-card-width), 1fr));
    gap: 8px;
    background-color: var(--color-graybase-600)
}

.ClearCartPopup_popup__21xhC {
    z-index: 5
}

.ClearCartPopup_popup__21xhC[data-popper-placement^=top]>[data-popper-arrow] {
    bottom: -4px
}

.ClearCartPopup_popup__21xhC[data-popper-placement^=right]>[data-popper-arrow] {
    left: -4px
}

.ClearCartPopup_popup__21xhC[data-popper-placement^=bottom]>[data-popper-arrow] {
    top: -4px
}

.ClearCartPopup_popup__21xhC[data-popper-placement^=left]>[data-popper-arrow] {
    right: -4px
}

.ClearCartPopup_wrapper__2ye9O {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 263px;
    padding: 24px 32px;
    background-color: var(--color-graybase-800);
    border-radius: var(--size-corner-radius-regular)
}

.ClearCartPopup_title__SuXDM {
    margin-bottom: 4px
}

.ClearCartPopup_description__2FkpU {
    margin-bottom: 16px;
    color: var(--color-graybase-200);
    text-align: center
}

.ClearCartPopup_controls__2YPup {
    display: flex;
    gap: 24px
}

.ClearCartPopup_arrow__26tfs,
.ClearCartPopup_arrow__26tfs:before {
    position: absolute;
    z-index: -1;
    width: 10px;
    height: 10px
}

.ClearCartPopup_arrow__26tfs:before {
    content: "";
    background-color: var(--color-graybase-800);
    transform: rotate(45deg)
}

.stackinfo_icon__2Awwx {
    display: flex;
    align-items: center;
    margin-top: -1px;
    margin-right: -1px;
    margin-left: 2px
}

.stackinfo_icon__2Awwx path {
    fill: var(--color-white-100-opacity-50)
}

.stackinfo_stack__1M_K7 {
    display: inline-flex;
    align-items: self-end;
    padding-left: 5px;
    color: var(--color-white-100-opacity-50);
    cursor: pointer
}

.stackinfo_stack__1M_K7:hover {
    color: var(--color-white-100)
}

.stackinfo_stack__1M_K7:hover .stackinfo_icon__2Awwx path {
    fill: var(--color-white-100)
}

.UserTag_tooltip__1HQun {
    color: var(--color-graybase-100)
}

.UserTag_tooltip_text__1LYMz {
    color: var(--color-accent-red-100)
}

.UserTag_tooltip_text_green__3OOay {
    color: var(--color-accent-green-100)
}

.SkinPriceWithDynamicCurrency_price__3qIK1 {
    display: flex;
    align-items: center
}

.SkinPriceWithDynamicCurrency_overprice__1dc2X {
    margin-left: 8px
}

.SkinPriceWithDynamicCurrency_icon__1LYeR {
    display: flex;
    margin-left: -4px;
    fill: var(--color-purple-500)
}

.SkinPriceWithDynamicCurrency_currency___tp8G {
    font-size: 14px;
    line-height: 20px
}

.BaseTopupCard_header__mrwIM {
    position: absolute;
    top: var(--card-vertical-padding-top);
    right: var(--card-horizontal-padding);
    left: var(--card-horizontal-padding);
    z-index: 3;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.BaseTopupCard_image_content__v0m0r {
    position: relative
}

.BaseTopupCard_overlay__3ruHv {
    z-index: 2
}

.BaseTopupCard_footer__1yqlU {
    position: absolute;
    bottom: var(--card-vertical-padding-bottom);
    left: var(--card-horizontal-padding)
}

.BaseTopupCard_tag__Y42jT {
    display: flex;
    width: fit-content;
    margin-bottom: 3px
}

.BaseTopupCard_tag__Y42jT span:not(:last-child) {
    margin-right: 4px
}

.BaseTopupCard_stack__32neo {
    display: inline-flex;
    flex-grow: 1;
    justify-content: flex-end
}

.BaseTopupCard_price__2VDO7 {
    display: flex
}

.BaseTopupCard_favorite_button__-R3Dw {
    display: none
}

.BaseTopupCard_favorite__3GAiA .BaseTopupCard_favorite_button__-R3Dw {
    z-index: 3;
    display: flex
}

.BaseTopupCard_modifiers__3hPvZ {
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 0
}

.BaseTopupCard_modifiers__3hPvZ.BaseTopupCard_top_padded__2kj06 {
    top: var(--card-modifiers-top)
}

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

.BaseTopupCard_card__a_D3K {
    position: relative;
    z-index: 3;
    box-sizing: border-box;
    height: var(--card-height);
    overflow: hidden
}

.BaseTopupCard_card__a_D3K.BaseTopupCard_small__320J7 {
    --card-height: 140px;
    --card-horizontal-padding: 8px;
    --card-vertical-padding-top: 6px;
    --card-vertical-padding-bottom: 4px;
    --card-modifiers-top: 26px;
    --cart-icon-top: 32px
}

.BaseTopupCard_card__a_D3K.BaseTopupCard_large__1DzyX {
    --card-height: 182px;
    --card-horizontal-padding: 8px;
    --card-vertical-padding-top: 6px;
    --card-vertical-padding-bottom: 4px;
    --card-modifiers-top: 26px;
    --cart-icon-top: 54px
}

.BaseTopupCard_card__a_D3K.BaseTopupCard_monochrome__NPfi2 .BaseTopupCard_footer__1yqlU,
.BaseTopupCard_card__a_D3K.BaseTopupCard_monochrome__NPfi2 .BaseTopupCard_image_content__v0m0r,
.BaseTopupCard_card__a_D3K.BaseTopupCard_monochrome__NPfi2 .BaseTopupCard_modifiers__3hPvZ {
    filter: grayscale(100%)
}

.BaseTopupCard_card__a_D3K.BaseTopupCard_preview__B5O2U {
    background: var(--color-graybase-400);
    border-radius: var(--size-corner-radius-regular)
}

@media(max-width:1023px) {
    .BaseTopupCard_card__a_D3K {
        pointer-events: none
    }
}

.AClassTag_a_class__1A9iF>* {
    color: #fff !important;
    background-color: #e96200 !important;
    fill: #fff !important
}

.AClassTag_large__2q3l0>span {
    padding-right: 8px
}

.AClassTag_small__2uhnG>span {
    padding-right: 4px
}

.AClassTag_badge__1k5hq {
    box-sizing: border-box;
    display: flex;
    gap: 4px;
    align-items: center;
    max-width: 370px;
    min-height: 28px;
    padding: 0 8px 0 4px;
    margin-bottom: 8px;
    color: #fff;
    user-select: none;
    background-color: #e96200;
    border-radius: var(--size-corner-radius-regular);
    fill: #fff
}

.AClassTag_badge__1k5hq,
.AClassTag_wrap__1PN44 {
    width: fit-content
}

.CashBackTag_tooltip__HpiHB {
    max-width: 200px
}

.CashBackTag_description__2G-fj {
    color: var(--color-graybase-100)
}

.CashBackTag_description__2G-fj span {
    color: #fff
}

.CashBackTag_customTheme__1jEM9 {
    display: inline-block
}

.CashBackTag_customTheme__1jEM9>span {
    color: #fff;
    cursor: default;
    background: linear-gradient(83.25deg, #ff3ec6 5.25%, #1091ff 127.84%)
}

.HackedTag_tooltip__2VrA9 {
    max-width: 200px
}

.HackedTag_description__qcXp4 {
    color: var(--color-graybase-100)
}

.HackedTag_link__1QHje {
    color: var(--color-purple-300)
}

.HackedTag_link__1QHje:hover {
    text-decoration: underline
}

.HackedTag_customTheme__1P4RO {
    display: inline-block
}

.HackedTag_customTheme__1P4RO>span {
    cursor: default;
    background: var(--color-purple-100)
}

.SkinTag_wrapper__2QIqB {
    margin-right: 4px
}

.WithdrawOnboarding_wrapper__Q5V87 {
    width: 218px
}

.rarity_common__2nH3_ {
    color: var(--color-rarity-common)
}

.rarity_uncommon__1ZQu_ {
    color: var(--color-rarity-uncommon)
}

.rarity_mythical__2I-we {
    color: var(--color-rarity-mythical)
}

.rarity_rare__2XGdm {
    color: var(--color-rarity-rare)
}

.rarity_immortal__7Ni53 {
    color: var(--color-rarity-immortal)
}

.rarity_legendary__3pr50 {
    color: var(--color-rarity-legendary)
}

.rarity_arcana__2qD0F {
    color: var(--color-rarity-arcana)
}

.rarity_ancient__siTF_ {
    color: var(--color-rarity-ancient)
}

.rarity_rarity__29uHl {
    text-overflow: ellipsis
}

.DotaDescription_description__3xxNf {
    color: var(--color-graybase-100);
    text-overflow: ellipsis
}

.DotaDescription_description__3xxNf.DotaDescription_small__3ZPaf {
    letter-spacing: -.6px
}

.DotaImage_wrapper__PYrf4 {
    position: absolute;
    top: var(--card-image-top);
    left: 50%;
    z-index: -1;
    display: flex;
    align-items: center;
    width: var(--card-image-width);
    height: var(--card-image-height);
    user-select: none;
    transform: translateX(-50%)
}

.DotaImage_wrapper__PYrf4.DotaImage_small__bNjaV {
    --card-image-width: 92px;
    --card-image-height: 69px;
    --card-image-top: 17px
}

.DotaImage_wrapper__PYrf4.DotaImage_large__1qBEX {
    --card-image-width: 140px;
    --card-image-height: 105px;
    --card-image-top: 18px
}

.DotaImage_crop_wrapper__n5ts3 {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 84%;
    overflow: hidden
}

.DotaImage_image__3ZmHI {
    width: 105%;
    height: 105%
}

.Gem_gem__23VRB {
    object-fit: cover;
    border-radius: var(--size-corner-radius-small);
    box-shadow: var(--effect-shadow-soft)
}

.common_socket__3eqfZ {
    width: var(--socket-width);
    height: var(--socket-height)
}

.common_socket__3eqfZ.common_small__2ZTwo {
    --socket-width: 19px;
    --socket-height: 13px
}

.common_socket__3eqfZ.common_large__3wxcX {
    --socket-width: 32px;
    --socket-height: 22px
}

.EmptySocket_empty_socket__IMJ7r {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-graybase-300);
    border-radius: var(--size-corner-radius-small);
    box-shadow: var(--effect-shadow-soft);
    opacity: .8
}

.EmptySocket_empty_socket_icon__2WUM6 {
    display: block
}

.sockets_sockets__oKZNC {
    display: flex;
    flex-direction: column
}

.sockets_socket__3UHOa {
    margin-bottom: 4px
}

.sockets_socket__3UHOa:last-child {
    margin: 0
}

.AnimatedCartButton_icon__xavBA {
    width: 16px;
    height: 16px
}

.AnimatedCartButton_icon__xavBA svg path {
    fill: var(--color-graybase-200)
}

.AnimatedCartButton_button__3EA9f {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .1s
}

.AnimatedCartButton_button__3EA9f.AnimatedCartButton_is_active__1blj5 {
    background: var(--color-purple-500)
}

.AnimatedCartButton_button__3EA9f.AnimatedCartButton_is_active__1blj5 .AnimatedCartButton_icon__xavBA svg path {
    fill: var(--color-white-100)
}

.AnimatedCartButton_button__3EA9f.AnimatedCartButton_is_active__1blj5:hover {
    background: var(--color-purple-300)
}

.AnimatedCartButton_button__3EA9f.AnimatedCartButton_is_in_cart__1IVX2 {
    background: rgba(255, 128, 149, .1)
}

.AnimatedCartButton_button__3EA9f.AnimatedCartButton_is_in_cart__1IVX2 .AnimatedCartButton_icon__xavBA svg path {
    fill: #ff8095
}

.AnimatedCartButton_button__3EA9f.AnimatedCartButton_is_in_cart__1IVX2:hover {
    background: rgba(255, 128, 149, .25)
}

.TextButton_button__2mjA7 {
    padding: 0;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    animation: var(--default-animation-props)
}

.TextButton_button__2mjA7:active,
.TextButton_button__2mjA7:hover {
    color: var(--color-purple-200)
}

.TextButton_purple__3YT9Q {
    color: var(--color-purple-300)
}

.ToggleFromCartButton_toggle__1lcOo {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 28px;
    margin-top: 6px
}

.ToggleFromCartButton_toggle_button__3cbxm {
    cursor: pointer;
    background-color: var(--color-graybase-400)
}

.ToggleFromCartButton_toggle_button__3cbxm,
.ToggleFromCartButton_toggle_button__disabled__12TZY {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    border: none;
    border-radius: var(--size-corner-radius-regular);
    transition: .1s var(--default-animation-function)
}

.ToggleFromCartButton_toggle_button__disabled__12TZY {
    cursor: not-allowed;
    background-color: var(--color-graybase-300)
}

.ToggleFromCartButton_toggle_button__disabled__12TZY svg {
    fill: var(--color-white-100) !important
}

.ToggleFromCartButton_toggle_button__3cbxm svg {
    fill: var(--color-graybase-200)
}

.ToggleFromCartButton_toggle__1lcOo .ToggleFromCartButton_active__2AKxk {
    background-color: var(--color-purple-500)
}

.ToggleFromCartButton_toggle__1lcOo .ToggleFromCartButton_active__2AKxk:hover {
    background-color: var(--color-purple-300)
}

.ToggleFromCartButton_toggle__1lcOo .ToggleFromCartButton_active__2AKxk svg {
    fill: var(--color-white-100)
}

.ToggleFromCartButton_toggle_count__1gVYl {
    align-self: center
}

.list_small__g3Hxe {
    --min-card-width: 112px
}

.list_large__1xvME {
    --min-card-width: 152px
}

.list_top-wrapper__iVF68,
.list_wrapper__2zFtP {
    box-sizing: border-box;
    height: 100%
}

.list_wrapper__2zFtP {
    padding: 0 8px 40px;
    overflow-y: scroll
}

.list_list__2q3CF {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--min-card-width), 1fr));
    gap: 8px
}

.list_loader_container__O2OJ1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px
}

.list_blackout__HXkVU {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(45, 45, 51, 0), rgba(45, 45, 51, .75) 34.06%, var(--color-graybase-600) 77.71%)
}

@media(max-width:1023px) {
    .list_wrapper__2zFtP {
        padding: 0 0 112px
    }

    .list_wrapper__2zFtP::-webkit-scrollbar {
        display: none
    }
}

.XplayBanner_wrapper__2Dvdz {
    position: relative;
    display: block;
    min-height: var(--card-height);
    cursor: pointer;
    background: linear-gradient(0deg, rgba(45, 141, 230, .8), rgba(45, 141, 230, .8)), radial-gradient(106.27% 69.07% at 69.79% 39.33%, #8ac3ed 0, #5093b8 100%), #c2e181;
    border-radius: var(--size-corner-radius-regular)
}

.XplayBanner_wrapper__2Dvdz:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 111;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--color-white-100-opacity-30);
    opacity: 0;
    transition: .35s ease
}

.XplayBanner_wrapper__2Dvdz:hover:before {
    opacity: 1
}

.XplayBanner_wrapper__2Dvdz.XplayBanner_small__3UqUu {
    --card-height: 180px;
    --title-font-size: 16px;
    --title-width: 100px
}

.XplayBanner_wrapper__2Dvdz.XplayBanner_small__3UqUu.XplayBanner_ru__CwhRi {
    --title-font-size: 14px
}

.XplayBanner_wrapper__2Dvdz.XplayBanner_large__1zrSO {
    --card-height: 218px;
    --title-font-size: 18px;
    --title-width: 120px
}

.XplayBanner_wrapper__2Dvdz.XplayBanner_large__1zrSO.XplayBanner_ru__CwhRi {
    --title-width: 130px
}

.XplayBanner_title__5137Y {
    position: absolute;
    top: 10px;
    left: 12px;
    width: var(--title-width);
    font-family: Manrope, Inter, Arial, Helvetica, sans-serif;
    font-size: var(--title-font-size);
    font-weight: 600;
    color: #fff;
    text-align: left
}

.XplayBanner_skins__Ioy9f {
    color: #ffed4d;
    text-transform: uppercase
}

.XplayBanner_gun__1HbeP {
    left: 50%;
    z-index: 10;
    width: 100%;
    max-width: 170px;
    transition: .3s;
    transform: translateX(-50%)
}

.XplayBanner_gun__1HbeP,
.XplayBanner_pattern__sDwfY {
    position: absolute;
    bottom: 0
}

.XplayBanner_pattern__sDwfY {
    left: 0;
    z-index: 0;
    width: 90%
}

.XplayBanner_logo__lNFps {
    position: absolute;
    bottom: 10px;
    left: 10px
}

.KilowattBanner_wrapper__1xEo6 {
    position: relative;
    display: block;
    min-height: var(--card-height);
    overflow: hidden;
    cursor: pointer;
    background: #ff8200;
    border-radius: var(--size-corner-radius-regular)
}

.KilowattBanner_wrapper__1xEo6:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--color-white-100-opacity-30);
    opacity: 0;
    transition: .3s
}

.KilowattBanner_wrapper__1xEo6:hover:before {
    opacity: 1
}

.KilowattBanner_wrapper__1xEo6.KilowattBanner_small__1nVmf {
    --icon-width: 67px;
    --icon-top: 21px;
    --back-icon-width: 62px;
    --back-icon-top: 32px;
    --title-font-size: 23px
}

.KilowattBanner_wrapper__1xEo6.KilowattBanner_large__3D8b1 {
    --icon-width: 96px;
    --icon-top: 11px;
    --back-icon-width: 90px;
    --back-icon-top: 28px;
    --title-font-size: 33px
}

.KilowattBanner_background__2mbTp {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    transform: translateX(-50%)
}

.KilowattBanner_icon__qIV9P {
    top: var(--icon-top);
    width: var(--icon-width)
}

.KilowattBanner_back__152IF,
.KilowattBanner_icon__qIV9P {
    position: absolute;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%)
}

.KilowattBanner_back__152IF {
    top: var(--back-icon-top);
    width: var(--back-icon-width)
}

.KilowattBanner_back_text__3AKfs {
    max-width: 90%
}

.KilowattBanner_back_text__3AKfs,
.KilowattBanner_title__1hR3z {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%)
}

.KilowattBanner_title__1hR3z {
    z-index: 3;
    font-family: DrukTextCyr, Arial, Helvetica, sans-serif;
    font-size: var(--title-font-size);
    font-style: italic;
    font-weight: 700;
    line-height: 85%;
    color: var(--frontly-white-100);
    text-align: center;
    letter-spacing: -.99px;
    transition: .2s;
    transform-origin: bottom;
    will-change: transform
}

.bot-listing_container__1LBz1 {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    background-color: var(--color-graybase-600);
    border-radius: var(--size-corner-radius-regular)
}

.bot-listing_header__2VZJJ {
    z-index: 4;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    row-gap: 16px;
    align-items: center;
    width: 100%
}

.bot-listing_search__2JQoB {
    width: 300px
}

.bot-listing_cart__143JX {
    margin-bottom: 16px
}

.bot-listing_body__3xI0X {
    z-index: 1;
    height: calc(100% - 70px)
}

.bot-listing_divider_and_reload__1NhMl {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-left: auto
}

.bot-listing_sorting_and_search_wrapper__3Rn_x {
    display: grid;
    row-gap: 16px;
    padding: 16px
}

.bot-listing_bubbles_filters__dOoiM {
    position: absolute;
    right: 0;
    bottom: 28px;
    left: 0;
    z-index: 999
}

@media(max-width:1638px) {
    .bot-listing_search__2JQoB {
        flex: 1 0 100%;
        order: -1;
        max-width: unset;
        margin-right: unset
    }
}

@media(max-width:1365px)and (min-width:1024px) {
    .bot-listing_body__3xI0X {
        height: calc(100% - 108px)
    }
}

@media(max-width:1023px) {
    .bot-listing_sorting_and_search_wrapper__3Rn_x {
        display: none
    }

    .bot-listing_body__3xI0X {
        height: 100%
    }

    .bot-listing_container__1LBz1 {
        background-color: unset
    }
}

.RestrictionMessage_container__aFCtb {
    display: flex;
    flex-direction: row;
    margin-top: 8px;
    color: var(--color-accent-red-200)
}

.RestrictionMessage_icon__1xwn3 {
    margin-right: 8px;
    fill: var(--color-accent-red-200)
}

.TooltipCashback_wrapper__2foAT {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 4px
}

.TooltipCashback_row__1J3dj {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    color: var(--color-graybase-100)
}

@supports(background-clip:text) or (-webkit-background-clip:text) {
    .TooltipCashback_cashback__2AN9w {
        background: linear-gradient(83.25deg, #ff5ce4 -15.89%, #2eafff 151.19%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent
    }
}

.TooltipCashback_divider__1XqDR {
    border: 1px solid var(--color-white-100-opacity-10)
}

.TooltipEnoughFromBalance_wrapper__1HGf8 {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.TooltipEnoughFromBalance_row__3-3gV {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    color: var(--color-graybase-100)
}

.TooltipEnoughFromSkins_wrapper__1r3XC {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.TooltipEnoughFromSkins_row__pInJF {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    color: var(--color-graybase-100)
}

.TooltipEnoughFromSkins_profit__3iHaR {
    color: #5bc27a
}

.TooltipNotEnough_wrapper__MorAu {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.TooltipNotEnough_row__1QMF3 {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    color: var(--color-graybase-100)
}

.TooltipNotEnough_bonus__EL2Kx {
    color: #5bc27a
}

.TooltipNotEnough_divider__1xydB {
    border: 1px solid var(--color-white-100-opacity-10)
}

.ComputedBalaneStatus_wrapper__2VPY2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: center;
    justify-content: center;
    padding: 12px 6px 8px;
    background-color: var(--color-white-100-opacity-10);
    border-bottom-right-radius: var(--size-corner-radius-regular);
    border-bottom-left-radius: var(--size-corner-radius-regular)
}

.ComputedBalaneStatus_title__FQz2H,
.ComputedBalaneStatus_title_cashback__HmlBI {
    color: var(--color-graybase-200)
}

.ComputedBalaneStatus_title_cashback__HmlBI {
    margin-top: 6px
}

.ComputedBalaneStatus_cashback__1QlK1 {
    display: block;
    width: 100%;
    text-align: center
}

@supports(background-clip:text) or (-webkit-background-clip:text) {
    .ComputedBalaneStatus_cashback__1QlK1 {
        background: linear-gradient(83.25deg, #ff5ce4 20.99%, #2eafff 85.13%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent
    }
}

.ComputedBalaneStatus_cashback_amount__wE7oS {
    width: 100%
}

.ComputedBalanceStatusMobile_wrapper__2dLMy {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
    color: var(--color-graybase-200)
}

.styles_button__uWD7h {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    padding: 0 16px;
    background: none;
    border: none;
    border-radius: 4px;
    outline: 0
}

.styles_trade_button__VdC8y {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--color-purple-500)
}

.styles_store_button__W1yhZ,
.styles_trade_button__VdC8y:disabled {
    background: var(--color-graybase-300)
}

.styles_store_button__W1yhZ {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    max-width: 50%
}

.styles_clear_cart_button__1WWjd {
    font-size: 14px
}

.styles_tab_button__jYuMS {
    background: var(--color-graybase-400)
}

.styles_tab_button_active__1bDzw {
    background: hsla(0, 0%, 100%, .3)
}

.TooltipBigUpdate_tooltip__3IJtx {
    font-size: inherit;
    font-weight: inherit;
    color: inherit
}

.TooltipBigUpdate_tooltip__title__1HQUB {
    margin-bottom: 4px
}

.TooltipBigUpdate_tooltip__currency__2Rv1c,
.TooltipBigUpdate_tooltip__title__1HQUB {
    color: var(--color-white-100)
}

.TooltipBigUpdate_tooltip__description__2nqmG {
    color: var(--color-graybase-100)
}

.TooltipBigUpdate_tooltip__link__20qV4 {
    color: var(--color-purple-400)
}

.TooltipBigUpdate_tooltip__content__1HHyS {
    width: 176px
}

.TradeButton_wrapper__19anY {
    margin-bottom: 12px
}

.TradeButton_button__1Dt47 {
    border-radius: var(--size-corner-radius-regular) var(--size-corner-radius-regular) 0 0
}

.TradeButton_disabled__2nLaR {
    border-radius: var(--size-corner-radius-regular)
}

.TradeButton_balance_diff__brC6S {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 0 8px;
    background: var(--color-white-100-opacity-10);
    border-radius: 0 0 var(--size-corner-radius-regular) var(--size-corner-radius-regular)
}

.TradeButton_mobile_wrapper__1OGt6 {
    width: 100%
}

@media(max-width:1023px) {
    .TradeButton_button__1Dt47 {
        height: 50px;
        border-radius: var(--size-corner-radius-regular)
    }

    .TradeButton_trade__3uTZW {
        margin-bottom: -5px
    }

    .TradeButton_balance__Cw5Gf {
        text-transform: capitalize
    }
}

.WithdrawButtonOnboarding_wrapper__1AZ16 {
    width: 294px
}

.WithdrawButtonOnboarding_container__1Nlsl {
    display: flex
}

.WithdrawButtonOnboarding_icon__2k64f {
    margin-right: 14px;
    fill: var(--color-white-100)
}

.Withdraw_trade__3zya9 {
    border-radius: 4px 4px 0 0
}

.Withdraw_disabled__3oBNv {
    margin-bottom: 18px;
    border-radius: 4px
}

.Withdraw_balance_diff__2h1bT {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 0 8px;
    background: hsla(0, 0%, 100%, .08);
    border-radius: 0 0 4px 4px
}

.Withdraw_balance_diff__2h1bT span {
    margin-left: 2px;
    font-size: 14px;
    font-weight: 400 !important
}

.Withdraw_tooltip__1zHCC {
    width: 100%;
    margin-bottom: 22px
}

.Withdraw_tooltip_balance__a_HvG {
    font-size: 14px;
    color: var(--color-graybase-100)
}

.Withdraw_withdraw_button__Q-D5E {
    width: 100%;
    margin-bottom: 12px
}

.WithdrawDisabledTooltip_date__2lz3e {
    color: var(--color-white-100)
}

.WithdrawDisabledTooltip_ref__1_2Dc {
    color: var(--color-graybase-100)
}

.WithdrawDisabledButton_withdraw_disabled__phSUe {
    margin-bottom: 12px
}

.WithdrawDisabledButton_withdraw_disabled__phSUe>button {
    gap: 4px;
    padding-left: 8px !important;
    color: var(--color-graybase-900-opacity-60);
    fill: var(--color-graybase-900-opacity-60)
}

.WithdrawDisabledButton_medium__XURXF>button>svg {
    margin-top: -3px
}

.WithdrawDisabledButton_large__bG2M0>button>svg {
    margin-top: -4px
}

.ItemDescriptionDota_container__3umjg {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-graybase-100);
    text-transform: capitalize;
    letter-spacing: .02em
}

.ItemDescriptionDota_common__9R8Ho {
    color: #b0c3d9
}

.ItemDescriptionDota_uncommon__35NRJ {
    color: #5e98d9
}

.ItemDescriptionDota_mythical__2fp5E {
    color: #a574ff
}

.ItemDescriptionDota_rare__3j9Ew {
    color: #6d86ff
}

.ItemDescriptionDota_immortal__1qSYx {
    color: #e4ae39
}

.ItemDescriptionDota_legendary__2xSBj {
    color: #e050f0
}

.ItemDescriptionDota_arcana__2XevE {
    color: #ade55c
}

.ItemDescriptionDota_ancient__3UwJ2 {
    color: #f26767
}

.styles_container__2wFM3 {
    display: flex;
    align-items: center
}

.styles_container__2wFM3 span {
    margin-left: 5px;
    font-size: 14px;
    line-height: 8px;
    line-height: 1;
    color: var(--color-graybase-100);
    white-space: nowrap
}

.styles_container__2wFM3 path,
.styles_container__2wFM3 span {
    transition: all .2s cubic-bezier(.4, 0, .2, 0)
}

.styles_container__2wFM3 path {
    width: 9px;
    height: 12px;
    fill: var(--color-graybase-100)
}

.styles_stack__2nCdG span {
    margin-left: 8px
}

.styles_withdraw__1S_qC span {
    color: #46b376
}

.styles_sale__3Wrz0 span {
    color: #ffc144
}

.styles_show_on_hover__15lFT span {
    visibility: hidden;
    opacity: 0
}

.styles_show_on_hover__15lFT:hover span {
    visibility: visible;
    opacity: 1
}

.styles_withdraw__1S_qC path {
    fill: #46b376
}

.styles_sale__3Wrz0 path {
    fill: #ffc144
}

@media(max-width:600px) {
    .styles_container__2wFM3 {
        justify-content: flex-start;
        overflow: hidden
    }
}

.styles_wrapper__2yJnW {
    width: 100%;
    border-radius: 5px
}

.styles_delete___78Pc,
.styles_wrapper__2yJnW {
    cursor: pointer;
    transition: all .2s cubic-bezier(.4, 0, .2, 0)
}

.styles_delete___78Pc {
    display: flex;
    align-items: center;
    padding: 0 11px;
    visibility: hidden;
    user-select: none;
    background: hsla(0, 0%, 100%, .3);
    border-radius: 0 5px 5px 0;
    opacity: 0
}

.styles_delete_icon__1bFVx {
    display: block
}

.styles_delete_icon__1bFVx,
.styles_delete_icon_hover__2ca4W {
    width: 9px;
    height: 12px;
    pointer-events: none;
    fill: var(--color-graybase-100);
    transition: all .2s cubic-bezier(.4, 0, .2, 0)
}

.styles_delete_icon_hover__2ca4W {
    display: none
}

.styles_delete___78Pc:hover {
    background: hsla(0, 0%, 100%, .5)
}

.styles_delete___78Pc:hover .styles_delete_icon__1bFVx {
    display: none;
    fill: #fff
}

.styles_delete___78Pc:hover .styles_delete_icon_hover__2ca4W {
    display: block
}

.styles_delete___78Pc:active {
    background: var(--color-graybase-100)
}

.styles_wrapper__2yJnW:not(:first-child):before {
    position: relative;
    left: 8px;
    display: block;
    width: calc(100% - 38px);
    height: 1px;
    content: "";
    background: hsla(0, 0%, 100%, .1)
}

.styles_wrapper__2yJnW:hover {
    background: var(--color-graybase-300)
}

.styles_wrapper__2yJnW:hover:before,
.styles_wrapper__2yJnW:hover~.styles_wrapper__2yJnW:before {
    visibility: hidden
}

.styles_wrapper__2yJnW:hover .styles_delete___78Pc {
    visibility: visible;
    opacity: 1
}

.styles_content__281ze {
    min-height: 110px
}

.styles_content__281ze,
.styles_main__3Wrfl {
    display: flex;
    justify-content: space-between
}

.styles_main__3Wrfl {
    position: relative;
    align-items: center;
    width: 100%;
    padding: 0 18px
}

.styles_counter__3JWOY {
    margin-bottom: 8px
}

.styles_info__3hc0_ {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.styles_name__1E179 {
    max-width: 110px;
    font-size: 12px;
    line-height: 1.4;
    color: var(--color-graybase-100)
}

.styles_prices__2MZPT {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.styles_summary__Uuzmo {
    margin-bottom: 8px;
    line-height: 1
}

.styles_counter_price__1WyL-,
.styles_summary__Uuzmo {
    font-size: 12px;
    color: var(--color-graybase-100)
}

.styles_counter_price__1WyL- {
    font-weight: 400;
    line-height: 1px
}

.styles_price__2vUo- {
    margin-bottom: 8px;
    font-size: 15px
}

.styles_overstock__3ZUpe,
.styles_price__2vUo- {
    line-height: 1;
    color: #fff
}

.styles_overstock__3ZUpe {
    font-size: 14px;
    font-weight: 500
}

.styles_gone_wrapper__2mu8B {
    position: absolute;
    right: 0;
    left: 0;
    display: flex;
    justify-content: space-between
}

.styles_gone_text__gzuCd {
    margin-left: 50px;
    color: #fff
}

.styles_gone_action__133ZD,
.styles_gone_text__gzuCd {
    font-size: 14px;
    font-weight: 500;
    line-height: 1
}

.styles_gone_action__133ZD {
    margin-right: 18px;
    color: #9f8fff;
    cursor: pointer;
    user-select: none;
    transition: all .2s cubic-bezier(.4, 0, .2, 0)
}

.styles_gone_action__133ZD:hover {
    color: var(--color-purple-500)
}

.styles_gone_action__133ZD:active {
    color: #9f8fff;
    transform: translateY(2px)
}

.styles_loader__qMD_s {
    display: flex;
    align-items: center;
    min-height: 110px;
    padding: 0 18px
}

.styles_mobile_delete__1qqSY {
    display: none
}

.styles_lock__1Qihl {
    position: absolute;
    top: 8px;
    left: 22px;
    display: flex;
    align-items: center
}

.styles_lock__1Qihl span {
    color: var(--color-graybase-100)
}

.styles_tags__2QNtn {
    margin-top: 8px
}

.styles_cashback__2BZY_ {
    position: absolute;
    bottom: 10px;
    left: 10px
}

@media(max-width:1023px) {
    .styles_lock__1Qihl {
        left: 0
    }

    .styles_image__3ruTQ {
        height: 60px
    }

    .styles_price__2vUo- {
        margin-bottom: 0
    }
}

@media(max-width:550px) {
    .styles_content__281ze {
        height: 125px
    }

    .styles_wrapper__2yJnW:hover {
        background: initial
    }

    .styles_delete___78Pc {
        display: none
    }

    .styles_mobile_delete__1qqSY {
        display: block;
        margin-bottom: 21px
    }

    .styles_mobile_delete__1qqSY svg {
        width: 12px;
        height: 16px
    }

    .styles_main__3Wrfl {
        padding: 0 8px
    }
}

.styles_quality__3OUO8 {
    margin: 12px 0
}

.styles_img_container__1kaUo {
    position: relative;
    width: 82px;
    height: 54px;
    margin-right: 18px;
    overflow: hidden;
    border-radius: 2px
}

.styles_image__uuleF {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 5px);
    height: calc(100% + 5px);
    user-select: none;
    transform: translate(-50%, -50%);
    object-fit: cover
}

.styles_not_stable__1iRqA {
    filter: grayscale(100%);
    opacity: .3
}

.styles_info__2VYkK {
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.styles_gems__3CF9H,
.styles_info__2VYkK {
    display: flex
}

.styles_gem__2ZNFc,
.styles_socket__1h4Tp {
    height: 20px;
    margin-right: 1px;
    user-select: none;
    border-radius: 2px
}

.styles_socket__1h4Tp {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    background: rgba(var(--color-graybase-300), .8)
}

.styles_socket_icon__W-vi3 {
    width: 21px
}

@media(max-width:600px) {
    .styles_image__uuleF {
        height: 60px
    }
}

.ItemDescriptionCSGO_container__1ymIr {
    overflow: hidden;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-graybase-100);
    text-overflow: ellipsis;
    letter-spacing: .02em
}

.ItemDescriptionCSGO_stattrak__1zovK {
    color: var(--color-steam-stattrak)
}

.ItemDescriptionCSGO_souvenir__1PUVG {
    color: var(--color-steam-souvenir)
}

.ItemDescriptionCSGO_name__3evDp {
    line-height: 20px
}

.ItemDescriptionCSGO_violet__2DnbL {
    color: #9f6cd1
}

.ItemDescriptionCSGO_separator__LBDFW {
    margin: 0 2px
}

.ItemDescriptionCSGO_stattrak_mobile_text__1FXOz {
    display: none
}

@media(max-width:550px) {
    .ItemDescriptionCSGO_container__1ymIr {
        max-height: 40px;
        font-size: 14px;
        line-height: 20px;
        text-overflow: ellipsis
    }

    .ItemDescriptionCSGO_stattrak_text__2YjAn {
        display: none
    }

    .ItemDescriptionCSGO_stattrak_mobile_text__1FXOz {
        display: inline
    }
}

@media(max-width:480px) {
    .ItemDescriptionCSGO_container__1ymIr {
        max-height: 28px;
        font-size: 12px;
        line-height: 12px
    }
}

.styles_image__2iQ_s {
    height: 80px;
    margin-right: 18px;
    user-select: none
}

.styles_not_stable__2MYTP {
    filter: grayscale(100%);
    opacity: .3
}

.styles_info__2hkXx {
    flex: 1;
    justify-content: center
}

.styles_info__2hkXx,
.styles_quality__1Lyh5 {
    display: flex;
    flex-direction: column
}

.styles_quality__1Lyh5 span {
    margin-bottom: 12px
}

.styles_stickers__Xjyh0 {
    margin-left: -5px
}

.styles_sticker__2TMD0 {
    height: 20px;
    user-select: none
}

@media(max-width:600px) {
    .styles_image__2iQ_s {
        height: 60px
    }

    .styles_quality__1Lyh5 span {
        margin-bottom: 5px
    }

    .styles_stickers__Xjyh0 {
        margin: 5px 0 0 -8px
    }
}

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

.styles_img__3PPIi {
    position: relative;
    width: 107px;
    height: 65px;
    margin-right: 24px;
    overflow: hidden;
    background: hsla(0, 0%, 100%, .5);
    border-radius: 4px
}

.styles_info__3Rry7 {
    flex: 1
}

.styles_stattrak__Sxg5T {
    width: 101px;
    height: 13px;
    margin-bottom: 11px
}

.styles_name__1jj4g,
.styles_stattrak__Sxg5T {
    position: relative;
    overflow: hidden;
    background: hsla(0, 0%, 100%, .5);
    border-radius: 4px
}

.styles_name__1jj4g {
    width: 103px;
    height: 25px
}

.styles_prices__1EhAj {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.styles_summary__35OR9 {
    width: 60px;
    margin-bottom: 11px
}

.styles_price__1cBcg,
.styles_summary__35OR9 {
    position: relative;
    height: 13px;
    overflow: hidden;
    background: hsla(0, 0%, 100%, .5);
    border-radius: 4px
}

.styles_price__1cBcg {
    width: 88px
}

.styles_loader__kMxnC {
    display: flex;
    align-items: center;
    min-height: 110px;
    padding: 0 18px
}

.styles_item__3Fmvt {
    position: relative;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.styles_item__3Fmvt:last-child {
    border-bottom: 0
}

.styles_message__FfsOs {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.styles_header__251N3 {
    box-sizing: border-box;
    padding: 0 16px 22px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.styles_body__1OzeD {
    height: 100%;
    margin-bottom: 100px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.styles_bottom__N1LPj {
    position: fixed;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px;
    padding: 0 16px;
    background: var(--color-graybase-500);
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.styles_with_withdraw__3IV0S {
    height: 160px
}

.styles_trade_button__2QrWS {
    height: 50px
}

.styles_trade_text__3MT-i {
    font-size: 18px
}

.styles_balance_text__3uZIC {
    margin-right: 6px;
    text-transform: capitalize !important
}

.styles_number_items__1RxYG {
    font-size: 15px;
    color: var(--color-graybase-100)
}

.styles_inventory_switcher__1ih8c {
    display: flex;
    width: 100%
}

.styles_tab_content__1lcPW {
    height: 100%;
    margin: 0 16px
}

.styles_currency__23AWN {
    font-size: 18px;
    font-weight: 500
}

.styles_currency__23AWN,
.styles_offer_text__3zCWx {
    color: hsla(0, 0%, 100%, .5)
}

.styles_user_inventory_switcher__2lKSN {
    flex-basis: 50%;
    margin-right: 8px
}

.styles_bots_inventory_switcher__3SYiM {
    flex-basis: 50%
}

.styles_tab_button_content__1A4kL {
    display: flex;
    flex-direction: column;
    text-align: left
}

.styles_tab_button_bots__2mnb_ .styles_currency__23AWN,
.styles_tab_button_bots__2mnb_ .styles_offer_text__3zCWx {
    text-align: right
}

.styles_tab_button_active__3BvlR .styles_currency__23AWN,
.styles_tab_button_active__3BvlR .styles_offer_text__3zCWx {
    color: #fff
}

.styles_info_block__2rIW1 {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 30px
}

.styles_cashback__3HMaj {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px;
    margin-top: 8px;
    background: var(--color-graybase-400);
    border-radius: var(--size-corner-radius-regular)
}

.styles_cashback_title__3ZLON {
    color: var(--color-graybase-200)
}

.styles_cashback_amount__1txFd {
    font-size: 18px
}

@supports(background-clip:text) or (-webkit-background-clip:text) {
    .styles_cashback_amount__1txFd {
        background: linear-gradient(83.25deg, #ff5ce4 20.99%, #2eafff 85.13%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent
    }
}

.styles_container__3RvQ- {
    padding: 0 16px;
    margin-bottom: 11px
}

.styles_container__3RvQ-.styles_active__2a1vE {
    background: var(--color-graybase-600);
    border-radius: 1px solid hsla(0, 0%, 100%, .1)
}

.styles_buy_button__1hwf1 {
    margin-right: 8px
}

.styles_basket__1eXCW {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.styles_basket_icon__1_euz {
    width: 26px;
    height: 25px;
    fill: #fff
}

.styles_basket_disabled__2r64S svg {
    fill: var(--color-graybase-100)
}

.styles_basket_counter__1a4dd {
    position: absolute;
    top: -8px;
    right: -8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 17px;
    font-size: 11px;
    color: var(--color-white-100);
    text-align: center;
    background: #d45f93;
    border-radius: 10px
}

.styles_currency__oDJ03 {
    display: block;
    font-size: 18px
}

.styles_text_align_left__1mYqE {
    text-align: left
}

.styles_text_align_right__26OWL {
    text-align: right
}

.styles_offer_text__3inN0 {
    font-size: 14px;
    line-height: 14px
}

.styles_cart_info__ohXgY .styles_currency__oDJ03,
.styles_cart_info__ohXgY .styles_offer_text__3inN0 {
    color: hsla(0, 0%, 100%, .5)
}

.styles_cart_info_active__1X1pW .styles_currency__oDJ03,
.styles_cart_info_active__1X1pW .styles_offer_text__3inN0 {
    color: #fff
}

.styles_bottom__3_I46,
.styles_restriction_message__3N-Po {
    display: flex;
    justify-content: center
}

.styles_bottom__3_I46 {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 134px;
    padding: 0 16px;
    background: var(--color-graybase-500);
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.styles_button__24rWa {
    height: 50px
}

.styles_button_text__16P_L {
    font-size: 18px
}

.styles_number_items__3H4e5 {
    font-size: 15px;
    color: var(--color-graybase-100)
}

.styles_header__3eexw {
    box-sizing: border-box;
    padding: 0 16px 22px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.styles_body__3IyrN {
    height: 100%;
    padding: 0 16px;
    margin-bottom: 134px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.styles_currency__3D0R_ {
    font-size: 24px;
    font-weight: 500
}

.styles_info_block__exeUL {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 30px
}

.styles_clear_cart__ACwXK {
    font-size: 14px
}

.styles_total__QZ4IH {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px
}

.styles_total_text__Lxjjt {
    font-size: 18px
}

.styles_container__3LLes {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    padding: 0 16px;
    margin-bottom: 11px
}

.styles_buy_button__vmIme {
    flex-shrink: unset;
    width: 100%;
    height: 56px;
    margin-right: 8px
}

.styles_buy_button__vmIme span {
    font-size: 18px;
    font-weight: 500
}

.styles_basket__Osvj9 {
    position: relative;
    margin-right: 16px
}

.styles_basket_icon__3BcCv {
    width: 26px;
    height: 25px;
    fill: #fff
}

.styles_basket_disabled__2c7J- .styles_basket_icon__3BcCv {
    fill: var(--color-graybase-100)
}

.styles_basket_counter__36XrE {
    position: absolute;
    top: -8px;
    right: -8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 17px;
    font-size: 11px;
    color: var(--color-white-100);
    text-align: center;
    background: var(--color-purple-500);
    border-radius: 10px
}

.styles_currency__31Qrx {
    display: block;
    overflow: hidden;
    font-size: 18px;
    text-overflow: ellipsis
}

.styles_restriction_message__8pWBC {
    display: flex;
    justify-content: center
}

.MobileFilters_body__jIm49 {
    margin-top: 4px
}

.MobileFilters_footer__omyjO {
    position: fixed;
    bottom: 0;
    width: calc(100% - 32px);
    padding: 24px 16px;
    background: var(--color-graybase-700)
}

.MobileFilters_buttons__1_4D4 {
    height: 100%
}

.MobileFilters_apply__2gf3X,
.MobileFilters_reset__1wSAG {
    width: 100%;
    height: 38px;
    margin-right: 5px
}

.MobileFilters_save__2HDc5 {
    width: 100%;
    margin-top: 11px
}

.MobileFilters_button__28fnD {
    height: 38px
}

.MobileFilters_button__28fnD span {
    font-size: 14px
}

.MobileFilters_modal__3goxR {
    background: var(--color-graybase-700)
}

.MobileFilters_reset__1wSAG button {
    max-height: 38px
}

.MobileFilters_wrapper__2BlSd {
    overflow: hidden
}

.CashbackFilterButton_icon__qEv6g {
    width: 20px;
    height: 20px;
    opacity: .6
}

.CashbackFilterButton_text__3JBzZ {
    color: var(--color-graybase-100)
}

@media(max-width:1790px) {
    .CashbackFilterButton_text__3JBzZ {
        display: none
    }
}

@media(max-width:1638px) {
    .CashbackFilterButton_text__3JBzZ {
        display: block
    }
}

@media(max-width:1160px) {
    .CashbackFilterButton_text__3JBzZ {
        display: none
    }
}

@media(max-width:1023px) {
    .CashbackFilterButton_text__3JBzZ {
        display: block
    }
}

@media(max-width:420px) {
    .CashbackFilterButton_text__3JBzZ {
        display: none
    }
}

.CashbackFilterButton_active__3V12C .CashbackFilterButton_text__3JBzZ {
    color: var(--color-white-100)
}

.CashbackFilterButton_active__3V12C .CashbackFilterButton_icon__qEv6g {
    opacity: 1
}

.CashbackFilterButton_cashback_button__25h5S {
    position: relative;
    display: flex;
    gap: 10px;
    align-items: center;
    cursor: pointer;
    background: none;
    border: none;
    outline: none
}

@media(min-width:1024px) {
    .CashbackFilterButton_cashback_button__25h5S:hover .CashbackFilterButton_text__3JBzZ {
        color: var(--color-white-100)
    }

    .CashbackFilterButton_cashback_button__25h5S:hover .CashbackFilterButton_icon__qEv6g {
        opacity: 1
    }
}

@media(max-width:1023px) {
    .CashbackFilterButton_cashback_button__25h5S {
        padding-bottom: 4px
    }

    .CashbackFilterButton_cashback_button__25h5S:after {
        position: absolute;
        top: 1px;
        right: -14px;
        display: block;
        width: 1px;
        height: 22px;
        content: "";
        background: var(--color-white-100-opacity-10)
    }
}

.CrossButton_reset_filters__2PFNz {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    margin-bottom: 12px;
    color: var(--color-graybase-100);
    cursor: pointer;
    background-color: var(--color-graybase-500);
    border-radius: var(--size-corner-radius-regular);
    fill: var(--color-graybase-100)
}

.CrossButton_icon_reset_filters__393_q {
    display: flex;
    margin-left: 12px
}

.DropdownElement_element__2kUVQ {
    display: flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 100%;
    color: var(--color-graybase-100);
    white-space: nowrap;
    cursor: pointer;
    border-radius: 2px;
    transition: all .2s cubic-bezier(.4, 0, .2, 1)
}

.DropdownElement_element__2kUVQ svg {
    opacity: .65
}

.DropdownElement_active__1BtuD {
    color: #fff
}

.DropdownElement_element__2kUVQ:hover {
    color: #fff;
    background: var(--color-graybase-300)
}

.DropdownElement_element__2kUVQ:hover svg {
    color: #fff;
    opacity: 1
}

.DropdownElement_selected__2FYhL {
    color: #fff;
    background: var(--color-graybase-300)
}

.Dropdown_wrapper__1MEb2 {
    position: relative;
    z-index: 2;
    user-select: none
}

.Dropdown_no_icon__1Bj4C {
    padding-right: 16px
}

.Dropdown_label__XSjlS {
    display: flex;
    align-items: flex-end;
    cursor: pointer
}

.Dropdown_label__center__2_0Ri {
    align-items: center
}

.Dropdown_text__OXWA7 {
    color: var(--color-graybase-100)
}

.Dropdown_icon__3jbAt,
.Dropdown_text__OXWA7 {
    transition: all .2s cubic-bezier(.4, 0, .2, 1)
}

.Dropdown_icon__3jbAt {
    top: 2px;
    right: -1px;
    width: 12px;
    height: 20px;
    margin-left: 6px;
    fill: var(--color-graybase-100)
}

.Dropdown_opened__1i5al .Dropdown_text__OXWA7 {
    color: #fff
}

.Dropdown_opened__1i5al .Dropdown_icon__3jbAt {
    fill: #fff;
    transform: rotate(180deg)
}

.Dropdown_label__XSjlS:hover .Dropdown_text__OXWA7 {
    color: #fff
}

.Dropdown_label__XSjlS:hover .Dropdown_icon__3jbAt {
    fill: #fff
}

.Dropdown_content__3Fq8j {
    position: absolute;
    top: 28px;
    left: -14px;
    display: block;
    padding: 5px;
    overflow-x: hidden;
    overflow-y: hidden;
    visibility: hidden;
    background: var(--color-graybase-400);
    border-radius: 4px;
    box-shadow: 2px 4px 15px rgba(0, 0, 0, .2);
    opacity: 0;
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
    transform: scale(.9) translateY(-10px)
}

.Dropdown_drop_bonus__2F3uQ {
    left: -98px
}

.Dropdown_on_the_right__3Ra4A {
    right: -16px
}

.Dropdown_scrollview__ZoBOc {
    overflow-x: hidden;
    overflow-y: auto
}

.Dropdown_top__1ygBW .Dropdown_content__3Fq8j {
    top: inherit;
    bottom: 28px
}

.Dropdown_right__2dQgT .Dropdown_content__3Fq8j {
    right: -20px;
    left: inherit
}

.Dropdown_opened__1i5al .Dropdown_content__3Fq8j {
    visibility: visible;
    opacity: 1;
    transform: scale(1.000001) translateY(0)
}

.Dropdown_symmetrical__2YiMA {
    position: absolute;
    top: 3px;
    right: -1px;
    width: 20px;
    height: 20px;
    fill: #fff;
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
    transform: rotate(180deg)
}

.Dropdown_opened__1i5al .Dropdown_symmetrical__2YiMA {
    transform: rotate(0deg)
}

.Dropdown_opened__1i5al .Dropdown_content__3Fq8j .Dropdown_symmetrical__2YiMA {
    visibility: visible;
    opacity: 1;
    transform: scale(1.000001) translateY(0)
}

.Dropdown_shadow__oRVrL {
    position: absolute;
    bottom: 4px;
    left: 0;
    width: calc(100% - 10px);
    height: 25px;
    background: linear-gradient(180deg, rgba(68, 68, 75, 0), --color-graybase-400 68%)
}

.Dropdown_shadow_item__1h5FA {
    width: 100%;
    height: 17px
}

.Dropdown_bottom_lable___7Ron {
    justify-content: space-between;
    width: 276px;
    padding: 8px 12px;
    background: var(--color-graybase-400);
    border-radius: 4px
}

.Dropdown_bottom_container__2CaOE {
    position: fixed;
    top: auto;
    left: auto;
    width: 290px;
    margin-top: 6px
}

.styles_item__GBLjc {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 14px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: var(--color-graybase-500);
    border-bottom: .5px solid hsla(0, 0%, 100%, .05)
}

.styles_dark_gray__3YUHx {
    font-size: 15px;
    font-weight: 400;
    color: var(--color-graybase-100)
}

.styles_dropdown_mobile__2RSKG {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6)
}

@keyframes styles_upAnimation__kEc2g {
    0% {
        transform: translate3d(0, 100%, 0)
    }

    to {
        transform: translateZ(0)
    }
}

.styles_inner__17CvI {
    position: relative;
    z-index: 9999999;
    margin: 0 8px 8px;
    animation-name: styles_upAnimation__kEc2g;
    animation-duration: .4s
}

.styles_cancel__20v2E {
    width: 100%;
    padding: 14px 0;
    margin-top: 8px;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    background: var(--color-graybase-500);
    border-radius: 14px
}

.styles_dropdown_icon__31jpn {
    width: 14px;
    margin-left: 6px;
    fill: var(--color-graybase-100)
}

.styles_label__3mwED {
    display: flex;
    align-items: center;
    color: var(--color-graybase-100)
}

.styles_dropdown_icon_active__8idFP {
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
    transform: rotate(180deg)
}

.styles_content__T3F5f {
    position: relative;
    max-height: 70vh;
    overflow: auto
}

.styles_content__T3F5f,
.styles_shadow__1s-7V {
    border-radius: 14px
}

.styles_shadow__1s-7V {
    position: fixed;
    bottom: 70px;
    width: calc(100% - 20px);
    height: 40px;
    pointer-events: none;
    background: linear-gradient(.514turn, rgba(54, 54, 60, 0) 4.02%, var(--color-graybase-500) 70.65%, var(--color-graybase-500) 93.52%)
}

@media(max-width:1024px) {
    .styles_label__3mwED {
        font-size: 14px;
        line-height: 1
    }
}

.styles_inscription__14prE {
    width: max-content
}

.styles_item__24oll {
    display: block;
    width: 100%;
    padding: 14px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: var(--color-graybase-400);
    border-bottom: .5px solid hsla(0, 0%, 100%, .05);
    border-radius: 14px
}

.mobile-inventory-header-refactor_container__2lwoQ {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 38px;
    margin-top: 5px;
    margin-bottom: 16px;
    overflow: hidden
}

.mobile-inventory-header-refactor_icon_container__3gzU3 {
    cursor: pointer
}

.mobile-inventory-header-refactor_icon__LC9iV {
    fill: #fff
}

.mobile-inventory-header-refactor_dropdown_icon__3-gO8 {
    fill: var(--color-graybase-100)
}

.mobile-inventory-header-refactor_sort__ZJ24f {
    position: relative;
    margin-right: 10px
}

.mobile-inventory-header-refactor_left__2U6Bd,
.mobile-inventory-header-refactor_sort__ZJ24f {
    display: flex
}

.mobile-inventory-header-refactor_left__2U6Bd {
    gap: 20px
}

.mobile-inventory-header-refactor_left__2U6Bd,
.mobile-inventory-header-refactor_right__3A0sL {
    align-items: center
}

.mobile-inventory-header-refactor_right__3A0sL {
    display: grid;
    grid-auto-flow: column;
    gap: 24px
}

.mobile-inventory-header-refactor_divider__275Ed {
    width: 1px;
    height: 22px;
    margin-right: 18px;
    background: hsla(0, 0%, 100%, .1)
}

.mobile-inventory-header-refactor_reload__2bWbn {
    min-width: 18px;
    height: 32px;
    margin-right: 20px
}

.mobile-inventory-header-refactor_filters_container__duAgx {
    position: relative
}

.mobile-inventory-header-refactor_filters_container_active__MBcOx {
    margin-right: 7px
}

.mobile-inventory-header-refactor_filters_indicator__PhoZp {
    position: absolute;
    top: -6px;
    right: -5px;
    padding: 0 6px;
    font-size: 11px;
    line-height: 14px;
    background: var(--color-purple-500);
    border-radius: 10px
}

.Animation_video__3SN6x {
    width: 328px;
    height: 260px;
    margin: 0 auto
}

.Animation_video__3SN6x,
.Button_wrapper__2P6tg {
    border-radius: var(--size-corner-radius-regular)
}

.Button_wrapper__2P6tg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 30px;
    padding: 6px 8px 4px;
    color: var(--text-color);
    white-space: nowrap;
    cursor: pointer;
    background: var(--background-color)
}

.Button_wrapper__2P6tg:hover {
    background: var(--hover-color)
}

.Button_red__3hEq6 {
    --text-color: var(--color-accent-red-100);
    --icon-color: var(--color-accent-red-100)
}

.Button_red__3hEq6,
.Button_yellow__3ibSx {
    --hover-color: var(--color-graybase-600);
    --background-color: var(--color-graybase-500)
}

.Button_yellow__3ibSx {
    --text-color: var(--color-accent-yellow-100)
}

.Button_violet__M6kCq,
.Button_yellow__3ibSx {
    --icon-color: var(--color-accent-yellow-100)
}

.Button_violet__M6kCq {
    --text-color: var(--color-white-100);
    --hover-color: var(--color-purple-300);
    --background-color: var(--color-purple-500)
}

.Button_with_icon__32dmq {
    grid-auto-flow: column;
    column-gap: 10px;
    fill: var(--icon-color)
}

.Button_medium_2__20ogP {
    height: 28px;
    padding: 0 8px
}

.Button_medium_2__20ogP span {
    font-size: 11px;
    line-height: 12px;
    letter-spacing: .05px
}

.Error_wrapper__2ZL8w {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: var(--wrapper-padding);
    background: var(--background-color);
    border-radius: var(--size-corner-radius-regular);
    fill: var(--icon-color)
}

.Error_text_block__3HcHK {
    display: flex;
    flex-direction: column
}

.Error_title__1o6Wq {
    margin-bottom: 4px;
    color: var(--color-graybase-600)
}

.Error_text__3WAX2 {
    color: var(--color-graybase-400)
}

.Error_icon__BLeYo {
    margin-right: 16px
}

.Error_red__3P6IM {
    --text-color: var(--color-accent-red-100);
    --icon-color: var(--color-accent-red-100);
    --background-color: var(--color-accent-red-100)
}

.Error_yellow__kno2V {
    --text-color: var(--color-accent-yellow-100);
    --icon-color: var(--color-accent-yellow-100);
    --background-color: var(--color-accent-yellow-100)
}

.Error_gray_500__18mdc {
    --background-color: var(--color-graybase-500)
}

.Error_gray_500__18mdc .Error_title__1o6Wq {
    color: var(--color-white-100)
}

.Error_gray_500__18mdc .Error_text__3WAX2 {
    color: var(--color-graybase-200)
}

.Error_left_block__2iBNa {
    display: flex;
    align-items: center
}

.Error_button_error__28dVr {
    display: flex;
    width: var(--button-width);
    margin-left: 24px
}

.Error_text_block_small__1Xpgw {
    margin-bottom: 12px;
    text-align: center
}

.Error_small__13j15 {
    flex-direction: column;
    --button-width: 100%;
    --wrapper-padding: 16px
}

.Error_large__2DoK8 {
    --button-width: inherit;
    --wrapper-padding: 16px 18px
}

@media(max-width:1500px) {
    .Error_button_error__28dVr {
        margin-left: unset
    }
}

.Error_dota_restriction__fbbSk {
    --wrapper-padding: 16px 20px 16px 12px
}

.Error_dota_restriction__fbbSk .Error_icon__BLeYo {
    margin-right: 12px
}

.Error_dota_restriction__fbbSk .Error_button_error__28dVr {
    margin-left: 14px
}

.DotaRestrictionWarning_icon__3VOLl img {
    width: 60px
}

.DotaRestrictionWarning_mobile_error__NM0oJ {
    display: none
}

@media(max-width:1500px) {
    .DotaRestrictionWarning_desktop_error__3NJkm {
        display: none
    }

    .DotaRestrictionWarning_mobile_error__NM0oJ {
        display: block
    }
}

.BaseError_icon__1eADc {
    fill: var(--color-graybase-600)
}

.BaseError_mobile_error__k8Mdp {
    display: none
}

@media(max-width:1500px) {
    .BaseError_desktop_error__99I0K {
        display: none
    }

    .BaseError_mobile_error__k8Mdp {
        display: block
    }
}

.styles_container__2fkpr {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 50px;
    margin-top: 20px;
    text-transform: none
}

.styles_modal_body__2azXr {
    padding: 0;
    overflow: hidden
}

.styles_modal__1OaST {
    display: block;
    width: 500px;
    min-height: 275px
}

.styles_logo__3B2kq {
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
    fill: hsla(0, 0%, 100%, .3)
}

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

.styles_button__1GW2a {
    margin: 0 12px
}

.styles_icon__Mlfld {
    fill: var(--color-purple-400);
    transform: scale(1.3)
}

.styles_title__21Zyy {
    margin-bottom: 10px;
    font-size: 18px;
    color: #fff
}

.styles_description__3skYT {
    margin-bottom: 10px;
    font-size: 15px;
    color: hsla(0, 0%, 100%, .3);
    color: #fff;
    text-align: center
}

.styles_info__2ycCf {
    margin-bottom: 15px;
    font-size: 14px;
    color: hsla(0, 0%, 100%, .3)
}

@media(max-width:550px) {
    .styles_modal__1OaST {
        width: 100%
    }

    .styles_modal_body__2azXr {
        justify-content: center
    }

    .styles_description__3skYT {
        font-size: 18px
    }

    .styles_info__2ycCf {
        font-size: 14px
    }
}

.styles_container__1C8bs {
    position: relative;
    z-index: 4;
    overflow: hidden;
    pointer-events: none
}

.styles_cost__3Sran {
    z-index: 10;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 180px;
    height: 38px;
    padding-right: 16px;
    padding-left: 37px;
    margin-left: 14px;
    font-size: 15px;
    line-height: 16px;
    color: #fff;
    background: var(--color-graybase-300);
    border-radius: 0 4px 4px 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
    transition: transform .5s;
    transform: translateX(calc(-100% + 40px))
}

.styles_open__3WUvE .styles_cost__3Sran {
    z-index: 12;
    transform: translateX(0)
}

.styles_arrow__3ez9H,
.styles_container__1C8bs .styles_open__3WUvE {
    pointer-events: auto
}

.styles_arrow__3ez9H {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    cursor: pointer;
    background: linear-gradient(90deg, var(--color-graybase-300) 70%, transparent);
    border-radius: 0 4px 4px 0
}

.styles_arrow_icon__1HTmX {
    cursor: pointer;
    fill: var(--color-graybase-100)
}

.styles_delimiter__LKQD2 {
    position: absolute;
    top: 8px;
    left: 38px;
    z-index: 1;
    width: 1px;
    height: 22px;
    background: hsla(0, 0%, 100%, .1)
}

.styles_text__2ch63 {
    margin-top: -1px;
    font-size: 15px
}

.styles_currency__3zmQK {
    margin-left: 9px
}

.styles_currency__3zmQK,
.styles_text__2ch63 {
    font-size: 15px
}

.styles_close__3bRfP {
    cursor: pointer
}

.InventoryMessage_message_container__3tj-4 {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 8px 36px
}

.InventoryMessage_message__3-jLJ {
    top: 8px;
    z-index: 10;
    padding: 14px 50px;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
    text-align: center;
    background: var(--color-purple-100);
    border-radius: 4px;
    opacity: .9;
    opacity: 0;
    transition: .5s;
    transition-timing-function: cubic-bezier(.42, 0, .23, 1.56);
    transform: translateY(-150%)
}

.InventoryMessage_message_visible__2M3xX {
    opacity: 1;
    transform: translateY(0)
}

@media(max-width:1023px) {
    .InventoryMessage_message_container__3tj-4 {
        padding: 8px 0
    }

    .InventoryMessage_message__3-jLJ {
        padding: 6px 14px
    }
}

.DefaultBannerDropBonus_wrapper__1faEV {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background-color: var(--frontly-illustration-dark-purple);
    background-image: var(--image-url);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    border: none;
    border-radius: var(--size-corner-radius-regular);
    outline: none;
    transition: .3s
}

.DefaultBannerDropBonus_wrapper__1faEV:hover {
    background-color: var(--frontly-purple-500)
}

.DefaultBannerDropBonus_wrapper__1faEV.DefaultBannerDropBonus_small__3Yspa {
    --title-font-size: 20px;
    --desc-font-size: 24px;
    --image-width: 104px
}

.DefaultBannerDropBonus_wrapper__1faEV.DefaultBannerDropBonus_large__2ewac,
.DefaultBannerDropBonus_wrapper__1faEV.DefaultBannerDropBonus_small__3Yspa {
    --image-url: url(../imgs/default_banner_small_1x.svg)
}

.DefaultBannerDropBonus_wrapper__1faEV.DefaultBannerDropBonus_large__2ewac {
    --title-font-size: 28px;
    --desc-font-size: 32px;
    --image-width: 144px
}

.DefaultBannerDropBonus_top_text__1tawh {
    top: 4px;
    left: 4px;
    font-size: var(--title-font-size)
}

.DefaultBannerDropBonus_bottom_text__2TLnp,
.DefaultBannerDropBonus_top_text__1tawh {
    position: absolute;
    font-family: Druk Text Cy App, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: 700;
    line-height: 83%;
    color: var(--frontly-white-100);
    text-transform: uppercase;
    letter-spacing: -.6px
}

.DefaultBannerDropBonus_bottom_text__2TLnp {
    right: 4px;
    bottom: 4px;
    font-size: var(--desc-font-size)
}

.DefaultBannerDropBonus_pic__3_jiu {
    width: var(--image-width)
}

.HalloweenBanner_wrapper__3od0S {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background-color: var(--frontly-illustration-dark-purple);
    background-image: var(--image-url);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 100%;
    border: none;
    border-radius: var(--size-corner-radius-regular);
    outline: none
}

.HalloweenBanner_wrapper__3od0S:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--color-white-100-opacity-30);
    opacity: 0;
    transition: .35s ease
}

.HalloweenBanner_wrapper__3od0S:hover:before {
    opacity: 1
}

.HalloweenBanner_wrapper__3od0S.HalloweenBanner_small__ZidO6 {
    --image-url: url(../imgs/halloween_banner_small_1x.svg);
    --deposit-sticker-padding: 6px 4px;
    --deposit-title-font-size: 17px;
    --deposit-title-line-height: 17px;
    --deposit-symbol-font-size: 20px;
    --deposit-symbol-line-height: 23px;
    --deposit-value-font-size: 28px;
    --deposit-value-line-height: 21px;
    --bonus-title-font-size: 20px;
    --bonus-title-line-height: 28px;
    --bonus-symbol-font-size: 26px;
    --bonus-symbol-line-height: 27px;
    --bonus-value-font-size: 40px;
    --bonus-value-line-height: 20px;
    --bonus-sticker-padding: 3px 4px;
    --cloud-left-top: 143px;
    --cloud-right-top: 8px
}

.HalloweenBanner_wrapper__3od0S.HalloweenBanner_large__rATt4 {
    --image-url: url(../imgs/halloween_banner_big_1x.svg);
    --deposit-sticker-padding: 8px 8px;
    --deposit-title-font-size: 19px;
    --deposit-title-line-height: 11px;
    --deposit-symbol-font-size: 26px;
    --deposit-symbol-line-height: 24px;
    --deposit-value-font-size: 38px;
    --deposit-value-line-height: 37px;
    --bonus-title-font-size: 23px;
    --bonus-title-line-height: 20px;
    --bonus-symbol-font-size: 32px;
    --bonus-symbol-line-height: 36px;
    --bonus-value-font-size: 50px;
    --bonus-value-line-height: 40px;
    --bonus-sticker-padding: 1px 9px;
    --cloud-left-top: 172px;
    --cloud-right-top: 8px
}

.HalloweenBanner_bonus__2cbuQ,
.HalloweenBanner_deposit__2tg-h {
    box-sizing: border-box
}

.HalloweenBanner_bonus__2cbuQ p,
.HalloweenBanner_deposit__2tg-h p {
    display: inline;
    font-family: DrukCyr, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: 700
}

.HalloweenBanner_deposit__2tg-h {
    position: relative;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    padding: var(--deposit-sticker-padding)
}

.HalloweenBanner_deposit_text__1l7Wn {
    font-size: var(--deposit-title-font-size);
    line-height: var(--deposit-title-line-height);
    color: var(--color-white-100);
    text-transform: uppercase
}

.HalloweenBanner_deposit_text_amount__1s6p9 {
    display: flex;
    align-items: baseline;
    color: var(--color-white-100)
}

.HalloweenBanner_deposit_text_amount__symbol__QR3uD {
    font-size: var(--deposit-symbol-font-size);
    line-height: var(--deposit-symbol-line-height)
}

.HalloweenBanner_deposit_text_amount__value__1MHek {
    font-size: var(--deposit-value-font-size);
    line-height: var(--deposit-value-line-height)
}

.HalloweenBanner_bonus__2cbuQ {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    align-self: flex-end;
    padding: var(--bonus-sticker-padding)
}

.HalloweenBanner_bonus__2cbuQ p {
    font-weight: 700
}

.HalloweenBanner_bonus_text__38Yji {
    font-size: var(--bonus-title-font-size);
    line-height: var(--bonus-title-line-height);
    color: var(--color-white-100);
    text-transform: uppercase;
    letter-spacing: 1px
}

.HalloweenBanner_bonus_text_amount__9MqEP {
    display: flex;
    align-items: baseline;
    color: var(--color-white-100)
}

.HalloweenBanner_bonus_text_amount__symbol__39pr5 {
    font-size: var(--bonus-symbol-font-size);
    line-height: var(--bonus-symbol-line-height)
}

.HalloweenBanner_bonus_text_amount__value__1_3yJ {
    font-size: var(--bonus-value-font-size);
    line-height: var(--bonus-value-line-height)
}

.HalloweenBanner_stickers__1VHEP {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.HalloweenBanner_stickers_pumpkin__2yj3c {
    position: absolute;
    bottom: calc(50% + 6px);
    left: 50%;
    transform: translate(-50%, 50%)
}

.HalloweenBanner_stickers_cloud_left__30fK3 {
    position: absolute;
    top: var(--cloud-left-top);
    left: 0
}

.HalloweenBanner_stickers_cloud_right__1PjOX {
    position: absolute;
    top: var(--cloud-right-top);
    right: 0
}

.NewYearBanner_wrapper__3eKPU {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    cursor: pointer;
    background-color: #1091ff;
    background-image: var(--image-url);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-blend-mode: screen;
    border: none;
    border-radius: var(--size-corner-radius-regular);
    outline: none
}

.NewYearBanner_wrapper__3eKPU:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--color-white-100-opacity-30);
    opacity: 0;
    transition: .35s ease
}

.NewYearBanner_wrapper__3eKPU:hover:before {
    opacity: 1
}

.NewYearBanner_wrapper__3eKPU.NewYearBanner_small__YaFX0 {
    --image-url: url(/img/banners/small/new-year/background.png);
    --deposit-sticker-padding: 6px 4px;
    --deposit-title-font-size: 14px;
    --deposit-title-line-height: 12px;
    --deposit-symbol-font-size: 15px;
    --deposit-symbol-line-height: 23px;
    --deposit-value-font-size: 25px;
    --deposit-value-line-height: 21px;
    --bonus-title-font-size: 14px;
    --bonus-title-line-height: 1px;
    --bonus-symbol-font-size: 15px;
    --bonus-symbol-line-height: 20px;
    --bonus-value-font-size: 23px;
    --bonus-value-line-height: 32px;
    --bonus-sticker-padding: 0 5px
}

.NewYearBanner_wrapper__3eKPU.NewYearBanner_large__hKfH2 {
    --image-url: url(/img/banners/big/new-year/background.png);
    --deposit-sticker-padding: 12px 8px;
    --deposit-title-font-size: 18px;
    --deposit-title-line-height: 10px;
    --deposit-symbol-font-size: 20px;
    --deposit-symbol-line-height: 24px;
    --deposit-value-font-size: 35px;
    --deposit-value-line-height: 37px;
    --bonus-title-font-size: 19px;
    --bonus-title-line-height: 16px;
    --bonus-symbol-font-size: 22px;
    --bonus-symbol-line-height: 36px;
    --bonus-value-font-size: 33px;
    --bonus-value-line-height: 31px;
    --bonus-sticker-padding: 0 6px
}

.NewYearBanner_bonus__10gRr,
.NewYearBanner_deposit__nqzex {
    box-sizing: border-box
}

.NewYearBanner_bonus__10gRr p,
.NewYearBanner_deposit__nqzex p {
    display: inline;
    font-family: DrukTextCyr, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em
}

.NewYearBanner_deposit__nqzex {
    position: relative;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    padding: var(--deposit-sticker-padding)
}

.NewYearBanner_deposit_text__uYcRE {
    font-size: var(--deposit-title-font-size);
    line-height: var(--deposit-title-line-height);
    color: var(--color-white-100)
}

.NewYearBanner_deposit_text_amount__3woll {
    display: flex;
    align-items: baseline;
    color: var(--color-white-100)
}

.NewYearBanner_deposit_text_amount__symbol__2Ur39 {
    font-size: var(--deposit-symbol-font-size);
    line-height: var(--deposit-symbol-line-height)
}

.NewYearBanner_deposit_text_amount__value__1n_h5 {
    font-size: var(--deposit-value-font-size);
    line-height: var(--deposit-value-line-height)
}

.NewYearBanner_bonus__10gRr {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    align-self: flex-end;
    padding: var(--bonus-sticker-padding)
}

.NewYearBanner_bonus__10gRr p {
    font-weight: 700
}

.NewYearBanner_bonus_text__3VqlY {
    font-size: var(--bonus-title-font-size);
    line-height: var(--bonus-title-line-height);
    color: var(--color-white-100)
}

.NewYearBanner_bonus_text_amount__1hWqw {
    display: flex;
    align-items: baseline;
    color: var(--color-white-100)
}

.NewYearBanner_bonus_text_amount__symbol__hUT1t {
    font-size: var(--bonus-symbol-font-size);
    line-height: var(--bonus-symbol-line-height)
}

.NewYearBanner_bonus_text_amount__value__1MNqX {
    font-size: var(--bonus-value-font-size);
    line-height: var(--bonus-value-line-height)
}

.NewYearBanner_stickers__1sJep {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.4)
}

.DefaultBanner_wrapper__33San {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background-color: #ff3ec6;
    background-image: var(--image-url);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    border: none;
    border-radius: var(--size-corner-radius-regular);
    outline: none
}

.DefaultBanner_wrapper__33San:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--color-white-100-opacity-10);
    opacity: 0;
    transition: .35s ease
}

.DefaultBanner_wrapper__33San:hover:before {
    opacity: 1
}

.DefaultBanner_wrapper__33San.DefaultBanner_small__3ausE {
    --deposit-sticker-width: 71px;
    --deposit-sticker-height: 54px;
    --deposit-sticker-padding: 8px;
    --deposit-title-font-size: 15px;
    --deposit-title-line-height: 17px;
    --deposit-symbol-font-size: 17px;
    --deposit-symbol-line-height: 17px;
    --deposit-value-font-size: 23px;
    --deposit-value-line-height: 15px;
    --bonus-sticker-width: 93px;
    --bonus-sticker-height: 65px;
    --bonus-title-font-size: 18px;
    --bonus-title-line-height: 19px;
    --bonus-symbol-font-size: 26px;
    --bonus-symbol-line-height: 27px;
    --bonus-value-font-size: 38px;
    --bonus-value-line-height: 25px;
    --deposit-bottom: 1px;
    --deposit-left: -3px;
    --bonus-bottom: 2px;
    --bonus-left: -2px;
    --bonus-sticker-padding: 6px 19px 0 22px
}

.DefaultBanner_wrapper__33San.DefaultBanner_large__26A2K,
.DefaultBanner_wrapper__33San.DefaultBanner_small__3ausE {
    --image-url: url(/img/banners/small/default_banner_small_1x.svg)
}

.DefaultBanner_wrapper__33San.DefaultBanner_large__26A2K {
    --deposit-sticker-width: 96px;
    --deposit-sticker-height: 73px;
    --deposit-sticker-padding: 11px;
    --deposit-title-font-size: 22px;
    --deposit-title-line-height: 23px;
    --deposit-symbol-font-size: 23px;
    --deposit-symbol-line-height: 24px;
    --deposit-value-font-size: 31px;
    --deposit-value-line-height: 24px;
    --bonus-sticker-width: 130px;
    --bonus-sticker-height: 90px;
    --bonus-title-font-size: 25px;
    --bonus-title-line-height: 26px;
    --bonus-symbol-font-size: 35px;
    --bonus-symbol-line-height: 37px;
    --bonus-value-font-size: 52px;
    --bonus-value-line-height: 35px;
    --deposit-bottom: 2px;
    --deposit-left: 0;
    --bonus-bottom: 3px;
    --bonus-left: 4px;
    --bonus-sticker-padding: 8px 28px 0 22px
}

.DefaultBanner_bonus__2iq_A,
.DefaultBanner_deposit__1xuF7 {
    box-sizing: border-box
}

.DefaultBanner_bonus__2iq_A p,
.DefaultBanner_deposit__1xuF7 p {
    display: inline;
    font-family: DrukCyr, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: 500
}

.DefaultBanner_deposit__1xuF7 {
    position: relative;
    bottom: var(--deposit-bottom);
    left: var(--deposit-left);
    z-index: 5;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: var(--deposit-sticker-width);
    height: var(--deposit-sticker-height);
    padding: var(--deposit-sticker-padding);
    background-image: url(/img/banners/default/yellow_sticker.svg);
    background-repeat: no-repeat;
    background-size: cover;
    transform: matrix(.97, .26, -.26, .97, 0, 0)
}

.DefaultBanner_deposit_text__9MWCF {
    font-size: var(--deposit-title-font-size);
    line-height: var(--deposit-title-line-height)
}

.DefaultBanner_deposit_text_amount__1zdHT {
    display: flex;
    align-items: baseline
}

.DefaultBanner_deposit_text_amount__symbol__K1L9v {
    font-size: var(--deposit-symbol-font-size);
    line-height: var(--deposit-symbol-line-height)
}

.DefaultBanner_deposit_text_amount__value__jNV7u {
    font-size: var(--deposit-value-font-size);
    line-height: var(--deposit-value-line-height)
}

.DefaultBanner_bonus__2iq_A {
    position: relative;
    bottom: var(--bonus-bottom);
    left: var(--bonus-left);
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: var(--bonus-sticker-width);
    height: var(--bonus-sticker-height);
    padding: var(--bonus-sticker-padding);
    color: var(--color-white-100);
    background-image: url(/img/banners/default/blue_sticker.svg);
    background-repeat: no-repeat;
    background-size: cover;
    transform: matrix(.97, -.26, .26, .97, 0, 0)
}

.DefaultBanner_bonus__2iq_A p {
    font-weight: 700
}

.DefaultBanner_bonus_text__2ayNN {
    font-size: var(--bonus-title-font-size);
    line-height: var(--bonus-title-line-height);
    letter-spacing: 1px
}

.DefaultBanner_bonus_text_amount__2XR1Y {
    display: flex;
    align-items: baseline
}

.DefaultBanner_bonus_text_amount__symbol__1v0PW {
    font-size: var(--bonus-symbol-font-size);
    line-height: var(--bonus-symbol-line-height)
}

.DefaultBanner_bonus_text_amount__value__2qbz9 {
    font-size: var(--bonus-value-font-size);
    line-height: var(--bonus-value-line-height)
}

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

.KnowledgeDayBanner_wrapper__1IDvf {
    position: relative;
    box-sizing: border-box;
    grid-column-start: 1;
    grid-column-end: 3;
    height: var(--card-height);
    overflow: hidden;
    cursor: pointer;
    background-color: var(--color-graybase-500);
    background-image: var(--image-url);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% var(--image-size);
    border: none;
    border-radius: var(--size-corner-radius-regular);
    outline: none
}

@media(min-width:1285px) {
    .KnowledgeDayBanner_wrapper__1IDvf {
        background-size: var(--image-edge-case-size)
    }
}

.KnowledgeDayBanner_wrapper__1IDvf:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--color-white-100-opacity-10);
    opacity: 0;
    transition: .35s ease
}

.KnowledgeDayBanner_wrapper__1IDvf:hover:after {
    opacity: 1
}

.KnowledgeDayBanner_wrapper__1IDvf.KnowledgeDayBanner_small__1tV2w {
    --image-url: url(/img/banners/small/knowledge_day_small_2x.svg);
    --image-size: 180px;
    --deposit-text-wrapper-right: 10%;
    --image-edge-case-size: cover;
    --deposit-wrapper-padding: 14px 0 0 0;
    --deposit-wrapper-gap: 0;
    --card-width: 140px;
    --card-height: 180px;
    --deposit-font-size: 26px;
    --deposit-amount-font-size: 30px;
    --deposit-symbol-font-size: 21px;
    --deposit-text-amount-line-height: 30px;
    --bonus-text-line-height: 36px;
    --bonus-font-size: 47px;
    --bonus-symbol-font-size: 35px;
    --deposit-title-font-size: 15px;
    --bonus-title-font-size: 26px;
    --bonus-title-line-height: 28px
}

@media(min-width:1023px)and (max-width:1047px) {
    .KnowledgeDayBanner_wrapper__1IDvf.KnowledgeDayBanner_small__1tV2w {
        --image-size: 205px
    }
}

@media(min-width:1185px)and (max-width:1255px) {
    .KnowledgeDayBanner_wrapper__1IDvf.KnowledgeDayBanner_small__1tV2w {
        --image-size: 185px
    }
}

.KnowledgeDayBanner_wrapper__1IDvf.KnowledgeDayBanner_large__N-2OB {
    --deposit-text-wrapper-right: 7%;
    --image-url: url(/img/banners/big/knowledge_day_big_2x.svg);
    --image-size: 185px;
    --image-edge-case-size: unset;
    --deposit-wrapper-padding: 14px 0 4px 0;
    --deposit-wrapper-gap: 5px;
    --card-width: 182px;
    --card-height: 182px;
    --deposit-font-size: 37px;
    --deposit-amount-font-size: 40px;
    --deposit-symbol-font-size: 29px;
    --deposit-text-amount-line-height: 31px;
    --deposit-title-line-height: 18px;
    --bonus-text-line-height: 58px;
    --bonus-font-size: 72px;
    --bonus-symbol-font-size: 52px;
    --deposit-title-font-size: 22px;
    --bonus-title-font-size: 36px;
    --bonus-title-line-height: 32px
}

@media(max-width:505px) {
    .KnowledgeDayBanner_wrapper__1IDvf.KnowledgeDayBanner_large__N-2OB {
        --image-size: 220px
    }
}

@media(min-width:1100px) {
    .KnowledgeDayBanner_wrapper__1IDvf.KnowledgeDayBanner_large__N-2OB {
        --image-size: 220px
    }
}

.KnowledgeDayBanner_banner__2gMdY {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%
}

.KnowledgeDayBanner_deposit_text__ALS4U,
.KnowledgeDayBanner_deposit_text__symbol__37ThW,
.KnowledgeDayBanner_deposit_text__title__3MJsT {
    font-family: DrukCyr, Arial, Helvetica, sans-serif;
    font-size: var(--deposit-font-size);
    font-style: italic;
    font-weight: 700;
    line-height: 23px;
    color: var(--color-c0-neo-primary)
}

.KnowledgeDayBanner_deposit_text__ALS4U {
    font-size: var(--deposit-amount-font-size);
    line-height: var(--deposit-line-height)
}

.KnowledgeDayBanner_deposit_text__symbol__37ThW {
    font-size: var(--deposit-symbol-font-size)
}

.KnowledgeDayBanner_deposit_text__title__3MJsT {
    position: relative;
    font-size: var(--deposit-title-font-size);
    line-height: var(--deposit-title-line-height)
}

.KnowledgeDayBanner_deposit_text__wrapper__2hPk9 {
    position: relative;
    right: var(--deposit-text-wrapper-right);
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: var(--deposit-wrapper-gap);
    align-items: flex-start;
    width: fit-content;
    padding: var(--deposit-wrapper-pading);
    transform: rotate(-13.29deg)
}

.KnowledgeDayBanner_deposit_text_amount__11K6h {
    display: flex;
    align-items: baseline;
    line-height: var(--deposit-text-amount-line-height)
}

.KnowledgeDayBanner_bonus_text__P8flx,
.KnowledgeDayBanner_bonus_text__symbol__1sDZp,
.KnowledgeDayBanner_bonus_text__title__1FYOD {
    font-family: DrukCyr, Arial, Helvetica, sans-serif;
    font-size: var(--bonus-font-size);
    font-style: italic;
    font-weight: 700;
    line-height: var(--bonus-title-line-height);
    color: #ff1569
}

.KnowledgeDayBanner_bonus_text__P8flx {
    line-height: var(--bonus-text-line-height)
}

.KnowledgeDayBanner_bonus_text__symbol__1sDZp {
    font-size: var(--bonus-symbol-font-size)
}

.KnowledgeDayBanner_bonus_text__title__1FYOD {
    font-size: var(--bonus-title-font-size)
}

.KnowledgeDayBanner_bonus_text__wrapper__3bV4x {
    position: relative;
    left: 4%;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: fit-content;
    transform: rotate(-12.75deg)
}

.KnowledgeDayBanner_bonus_text__amount__326yV {
    position: relative;
    display: flex;
    align-items: baseline
}

.KnowledgeDayBanner_bonus_text__sticker__miHva {
    position: absolute;
    top: var(--bonus-title-sticker-top);
    right: var(--bonus-title-sticker-right);
    width: var(--bonus-title-sticker-width);
    height: var(--bonus-title-sticker-height);
    transform: rotate(-8deg)
}

.KnowledgeDayBanner_bonus_text__sticker__miHva img {
    width: inherit;
    height: inherit
}

.OctoberfestBanner_wrapper__2wS9O {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background-color: #cbe5fc;
    background-image: var(--image-url);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 100%;
    border: none;
    border-radius: var(--size-corner-radius-regular);
    outline: none
}

.OctoberfestBanner_wrapper__2wS9O:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--color-white-100-opacity-30);
    opacity: 0;
    transition: .35s ease
}

.OctoberfestBanner_wrapper__2wS9O:hover:before {
    opacity: 1
}

.OctoberfestBanner_wrapper__2wS9O.OctoberfestBanner_small__3yylE {
    --image-url: url(/img/banners/small/octoberfest_banner_small_1x.svg);
    --deposit-sticker-padding: 2px 4px;
    --deposit-title-font-size: 17px;
    --deposit-title-line-height: 17px;
    --deposit-symbol-font-size: 20px;
    --deposit-symbol-line-height: 23px;
    --deposit-value-font-size: 28px;
    --deposit-value-line-height: 21px;
    --bonus-title-font-size: 20px;
    --bonus-title-line-height: 28px;
    --bonus-symbol-font-size: 26px;
    --bonus-symbol-line-height: 27px;
    --bonus-value-font-size: 40px;
    --bonus-value-line-height: 20px;
    --bonus-sticker-padding: 3px 4px
}

.OctoberfestBanner_wrapper__2wS9O.OctoberfestBanner_large__2hhun {
    --image-url: url(/img/banners/big/octoberfest_banner_big_1x.svg);
    --deposit-sticker-padding: 5px 5px;
    --deposit-title-font-size: 19px;
    --deposit-title-line-height: 11px;
    --deposit-symbol-font-size: 26px;
    --deposit-symbol-line-height: 24px;
    --deposit-value-font-size: 38px;
    --deposit-value-line-height: 37px;
    --bonus-title-font-size: 23px;
    --bonus-title-line-height: 20px;
    --bonus-symbol-font-size: 32px;
    --bonus-symbol-line-height: 36px;
    --bonus-value-font-size: 50px;
    --bonus-value-line-height: 40px;
    --bonus-sticker-padding: 1px 9px
}

.OctoberfestBanner_bonus__2wD_Q,
.OctoberfestBanner_deposit__34Avp {
    box-sizing: border-box
}

.OctoberfestBanner_bonus__2wD_Q p,
.OctoberfestBanner_deposit__34Avp p {
    display: inline;
    font-family: DrukCyr, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: 700
}

.OctoberfestBanner_deposit__34Avp {
    position: relative;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    padding: var(--deposit-sticker-padding)
}

.OctoberfestBanner_deposit_text__3QGDd {
    font-size: var(--deposit-title-font-size);
    line-height: var(--deposit-title-line-height)
}

.OctoberfestBanner_deposit_text_amount__pRfo8 {
    display: flex;
    align-items: baseline
}

.OctoberfestBanner_deposit_text_amount__symbol__UDbrK {
    font-size: var(--deposit-symbol-font-size);
    line-height: var(--deposit-symbol-line-height)
}

.OctoberfestBanner_deposit_text_amount__value__19NVh {
    font-size: var(--deposit-value-font-size);
    line-height: var(--deposit-value-line-height)
}

.OctoberfestBanner_bonus__2wD_Q {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    align-self: flex-end;
    padding: var(--bonus-sticker-padding)
}

.OctoberfestBanner_bonus__2wD_Q p {
    font-weight: 700
}

.OctoberfestBanner_bonus_text__22zEk {
    font-size: var(--bonus-title-font-size);
    line-height: var(--bonus-title-line-height);
    letter-spacing: 1px
}

.OctoberfestBanner_bonus_text_amount__8aJXQ {
    display: flex;
    align-items: baseline
}

.OctoberfestBanner_bonus_text_amount__symbol__1t8Yy {
    font-size: var(--bonus-symbol-font-size);
    line-height: var(--bonus-symbol-line-height)
}

.OctoberfestBanner_bonus_text_amount__value__2HndK {
    font-size: var(--bonus-value-font-size);
    line-height: var(--bonus-value-line-height)
}

.OctoberfestBanner_stickers__210dB {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.user-listing_container__333BT {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    background-color: var(--color-graybase-600);
    border-radius: var(--size-corner-radius-regular)
}

.user-listing_container__333BT::-webkit-scrollbar {
    width: 0
}

.user-listing_sorting_and_search_wrapper__37qJ0 {
    display: grid;
    row-gap: 16px;
    padding: 16px
}

.user-listing_header__4Y1Lx {
    z-index: 4;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    row-gap: 16px;
    align-items: center
}

.user-listing_sorting__3qVYk {
    margin-right: 24px
}

.user-listing_search__1MF4S {
    width: 300px
}

.user-listing_cart__cGE80 {
    margin-bottom: 16px
}

.user-listing_body__2OBk_ {
    position: relative;
    z-index: 1;
    height: calc(100% - 70px);
    overflow-x: hidden
}

.user-listing_total__2NViQ {
    position: absolute;
    bottom: 32px;
    left: 0
}

.user-listing_restrictions_errors__17YXa {
    margin: 0 16px 16px
}

.user-listing_divider_and_reload__1GcHr {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-left: auto
}

@media(max-width:1638px) {
    .user-listing_search__1MF4S {
        flex: 1 0 100%;
        order: -1;
        max-width: unset;
        margin-right: unset
    }
}

@media(max-width:1365px)and (min-width:1024px) {
    .user-listing_body__2OBk_ {
        height: calc(100% - 108px)
    }
}

@media(max-width:1023px) {
    .user-listing_sorting_and_search_wrapper__37qJ0 {
        display: none
    }

    .user-listing_container__333BT {
        background-color: unset
    }

    .user-listing_restrictions_errors__17YXa {
        margin: 0 0 16px
    }

    .user-listing_restrictions_errors__17YXa:empty {
        margin: 0
    }

    .user-listing_body__2OBk_ {
        height: 100%
    }

    .user-listing_total__2NViQ {
        position: fixed;
        bottom: 50px;
        left: 16px;
        transition: .2s;
        transition-delay: .4s
    }

    .user-listing_total_hidden__391S5 {
        opacity: 0;
        transition: .2s;
        transform: translateY(100%)
    }
}

@media(max-width:550px) {
    .user-listing_total__2NViQ {
        bottom: 34px
    }
}

@media(max-width:375px) {
    .user-listing_total__2NViQ {
        bottom: 23.5px
    }
}

@media(max-width:320px) {
    .user-listing_total__2NViQ {
        bottom: 15.5px
    }
}

.user-listing_withdraw_disabled__3Eogp>button {
    gap: 4px;
    padding-left: 8px !important;
    color: var(--color-graybase-900-opacity-60);
    fill: var(--color-graybase-900-opacity-60)
}

.user-listing_withdraw_disabled__3Eogp>button>svg {
    margin-top: -3px
}

.user-listing_bubbles_filters__NypdR {
    position: absolute;
    right: 0;
    bottom: 28px;
    left: 0;
    z-index: 10;
    display: flex;
    justify-content: center
}

.user-listing_restrictions_errors_mobile__3vIxU {
    grid-column: 1/-1
}

.styles_descr__pLYgz {
    padding: 8px 0;
    font-size: 15px;
    line-height: 120%;
    color: var(--color-graybase-100);
    letter-spacing: -.35px
}

.styles_bonus_descr__mYoOD,
.styles_descr__pLYgz {
    flex-basis: 10%;
    text-align: center
}

.styles_bonus_descr__mYoOD {
    font-size: 18px;
    line-height: 18px;
    color: #fff
}

.styles_img__LJjqH {
    transition: all .25s cubic-bezier(.4, 0, .2, 0)
}

.styles_img_container__3fpte {
    display: flex;
    flex-basis: 80%;
    align-items: center;
    justify-content: center;
    height: 100%
}

.styles_background__2fwIn {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: var(--color-graybase-500);
    transition: background .3s
}

.styles_container__2nNsm {
    z-index: 1;
    cursor: pointer
}

.styles_container__2nNsm,
.styles_item__3VVYT {
    position: relative
}

.styles_item__3VVYT {
    z-index: 3
}

.styles_container__2nNsm:hover .styles_item__3VVYT {
    filter: grayscale(0)
}

.styles_container__2nNsm:hover .styles_img__LJjqH {
    transform: scale(1.1)
}

.styles_container__2nNsm:hover .styles_background__2fwIn {
    background: linear-gradient(149.66deg, #585860 2.97%, #4d4d53 92.61%)
}

.styles_item_content__2qqrk {
    position: absolute;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 19px 10px
}

.styles_item__3VVYT:after {
    display: block;
    padding-bottom: 100%;
    content: ""
}

@media(max-width:850px) {
    .styles_descr__pLYgz {
        padding: 0 0 4px;
        font-size: 14px
    }

    .styles_bonus_descr__mYoOD,
    .styles_descr__pLYgz {
        text-align: center;
        white-space: nowrap
    }

    .styles_bonus_descr__mYoOD {
        font-size: 15px;
        line-height: 14px
    }
}

@media(max-width:650px) {
    .styles_descr__pLYgz {
        margin-top: -23px;
        font-size: 12px;
        white-space: inherit
    }

    .styles_bonus_descr__mYoOD {
        font-size: 14px;
        line-height: 10px
    }
}

.styles_cart__12Msc {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.styles_default_icon__2z570 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.styles_amount_items__2Ap-s {
    z-index: 2;
    display: flex;
    align-items: center;
    margin-left: 6px;
    font-size: 19px;
    color: var(--color-graybase-600)
}

.styles_cart_stack_icon__3pfQA {
    transform: scale(1.2)
}

.styles_stacked_cart__1oFYX {
    display: flex;
    align-items: center;
    padding: 12px;
    background: #fff;
    border-radius: 28px
}

.styles_sell_stack_icon__1_DKV path,
.styles_stacked_cart__1oFYX .styles_cart_stack_icon__3pfQA {
    fill: var(--color-graybase-600)
}

@media(max-width:1000px) {
    .styles_amount_items__2Ap-s {
        font-size: 15px
    }
}

.styles_button_container__1cLkB {
    position: absolute;
    z-index: 1;
    width: 100%;
    outline-offset: -1px;
    transform: translate3d(0, -110%, 0)
}

.styles_button_container__1cLkB button {
    width: 100%
}

.styles_container__2SU_Q {
    position: relative;
    z-index: 1
}

.styles_container__2SU_Q .styles_button_container__1cLkB {
    opacity: 0
}

.styles_mobile_button_container__2ayS3 {
    display: none;
    cursor: pointer
}

.styles_cover__5ndtL,
.styles_mobile_button_container__2ayS3 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10
}

.styles_mobile_link_store__xqkCe {
    display: block;
    opacity: 0
}

.styles_background__1mT_9,
.styles_mobile_button__ETolc,
.styles_mobile_link_store__xqkCe {
    width: 100%;
    height: 100%
}

.styles_background__1mT_9 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: var(--color-graybase-500);
    transform: translateZ(-1);
    will-change: background
}

.styles_background__1mT_9.styles_transparent__3vzlu {
    background: transparent
}

.styles_button__3tEr- {
    margin-bottom: 6px
}

.styles_cart_icon__kB1iI {
    display: none;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url(/svg/cart.svg) no-repeat 50%
}

.styles_button_container__1cLkB button:first-child {
    border-radius: 0 0 4px 4px
}

@media(min-width:1024px) {
    .styles_container__2SU_Q:hover {
        z-index: 2
    }

    .styles_container__2SU_Q:hover .styles_background__1mT_9 {
        background: var(--color-graybase-400)
    }

    .styles_container__2SU_Q:hover .styles_button_container__1cLkB {
        opacity: 1;
        transition: transform .25s ease;
        transform: translateZ(0)
    }
}

@media(max-width:1023px) {

    .styles_button_container__1cLkB,
    .styles_cover__5ndtL {
        display: none
    }

    .styles_background__1mT_9 {
        border-radius: 4px
    }

    .styles_mobile_button_container__2ayS3 {
        display: block
    }
}

.styles_stack__2NNMt {
    position: relative
}

.styles_stack__2NNMt,
.styles_stack__2NNMt div {
    display: flex;
    align-items: center
}

.styles_stack__2NNMt div {
    cursor: pointer
}

.styles_stack__2NNMt div .styles_wrap_title__1Yp56 span {
    display: none
}

.styles_show_all__gyfE7 {
    padding: 2px 4px;
    margin-right: -2px;
    margin-bottom: -2px;
    visibility: 0
}

.styles_itemHovered__3QYfu {
    color: #fff
}

.styles_icon__1NiFx {
    width: 14px;
    height: 10px;
    padding-left: 4.5px;
    cursor: pointer;
    visibility: 1
}

.styles_icon__1NiFx path {
    fill: var(--color-graybase-100)
}

.styles_stack__2NNMt:hover .styles_show_all__gyfE7 {
    color: var(--color-purple-300);
    visibility: 1
}

.styles_stack__2NNMt:hover .styles_icon__1NiFx {
    visibility: 0
}

.styles_stack__2NNMt:hover div .styles_wrap_title__1Yp56 span {
    display: block;
    margin-top: -2px
}

.styles_all__1UEa8 {
    white-space: nowrap
}

@media(max-width:600px) {
    .styles_show_all__gyfE7 {
        padding: 1px 4px;
        margin-right: -3px;
        margin-bottom: -2px
    }

    .styles_stack__2NNMt {
        font-size: 14px;
        line-height: 20px
    }
}

.styles_wrapper__1Vz4o {
    display: inline-flex;
    padding: 4px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    border-radius: 4px
}

.styles_wrapper__1Vz4o.styles_negative__MHXDa {
    color: #5acd8d;
    background: rgba(90, 205, 141, .1)
}

.styles_wrapper__1Vz4o.styles_market__-Ne7x {
    color: #ffc144;
    background: rgba(255, 193, 68, .1)
}

.styles_icon__20pSb {
    fill: var(--color-graybase-100)
}

.styles_container__374oB {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.styles_container__374oB>span {
    margin-top: 2px
}

.styles_percent__25jg2 {
    margin-left: 8px
}

.styles_from__36RmU {
    margin-right: 4px;
    font-size: 14px;
    line-height: 120%;
    color: #c0c0c2
}

@media(max-width:550px) {
    .styles_container__374oB {
        margin: 0
    }

    .styles_container__374oB>span {
        margin-top: 0
    }

    .styles_percent__25jg2 {
        display: none
    }

    .styles_currency__1qzzb {
        font-size: 15px;
        line-height: 24px
    }
}

@media(max-width:480px) {
    .styles_currency__1qzzb {
        font-size: 15px;
        line-height: 20px
    }
}

.styles_high_demand__2sDIR {
    margin-right: 6px
}

.styles_tooltip_info__3QX5k {
    transform: translateX(-37%)
}

.styles_info_icon__3njTY {
    width: 16px;
    height: 16px;
    margin-top: 5px;
    margin-left: 5px;
    cursor: pointer;
    fill: var(--color-graybase-100)
}

.styles_tooltip_content__3KUBI {
    max-width: 240px
}

.styles_problem_block__x-JNE {
    display: flex;
    align-items: center
}

.styles_bad_status__1bPaz {
    margin-right: 3px
}

@media(max-width:400px) {
    .styles_bad_status__1bPaz {
        font-size: 14px
    }
}

.styles_footer__3EPr7 {
    display: flex;
    flex-direction: column;
    margin: auto 4px 0 0
}

.styles_item_info__2O2fp {
    display: flex;
    align-items: center
}

.styles_stack__3fPPZ {
    position: absolute;
    right: 10px;
    bottom: 12px;
    font-size: 12px
}

.styles_on_sale__3nQ2p {
    width: fit-content;
    height: fit-content;
    padding: 4px;
    margin-left: 8px;
    font-size: 11px;
    line-height: 12px;
    color: #ffc144;
    text-align: center;
    letter-spacing: .05em;
    background: rgba(255, 193, 68, .1);
    border-radius: 4px
}

.styles_tradelock__1CM8B {
    margin-bottom: 4px
}

.styles_gems__1tOUB {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 39px;
    height: 100%;
    padding: 5px 5px 0 0;
    pointer-events: none
}

.styles_socket__2meYi {
    width: 100%;
    max-height: calc(20% - 5px);
    margin-bottom: 5px;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.styles_socket__2meYi:last-child {
    margin: 0
}

.styles_gem__3IQrr {
    object-fit: cover
}

.styles_empty_socket__3mBGo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(20% - 5px);
    max-height: 22px;
    background: var(--color-graybase-300);
    opacity: .8
}

.styles_empty_socket_icon__Bv459 {
    display: block;
    width: 24px
}

.styles_header__2-HTO {
    top: 10px;
    left: 10px;
    z-index: 1;
    display: flex;
    font-size: 12px;
    line-height: 12px;
    color: var(--color-graybase-100)
}

.styles_header__2-HTO,
.styles_lock__3AOV8 {
    position: absolute
}

.styles_lock__3AOV8 {
    top: 2px;
    left: 4px;
    height: 24px;
    padding: 0 10px;
    background: var(--color-graybase-300);
    border-radius: 4px;
    fill: var(--color-graybase-100)
}

.styles_lock__3AOV8 span {
    font-size: 14px;
    color: var(--color-graybase-100)
}

.styles_lock_bad_status__Y_GFI,
.styles_lock_transparent__sxJ7o {
    opacity: .5
}

.styles_item__rmcAq {
    z-index: 3;
    cursor: pointer;
    filter: none;
    will-change: filter
}

.styles_img__2cV8W,
.styles_item__rmcAq {
    position: relative
}

.styles_img__2cV8W {
    display: block;
    width: 106%;
    height: 106%;
    transform: translate(-3%, -3%)
}

.styles_item__rmcAq:after {
    display: block;
    padding-bottom: 100%;
    content: ""
}

.styles_item_content__1e72o {
    position: absolute;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 8px 10px 5px
}

.styles_cart_icon__1x5kx {
    opacity: 0
}

.styles_in_cart__5J3mo .styles_item_content__1e72o {
    filter: grayscale(1)
}

.styles_in_cart__5J3mo .styles_item_content__1e72o .styles_gems__31RvD,
.styles_in_cart__5J3mo .styles_item_content__1e72o .styles_img__2cV8W {
    opacity: .3
}

.styles_in_cart__5J3mo .styles_cart_icon__1x5kx {
    opacity: 1
}

.styles_bad_status__xBY0i .styles_item_content__1e72o .styles_img__2cV8W,
.styles_bad_status__xBY0i .styles_item_content__1e72o .styles_stickers__54h_d,
.styles_in_cart__5J3mo .styles_item_content__1e72o .styles_img__2cV8W,
.styles_in_cart__5J3mo .styles_item_content__1e72o .styles_stickers__54h_d {
    opacity: .3
}

.styles_bad_status__xBY0i .styles_item_content__1e72o {
    cursor: default
}

.styles_bad_status__xBY0i .styles_item_content__1e72o .styles_footer__1qVvn>div:first-child,
.styles_bad_status__xBY0i .styles_item_content__1e72o .styles_header__219Na {
    opacity: .6
}

.styles_item__rmcAq:hover .styles_item_content__1e72o {
    filter: grayscale(0)
}

.styles_sale_back__2KnpI {
    background: var(--color-graybase-400)
}

.styles_icon_container__oOzHp {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    pointer-events: none;
    transform: translate(-50%, -50%)
}

.styles_icon_shadow__14xLt {
    width: 100%;
    height: 100%;
    background: var(--color-graybase-500);
    filter: blur(64px);
    opacity: .7
}

.styles_sell_type__3gqSi {
    background: url(/svg/sell-cart.svg) no-repeat 50%
}

.styles_sell_type_hovered__1fYER {
    background: url(/svg/sell-cart-hovered.svg) no-repeat 50%
}

.styles_img_container__246Lz {
    position: relative;
    height: 100%;
    max-height: 68.5%;
    overflow: hidden
}

.styles_img_container_landing__csEvU {
    max-height: 72%;
    margin-top: 3px
}

.styles_img_container_landing__csEvU img {
    width: 191px;
    height: 226px;
    transform: translate(-2%, -18%)
}

.styles_cart_container__26H48 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transform: translate(-50%, -50%)
}

.styles_footer__1EIdu {
    display: flex;
    flex-direction: column;
    margin: auto 4px 0 0
}

.styles_item_info__Pu-Fk {
    display: flex;
    flex-flow: row;
    align-items: center
}

.styles_on_sale__2xJab {
    width: fit-content;
    height: fit-content;
    padding: 4px;
    margin-bottom: 4px;
    font-size: 11px;
    line-height: 12px;
    color: #ffc144;
    text-align: center;
    letter-spacing: .05em;
    background: rgba(255, 193, 68, .1);
    border-radius: 4px
}

.styles_lightning__3SBjf {
    margin-right: 5px
}

.styles_tradelock__1h2Cb {
    margin-bottom: 4px
}

.styles_header__34hE3 {
    z-index: 1;
    display: flex;
    font-size: 12px;
    line-height: 12px;
    color: var(--color-graybase-100)
}

.styles_lock__1u6jK {
    fill: var(--color-graybase-100)
}

.styles_stack__-hGl5 {
    margin-left: auto
}

.styles_stickers__17We4 {
    position: absolute;
    top: 4px;
    right: 5px;
    z-index: 1;
    display: flex;
    flex-direction: column
}

.styles_stickers__17We4 img {
    width: 36px;
    height: 36px;
    object-fit: contain
}

@media(max-width:600px) {
    .styles_stickers__17We4 {
        top: 0;
        right: 2px;
        height: 100%
    }

    .styles_stickers__17We4 img {
        height: 20%
    }
}

@media(max-width:480px) {
    .styles_stickers__17We4 img {
        width: 24px
    }
}

.styles_item__MEA4V {
    position: relative;
    z-index: 3;
    cursor: pointer;
    filter: none;
    will-change: filter
}

.styles_item_content__2M3Bs {
    position: absolute;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 8px 10px 5px
}

.styles_img__3A8lg {
    position: absolute;
    top: 45%;
    left: 50%;
    z-index: -1;
    width: 80%;
    height: auto;
    margin: 0 auto;
    user-select: none;
    transform: translate(-50%, -50%)
}

.styles_cart_icon__10Pau {
    opacity: 0
}

.styles_bad_status__1lQh1 .styles_item_content__2M3Bs .styles_img__3A8lg,
.styles_bad_status__1lQh1 .styles_item_content__2M3Bs .styles_stickers__lJO7o,
.styles_in_cart__1xHK_ .styles_item_content__2M3Bs .styles_img__3A8lg,
.styles_in_cart__1xHK_ .styles_item_content__2M3Bs .styles_stickers__lJO7o {
    opacity: .3
}

.styles_in_cart__1xHK_ .styles_item_content__2M3Bs {
    filter: grayscale(1)
}

.styles_in_cart__1xHK_ .styles_item_content__2M3Bs .styles_cart_icon__10Pau {
    opacity: 1
}

.styles_bad_status__1lQh1 .styles_item_content__2M3Bs {
    cursor: default
}

.styles_bad_status__1lQh1 .styles_item_content__2M3Bs .styles_footer__vbwwk>div:first-child,
.styles_bad_status__1lQh1 .styles_item_content__2M3Bs .styles_header__34uj3 {
    opacity: .6
}

.styles_item__MEA4V:hover .styles_item_content__2M3Bs {
    filter: grayscale(0)
}

.styles_item__MEA4V:after {
    display: block;
    padding-bottom: 100%;
    content: ""
}

.styles_sale_back__w-YED {
    z-index: 1;
    background: var(--color-graybase-400)
}

.styles_sell_type__yU3-I {
    background: url(/svg/sell-cart.svg) no-repeat 50%
}

.styles_sell_type_hovered__3hTqL {
    background: url(/svg/sell-cart-hovered.svg) no-repeat 50%
}

@media(max-width:1023px) {
    .styles_item_content__2M3Bs {
        padding: 8px 8px 5px
    }
}

.styles_container__3ZNqn {
    z-index: 1;
    box-sizing: border-box;
    background-color: var(--color-graybase-500)
}

.styles_body__2kr76,
.styles_container__3ZNqn {
    position: relative
}

.styles_body__2kr76 {
    z-index: 3
}

.styles_body__2kr76:after {
    display: block;
    padding-bottom: 100%;
    content: ""
}

.styles_content__3u9qy {
    position: absolute;
    box-sizing: border-box;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 6px 10px
}

.styles_content__3u9qy,
.styles_header__3bimY {
    display: flex;
    justify-content: space-between
}

.styles_header__3bimY {
    margin-bottom: 25px
}

.styles_lock__20Qrl {
    width: 61px
}

.styles_lock__20Qrl,
.styles_stack__MvGhS {
    position: relative;
    height: 14px;
    overflow: hidden;
    background: hsla(0, 0%, 71%, .3);
    border-radius: 2px
}

.styles_stack__MvGhS {
    width: 32px
}

.styles_main__15Z0O {
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 27px;
    overflow: hidden;
    background: hsla(0, 0%, 71%, .3);
    border-radius: 2px
}

.styles_descr__WdNk9 {
    width: 122px;
    height: 14px;
    border-right: 1px solid #28282c;
    border-bottom: 1px solid #28282c
}

.styles_descr__WdNk9,
.styles_price__YDwMx {
    position: relative;
    margin-bottom: 4px;
    overflow: hidden;
    background: hsla(0, 0%, 71%, .3);
    border-radius: 2px
}

.styles_price__YDwMx {
    width: 71px;
    height: 17px
}

.styles_body__2bVqK {
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll
}

.styles_body__2bVqK,
.styles_container__3YH7J {
    position: relative;
    width: 100%
}

.styles_container__3YH7J {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 19px;
    transition: opacity .3s cubic-bezier(.4, 0, .2, 1)
}

.styles_loader_wrap__GW9HH {
    height: auto !important
}

.styles_loader_wrap__GW9HH,
.styles_sentinel_prev__1Q68H {
    position: absolute;
    top: 0;
    left: 0
}

.styles_sentinel_prev__1Q68H {
    z-index: 1000;
    width: 100%;
    height: 100px;
    pointer-events: none;
    opacity: 0
}

.styles_hidden__3k_8Y {
    display: none
}

.styles_sentinel_next__XERvm {
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100px;
    pointer-events: none;
    opacity: 0
}

.styles_disable_scroll__24gqC {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.styles_blackout__3bS_I {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(45, 45, 51, 0), rgba(45, 45, 51, .75) 34.06%, var(--color-graybase-600) 77.71%)
}

.styles_container__3YH7J::-webkit-scrollbar {
    width: 0
}

.styles_item__3gyv1 {
    box-sizing: border-box;
    width: 25%;
    border-right: 1px solid #28282c;
    border-bottom: 1px solid #28282c
}

.styles_loader_container__1TSgr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px
}

@media(max-width:2900px) {
    .styles_item__3gyv1 {
        width: 20%
    }
}

@media(max-width:2900px)and (min-width:1024px) {
    .styles_sell_page__30By9 .styles_item__3gyv1 {
        width: 16.6666666667%
    }
}

@media(max-width:2000px) {
    .styles_item__3gyv1 {
        width: 25%
    }
}

@media(max-width:2000px)and (min-width:1024px) {
    .styles_sell_page__30By9 .styles_item__3gyv1 {
        width: 20%
    }
}

@media(max-width:1720px) {
    .styles_item__3gyv1 {
        width: 33.3333333333%
    }
}

@media(max-width:1720px)and (min-width:1024px) {
    .styles_sell_page__30By9 .styles_item__3gyv1 {
        width: 25%
    }
}

@media(max-width:1320px) {
    .styles_item__3gyv1 {
        width: 50%
    }
}

@media(max-width:1320px)and (min-width:1024px) {
    .styles_sell_page__30By9 .styles_item__3gyv1 {
        width: 33.3333333333%
    }
}

@media(max-width:1150px) {
    .styles_item__3gyv1 {
        width: 50%
    }
}

@media(max-width:1023px) {
    .styles_item__3gyv1 {
        margin: 0 7px 7px 0
    }

    .styles_container__3YH7J {
        margin-bottom: 0
    }
}

@media(max-width:1023px)and (min-width:801px) {
    .styles_item__3gyv1 {
        width: calc(25% - 5.25px)
    }

    .styles_item__3gyv1:nth-child(4n+4) {
        margin-right: 0
    }
}

@media(max-width:801px)and (min-width:376px) {
    .styles_item__3gyv1 {
        width: calc(33.33333% - 4.66667px)
    }

    .styles_item__3gyv1:nth-child(3n+3) {
        margin-right: 0
    }
}

@media(max-width:375px) {
    .styles_item__3gyv1 {
        width: calc(50% - 3.5px)
    }

    .styles_item__3gyv1:nth-child(2n+2) {
        margin-right: 0
    }
}

.sell-mode_container__330hX {
    display: flex;
    flex-direction: column;
    height: 100%
}

.sell-mode_container__330hX::-webkit-scrollbar {
    width: 0
}

.sell-mode_header__1onID {
    z-index: 4;
    display: flex;
    flex-shrink: 0;
    gap: 20px;
    align-items: center;
    margin: 16px
}

.sell-mode_reload__4NO8_ {
    min-width: 17px;
    height: 22px;
    cursor: pointer;
    fill: var(--color-graybase-100);
    transition: fill .2s cubic-bezier(.4, 0, .2, 1), transform .25s ease-in-out;
    transform: rotate(0deg)
}

.sell-mode_reload__4NO8_:hover {
    fill: #fff;
    transform: rotate(180deg)
}

.sell-mode_search__QUjlI {
    width: 100%;
    max-width: 420px
}

.sell-mode_body__3SMv8 {
    z-index: 1;
    height: calc(100% - 70px)
}

.sell-mode_total__3GNag {
    position: absolute;
    bottom: 0;
    left: 0
}

.sell-mode_small_display__38b85 {
    display: none
}

.sell-mode_restrictions_errors__T41Jh {
    margin: 0 16px 16px
}

.sell-mode_divider_and_reload__2-zCp {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-left: auto
}

@media(max-width:1365px)and (min-width:1024px) {
    .sell-mode_header__1onID {
        flex-wrap: wrap;
        column-gap: 20px
    }

    .sell-mode_search__QUjlI {
        order: -1;
        max-width: unset
    }

    .sell-mode_body__3SMv8 {
        height: calc(100% - 123px)
    }

    .sell-mode_small_display__38b85 {
        display: flex;
        justify-content: flex-end;
        height: 53px
    }

    .sell-mode_small_display__38b85 .sell-mode_search__QUjlI {
        display: block;
        width: 100%;
        margin: 0 15px 15px 19px
    }
}

@media(max-width:1023px) {
    .sell-mode_body__3SMv8 {
        height: 100%
    }

    .sell-mode_restrictions_errors__T41Jh {
        margin: 0 0 16px
    }

    .sell-mode_small_display__38b85 {
        display: none
    }

    .sell-mode_total__3GNag {
        bottom: 50px
    }
}

@media(max-width:550px) {
    .sell-mode_total__3GNag {
        bottom: 34px
    }
}

@media(max-width:375px) {
    .sell-mode_total__3GNag {
        bottom: 23.5px
    }
}

@media(max-width:320px) {
    .sell-mode_total__3GNag {
        bottom: 15.5px
    }
}

.styles_top_wrapper__2RbRF {
    flex-shrink: 0
}

.styles_headers__p-j3F {
    display: flex;
    padding: 0 30px;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%
}

.styles_header__zp-6X {
    flex-basis: 100%;
    flex-grow: 1;
    color: hsla(0, 0%, 100%, .5);
    text-align: center;
    cursor: pointer
}

.styles_active_tab__2P2wM {
    color: #fff
}

.styles_line__3AUlo {
    box-sizing: border-box;
    width: 100%;
    height: 1px;
    padding: 0 30px;
    margin-top: 7px;
    margin-bottom: 40px;
    background: #4f4f56
}

.styles_line__3AUlo>div {
    position: relative
}

.styles_purple_line__gmEu0 {
    position: absolute;
    top: -1px;
    width: 100%;
    height: 3px;
    background: #9f8fff;
    transition: transform .3s cubic-bezier(.38, .8, .32, 1.07)
}

.styles_no_events__gDrbC {
    pointer-events: none
}

.styles_count_2__2ffgH>div {
    width: 50%
}

.styles_count_3__2hZQE {
    width: 33.3333333333%
}

.styles_count_4__9p62G {
    width: 25%
}

.styles_count_5__1enfB {
    width: 20%
}

.styles_count_6__1R3th {
    width: 16.6666666667%
}

.styles_count_7__13vVC {
    width: 14.2857142857%
}

.styles_step_1__82n_e {
    transform: translateX(100%)
}

.styles_step_2__u5aPb {
    transform: translateX(200%)
}

.styles_step_3__wF1Su {
    transform: translateX(300%)
}

.styles_step_4__P44Hf {
    transform: translateX(400%)
}

.styles_step_5__1dHhh {
    transform: translateX(500%)
}

.styles_step_6__3_2O6 {
    transform: translateX(600%)
}

.styles_wrapper__1bwKa {
    display: flex;
    flex-grow: 1;
    height: 100%;
    transition: transform .3s cubic-bezier(.38, .8, .32, 1.07);
    will-change: transform
}

.styles_tab__1u4o4 {
    box-sizing: border-box;
    min-width: 100%;
    padding: 0 32px
}

.styles_container__1FIo0 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%
}

.styles_step_wrapper_1__2Ga9P {
    transform: translateX(-100%)
}

.styles_step_wrapper_2__1YIbr {
    transform: translateX(-200%)
}

.styles_step_wrapper_3__2e4Fa {
    transform: translateX(-300%)
}

.styles_step_wrapper_4__23CZ2 {
    transform: translateX(-400%)
}

.styles_step_wrapper_5__1R1or {
    transform: translateX(-500%)
}

.styles_step_wrapper_6__1d4oF {
    transform: translateX(-600%)
}

.styles_content__yXb-c {
    position: relative;
    pointer-events: none
}

@media(max-width:1023px) {
    .styles_headers__p-j3F {
        padding: 0 16px;
        font-size: 15px;
        line-height: 24px
    }

    .styles_line__3AUlo {
        margin-bottom: 0
    }

    .styles_line__3AUlo,
    .styles_tab__1u4o4 {
        padding: 0 16px
    }

    .styles_tab__1u4o4 {
        overflow-y: auto
    }
}

.styles_store_content__26URw {
    height: calc(100vh - 150px);
    padding: 0 16px;
    overflow: hidden
}

.styles_trade_sell_inventory__2Fsm7 {
    height: calc(100vh - 170px);
    padding: 0 1px
}

.styles_trade_content__3QSlx {
    height: calc(100vh - 230px);
    padding: 0 1px;
    transition-delay: .4s
}

.styles_trade_content__3QSlx.styles_header_hidden__2bYa2 {
    height: calc(100vh - 110px);
    transition-delay: .1s
}

.styles_sell_content__N8JDU {
    height: calc(100vh - 100px);
    padding: 0 1px;
    overflow: hidden
}

.styles_sell_number__2lB2n {
    position: absolute;
    top: -10px;
    right: -24px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    min-width: 19px;
    height: 17px;
    font-size: 11px;
    font-weight: 500;
    background: #d45f93;
    border-radius: 10px
}

.styles_line__20bG7 {
    position: relative;
    z-index: 10
}

.styles_filters_block__3zKhc {
    max-height: 120px;
    margin-top: 10px;
    overflow: hidden;
    transition: .4s;
    will-change: max-height
}

.styles_filters_block_hidden__32JUX {
    max-height: 0;
    margin-top: 0;
    opacity: 0
}

.layout_wrapper__2TPRG {
    width: 100%;
    border-radius: 5px
}

.layout_delete__3PrKb,
.layout_wrapper__2TPRG {
    cursor: pointer;
    transition: background .2s var(--default-animation-function)
}

.layout_delete__3PrKb {
    display: flex;
    align-items: center;
    padding: 0 11px;
    visibility: hidden;
    user-select: none;
    background: hsla(0, 0%, 100%, .3);
    border-radius: 0 5px 5px 0;
    opacity: 0
}

.layout_delete_icon__1rNMR {
    display: block
}

.layout_delete_icon__1rNMR,
.layout_delete_icon_hover__3dLir {
    width: 9px;
    height: 12px;
    pointer-events: none;
    fill: var(--color-graybase-100);
    transition: background .2s var(--default-animation-function)
}

.layout_delete_icon_hover__3dLir {
    display: none
}

.layout_game_content__242PY {
    display: flex
}

.layout_delete__3PrKb:hover {
    background: hsla(0, 0%, 100%, .5)
}

.layout_delete__3PrKb:hover .layout_delete_icon__1rNMR {
    display: none;
    fill: #fff
}

.layout_delete__3PrKb:hover .layout_delete_icon_hover__3dLir {
    display: block
}

.layout_delete__3PrKb:active {
    background: var(--color-graybase-100)
}

.layout_wrapper__2TPRG:not(:first-child):before {
    position: relative;
    left: 8px;
    display: block;
    width: calc(100% - 38px);
    height: 1px;
    content: "";
    background: hsla(0, 0%, 100%, .1)
}

.layout_wrapper__2TPRG:hover {
    background: var(--color-graybase-300)
}

.layout_wrapper__2TPRG:hover:before,
.layout_wrapper__2TPRG:hover~.layout_wrapper__2TPRG:before {
    visibility: hidden
}

.layout_wrapper__2TPRG:hover .layout_delete__3PrKb {
    visibility: visible;
    opacity: 1
}

.layout_content__3pOh_ {
    min-height: 110px
}

.layout_content__3pOh_,
.layout_main__3-t1B {
    display: flex;
    justify-content: space-between
}

.layout_main__3-t1B {
    position: relative;
    align-items: center;
    width: 100%;
    padding-right: 18px
}

.layout_counter__3AU5B {
    margin-bottom: 8px
}

.layout_info__2rOkj {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.layout_name__382-j {
    max-width: 110px;
    font-size: 12px;
    line-height: 1.4;
    color: var(--color-graybase-100)
}

.layout_prices__3KhyD {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.layout_summary__1VtLd {
    margin-bottom: 8px;
    line-height: 1
}

.layout_counter_price__tlScW,
.layout_summary__1VtLd {
    font-size: 12px;
    color: var(--color-graybase-100)
}

.layout_counter_price__tlScW {
    font-weight: 400;
    line-height: 1px
}

.layout_price__3Mhvj {
    margin-bottom: 8px;
    font-size: 15px
}

.layout_overstock__10ir-,
.layout_price__3Mhvj {
    line-height: 1;
    color: #fff
}

.layout_overstock__10ir- {
    font-size: 14px;
    font-weight: 500
}

.layout_gone_wrapper__36mSh {
    position: absolute;
    right: 0;
    left: 0;
    display: flex;
    justify-content: space-between
}

.layout_loader__3xR5Z {
    min-height: 110px;
    padding: 0 18px
}

.layout_loader__3xR5Z,
.layout_lock__1mLdK {
    display: flex;
    align-items: center
}

.layout_lock__1mLdK {
    position: absolute;
    top: 8px;
    left: 22px
}

.layout_lock__1mLdK span {
    color: var(--color-graybase-100)
}

.layout_overprice__1dXj8 {
    display: flex;
    justify-content: flex-end
}

.csgocard_description__2mCGR {
    margin: 12px 0;
    color: var(--color-graybase-100)
}

.csgocard_image__3SawF {
    width: 80px;
    height: 80px;
    margin-right: 18px;
    margin-left: 18px;
    user-select: none;
    object-fit: cover
}

.csgocard_info__3thqA {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    margin-right: 6px
}

.csgocard_stickers__1wmmc {
    margin-left: -5px
}

.csgocard_sticker__1RseK {
    height: 20px;
    user-select: none
}

@media(max-width:600px) {
    .csgocard_image__3SawF {
        width: 60px;
        height: 60px
    }
}

.dotacard_img_container__1mLDA {
    position: relative;
    width: 82px;
    height: 54px;
    margin-right: 18px;
    margin-left: 16px;
    overflow: hidden;
    border-radius: 2px
}

.dotacard_image__xkg-K {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 5px);
    height: calc(100% + 5px);
    user-select: none;
    transform: translate(-50%, -50%);
    object-fit: cover
}

.dotacard_info__KRxr9 {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

@media(max-width:600px) {
    .dotacard_image__xkg-K {
        height: 60px
    }
}

.WarningModal_modal__24Kv0 {
    z-index: 100;
    min-width: 550px;
    min-height: 315px
}

.WarningModal_content__1qofV {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-top: 45px
}

@media(max-width:550px) {
    .WarningModal_modal__24Kv0 {
        min-width: 100%;
        background: var(--color-graybase-500)
    }
}

.CartInfo_cart_info__1Kug9 {
    padding: 10px 15px 15px;
    background-color: #4f4f56;
    border-radius: var(--size-corner-radius-regular)
}

.CartInfo_text__11XcI {
    color: var(--color-graybase-100)
}

.CartInfo_text_cost__1E5Ks {
    color: #fff
}

.CartInfo_total__NySZ4 {
    margin-bottom: 26px
}

.CartInfo_cost__1fIOp,
.CartInfo_total__NySZ4 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.styles_container__32Nc- {
    position: relative
}

.styles_header__1Ivsn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 38px
}

.styles_header__1Ivsn a {
    margin: 16px -8px 0 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    color: var(--color-purple-400)
}

.styles_name__1bBdA {
    display: flex;
    align-items: center;
    font-size: 32px;
    font-weight: 500;
    line-height: 32px
}

.styles_name__1bBdA img {
    margin-right: 10px
}

.styles_name__1bBdA p {
    margin-top: 5px
}

.styles_description__1v51E {
    font-size: 15px;
    line-height: 1.2;
    color: var(--color-graybase-100)
}

.styles_wrapper__hccNQ {
    position: relative
}

.styles_items__d1jzO {
    display: flex;
    justify-content: center;
    padding-bottom: 30px
}

.styles_items__d1jzO.styles_overflow__1dKy_ {
    justify-content: flex-start;
    padding-bottom: 7%;
    overflow-y: hidden
}

.styles_items__d1jzO::-webkit-scrollbar {
    display: none
}

.styles_shadow__2Nyrk {
    display: flex;
    width: fit-content;
    height: fit-content
}

.styles_item__3vG81 {
    width: 205px;
    margin-right: 1px;
    background: var(--color-graybase-400)
}

.styles_shadow_left__28sE8 {
    top: 0;
    left: 0;
    transition: all .2s cubic-bezier(.4, 0, .2, 0)
}

.styles_shadow_left__28sE8,
.styles_shadow_right__AZY0P {
    position: absolute;
    z-index: 3;
    width: 10%;
    height: 100%;
    pointer-events: none;
    visibility: hidden;
    opacity: 0
}

.styles_shadow_right__AZY0P {
    top: -1px;
    right: -1px;
    transform: rotate(180deg)
}

.styles_grey_mode__3qbla {
    background: linear-gradient(90deg, var(--color-graybase-400) 35.46%, rgba(68, 68, 75, 0))
}

.styles_dark_mode__3oS6m {
    background: linear-gradient(90deg, var(--color-graybase-700) 24.49%, rgba(33, 33, 38, 0))
}

.styles_dark_grey_mode__22izy {
    background: linear-gradient(90deg, var(--color-graybase-500) 40.46%, rgba(54, 54, 60, 0))
}

.styles_arrow__3wdmh {
    position: absolute;
    top: 33%;
    z-index: 6;
    width: 2.2%;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    fill: var(--color-graybase-100);
    transition: all .2s cubic-bezier(.4, 0, .2, 0);
    transform: scale(1.2)
}

.styles_arrow__3wdmh.styles_left__11rJu {
    left: 2px;
    transform: rotate(180deg) scale(1.2)
}

.styles_arrow__3wdmh.styles_right__33wYX {
    right: 0
}

.styles_has_left_arrow__1LGbH .styles_arrow__3wdmh.styles_left__11rJu,
.styles_has_left_arrow__1LGbH .styles_shadow_left__28sE8,
.styles_has_right_arrow__1Vbjq .styles_arrow__3wdmh.styles_right__33wYX,
.styles_has_right_arrow__1Vbjq .styles_shadow_right__AZY0P {
    visibility: visible;
    opacity: 1
}

.styles_button__i6vKZ {
    padding: 13px 0 12px
}

.styles_button__i6vKZ span {
    font-size: 14px;
    font-weight: 500
}

@media(min-width:1925px) {
    .styles_container__32Nc- {
        max-width: 1420px;
        margin: 17px auto
    }
}

@media(max-width:550px) {

    .styles_arrow__3wdmh,
    .styles_shadow_left__28sE8,
    .styles_shadow_right__AZY0P {
        display: none
    }
}

.styles_container__120B5,
.styles_item__1Vtji {
    display: flex
}

.styles_item__1Vtji {
    box-sizing: border-box;
    width: 206px;
    height: 80px;
    padding: 15px 16px 15px 14px;
    margin-right: 10px;
    background: #4f4f56;
    border-radius: 4px
}

.styles_item_img__16JN2 {
    position: relative;
    width: 50px;
    height: 50px;
    overflow: hidden;
    background: hsla(0, 0%, 100%, .3)
}

.styles_description__6i86Z {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 14px
}

.styles_name__OfUsL {
    width: 56px;
    height: 13px
}

.styles_name__OfUsL,
.styles_price__1eEfA {
    position: relative;
    overflow: hidden;
    background: hsla(0, 0%, 100%, .3)
}

.styles_price__1eEfA {
    width: 112px;
    height: 21px
}

.styles_container__1qO6O {
    z-index: 2;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 206px;
    height: 80px;
    padding: 8px 8px 4px 7px;
    background: var(--color-graybase-300);
    border-radius: 4px
}

.styles_cart_icon__36Kb4 {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    width: 42px;
    height: 42px;
    transform: translate(-50%, -50%)
}

.styles_in_cart__2lLuI .styles_container__1qO6O {
    filter: grayscale(1)
}

.styles_in_cart__2lLuI .styles_container__1qO6O .styles_cart_icon__36Kb4 {
    display: block
}

.styles_in_cart__2lLuI:hover .styles_container__1qO6O {
    filter: grayscale(0)
}

.styles_preview__3KNsR {
    position: relative;
    width: 62px;
    height: 62px;
    background-repeat: no-repeat;
    background-position: 10% 0;
    background-size: contain
}

.styles_stickers__1Der8 {
    position: absolute;
    bottom: 0;
    display: flex
}

.styles_sticker_img__3fmxb {
    width: 17px;
    height: 17px;
    margin-left: -2px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.styles_extra__1IbIX {
    top: -5px;
    left: -1px
}

.styles_button__2tczF,
.styles_extra__1IbIX {
    position: absolute
}

.styles_button__2tczF {
    bottom: 0;
    z-index: 0;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transform: translateY(-4px)
}

.styles_wrapper__alBGA {
    position: relative;
    display: flex;
    width: 206px;
    height: 80px
}

.styles_wrapper__alBGA:hover .styles_container__1qO6O {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.styles_wrapper__alBGA:hover .styles_button__2tczF {
    transform: translateY(100%)
}

.styles_info__2wJjR {
    justify-content: space-around;
    min-height: 100%;
    margin-left: 9px
}

.styles_info__2wJjR,
.styles_quality__3qp69 {
    display: flex;
    flex-direction: column
}

.styles_quality__3qp69 span {
    margin-bottom: 4px
}

.styles_description__2PR_L {
    display: flex;
    flex-direction: column;
    margin-top: -2px;
    font-size: 11px;
    line-height: 15px
}

.styles_price__FzvQE {
    font-size: 12px;
    letter-spacing: .03em
}

.styles_text__2Ls9D {
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: 500;
    color: #fff
}

.styles_item__1_mWo {
    margin-right: 10px
}

.Cart_cart__24QoB {
    position: relative
}

.Cart_content__3qk_3 {
    position: absolute;
    top: 44px;
    right: -16px;
    z-index: 5;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 26px 0 0;
    background: var(--color-graybase-400);
    border-radius: 4px
}

.Cart_content__3qk_3.Cart_reverse__1b4jK {
    right: auto;
    left: -16px
}

.Cart_title__1SBkT {
    padding-left: 18px;
    margin-bottom: 16px;
    color: var(--color-white-100)
}

.Cart_empty__3YSOi {
    width: 772px;
    padding: 50px 0 75px;
    text-align: center
}

.Cart_functional__2axJc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 254px;
    padding-right: 20px;
    padding-bottom: 36px;
    padding-left: 18px
}

.Cart_title_empty__1tAe3 {
    margin-bottom: 10px
}

.Cart_empty_text__3smbB {
    color: var(--color-graybase-100)
}

.Cart_inner__3NdTt {
    margin-right: 16px;
    margin-left: 29px
}

.Cart_list__2h-C9 {
    width: 461px;
    max-height: 440px;
    margin-bottom: 14px;
    overflow: auto
}

.Cart_list__2h-C9::-webkit-scrollbar {
    width: 4px;
    height: 6px
}

.Cart_list__2h-C9::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 24px
}

.Cart_close__2Yj7x {
    position: absolute;
    top: 11px;
    right: 12px;
    width: 26px;
    height: 26px;
    cursor: pointer
}

.Cart_recommendations__329DC {
    width: 461px
}

.Cart_buttons__1gXkB {
    margin-top: 10px
}

.Cart_action-button__1DAzq {
    margin: 10px 0
}

.Cart_clear__35ku0 {
    margin-bottom: 10px
}

.Cart_container__2PtEZ {
    display: flex
}

@media(max-width:1890px) {
    .Cart_content__3qk_3 {
        width: 41vw
    }

    .Cart_container__2PtEZ {
        flex-direction: column
    }

    .Cart_empty__3YSOi,
    .Cart_functional__2axJc,
    .Cart_list__2h-C9,
    .Cart_recommendations__329DC {
        width: auto
    }
}

@media(max-width:1650px) {
    .Cart_content__3qk_3 {
        width: 40vw
    }
}

@media(max-width:1450px) {
    .Cart_content__3qk_3 {
        width: 38vw
    }
}

@media(max-width:1200px) {
    .Cart_content__3qk_3 {
        width: 36vw
    }
}

@media(max-height:940px) {
    .Cart_list__2h-C9 {
        max-height: 280px
    }
}

@media(max-height:880px) {
    .Cart_list__2h-C9 {
        max-height: 220px
    }
}

.Onboarding_arrow__3deut {
    position: absolute;
    width: var(--arrow-width);
    height: var(--arrow-height);
    clip-path: var(--arrow)
}

.Onboarding_arrow__3deut,
.Onboarding_wrapper__1t8EX {
    background: var(--color-purple-500)
}

.Onboarding_wrapper__1t8EX {
    --arrow-peak-top: polygon(50% 0%, 0% 100%, 100% 100%);
    --arrow-peak-right: polygon(100% 50%, 0 0, 0 100%);
    --arrow-peak-bottom: polygon(50% 100%, 100% 0, 0 0);
    --arrow-peak-left: polygon(0 50%, 100% 100%, 100% 0);
    --arrow: unset;
    --arrow-width: 10px;
    --arrow-height: 6px;
    --arrow-height-negative: calc(var(--arrow-height)*-1);
    --padding: 12px;
    --emoji-size: 16px;
    position: relative;
    z-index: 100;
    box-sizing: border-box;
    width: 254px;
    min-height: 98px;
    padding: var(--padding);
    border-radius: var(--size-corner-radius-regular)
}

.Onboarding_wrapper__1t8EX[data-popper-placement^=top] .Onboarding_arrow__3deut {
    --arrow: var(--arrow-peak-bottom);
    bottom: var(--arrow-height-negative)
}

.Onboarding_wrapper__1t8EX[data-popper-placement^=bottom] .Onboarding_arrow__3deut {
    --arrow: var(--arrow-peak-top);
    top: var(--arrow-height-negative)
}

.Onboarding_wrapper__1t8EX[data-popper-placement^=left] .Onboarding_arrow__3deut {
    --arrow: var(--arrow-peak-right);
    right: var(--arrow-height-negative);
    width: var(--arrow-height);
    height: var(--arrow-width)
}

.Onboarding_wrapper__1t8EX[data-popper-placement^=right] .Onboarding_arrow__3deut {
    --arrow: var(--arrow-peak-left);
    left: var(--arrow-height-negative);
    width: var(--arrow-height);
    height: var(--arrow-width)
}

.Onboarding_title__Z9MRA {
    display: flex;
    align-items: center;
    max-width: calc(100% - var(--emoji-size));
    color: var(--color-white-100)
}

.Onboarding_emoji__17Zyo {
    transform: translateY(3px)
}

.Onboarding_mouse__YnpPm {
    position: relative;
    margin-right: 8px
}

.Onboarding_mouse_body__3PpHR,
.Onboarding_right_click__Xqubg {
    fill: var(--color-purple-300)
}

.Onboarding_waves__3pEg6 {
    position: absolute;
    top: -21px;
    right: -16px
}

.Onboarding_close_button__2CL8G {
    position: absolute;
    top: 15px;
    right: var(--padding);
    display: flex;
    padding: 0;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    fill: var(--color-white-100)
}

.Onboarding_content__1Vcn3 {
    display: flex;
    align-items: center;
    margin-top: 12px;
    color: var(--color-white-100)
}

.store-listing_container__1i_EG {
    flex-direction: column;
    width: 100%;
    height: 100%
}

.store-listing_container__1i_EG,
.store-listing_header__LjZdQ {
    position: relative;
    display: flex
}

.store-listing_header__LjZdQ {
    z-index: 5;
    gap: 20px;
    align-items: center;
    padding: 16px
}

.store-listing_divider_and_reload__YdU_v {
    display: flex;
    gap: 16px;
    align-items: center
}

.store-listing_search_and_sorting__3ZBRq {
    z-index: 2;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 3px
}

.store-listing_search__3O27Q {
    width: 100%;
    max-width: 632px
}

.store-listing_cart__fYxFE {
    margin-left: auto
}

.store-listing_bubbles_filters__35MIH {
    position: absolute;
    right: 0;
    bottom: 28px;
    left: 0;
    z-index: 999
}

@media(max-width:1525px) {
    .store-listing_sort__1Xo4N {
        display: block
    }

    .store-listing_line_sort__22C-5 {
        display: none
    }
}

.store-listing_body__3uJ7h {
    position: relative;
    height: calc(100% - 70px);
    overflow-x: hidden;
    overflow-y: scroll
}

.store-listing_body__3uJ7h,
.store-listing_shadow__2Q9Jx {
    z-index: 1;
    width: 100%
}

.store-listing_shadow__2Q9Jx {
    position: absolute;
    bottom: 0;
    height: 30px;
    background: linear-gradient(180deg, rgba(45, 45, 51, 0), var(--color-graybase-600))
}

.store-listing_icon__2pVGn {
    margin-right: 5px;
    transform: scaleY(-1)
}

.store-listing_floatsort__WtFFi {
    display: flex;
    align-items: center;
    margin-left: 40px;
    color: var(--color-graybase-100);
    cursor: pointer
}

.store-listing_floatsort__WtFFi:hover,
.store-listing_pricesort__3AoJW:hover {
    color: #fff
}

.store-listing_small_display__3KzPc {
    display: none
}

.store-listing_restrictions_errors__2GL2f {
    margin: 0 16px 16px 8px
}

@media(min-width:1901px) {
    .store-listing_item__30pcW {
        width: 12.5%
    }
}

@media(max-width:1900px)and (min-width:1721px) {
    .store-listing_item__30pcW {
        width: 14.2857142857%
    }
}

@media(max-width:1720px)and (min-width:1481px) {
    .store-listing_item__30pcW {
        width: 16.6666666667%
    }
}

@media(max-width:1480px)and (min-width:1321px) {
    .store-listing_item__30pcW {
        width: 20%
    }
}

@media(max-width:1320px)and (min-width:901px) {
    .store-listing_item__30pcW {
        width: 25%
    }
}

@media(max-width:1100px)and (min-width:801px) {
    .store-listing_item__30pcW {
        width: calc(25% - 5.25px)
    }

    .store-listing_item__30pcW:nth-child(4n+4) {
        margin-right: 0
    }
}

@media(max-width:800px)and (min-width:376px) {
    .store-listing_item__30pcW {
        width: calc(33.33333% - 4.66667px)
    }

    .store-listing_item__30pcW:nth-child(3n+3) {
        margin-right: 0
    }
}

@media(max-width:1130px)and (min-width:1024px) {
    .store-listing_small_display__3KzPc {
        z-index: 2;
        display: block;
        padding: 0 30px 0 15px;
        margin-bottom: 15px
    }
}

@media(max-width:1023px) {
    .store-listing_body__3uJ7h {
        height: 100%
    }

    .store-listing_restrictions_errors__2GL2f {
        margin: 0 0 16px
    }

    .store-listing_mobile_cart_wrapper__1ML6j {
        position: absolute;
        right: 0;
        bottom: 75px;
        z-index: 2
    }
}

.mobile-inventory-header_container__2YDzP {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 16px;
    margin-bottom: 16px;
    overflow: hidden
}

.mobile-inventory-header_icon_container__1JL3B {
    cursor: pointer
}

.mobile-inventory-header_icon__2rZwg {
    fill: #fff
}

.mobile-inventory-header_dropdown_icon__3_Fq2 {
    fill: var(--color-graybase-100)
}

.mobile-inventory-header_sort__1ZLxv {
    position: relative;
    display: flex;
    margin: 0 20px
}

.mobile-inventory-header_sort_text__2lGUb {
    color: var(--color-graybase-100)
}

.mobile-inventory-header_search_container__3MILU {
    width: 19px
}

.mobile-inventory-header_search__LZJE2 {
    position: relative;
    left: -8px;
    width: 36px;
    height: 36px
}

.mobile-inventory-header_left__3iD1N,
.mobile-inventory-header_right__3PUhc {
    display: flex;
    align-items: center
}

.mobile-inventory-header_right__3PUhc {
    margin-bottom: -3px
}

.mobile-inventory-header_divider__2wzt_ {
    width: 1px;
    height: 22px;
    margin-right: 18px;
    background: hsla(0, 0%, 100%, .1)
}

.mobile-inventory-header_reload__9lA19 {
    min-width: 18px;
    height: 32px;
    margin-right: 20px
}

.mobile-inventory-header_filters_container__yIK0A {
    position: relative;
    bottom: -2px;
    margin-left: 32px
}

.mobile-inventory-header_filters_container_active__LFMdp {
    margin-right: 7px
}

.mobile-inventory-header_filters_indicator__16GDD {
    position: absolute;
    top: -6px;
    right: -5px;
    padding: 0 6px;
    font-size: 11px;
    line-height: 14px;
    background: var(--color-purple-500);
    border-radius: 10px
}

.mobile-inventory-header_filters_icon__3SThc {
    width: 25px;
    height: 25px
}

.Notification_wrapper__1jUIe {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: flex-start;
    padding: 16px;
    color: var(--color-accent-yellow-100);
    background: var(--color-shape-yellow-100-opacity-10);
    border-radius: var(--size-corner-radius-regular);
    fill: var(--color-accent-yellow-100)
}

.Notification_wrapper__1jUIe .Notification_href_text__2yMOU {
    text-decoration: underline;
    cursor: pointer
}

.Notification_sell_list_desktop__bRYyF {
    margin: 12px 33px 20px 12px
}

.Notification_sell_list_desktop__bRYyF>svg {
    margin-top: -6px
}

.Notification_sell_list_mobile__12FRK {
    margin: 8px 10px 16px 0
}

.Notification_trade_window__28u5F {
    margin-top: 16px
}

.Notification_trade_window__28u5F>svg {
    overflow: inherit
}

.styles_trade__1BD1l {
    width: 260px
}

.styles_balance_diff__2_Th1 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 0 8px;
    background: hsla(0, 0%, 100%, .08);
    border-radius: 0 0 4px 4px
}

.styles_balance_diff__2_Th1 span {
    margin-left: 2px;
    font-size: 14px;
    font-weight: 400 !important
}

.styles_tooltip__DDVqs {
    width: 100%;
    margin-bottom: 22px
}

.styles_tooltip_balance__3oHfr {
    font-size: 14px;
    color: var(--color-graybase-100)
}

.styles_mobile__3BD8X {
    display: none
}

@media(max-width:1023px) {
    .styles_trade__1BD1l {
        width: 100%
    }

    .styles_mobile__3BD8X {
        display: block
    }
}

.styles_footer__2ax9q {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    height: 66px;
    padding: 12px 33px 0 12px;
    font-size: 15px;
    background: var(--color-graybase-600);
    border-radius: 4px
}

.styles_price_block__2-N9j {
    display: flex;
    flex-flow: row;
    margin-top: 14px
}

.styles_price_span__3Fzb1,
.styles_price_span_get__NqK6C {
    margin-right: 24px;
    color: var(--color-graybase-100)
}

.styles_price__1DSfm {
    font-weight: 500;
    color: #fff
}

.styles_sell_button__36r1z {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media(max-width:1023px) {
    .styles_footer__2ax9q {
        position: absolute;
        bottom: 0;
        flex-flow: column;
        align-items: center;
        width: calc(100vw - 40px);
        height: 130px;
        padding: 20px;
        margin-left: -16px;
        border: 1px solid hsla(0, 0%, 100%, .1)
    }

    .styles_sell_button__36r1z {
        width: 100%
    }

    .styles_price_block__2-N9j {
        flex-flow: column;
        width: 100%;
        margin-top: unset
    }

    .styles_price_span__3Fzb1 {
        margin-bottom: 12px;
        font-size: 18px;
        color: #fff
    }

    .styles_price_span__3Fzb1,
    .styles_price_span_get__NqK6C {
        display: flex;
        justify-content: space-between;
        margin-right: 0
    }

    .styles_price_color__13gJp {
        color: var(--color-graybase-100)
    }
}

.NoItems_container__2Dv9- {
    display: flex;
    align-items: center;
    width: fit-content;
    height: 80vh;
    margin: auto;
    text-align: center
}

.NoItems_title__3IzpX {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #fff
}

.NoItems_description__1wFxa {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: hsla(0, 0%, 100%, .3)
}

.NoItems_title_banner__3DM-8 {
    margin-bottom: 4px;
    color: var(--color-white-100)
}

.NoItems_banner_image__2CIW8 {
    width: 72px;
    height: 100%
}

.NoItems_banner__DcqRM {
    display: flex;
    max-width: 400px;
    margin-top: 32px;
    overflow: hidden;
    cursor: pointer;
    background-color: var(--color-graybase-500);
    border-radius: var(--size-corner-radius-regular)
}

.NoItems_banner__DcqRM:hover {
    background-color: var(--color-graybase-300)
}

.NoItems_text__1jnQH {
    display: flex;
    flex-direction: column;
    padding: 9px 8px 9px 14px;
    text-align: left
}

.styles_inputs__2BvnX {
    display: flex;
    justify-content: space-between;
    min-width: 268px
}

.styles_input_with_label__2XLgF {
    display: flex;
    flex-direction: column;
    width: 48%
}

.styles_label__3JScE {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-graybase-100)
}

.styles_sale_input_wrapper_left__15jdH,
.styles_sale_input_wrapper_right__3O6Xz {
    width: 100%;
    height: 38px
}

.styles_sale_input_wrapper_left__15jdH input,
.styles_sale_input_wrapper_right__3O6Xz input {
    padding-right: 33px;
    font-size: 15px;
    line-height: 24px
}

.styles_warning_icon__Vy441 {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%)
}

.styles_error_text__guipa {
    display: block;
    margin-top: 8px
}

.styles_error_style__xxfku {
    color: var(--color-accent-red-200)
}

@media(max-width:550px) {
    .styles_inputs__2BvnX {
        width: 100%;
        font-size: 15px
    }
}

.styles_tooltip_info__3fYZS {
    transform: translateX(-37%)
}

.styles_wrapper__ejJzB {
    display: flex;
    align-items: center
}

.styles_info_icon__Pk6di {
    width: 14px;
    height: 14px;
    cursor: pointer;
    fill: #fff
}

.styles_wrapper__2v0-S {
    width: 99%;
    border-radius: 5px
}

.styles_delete__F8YOQ,
.styles_wrapper__2v0-S {
    cursor: pointer;
    transition: all .2s cubic-bezier(.4, 0, .2, 0)
}

.styles_delete__F8YOQ {
    display: flex;
    align-items: center;
    padding: 0 11px;
    visibility: hidden;
    user-select: none;
    background: var(--color-accent-red-200);
    border-radius: 0 5px 5px 0;
    opacity: 0
}

.styles_delete_icon__1yXw0 {
    display: block;
    fill: #fff
}

.styles_delete_icon__1yXw0,
.styles_delete_icon_hover__3Y_Ac {
    width: 9px;
    height: 12px;
    pointer-events: none;
    transition: all .2s cubic-bezier(.4, 0, .2, 0)
}

.styles_delete_icon_hover__3Y_Ac {
    display: none;
    fill: var(--color-graybase-100)
}

.styles_delete__F8YOQ:hover {
    background: var(--color-accent-red-200)
}

.styles_delete__F8YOQ:hover .styles_delete_icon__1yXw0 {
    display: none;
    fill: #fff
}

.styles_delete__F8YOQ:hover .styles_delete_icon_hover__3Y_Ac {
    display: block
}

.styles_delete__F8YOQ:active {
    background: #fff
}

.styles_wrapper__2v0-S:hover {
    background: var(--color-graybase-500)
}

.styles_underline__1x15S {
    max-width: 92%;
    margin-bottom: -2px;
    margin-left: 22px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    transition: all .3s cubic-bezier(.4, 0, .2, 0)
}

.styles_wrapper__2v0-S:hover .styles_underline__1x15S {
    border-bottom: 1px solid transparent
}

.styles_wrapper__2v0-S:hover .styles_delete__F8YOQ {
    visibility: visible;
    opacity: 1
}

.styles_content__2gYi0 {
    display: flex;
    justify-content: space-between;
    min-height: 154px
}

@media(max-width:1023px) {
    .styles_underline__1x15S {
        display: none
    }

    .styles_wrapper__2v0-S {
        margin-bottom: 6px;
        background: var(--color-graybase-600)
    }

    .styles_delete__F8YOQ {
        display: none
    }
}

.styles_item_container__2Wr9S {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px
}

.styles_image__3nKkj {
    width: 80px;
    height: 80px;
    object-fit: contain
}

.styles_img_with_description__2prc9 {
    display: flex;
    align-items: center
}

.styles_additional_info__11BVY {
    display: flex;
    flex-grow: 1
}

.styles_lock__3Unnk {
    position: absolute;
    top: 24px;
    left: 20px
}

.styles_description__glb3Y {
    display: flex;
    flex-direction: column;
    width: 143px;
    margin-left: 16px
}

.styles_quality__2Kd2r {
    margin-bottom: 2px
}

.styles_market__25IYt {
    width: fit-content;
    margin-top: 6px
}

.styles_commission_block__2mfUr {
    display: flex;
    flex-direction: column;
    margin-left: auto
}

.styles_commission_block__2mfUr,
.styles_lowprice_block__3gxr1 {
    height: 40px
}

.styles_subtitle__125wA {
    margin-bottom: 13px
}

.styles_subblock__LU4aF,
.styles_subtitle__125wA {
    font-size: 14px;
    line-height: 20px;
    color: var(--color-graybase-100)
}

.styles_subblock__LU4aF {
    display: flex;
    align-items: center;
    font-size: 15px
}

.styles_lightning__jKDaN {
    margin-right: 5px
}

.styles_text_field__OWsCR {
    margin-right: 8px
}

.styles_text_field_demand__2vssN {
    color: var(--color-purple-500)
}

.styles_stickers__1iQ5- {
    display: flex
}

.styles_sticker__14Swc {
    width: 32px;
    height: 32px;
    margin-right: -4px;
    object-fit: contain
}

.styles_tooltip__f4zqR {
    max-width: 200px
}

.styles_info_icon__3Ut2J {
    fill: var(--color-graybase-100)
}

.styles_lowprice_block__3gxr1 {
    display: flex;
    flex-direction: column;
    margin-left: 22px
}

.styles_sell_inputs__3-usE {
    width: 270px;
    margin-left: auto
}

.styles_on_sale__2CuSL {
    position: absolute;
    top: 12px;
    right: 20px;
    display: flex;
    align-items: center;
    width: fit-content;
    height: 28px;
    padding: 0 6px;
    color: #ffc144;
    text-align: center;
    background: rgba(255, 193, 68, .1);
    border-radius: 4px
}

.styles_on_sale_icon__3cxB- {
    margin-right: 5px
}

.styles_bin__3YSuf {
    display: none
}

@media(max-width:1800px) {
    .styles_lowprice_block__3gxr1 {
        display: none
    }
}

@media(max-width:1023px) {
    .styles_item_container__2Wr9S {
        flex-flow: column;
        max-height: 303px;
        padding: 22px 16px
    }

    .styles_additional_info__11BVY {
        flex-flow: column;
        width: 100%
    }

    .styles_img_with_description__2prc9 {
        position: relative;
        width: 100%;
        padding-bottom: 16px;
        border-bottom: 1px solid hsla(0, 0%, 100%, .1)
    }

    .styles_commission_block__2mfUr {
        flex-flow: row;
        justify-content: space-between;
        margin: initial
    }

    .styles_sell_inputs__3-usE {
        width: 100%;
        margin: initial
    }

    .styles_on_sale__2CuSL {
        top: auto;
        right: 0;
        bottom: 16px
    }

    .styles_bin__3YSuf {
        position: absolute;
        top: 0;
        right: 0;
        display: block
    }

    .styles_lowprice_block__3gxr1 {
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: space-between;
        min-height: 40px;
        margin: 0 0 12px;
        border-bottom: 1px solid hsla(0, 0%, 100%, .1)
    }

    .styles_subtitle__125wA {
        margin: auto 0
    }
}

.styles_container__m1Qq3 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 8px;
    font-size: 14px;
    color: var(--color-graybase-100)
}

.styles_title__SwFab {
    padding: 10px 0 18px 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    color: #fff
}

.styles_wrapper__1ZvHE {
    position: relative;
    flex-grow: 1;
    overflow: auto;
    overflow-x: hidden
}

.styles_sell_button__LnuCY {
    width: 260px
}

@media(max-width:1023px) {
    .styles_title__SwFab {
        display: none
    }

    .styles_footer__2eYrw {
        position: absolute;
        bottom: 0
    }

    .styles_shadow__NVNAj {
        display: none
    }

    .styles_wrapper__1ZvHE::-webkit-scrollbar {
        display: none
    }

    .styles_container__m1Qq3 {
        padding: 8px 0 0
    }
}

.DotaWarningModal_modal_content__3YIp3 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 540px;
    background: var(--color-graybase-500)
}

.DotaWarningModal_modal_content__3YIp3 .DotaWarningModal_close__3eSVK {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    fill: var(--color-graybase-200)
}

.DotaWarningModal_modal_content__3YIp3 .DotaWarningModal_close__3eSVK:focus {
    outline: none
}

.DotaWarningModal_modal_content__3YIp3 .DotaWarningModal_texts__a8phg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 342px;
    text-align: center
}

.DotaWarningModal_modal_content__3YIp3 .DotaWarningModal_texts__a8phg .DotaWarningModal_title__2edHV {
    margin-bottom: 9px
}

.DotaWarningModal_modal_content__3YIp3 .DotaWarningModal_description__XXj2L {
    color: var(--color-graybase-200)
}

.DotaWarningModal_modal_content__3YIp3 .DotaWarningModal_buttons__3rSNa {
    display: flex;
    gap: 12px;
    justify-content: center;
    width: 372px;
    margin-top: 36px;
    text-align: center
}

.DotaWarningModal_modal_content__3YIp3 .DotaWarningModal_card__2Ygwc {
    width: 140px;
    height: 160px;
    margin-bottom: 24px;
    background: var(--color-graybase-400);
    border-radius: var(--size-corner-radius-regular)
}

.DotaWarningModal_modal_content__3YIp3 .DotaWarningModal_card__2Ygwc .DotaWarningModal_dota_img__1dykO {
    margin: 22px 8px 8px
}

.DotaWarningModal_modal_content__3YIp3 .DotaWarningModal_card__2Ygwc .DotaWarningModal_quality__w2tWS {
    margin-left: 8px
}

.DotaWarningModal_modal_content__3YIp3 .DotaWarningModal_card__2Ygwc .DotaWarningModal_price__3GvZk {
    margin-top: 2px;
    margin-left: 8px
}

@media(max-width:800px) {
    .DotaWarningModal_modal_content__3YIp3 {
        width: 375px;
        height: 540px
    }
}

.InfoBanner_content__XigXq {
    box-sizing: border-box;
    display: flex;
    column-gap: 12px;
    align-items: center;
    padding: 16px 16px 16px 18px;
    background-color: var(--color-graybase-400);
    border-radius: var(--size-corner-radius-regular)
}

.InfoBanner_icon__C7H73 {
    display: flex;
    flex-shrink: 0;
    width: 24px
}

.InfoBanner_icon__C7H73 svg {
    width: 100%;
    height: auto;
    fill: var(--color-white-100)
}

.InfoBanner_text__zwE3I {
    font-size: var(--typography-body-16-regular-font-size);
    font-style: normal;
    font-weight: 400;
    line-height: var(--typography-body-16-regular-line-height)
}

@media(max-width:1023px) {
    .InfoBanner_text__zwE3I {
        font-size: var(--typography-body-14-regular-font-size);
        line-height: var(--typography-body-14-regular-line-height)
    }
}

.OffersListError_container__wRQmH {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 0 32px 40px
}

.OffersListError_gradient__VUG9_ {
    position: absolute;
    top: -40px;
    right: -30px;
    left: -30px;
    width: calc(100% + 60px);
    height: 40px;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(40, 38, 51, 0), #282633)
}

.OffersListError_profile_settings_error_icon__2GYVV,
.OffersListError_virtual_decline_error_icon__1-ybx {
    margin-top: 30px;
    margin-bottom: -16px
}

.OffersListError_profile_settings_error_buttons__3fYqP,
.OffersListError_virtual_decline_error_buttons__2nKtX {
    display: flex;
    gap: 12px;
    margin-top: 36px
}

.OffersListError_profile_settings_error_buttons__3fYqP a,
.OffersListError_profile_settings_error_buttons__3fYqP button,
.OffersListError_virtual_decline_error_buttons__2nKtX a,
.OffersListError_virtual_decline_error_buttons__2nKtX button {
    min-width: 165px
}

.OffersListError_trade_offers_limit_icon__1WnTM {
    margin-top: 30px
}

.OffersListError_pending_trades_container__1tBle {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 180px;
    margin: 24px 0
}

.OffersListError_item_error_button__3Lsoa {
    min-width: 160px;
    margin-top: 30px
}

@media(max-width:550px) {
    .OffersListError_item_error_button__3Lsoa {
        min-width: 140px
    }
}

.OffersListError_access_denied_error_buttons__Zp5EH {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px
}

.OffersListError_access_denied_error_buttons__Zp5EH button {
    max-width: 342px
}

@media(max-width:1023px) {
    .OffersListError_container__wRQmH {
        padding: 0 16px 40px
    }

    .OffersListError_gradient__VUG9_ {
        display: none
    }
}

.PendingTradeStatus_cross__1_OBg {
    fill: var(--color-accent-red-100)
}

.PendingTradeStatus_check__1Z6dv {
    fill: var(--color-accent-green-100)
}

.PendingTrade_container__1-x5d {
    justify-content: space-between;
    cursor: pointer
}

.PendingTrade_container__1-x5d,
.PendingTrade_information__3cJZA {
    display: flex;
    align-items: center
}

.PendingTrade_information__3cJZA {
    gap: 8px
}

.PendingTrade_arrow__1gMDY {
    pointer-events: none;
    fill: var(--color-white-100)
}

.PendingTrade_container__1-x5d:hover .PendingTrade_arrow__1gMDY,
.PendingTrade_container__1-x5d:hover .PendingTrade_id__2tCJy {
    color: var(--color-purple-300)
}

.PendingTrade_popup__2-xcN {
    margin-left: 26px
}

.AntiscamMessage_container__CeTnS {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 30px 0 72px
}

.AntiscamMessage_title__1MxU0 {
    font-weight: 500;
    color: var(--color-white-100)
}

.AntiscamMessage_img__GIotM {
    width: 160px;
    height: 124px;
    margin-bottom: 16px
}

.AntiscamMessage_info__1UgZU {
    margin: 10px 0 6px
}

.AntiscamMessage_description__2qink {
    width: 55%;
    color: var(--color-graybase-100);
    text-align: center
}

.AntiscamMessage_steps__1ZzIv {
    display: flex;
    flex-direction: column;
    width: calc(55% - 35px);
    margin: 0 auto
}

.AntiscamMessage_steps__1ZzIv li {
    padding-left: -5px;
    text-align: left;
    list-style-type: unset
}

.AntiscamMessage_step__2JnRG,
.AntiscamMessage_steps__1ZzIv li {
    color: var(--color-graybase-100)
}

.AntiscamMessage_step__2JnRG div {
    display: inline-flex
}

.CashbackValueChangedError_skin_row__9YRes {
    display: flex;
    gap: 8px
}

.CashbackValueChangedError_skin_row__9YRes img {
    box-sizing: border-box;
    width: 80px;
    height: 80px;
    padding: 8px;
    background: var(--color-graybase-400);
    border-radius: var(--size-corner-radius-regular);
    object-fit: contain
}

.CashbackValueChangedError_price_block__HXPaK {
    display: flex;
    gap: 8px;
    align-items: center;
    pointer-events: none
}

.CashbackValueChangedError_old_price__178Pi {
    opacity: .5
}

.CashbackValueChangedError_arrow__id7fD {
    margin-top: 4px;
    font-size: 24px;
    line-height: 1
}

.CashbackValueChangedError_description__34Xyx {
    margin-top: 8px;
    color: var(--color-graybase-200)
}

.CashbackValueChangedError_update__njGkc {
    width: 340px;
    margin-top: 40px
}

.ChangedPricesError_separator__EkaRX:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 13px;
    content: "";
    background: url(/svg/arrow.svg) no-repeat 50%;
    background-size: contain;
    transform: translate(-50%, -50%)
}

.ChangedPricesError_separator__EkaRX:before {
    display: none
}

.TradeLimitError_wrapper__2cN-a {
    justify-content: space-between;
    height: 100%;
    margin-top: 20px;
    text-align: center
}

.TradeLimitError_buttons__1gKVp,
.TradeLimitError_wrapper__2cN-a {
    display: flex;
    flex-direction: column
}

.TradeLimitError_buttons__1gKVp {
    gap: 16px;
    width: 100%;
    margin-top: auto
}

.TradeLimitError_icon__2Bktq {
    margin: 38px auto
}

.TradeLimitError_title__3W1oo {
    margin-bottom: 8px;
    font-weight: 700;
    text-align: center
}

.TradeLimitError_limit_info__3tFWv {
    margin-bottom: 28px
}

.TradeLimitError_description__2mce9 {
    color: var(--color-graybase-100)
}

.TradeLimitError_limit_text__Kmu60,
.TradeLimitError_title__3W1oo {
    color: var(--color-white-100)
}

.TradeLinkInput_input__OFXS3 {
    width: 300px;
    margin-top: 20px
}

.TradeLinkInput_wrapper__3C-sF {
    position: relative;
    box-sizing: border-box
}

.TradeLinkInput_error__w0q3p {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    color: #ca6769
}

.TradeLinkInput_buttons__L66n8 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px
}

.TradeLinkInput_button__9eLib {
    margin-right: 22px;
    font-size: 14px;
    font-weight: 500
}

.TradeLinkInput_button__9eLib:last-child {
    margin-right: 0
}

@media(max-width:1023px) {
    .TradeLinkInput_input__OFXS3 {
        width: 100%
    }
}

.TradeErrors_login_button__1O-Rz {
    margin-top: 25px
}

.styles_container__AZbRl {
    display: flex;
    flex-direction: column;
    margin: 0 27px
}

.styles_title__2fWUZ {
    width: 100%;
    font-size: 11px;
    text-align: center
}

.styles_icon__3cil8 {
    width: 100%;
    height: 44px;
    background: url(/svg/wallet.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 34px
}

.styles_currency__1CkqL {
    margin-top: 4px;
    font-size: 11px;
    font-weight: 525;
    line-height: 12px;
    text-align: center;
    letter-spacing: -.005em
}

.styles_green__2dmXb {
    color: #86b77a
}

.styles_red__3owNP {
    color: var(--color-accent-red-200)
}

.RemoveBasedError_container__13qjp {
    display: flex;
    flex-direction: column;
    margin-top: 19px
}

.RemoveBasedError_separator__Hhbs2:before {
    display: none
}

.RemoveBasedError_reverted__1c_4I {
    flex-direction: row-reverse
}

.RemoveBasedError_button__1DjSn {
    margin: 19px auto 0;
    font-size: 14px;
    font-weight: 500
}

.PendingTrades_container__Hem7z {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 8px
}

.PendingTrades_pending_trades__1RC5a {
    height: 100%;
    margin-top: 16px;
    overflow-y: auto;
    overscroll-behavior-y: none
}

.PendingTrades_modal__2nHJx {
    width: 500px;
    height: 388px
}

.PendingTrades_modal_body__1ZY4I {
    position: relative;
    height: 100%;
    padding: 0;
    margin: 0 30px 30px;
    overflow: hidden
}

@media(max-width:1023px) {
    .PendingTrades_container_mobile__22QPB {
        position: absolute;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 9px 16px;
        cursor: pointer;
        background: var(--color-graybase-600)
    }

    .PendingTrades_active_trades__QWFLN {
        display: flex;
        gap: 8px;
        align-items: center
    }

    .PendingTrades_active_trades_counter__2iqA6 {
        color: var(--color-white-100-opacity-30)
    }

    .PendingTrades_arrow__WGaOM {
        fill: var(--color-graybase-100)
    }
}

.SkinCard_skin_img__71q5A {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    padding: 8px;
    margin-bottom: 8px;
    background: var(--frontly-graybase-400);
    border-radius: var(--size-corner-radius-regular)
}

.SkinCard_skin_img__71q5A img {
    width: 100%
}

.SkinCard_skin__3LqTy:hover .SkinCard_skin_img__71q5A {
    background: var(--frontly-graybase-300)
}

.SkinCard_old_price__3UJzB {
    color: var(--frontly-graybase-200);
    text-decoration: line-through
}

.SkinCard_tooltip_wrapper__3FrqX {
    max-width: 100%
}

.SkinCard_tooltip_content__bF6Fl {
    width: 270px
}

.SkinCard_tooltip_title__3u0UZ {
    color: var(--frontly-white-100)
}

.SkinCard_tooltip_row__3Vmza {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    color: var(--frontly-graybase-100)
}

.SkinCard_tooltip_row__3Vmza span {
    color: var(--frontly-white-100)
}

.SkinsRow_container__2yHJU {
    box-sizing: border-box;
    width: 100%;
    padding: 16px;
    margin-bottom: 16px;
    background: var(--frontly-graybase-500)
}

@media(max-width:1023px) {
    .SkinsRow_container__2yHJU {
        padding: 0 0 24px;
        margin-bottom: 24px;
        background: none;
        border-bottom: 1px solid var(--frontly-graybase-400)
    }

    .SkinsRow_container__2yHJU:last-child {
        border-bottom: 0
    }
}

.SkinsRow_row__3KP7g {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 12.8px;
    margin-top: 16px
}

@media(max-width:1023px) {
    .SkinsRow_row__3KP7g {
        gap: 12px 7.6px
    }
}

.SkinsRow_placeholder__rGyEa {
    width: 80px;
    height: 80px;
    background: var(--frontly-graybase-400);
    opacity: .3
}

@media(max-width:1023px) {
    .SkinsRow_placeholder__rGyEa {
        display: none
    }
}

.ChangedPricesErrorNew_container__2KBCa {
    width: 100%;
    min-height: 295px
}

@media(max-width:1023px) {
    .ChangedPricesErrorNew_container__2KBCa {
        margin-bottom: 100px
    }
}

.ChangedPricesErrorNew_footer__1QdH7 {
    position: sticky;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    gap: 8px;
    justify-content: center;
    width: 100%;
    padding: 20px 20px 36px;
    margin-bottom: -24px;
    background: var(--frontly-graybase-600)
}

.ChangedPricesErrorNew_footer__1QdH7 button {
    min-width: 176px
}

@media(max-width:1023px) {
    .ChangedPricesErrorNew_footer__1QdH7 {
        position: fixed;
        flex-direction: column-reverse;
        gap: 16px;
        padding: 16px;
        margin-bottom: 0
    }

    .ChangedPricesErrorNew_footer__1QdH7 button {
        width: 100%
    }
}

.Skeleton_container__xkrID {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    display: grid;
    grid-template-rows: var(--title-height) 1fr;
    row-gap: 6px;
    width: 100%;
    height: 100%;
    min-height: 128px;
    --title-height: var(--typography-body-16-medium-line-height)
}

.Skeleton_skeleton_new__3DQkC {
    position: relative;
    overflow: hidden;
    border-radius: var(--size-corner-radius-regular)
}

.Skeleton_skeleton_new__3DQkC:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg, #817e8f, rgba(129, 126, 143, 0) 39.58%, #817e8f 100%, #817e8f 0);
    background-size: 200% 100%;
    opacity: .3;
    animation: Skeleton_gradientTikker__mel7u 2.25s ease-in-out infinite
}

.Skeleton_title__1EChY {
    width: 170px
}

@keyframes Skeleton_gradientTikker__mel7u {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: -100% 50%
    }
}

.ProcessModal_modal__Jzw1N {
    width: 640px;
    height: 100%;
    min-height: 472px;
    max-height: 760px;
    background: var(--color-graybase-600)
}

.ProcessModal_limit_reached__2Hg1_ {
    width: 375px;
    height: 650px
}

.ProcessModal_modal_body__2DFjP {
    padding: 0;
    margin-top: unset;
    overflow-y: hidden
}

.ProcessModal_dota_item_error__1KEVc {
    padding: 0
}

.ProcessModal_limit_reached_body__33c3x {
    padding: 16px
}

.ProcessModal_title__PY5nI {
    padding: 24px 32px 0;
    margin-bottom: 24px;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px
}

.ProcessModal_wrapper__2nNUS {
    display: grid;
    height: 100%;
    padding-right: 28px;
    padding-left: 32px;
    overflow: hidden;
    overflow-y: auto
}

.ProcessModal_info_banner__1sS2Z {
    margin-bottom: 20px
}

.ProcessModal_content__1_MEY {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding-bottom: 36px
}

.ProcessModal_content__1_MEY.ProcessModal_is_processing__1ihPJ {
    row-gap: 20px;
    align-items: stretch;
    justify-content: stretch
}

.ProcessModal_content__1_MEY.ProcessModal_with_error__voizI {
    padding-bottom: 24px
}

.ProcessModal_content__1_MEY.ProcessModal_success__1QUUZ {
    justify-content: center
}

@media(max-width:1023px) {
    .ProcessModal_modal__Jzw1N {
        width: 100%;
        min-height: 100%;
        max-height: 100%
    }

    .ProcessModal_title__PY5nI {
        padding: 24px 50px 0 16px
    }

    .ProcessModal_wrapper__2nNUS {
        align-content: start;
        padding-right: 14px;
        padding-left: 16px;
        margin-right: 2px
    }

    .ProcessModal_info_banner__1sS2Z.ProcessModal_with_error__voizI {
        display: none
    }
}

.BaseCard_header__cgjAn {
    position: absolute;
    top: var(--card-vertical-padding-top);
    right: var(--card-horizontal-padding);
    left: var(--card-horizontal-padding);
    z-index: 3;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.BaseCard_image_content__rg2L1 {
    position: relative
}

.BaseCard_overlay__2_QLO {
    z-index: 2
}

.BaseCard_footer__30MaU {
    position: absolute;
    bottom: var(--card-vertical-padding-bottom);
    left: var(--card-horizontal-padding)
}

.BaseCard_tag__1yROs {
    display: flex;
    width: fit-content;
    margin-bottom: 3px
}

.BaseCard_tag__1yROs span:not(:last-child) {
    margin-right: 4px
}

.BaseCard_stack__3UXrs {
    display: inline-flex;
    flex-grow: 1;
    justify-content: flex-end
}

.BaseCard_price__UGhZf {
    display: flex
}

.BaseCard_modifiers__2RXHk {
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 0
}

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

.BaseCard_disabled__10Wi9 {
    cursor: auto;
    background: rgba(21, 21, 24, .15)
}

.BaseCard_disabled__10Wi9 .BaseCard_description__m47Y5,
.BaseCard_disabled__10Wi9 .BaseCard_image_content__rg2L1,
.BaseCard_disabled__10Wi9 .BaseCard_price__UGhZf,
.BaseCard_disabled__10Wi9 .BaseCard_stack__3UXrs {
    opacity: .5
}

.BaseCard_disabled__10Wi9:hover {
    background-color: var(--color-graybase-300);
    filter: none
}

.BaseCard_card__18BSz {
    position: relative;
    z-index: 3;
    box-sizing: border-box;
    height: var(--card-height);
    overflow: hidden
}

.BaseCard_card__18BSz.BaseCard_small__3IgWJ {
    --card-height: 140px;
    --card-horizontal-padding: 8px;
    --card-vertical-padding-top: 6px;
    --card-vertical-padding-bottom: 4px;
    --card-modifiers-top: 26px;
    --cart-icon-top: 32px
}

.BaseCard_card__18BSz.BaseCard_large__2DB-a {
    --card-height: 182px;
    --card-horizontal-padding: 8px;
    --card-vertical-padding-top: 6px;
    --card-vertical-padding-bottom: 4px;
    --card-modifiers-top: 26px;
    --cart-icon-top: 54px
}

@media(max-width:1023px) {
    .BaseCard_card__18BSz {
        pointer-events: none
    }
}

.Card_wrapper__3QYaL {
    pointer-events: none
}

.Card_wrapper__3QYaL,
.ItemPlaceholder_placeholder__1ngEo {
    background: var(--color-graybase-400);
    border-radius: var(--size-corner-radius-regular)
}

.ItemPlaceholder_placeholder__1ngEo {
    width: 109px;
    height: 140px;
    overflow: hidden;
    opacity: .5
}

.PreviewItems_items__1hzYR {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 8px;
    width: 343px
}

.PreviewItems_wrapper__3CBgG {
    max-height: 195px;
    overflow-y: auto
}

.AllOffersAcceptedMessage_wrapper__14UZd {
    width: 100%;
    max-width: 620px;
    height: 100%
}

.AllOffersAcceptedMessage_action__1yCYw {
    min-width: 164px;
    margin-top: 24px
}

.AllOffersAcceptedMessage_cashback__31QMT {
    color: var(--color-white-100)
}

.OffersList_offers__24CwS,
.OffersList_offers_list__1am6d {
    display: grid;
    row-gap: 20px;
    width: 100%
}

.OffersList_offers_list__1am6d {
    height: 100%
}

.OffersList_offers_list_scroll__30uNI {
    position: relative;
    max-height: 265px
}

.OffersList_subtitle__SAefI {
    margin-bottom: -12px
}

.ItemsHolder_container__vla7G {
    column-gap: 8px;
    align-items: center
}

.ItemsHolder_avatar__RVNMa,
.ItemsHolder_container__vla7G {
    box-sizing: border-box;
    display: flex
}

.ItemsHolder_avatar__RVNMa {
    width: 20px;
    height: 20px;
    object-fit: contain
}

.ItemsHolder_avatar__RVNMa img {
    width: 100%;
    height: auto;
    border-radius: 50%
}

.ItemContainer_container__2PMnD {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background-color: #312f3d;
    border-radius: var(--size-corner-radius-regular)
}

.TradelockIcon_icon__3I6zW {
    display: flex
}

.TradelockIcon_icon__3I6zW svg {
    fill: var(--color-accent-yellow-400);
    animation: TradelockIcon_flicker__3SRh2 1.1s ease-out infinite alternate
}

@keyframes TradelockIcon_flicker__3SRh2 {
    0% {
        opacity: 1
    }

    11% {
        opacity: 1
    }

    to {
        opacity: .4
    }
}

.ItemImg_img__1g6SW {
    position: relative;
    width: 40px;
    height: 40px;
    object-fit: contain
}

.ItemImg_tradelock__1Nyg6 {
    position: absolute;
    top: 0;
    left: 0
}

.ItemImg_text__30z5Y {
    color: var(--color-graybase-100);
    text-align: center
}

.ItemText_text__3kC1E {
    color: var(--color-white-100-opacity-30)
}

.ItemsPreview_items__2k5wO {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center
}

.ItemsPreview_tooltip__j4-qo {
    z-index: 200;
    width: 300px;
    min-height: 300px
}

.ItemsPreview_tooltip_content__N1d6P {
    display: flex;
    flex-direction: column;
    max-height: 350px;
    padding-right: 8px;
    overflow: hidden;
    overflow-y: scroll
}

.ItemsPreview_hidden_name__ZttJr {
    color: var(--color-graybase-100)
}

.BotItems_no_items__3ZyNr,
.UserItems_no_items__1PDsl {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 40px;
    color: var(--color-graybase-200)
}

.ExchangeItems_container__1MWUY {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    width: 100%
}

.ExchangeItems_preview__1eUaV {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    padding: 16px
}

.ExchangeItems_divider__xNgav {
    width: 1px;
    height: 100%;
    background-color: var(--color-graybase-300)
}

@media(max-width:1023px) {
    .ExchangeItems_container__1MWUY {
        grid-template-columns: 1fr;
        width: auto
    }

    .ExchangeItems_divider__xNgav {
        width: 100%;
        height: 1px
    }
}

.OfferButtons_preloader__26qd4 {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.OfferButtons_physical_buttons__3iGS7 {
    display: flex;
    column-gap: 8px;
    align-items: center
}

.OfferButtons_physical_buttons__3iGS7 a,
.OfferButtons_physical_buttons__3iGS7 button {
    min-width: 165px
}

.OfferButtons_physical_buttons__3iGS7 a span,
.OfferButtons_physical_buttons__3iGS7 button span {
    text-transform: none
}

.OfferButtons_virtual_buttons__1nhuo {
    display: flex
}

.OfferButtons_virtual_buttons__1nhuo a span,
.OfferButtons_virtual_buttons__1nhuo button span {
    text-transform: none
}

@media(max-width:1023px) {
    .OfferButtons_preloader__26qd4 {
        justify-content: center
    }

    .OfferButtons_physical_buttons__3iGS7 {
        flex-direction: column;
        row-gap: 8px
    }

    .OfferButtons_virtual_buttons__1nhuo {
        width: 100%
    }
}

.OfferTitle_virtual_title__ZCsIl {
    color: var(--color-graybase-100)
}

.OfferTitle_physical_title__zfFd4 {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    width: fit-content
}

.OfferTitle_bot_registration__lHFLo {
    display: flex;
    column-gap: 4px;
    align-items: baseline
}

.OfferTitle_bot_registration__lHFLo .OfferTitle_title__xkCg6 {
    color: var(--color-graybase-100)
}

.CardFooter_footer__1epg3 {
    box-sizing: border-box;
    display: grid;
    column-gap: 20px;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-top: 1px solid var(--color-graybase-300)
}

.CardFooter_footer__1epg3.CardFooter_physical__3W1c9 {
    grid-template-columns: 1fr minmax(335px, max-content)
}

.CardFooter_footer__1epg3.CardFooter_virtual__2br6z {
    grid-template-columns: repeat(2, 1fr)
}

.CardFooter_footer__1epg3.CardFooter_without_title__3EGlt {
    grid-template-columns: minmax(265px, max-content);
    justify-content: flex-end
}

@media(max-width:1023px) {
    .CardFooter_footer__1epg3 {
        grid-row-gap: 16px
    }

    .CardFooter_footer__1epg3.CardFooter_physical__3W1c9,
    .CardFooter_footer__1epg3.CardFooter_virtual__2br6z,
    .CardFooter_footer__1epg3.CardFooter_without_title__3EGlt {
        grid-template-columns: 1fr
    }

    .CardFooter_footer__1epg3.CardFooter_without_title__3EGlt {
        justify-content: stretch
    }
}

.CardHeader_header__36npu {
    display: flex;
    column-gap: 8px;
    align-items: center
}

.CardHeader_title__3rAnb,
.CardHeader_waiting__1eDej {
    color: var(--color-graybase-100)
}

.CardHeader_waiting__1eDej:before {
    box-sizing: border-box;
    margin-right: 8px;
    content: "•"
}

.CardHeader_dropdown__1GtwY {
    display: flex;
    margin-left: auto;
    transition: transform var(--default-animation-props)
}

.CardHeader_dropdown__1GtwY svg {
    padding: 4px;
    fill: var(--color-graybase-100)
}

.CardHeader_dropdown__1GtwY.CardHeader_opened__2YyoP {
    transform: rotate(180deg)
}

.CardHeader_status_icon__3pcgM {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    backdrop-filter: blur(8px)
}

.CardHeader_status_icon__3pcgM.CardHeader_accepted__2mC08 {
    background-color: var(--color-accent-green-400-opacity-10)
}

.CardHeader_status_icon__3pcgM.CardHeader_accepted__2mC08 svg {
    fill: var(--color-accent-green-400)
}

.CardHeader_status_icon__3pcgM.CardHeader_declined__1qpKA {
    background-color: var(--color-accent-red-400-opacity-10)
}

.CardHeader_status_icon__3pcgM.CardHeader_declined__1qpKA svg {
    fill: var(--color-accent-red-400)
}

@media(max-width:1023px) {
    .CardHeader_dropdown__1GtwY svg {
        padding: 0
    }
}

.TradeCard_muted__2DnaT {
    opacity: .7;
    transition: opacity var(--default-animation-props)
}

.TradeCard_info__1m32r {
    margin-bottom: 12px
}

.TradeCard_items_n_actions__uMX0Q {
    background-color: var(--color-graybase-400);
    border-radius: var(--size-corner-radius-regular)
}

@media(max-width:1023px) {
    .TradeCard_info__1m32r {
        margin-bottom: 8px
    }

    .TradeCard_info__1m32r.TradeCard_closed__27PB2 {
        margin-bottom: 0
    }

    .TradeCard_items_n_actions__uMX0Q {
        display: none
    }

    .TradeCard_items_n_actions__uMX0Q.TradeCard_opened__39Oxr {
        display: block
    }
}

.SuccessMessage_action__2oI6P {
    width: 164px;
    margin-top: 24px
}

.SideBar_divider__3jbc4 {
    height: 1px;
    background-color: var(--color-white-100-opacity-10)
}

.SideBar_wrapper__10Oo5 {
    box-sizing: border-box;
    flex-flow: column nowrap;
    gap: 20px;
    max-width: 80px;
    height: 100%;
    padding: 12px 8px;
    background: var(--color-graybase-700)
}

.SideBar_logo_wrap__2xSa4,
.SideBar_wrapper__10Oo5 {
    display: flex
}

.SideBar_logo_wrap__2xSa4 img {
    width: 100%;
    object-fit: contain
}

.SideBar_nav_item__3RlEl {
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
    row-gap: 4px;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    line-height: 20px;
    color: var(--color-graybase-300);
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    fill: var(--color-graybase-300);
    transition: var(--default-animation-props)
}

.SideBar_nav_item__3RlEl.SideBar_active__3xJ_A,
.SideBar_nav_item__3RlEl:hover {
    color: var(--color-white-100);
    fill: var(--color-white-100)
}

.SideBar_nav_item__3RlEl>.SideBar_icon__2mydL {
    display: flex
}

.SideBar_nav_item__3RlEl .SideBar_icon__2mydL {
    position: relative
}

@media(max-width:1023px) {
    .SideBar_nav_item__3RlEl {
        width: inherit;
        height: inherit;
        margin-top: -4px
    }
}

.SideBar_indicate__1RRAm {
    position: absolute;
    color: red
}

.EnterApiKeyMessage_wrapper__2pJkr {
    width: 100%
}

.EnterApiKeyMessage_text_with_button__16VjQ {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin-bottom: 36px
}

.EnterApiKeyMessage_text_with_button__16VjQ a {
    align-items: center
}

.EnterApiKeyMessage_video__3qlZ- {
    width: 100%;
    min-height: 112px;
    margin-top: 24px;
    margin-bottom: 36px;
    border-radius: 4px
}

.EnterApiKeyMessage_title_style__3mIlI {
    margin: 36px 10px 0;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px
}

.EnterApiKeyMessage_input__3k1N6 {
    margin-bottom: 16px
}

.HiddenInventory_icon__3pjVr {
    width: 100%;
    min-height: 106px
}

.HiddenInventory_picture__To7yW {
    margin-bottom: 36px
}

.HiddenInventory_confirm_button__2v3hh {
    margin-bottom: 16px
}

.SteamBannedMessage_icon__2-B81 {
    width: 100%;
    min-height: 106px
}

.MarketUnknownError_icon__3sjuW {
    min-width: 106px;
    min-height: 106px
}

.SteamGuardMessage_actions__1p2Vl {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    justify-content: center;
    width: 100%
}

.SteamGuardMessage_icon__3Y8xA {
    width: 100%;
    min-height: 106px
}

.TradelinkMessage_actions__3IMcI,
.TradelinkMessage_wrapper__UHe24 {
    width: 100%
}

.TradelinkMessage_actions__3IMcI {
    display: flex;
    flex-direction: column;
    align-items: center
}

.TradelinkMessage_icon__lE0uF {
    width: 100%;
    min-height: 106px
}

.TradelinkMessage_text_button__1hL3P {
    margin-bottom: 36px
}

.TradelinkMessage_text_button__1hL3P a {
    align-items: center
}

.TradelinkMessage_standard_input__2Lz7V {
    width: 100%;
    margin-bottom: 16px
}

.ModalPreloader_wrapper__20Sjb {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 286px;
    padding-top: 55px
}

.ModalPreloader_icon__3er7Y {
    width: 52px;
    height: 52px
}

.OfflineMessage_icon__ZRTlN,
.OfflineMessage_wrapper__2Rbhn {
    width: 100%
}

.OfflineMessage_icon__ZRTlN {
    height: 106px
}

.OfflineMessage_actions__32S5P {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    justify-content: space-between
}

.AppButtonTemplate_wrapper__J9LWY {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 8px;
    cursor: pointer;
    background-color: var(--color-graybase-500);
    border-radius: var(--size-corner-radius-regular)
}

.AppButtonTemplate_wrapper__J9LWY:hover {
    background-color: var(--color-graybase-400);
    transition: background-color var(--default-animation-duration) var(--default-animation-function)
}

@media(max-width:1570px) {
    .AppButtonTemplate_wrapperResponsive__uW5cO {
        box-sizing: border-box;
        padding: 6px
    }

    .AppButtonTemplate_wrapperResponsive__uW5cO .AppButtonTemplate_text__3tKOS {
        display: block;
        margin-left: 6px
    }

    .AppButtonTemplate_wrapperResponsive__uW5cO .AppButtonTemplate_text__3tKOS p {
        font-size: 12px;
        line-height: 14px
    }

    .AppButtonTemplate_wrapperResponsive__uW5cO .AppButtonTemplate_icon__1QmX5 {
        transform: scale(.9)
    }
}

.AppButtonTemplate_text__3tKOS {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: 20px;
    margin-left: 12px
}

.AppButtonTemplate_text__3tKOS,
.AppButtonTemplate_text__3tKOS .AppButtonTemplate_title__lWHq6 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.AppButtonTemplate_text__3tKOS .AppButtonTemplate_title__lWHq6 {
    color: var(--color-graybase-200)
}

.AppButtonTemplate_text__3tKOS .AppButtonTemplate_name__PLn4L {
    color: var(--color-white-100)
}

.AppButtonTemplate_icon__1QmX5 img,
.AppButtonTemplate_icon__1QmX5 svg {
    display: block
}

.ExtensionButton_icon___Z3Do img {
    width: 36px
}

.MobileAppButton_wrapper__2kDoS {
    width: 100%
}

.OnlineMessage_wrapper__3boDw {
    width: 100%;
    height: min-content
}

.OnlineMessage_icon__3sPxH {
    width: 100%;
    min-height: 106px
}

.OnlineMessage_actions__34A5s {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    justify-content: space-between;
    margin-bottom: 16px
}

.OnlineMessage_actions__34A5s,
.OnlineMessage_extension_button__1s1RN {
    width: 100%
}

.OnlineSwitcher_wrap__1WhKI {
    text-align: center
}

@media(max-width:1023px) {
    .OnlineSwitcher_wrap__1WhKI {
        align-items: center;
        width: inherit;
        height: inherit;
        margin-top: -4px
    }

    .OnlineSwitcher_inner_wrap__2NG4Q {
        display: grid;
        grid-auto-flow: row;
        gap: 5px
    }

    .OnlineSwitcher_switcher_wrap__11LUA {
        margin: 0 auto
    }

    .OnlineSwitcher_wrap__1WhKI {
        display: flex;
        color: var(--color-graybase-100);
        text-align: start
    }

    .OnlineSwitcher_icon__3hjTZ {
        margin-right: 16px;
        margin-left: 6px;
        cursor: pointer;
        fill: var(--color-white-100-opacity-30);
        transition: var(--default-animation-props)
    }

    .OnlineSwitcher_icon__3hjTZ:hover {
        fill: var(--color-white-100)
    }

    .OnlineSwitcher_text__210Gk {
        white-space: nowrap
    }
}

.TradeLogo_market_logo__SivDB {
    width: 100%;
    object-fit: contain
}

.styles_container__2nTos {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 25px
}

.styles_title__2RINv {
    margin-top: 19px;
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    color: #fff;
    text-align: center
}

.styles_img__fIHYu {
    width: 160px;
    height: 124px
}

.styles_info__2z3QY {
    margin: 10px 0 6px;
    line-height: 120%
}

.styles_description__V5RMc {
    width: 55%;
    font-size: 14px;
    color: hsla(0, 0%, 100%, .3);
    text-align: center;
    letter-spacing: -.35px
}

.styles_steps__3klba {
    display: flex;
    flex-direction: column
}

.styles_steps__3klba span {
    margin: 4px 0;
    font-size: 14px;
    line-height: 120%
}

.styles_badges__3XNVP {
    display: flex;
    justify-content: center
}

.styles_badge__37EzH {
    min-width: 248px;
    margin: 0 6px
}

.styles_separator__2kYLn:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 13px;
    content: "";
    background: url(/svg/arrow.svg) no-repeat;
    background-position: 50%;
    background-size: contain;
    transform: translate(-50%, -50%)
}

.styles_separator__2kYLn:before {
    display: none
}

.styles_container__JjHq9 {
    display: flex;
    flex-direction: column;
    margin-top: 19px
}

.styles_separator__2ZwrI:before {
    display: none
}

.styles_reverted__1jt5B {
    flex-direction: row-reverse
}

.styles_button__1b3yW {
    margin: 19px auto 0;
    font-size: 14px;
    font-weight: 500
}

.styles_input__36rSX {
    width: 300px;
    margin-top: 20px
}

.styles_wrapper__2xRxG {
    position: relative;
    box-sizing: border-box
}

.styles_error___O8JJ {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    color: #ca6769
}

.styles_buttons__2bOyD {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px
}

.styles_button__1UCe2 {
    margin-right: 22px;
    font-size: 14px;
    font-weight: 500
}

.styles_button__1UCe2:last-child {
    margin-right: 0
}

@media(max-width:1023px) {
    .styles_input__36rSX {
        width: 100%
    }
}

.TradeLimitError_wrapper__3NPaA {
    justify-content: space-between;
    height: 100%;
    margin-top: 20px;
    text-align: center
}

.TradeLimitError_buttons__1d89i,
.TradeLimitError_wrapper__3NPaA {
    display: flex;
    flex-direction: column
}

.TradeLimitError_buttons__1d89i {
    gap: 16px;
    width: 100%;
    margin-top: auto
}

.TradeLimitError_icon__21ZCf {
    margin: 38px auto
}

.TradeLimitError_title__1Ico8 {
    margin-bottom: 8px;
    font-weight: 700;
    text-align: center
}

.TradeLimitError_limit_info__3_2Nb {
    margin-bottom: 28px
}

.TradeLimitError_description__80uq5 {
    color: var(--color-graybase-100)
}

.TradeLimitError_limit_text__bjhJV,
.TradeLimitError_title__1Ico8 {
    color: var(--color-white-100)
}

.styles_login_button__3AaLW {
    margin-top: 25px
}

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

.OfferPreloader_text__2B8b6 {
    margin-right: 10px;
    color: var(--color-graybase-200)
}

.styles_container__gSliV {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px
}

.styles_container__gSliV:last-child {
    margin-right: 0
}

.styles_container__gSliV.styles_gray__VfUkp {
    background: var(--color-graybase-400)
}

.styles_container_small__1Je2M {
    width: 48px;
    height: 48px;
    margin-right: 6px
}

.styles_container_big__3DZbr {
    width: 100px;
    height: 100px;
    margin-right: 14px
}

.styles_container_gray__Gtw2f {
    background: var(--color-graybase-400)
}

.styles_container_dark_gray__1WkFc {
    background: rgba(45, 45, 51, .5)
}

.styles_img__FwAe7 {
    object-fit: contain
}

.styles_img_small__2TjSR {
    width: 40px;
    height: 40px
}

.styles_img_big__1dM9q {
    width: 80px;
    height: 80px
}

.styles_text__1cxiP {
    font-size: 15px;
    line-height: 24px;
    color: hsla(0, 0%, 100%, .3)
}

.styles_container__3SsSr,
.styles_preview__3CQDx {
    display: flex;
    align-items: center
}

.styles_rotate__NPPVg {
    transform: rotate(180deg)
}

.styles_user_skins__1VZUv {
    margin-right: 12px
}

.styles_bot_skins__xlkve {
    margin-left: 12px
}

.styles_tooltip__V_WKd {
    max-width: 692px !important;
    overflow: hidden
}

.styles_tooltip_content__2txci {
    display: flex;
    flex-direction: row;
    overflow-x: auto
}

.styles_tooltip_img_container__1dzeQ {
    margin-right: 8px
}

.styles_tooltip_img_container__1dzeQ:last-child {
    margin: unset
}

.styles_icon__2K1cb {
    min-width: 20px;
    min-height: 20px
}

.styles_container__1P4hA {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    padding: 0 8px 0 14px;
    margin-top: 12px;
    margin-bottom: 26px;
    overflow: hidden
}

.styles_offers__3JPmR {
    height: 100%;
    padding-right: 2px;
    overflow-y: scroll
}

.styles_offer__24Krx {
    margin-bottom: 6px;
    overflow: hidden;
    background: var(--color-graybase-400);
    border-radius: 4px
}

.styles_offer_inner__Uesva {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    min-height: 80px;
    padding: 0 20px
}

.styles_offer_accepted__3u24X {
    opacity: .5
}

.styles_icon_wrapper__1fs1B {
    margin-right: 16px
}

.styles_offer_items_wrapper__1llly {
    position: absolute;
    left: 34%
}

.styles_offer_actions_container__2Tr4T {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.styles_title__13qTi {
    display: grid;
    grid-gap: 4px
}

.styles_subtitle__3SAy7 {
    font-size: 15px;
    font-weight: 500;
    line-height: 120%
}

.styles_reg__2q3AF {
    font-size: 14px;
    color: hsla(0, 0%, 100%, .3);
    letter-spacing: -.35px
}

.styles_actions__3uEFS {
    display: grid;
    grid-auto-flow: column;
    gap: 24px;
    align-items: center;
    margin-left: auto
}

.styles_status__fipzi {
    max-width: 150px;
    font-size: 14px
}

.styles_accepted__30iHr {
    color: #86b77a
}

.styles_declined__3jYD3 {
    color: var(--color-accent-red-200)
}

.styles_decline_icon_container__1SYgS {
    padding: 0 6px
}

.styles_mobile_header__1allH {
    display: flex;
    align-items: center;
    padding: 20px 20px 0;
    cursor: pointer
}

.styles_accept_text__1taKG {
    font-size: 14px;
    color: var(--color-graybase-100);
    letter-spacing: -.35px
}

.styles_mobile_footer__3E-NQ,
.styles_mobile_header__1allH {
    margin-bottom: 16px
}

.styles_mobile_footer__3E-NQ {
    padding: 0 20px
}

.styles_mobile_content__3sIV8 {
    box-sizing: border-box;
    display: flex;
    padding-left: 20px;
    margin-bottom: 16px;
    overflow-x: auto
}

.styles_mobile_content__3sIV8:after {
    min-width: 8px;
    content: ""
}

.styles_mobile_content__3sIV8::-webkit-scrollbar {
    height: 0
}

.styles_mobile_down_icon__1TEih {
    margin-left: auto
}

.styles_mobile_down_icon__1TEih svg {
    fill: var(--color-graybase-100)
}

.styles_mobile_down_icon__1TEih.styles_mobile_down_icon_opened__1ukCN {
    transform: rotate(180deg)
}

.styles_mobile_dots_icon_wrapper__6XQDk {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-left: 14px;
    cursor: pointer
}

.styles_mobile_dots_icon__1jSvz {
    width: 22px;
    height: 22px
}

.styles_decline_text__2Vb7e {
    font-size: 18px;
    color: var(--color-accent-red-200)
}

.styles_scroll_shadow__7oRjM {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.styles_mobile_actions__3w3eZ {
    display: grid;
    grid-auto-flow: column;
    gap: 16px;
    align-items: center;
    width: 100%;
    margin-top: 8px
}

@media(min-width:1024px) {
    .styles_row__2yQzw:last-child {
        margin-bottom: unset
    }
}

@media(max-width:1023px) {
    .styles_container__1P4hA {
        padding: 0;
        margin: 12px 0 0
    }

    .styles_offers__3JPmR::-webkit-scrollbar {
        width: 0;
        padding-right: 0
    }

    .styles_row__2yQzw {
        display: inline-block;
        flex-direction: column;
        align-items: unset;
        width: 100%;
        min-height: unset;
        padding: 0 0 6px
    }

    .styles_status__fipzi {
        max-width: unset;
        padding-top: 16px;
        border-top: 1px solid hsla(0, 0%, 100%, .1)
    }
}

.styles_wrapper__1RYBS {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: fit-content;
    max-width: 370px;
    min-height: 28px;
    padding: 0 8px;
    color: #fff;
    user-select: none;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    fill: #fff
}

.styles_wrapper__1RYBS.styles_instant__2z0G4 {
    color: #030826;
    background-color: #26ff85;
    fill: #030826
}

.styles_wrapper__1RYBS.styles_lock__1JihO {
    color: #ffc144;
    background: rgba(255, 193, 68, .1);
    fill: #ffc144
}

.styles_wrapper__1RYBS.styles_unlock__3zpuG {
    color: #46b376;
    background: rgba(70, 179, 118, .1);
    fill: #46b376
}

.styles_wrapper__1RYBS.styles_block__3K0ES {
    color: #dc6e6f;
    background: rgba(241, 80, 56, .1);
    fill: #dc6e6f
}

.styles_wrapper__1RYBS.styles_user__NZtVt {
    color: #ffc144;
    background: rgba(255, 193, 68, .1);
    fill: #ffc144
}

.styles_wrapper__1RYBS.styles_top__3ZT0v {
    color: #5ac3c5;
    background: rgba(100, 166, 167, .1);
    fill: #5ac3c5
}

.styles_wrapper__1RYBS.styles_demand__2c0tL {
    color: #9f8fff;
    background: rgba(142, 121, 255, .1);
    fill: #9f8fff
}

.styles_wrapper__1RYBS.styles_gift__2oRcr {
    color: rgba(90, 195, 197, .1);
    background: rgba(90, 195, 197, .1);
    fill: rgba(90, 195, 197, .1)
}

.styles_content__1FYdR {
    display: flex;
    align-items: center
}

.styles_icon__3YyMx {
    width: 12px;
    height: 12px
}

.styles_icon__3YyMx~.styles_content__1FYdR {
    margin-left: 5px
}

.styles_additionalText__LnoVY {
    font-size: 14px;
    line-height: 1;
    color: var(--color-graybase-100)
}

.styles_additionalText__LnoVY.styles_left__3DSgh {
    margin-right: 4px
}

.styles_additionalText__LnoVY.styles_right__35P00 {
    margin-left: 4px
}

.styles_text__1ZPem {
    font-size: 14px;
    line-height: 1
}

.styles_prime__p0W7j {
    color: #d45f93;
    background: rgba(212, 95, 147, .1)
}

.styles_user_red__29kFK {
    color: var(--color-accent-red-100);
    background: var(--color-shape-red-200-opacity-10);
    fill: var(--color-accent-red-100)
}

.styles_icon__YYN8A {
    width: 16px;
    height: 16px
}

.styles_icon__YYN8A path {
    fill: var(--color-accent-red-200)
}

.styles_icon__2p-It {
    fill: #ffc144
}

.styles_icon__p0zW2 {
    fill: #fff
}

.styles_modal__3wSz8 {
    width: 780px;
    height: 500px;
    background: var(--color-graybase-600)
}

.styles_limit_reached__2AC0V {
    width: 375px;
    height: 650px
}

.styles_modal_body__3H-to {
    padding: 0 16px 16px;
    margin-top: 6px;
    overflow-y: hidden
}

.styles_badges__1UhuZ {
    margin-top: auto
}

@media(max-width:1023px) {
    .styles_modal__3wSz8 {
        width: auto;
        max-width: none;
        height: 100%;
        max-height: none
    }

    .styles_modal_body__3H-to {
        padding-bottom: 0
    }
}

.CopyToClipboard_container__s8gtS {
    cursor: pointer
}

.CopyToClipboard_tooltip__3ILf4 {
    display: grid;
    grid-auto-flow: column;
    gap: 8px;
    align-items: center;
    text-align: left
}

.CopyToClipboard_content_copied__2Lhnx {
    color: var(--color-accent-green-100);
    fill: var(--color-accent-green-100)
}

.CopyToClipboard_content_hover__1Ft35 {
    color: var(--color-graybase-100);
    fill: var(--color-graybase-100)
}

.styles_wrapper__2012m {
    position: relative;
    display: flex;
    width: 100%;
    height: 6px
}

.styles_left__NvlSx {
    left: 0;
    border-radius: 50px 0 0 50px
}

.styles_right__297UB {
    right: 0;
    border-radius: 0 50px 50px 0
}

.styles_fn__zJ_cm {
    width: 7%;
    background: #3d818f;
    border-radius: 50px 0 0 50px
}

.styles_mw__6bvAc {
    width: 8%;
    background: #84b235
}

.styles_ft__EX3LJ {
    width: 23%;
    background: #dfc04a
}

.styles_ww__2vjok {
    width: 7%;
    background: #ef8641
}

.styles_bs__26WH0 {
    width: 55%;
    background: #eb5757;
    border-radius: 0 50px 50px 0
}

.styles_unavailable__3AggE {
    position: absolute;
    height: 100%;
    background: var(--color-graybase-700)
}

.styles_arrow__27TfF {
    position: absolute;
    bottom: -2px;
    display: flex;
    margin-left: -10px;
    fill: #fff
}

.styles_area__2FcT- {
    max-width: 370px;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: var(--color-graybase-600);
    border-radius: 4px
}

@media(max-width:1023px) {
    .styles_area__2FcT- {
        max-width: none
    }
}

.styles_row__2vnXo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    text-transform: capitalize
}

.styles_row__2vnXo:last-child {
    margin-bottom: 0
}

.styles_row_value__bOslL,
.styles_title__QudvT {
    font-size: 15px;
    line-height: 24px
}

.styles_title__QudvT {
    color: var(--color-graybase-100);
    letter-spacing: .3px
}

.PatternBlue_blue__Yv8h8 {
    color: #4ca8f7
}

.PatternBlue_light_blue__1pPuc {
    color: #9dd4e6
}

.ItemInformation730_link__o_jJ9 {
    color: #9f8fff
}

.ItemInformation730_wrapper__2p9BH {
    min-width: 370px;
    max-width: 370px
}

.ItemInformation730_block_hide__tlXKh {
    display: none
}

.ItemInformation730_title__vTEq4 {
    margin-bottom: 29px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    color: var(--color-white-100);
    letter-spacing: -.3px
}

.ItemInformation730_float__3pbk8 {
    display: flex;
    flex-direction: column;
    margin-top: 10px
}

.ItemInformation730_float_bottom__3umyM {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 14px
}

.ItemInformation730_float_title__3R0wF {
    color: var(--color-graybase-100)
}

.ItemInformation730_float_title__3R0wF,
.ItemInformation730_float_value__30QGt {
    font-size: 14px;
    line-height: 1
}

.ItemInformation730_float_value__30QGt {
    color: #fff
}

.ItemInformation730_divider__3m0Vi {
    width: 100%;
    height: 1px;
    margin: 17px 0;
    background: hsla(0, 0%, 100%, .1)
}

.ItemInformation730_from__3UZ_E {
    overflow: hidden
}

.ItemInformation730_collection__389Ri,
.ItemInformation730_from__3UZ_E {
    display: flex;
    align-items: center
}

.ItemInformation730_collection__389Ri {
    flex: 1;
    min-width: 50%
}

.ItemInformation730_collection_icon__1WBJe {
    width: 30px;
    margin-right: 10px
}

.ItemInformation730_collection_title__3xXl- {
    color: var(--color-graybase-100)
}

.ItemInformation730_case__2yf15,
.ItemInformation730_cases__1q0go {
    display: flex;
    flex: 1;
    align-items: center
}

.ItemInformation730_cases__1q0go {
    justify-content: space-between
}

.ItemInformation730_case_info__2e6HS {
    width: 14px;
    height: 14px;
    fill: hsla(0, 0%, 100%, .3)
}

.ItemInformation730_case_icon__3yCsg {
    width: 30px;
    margin-right: 10px
}

.ItemInformation730_case_title__2TDTa {
    display: flex;
    align-items: center;
    min-width: 50%;
    color: var(--color-graybase-100)
}

.ItemInformation730_divider_vertical__YL_Rk {
    min-width: 1px;
    height: 24px;
    margin: 0 15px;
    background: hsla(0, 0%, 100%, .1)
}

.ItemInformation730_tooltip__1TyfD {
    margin: -25px -1px 0 0
}

@media(max-width:1280px) {
    .ItemInformation730_wrapper__2p9BH {
        min-width: 305px
    }
}

@media(max-width:1024px) {
    .ItemInformation730_wrapper__2p9BH {
        max-width: inherit
    }

    .ItemInformation730_from__3UZ_E {
        flex-direction: column;
        align-items: baseline
    }

    .ItemInformation730_divider_vertical__YL_Rk {
        width: 100%;
        height: 1px;
        margin: 15px 0
    }

    .ItemInformation730_case_icon__3yCsg,
    .ItemInformation730_collection_icon__1WBJe {
        width: 36px;
        margin-right: 4px
    }

    .ItemInformation730_collection_title__3xXl- {
        font-size: 15px;
        line-height: 24px
    }

    .ItemInformation730_case_info__2e6HS {
        align-items: flex-end
    }

    .ItemInformation730_cases__1q0go {
        width: 100%
    }
}

@media(max-width:375px) {
    .ItemInformation730_wrapper__2p9BH {
        min-width: 200px
    }

    .ItemInformation730_from__3UZ_E {
        flex-direction: column
    }

    .ItemInformation730_divider_vertical__YL_Rk {
        align-items: flex-start;
        min-width: 100%;
        height: 1px;
        margin: 17px 21px
    }

    .ItemInformation730_collection_title__3xXl- {
        font-size: 15px;
        line-height: 24px
    }

    .ItemInformation730_case_icon__3yCsg,
    .ItemInformation730_collection_icon__1WBJe {
        width: 36px
    }
}

.ItemInformation730_marble_fade__1TkWg span {
    background: linear-gradient(90deg, #3c63d7, #bc3826);
    -webkit-background-clip: text
}

.ItemInformation730_fade__P9d2x span,
.ItemInformation730_marble_fade__1TkWg span {
    -webkit-text-fill-color: transparent
}

.ItemInformation730_fade__P9d2x span {
    background: linear-gradient(90deg, #bc2754, #d27c49);
    -webkit-background-clip: text
}

.Timer_active_offer__header_timer__1Pozr>span {
    display: flex;
    height: 32px;
    padding: 0 8px
}

.Timer_active_offer__header_timer__1Pozr>span>span>span {
    padding-right: 1px;
    font-weight: 400;
    font-feature-settings: "tnum" on, "lnum" on;
    letter-spacing: -.12em
}

.Preview_area__3VkWn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 600px;
    margin-bottom: 16px;
    overflow: hidden;
    background-image: url(/svg/dot.svg)
}

.Preview_tags__3yaWt {
    position: absolute;
    top: 16px;
    left: 16px
}

.Preview_container__30krV {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    transition: transform .2s ease
}

.Preview_image__D-8B- {
    max-width: 100%;
    object-fit: contain
}

.BDDetails_popup__1E6xk {
    width: 1150px
}

.BDDetails_popupBody__obkWF {
    padding: 50px;
    margin: 0
}

.BDDetails_grid__33EN_ {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 640px 1fr;
    grid-column-gap: 40px
}

.BDDetails_left__1MozX,
.BDDetails_right__WruPb {
    display: flex;
    flex-flow: column nowrap
}

.Layout-module_container__4Y53g {
    --viewport-height: 100vh;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: var(--viewport-height)
}

.Layout-module_header__1-9mG {
    position: relative
}

.Layout-module_content-area__Vm8O9 {
    position: relative;
    display: flex;
    flex-grow: 1;
    width: 100%;
    height: var(--viewport-height)
}

.Layout-module_content-area__Vm8O9 .Layout-module_content__Np24Y {
    flex: 1 1 auto;
    width: inherit;
    min-width: inherit;
    height: inherit;
    min-height: inherit
}

.Layout-module_content-area__Vm8O9.Layout-module_fixed__h72tF {
    overflow-x: hidden;
    overflow-y: auto
}

.Layout-module_footer__KfXWJ {
    position: relative
}

.DiscordModalContent_wrapper__3jFss {
    width: 100%
}

.DiscordModalContent_wrapper_icon__3xIcd {
    height: 100px
}

.AppleButton_apple_icon__lNYA_ {
    flex-shrink: 0;
    padding-right: 4px;
    fill: var(--color-white-100)
}

.GoogleButton_google_icon__30Lrx img {
    vertical-align: bottom
}

.GoogleButton_google_icon__30Lrx svg {
    width: 12px;
    height: 12px
}

.MobileAppPopUp_wrapper__2b9xm {
    width: 100%
}

.MobileAppPopUp_icon__2nfQ_ {
    min-height: 106px
}

.MobileAppPopUp_button_wrapper__1t7ps {
    width: 100%;
    min-width: 155px
}

.MobileAppPopUp_button__r07CX {
    margin-top: 16px
}

.MobileAppPopUp_action__2q6Db {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    place-content: center;
    justify-content: center
}

.MarketTopUpErrors_warning_icon__1dO5m {
    width: 43px;
    height: 43px;
    margin-bottom: 11px;
    fill: var(--color-accent-red-200)
}

.MarketTopUpErrors_wrapper__2YCOm {
    max-width: 295px
}

.MarketDepositBody_container__3NkDm {
    display: flex;
    flex: 1;
    flex-direction: column
}

.MarketDepositBody_scroll__disabled__1ASN3 {
    overflow: hidden !important
}

.MarketDepositBody_modal_payment__26Zdp {
    width: 998px;
    min-height: 488px
}

.MarketDepositBody_loader__Ce-D0 {
    margin: 0 auto 40px
}

.MarketDepositBody_loader__Ce-D0>div>div {
    border-width: 4px
}

.MarketDepositBody_modal_payment__26Zdp .MarketDepositBody_modal_body__32OZl {
    padding: 0;
    margin-top: 30px;
    overflow-y: auto
}

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

.MarketDepositBody_wrapper__1mCvK {
    display: flex;
    height: 100%;
    overflow-x: hidden;
    transition: transform .3s ease-out
}

.MarketDepositBody_wrapper__has_tabs__1pPQS {
    width: 200%
}

.MarketDepositBody_step_contacts__1eMXU .MarketDepositBody_wrapper__1mCvK {
    transform: translateX(-50%)
}

.MarketDepositBody_disabled__1on8n {
    color: var(--color-white-100-opacity-50)
}

.MarketDepositBody_with_input_details__11ueN .MarketDepositBody_line__36EDH>div {
    width: 33%
}

@media(min-width:1024px) {
    .MarketDepositBody_modal_payment__26Zdp {
        min-height: 488px;
        overflow-x: hidden;
        overflow-y: scroll
    }
}

@media(max-width:1023px) {
    .MarketDepositBody_container__3NkDm {
        overflow-x: hidden
    }

    .MarketDepositBody_container__3NkDm,
    .MarketDepositBody_scrollable__pD6D2 {
        overflow-y: auto
    }

    .MarketDepositBody_scrollable__pD6D2::-webkit-scrollbar {
        display: none;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .MarketDepositBody_modal_payment__26Zdp {
        width: 100%;
        min-height: 100%
    }

    .MarketDepositBody_modal_body__32OZl {
        margin-top: 32px !important
    }

    .MarketDepositBody_wrapper__1mCvK {
        overflow-x: unset
    }
}

.MarketDepositLayout_container__3mEO0 {
    display: flex;
    flex: 1;
    flex-direction: column
}

.MarketDepositLayout_scroll__disabled__9Em4V {
    overflow: hidden
}

.MarketDepositLayout_modal_payment__2s0xX {
    width: 998px;
    min-height: 488px
}

.MarketDepositLayout_loader__WhE8_ {
    margin: 0 auto 40px
}

.MarketDepositLayout_loader__WhE8_>div>div {
    border-width: 4px
}

.MarketDepositLayout_modal_body__2TwN0 {
    display: flex;
    justify-content: center
}

.MarketDepositLayout_modal_payment__2s0xX .MarketDepositLayout_modal_body__2TwN0 {
    padding: 0;
    overflow-y: auto
}

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

.MarketDepositLayout_wrapper__1KnQx {
    display: flex;
    height: 100%;
    overflow-x: hidden;
    transition: transform .3s ease-out
}

.MarketDepositLayout_wrapper__has_tabs__3eKX3 {
    width: 200%
}

.MarketDepositLayout_step_contacts__Fm31J .MarketDepositLayout_wrapper__1KnQx {
    transform: translateX(-50%)
}

.MarketDepositLayout_disabled__30085 {
    color: var(--color-white-100-opacity-50)
}

.MarketDepositLayout_with_input_details__2uUma .MarketDepositLayout_line__3CBVo>div {
    width: 33%
}

@media(min-width:1024px) {
    .MarketDepositLayout_modal_payment__2s0xX {
        min-height: 488px;
        overflow-x: hidden;
        overflow-y: scroll
    }
}

@media(max-width:1023px) {
    .MarketDepositLayout_scrollable__26ddx {
        overflow-y: auto
    }

    .MarketDepositLayout_scrollable__26ddx::-webkit-scrollbar {
        display: none;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .MarketDepositLayout_modal_payment__2s0xX {
        width: 100%;
        min-height: 100%
    }

    .MarketDepositLayout_modal_body__2TwN0 {
        margin-top: 32px !important
    }

    .MarketDepositLayout_wrapper__1KnQx {
        overflow-x: unset
    }
}

.PaymentSuccess_icon__EPJsU {
    min-width: 106px;
    min-height: 106px
}

.PaymentSuccess_wrapper__1-eTh {
    width: 295px
}

.PaymentSuccess_success__xGwD8 span {
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    font-feature-settings: "cv01" on, "ss01" on;
    line-height: 32px;
    color: var(--green-400, #5bc27a)
}

.ModalTopUp_modal__1Yp10 {
    width: 620px;
    min-height: 492px
}

.ModalTopUp_modal_body__sltkm {
    padding: 0;
    margin-top: 18px
}

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

.ModalTopUp_container__2XaNH {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 30px 30px;
    overflow-x: hidden
}

.ModalTopUp_container__2XaNH::-webkit-scrollbar {
    width: 0
}

.ModalTopUp_wrapper__1MUN7 {
    display: flex;
    gap: 30px;
    height: 100%;
    transition: transform .3s ease-out
}

.ModalTopUp_step_1__12bVm .ModalTopUp_wrapper__1MUN7 {
    transform: translateX(calc(-100% - 30px))
}

.ModalTopUp_step_2__3Tevr .ModalTopUp_wrapper__1MUN7 {
    transform: translateX(calc(-200% - 60px))
}

.ModalTopUp_loader__EJyEO {
    width: 43px;
    height: 43px;
    margin: 0 auto 40px
}

@media(max-width:1023px) {
    .ModalTopUp_container__2XaNH {
        padding: 0
    }

    .ModalTopUp_modal_body__sltkm {
        margin-top: 32px
    }

    .ModalTopUp_modal__1Yp10 {
        min-height: 100%
    }
}

.BalanceError_container__2ZheS {
    box-sizing: border-box;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    padding: 8px;
    cursor: pointer;
    background: var(--color-graybase-500);
    border-radius: var(--size-corner-radius-regular);
    transition: var(--default-animation-function)
}

.BalanceError_container__text_error__1N-pp {
    color: var(--color-white-100)
}

.BalanceError_container__2ZheS:hover {
    background: var(--color-graybase-400)
}

.BalanceError_container__2ZheS:hover .BalanceError_button__3o-nB {
    background-color: var(--color-purple-300)
}

.NationalCurrencyView_info__1nxU8 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.NationalCurrencyView_balance__28P1o {
    color: var(--color-graybase-100);
    transition: var(--default-animation-function)
}

.NationalCurrencyView_national_currency__M1IBy {
    color: var(--color-white-100)
}

.NationalCurrencyView_green__3FBjE {
    color: #86b77a
}

.NationalCurrencyView_red__elZWs {
    color: var(--color-accent-red-200)
}

.USDCurrencyView_info__2Zc3D {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.USDCurrencyView_balance__2Hihw {
    color: var(--color-white-100);
    transition: color .5s ease-in-out
}

.USDCurrencyView_green__3tzDI {
    color: #86b77a
}

.USDCurrencyView_red__1Icl4 {
    color: var(--color-accent-red-200)
}

.USDCurrencyView_title__19XP9 {
    color: var(--color-graybase-100)
}

.BalanceLayout_icon__2rYPY {
    fill: var(--color-white-100)
}

.BalanceLayout_button__3tbLq {
    position: relative;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    padding: 0 2px;
    margin-left: 4px;
    background-color: var(--color-purple-500);
    border-radius: 50%
}

.BalanceLayout_button__3tbLq,
.BalanceLayout_container__1so_G {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .25s ease-in-out
}

.BalanceLayout_container__1so_G {
    gap: 8px;
    height: 48px;
    padding: 8px;
    background: var(--color-graybase-500);
    border-radius: var(--size-corner-radius-regular)
}

.BalanceLayout_container_content__3lOHt {
    box-sizing: border-box;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    padding: 8px
}

.BalanceLayout_container__text__RhSse {
    color: var(--color-graybase-100)
}

.BalanceLayout_container__text__RhSse,
.BalanceLayout_container__text_error__1pzaC {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BalanceLayout_container__text_error__1pzaC {
    color: var(--color-white-100)
}

.BalanceLayout_container__1so_G:hover {
    background: var(--color-graybase-400)
}

.BalanceLayout_container__1so_G:hover .BalanceLayout_button__3tbLq {
    background-color: var(--color-purple-500)
}

.BalanceLayout_tooltip_body__VqojI {
    gap: 4px;
    text-align: center
}

.BalanceLayout_tooltip_body__text__1LpO9,
.BalanceLayout_tooltip_body__VqojI {
    display: flex;
    flex-direction: column
}

.BalanceLayout_tooltip_body__text_white__3ZL5e {
    color: var(--color-white-100)
}

.BalanceLayout_tooltip_body__text_gray__2dVu8 {
    color: var(--color-graybase-100)
}

@media(max-width:1023px) {
    .BalanceLayout_container__1so_G {
        height: 40px
    }

    .BalanceLayout_container__1so_G,
    .BalanceLayout_container_content__3lOHt {
        min-width: unset
    }

    .BalanceLayout_left__1lM0z {
        margin-right: 8px
    }

    .BalanceLayout_button__3tbLq {
        width: 24px;
        height: 24px
    }

    .BalanceLayout_icon__2rYPY {
        transform: scale(.8)
    }
}

.BalanceLayout_disabled__2N6IR {
    cursor: not-allowed;
    opacity: .4
}

.TooltipContentMarket_tooltip__JLV_Z {
    font-size: inherit;
    font-weight: inherit;
    color: inherit
}

.TooltipContentMarket_tooltip__title__3m12c {
    color: var(--color-pink-100)
}

.TooltipContentMarket_tooltip__currency__23a-a,
.TooltipContentMarket_tooltip__title__big_update__1cvWa {
    color: var(--color-white-100)
}

.TooltipContentMarket_tooltip__description__2vnvP {
    color: var(--color-graybase-100)
}

.TooltipContentMarket_tooltip__description__2vnvP a {
    color: var(--color-purple-400)
}

.MarketBalance_icon__3GzHp {
    min-width: 41px;
    height: 26px
}

.TooltipContentTrade_tooltip__26nOa {
    font-size: inherit;
    font-weight: inherit;
    color: inherit
}

.TooltipContentTrade_tooltip__title__roRFh {
    color: var(--color-purple-300)
}

.TooltipContentTrade_tooltip__currency__2ItQR {
    color: var(--color-white-100)
}

.TooltipContentTrade_tooltip__description__1vci8 {
    color: var(--color-graybase-100)
}

.TradeBalance_icon__3x-iH {
    min-width: 41px;
    height: 26px
}

.Balances_balance_container__1RZzs {
    position: relative;
    display: flex;
    margin-left: 40px
}

.Balances_background_balance__6HO2N {
    position: absolute;
    z-index: 0;
    opacity: .4;
    transform: translateX(-40px)
}

.Balances_background_balance__6HO2N img {
    filter: grayscale(1);
    transition: filter .25s ease-in-out
}

.Balances_background_balance__6HO2N:hover {
    opacity: .4
}

.Balances_background_balance__6HO2N:hover img {
    filter: none
}

.Balances_foreground_balance__1fVyv {
    position: relative;
    z-index: 1
}

@media(max-width:1023px) {
    .Balances_balance_container__1RZzs {
        margin-left: 0
    }

    .Balances_background_balance__6HO2N {
        display: none
    }

    .Balances_foreground_balance__1fVyv {
        transform: none
    }
}

.Actions_actions__3e1Kp {
    display: flex;
    flex-flow: row nowrap;
    column-gap: 24px;
    align-items: center;
    justify-content: flex-start
}

@media(max-width:1023px) {
    .Actions_actions__3e1Kp {
        column-gap: 20px
    }
}

.Trigger_trigger__yjRlC {
    box-sizing: border-box;
    display: flex;
    width: 24px;
    height: 24px;
    padding: 0;
    background-color: transparent;
    border: none;
    outline: none
}

.Header_header__1nrv7 {
    display: flex;
    flex-flow: row nowrap;
    align-content: center;
    align-items: center;
    width: 100%;
    height: 64px;
    padding: 0 16px;
    background-color: var(--color-graybase-700)
}

.Header_header__1nrv7,
.Header_header__1nrv7>div {
    box-sizing: border-box
}

@media(max-width:1366px)and (min-width:1024px) {
    .Header_header__1nrv7 {
        padding: 0 12px 0 16px
    }
}

.Logo_header_logo__2XLeR {
    width: 122px;
    height: 44px
}

.Logo_header_logo_link_wrap__2-rLA {
    z-index: 10
}

.MarketLogo_market_logo__5zCYD {
    width: 100%;
    object-fit: contain
}

.Mode_mode__14lcZ {
    z-index: 10;
    display: flex
}

.Mode_mode__14lcZ img {
    height: 32px;
    object-fit: contain
}

@media(max-width:400px) {
    .Mode_mode__14lcZ img {
        min-width: 46px
    }
}

.Navigation_navigation__2m-rF {
    z-index: 10;
    display: flex;
    flex-flow: row nowrap;
    height: 100%
}

.Navigation_navigation_item__1J4jS {
    --side-padding: 16px;
    position: relative;
    display: flex;
    align-items: center;
    height: 64px;
    padding: 0 var(--side-padding);
    color: var(--color-graybase-200);
    text-decoration: none;
    cursor: pointer;
    transition: color var(--default-animation-duration) var(--default-animation-function)
}

.Navigation_navigation_item__1J4jS:before {
    --base-width: calc(100% - var(--side-padding)*2);
    position: absolute;
    top: 0;
    left: 50%;
    width: var(--base-width);
    height: 4px;
    margin-left: calc(var(--base-width)/-2);
    content: "";
    background-color: currentColor;
    border-radius: 0 0 4px 4px;
    transition: transform var(--default-animation-duration) var(--default-animation-function);
    transform: scaleX(0)
}

.Navigation_navigation_item__1J4jS:hover:before {
    transform: scaleX(.5)
}

.Navigation_navigation_item__1J4jS.Navigation_navigation_item__active__1B2VJ:before {
    transform: scale(1)
}

.Navigation_navigation_item__green__2wvPF.Navigation_navigation_item__active__1B2VJ,
.Navigation_navigation_item__green__2wvPF:hover {
    color: var(--color-accent-green-500)
}

.Navigation_navigation_item__yellow__32j0I.Navigation_navigation_item__active__1B2VJ,
.Navigation_navigation_item__yellow__32j0I:hover {
    color: var(--color-accent-yellow-500)
}

.Navigation_navigation_item__red__1jhT_.Navigation_navigation_item__active__1B2VJ,
.Navigation_navigation_item__red__1jhT_:hover {
    color: var(--color-accent-red-500)
}

.Navigation_navigation_item__blue__We6L4.Navigation_navigation_item__active__1B2VJ,
.Navigation_navigation_item__blue__We6L4:hover {
    color: var(--color-accent-blue-500)
}

.Navigation_navigation_item__purple__37tkw.Navigation_navigation_item__active__1B2VJ,
.Navigation_navigation_item__purple__37tkw:hover {
    color: var(--color-purple-400)
}

.Navigation_navigation_item__pink__1Smk9.Navigation_navigation_item__active__1B2VJ,
.Navigation_navigation_item__pink__1Smk9:hover {
    color: var(--color-pink-500)
}

.Personal_personal__1v9GT {
    z-index: 11;
    display: flex;
    flex-flow: row nowrap;
    column-gap: 26px;
    align-items: center;
    justify-content: flex-start
}

.Spacer_spacer__1v053 {
    flex-grow: 1
}

.SupportNotificationIcon_notification__3_jZU {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-graybase-400);
    border-radius: 100%;
    transition: transform var(--default-animation-props);
    transform-origin: center
}

.SupportNotificationIcon_notification__hide__1wBGI {
    transform: scale(0)
}

.SupportNotificationIcon_notification__3_jZU>svg {
    opacity: 1 !important;
    fill: var(--color-accent-yellow-100);
    stroke: var(--color-graybase-700);
    stroke-width: 1px
}

.styles_logo__3DC9L {
    width: 100%;
    object-fit: contain
}

.styles_wrapper__3Cz5l {
    position: relative;
    user-select: none
}

.styles_label__3I0a2 {
    display: flex;
    cursor: pointer
}

.styles_text__203IS {
    color: #fff;
    transition: all .2s cubic-bezier(.4, 0, .2, 1)
}

.styles_icon__2_xdk {
    top: 2px;
    right: 8px;
    fill: var(--color-graybase-100)
}

.styles_icon__2_xdk,
.styles_symmetrical__6LqO3 {
    position: absolute;
    transition: all .2s cubic-bezier(.4, 0, .2, 1)
}

.styles_symmetrical__6LqO3 {
    top: 3px;
    right: -1px;
    fill: #fff;
    transform: rotate(180deg)
}

.styles_opened__1kgdX .styles_text__203IS {
    color: #fff
}

.styles_opened__1kgdX .styles_icon__2_xdk {
    fill: #fff;
    transform: rotate(180deg)
}

.styles_opened__1kgdX .styles_symmetrical__6LqO3 {
    visibility: visible;
    opacity: 1;
    transform: rotate(0deg);
    transform: scale(1.000001) translateY(0)
}

.styles_label__3I0a2:hover .styles_text__203IS {
    color: #fff
}

.styles_label__3I0a2:hover .styles_icon__2_xdk {
    fill: #fff
}

.styles_content__17SwO {
    display: none;
    padding: 5px
}

.styles_scrollview__2ItlW {
    overflow-x: hidden;
    overflow-y: auto
}

.styles_top__3J2J1 .styles_content__17SwO {
    top: inherit;
    bottom: 28px
}

.styles_opened__1kgdX .styles_content__17SwO {
    display: block !important;
    transform: scale(1.000001) translateY(0)
}

.styles_shadow__1uUgv {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: calc(100% - 10px);
    height: 17px;
    background: linear-gradient(180deg, rgba(68, 68, 75, 0) -23.91%, --color-graybase-400 86.96%)
}

.styles_shadow_item__2dvZT {
    width: 100%;
    height: 17px
}

.styles_element__3WNyN {
    display: flex;
    align-items: center;
    min-height: 30px;
    padding-left: 30px;
    margin-top: 12px;
    color: var(--color-graybase-100);
    white-space: nowrap;
    cursor: pointer;
    transition: all .2s cubic-bezier(.4, 0, .2, 1)
}

.styles_element__3WNyN svg {
    opacity: .65
}

.styles_active__2A9j0,
.styles_element__3WNyN:hover {
    color: #fff
}

.styles_element__3WNyN:hover svg {
    color: #fff;
    opacity: 1
}

.styles_selected__1nEft {
    color: #fff;
    background: var(--color-graybase-300)
}

.styles_option__1vFLR {
    display: flex;
    align-items: center;
    pointer-events: none
}

.styles_option__1vFLR .styles_img__1ePte {
    height: 20px;
    object-fit: cover;
    margin-right: 9px
}

.styles_label_options__2mDnd {
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.InteractiveCenterIcon_container__3dApL {
    position: relative;
    cursor: pointer;
    fill: var(--color-graybase-200);
    transition: var(--default-animation-props)
}

.InteractiveCenterIcon_container__3dApL:hover {
    fill: var(--color-white-100)
}

.InteractiveCenterIcon_button__1SIX- {
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
    fill: var(--color-graybase-100)
}

.InteractiveCenterIcon_alert_icon__tpPKT {
    position: absolute;
    top: -3px;
    right: -4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    background: var(--color-graybase-700);
    border-radius: 50%;
    fill: var(--color-accent-yellow-100);
    stroke: var(--color-graybase-700);
    stroke-width: 1px
}

@media(max-width:1023px) {
    .InteractiveCenterIcon_alert_icon__tpPKT {
        background: var(--color-graybase-600)
    }
}

.InteractiveMenuSection_wrapper__3jtTk {
    display: grid;
    gap: 28px;
    padding: 16px 0
}

.InteractiveMenuSection_item_wrapper__FB29u {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.InteractiveMenuSection_item_with_icon__3ZIBG {
    display: grid;
    grid-auto-flow: column;
    gap: 16px;
    align-items: center;
    color: var(--color-white-100);
    fill: var(--color-white-100)
}

.InteractiveMenuSection_arrow_wrap__1ubP6 {
    height: 24px;
    fill: var(--color-graybase-100);
    transform: rotate(-90deg)
}

.InteractiveMenuSection_logout_item__2Kp2t {
    display: flex;
    color: var(--color-accent-red-100);
    fill: var(--color-accent-red-100)
}

.InteractiveMenuSection_delimiter__3jNwt {
    height: 1px;
    margin: 0 -16px;
    background: var(--color-white-100-opacity-10)
}

.InteractiveMenuSection_dropdowns__1An-- {
    display: flex;
    justify-content: space-between;
    width: 232px;
    height: 50px
}

.InteractiveMenuSection_dropdown_language__1H51e {
    width: 127px
}

.InteractiveMenuSection_dropdown_currency__VXwxW,
.InteractiveMenuSection_dropdown_language__1H51e {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    background: var(--color-graybase-500);
    border-radius: var(--size-corner-radius-regular)
}

.InteractiveMenuSection_dropdown_currency__VXwxW {
    width: 90px
}

.InteractiveMenuSection_application_wrap__2fC5Q {
    display: flex;
    flex-direction: column;
    padding: 13px 0
}

.InteractiveMenuSection_application_wrap_row__3Kk-I {
    display: flex;
    flex-wrap: wrap
}

.InteractiveMenuSection_special_link__BrKRR {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 88px;
    height: 48px;
    margin-top: 12px;
    margin-right: 14px;
    background: var(--color-graybase-500);
    border-radius: var(--size-corner-radius-regular)
}

.InteractiveMenuSection_download_google_play_icon__1caGU {
    margin-right: 12px;
    margin-left: 4px
}

.InteractiveMenuSection_download_apple_icon__3KBVp {
    width: 36px;
    margin: 3px 12px 5px 4px
}

.InteractiveMenuSection_arrow_with_platform__Q33uU {
    fill: var(--color-white-100-opacity-30)
}

.InteractiveMenuSection_button__2Vx1Z {
    text-align: left;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none
}

.MenuFooter_footer_unique_wrap__1fdOi {
    display: grid;
    grid-auto-flow: row;
    gap: 24px;
    padding: 16px 0;
    color: var(--color-graybase-200)
}

.MenuFooter_legal_entities__1AZkI {
    display: grid;
    gap: 8px
}

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

.MenuFooter_link__3WW9T {
    opacity: .7;
    fill: var(--color-graybase-100)
}

.MenuFooter_logotypes__2s4e1 {
    display: flex;
    flex-flow: wrap;
    align-items: center
}

.MenuFooter_mastercard__2a-pI {
    width: 38px;
    height: 24px;
    margin: 0 16px 0 0;
    background-image: url(../imgs/mastercard_logo.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.MenuFooter_visa__2vjyb {
    background-image: url(../imgs/payment-visa.svg)
}

.MenuFooter_discover__lOvxL,
.MenuFooter_visa__2vjyb {
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.MenuFooter_discover__lOvxL {
    margin: 0 16px 0 0;
    background-image: url(../imgs/payment-discover.svg)
}

.MenuFooter_copyright_group__2lLzp {
    display: grid;
    gap: 4px
}

.MenuFooter_csmoney__2XEDk {
    color: var(--color-white-100)
}

.MenuItem_item_link__16lvv {
    padding-left: 36px
}

.MenuItem_current__1dCvN a {
    color: var(--color-purple-300)
}

.MenuItem_url__3EA9V {
    color: var(--color-graybase-100)
}

.UserInfoTitle_user_info_wrapper__14-9C {
    display: flex;
    align-items: center
}

.UserInfoTitle_user_avatar_mobile__3mw_l {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    border: 1px solid var(--color-white-100-opacity-10);
    border-radius: 50%
}

.UserInfoTitle_user_name_mobile__os8rh {
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis
}

.HeaderMobileAccordeon_wrapper__1zsLZ {
    position: relative;
    z-index: 11;
    display: flex;
    align-items: center;
    height: 100%
}

.HeaderMobileAccordeon_logo_money__2UlBM {
    width: 110px;
    height: 40px
}

.HeaderMobileAccordeon_logo__7sFik {
    width: 25px;
    fill: var(--color-white-100)
}

.HeaderMobileAccordeon_current_logo__FSSO2 svg>path {
    fill: var(--color-purple-300)
}

.HeaderMobileAccordeon_menu__32aFW {
    position: absolute;
    top: 0;
    left: -322px;
    z-index: 11;
    box-sizing: border-box;
    width: 272px;
    padding: 12px 16px;
    overflow: auto;
    background: var(--color-graybase-700);
    -webkit-transition: left var(--default-animation-props);
    -moz-transition: left var(--default-animation-props);
    transition: left var(--default-animation-props)
}

.HeaderMobileAccordeon_menu__32aFW.HeaderMobileAccordeon_active__kH6Y3 {
    left: -16px
}

.HeaderMobileAccordeon_menu__32aFW::-webkit-scrollbar {
    width: 0
}

.HeaderMobileAccordeon_menu_content__HRnqN {
    display: grid;
    grid-auto-flow: row;
    gap: 12px;
    padding-top: 20px
}

.HeaderMobileAccordeon_menu_content_header__E_PPS {
    padding: 8px 0 12px
}

.HeaderMobileAccordeon_login_btn__2bFnm {
    min-width: 100%
}

.HeaderMobileAccordeon_menu_header__1rHFC {
    display: inline-grid;
    grid-auto-flow: column;
    gap: 12px;
    align-items: center
}

.HeaderMobileAccordeon_current__66tWh {
    color: var(--color-purple-300)
}

.HeaderMobileAccordeon_menu_outside__3MZ8P {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: calc(100% - 272px);
    height: 100vh
}

.HeaderMobileAccordeon_visusal_settings_btn__1wmSG {
    display: grid;
    grid-template-columns: min-content auto;
    gap: 12px;
    align-items: center;
    padding: 20px 0;
    margin-bottom: 30px;
    color: var(--color-white-100);
    text-align: left;
    background: none;
    outline: none;
    fill: var(--color-white-100)
}

.HeaderMobileAccordeon_download_apple_icon__mmoJt {
    padding: 0 9px 0 7px;
    fill: var(--color-white-100)
}

.HeaderMobileAccordeon_unique_wrap__3FMtF {
    display: grid;
    grid-auto-flow: row;
    gap: 28px;
    padding: 16px 0
}

.HeaderMobileAccordeon_burger_icon__1tpS4 {
    position: relative;
    cursor: pointer;
    fill: var(--color-white-100)
}

.HeaderMobileAccordeon_support__1viqN {
    position: absolute;
    top: 0;
    left: calc(100% - 10px)
}

.HeaderMobileAccordeon_cross_icon__1yQCO {
    cursor: pointer
}

.HeaderMobileAccordeon_menu_items_wrap__2Y9Wz {
    display: grid;
    grid-auto-flow: row;
    gap: 20px;
    padding: 16px 0
}

.HeaderMobileAccordeon_item_link__1DV7X {
    padding-left: 36px
}

.HeaderMobileAccordeon_delimiter__2BKc0 {
    height: 1px;
    margin: 0 -16px;
    background: var(--color-white-100-opacity-10)
}

.OnboardingIndicator_button__KtaA5 {
    position: relative;
    display: block;
    width: 24px;
    padding: 0;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none
}

.OnboardingIndicator_button__KtaA5 .OnboardingIndicator_icon__1MXbQ path {
    transition: .3s
}

.OnboardingIndicator_button__KtaA5:hover .OnboardingIndicator_icon__1MXbQ path {
    fill: var(--frontly-white-100)
}

.OnboardingIndicator_active__1Rq_F {
    display: block
}

.OnboardingIndicator_active__1Rq_F:after {
    position: absolute;
    top: -3px;
    right: -2px;
    width: 10px;
    height: 10px;
    content: "";
    background-color: var(--color-pink-bright);
    border: 2px solid var(--frontly-graybase-700);
    border-radius: 50%
}

.OnboardingIndicator_icon__1MXbQ {
    display: block;
    width: 24px
}

.SupportButton_item_img__3rg4m {
    position: relative;
    display: flex;
    align-self: center;
    padding-right: 8px;
    fill: var(--color-graybase-100)
}

.SupportButton_notification__3VhQM {
    position: absolute;
    top: -6.5px;
    right: 1.5px
}

.UserMenuMobile_navigation__11poW {
    display: flex;
    flex-direction: column
}

.UserMenuMobile_item_img__2th0j {
    min-width: 18px;
    fill: var(--color-graybase-100)
}

.UserMenuMobile_item__1W6GQ a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 6px 0
}

.UserMenuMobile_dropdown__1iokU {
    top: 61px;
    right: 0;
    left: auto
}

.UserMenuMobile_log_out_title__2nXOS {
    color: #ac5d61
}

.UserMenuMobile_item_out__eF87C a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 7px 0
}

.UserMenuMobile_active_route__2kpDO {
    color: var(--color-purple-400)
}

.UserMenuMobile_active_route__2kpDO svg {
    fill: var(--color-purple-400)
}

.UserMenuMobile_item_out__eF87C svg {
    padding-right: 11px;
    margin: 0 0 0 3px;
    fill: #ac5d61
}

.UserMenuMobile_wrap__2HxmU {
    top: 58px;
    right: -1px;
    min-width: 176px
}

.UserMenuMobile_wrap__2HxmU,
.UserMenuMobile_wrap__2HxmU div {
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -.35px
}

.UserMenuMobile_wrap__2HxmU div {
    padding: 0 6px
}

.UserMenuMobile_profile_avatar__1ewJf {
    display: block;
    width: 48px;
    height: 48px;
    margin-right: -3px;
    border: 4px solid transparent;
    border-radius: 50%;
    transition: border-color .2s ease-in-out
}

.UserMenuMobile_profile_avatar_mobile__2WRyx {
    display: none;
    width: 38px;
    height: 38px;
    margin-right: 0;
    border: none
}

.UserMenuMobile_route__1Ov6m {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 15px 24px 21px 21px;
    margin-bottom: 1px;
    line-height: 15px;
    color: #fff;
    letter-spacing: -.35px;
    white-space: nowrap;
    cursor: pointer
}

.UserMenuMobile_route__1Ov6m svg {
    margin-right: 13px;
    fill: #fff
}

.UserMenuMobile_delimiter__3RPug {
    width: 100%;
    height: 1px;
    margin: 14px 0 18px;
    background: hsla(0, 0%, 100%, .1)
}

@media(max-width:1023px) {
    .UserMenuMobile_dropdown_container__2IEFq {
        display: none
    }

    .UserMenuMobile_profile_avatar_mobile__2WRyx {
        display: block
    }

    .UserMenuMobile_modal__3bkcS {
        width: 100vw;
        height: 100vh;
        background: var(--color-graybase-500)
    }
}

@media(max-width:768px) {
    .UserMenuMobile_active_route__2kpDO {
        background: none
    }
}

@media(max-width:575px) {
    .UserMenuMobile_delimiter__3RPug {
        margin: 14px 16px 18px
    }
}

.UserMenu_full_width__2VgY8 {
    width: 100%
}

.UserMenu_item_img__1CSHa {
    display: flex;
    align-self: center;
    padding-right: 8px;
    fill: var(--color-graybase-100)
}

.UserMenu_item__1dhgM:hover .UserMenu_item_img__1CSHa {
    fill: var(--color-white-100)
}

.UserMenu_item__1dhgM {
    height: 36px;
    padding-left: 8px
}

.UserMenu_item__1dhgM:hover {
    border-radius: var(--size-corner-radius-regular)
}

.UserMenu_item__1dhgM a,
.UserMenu_profile_avatar_wrap__Nv88R {
    display: flex;
    align-items: center
}

.UserMenu_profile_avatar_wrap__Nv88R svg {
    fill: var(--color-white-100)
}

.UserMenu_dropdown__jnh9F {
    top: 61px !important;
    right: 0 !important;
    left: auto !important;
    min-width: 180px !important
}

.UserMenu_log_out__QkaCV {
    padding-right: 10px;
    fill: var(--color-accent-red-200)
}

.UserMenu_log_out_title__2USsn {
    color: var(--color-accent-red-200)
}

.UserMenu_item_out__3TOku:hover .UserMenu_log_out_title__2USsn {
    color: var(--color-accent-red-100)
}

.UserMenu_item_out__3TOku:hover .UserMenu_log_out__QkaCV {
    fill: var(--color-accent-red-100)
}

.UserMenu_profile_avatar__17vja {
    display: block;
    width: 48px;
    height: 48px;
    margin-right: -3px;
    border: 2px solid transparent;
    border-radius: 50%;
    transition: border-color var(--default-animation-props)
}

.UserMenu_profile_avatar__17vja:hover {
    border-color: var(--color-graybase-400)
}

.UserMenu_icon_avatar__2ro5n {
    width: 14px !important;
    height: 32px !important;
    margin-bottom: 12px !important;
    margin-left: 8px !important
}

.UserMenu_profile__3DKu8 img {
    width: 28px;
    height: 32px;
    margin-bottom: 14px;
    margin-left: 0
}

.UserMenu_profile_avatar_mobile__3dUu0 {
    display: none;
    width: 38px;
    height: 38px;
    margin-right: 0;
    border: none
}

@media(max-width:1023px) {
    .UserMenu_dropdown_container__2WskL {
        display: none
    }

    .UserMenu_profile_avatar_mobile__3dUu0 {
        display: block
    }

    .UserMenu_market_menu__1ctaN {
        margin-right: 0
    }
}

@media(max-width:550px) {
    .UserMenu_profile_avatar_mobile__3dUu0 {
        margin-right: 0
    }
}

.CurrencyDropdown_dropdown__3YsPp {
    z-index: 10
}

.CurrencyDropdown_label__2xEU3 {
    line-height: 1.2;
    white-space: nowrap
}

.LanguageCurrencyButton_container__3-Vmf {
    z-index: 10;
    cursor: pointer
}

.LanguageCurrencyButton_language_img__1vPjP {
    box-sizing: border-box;
    display: block;
    width: 24px;
    border: 2px solid transparent;
    border-radius: 50%;
    transition: border-color var(--default-animation-props)
}

.LanguageCurrencyButton_language_img__1vPjP:hover {
    border-color: var(--color-white-100-opacity-10)
}

.LanguageCurrencyButton_lable__3QRjS,
.LanguageCurrencyButton_option__13cbj {
    align-items: center
}

.LanguageCurrencyButton_option__13cbj {
    display: flex;
    width: 100%
}

.LanguageCurrencyButton_option_image__2Ol4P {
    width: 20px;
    height: 20px;
    margin-right: 6px
}

.AlertTray_button__3z9vz {
    flex-shrink: 1;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: transparent;
    border: none
}

.AlertTray_button__3z9vz,
.AlertTray_button__3z9vz a {
    display: flex
}

.AlertTray_button__3z9vz svg {
    fill: var(--frontly-yellow-400)
}

.AppHeader_user_menu___E_DB {
    z-index: 10
}

.AppHeader_mobile_header__2Zn5d {
    height: 64px;
    transition: height .4s, opacity .4s, transform .4s;
    will-change: height
}

.AppHeader_mobile_header_hidden__G9rO_ {
    height: 16px;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-32px)
}

.styles_banner_container__2Vx5Z {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 58px;
    background: var(--frontly-yellow-400);
    border-radius: var(--size-corner-radius-regular);
    animation: styles_fadein__16JU0 1s
}

.styles_img__ajpgV {
    height: 100%
}

.styles_text__U1bW7 {
    display: block;
    height: 26px;
    margin-right: 16px;
    color: var(--color-graybase-800)
}

.styles_banner_content__2zl0B {
    display: flex;
    align-items: center
}

@media(max-width:894px) {
    .styles_banner_container__2Vx5Z {
        height: 100%;
        padding: 16px 0
    }

    .styles_banner_content__2zl0B {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .styles_banner_content__2zl0B .styles_text__U1bW7 {
        max-width: 311px;
        margin-bottom: 12px;
        text-align: center
    }

    .styles_banner_content__2zl0B>button {
        width: 100%
    }
}

@media(max-width:1023px) {
    .styles_banner_container__2Vx5Z {
        margin: 0 16px
    }
}

@media(max-width:1287px) {
    .styles_banner_container__2Vx5Z {
        height: unset;
        padding: 16px
    }

    .styles_text__U1bW7 {
        height: unset
    }
}

@media(max-width:1605px) {
    .styles_banner_container__2Vx5Z {
        justify-content: center
    }

    .styles_img__ajpgV {
        display: none
    }
}

@media(max-width:1750px) {
    .styles_banner_content__2zl0B {
        display: flex;
        align-items: center
    }

    .styles_img_right__DLE42 {
        margin-right: -72px
    }

    .styles_img_left__Tjb9- {
        margin-left: -72px
    }
}

.styles_logo__iZ-VY {
    width: 26px;
    height: 15px;
    cursor: pointer;
    object-fit: contain
}

.styles_banner_wrapper__2cDRo {
    padding-bottom: 8px;
    overflow: hidden
}

.styles_banner_container__1BxWu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    background: var(--color-purple-500-opacity-50);
    border-radius: 4px;
    animation: styles_fadein__1WHsl 1s
}

.styles_text__1Unlh {
    margin-right: 5px;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: center
}

.styles_text__1Unlh:last-child {
    margin-right: unset
}

.styles_steam_icon__2WTAu {
    width: 33.61px;
    height: 18.74px;
    margin-right: 13px
}

.styles_mobile_link__Q9utf {
    display: none
}

@media(max-width:550px) {
    .styles_steam_icon__2WTAu {
        display: none
    }

    .styles_text__1Unlh {
        flex-basis: 100%;
        margin-right: unset;
        font-size: 14px;
        line-height: 20px
    }
}

@keyframes styles_fadein__1WHsl {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.CloseButton_button__1zqZZ {
    position: absolute;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: transparent;
    border: none
}

.CloseButton_button__1zqZZ svg {
    fill: var(--color-white-100);
    fill-opacity: .5
}

@media(max-width:1023px) {
    .CloseButton_button__1zqZZ {
        top: 8px;
        right: 8px
    }
}

.EventModalCloseButton_button__32Tyw {
    position: relative;
    top: 12px;
    right: 12px;
    box-sizing: border-box;
    display: flex;
    flex-shrink: 1;
    align-items: center;
    justify-content: center;
    padding: 6px;
    cursor: pointer;
    background: var(--frontly-graybase-500);
    border: 1.5px solid var(--frontly-white-100-10);
    border-radius: 50%;
    transition: .2s var(--default-animation-function)
}

.EventModalCloseButton_button__32Tyw svg {
    fill: var(--frontly-graybase-200)
}

.EventModalCloseButton_button__32Tyw:hover svg {
    fill: var(--frontly-graybase-100)
}

.BaseModal_header__1fgt2 {
    padding: 0
}

.BaseModal_header_content__2QafZ {
    width: 520px;
    height: 270px
}

@media(max-width:1023px) {
    .BaseModal_header_content__2QafZ {
        width: 100%;
        height: auto
    }
}

.BaseModal_header_content__2QafZ img {
    width: 100%
}

@media(max-width:1023px) {
    .BaseModal_header_content__2QafZ img {
        height: 100%
    }
}

.BaseModal_content__waBoh {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 24px
}

.BaseModal_content_text__2IRXN {
    color: var(--frontly-graybase-100);
    white-space: pre-line
}

.BaseModal_footer__2gZ8l {
    border-top: 1px solid var(--color-purple-200-opacity-8)
}

.PreReadonlyBanner_body__AcuwR {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 58px;
    overflow: hidden;
    background: var(--frontly-yellow-400-10);
    border-radius: var(--size-corner-radius-regular)
}

@media(max-width:1331px) {
    .PreReadonlyBanner_body__AcuwR {
        justify-content: center;
        text-align: center
    }
}

@media(max-width:1023px) {
    .PreReadonlyBanner_body__AcuwR {
        box-sizing: border-box;
        height: auto;
        padding: 16px;
        margin: 0 16px 2px
    }

    .PreReadonlyBanner_body__AcuwR h2 {
        font-size: 15px
    }
}

.PreReadonlyBanner_content__3BXbG {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 0 12px;
    text-align: center
}

@media(max-width:1024px) {
    .PreReadonlyBanner_content__3BXbG {
        flex-direction: column;
        gap: 16px
    }
}

@media(max-width:1440px) {
    img.PreReadonlyBanner_chevrons__3xMOh {
        display: none
    }
}

@media(min-width:1332px)and (max-width:1440px) {
    img.PreReadonlyBanner_chevrons_short_right__2vnqk {
        margin-right: -8px
    }

    img.PreReadonlyBanner_chevrons_short_left__1nwOG {
        margin-left: -8px
    }
}

img.PreReadonlyBanner_chevrons_short_left__1nwOG,
img.PreReadonlyBanner_chevrons_short_right__2vnqk {
    display: none
}

@media(min-width:1332px)and (max-width:1440px) {

    img.PreReadonlyBanner_chevrons_short_left__1nwOG,
    img.PreReadonlyBanner_chevrons_short_right__2vnqk {
        display: block
    }
}

img.PreReadonlyBanner_reversed__2ry_e {
    transform: rotate(-180deg)
}

.PreReadonlyBanner_text__tRl8L {
    color: var(--frontly-yellow-400);
    white-space: pre-line
}

.Column_column__2dq47 {
    display: grid;
    grid-auto-flow: row;
    gap: 8px
}

.Column_title__2qSlL {
    color: var(--color-white-100)
}

.Column_wrapper__3-0T- {
    cursor: pointer
}

.Column_wrapper__3-0T-:hover {
    color: var(--color-purple-400)
}

.Divider_root__ziCNM {
    background-color: var(--color-white-100-opacity-10)
}

.Divider_vertical__2pvk8 {
    width: 1px;
    height: 100%
}

.Divider_horizontal__2cEzU {
    width: 100%;
    height: 1px
}

.Copyright_wrapper__34TyI {
    position: relative;
    gap: 16px;
    align-items: center;
    width: fit-content;
    color: var(--frontly-graybase-200)
}

.Copyright_icons_wrapper__152vI,
.Copyright_wrapper__34TyI {
    display: grid;
    grid-auto-flow: column
}

.Copyright_icons_wrapper__152vI {
    gap: 10px
}

.Copyright_divider__xhn49 {
    height: 20px
}

.Copyright_csmoney__nprXy {
    color: var(--frontly-graybase-200)
}

.Footer_footer__2KwWs {
    padding: 20px 16px 16px
}

.Logo_footer_logo__2k1EC {
    display: block;
    width: 132px;
    height: 100%;
    margin-top: -15px
}

.SocialNetworks_img__2JJYP {
    cursor: pointer;
    fill: var(--color-white-100-opacity-50);
    transition: color var(--default-animation-duration) var(--default-animation-function)
}

.SocialNetworks_img__2JJYP:hover {
    fill: var(--color-white-100)
}

.SocialNetworks_wrap__GyYsN {
    grid-auto-flow: row
}

.SocialNetworks_inner__2SUsI,
.SocialNetworks_wrap__GyYsN {
    display: grid;
    gap: 20px
}

.SocialNetworks_inner__2SUsI {
    grid-auto-flow: column;
    width: fit-content
}

.FooterExtensions_extensions__DiL_P {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.FooterExtensions_extensions_btn__kXIVD {
    display: block;
    width: 190px
}

.AppFooter_list__4N2mt {
    display: grid;
    grid-auto-flow: row;
    gap: 8px;
    color: var(--frontly-graybase-200)
}

@media(max-width:1670px) {
    .AppFooter_list__4N2mt {
        max-width: 116px
    }
}

.AppFooter_list__4N2mt a:hover {
    color: var(--color-purple-400)
}

.AppFooter_inner_up__1LqxM {
    align-items: flex-start
}

.AppFooter_inner_down__BGCVt,
.AppFooter_inner_up__1LqxM {
    display: flex;
    justify-content: space-between
}

.AppFooter_inner_down__BGCVt {
    gap: 48px;
    align-items: center;
    margin-top: 32px
}

.AppFooter_back_to_old__fdj3m {
    display: flex;
    width: fit-content;
    padding: 6px 7px 6px 4px;
    white-space: nowrap;
    cursor: pointer;
    background: var(--color-graybase-500);
    border-radius: var(--size-corner-radius-regular)
}

.AppFooter_back_to_old__fdj3m span {
    margin-right: 3px;
    margin-left: 7px
}

.AppFooter_back_to_old__fdj3m span,
.AppFooter_legal_info__1aX03 {
    color: var(--frontly-graybase-200)
}

.AppFooter_legal_info__1aX03 {
    display: flex;
    gap: 12px
}

.AppFooter_legal_info__1aX03>div {
    max-width: 540px
}

@media(max-width:2000px) {
    .AppFooter_legal_info__1aX03>div {
        max-width: 400px
    }
}

@media(max-width:1640px) {
    .AppFooter_legal_info__1aX03>div {
        max-width: 460px
    }
}

@media(max-width:1440px) {
    .AppFooter_legal_info__1aX03>div {
        max-width: 360px
    }
}

.AppFooter_right__1aCaN {
    display: flex;
    column-gap: 36px
}

@media(max-width:1700px) {
    .AppFooter_right__1aCaN {
        flex-direction: column;
        row-gap: 8px;
        align-items: flex-end
    }
}

.AppFooter_logo_column__3GtcS {
    display: none
}

@media(min-width:1280px) {
    .AppFooter_logo_column__3GtcS {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%
    }
}

.style_container__2j1U- {
    display: flex;
    justify-content: center;
    height: 64px;
    background: #ff8200;
    backface-visibility: hidden
}

@media(min-width:1920px) {
    .style_container__2j1U- {
        background: linear-gradient(90deg, #ff9712 50%, #ff8200 0)
    }
}

@media(max-width:1919px) {
    .style_container__2j1U- {
        background: linear-gradient(90deg, #ff9712 50%, #ff8200 0)
    }
}

@media(max-width:1439px) {
    .style_container__2j1U- {
        background: linear-gradient(90deg, #ff900c 50%, #ff8200 0)
    }
}

@media(max-width:1023px) {
    .style_container__2j1U- {
        background: linear-gradient(90deg, #ff8a08, #ff8200 50%)
    }
}

.style_main_banner__GCAYo {
    position: relative;
    width: 100%;
    min-width: 360px;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    transition: .25s
}

@media(max-width:767px) {

    .style_main_banner__GCAYo.style_en__1tbGu,
    .style_main_banner__GCAYo.style_pt__11_N4,
    .style_main_banner__GCAYo.style_ru__3Y-1k,
    .style_main_banner__GCAYo.style_ua__3dTMV {
        min-width: 540px
    }
}

@media(min-width:1920px) {
    .style_main_banner__GCAYo.style_en__1tbGu {
        background-image: url(../imgs/en_1920xХ.png)
    }
}

@media(max-width:1919px) {
    .style_main_banner__GCAYo.style_en__1tbGu {
        background-image: url(../imgs/en_1440x1919.png)
    }
}

@media(max-width:1439px) {
    .style_main_banner__GCAYo.style_en__1tbGu {
        background-image: url(../imgs/en_1024x1439.png)
    }
}

@media(max-width:1023px) {
    .style_main_banner__GCAYo.style_en__1tbGu {
        background-image: url(../imgs/en_768x1023.png)
    }
}

@media(max-width:767px) {
    .style_main_banner__GCAYo.style_en__1tbGu {
        min-width: 540px;
        background-image: url(../imgs/en_500x767.png)
    }
}

@media(max-width:499px) {
    .style_main_banner__GCAYo.style_en__1tbGu {
        background-image: url(../imgs/en_425x499.png)
    }
}

@media(max-width:424px) {
    .style_main_banner__GCAYo.style_en__1tbGu {
        background-image: url(../imgs/en_360x424.png)
    }
}

@media(min-width:1920px) {
    .style_main_banner__GCAYo.style_pt__11_N4 {
        background-image: url(../imgs/pt_1920xХ.png)
    }
}

@media(max-width:1919px) {
    .style_main_banner__GCAYo.style_pt__11_N4 {
        background-image: url(../imgs/pt_1440x1919.png)
    }
}

@media(max-width:1439px) {
    .style_main_banner__GCAYo.style_pt__11_N4 {
        background-image: url(../imgs/pt_1024x1439.png)
    }
}

@media(max-width:1023px) {
    .style_main_banner__GCAYo.style_pt__11_N4 {
        background-image: url(../imgs/pt_768x1023.png)
    }
}

@media(max-width:767px) {
    .style_main_banner__GCAYo.style_pt__11_N4 {
        background-image: url(../imgs/pt_500x767.png)
    }
}

@media(max-width:499px) {
    .style_main_banner__GCAYo.style_pt__11_N4 {
        background-image: url(../imgs/pt_425x499.png)
    }
}

@media(max-width:424px) {
    .style_main_banner__GCAYo.style_pt__11_N4 {
        background-image: url(../imgs/pt_360x424.png)
    }
}

.style_main_banner__GCAYo:hover {
    box-shadow: 0 10px 30px 0 rgba(255, 130, 0, .4)
}

.style_main_background__2ag1L {
    display: block;
    height: 64px;
    transition: .1s
}

.style_background__25lM- {
    position: relative;
    z-index: 12;
    background-color: #fff
}

.PageLayout_work_status_wrapper__g2rZD {
    padding: 0 16px
}

@media screen and (max-width:1023px) {
    .PageLayout_work_status_wrapper__g2rZD {
        padding: 0
    }
}

.DemoContent_container__6i1vX,
.DemoContent_content_item__1WvuE {
    display: flex;
    flex-direction: column
}

.DemoContent_content_item__1WvuE {
    position: relative;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 12px 0;
    background-color: rgba(159, 143, 255, .2);
    border: 1px dashed #b7a7ff;
    border-radius: 4px
}

.DemoContent_content_item__1WvuE:first-child {
    margin-top: 0
}

.DemoContent_content_item__1WvuE:last-child {
    margin-bottom: 0
}

.DemoContent_content_item__1WvuE.DemoContent_size_sm__1vC46 {
    height: 64px
}

.DemoContent_content_item__1WvuE.DemoContent_size_md__1CUgk {
    height: 88px
}

.DemoContent_content_item__1WvuE.DemoContent_size_lg__1Eghl {
    height: 144px
}

.DemoContent_content_title__183hy {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #fff
}

.DemoContent_content_description__1lHPp {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #ccd2ff;
    letter-spacing: .005em
}

.DemoContent_top_panel__33mbb {
    display: flex;
    margin-bottom: 8px
}

.DemoContent_modal_sizes__tdlZB {
    display: flex;
    flex: 1 1 auto
}

.DemoContent_modal_sizes__tdlZB .DemoContent_size_button__7f1EI {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    padding: 4px;
    margin-right: 8px;
    font-size: 14px;
    color: #ccd2ff;
    cursor: pointer;
    user-select: none;
    border: 1px solid #ccd2ff;
    border-radius: 4px
}

.DemoContent_modal_sizes__tdlZB .DemoContent_size_button__7f1EI.DemoContent_active__8mwqI {
    font-weight: 500;
    color: #fff;
    background-color: #6e60bb
}

.DemoContent_modal_sizes__tdlZB .DemoContent_size_button__7f1EI:last-child {
    margin-right: 0
}

.DemoContent_sep__3xy-U {
    padding: 8px 0 0;
    margin: 0 16px;
    border-left: 1px solid #43455d
}

.DemoContent_add_button__1CN-F {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    width: 120px;
    padding: 8px;
    font-weight: 600;
    color: #ccd2ff;
    border: 1px solid #ccd2ff;
    border-radius: 4px
}

.DemoContent_add_button__1CN-F,
.DemoContent_del_button__1Ig8I {
    cursor: pointer;
    user-select: none
}

.DemoContent_del_button__1Ig8I {
    position: absolute;
    top: 50%;
    right: 8px;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background-color: #6e60bb;
    border-radius: 4px;
    transform: translateY(-50%)
}

.DemoFooter_container__1tltT {
    display: flex;
    flex-grow: 1;
    justify-content: center
}

.DemoFooter_container__1tltT.DemoFooter_size_sm__QtVia {
    padding: 16px 24px 20px
}

.DemoFooter_container__1tltT.DemoFooter_size_md___OuAA {
    padding: 20px 32px 24px
}

.DemoFooter_container__1tltT.DemoFooter_size_lg__3V0SN {
    padding: 24px 36px 30px
}

.DemoFooter_button__MCKn4 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 8px 12px;
    margin: 0 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05em;
    cursor: pointer;
    user-select: none;
    background-color: #312f3d;
    border-radius: 4px
}

.DemoFooter_button__MCKn4:first-child {
    margin-left: 0
}

.DemoFooter_button__MCKn4:last-child {
    margin-right: 0
}

.DemoFooter_button__MCKn4.DemoFooter_active__Awx0W {
    background-color: #806cf5
}

.DemoContent_container__29WDa,
.DemoContent_content_item__2_1Qq {
    display: flex;
    flex-direction: column
}

.DemoContent_content_item__2_1Qq {
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 16px 0;
    background-color: rgba(159, 143, 255, .2);
    border: 1px dashed #b7a7ff;
    border-radius: 8px
}

.DemoContent_content_item__2_1Qq:first-child {
    margin-top: 0
}

.DemoContent_content_item__2_1Qq:last-child {
    margin-bottom: 0
}

.DemoContent_content_item__2_1Qq.DemoContent_size_sm__3HhRM {
    height: 64px
}

.DemoContent_content_item__2_1Qq.DemoContent_size_md__2WPMg {
    height: 240px
}

.DemoContent_content_item__2_1Qq.DemoContent_size_lg__31N_F {
    height: 282px
}

.DemoContent_content_title__1FLpN {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #fff
}

.DemoContent_content_description__2oxBf {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #ccd2ff;
    letter-spacing: .005em
}

.DemoHeader_container__xSgOs {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: rgba(159, 143, 255, .2);
    border: 1px dashed #b7a7ff;
    border-radius: 8px
}

.DemoHeader_container__xSgOs.DemoHeader_size_sm__1Hmq7 {
    height: 200px
}

.DemoHeader_container__xSgOs.DemoHeader_size_md__A37KN {
    height: 276px
}

.TradePage_wrapper__12b20 {
    height: calc(100% - 16px);
    padding: 0 16px
}

@media(max-width:1023px) {
    .TradePage_wrapper__12b20 {
        padding: 0
    }
}

.TradePage_content__22N7o {
    position: relative;
    display: flex;
    flex-direction: row;
    height: 100%;
    overflow: hidden;
    border-radius: 4px
}

.TradePage_title__2-G3g {
    width: 100%;
    padding: 16px 16px 30px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.TradePage_side__33tZ7 {
    position: relative;
    width: 100%
}

.TradePage_center__1zInq,
.TradePage_side__33tZ7 {
    display: flex;
    flex-direction: column
}

.TradePage_center__1zInq {
    flex-shrink: 0;
    width: 176px;
    margin: 0 16px;
    overflow: hidden
}

.TradePage_center__1zInq::-webkit-scrollbar {
    display: none
}

.TradePage_filters__36L_M {
    display: flex;
    flex-direction: column;
    height: inherit;
    overflow: hidden
}

.TradePage_buttons_filters__29ZUs {
    display: flex;
    margin-top: 16px
}

.TradePage_trade_button__3AwF8 {
    margin-bottom: 16px
}

.TradePage_reset_filters__dcN55 {
    width: 84px;
    margin-right: 12px
}

.TradePage_reset_filters__dcN55 button {
    height: 32px
}

.TradePage_reset_filters__dcN55 button span {
    overflow: hidden;
    font-size: var(--typography-label-11-medium-font-size);
    font-weight: var(--typography-label-11-medium-font-weight);
    line-height: var(--typography-label-11-medium-line-height);
    text-overflow: ellipsis;
    letter-spacing: var(--typography-label-11-medium-letter-spacing);
    white-space: nowrap
}

.TradePage_full_width__15pdA {
    width: 100%;
    margin-right: 0
}

.TradePage_full_height__3Vv16 {
    height: 100%
}

.TradePage_wrapper_trade__2WwNP {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: calc(100% - 26px);
    padding-right: 16px
}

@media(max-width:1023px) {
    .TradePage_wrapper_trade__2WwNP {
        padding: 0
    }
}

.TradePage_title_trade__1gDAd {
    width: 100%;
    padding: 8px 16px 30px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.TradePage_main__2nDJp {
    position: relative;
    display: grid;
    flex: 1;
    grid-template-rows: 100%;
    grid-template-columns: 80px 1fr
}

@media(max-width:1023px) {
    .TradePage_layout__2I1k5 #layout-page-content-area {
        overflow: hidden
    }
}

.style_load__3iPNx {
    display: flex;
    justify-content: center;
    margin: 0 5px
}

.style_thunder__2j8lk {
    fill: var(--color-white-100)
}

.style_thunder__2j8lk.style_disabled__1nTET {
    fill: var(--color-white-100-opacity-50)
}

.style_thunder__2j8lk.style_very_large__2qSs0 {
    width: 24px;
    height: 24px
}

.style_thunder__2j8lk.style_large__1obIg {
    width: 20px;
    height: 20px
}

.style_thunder__2j8lk.style_medium__36SNh {
    width: 16px;
    height: 16px
}

.style_thunder__2j8lk.style_small__2sk-W {
    width: 12px;
    height: 12px
}

.MarketSideBar_label__vbbIR {
    text-align: center
}

.MarketSideBar_thunder_logo__2rek0 {
    fill: inherit
}

.MessageGuard_container__3U_06 {
    width: auto;
    max-width: 327px;
    margin: 200px auto 0
}

.MessageGuard_container__3U_06,
.MessageGuard_loader__iu0Ln {
    grid-area: grid
}

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

.MessageGuard_button__3yIt8 {
    min-width: 240px;
    height: 38px
}

.Search_search__20lRw {
    cursor: pointer;
    fill: var(--color-white-100)
}

.GameChanger_wrapper__38fg0 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: fit-content;
    padding: 0
}

.GameChanger_wrapper_trade__3jbdG {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.GameChanger_wrapper_market__2kEsF {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.GameChanger_wrapper_market__2kEsF svg {
    fill: #fff
}

.GameChanger_button__1cvnB {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    cursor: pointer;
    background: var(--color-graybase-300);
    border: 0
}

.GameChanger_button_disabled__3ICK9 {
    background: var(--color-graybase-400)
}

.GameChanger_button_disabled__3ICK9 svg {
    fill: var(--color-graybase-300)
}

.Spacer_container__2im2t {
    display: inline-flex
}

.Spacer_block__33G4T {
    width: 100%
}

.Spacer_vertical__1IirO {
    flex-direction: column
}

.Spacer_center__3qeTr {
    align-items: center
}

.Spacer_start__1Nn3e {
    align-items: flex-start
}

.Spacer_end__3-SCy {
    align-items: flex-end
}

.Spacer_item__WTzyz:empty {
    display: none
}

.ContentHeader_container__2NVYk {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    padding: 16px
}

@media screen and (max-width:1023px) {
    .ContentHeader_container__2NVYk {
        height: 48px;
        padding: 12px 0
    }
}

.ContentHeader_ghost__1hnnr {
    background-color: transparent
}

.ContentHeader_reverse__2Qgjm {
    flex-direction: row-reverse
}

.RefreshButton_refresh__5tlip {
    display: flex;
    align-items: center;
    padding: 0;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    fill: var(--color-graybase-100);
    transition: fill var(--default-animation-props), transform var(--default-animation-props);
    transform: scaleX(-1)
}

.RefreshButton_refresh__5tlip:active,
.RefreshButton_refresh__5tlip:hover {
    fill: var(--color-white-100);
    transform: scaleX(-1) rotate(-180deg)
}

.RefreshButton_inventory_header_refresh__1F2DD {
    padding-left: 16px;
    margin-left: 0;
    border-left: 1px solid var(--color-white-100-opacity-10)
}

@media(max-width:323px) {
    .RefreshButton_inventory_header_refresh__1F2DD {
        padding-left: 8px
    }
}

.Delimiter_delimiter__3Y3HX {
    height: 1px;
    background: var(--color-white-100-opacity-10)
}

.TransactionsFilter_searchAndSwitcher__1wa6K {
    display: flex;
    flex-direction: row;
    column-gap: 12px
}

.Time_wrapper__149Zv {
    width: 40px;
    color: var(--color-white-100-opacity-30)
}

.Time_wrapper__149Zv,
.TitleType_wrapper__3wo4W {
    display: flex;
    align-items: center;
    transform: matrix(1, 0, 0, 1, 0, 0)
}

.TitleType_wrapper__3wo4W {
    color: var(--color-white-100)
}

.TransactionLeft_container__3nIQt {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 80px;
    padding: 0 16px;
    cursor: pointer;
    background: var(--color-graybase-500)
}

.TransactionLeft_container__3nIQt.TransactionLeft_isSelected__21gOL,
.TransactionLeft_container__3nIQt:hover {
    background: var(--color-graybase-400)
}

.TransactionLeft_wrapper__3Yzwp {
    display: grid;
    grid-auto-flow: column;
    gap: 20px;
    justify-content: flex-start;
    min-width: 188px
}

.TransactionLeft_content_wrapper__17sPV {
    width: 100%
}

.TransactionLeft_icon_wrap__3UTrA {
    padding-top: 20px;
    margin: 0 10px;
    fill: var(--color-graybase-200);
    transform: rotate(-90deg)
}

.TransactionLeft_name__1Dj7N {
    text-transform: capitalize
}

@media(max-width:1024px) {
    .TransactionLeft_container__3nIQt {
        height: 56px;
        padding: 0 12px
    }

    .TransactionLeft_time_wrapper__3Vzuv {
        display: grid;
        grid-auto-flow: row;
        gap: 2px;
        justify-content: flex-start;
        min-width: 63px;
        padding-right: 5px
    }

    .TransactionLeft_content_wrapper_mobile__2OsAm {
        width: 100%;
        min-width: 50px
    }
}

.Status_content__2ZnZh {
    display: grid;
    grid-auto-flow: column;
    gap: 4px;
    align-items: center
}

@media(max-width:1024px) {
    .Status_content__2ZnZh span {
        display: none
    }
}

.Status_wrapper__1Shy4 {
    grid-column: 3/3
}

.buy_container__2pwLu {
    display: flex;
    flex-direction: column;
    gap: 25px
}

.buy_plus__2mFV3 {
    color: #5bc27a !important
}

.buy_right_wrapper__bW5mJ {
    grid-template-columns: 2fr 1fr 200px;
    justify-content: space-between;
    justify-items: flex-end;
    width: 100%
}

.buy_right_wrapper__bW5mJ,
.buy_right_wrapper_mobile__2Hg-j {
    display: grid;
    grid-auto-flow: column;
    align-items: center
}

.buy_right_wrapper_mobile__2Hg-j {
    gap: 16px;
    justify-content: flex-end;
    width: 102%
}

.buy_img_wrapper__Rn7q- {
    display: flex;
    grid-column: 1/2;
    gap: 8px
}

.buy_mobile_wrapper__Lh6Lu,
.buy_wrapper__NaQ_I {
    display: flex;
    justify-content: space-between
}

.buy_slot__3DgZ- {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: rgba(0, 0, 0, .4);
    border-radius: var(--size-corner-radius-regular)
}

.buy_slot__3DgZ- img {
    width: 40px;
    height: 30px
}

@media(max-width:1024px) {
    .buy_slot__3DgZ- {
        width: 32px;
        height: 32px
    }

    .buy_slot__3DgZ- img {
        width: 28px;
        height: 18px
    }
}

.buy_text__3wgnN {
    color: var(--color-graybase-100)
}

.buy_balance__2nkVF {
    grid-column: 2/3;
    font-size: 16px;
    font-weight: regular;
    line-height: 22px
}

.buy_balance__2nkVF .buy_tooltip_content__3BfU7 {
    height: fit-content;
    color: var(--color-graybase-100)
}

.buy_balance__2nkVF .buy_price__3qycV {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center
}

@media screen and (max-width:1023px) {
    .buy_balance__2nkVF .buy_price__3qycV span {
        font-size: 14px
    }
}

.buy_balance__2nkVF .buy_price__3qycV .buy_negative__2rO6I,
.buy_balance__2nkVF .buy_price__3qycV .buy_negative__2rO6I span {
    color: var(--color-graybase-100)
}

.Balance_tooltip_content__2TnaG {
    height: fit-content;
    color: var(--color-graybase-100)
}

.Balance_positive__31HG4,
.Balance_positive__31HG4 span {
    color: var(--color-accent-green-100)
}

.Balance_negative__2d-4Y,
.Balance_negative__2d-4Y span {
    color: var(--color-graybase-100)
}

.Balance_wrapper__PEiOT {
    grid-column: 2/3;
    font-size: 16px;
    font-weight: regular;
    line-height: 22px
}

.Balance_wrapper__PEiOT .Balance_price__gEq5c {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center
}

@media(max-width:1024px) {
    .Balance_wrapper__PEiOT {
        font-size: 14px;
        line-height: 20px
    }
}

.Merchant_wrapper__2bY9o {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    align-items: center
}

.Merchant_price__hdQSw {
    padding-right: 8px;
    font-size: 16px;
    font-weight: regular;
    line-height: 22px;
    color: var(--color-graybase-100)
}

.Merchant_icon__1N36F,
.Merchant_icon__1N36F svg {
    width: 24px;
    height: 24px
}

.cashout_container__1kUnQ {
    display: flex;
    flex-direction: column;
    gap: 25px
}

.cashout_plus__2M_BO {
    color: #5bc27a !important
}

.cashout_icon__qKQ1m {
    width: 62px;
    height: 62px;
    object-fit: contain
}

.cashout_image_container__1D5tE,
.cashout_payment_method__3OWfo {
    display: flex
}

.cashout_payment_method__3OWfo {
    align-items: center
}

.cashout_right_wrapper__2Fxbw {
    grid-template-columns: 2fr 1fr 200px;
    justify-content: space-between;
    justify-items: flex-end;
    width: unset
}

.cashout_right_wrapper__2Fxbw,
.cashout_right_wrapper_mobile__1tOnG {
    display: grid;
    grid-auto-flow: column;
    align-items: center
}

.cashout_right_wrapper_mobile__1tOnG {
    gap: 16px;
    justify-content: flex-end;
    width: 102%
}

.cashout_currency__3w2ZI {
    color: var(--color-graybase-100)
}

.deposit_container__29Hqj {
    display: flex;
    flex-direction: column;
    gap: 25px
}

.deposit_plus__WVVne {
    color: #5bc27a !important
}

.deposit_icon__1JO87 {
    width: 22px;
    height: 22px;
    object-fit: contain
}

.deposit_image_container__1e-A6,
.deposit_payment_method__31WZ1 {
    display: flex
}

.deposit_payment_method__31WZ1 {
    align-items: center
}

.deposit_right_wrapper__3a6h9 {
    grid-template-columns: 2fr 1fr 200px;
    justify-content: space-between;
    width: unset;
    justify-items: flex-end
}

.deposit_right_wrapper__3a6h9,
.deposit_right_wrapper_mobile__3L25Y {
    display: grid;
    grid-auto-flow: column;
    align-items: center
}

.deposit_right_wrapper_mobile__3L25Y {
    gap: 16px;
    justify-content: flex-end;
    width: 102%
}

.deposit_right_wrapper_mobile__3L25Y .deposit_price_mobile__9irk3>span {
    font-size: 14px
}

.deposit_currency__3pBxo {
    color: var(--color-graybase-100)
}

.sell_container__3kc2P {
    display: flex;
    flex-direction: column;
    gap: 25px
}

.sell_plus__1xvgh {
    color: #5bc27a !important
}

.sell_right_wrapper__3YEH3 {
    grid-template-columns: 2fr 1fr 200px;
    justify-content: space-between;
    justify-items: flex-end;
    width: 100%
}

.sell_right_wrapper__3YEH3,
.sell_right_wrapper_mobile__fKoWr {
    display: grid;
    grid-auto-flow: column;
    align-items: center
}

.sell_right_wrapper_mobile__fKoWr {
    gap: 16px;
    justify-content: flex-end;
    width: 102%
}

.sell_img_wrapper__3-aC7 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: rgba(0, 0, 0, .4);
    border-radius: var(--size-corner-radius-regular)
}

.sell_img_wrapper__3-aC7 img {
    width: 40px;
    height: 30px
}

.sell_mobile_wrapper__23v42,
.sell_wrapper__2FdTJ {
    display: flex;
    justify-content: space-between
}

@media(max-width:1024px) {
    .sell_img_wrapper__3-aC7 {
        width: 32px;
        height: 32px
    }

    .sell_img_wrapper__3-aC7 img {
        width: 28px;
        height: 18px
    }
}

.system_container__z1ywB {
    display: flex;
    flex-direction: column;
    gap: 25px
}

.system_plus__2tkP3 {
    color: #5bc27a !important
}

.TransactionRowDate_wrapper__e3U-H {
    display: flex;
    align-items: center;
    height: 40px;
    max-height: 20px;
    padding: 16px 0 7px;
    margin-left: 17px;
    color: var(--color-graybase-100)
}

@media screen and (max-width:1023px) {
    .TransactionRowDate_wrapper__e3U-H {
        align-items: flex-end;
        padding: 12px 0 2px 12px;
        margin-left: unset;
        background-color: var(--color-graybase-600);
        border-radius: 4px
    }
}

.TransactionsMarketPage_wrapper__2OBcL {
    box-sizing: border-box;
    padding-bottom: 16px
}

.TransactionsMarketPage_inner__3nlST,
.TransactionsMarketPage_wrapper__2OBcL {
    display: flex;
    flex-direction: column;
    height: 100%
}

.TransactionsMarketPage_inner__3nlST {
    place-content: center;
    align-items: center;
    max-width: 335px;
    margin: 0 auto
}

@media screen and (max-width:1023px) {
    .TransactionsMarketPage_inner__3nlST {
        max-width: 295px
    }
}

.TransactionsMarketPage_inner__3nlST .TransactionsMarketPage_icon__1I-Sz {
    padding-bottom: 20px
}

.TransactionsMarketPage_inner__3nlST .TransactionsMarketPage_title__tCKAe {
    padding-bottom: 8px;
    color: var(--color-white-100)
}

@media screen and (max-width:1023px) {
    .TransactionsMarketPage_inner__3nlST .TransactionsMarketPage_title__tCKAe {
        padding-bottom: 4px
    }
}

.TransactionsMarketPage_inner__3nlST .TransactionsMarketPage_description__33q-d {
    padding-bottom: 24px;
    color: var(--color-graybase-200);
    text-align: center
}

@media screen and (max-width:1023px) {
    .TransactionsMarketPage_inner__3nlST .TransactionsMarketPage_description__33q-d {
        padding-bottom: 20px
    }
}

.TransactionsMarketPage_inner__3nlST .TransactionsMarketPage_button__2odBg {
    width: 100%;
    max-width: 240px
}

.TransactionsMarketPage_page__2jmsw {
    --header-height: 64px;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 80px 1fr;
    height: 100%
}

@media screen and (max-width:1023px) {
    .TransactionsMarketPage_page__2jmsw {
        display: flex;
        flex-direction: column;
        padding: 0 16px
    }
}

.TransactionsMarketPage_main__3QWx4 {
    position: relative;
    display: grid;
    flex: 1;
    grid-template-rows: 100%;
    height: 100%;
    background-color: var(--color-graybase-600);
    border-radius: 4px
}

@media screen and (max-width:1023px) {
    .TransactionsMarketPage_main__3QWx4 {
        display: flex;
        width: 100%;
        background-color: transparent
    }

    .TransactionsMarketPage_content__8TT5o {
        width: 100%;
        height: calc(100vh - 112px)
    }
}

.TransactionsMarketPage_body__W_nZY {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.TransactionsMarketPage_transactions__2xTvj {
    display: grid;
    grid-template-areas: "header detail" "grid detail";
    grid-template-rows: 71px 1fr;
    grid-template-columns: auto max-content;
    height: 100%
}

@media screen and (max-width:1023px) {
    .TransactionsMarketPage_transactions__2xTvj {
        grid-template-rows: 56px calc(91vh - var(--header-height))
    }
}

.TransactionsMarketPage_transactions__2xTvj .TransactionsMarketPage_header__2rK3- {
    grid-area: header
}

.TransactionsMarketPage_transactions__2xTvj .TransactionsMarketPage_grid__3jGwt {
    display: flex;
    flex-direction: column;
    grid-area: grid;
    gap: 1px;
    justify-self: start;
    width: 100%;
    height: inherit;
    overflow: auto
}

.TransactionsMarketPage_transactions__2xTvj .TransactionsMarketPage_detail__23v5R {
    grid-area: detail;
    justify-self: end
}

@media screen and (max-width:1023px) {
    .TransactionsMarketPage_transactions__2xTvj .TransactionsMarketPage_detail__23v5R {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 15;
        width: 100%;
        height: 100%
    }
}

.styles_container_logo__2lH4r {
    display: flex
}

.styles_container_logo__2lH4r .styles_logo__2Vcl- {
    width: 40px
}

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

.form_title__iPSl5 {
    color: var(--color-graybase-100)
}

.form_value__3wgPS {
    color: var(--color-white-100)
}

@media screen and (max-width:1023px) {
    .form_value__3wgPS>span {
        font-size: 16px
    }
}

.style_waiting_status__3bVpo {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.style_text__2x5o2 {
    color: var(--color-graybase-100)
}

.SkinQuickViewCard_currency__9q4lc {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.SellOrderList_small__3fchH {
    --min-card-width: 106px
}

.SellOrderList_large__33GbL {
    --min-card-width: 152px
}

.SellOrderList_wrapper__2V8uh {
    box-sizing: border-box;
    height: 100%;
    padding: 0 4px 40px 0;
    overflow-y: scroll
}

.SellOrderList_list__3LNkf {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--min-card-width), 1fr));
    gap: 8px;
    height: auto;
    background-color: var(--color-graybase-600)
}

@media(max-width:1023px) {
    .SellOrderList_wrapper__2V8uh {
        padding: 0;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .SellOrderList_wrapper__2V8uh::-webkit-scrollbar {
        display: none
    }

    .SellOrderList_list__3LNkf {
        background-color: var(--color-graybase-700)
    }
}

.SellOrderList_loader_container__18Yzr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px
}

.SellOrders_orders_wrapper__2XV3t {
    box-sizing: border-box;
    height: 100%;
    overflow-y: scroll
}

.buy_container__3rYRF {
    display: flex;
    flex-direction: column
}

.buy_plus__Gy-K5 {
    color: #5bc27a !important
}

.buy_margin__3ED1P {
    margin-right: 5px
}

.buy_container__3rYRF,
.buy_slots__2shCE {
    display: flex;
    gap: 6px
}

.buy_container__3rYRF {
    gap: 20px
}

.buy_slots__2shCE {
    flex-wrap: wrap
}

@media screen and (max-width:1023px) {
    .buy_slots__2shCE {
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }
}

.buy_slots__2shCE .buy_slot__2My_x {
    width: 109px;
    background-color: var(--color-graybase-500);
    border-radius: 4px
}

.buy_slots__2shCE .buy_slot__dummy__2gkJA {
    width: 109px;
    background-color: var(--color-graybase-600)
}

@media screen and (max-width:1023px) {

    .buy_slots__2shCE .buy_slot__2My_x,
    .buy_slots__2shCE .buy_slot__dummy__2gkJA {
        width: unset;
        min-width: 109px
    }
}

.buy_currency__W_TLQ {
    color: var(--color-graybase-100)
}

.cashout_container__2qFUs {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.cashout_currency__1Lu3d {
    color: var(--color-graybase-100)
}

.cashout_plus__1GktB {
    color: #5bc27a !important
}

.cashout_icon__2RxOd {
    width: 22px;
    height: 22px;
    object-fit: contain
}

.cashout_image_container__2ihaW,
.cashout_payment_method__14Xr5 {
    display: flex;
    flex-direction: row;
    column-gap: 2px
}

.cashout_payment_method__14Xr5 {
    align-items: center
}

.deposit_container__VsZQ9 {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.deposit_currency__2V1B9 {
    color: var(--color-graybase-100)
}

.deposit_plus__3fPVy {
    color: #5bc27a !important
}

.deposit_icon__1PESK {
    width: 62px;
    height: 62px;
    object-fit: contain
}

.deposit_image_container__2Z8uW,
.deposit_payment_method__35ACJ {
    display: flex
}

.deposit_image_container__2Z8uW {
    height: 20px
}

.deposit_payment_method__35ACJ {
    gap: 2px;
    align-items: center
}

.sell_container__2E3XZ {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.sell_currency__3YjMz {
    color: var(--color-graybase-100)
}

.sell_plus__1OVmw {
    color: #5bc27a !important
}

.sell_margin__u-Jf- {
    margin-right: 5px
}

.sell_history__3vVnL {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 10px
}

.sell_title__3i8_x {
    margin-top: 10px
}

.sell_container_sell__nJMYv,
.sell_labels__26eCq {
    display: flex
}

.sell_container_sell__nJMYv {
    flex-wrap: wrap
}

.sell_container_sell__nJMYv .sell_slot__xqjps {
    width: 109px;
    background-color: var(--color-graybase-500);
    border-radius: 4px
}

.sell_container_sell__nJMYv .sell_slot__dummy__1-82t {
    width: 109px;
    background-color: var(--color-graybase-600)
}

@media screen and (max-width:1023px) {

    .sell_container_sell__nJMYv .sell_slot__dummy__1-82t,
    .sell_container_sell__nJMYv .sell_slot__xqjps {
        width: unset;
        min-width: 109px
    }
}

.sell_labels__26eCq {
    flex-direction: column;
    max-width: 220px;
    margin-left: 10px
}

.sell_labels__26eCq .sell_sticker__1JLsf {
    color: var(--color-white-100-opacity-50)
}

.system_container__3Wagh {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.system_currency__1sjL3 {
    color: var(--color-graybase-100)
}

.system_plus__Ksgzt {
    color: #5bc27a !important
}

.IconInCircle_wrapper__1kzcb {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: var(--background-color);
    border-radius: 50%;
    fill: var(--fill-color)
}

.IconInCircle_white_100_30__1r-Aq {
    --background-color: var(--color-white-100-opacity-30);
    --fill-color: var(--color-graybase-400)
}

.IconInCircle_white_100_30__1r-Aq:hover {
    background: var(--color-white-100)
}

.IconInCircle_grey_400__2zYGy {
    --background-color: var(--color-graybase-400);
    --fill-color: var(--color-graybase-200)
}

.IconInCircle_grey_600__38w0I {
    --background-color: var(--color-graybase-600)
}

.IconInCircle_grey_100__2SIW6,
.IconInCircle_grey_600__38w0I {
    --fill-color: var(--color-graybase-700)
}

.IconInCircle_grey_100__2SIW6 {
    --background-color: var(--color-graybase-100)
}

.IconInCircle_yellow__3u27X {
    --background-color: var(--color-accent-yellow-100)
}

.IconInCircle_green__1DcK7,
.IconInCircle_yellow__3u27X {
    --fill-color: var(--color-graybase-700)
}

.IconInCircle_green__1DcK7 {
    --background-color: var(--color-accent-green-100)
}

.IconInCircle_extra_small__3-HFv {
    width: 20px;
    height: 20px
}

.IconInCircle_small__US5bq {
    width: 28px;
    height: 28px
}

.IconInCircle_medium__3o8uu {
    width: 32px;
    height: 32px
}

.IconInCircle_large__382wW {
    width: 44px;
    height: 44px
}

.CircleProgressbar_wrapper__3yDBJ {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background: var(--color-graybase-600);
    border-radius: 50%
}

.CircleProgressbar_progress_ring__29N0C {
    fill: transparent;
    stroke: var(--stroke-color);
    stroke-width: 1.5;
    transition: stroke-dashoffset .35s;
    transform: rotate(-90deg);
    transform-origin: 50% 50%
}

.CircleProgressbar_yellow__RifTg {
    --stroke-color: var(--color-accent-yellow-100)
}

.Content_content__2hlSO {
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: none
}

.Content_content__2hlSO>div {
    padding: 11px
}

.Content_content__2hlSO::-webkit-scrollbar {
    display: none
}

.Header_wrapper__uQWM3 {
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    align-self: stretch;
    order: 0;
    padding: 18px 16px 24px;
    background: var(--linear-gradient)
}

.Header_wrapper__uQWM3.Header_extend__3lKno {
    padding: 68px 16px 24px
}

.Header_navigation__eR0Bs {
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 26px
}

.Header_navigation__eR0Bs,
.Header_navigation__eR0Bs .Header_navigation_buttons_group__WB97Q {
    display: flex
}

.Header_navigation__eR0Bs .Header_navigation_buttons_group__WB97Q>div:nth-child(n) {
    margin-right: 8px
}

.Header_with_navigation_buttons_group__1SHyF {
    justify-content: space-between
}

.Header_violet__W9081 {
    --linear-gradient: linear-gradient(93.19deg, var(--color-purple-400), var(--color-purple-500))
}

.Header_red__17DCL {
    --linear-gradient: linear-gradient(94.24deg, #ff898a, #db6566)
}

.Header_yellow__tqOY6 {
    --linear-gradient: linear-gradient(93.19deg, #ffc144, #eca413)
}

.Header_green__10Jcq {
    --linear-gradient: linear-gradient(93.19deg, var(--color-accent-green-100), #64b161)
}

.Header_progress_bar__ISztf {
    box-sizing: border-box;
    height: 8px;
    background: var(--color-graybase-600);
    border: 1px solid var(--color-graybase-600);
    border-radius: var(--size-corner-radius-regular) 0 0 var(--size-corner-radius-regular)
}

.Restriction_wrapper__3rYft {
    display: flex;
    width: calc(100% - 36px);
    padding: 20px 16px 0 20px;
    cursor: pointer;
    background-color: transparent;
    border-bottom: 1px solid var(--color-white-100-opacity-10)
}

.Restriction_wrapper__3rYft:hover {
    background: var(--color-graybase-600)
}

.Restriction_text_block__3DfzJ {
    display: flex;
    flex-direction: column;
    margin-right: 16px;
    margin-bottom: 20px;
    margin-left: 20px
}

.Restriction_title__21n9c {
    margin-bottom: 4px;
    color: var(--color-white-100)
}

.Restriction_text__3Iyv9 {
    color: var(--color-graybase-100)
}

.Restriction_icon__ZrGVl {
    fill: var(--color-accent-green-100)
}

.Restriction_is_resolved__33yLP {
    fill: var(--color-graybase-200)
}

.Restriction_icon_started__3i_O5 {
    fill: var(--color-accent-green-100)
}

.Restriction_is_resolved_started__dzrys {
    fill: var(--color-accent-yellow-100)
}

.Restriction_step_info__2iAOj {
    padding: 5px 6px 3px;
    margin-left: 8px;
    color: var(--color-graybase-600);
    background-color: var(--color-accent-green-100);
    border-radius: var(--size-corner-radius-regular)
}

.Restriction_step_info_resolved__iPawk {
    color: var(--color-graybase-100);
    background-color: var(--color-graybase-400)
}

.Restriction_wrapper_list__3qA_k {
    margin-right: 16px;
    margin-left: 20px
}

.Suggestion_button__1EiNP {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 12px 15.5px;
    margin-top: 8px;
    cursor: pointer;
    background-color: var(--color-graybase-600);
    border-radius: 8px
}

.Suggestion_button__1EiNP:first-of-type {
    margin-top: 0
}

.Suggestion_button__1EiNP:hover {
    background-color: var(--color-graybase-400)
}

.Suggestion_icon__2G4aM {
    position: relative;
    flex: none;
    fill: var(--color-graybase-100)
}

.Suggestion_content__invO_ {
    flex: 1 1 auto
}

.Suggestion_next__3ZBHQ {
    flex: none
}

.Suggestion_next__3ZBHQ>svg {
    fill: var(--color-graybase-100);
    transform: rotate(-90deg);
    transform-origin: center
}

.Suggestion_title__1zSrD {
    color: var(--color-white-100)
}

.Suggestion_description__1EmeQ {
    margin-top: 4px;
    color: var(--color-white-100-opacity-50)
}

.Suggestion_support__3SncT {
    position: absolute;
    bottom: 17px;
    left: 13px
}

.TextBlockSimple_title__7A1vU {
    margin-top: 20px;
    margin-bottom: 8px;
    color: var(--color-graybase-600)
}

.TextBlockSimple_description__zyA_8 {
    color: var(--color-graybase-400)
}

.Tittle_wrapper__1rCuc {
    display: flex;
    justify-content: space-between;
    color: var(--color-white-100)
}

.Tittle_close__2AZMi {
    cursor: pointer;
    background: transparent;
    border: none;
    fill: var(--color-graybase-200)
}

.Tittle_close__2AZMi:focus {
    outline: none
}

.TransactionHeader_header__34InL {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-auto-flow: column;
    gap: 8px;
    justify-items: end
}

.TransactionHeader_head__vdUYx {
    color: var(--color-white-100)
}

.TransactionHeader_bottom__2NiGt,
.TransactionHeader_head__vdUYx {
    max-width: 335px;
    overflow: hidden
}

.TransactionHeader_bottom__2NiGt {
    color: var(--color-graybase-200)
}

.TransactionHeader_left__BDT84 {
    display: flex;
    flex-direction: column;
    gap: 3px
}

.TransactionHeader_right__2mtIm {
    width: max-content
}

.TransactionHeader_wrapper__33pTF {
    box-sizing: border-box;
    display: grid;
    gap: 17.5px;
    align-content: start;
    width: 375px;
    height: 100%;
    overflow-y: auto;
    background: var(--color-graybase-700)
}

@media screen and (max-width:1023px) {
    .TransactionHeader_wrapper__33pTF {
        width: auto
    }
}

.TransactionHeader_wrapper__33pTF>div {
    padding: 0 16px
}

.TransactionHeader_reset_button__-sf_l {
    position: absolute;
    top: 8px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    background-color: transparent;
    border: none
}

.TransactionHeader_reset_button__-sf_l svg {
    fill: var(--color-c0-black)
}

.TransactionsStub_wrapper__1fwPQ {
    box-sizing: border-box;
    min-height: 852px;
    padding-bottom: 16px
}

.TransactionsStub_inner__3hGe8,
.TransactionsStub_wrapper__1fwPQ {
    display: flex;
    flex-direction: column;
    height: 100%
}

.TransactionsStub_inner__3hGe8 {
    place-content: center;
    align-items: center;
    max-width: 335px;
    margin: 0 auto
}

@media screen and (max-width:1023px) {
    .TransactionsStub_inner__3hGe8 {
        max-width: 295px
    }
}

.TransactionsStub_inner__3hGe8 .TransactionsStub_icon__2NPJh {
    padding-bottom: 20px
}

.TransactionsStub_inner__3hGe8 .TransactionsStub_title__1OiSg {
    padding-bottom: 8px;
    color: var(--color-white-100)
}

@media screen and (max-width:1023px) {
    .TransactionsStub_inner__3hGe8 .TransactionsStub_title__1OiSg {
        padding-bottom: 4px
    }
}

.TransactionsStub_inner__3hGe8 .TransactionsStub_description__z45DL {
    padding-bottom: 24px;
    color: var(--color-graybase-200);
    text-align: center
}

@media screen and (max-width:1023px) {
    .TransactionsStub_inner__3hGe8 .TransactionsStub_description__z45DL {
        padding-bottom: 20px
    }
}

.TransactionsStub_inner__3hGe8 .TransactionsStub_button__1RCQZ {
    width: 100%;
    max-width: 240px
}

.TransactionsStub_page__2ozua {
    --header-height: 64px;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 80px 1fr;
    height: 100%;
    padding-right: 16px
}

@media screen and (max-width:1023px) {
    .TransactionsStub_page__2ozua {
        display: flex;
        flex-direction: column;
        padding: 0 16px
    }
}

.TransactionsStub_main__JD_Ns {
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 1fr;
    height: 100%;
    background-color: var(--color-graybase-600);
    border-radius: 4px
}

@media screen and (max-width:1023px) {
    .TransactionsStub_main__JD_Ns {
        display: flex;
        width: 100%;
        background-color: transparent
    }
}

.TransactionsStub_body__15a60,
.TransactionsStub_content__2z7TG {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.TransactionsTradePage_wrapper__ezfWm {
    box-sizing: border-box;
    padding-bottom: 16px
}

.TransactionsTradePage_inner__1XV6A,
.TransactionsTradePage_wrapper__ezfWm {
    display: flex;
    flex-direction: column;
    height: 100%
}

.TransactionsTradePage_inner__1XV6A {
    place-content: center;
    align-items: center;
    max-width: 335px;
    margin: 0 auto
}

@media screen and (max-width:1023px) {
    .TransactionsTradePage_inner__1XV6A {
        max-width: 295px
    }
}

.TransactionsTradePage_inner__1XV6A .TransactionsTradePage_icon__1AfRT {
    padding-bottom: 20px
}

.TransactionsTradePage_inner__1XV6A .TransactionsTradePage_title__gqOX7 {
    padding-bottom: 8px;
    color: var(--color-white-100)
}

@media screen and (max-width:1023px) {
    .TransactionsTradePage_inner__1XV6A .TransactionsTradePage_title__gqOX7 {
        padding-bottom: 4px
    }
}

.TransactionsTradePage_inner__1XV6A .TransactionsTradePage_description__3xtfS {
    padding-bottom: 24px;
    color: var(--color-graybase-200);
    text-align: center
}

@media screen and (max-width:1023px) {
    .TransactionsTradePage_inner__1XV6A .TransactionsTradePage_description__3xtfS {
        padding-bottom: 20px
    }
}

.TransactionsTradePage_inner__1XV6A .TransactionsTradePage_button__21InU {
    width: 100%;
    max-width: 240px
}

.TransactionsTradePage_page__2J-zt {
    --header-height: 64px;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 80px 1fr;
    height: 100%;
    padding-right: 16px
}

@media screen and (max-width:1023px) {
    .TransactionsTradePage_page__2J-zt {
        display: flex;
        flex-direction: column;
        padding: 0 16px
    }
}

.TransactionsTradePage_main__BOU0b {
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 1fr;
    height: 100%;
    background-color: var(--color-graybase-600);
    border-radius: 4px
}

@media screen and (max-width:1023px) {
    .TransactionsTradePage_main__BOU0b {
        display: flex;
        width: 100%;
        background-color: transparent
    }
}

.TransactionsTradePage_body__mwIJ6,
.TransactionsTradePage_content__2-ui8 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.styles_area__1FU2d {
    max-width: 370px;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: var(--color-graybase-600);
    border-radius: 4px
}

@media(max-width:1023px) {
    .styles_area__1FU2d {
        max-width: none
    }
}

.PatternBlue_blue__2On6e {
    color: #4ca8f7
}

.PatternBlue_light_blue__38qP7 {
    color: #9dd4e6
}

.styles_row__1asXW {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    text-transform: capitalize
}

.styles_row__1asXW:last-child {
    margin-bottom: 0
}

.styles_row_value__NzFQ-,
.styles_title__1IayJ {
    font-size: 15px;
    line-height: 24px
}

.styles_title__1IayJ {
    color: var(--color-graybase-100);
    letter-spacing: .3px
}

.ItemInformation730_link___7BkG {
    color: #9f8fff
}

.ItemInformation730_wrapper__1IYt8 {
    min-width: 370px;
    max-width: 370px
}

.ItemInformation730_block_hide__n2hjU {
    display: none
}

.ItemInformation730_title__1COHj {
    margin-bottom: 29px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    color: var(--color-white-100);
    letter-spacing: -.3px
}

.ItemInformation730_float__2-I-O {
    display: flex;
    flex-direction: column;
    margin-top: 10px
}

.ItemInformation730_float_bottom__VnUwS {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 14px
}

.ItemInformation730_float_title__MWf6y {
    color: var(--color-graybase-100)
}

.ItemInformation730_float_title__MWf6y,
.ItemInformation730_float_value__YIbXs {
    font-size: 14px;
    line-height: 1
}

.ItemInformation730_float_value__YIbXs {
    color: #fff
}

.ItemInformation730_divider__16908 {
    width: 100%;
    height: 1px;
    margin: 17px 0;
    background: hsla(0, 0%, 100%, .1)
}

.ItemInformation730_from__2bRCh {
    overflow: hidden
}

.ItemInformation730_collection__1phQz,
.ItemInformation730_from__2bRCh {
    display: flex;
    align-items: center
}

.ItemInformation730_collection__1phQz {
    flex: 1;
    min-width: 50%
}

.ItemInformation730_collection_icon__3R7qh {
    width: 30px;
    margin-right: 10px
}

.ItemInformation730_collection_title__29jtY {
    color: var(--color-graybase-100)
}

.ItemInformation730_case__2svJm,
.ItemInformation730_cases__sIwRq {
    display: flex;
    flex: 1;
    align-items: center
}

.ItemInformation730_cases__sIwRq {
    justify-content: space-between
}

.ItemInformation730_case_info__2PUFO {
    width: 14px;
    height: 14px;
    fill: hsla(0, 0%, 100%, .3)
}

.ItemInformation730_case_icon__36AA9 {
    width: 30px;
    margin-right: 10px
}

.ItemInformation730_case_title__1xJpw {
    display: flex;
    align-items: center;
    min-width: 50%;
    color: var(--color-graybase-100)
}

.ItemInformation730_divider_vertical__2vfM1 {
    min-width: 1px;
    height: 24px;
    margin: 0 15px;
    background: hsla(0, 0%, 100%, .1)
}

.ItemInformation730_tooltip__3O6Nk {
    margin: -25px -1px 0 0
}

@media(max-width:1280px) {
    .ItemInformation730_wrapper__1IYt8 {
        min-width: 305px
    }
}

@media(max-width:1024px) {
    .ItemInformation730_wrapper__1IYt8 {
        max-width: inherit
    }

    .ItemInformation730_from__2bRCh {
        flex-direction: column;
        align-items: baseline
    }

    .ItemInformation730_divider_vertical__2vfM1 {
        width: 100%;
        height: 1px;
        margin: 15px 0
    }

    .ItemInformation730_case_icon__36AA9,
    .ItemInformation730_collection_icon__3R7qh {
        width: 36px;
        margin-right: 4px
    }

    .ItemInformation730_collection_title__29jtY {
        font-size: 15px;
        line-height: 24px
    }

    .ItemInformation730_case_info__2PUFO {
        align-items: flex-end
    }

    .ItemInformation730_cases__sIwRq {
        width: 100%
    }
}

@media(max-width:375px) {
    .ItemInformation730_wrapper__1IYt8 {
        min-width: 200px
    }

    .ItemInformation730_from__2bRCh {
        flex-direction: column
    }

    .ItemInformation730_divider_vertical__2vfM1 {
        align-items: flex-start;
        min-width: 100%;
        height: 1px;
        margin: 17px 21px
    }

    .ItemInformation730_collection_title__29jtY {
        font-size: 15px;
        line-height: 24px
    }

    .ItemInformation730_case_icon__36AA9,
    .ItemInformation730_collection_icon__3R7qh {
        width: 36px
    }
}

.ItemInformation730_marble_fade__2oc43 span {
    background: linear-gradient(90deg, #3c63d7, #bc3826);
    -webkit-background-clip: text
}

.ItemInformation730_fade__1CXwX span,
.ItemInformation730_marble_fade__2oc43 span {
    -webkit-text-fill-color: transparent
}

.ItemInformation730_fade__1CXwX span {
    background: linear-gradient(90deg, #bc2754, #d27c49);
    -webkit-background-clip: text
}

.styles_icon__1tC0E {
    margin-left: 4px;
    fill: hsla(0, 0%, 100%, .5)
}

.styles_link__1s2TP {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: hsla(0, 0%, 100%, .5);
    letter-spacing: .05em;
    cursor: pointer
}

.styles_disabled__3xwz2 {
    color: hsla(0, 0%, 100%, .1);
    pointer-events: none
}

.styles_disabled__3xwz2 .styles_icon__1tC0E {
    fill: hsla(0, 0%, 100%, .1)
}

.styles_link__1s2TP:hover {
    color: #fff
}

.styles_link__1s2TP:hover .styles_icon__1tC0E {
    fill: #fff
}

.styles_ellipsis__14Rp3 {
    margin-right: 10px
}

.styles_ellipsis__14Rp3:after {
    position: absolute;
    display: inline-block;
    width: 0;
    overflow: hidden;
    vertical-align: bottom;
    content: "…";
    animation: styles_ellipsis__14Rp3 1.3s steps(4) infinite
}

@keyframes styles_ellipsis__14Rp3 {
    to {
        width: 1.1em
    }
}

.InspectDropdownDesktop_button__2E6uV {
    fill: hsla(0, 0%, 100%, .5)
}

.InspectDropdownDesktop_button__2E6uV:hover {
    fill: #fff
}

.InspectDropdownDesktop_disabled__2wetf {
    pointer-events: none;
    fill: hsla(0, 0%, 100%, .1)
}

.InspectDropdownDesktop_dropdown__3wRFZ {
    top: 27px;
    right: -65px;
    left: auto;
    z-index: 10;
    width: 90px;
    letter-spacing: -.35px
}

.InspectDropdownDesktop_dropdown__3wRFZ a {
    width: 100%;
    padding: 8px 0
}

.InspectDropdownDesktop_test__3KtwH {
    margin: 0 -2px 0 0
}

.InspectDropdownDesktop_trigger__TigQg>div {
    flex-direction: column
}

.InspectDropdownDesktop_dots__3lUAD,
.InspectDropdownDesktop_trigger__TigQg>div {
    display: flex;
    align-items: center
}

.InspectDropdownDesktop_dots__3lUAD {
    justify-content: center;
    width: 40px;
    height: 15px;
    margin-right: -20px
}

.InspectDropdownDesktop_dots__3lUAD:hover * {
    fill: #fff
}

.InspectDropdownDesktop_highlight_wrap__hngJZ svg {
    display: none
}

.InspectDropdownDesktop_highlight_wrap__hngJZ a {
    font-size: 14px;
    text-transform: capitalize
}

.InspectDropdownDesktop_inspect_wrapper__2h0un {
    z-index: 3
}

.LinkWIthLoading_link__2_TU2 {
    margin-right: 4px;
    text-transform: none !important
}

.InspectDropdownMobile_button__2OT17 {
    cursor: pointer;
    fill: hsla(0, 0%, 100%, .5)
}

.InspectDropdownMobile_button__2OT17:hover {
    fill: #fff
}

.InspectDropdownMobile_dropdown__1p0J6 {
    top: 18px;
    right: 11px;
    left: auto;
    z-index: 10;
    width: 100px;
    letter-spacing: -.35px
}

.InspectDropdownMobile_dropdown__1p0J6 a {
    width: 100%;
    padding: 8px 0
}

.InspectDropdownMobile_trigger__1RRiv>div {
    flex-direction: column
}

.InspectDropdownMobile_dots__UybCk,
.InspectDropdownMobile_trigger__1RRiv>div {
    display: flex;
    align-items: center
}

.InspectDropdownMobile_dots__UybCk {
    justify-content: center;
    width: 40px;
    height: 15px;
    margin-right: -20px
}

.InspectDropdownMobile_dots__UybCk:hover * {
    fill: #fff
}

.InspectDropdownMobile_item__2ppJj {
    display: block;
    width: 100%;
    padding: 14px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: var(--color-graybase-400);
    border-bottom: .5px solid hsla(0, 0%, 100%, .05)
}

.InspectDropdownMobile_item__2ppJj:first-child {
    border-radius: 14px 14px 0 0
}

.InspectDropdownMobile_item__2ppJj:last-child {
    border-bottom: none;
    border-radius: 0 0 14px 14px
}

.InspectDropdownMobile_item__2ppJj svg {
    display: none
}

.InspectDropdownMobile_item__2ppJj button {
    width: 100%
}

.InspectDropdownMobile_item__2ppJj span {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #fff;
    text-align: center
}

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

.Links_link__1_X2U {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .05em
}

@media(max-width:1023px) {
    .Links_links__gdKVC {
        position: absolute;
        top: 22px;
        right: 70px
    }
}

.FavoriteButton_favorite__2MJoQ {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer
}

.FavoriteButton_favorite_tooltip_content__3mfyl {
    color: var(--color-white-100)
}

.FavoriteButton_market_mobile__3Pptk {
    width: 56px;
    height: 56px;
    margin-left: 16px;
    border-radius: 8px
}

.FavoriteButton_new_market_mobile__2oMxn {
    width: 38px;
    height: 38px;
    margin-left: 16px;
    border-radius: 4px
}

.FavoriteButton_market_desktop__17QeL {
    width: 52px;
    height: 52px;
    border-radius: 8px
}

.FavoriteButton_main__nF0Bc {
    width: 38px;
    height: 38px;
    margin-left: 16px
}

.FavoriteButton_secondary__2r2Sk {
    width: 48px;
    height: 48px;
    border-radius: var(--size-corner-radius-regular)
}

.Preview_area__1vZjz {
    position: relative;
    align-items: flex-end;
    height: 340px;
    margin-bottom: 16px;
    overflow: hidden;
    background-image: url(/svg/dot.svg)
}

.Preview_area__1vZjz,
.Preview_container__sWE53 {
    display: flex;
    justify-content: center;
    width: 100%
}

.Preview_container__sWE53 {
    align-items: center;
    height: 100%;
    transition: transform .2s ease
}

.Preview_image__i9clZ {
    max-width: 100%;
    height: 100%;
    object-fit: contain
}

@media(max-width:1023px) {
    .Preview_area__1vZjz {
        align-items: flex-start;
        height: 244px;
        background-image: none
    }
}

.Row_capitalize__2cwFU {
    text-transform: capitalize
}

.Row_row__1OyY6 {
    display: flex;
    align-items: baseline;
    justify-content: space-between
}

.Row_row__1OyY6:last-child {
    margin-bottom: 0
}

.Row_green__3yOja {
    color: var(--color-accent-green-100)
}

.Row_text_block__uX4eT {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: flex-start;
    justify-content: center;
    max-width: 200px;
    padding: 0
}

.Row_explanation__29W-7 {
    color: var(--color-graybase-200)
}

.Row_title__3CYwO {
    color: var(--color-graybase-100)
}

.Row_white__3V9Iq {
    color: var(--color-white-100)
}

.ExtraPrice_extra_container__2tGbL {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 4px
}

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

.ExtraPrice_record__3MNvf .ExtraPrice_key__irC9v {
    color: var(--color-graybase-100)
}

.ExtraPrice_record__3MNvf .ExtraPrice_value__2QEGh {
    color: var(--color-purple-300)
}

.ExtraPrice_record__3MNvf .ExtraPrice_value__2QEGh>span {
    font-size: 15px;
    font-style: normal;
    letter-spacing: .005em
}

.PriceInformation_inner_wrapper__jpjho {
    display: grid;
    grid-gap: 6px;
    padding-top: 14px
}

.PriceInformation_item_market_tooltip__3IyVj {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-graybase-100)
}

.PriceInformation_otherwise___wUCa {
    color: var(--color-purple-500)
}

.PriceInformation_price_info_container_market__3f74C {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
    background-color: var(--color-graybase-600);
    border-radius: 4px
}

@media(max-width:1023px) {
    .PriceInformation_price_info_container_market__3f74C {
        gap: 4px
    }
}

.PriceInformation_recommended_price_market_wrap__24h9z {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    color: var(--color-graybase-200)
}

@media(max-width:1023px) {
    .PriceInformation_recommended_price_market_wrap__24h9z {
        font-size: 15px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: .005em
    }
}

.PriceInformation_tooltip_recommended_price__MYs7N {
    margin-left: 4px
}

.PriceInformation_price_market_wrap__YRv5Y {
    display: flex;
    align-items: center;
    margin-top: 16px
}

.PriceInformation_price_market__2_RIB {
    padding-right: 12px;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px
}

.PriceInformation_price_market__2_RIB span {
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px
}

.PriceInformation_market_tooltip_title__3dwBI {
    color: var(--color-white-100)
}

.PriceInformation_recommended_price_span__3dmue {
    display: flex;
    cursor: pointer
}

.PriceInformation_recommended_price_span__3dmue span {
    color: var(--color-graybase-100)
}

.PriceInformation_icon__1qj_A {
    width: 19px;
    height: 19px;
    margin: 2px 0 0 6px;
    cursor: pointer
}

.PriceInformation_tooltip__38Uls {
    box-sizing: content-box;
    max-width: 370px;
    padding: 11px 21px 11px 18px
}

.PriceInformation_wrapper__3t8e3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 4px;
    padding-bottom: 16px
}

.PriceInformation_price_market_mobile__F0XzM {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px
}

.PriceInformation_recommended_price_market_wrap_moblie__1wpVO {
    display: flex;
    align-items: center;
    justify-content: end;
    padding-bottom: 8px
}

.PriceInformation_recommended_market_wrap_moblie__1VDsG {
    display: flex;
    align-items: center
}

.PriceInformation_price__xfx3M {
    color: var(--color-white-100)
}

.PriceInformation_price_adapt__30MaE {
    color: var(--color-graybase-100)
}

.PriceInformation_wrapper_mobile__xGzvx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 13px
}

.PriceInformation_price_market_wrap_mobile__31BSB {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 10px;
    align-items: center
}

.PriceInformation_best_price__1j1uo span {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: var(--color-accent-green-400);
    letter-spacing: .005em
}

.PriceInformation_margin_fix__1n4SL {
    gap: 10px
}

.PriceInformation_container_price__2DlJo,
.PriceInformation_margin_fix__1n4SL {
    display: flex;
    flex-direction: column
}

.PriceInformation_container_price__2DlJo {
    align-items: flex-start;
    padding: 0
}

.PriceInformation_price_and_tag__oEYKT {
    display: flex;
    align-items: baseline
}

.PriceInformation_price_adapt_icon__R4A3i {
    display: flex;
    flex-direction: row-reverse
}

.DeliveryTimeTag_wrapper__3OGyv,
.SuccessRateTag_wrapper__3SQnO {
    display: grid;
    grid-auto-flow: column;
    gap: 4px;
    align-items: center
}

.MarketTags_market_tag_wrapper__35lhW {
    display: grid;
    grid-auto-flow: column;
    gap: 8px;
    width: fit-content
}

@media(max-width:1023px) {
    .MarketTags_market_tag_wrapper__35lhW {
        grid-auto-flow: dense
    }
}

.mobilePriceButtonSlot_slot__3b9Zl {
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100vw;
    padding: 12px 16px 20px;
    background: var(--color-graybase-500);
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.StickerSlot_container__2hRgq {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 114.71px;
    height: 80.55px
}

.StickerSlot_sticker__2_8FL {
    width: 90%;
    height: 90%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    transition: transform var(--default-animation-duration) ease-in-out
}

.StickerSlot_position__2iNpC {
    letter-spacing: -.35px
}

.StickerSlot_container__2hRgq:hover .StickerSlot_sticker__2_8FL {
    transform: scale(1.2)
}

.StickerSlot_content__2f51n {
    display: flex;
    flex-direction: column;
    min-width: 238px
}

.StickerSlot_tooltip__dEmhn {
    padding: 14px 12px
}

.StickerSlot_overprice__35_RQ {
    color: var(--color-purple-300);
    text-align: center
}

.StickerSlot_bottom_section_with_gap_8__1gC5M,
.StickerSlot_section_with_gap_8__1YR3n {
    display: grid;
    grid-auto-flow: row;
    gap: 8px
}

.StickerSlot_section_with_gap_8__1YR3n {
    width: 100%;
    margin-bottom: 26px
}

.StickerSlot_name__1KKoV {
    color: var(--color-white-100)
}

.StickerSlot_property__2y-Go {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: var(--color-graybase-100);
    letter-spacing: -.35px
}

.StickerSlot_wiki_link_button__11yqP {
    display: inline-flex;
    margin-right: 4px;
    margin-left: 4px
}

.StickerSlot_container_market__3Gag4 {
    padding: 0 12px;
    cursor: pointer
}

.StickerSlot_currency_styles_inherit__veb_k {
    font: inherit;
    color: inherit
}

.StickerSlot_float_range__3_1L8 {
    width: 100%;
    height: 4px
}

.StickerSlot_float_range__3_1L8 svg {
    width: 12px;
    height: 19px;
    margin-left: -6px
}

.StickerSlot_empty__3vZV4,
.StickerSlot_sell__2RR4D {
    display: none
}

.StickerSlot_market_img_container__22g6N {
    position: relative;
    width: 96px;
    height: 80px
}

.StickerSlot_sticker_market__bMqTc {
    max-width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.StickerSlot_price_market__2pJ5e {
    margin-top: 6px;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-graybase-100);
    text-align: center
}

.StickerSlot_wear_market__3pXvT {
    position: absolute;
    top: 0
}

@media(max-width:1280px) {
    .StickerSlot_container__2hRgq {
        width: 88.2px;
        height: 61.9px
    }

    .StickerSlot_market_img_container__22g6N {
        width: 88px;
        height: 60px
    }
}

@media(max-width:550px) {
    .StickerSlot_tooltip__dEmhn {
        max-width: none
    }

    .StickerSlot_wear_market__3pXvT {
        top: 6px;
        left: 6px
    }

    .StickerSlot_market_img_container__22g6N {
        width: 80px;
        padding: 4px 4px 0
    }

    .StickerSlot_price_market__2pJ5e {
        margin-top: 4px
    }

    .StickerSlot_container__2hRgq {
        display: flex;
        flex-direction: column;
        width: 90px
    }

    .StickerSlot_container__2hRgq,
    .StickerSlot_container_market__3Gag4 {
        height: 90px;
        background: var(--color-graybase-600);
        border-radius: var(--size-corner-radius-regular)
    }

    .StickerSlot_container_market__3Gag4 {
        padding: inherit;
        margin-right: 12px
    }

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

    .StickerSlot_sticker__2_8FL {
        margin: 5px auto
    }

    .StickerSlot_container__2hRgq:hover .StickerSlot_sticker__2_8FL {
        transform: inherit
    }

    .StickerSlot_empty__3vZV4 {
        display: block;
        margin-top: 9px;
        color: var(--color-white-100-opacity-30);
        text-align: center
    }

    .StickerSlot_container__2hRgq svg {
        width: 40px;
        height: 40px;
        margin: 10px auto 0
    }
}

.ItemDetails_popup__30Cck {
    width: 1150px
}

.ItemDetails_popupBody__1iWyc {
    padding: 50px;
    margin: 0
}

.ItemDetails_grid__1SvMY {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 640px 1fr;
    grid-column-gap: 40px
}

.ItemDetails_left__35Z-f,
.ItemDetails_right__1OgpB {
    display: flex;
    flex-flow: column nowrap
}

.ItemDetails_stickers__3sCY6 {
    display: flex;
    justify-content: center;
    min-height: 90px;
    margin-top: 23px;
    margin-bottom: 25px
}

.ItemDetails_stickers_title__1Uwlw {
    display: none
}

.ItemDetails_market_tags__3WCly {
    position: absolute;
    top: 50px;
    z-index: 20
}

.ItemDetails_empty_stickers__29Zmh {
    height: 70px
}

@media(max-width:1023px) {
    .ItemDetails_stickers__3sCY6 {
        justify-content: space-between;
        width: calc(100vw - 32px);
        overflow: auto
    }

    .ItemDetails_stickers__3sCY6::-webkit-scrollbar {
        display: none
    }

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

    .ItemDetails_market_tags_mobile__39mDG {
        padding: 14px 0 23px
    }

    .ItemDetails_popupBody__1iWyc {
        padding: 16px
    }

    .ItemDetails_grid__1SvMY {
        display: flex;
        flex-flow: column nowrap
    }

    .ItemDetails_empty_stickers__29Zmh {
        display: none
    }

    .ItemDetails_buttons__SGHIL {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        padding-right: 35px
    }
}

.ItemDetails_buttons__SGHIL {
    margin-top: 14px
}

.ItemDetails_buttons__SGHIL button span {
    text-transform: none
}

@media(max-width:1023px) {
    .ItemDetails_popupBody__1iWyc {
        padding: 16px 16px 36px;
        margin-bottom: 110px;
        overflow-y: auto
    }
}

.ItemDetails_price_and_tag__VqzdP {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 12px
}

@media(max-width:1023px) {
    .ItemDetails_price_and_tag__VqzdP {
        margin-bottom: unset
    }
}

.ItemDetails_price_and_tag__VqzdP .ItemDetails_price_market__Vlq-t span {
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px
}

.styles_main__mjxIA {
    width: 270px;
    margin: 0 auto
}

.styles_input__3rN_o {
    width: 34px;
    height: 38px;
    margin: 8px 8px 0 0;
    font-size: 15px;
    color: #fff;
    text-align: center;
    background: var(--color-graybase-400);
    border: none;
    border-radius: 4px;
    outline: none
}

.styles_input__3rN_o::placeholder {
    font-size: 15px;
    color: hsla(0, 0%, 100%, .3)
}

.styles_input__3rN_o:nth-child(3n) {
    margin-right: 20px
}

.styles_input__3rN_o:last-child {
    margin-right: 0
}

.styles_error__3-NzX {
    margin-top: 6px;
    font-size: 12px;
    line-height: 14px;
    color: var(--color-accent-red-200)
}

.styles_focused__228Jx,
.styles_main__mjxIA:hover input {
    background: var(--color-graybase-300)
}

.styles_spinner__3TVEq {
    animation-name: styles_spin__3uQHz;
    animation-duration: .5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@keyframes styles_spin__3uQHz {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.styles_wrapper__3D56y {
    display: flex;
    flex-direction: column
}

.styles_label__xVMJS {
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    color: #fff
}

.styles_checked_icon__3tDEn,
.styles_warning_icon__3T5H6 {
    position: absolute;
    top: 50%;
    right: 11px;
    z-index: 3;
    transform: translateY(-50%)
}

.styles_warning_icon__3T5H6 {
    fill: var(--color-accent-red-200)
}

.styles_error__tdQWe {
    margin-top: 6px;
    font-size: 12px;
    line-height: 14px;
    color: var(--color-accent-red-200)
}

.styles_spinner__NHkK3 {
    position: absolute;
    top: 11px;
    right: 11px;
    z-index: 3;
    width: 17px;
    height: 17px;
    border-width: 1.4px
}

.styles_disabled__3l39j .styles_label__xVMJS {
    color: hsla(0, 0%, 100%, .3)
}

.styles_error__2mIZo {
    font-size: 12px;
    line-height: 14px;
    color: var(--color-accent-red-200)
}

.styles_timer__2ik4U {
    margin-top: 12px;
    font-size: 15px;
    line-height: 24px;
    color: #727276
}

.styles_timer_seconds__3s0Rg {
    color: #9b9b9d
}

.styles_modal__2JNhP {
    width: 780px;
    height: 640px
}

.styles_title__ywj-- {
    margin-bottom: 40px;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: var(--color-graybase-100)
}

.styles_title__ywj-- span {
    color: #fff
}

.styles_wrapper__3nAiB {
    display: flex;
    justify-content: space-between;
    width: 618px;
    height: 140px;
    margin: 0 auto
}

.styles_code_input__1PFN_ {
    max-width: 256px;
    padding-right: 30px;
    border-right: 1px solid hsla(0, 0%, 100%, .1)
}

.styles_label_input__R04wp {
    max-width: 300px
}

.styles_button__149Vw {
    height: 38px;
    margin-top: auto
}

.styles_email_input_block__1Qj93 {
    padding-bottom: 20px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.styles_email_input_block_wrapper__3K677 {
    width: 100%;
    margin-left: 30px
}

.styles_verification_code_wrapper__31aid {
    margin-top: 16px
}

.styles_loader__v_lKQ {
    width: 16px !important;
    height: 16px !important
}

.styles_send_email_btn__-Kg7R {
    margin-top: 12px
}

.FaqBanner_wrapper__1cIC4 {
    position: relative;
    display: grid;
    gap: 12px;
    align-content: center;
    justify-items: center;
    min-height: 136px;
    text-align: center;
    background-color: var(--color-graybase-500);
    border-radius: var(--size-corner-radius-regular)
}

.FaqBanner_close_button__AJ-X3 {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    padding: 0;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
    fill: var(--color-graybase-100)
}

.FaqBanner_description__ubjde {
    padding: 0 16px;
    color: var(--color-graybase-100)
}

.FaqBanner_link__3mKjr {
    display: flex;
    color: var(--color-purple-300);
    fill: var(--color-purple-300);
    transition: var(--default-animation-props)
}

.FaqBanner_link__3mKjr:hover {
    color: var(--color-purple-200);
    fill: var(--color-purple-200)
}

.FaqBanner_link__3mKjr .FaqBanner_link_title__337nF {
    max-width: 125px
}

.Notification_notification__1q7P8 {
    --max-width: 359px;
    --padding: 8px 34px 8px 8px;
    --img-content-gap: 8px;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: var(--max-width);
    padding: var(--padding);
    background-color: var(--color-graybase-300);
    border-radius: var(--size-corner-radius-regular);
    box-shadow: var(--effect-shadow-medium)
}

.Notification_large__1fueo {
    --max-width: 452px;
    --padding: 16px 32px 20px 16px;
    --img-content-gap: 20px
}

.Notification_content_grid__QgBXG {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: var(--img-content-gap);
    align-items: center
}

.Notification_close_btn__22mqi {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    padding: 0;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    fill: var(--color-graybase-100)
}

.Notification_title__1Ubow {
    margin-bottom: 6px;
    color: var(--color-white-100)
}

.Notification_body__27RFz {
    display: grid;
    grid-auto-flow: row;
    gap: 12px;
    color: var(--color-graybase-100)
}

.Notification_content__3dCVV {
    white-space: pre-line
}

.Notification_img__1Z9uY {
    object-fit: contain
}

@media(max-width:1023px) {
    .Notification_img__1Z9uY {
        align-self: baseline
    }
}

.Notification_buttons__Fs2eW {
    display: grid;
    grid-auto-flow: column;
    gap: 20px;
    width: fit-content
}

.Notification_link_button__P-7Xa {
    text-decoration: none
}

.Notifications_notifications__kHhlq {
    --padding: 10px;
    --notification-transform-x: calc(100% + var(--padding));
    position: fixed;
    right: 0;
    z-index: 1000;
    display: grid;
    grid-auto-flow: row;
    gap: 10px;
    justify-items: end;
    padding: 8px;
    overflow: hidden
}

.Notifications_notifications__kHhlq.Notifications_desktop__1kQdE {
    top: 0
}

.Notifications_notifications__kHhlq.Notifications_mobile__3Nl79 {
    bottom: 0;
    left: 0
}

.Notifications_notification_animation_enter__RoTQm {
    transition: transform var(--default-animation-props);
    transform: translateX(var(--notification-transform-x))
}

.Notifications_notification_animation_enter_active__1n8JW {
    transition: transform var(--default-animation-props);
    transform: translateX(0)
}

.Notifications_notification_animation_exit__s-CDc {
    transform: translateX(0)
}

.Notifications_notification_animation_exit_active__NdB9m {
    transition: transform var(--default-animation-props);
    transform: translateX(var(--notification-transform-x))
}

.BidConfirmation_wrapper__3-k8Y {
    position: relative
}

.BidConfirmation_label__2GEf3 {
    display: block;
    margin-bottom: 6px;
    color: var(--color-graybase-100)
}

.BidConfirmation_price_preview__2ZNt6 {
    display: flex
}

.BidConfirmation_align_top__1gxOp {
    position: absolute;
    top: -30px;
    left: 0
}

.BidConfirmation_confirm_button__Bbzw6 {
    background-color: var(--color-graybase-600);
    transform: translateX(-3px)
}

.BidConfirmation_fade-enter__1K55M {
    opacity: 0;
    transform: translateY(-100%)
}

.BidConfirmation_fade-enter-active__3DJ_p,
.BidConfirmation_fade-exit__2Q4Ji {
    opacity: 1;
    transform: translateY(0)
}

.BidConfirmation_fade-exit-active__2BWr6 {
    opacity: 0;
    transform: translateY(100%)
}

.BidConfirmation_fade-enter-active__3DJ_p,
.BidConfirmation_fade-exit-active__2BWr6 {
    transition: opacity var(--default-animation-props), transform var(--default-animation-props)
}

@media(max-width:1023px) {

    .BidConfirmation_left__1jiMT,
    .BidConfirmation_mobile__2nqrT {
        display: flex;
        align-items: center
    }

    .BidConfirmation_price_preview__2ZNt6 {
        flex-grow: 1
    }

    .BidConfirmation_label__2GEf3 {
        margin-right: 16px;
        margin-bottom: 0
    }
}

.Timer_timer__QU-Dc {
    display: flex;
    align-items: center;
    min-width: 90px;
    fill: var(--color-graybase-200)
}

.Timer_time_wrapper__175t5 {
    margin-left: 6px;
    color: var(--color-graybase-200)
}

.sticker_stickers__3a0Ox {
    display: flex;
    transform: translateX(-4px)
}

.CSGOSkinInfo_wrapper__gmSw6 {
    display: flex;
    align-items: center
}

.CSGOSkinInfo_left__21rXK {
    position: relative;
    width: 80px;
    height: 80px;
    margin-right: 12px
}

.CSGOSkinInfo_image__XqeW4 {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 80px;
    height: auto;
    transform: translateX(-50%);
    object-fit: cover
}

.CSGOSkinInfo_tradelock__1EEQG {
    position: absolute;
    top: -8px;
    left: 4px
}

.CSGOSkinInfo_description__22OKH {
    min-width: 170px;
    margin-bottom: 6px;
    line-height: 1
}

.CSGOSkinInfo_stickers__CFDIW {
    margin-bottom: 8px
}

.Sockets_sockets__1Nn1r {
    display: flex
}

.Sockets_socket__u4vmA,
.Sockets_socket__u4vmA:not(:last-child) {
    margin-right: 4px
}

.DotaSkinInfo_wrapper__EVoqw {
    display: flex;
    align-items: center
}

.DotaSkinInfo_left__1FvMO {
    position: relative;
    margin-right: 12px
}

.DotaSkinInfo_image__1HPyj {
    display: block;
    width: 80px;
    height: 54px
}

.DotaSkinInfo_tradelock__3nvIL {
    position: absolute;
    top: -24px
}

.DotaSkinInfo_description__3CmrC {
    margin-bottom: 154px
}

.DotaSkinInfo_description__3CmrC,
.DotaSkinInfo_sockets__3hEZv {
    margin-bottom: 6px
}

.LotCardDesktop_auction-card__3copb {
    position: relative;
    box-sizing: border-box;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 262px 1fr 170px;
    grid-column-gap: 16px;
    align-items: center;
    width: 100%;
    padding: 37px 20px 37px 12px;
    cursor: pointer;
    background-color: var(--color-graybase-600);
    transition: background-color var(--default-animation-props)
}

.LotCardDesktop_auction-card__3copb:hover {
    background-color: var(--color-graybase-500);
    border-radius: 4px
}

.LotCardDesktop_auction-card__3copb.LotCardDesktop_history__2pveN {
    grid-template-columns: 262px 1fr
}

.LotCardDesktop_action__3U7_i {
    margin-left: auto
}

.LotCardDesktop_timer__fzrCI {
    bottom: 12px
}

.LotCardDesktop_status__2hmce,
.LotCardDesktop_timer__fzrCI {
    position: absolute;
    right: 20px
}

.LotCardDesktop_status__2hmce {
    top: 12px
}

@media(max-width:1900px) {
    .LotCardDesktop_auction-card__3copb {
        grid-template-areas: "game-content game-content game-content" "lot-info lot-info action";
        row-gap: 16px;
        align-items: flex-end
    }

    .LotCardDesktop_auction-card__3copb.LotCardDesktop_history__2pveN {
        grid-template-areas: "game-content game-content game-content" "lot-info lot-info lot-info"
    }

    .LotCardDesktop_game-content__Jcv62 {
        grid-area: game-content
    }

    .LotCardDesktop_lot-info__3ZM_V {
        grid-area: lot-info
    }

    .LotCardDesktop_action__3U7_i {
        grid-area: action
    }

    .LotCardDesktop_timer__fzrCI {
        top: 90px;
        bottom: auto
    }
}

@media(max-width:1600px) {
    .LotCardDesktop_auction-card__3copb {
        display: flex;
        flex-direction: column
    }

    .LotCardDesktop_lot-info__3ZM_V {
        justify-content: space-between;
        width: 100%;
        margin: 20px 0
    }

    .LotCardDesktop_action__3U7_i {
        width: 100%;
        margin: 0
    }

    .LotCardDesktop_game-content__Jcv62 {
        margin-right: auto
    }

    .LotCardDesktop_timer__fzrCI {
        top: 90px;
        bottom: auto
    }
}

.LotCardMobile_wrapper__mEnEG {
    position: relative;
    background-color: var(--color-graybase-600);
    border-radius: var(--size-corner-radius-regular)
}

.LotCardMobile_wrapper__mEnEG .LotCardMobile_arrow-icon__9l1GB {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
    cursor: pointer;
    background: transparent;
    border: none;
    fill: var(--color-graybase-100);
    transition: transform var(--default-animation-props)
}

.LotCardMobile_wrapper__mEnEG .LotCardMobile_arrow-icon__9l1GB:hover {
    fill: var(--color-graybase-200)
}

.LotCardMobile_wrapper__mEnEG .LotCardMobile_lot-info__1okOY {
    display: none
}

.LotCardMobile_wrapper__mEnEG.LotCardMobile_open__3ztIP .LotCardMobile_arrow-icon__9l1GB {
    transform: rotate(180deg)
}

.LotCardMobile_wrapper__mEnEG.LotCardMobile_open__3ztIP .LotCardMobile_lot-info__1okOY {
    display: block
}

.LotCardMobile_status__et6zH {
    margin-bottom: 20px
}

.LotCardMobile_main__T6ReH {
    position: relative;
    box-sizing: border-box;
    padding: 16px 0;
    margin: 0 16px;
    border-bottom: 1px solid var(--color-white-100-opacity-10)
}

.LotCardMobile_timer__3o3ce {
    position: absolute;
    right: 16px;
    bottom: 14px
}

.LotCardMobile_action__VmN93 {
    padding: 16px
}

.LotInfoMobile_lot-info__27Y5M {
    padding: 14px 16px 0
}

.LotInfoMobile_bid__3Py-q,
.LotInfoMobile_label__2undZ {
    color: var(--color-graybase-100)
}

.LotInfoMobile_bid-info__AjkS2 {
    display: flex;
    justify-content: space-between;
    min-width: 100px;
    margin-right: 20px;
    margin-bottom: 14px
}

.LotInfoMobile_bid-info__AjkS2:last-child {
    margin-bottom: 0
}

.LotInfoMobile_bid__3Py-q {
    min-width: auto
}

.LotInfoDesktop_lot-info__3tXyf {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.LotInfoDesktop_bid-info__1UfI6 {
    min-width: 120px;
    margin-right: 16px;
    color: var(--color-graybase-100)
}

.LotInfoDesktop_bid-info__1UfI6 .LotInfoDesktop_label__rV-vm {
    margin-bottom: 6px
}

.LotInfoDesktop_currency__2JWZQ {
    font-size: 15px;
    line-height: 24px
}

.LotInfoDesktop_bid__Vvwej {
    min-width: 70px;
    margin-right: 0;
    color: var(--color-white-100)
}

@media(max-width:1600px) {
    .LotInfoDesktop_lot-info__3tXyf {
        justify-content: space-between;
        width: 100%
    }

    .LotInfoDesktop_bid-info__1UfI6:last-child {
        margin-right: 0
    }
}

@media(max-width:1200px) {
    .LotInfoDesktop_bid-info__1UfI6 {
        min-width: auto
    }

    .LotInfoDesktop_bid__Vvwej {
        margin-right: 10px
    }
}

.DeclinedBidPopup_modal_body__1h5kE {
    display: flex;
    align-items: center;
    padding: 0 73px 38px
}

@media(max-width:1023px) {
    .DeclinedBidPopup_modal_body__1h5kE {
        justify-content: center;
        padding: 0 45px
    }
}

.DeclinedBidPopup_wrapper__RSjnn {
    display: grid;
    justify-items: center
}

@media(min-width:1024px) {
    .DeclinedBidPopup_wrapper__RSjnn {
        width: 404px
    }
}

.DeclinedBidPopup_icon__14UBP {
    margin-bottom: 12px;
    text-align: center;
    fill: var(--color-white-100-opacity-30)
}

.DeclinedBidPopup_img_timer_wrapper__2I2Oq {
    display: grid;
    gap: 8px;
    justify-items: center
}

.DeclinedBidPopup_img__1G0JD {
    box-sizing: border-box;
    align-self: center;
    width: fit-content;
    height: 100px;
    padding: 10px;
    background-color: var(--color-graybase-400);
    border-radius: var(--size-corner-radius-regular)
}

.DeclinedBidPopup_title__XVe7P {
    margin-bottom: 6px;
    color: var(--color-white-100)
}

.DeclinedBidPopup_description__3yg20 {
    margin-bottom: 20px;
    color: var(--color-graybase-200);
    text-align: center
}

.DeclinedBidPopup_amount_of_missing_funds__11FSW {
    color: var(--color-accent-green-200)
}

.DeclinedBidPopup_buttons__2hEqa {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    gap: 24px;
    width: 100%
}

@media(max-width:1023px) {
    .DeclinedBidPopup_buttons__2hEqa {
        grid-auto-flow: row;
        gap: 16px;
        max-width: 190px
    }
}

.DeclinedBidPopup_secondary_button__3O3Mm {
    text-decoration: none
}

.DeclinedBidPopup_funds_to_win__p-HyL {
    color: var(--color-accent-red-200)
}

.NotEnoughFunds_modal_body__1iB76 {
    display: flex;
    align-items: center;
    padding: 0 73px 38px
}

@media(max-width:1023px) {
    .NotEnoughFunds_modal_body__1iB76 {
        justify-content: center;
        padding: 0 70px
    }
}

.NotEnoughFunds_wrapper__4qqBB {
    display: grid;
    justify-items: center
}

@media(min-width:1024px) {
    .NotEnoughFunds_wrapper__4qqBB {
        width: 404px
    }
}

.NotEnoughFunds_icon__2xulE {
    margin-bottom: 12px;
    fill: var(--color-white-100-opacity-30)
}

.NotEnoughFunds_icon__2xulE,
.NotEnoughFunds_title__3qyQ- {
    text-align: center
}

.NotEnoughFunds_title__3qyQ- {
    margin-bottom: 6px;
    color: var(--color-white-100)
}

.NotEnoughFunds_description__2Hr07 {
    margin-bottom: 20px;
    color: var(--color-graybase-200);
    text-align: center
}

.NotEnoughFunds_buttons__2sDvR {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    gap: 24px;
    width: 100%
}

@media(max-width:1023px) {
    .NotEnoughFunds_buttons__2sDvR {
        grid-auto-flow: row;
        gap: 16px;
        max-width: 190px
    }
}

.NotEnoughFunds_secondary_button__32YIw {
    text-decoration: none
}

.NotEnoughFundsToWin_modal_body__MmDFd {
    display: flex;
    align-items: center;
    padding: 0 73px 38px
}

@media(max-width:1023px) {
    .NotEnoughFundsToWin_modal_body__MmDFd {
        justify-content: center;
        padding: 0 45px
    }
}

@media(min-width:1025px) {
    .NotEnoughFundsToWin_modal_title__1tR6y {
        display: none
    }
}

.NotEnoughFundsToWin_wrapper__32ir1 {
    display: grid;
    gap: 20px;
    justify-items: center;
    text-align: center
}

@media(min-width:1024px) {
    .NotEnoughFundsToWin_wrapper__32ir1 {
        width: 404px
    }
}

.NotEnoughFundsToWin_img_timer_wrapper__3bwd8 {
    display: grid;
    gap: 8px;
    justify-items: center
}

.NotEnoughFundsToWin_img__3HPt0 {
    box-sizing: border-box;
    align-self: center;
    width: fit-content;
    height: 100px;
    padding: 10px;
    background-color: var(--color-graybase-400);
    border-radius: var(--size-corner-radius-regular)
}

.NotEnoughFundsToWin_timer__i5f6s {
    display: grid;
    grid-auto-flow: column;
    gap: 2px;
    align-items: center;
    color: var(--color-white-100-opacity-30);
    fill: var(--color-white-100-opacity-30)
}

.NotEnoughFundsToWin_timer_time__1g6sy {
    min-width: 60px
}

.NotEnoughFundsToWin_title__d8Mj8 {
    margin-bottom: 6px;
    color: var(--color-white-100);
    text-align: center
}

.NotEnoughFundsToWin_description__1BXEC {
    padding: 0 31px;
    color: var(--color-graybase-200);
    text-align: center
}

@media(max-width:1023px) {
    .NotEnoughFundsToWin_description__1BXEC {
        padding: 0
    }
}

.NotEnoughFundsToWin_buttons__1cGCh {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    gap: 24px;
    width: 100%
}

@media(max-width:1023px) {
    .NotEnoughFundsToWin_buttons__1cGCh {
        grid-auto-flow: row;
        gap: 16px;
        max-width: 190px
    }
}

.NotEnoughFundsToWin_secondary_button__1holr {
    text-decoration: none
}

.NotEnoughFundsToWin_funds_to_win__6bdBK {
    color: var(--color-accent-red-200)
}

.Template_wrapper__WyX2O {
    flex-direction: column;
    width: 100%;
    height: 100%
}

.Template_icon__1nrMz,
.Template_wrapper__WyX2O {
    display: flex;
    place-content: center
}

.Template_icon__1nrMz {
    margin-bottom: 12px;
    fill: var(--color-graybase-300)
}

.Template_title__1sVtN {
    margin-bottom: 8px;
    color: var(--color-white-100);
    text-align: center
}

.Template_description__3V6pg {
    margin-bottom: 16px;
    color: var(--color-graybase-200);
    text-align: center
}

.Template_actions__O4HfI {
    display: grid;
    grid-auto-flow: column;
    gap: 8px;
    place-content: center
}

.NoLots_button__b1S-9 {
    color: var(--color-purple-300);
    transition: var(--default-animation-props)
}

.NoLots_button__b1S-9:hover {
    color: var(--color-purple-200)
}

.SkinDetails_skin_details_modal_wrapper__ZVOYx {
    background: none;
    border: none;
    outline: none
}

.BotsList_modal__1KzpG {
    width: 550px;
    height: 460px
}

.BotsList_content__2_JhM {
    padding: 0 14px 16px
}

.BotsList_description__1mQOP {
    display: flex;
    align-items: center;
    padding: 0 16px;
    margin-top: 20px
}

.BotsList_search__3pFj5 {
    width: 100%
}

.BotsList_id__1i32A {
    width: 14.8%
}

.BotsList_name__2skjy {
    width: 43.5%
}

.BotsList_registration__35dM5 {
    width: 31.5%
}

.BotsList_level__2oZzs {
    width: 10.2%
}

.BotsList_search_wrapper__14rhm {
    padding: 0 16px
}

@media(max-width:1023px) {
    .BotsList_modal__1KzpG {
        width: 100%;
        height: 100%;
        background: var(--color-graybase-500)
    }

    .BotsList_content__2_JhM {
        padding: 0 16px 16px
    }

    .BotsList_description__1mQOP {
        height: 48px;
        padding: 0;
        margin-top: 10px;
        border-bottom: 1px solid var(--color-white-100-opacity-10)
    }

    .BotsList_id__1i32A {
        width: calc(20vw - 16px)
    }

    .BotsList_info__1cb-C {
        width: calc(80vw - 16px)
    }
}

@keyframes List_fadein__deXQT {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.List_row__313vE {
    position: absolute;
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 0 16px;
    color: var(--color-graybase-100);
    border-radius: var(--size-corner-radius-regular)
}

.List_virtual__K1uhd {
    margin-top: 5px
}

.List_list__39aPf {
    animation: List_fadein__deXQT 2s
}

.List_row__313vE:hover {
    color: var(--color-white-100);
    background: var(--color-graybase-400)
}

.List_id__3OxtW {
    width: 14.8%
}

.List_name__KKTAD {
    width: 43.53%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.List_reg__2NtJb {
    width: 31.5%
}

.List_link__da7BF {
    color: var(--color-purple-400)
}

.List_shadow_item__3IVZr {
    z-index: 10;
    width: 100%;
    padding: 5px 0
}

.List_shadow__31xdP {
    position: absolute;
    right: 6px;
    bottom: 23px;
    left: 5px;
    z-index: 10;
    height: 21px;
    pointer-events: none;
    background: linear-gradient(179.97deg, rgba(54, 54, 60, 0) -23.07%, var(--color-graybase-500) 89.17%, var(--color-graybase-500) 92.17%)
}

@media(max-width:1023px) {
    .List_other_info__g5Na5 {
        width: calc(80vw - 16px)
    }

    .List_id__3OxtW {
        width: calc(20vw - 16px)
    }

    .List_virtual__K1uhd {
        width: 100%
    }

    .List_row__313vE {
        height: 78px;
        padding: 0;
        border-bottom: 1px solid var(--color-white-100-opacity-10)
    }

    .List_reg__2NtJb {
        width: auto;
        margin-right: 10px
    }

    .List_info_block__31qA- {
        display: flex
    }

    .List_level__1THER {
        white-space: nowrap
    }

    .List_name__KKTAD {
        margin-bottom: 2px;
        color: var(--color-purple-400);
        letter-spacing: -.3px
    }

    .List_row__313vE:hover {
        color: var(--color-graybase-100);
        background: initial
    }
}

.Loader_container__3qZBW {
    box-sizing: border-box;
    flex-direction: column;
    width: 100%;
    padding: 0 16px;
    margin-top: 6px;
    overflow-y: scroll
}

.Loader_container__3qZBW,
.Loader_skeleton_row__7Z9ul {
    position: relative;
    display: flex;
    overflow-x: hidden
}

.Loader_skeleton_row__7Z9ul {
    flex-shrink: 0;
    align-items: center;
    min-height: 30px;
    color: var(--color-graybase-100);
    border-radius: 4px
}

.Loader_skeleton_row__7Z9ul:after {
    background: linear-gradient(90deg, hsla(0, 0%, 98%, 0), hsla(0, 0%, 44.3%, .4) 10%, hsla(0, 0%, 98%, 0) 20%);
    animation: Loader_gradientAnim__19lXQ 1s ease-in-out infinite
}

.Loader_skeleton_row__7Z9ul:after,
.Loader_skeleton_row__7Z9ul:before {
    position: absolute;
    width: 100%;
    height: 14px;
    content: "";
    border-radius: 4px
}

.Loader_skeleton_row__7Z9ul:before {
    background: var(--color-graybase-400)
}

@keyframes Loader_gradientAnim__19lXQ {
    0% {
        left: -30%
    }

    to {
        left: 100%
    }
}

.Loader_row__37EqD {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.Loader_row__37EqD>div {
    box-sizing: border-box
}

.Loader_search__iIQpE {
    width: 520px;
    margin-left: 10px
}

.Loader_id__2emVh {
    width: 14.8%
}

.Loader_name__1TRnr {
    width: 45%;
    margin-right: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap
}

.Loader_reg__baNyF {
    width: 32.5%
}

.Loader_lvl__V6_KW {
    width: 10.2%
}

@media(max-width:1023px) {
    .Loader_container__3qZBW {
        padding: 0
    }

    .Loader_id__2emVh {
        width: 17vw
    }

    .Loader_name__1TRnr {
        width: 70vw
    }

    .Loader_row__37EqD {
        height: 78px;
        border-bottom: 1px solid var(--color-white-100-opacity-10)
    }
}

.Autocomplete_search_wrapper__28Fd_ {
    --input-height: 38px;
    position: relative;
    width: 100%
}

.Autocomplete_autosuggestions_wrapper__iyvi3 {
    --autosuggestions-wrapper-padding: 6px;
    position: absolute;
    top: calc(var(--input-height) + 5px);
    z-index: 50;
    box-sizing: border-box;
    display: grid;
    row-gap: 10px;
    width: 100%;
    max-height: 400px;
    padding: var(--autosuggestions-wrapper-padding);
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--color-graybase-400);
    scrollbar-width: thin;
    scrollbar-color: var(--frontly-white-100-opacity-10) transparent
}

.Autocomplete_autosuggestions_wrapper__iyvi3::-webkit-scrollbar {
    width: 4px
}

.Autocomplete_autosuggestions_wrapper__iyvi3::-webkit-scrollbar-thumb {
    background-color: var(--color-white-100-opacity-10);
    border-radius: 25px
}

.Autocomplete_section_title__1c08x {
    --section-title-padding-from-edge: 13px;
    padding-left: calc(var(--section-title-padding-from-edge) - var(--autosuggestions-wrapper-padding));
    margin-bottom: 4px;
    color: var(--color-graybase-100)
}

.Autocomplete_button_with_item__2HTuI {
    display: grid;
    grid-template-columns: 52px auto;
    column-gap: 8px;
    align-items: center;
    width: 100%;
    padding: 4px 6px;
    color: var(--color-graybase-100);
    text-align: left;
    cursor: pointer;
    background: none;
    border: none;
    border-radius: var(--size-corner-radius-regular);
    outline: none;
    transition: background-color var(--default-animation-duration) var(--default-animation-function), color var(--default-animation-duration) var(--default-animation-function)
}

.Autocomplete_button_with_item__2HTuI:hover {
    color: var(--color-white-100);
    background-color: var(--color-graybase-300)
}

.Autocomplete_title_and_name_wrapper__3Ykyt {
    display: flex;
    flex-direction: column
}

.Autocomplete_no_found_text_wrapper__3Dt9r {
    display: flex;
    align-items: center;
    justify-self: center;
    height: 98px;
    color: var(--color-graybase-200)
}

.Autocomplete_search_history_title__1hNX- {
    display: flex;
    justify-content: space-between;
    margin-right: 6px
}

.Autocomplete_wrapper_search_history_item__3sGSR {
    display: flex;
    align-items: center;
    margin-right: 6px
}

.Autocomplete_wrapper_search_history_item__3sGSR .Autocomplete_button_with_item__2HTuI:hover {
    background: initial
}

.Autocomplete_wrapper_search_history_item__3sGSR .Autocomplete_suggestion_item_remove_icon__1d8u0 {
    display: none;
    margin-right: 12px;
    cursor: pointer;
    fill: var(--color-graybase-100, #d3d3d3)
}

.Autocomplete_wrapper_search_history_item__3sGSR:hover {
    background-color: var(--color-graybase-300)
}

.Autocomplete_wrapper_search_history_item__3sGSR:hover .Autocomplete_suggestion_item_remove_icon__1d8u0 {
    display: block
}

.Autocomplete_wrapper_search_history_item__3sGSR .Autocomplete_suggestion_item_default_icon__2xkLI {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    fill: var(--color-graybase-100, #d3d3d3)
}

.Autocomplete_suggestion_item_img__1EmM4 {
    width: 52px;
    height: 40px
}

.styles_error__VaFel {
    height: auto;
    margin: 58px 0 0 2px
}

@media(max-width:1024px) {
    .styles_error__VaFel {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        align-items: baseline;
        height: 100%
    }

    .styles_error__VaFel div {
        margin: 8px auto
    }
}

.styles_image_icon_selected__14rmn {
    display: flex;
    padding: 3px;
    margin: 7px 0 0 17px;
    background: var(--color-graybase-400);
    border-radius: 4px;
    transform: scale(1.6)
}

.styles_image_icon_selected__14rmn svg {
    opacity: .65
}

.styles_image_icon_highlited__lghB- svg,
.styles_image_icon_selected__14rmn:hover svg {
    opacity: 1
}

.styles_image_icon_highlited__lghB-,
.styles_image_icon_selected__14rmn:hover {
    background: var(--color-graybase-300)
}

.styles_game_icon__3XlmJ {
    justify-content: center
}

.styles_total__3p-wQ {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 10px 15px 15px;
    margin-bottom: 10px;
    color: var(--color-graybase-100);
    border-radius: 4px
}

.styles_item__3jrcq {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 40px 0 9px 40px
}

.styles_stroke__2-mmc {
    position: relative;
    width: 215px;
    height: 22px;
    margin-bottom: 21px
}

.styles_image__1ezeO,
.styles_stroke__2-mmc {
    overflow: hidden;
    background: hsla(0, 0%, 100%, .3);
    opacity: .3
}

.styles_image__1ezeO {
    top: 20px;
    left: -15px;
    display: block;
    width: 220px;
    height: 150px
}

@media(max-width:1024px) {
    .styles_total__3p-wQ {
        flex: 1 1 auto;
        justify-content: center;
        height: 100%
    }

    .styles_item__3jrcq {
        max-height: 143px
    }
}

.styles_property_key__2lms0,
.styles_property_value__QaySp {
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 120%;
    white-space: nowrap
}

.styles_property_key__2lms0 {
    margin-right: 25px
}

.styles_property_value__QaySp {
    margin-top: -3px
}

.styles_property_name__OIQq7 {
    margin-top: -1px
}

.styles_modal__fIjBn {
    width: 550px;
    height: 428px
}

.styles_modal_body__jEHAS {
    padding-bottom: 24px;
    margin-top: 0
}

.styles_container__Jrs6- {
    position: relative;
    height: 100%;
    color: var(--color-graybase-100)
}

.styles_description__2lP00 {
    margin: 14px 0 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -.15px
}

.styles_search_block__1a-QX {
    display: flex;
    flex-direction: row
}

.styles_search__-PUnz {
    width: 100%
}

.styles_check__nn4lQ {
    width: 100px !important;
    margin-left: 19px
}

.styles_item_info__lTzAn {
    display: flex;
    margin-top: 43px
}

.styles_bottom__2fWe1 {
    position: absolute;
    bottom: -5px;
    width: 100%
}

.styles_bottom__2fWe1:before {
    display: block;
    height: 2px;
    margin-bottom: 25px;
    content: "";
    background: hsla(0, 0%, 100%, .1)
}

.styles_links__3YWDL {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-right: -3px
}

.styles_links_descr__2ilPt {
    position: relative;
    top: -2px;
    font-size: 15px;
    line-height: 120%;
    color: var(--color-graybase-100);
    letter-spacing: -.5px
}

.styles_link__3aezU {
    font-size: 14px;
    line-height: 120%;
    color: var(--color-purple-300);
    text-align: right;
    letter-spacing: 0;
    pointer-events: auto
}

.styles_link_icon__9OhjP {
    margin-left: 2px;
    fill: var(--color-purple-300)
}

.styles_properties__1PtM7 {
    display: flex;
    flex-direction: row;
    margin-top: 4px;
    margin-left: 39px
}

.styles_properties_keys___kvT7 {
    display: flex;
    flex-direction: column
}

.styles_tooltip__1fQcs {
    width: 300px
}

.styles_tooltip_icon__1cCwo {
    width: 18px;
    height: 18px;
    margin: 0 8px 0 0
}

.styles_tooltip_icon__1cCwo path {
    fill: hsla(0, 0%, 100%, .3)
}

.styles_property_key__1USmE,
.styles_property_value__1bWWO {
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 120%;
    white-space: nowrap
}

.styles_property_key__1USmE {
    margin-right: 25px
}

.styles_property_value__1bWWO {
    margin-top: -3px
}

.styles_property_name__LkCIV {
    margin-top: -1px
}

.styles_demand_icon__hKJse {
    margin: 3px 5px 0 0;
    fill: var(--color-purple-500)
}

.styles_container_showgame__3cPWc {
    top: 44px !important;
    left: 10px !important;
    min-width: 27px
}

.styles_container_showgame__3cPWc div div {
    min-width: 28px;
    min-height: 28px;
    padding: 0
}

.styles_image_icon_game__3AMOS {
    margin: 7px -10px 0 14px !important
}

.styles_wrapper_game__11IjO {
    padding-right: 16px
}

.styles_img_container__35ozH {
    position: relative;
    width: 165px;
    min-width: 165px;
    height: 120px;
    max-height: 120px;
    margin-top: -5px;
    overflow: hidden
}

.styles_item_img__3T1x5 {
    position: relative;
    top: -5px;
    left: -5px;
    display: block;
    width: 106%;
    height: 106%
}

.styles_item_img_cs__3yDvc {
    width: 38%;
    height: 38%;
    margin-top: -21px;
    border: none
}

@media(max-width:1024px) {
    .styles_modal__fIjBn {
        height: 100%
    }

    .styles_item_info__lTzAn {
        flex-direction: column
    }

    .styles_container__Jrs6- {
        padding: 16px 16px 0
    }

    .styles_check__nn4lQ {
        max-width: 70px
    }

    .styles_links__3YWDL {
        justify-content: center
    }

    .styles_bottom__2fWe1 {
        bottom: 25px;
        width: 96%
    }
}

.CheckItemStatusDesktop_modal__1omBT {
    width: 550px;
    height: 428px
}

.CheckItemStatusDesktop_modal_body__Ek8yu {
    margin-top: 0
}

.CheckItemStatusDesktop_container__2bRIr {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    color: var(--color-graybase-100)
}

.CheckItemStatusDesktop_description__5GsXJ {
    margin: 14px 0 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -.15px
}

.CheckItemStatusDesktop_search_block__1_Z35 {
    display: flex;
    flex-direction: row
}

.CheckItemStatusDesktop_search__3f3xq {
    width: 100%
}

.CheckItemStatusDesktop_check__11R0w {
    width: 100px !important;
    margin-left: 19px
}

.CheckItemStatusDesktop_item_info__Ayl56 {
    display: flex;
    margin-top: 30px
}

.CheckItemStatusDesktop_bottom__2k7oq {
    position: absolute;
    bottom: -5px;
    width: 100%
}

.CheckItemStatusDesktop_bottom__2k7oq:before {
    display: block;
    height: 2px;
    margin-bottom: 20px;
    content: "";
    background: hsla(0, 0%, 100%, .1)
}

.CheckItemStatusDesktop_links__2Rg9F {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-right: -3px
}

.CheckItemStatusDesktop_links_descr__2CTdJ {
    position: relative;
    top: -2px;
    font-size: 15px;
    line-height: 120%;
    color: var(--color-graybase-100);
    letter-spacing: -.5px
}

.CheckItemStatusDesktop_link__1vYi8 {
    font-size: 14px;
    line-height: 120%;
    color: var(--color-purple-300);
    text-align: right;
    letter-spacing: 0;
    pointer-events: auto
}

.CheckItemStatusDesktop_link_icon__2YzSO {
    margin-left: 2px;
    fill: var(--color-purple-300)
}

.CheckItemStatusDesktop_properties__19b49 {
    display: flex;
    flex-direction: row;
    margin-top: 4px;
    margin-left: 39px
}

.CheckItemStatusDesktop_properties_keys__3K1Op {
    display: flex;
    flex-direction: column
}

.CheckItemStatusDesktop_tooltip__3a7Y0 {
    width: 300px
}

.CheckItemStatusDesktop_tooltip_icon__35hz1 {
    width: 18px;
    height: 18px;
    margin: 0 8px 0 0
}

.CheckItemStatusDesktop_tooltip_icon__35hz1 path {
    fill: hsla(0, 0%, 100%, .3)
}

.CheckItemStatusDesktop_property_key__2_SE8,
.CheckItemStatusDesktop_property_value__-rfig {
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 120%;
    white-space: nowrap
}

.CheckItemStatusDesktop_property_key__2_SE8 {
    margin-right: 25px
}

.CheckItemStatusDesktop_property_value__-rfig {
    margin-top: -3px
}

.CheckItemStatusDesktop_property_name__1a_pe {
    margin-top: -1px
}

.CheckItemStatusDesktop_demand_icon__3ZjXk {
    margin: 3px 5px 0 0;
    fill: var(--color-purple-500)
}

.CheckItemStatusDesktop_container_showgame__2ax34 {
    top: 44px;
    left: 10px;
    min-width: 27px
}

.CheckItemStatusDesktop_container_showgame__2ax34 div div {
    min-width: 28px;
    min-height: 28px;
    padding: 0
}

.CheckItemStatusDesktop_image_icon_game__1l680 {
    margin: 7px -10px 0 14px !important
}

.CheckItemStatusDesktop_wrapper_game__2q_fE {
    padding-right: 16px
}

.CheckItemStatusDesktop_img_container__28NOH {
    position: relative;
    width: 165px;
    height: 120px;
    margin-top: -5px;
    overflow: hidden
}

.CheckItemStatusDesktop_item_img__3Hxa4 {
    position: relative;
    top: -5px;
    left: -5px;
    display: block;
    width: 106%;
    height: 106%
}

.CheckItemStatusDesktop_item_img_cs__2EbuT {
    max-width: 182px;
    object-fit: contain
}

.CheckItemStatusMobile_modal__3FpFK {
    width: 550px;
    height: 428px
}

.CheckItemStatusMobile_modal_body__IeHJf {
    margin-top: 0
}

.CheckItemStatusMobile_container__mB-TH {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    color: var(--color-graybase-100)
}

.CheckItemStatusMobile_description__2zB05 {
    margin: 14px 0 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -.15px
}

.CheckItemStatusMobile_search_block__1Jfj_ {
    display: flex;
    flex: 1 1 auto
}

.CheckItemStatusMobile_search__FhZIO {
    width: 100%;
    height: 55px
}

.CheckItemStatusMobile_check__2zSwU {
    width: 100px !important;
    max-height: 55px;
    margin-left: 19px
}

.CheckItemStatusMobile_item_info__1_vEi {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: baseline;
    height: 100%;
    margin-top: 43px
}

.CheckItemStatusMobile_item_info__1_vEi img {
    width: 300px;
    margin: 0 auto
}

.CheckItemStatusMobile_properties__bljNY {
    display: flex;
    margin: 4px auto 0
}

.CheckItemStatusMobile_properties_keys__1nd0w {
    display: flex;
    flex-direction: column
}

.CheckItemStatusMobile_tooltip__1ydjx {
    width: 250px;
    margin: -40px -1px 0 0;
    transform: translateY(calc(50% - 22px))
}

.CheckItemStatusMobile_tooltip_icon__3l5V8 {
    width: 18px;
    height: 18px;
    margin: 0 8px 0 0
}

.CheckItemStatusMobile_bottom__KsKzV {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 13px 0 0;
    margin-bottom: 24px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    border-top: 2px solid hsla(0, 0%, 100%, .1)
}

.CheckItemStatusMobile_tooltip_icon__3l5V8 path {
    fill: hsla(0, 0%, 100%, .3)
}

.CheckItemStatusMobile_property_key__3yhBJ,
.CheckItemStatusMobile_property_value__1t5ih {
    display: flex;
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 120%;
    white-space: nowrap
}

.CheckItemStatusMobile_property_key__3yhBJ {
    margin-right: 25px
}

.CheckItemStatusMobile_property_value__1t5ih {
    margin-top: -3px
}

.CheckItemStatusMobile_property_name__3BZ71 {
    margin-top: -1px
}

.CheckItemStatusMobile_demand_icon__26qI2 {
    margin: 3px 5px 0 0;
    fill: var(--color-purple-500)
}

@media(max-width:600px) {
    .CheckItemStatusMobile_item_info__1_vEi img {
        width: 275px;
        margin: 0
    }

    .CheckItemStatusMobile_properties__bljNY {
        margin: 0
    }

    .CheckItemStatusMobile_check__2zSwU {
        max-width: 70px;
        height: 56px
    }
}

@media(max-width:380px) {
    .CheckItemStatusMobile_item_info__1_vEi img {
        width: 224px;
        margin: 0
    }

    .CheckItemStatusMobile_item_info__1_vEi {
        margin-top: 0
    }
}

.Sidebar_overlay__1vJQp {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99
}

.Sidebar_hidden_overlay__lO9Qr {
    display: none
}

.Sidebar_wrapper__lYYnQ {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 360px;
    padding: 0;
    overflow: hidden;
    background-color: var(--color-graybase-700);
    border-radius: var(--size-corner-radius-hard);
    box-shadow: var(--effect-shadow-deep-max);
    transition: transform .5s ease-out;
    transform: translateZ(0)
}

.Sidebar_wrapper__lYYnQ.Sidebar_left__Z-oWs {
    top: 0;
    left: 0
}

.Sidebar_wrapper__lYYnQ.Sidebar_left__Z-oWs.Sidebar_hidden__17hy4 {
    transition: transform .3s ease-in;
    transform: translate3d(-100%, 0, 0)
}

.Sidebar_wrapper__lYYnQ.Sidebar_right__PUyTM {
    top: 0;
    right: 0
}

.Sidebar_wrapper__lYYnQ.Sidebar_right__PUyTM.Sidebar_hidden__17hy4 {
    transition: transform .3s ease-in;
    transform: translate3d(100%, 0, 0)
}

.Sidebar_close__FVpjo {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2
}

.Collapse_wrapper__1Byg7 {
    margin-bottom: 40px;
    border-top: 1px solid var(--color-white-100-opacity-10);
    border-bottom: 1px solid var(--color-white-100-opacity-10)
}

.Collapse_header__3sm3f {
    --main-color: var(--color-graybase-100);
    --hover-color: var(--color-purple-300);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 16px;
    color: var(--main-color);
    cursor: pointer;
    fill: var(--main-color)
}

.Collapse_header__3sm3f:hover {
    color: var(--hover-color);
    fill: var(--hover-color)
}

.Collapse_collapse_content__1hcV9 {
    margin: 0 16px 20px
}

.Collapse_icon__3byu1,
.Collapse_rotate__2HkS2 {
    transition: var(--default-animation-function)
}

.Collapse_rotate__2HkS2 {
    transform: rotate(180deg)
}

.CollapseWrapper_wrapper__bSuHT {
    margin-top: 36px
}

.Feature_wrapper__FxSZu {
    display: flex;
    width: 100%;
    margin: 10px 0
}

.Feature_text__128Dq {
    color: var(--text-color)
}

.Feature_icon__1U40g {
    margin-top: 3px;
    margin-right: 10px;
    fill: var(--icon-color)
}

.Feature_green__2Qnf8 {
    --text-color: var(--color-accent-green-100);
    --icon-color: var(--color-accent-green-100)
}

.Feature_red__r_e17 {
    --text-color: var(--color-graybase-200);
    --icon-color: var(--color-accent-red-200)
}

.Feature_tooltip__AGnLL {
    margin-top: 3px;
    margin-left: 8px;
    fill: var(--color-graybase-100)
}

.Feature_tooltip__AGnLL:hover {
    fill: var(--color-white-100)
}

.Feature_wrapper_list__3ZC6y {
    display: flex;
    flex-direction: column
}

.List_list_element__3tgkv {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px
}

.List_list_element_number__3zgfX {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-right: 10px;
    color: var(--color-graybase-600);
    background-color: var(--color-graybase-100);
    border-radius: 50%
}

.NavigationButton_wrapper__60pHd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 160px;
    height: 22px;
    padding: 4px 8px 0;
    overflow: hidden;
    color: var(--color-graybase-400);
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    background: var(--color-white-100-opacity-30);
    border-radius: var(--size-corner-radius-regular)
}

.NavigationButton_wrapper__60pHd:hover {
    background: var(--color-white-100)
}

.StepStatus_wrapper__1qwMF {
    display: flex;
    align-items: center;
    color: var(--color-graybase-400);
    fill: var(--color-graybase-400)
}

.StepStatus_label__1ywC1 {
    margin-top: 3px
}

.TextBlockStatus_description__SbUw5 {
    color: var(--color-graybase-400)
}

.TextBlockStatus_title__gRwim {
    margin-top: 13px;
    margin-bottom: 4px;
    color: var(--color-graybase-600)
}

.TextTooltipContent_text__2VAW8 {
    color: var(--color-graybase-100)
}

.HiddenProfilePage_content__3Yz2d {
    margin: 0 16px
}

.HiddenProfilePage_animation__2eF3n {
    margin: 36px auto 24px
}

.HiddenProfilePage_text__1Ggau {
    margin-bottom: 36px;
    color: var(--color-graybase-200)
}

.Card_wrapper__3IOLj {
    min-width: 248px;
    padding: 16px;
    margin-top: 24px;
    background: var(--color-graybase-600);
    border-radius: var(--size-corner-radius-regular)
}

.Card_top_part__1EoA7 {
    display: flex;
    margin-bottom: 16px
}

.Card_title__1mPvX {
    margin-left: 14px;
    color: var(--color-graybase-100)
}

.CarouselButton_button__oNNDa {
    width: 100%;
    height: 100%;
    touch-action: manipulation;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none
}

.CarouselButton_disabled__CWNs2 {
    pointer-events: none
}

.LevelUpProfileCarousel_wrapper__2oTEp {
    position: relative
}

.LevelUpProfileCarousel_viewport__3fzHr,
.LevelUpProfileCarousel_wrapper__2oTEp {
    width: 100%;
    overflow: hidden
}

.LevelUpProfileCarousel_viewport__3fzHr .LevelUpProfileCarousel_draggable__C6GYr {
    cursor: grab
}

.LevelUpProfileCarousel_viewport__3fzHr.LevelUpProfileCarousel_dragging__3GcPj {
    cursor: grabbing
}

.LevelUpProfileCarousel_container__2xtoa {
    display: flex;
    margin-right: 16px;
    -khtml-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.LevelUpProfileCarousel_slide__1wJws {
    position: relative;
    padding-left: 16px
}

.LevelUpProfileCarousel_slide_inner__3Z4sd {
    position: relative;
    overflow: hidden
}

.LevelUpProfileCarousel_button__32lpl {
    position: absolute;
    width: 40px;
    height: 100%
}

.LevelUpProfileCarousel_left_button__2obLe {
    top: 15px;
    left: 0
}

.LevelUpProfileCarousel_right_button__3yLOC {
    top: 15px;
    right: 0
}

.LevelUpProfileCarousel_icon__WQpGD {
    margin-top: 3px
}

.LevelUpProfileCarousel_buy_icon__AN3fk {
    fill: var(--color-graybase-100)
}

.LevelUpProfileCarousel_number_icon__5xwxs {
    margin: 2px 0 0 1px;
    color: var(--color-graybase-700)
}

.LevelUpProfilePage_cards__11uuj {
    max-width: 360px;
    margin-bottom: 36px
}

.LevelUpProfilePage_faq_link__3PrCv {
    display: flex;
    justify-content: space-around
}

.LevelUpProfilePage_ways__YS4KU {
    margin: 36px 16px 0
}

.Warning_wrapper__d7t7b {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    padding: 8px 12px;
    color: var(--color-accent-red-100);
    background: var(--color-shape-red-200-opacity-10);
    border: 1.5px solid var(--color-shape-red-200-opacity-10);
    border-radius: var(--size-corner-radius-regular);
    fill: var(--color-accent-red-100)
}

.Warning_icon__1MUuR {
    margin-right: 14px
}

.NavigationDot_navigation_dot__2zdd5 {
    width: 8px;
    height: 8px;
    background-color: var(--color-graybase-400);
    border-radius: 50%
}

.NavigationDot_navigation_dot__2zdd5.NavigationDot_active__3YeGu {
    background-color: var(--color-white-100)
}

.SteamGuardCarousel_wrapper__1zXeo {
    position: relative;
    width: 100%;
    margin-top: 36px
}

.SteamGuardCarousel_viewport__28LPq {
    width: 207px;
    margin: 0 auto
}

.SteamGuardCarousel_viewport__28LPq.SteamGuardCarousel_draggable__91Avf {
    cursor: grab
}

.SteamGuardCarousel_viewport__28LPq.SteamGuardCarousel_dragging__1_a6I {
    cursor: grabbing
}

.SteamGuardCarousel_container__1DGim {
    display: flex;
    -khtml-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.SteamGuardCarousel_slide__2gs92 {
    position: relative;
    display: flex;
    justify-content: center;
    min-width: 100%
}

.SteamGuardCarousel_slide_inner__2AmMJ {
    position: relative;
    box-sizing: border-box;
    width: 168px;
    height: 340px;
    overflow: hidden;
    opacity: .3;
    transform: scale(.893)
}

.SteamGuardCarousel_slide_img__eqkaI {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    min-width: 100%;
    max-width: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.SteamGuardCarousel_selected__3QENz .SteamGuardCarousel_slide_inner__2AmMJ {
    opacity: unset;
    transition: all .3s ease-in-out;
    transform: unset
}

.SteamGuardCarousel_controllers__F4SZK {
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.SteamGuardCarousel_button__3TXp1,
.SteamGuardCarousel_controllers__F4SZK {
    position: absolute;
    height: 100%
}

.SteamGuardCarousel_button__3TXp1 {
    width: 90px
}

.SteamGuardCarousel_left_button__2nd-D {
    top: 0;
    left: 0
}

.SteamGuardCarousel_right_button__1YxcD {
    top: 0;
    right: 0
}

.SteamGuardCarousel_description__3Z9ZO {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 16px 16px 0;
    text-align: center
}

.SteamGuardCarousel_description_text__DEnQY {
    color: var(--color-graybase-100)
}

.SteamGuardCarousel_navigation_dot__37qQM {
    padding: 8px;
    cursor: pointer;
    background: none;
    border: none;
    outline: none
}

.SteamGuardCarousel_navigation__1yOR4 {
    display: flex;
    justify-content: center;
    margin-top: 14px
}

.SteamGuardCarousel_mobile_steam_link__3dGys {
    margin-top: 4px
}

.SteamGuardPage_warning__1BNYq {
    margin: 36px 16px
}

.SteamGuardPage_faq_link__1vtaA {
    display: flex;
    justify-content: space-around
}

.TextWithTooltip_wrapper__30-wr {
    display: flex;
    width: 100%;
    margin: 10px 0 8px;
    color: var(--color-white-100)
}

.TextWithTooltip_text__2xWmk {
    color: var(--text-color)
}

.TextWithTooltip_icon__3-KlI {
    margin-top: 3px;
    margin-right: 10px;
    fill: var(--color-graybase-100)
}

.TextWithTooltip_icon__3-KlI:hover {
    fill: var(--color-white-100)
}

.TextWithTooltip_tooltip__2xlk8 {
    margin-top: 3px;
    margin-left: 9px;
    fill: var(--color-graybase-100)
}

.TextWithTooltip_tooltip__2xlk8:hover {
    fill: var(--color-white-100)
}

.TradeLinkPage_content__3Z6Pv {
    margin: 0 16px
}

.TradeLinkPage_tradelink_text__29WsT {
    margin-bottom: 24px;
    color: var(--color-graybase-100)
}

.TradeLinkPage_animation__2R4gL {
    margin: 36px auto 16px
}

.TradeLinkPage_get_button__3YoDh {
    display: inline-block;
    margin-bottom: 26px
}

.TradeLinkPage_input__yELel {
    margin-bottom: 16px
}

.TradeLinkPage_collapse__2VH6J {
    margin-top: 36px
}

.LinearProgressbar_wrapper__26BWs {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 8px;
    background: var(--color-white-100-opacity-30);
    border-radius: var(--size-corner-radius-regular)
}

.LinearProgressbar_linear__3z_Gm {
    box-sizing: border-box;
    width: 50%;
    height: 8px;
    border: 1px solid var(--color-graybase-600);
    border-radius: var(--size-corner-radius-regular) 0 0 var(--size-corner-radius-regular)
}

.LinearProgressbar_end_active_bar__1M817,
.LinearProgressbar_linear__3z_Gm {
    background: var(--color-graybase-600)
}

.LinearProgressbar_end_active_bar__1M817 {
    height: 14px;
    border: 1px solid var(--color-graybase-600);
    border-radius: var(--size-corner-radius-regular)
}

.TextBlockProgress_initial_title__Tk8G4 {
    margin-top: 20px;
    margin-bottom: 8px;
    color: var(--color-graybase-600)
}

.TextBlockProgress_progress_text__244GH {
    margin-top: 4px;
    margin-bottom: 8px;
    color: var(--color-graybase-400)
}

.styles_container__2FtLa {
    display: flex;
    align-items: flex-start;
    width: fit-content;
    cursor: pointer
}

.styles_checkbox__31xuK {
    margin-right: 8px;
    transform: translateY(2px)
}

@media(max-width:550px) {
    .styles_checkbox__31xuK {
        margin-right: 10px
    }
}

.styles_container__YDT0T {
    width: 100%;
    height: 253px
}

.styles_no_header__3ogKA {
    margin-top: -44px
}

.styles_header__284c9 {
    display: flex;
    justify-content: space-between;
    margin-bottom: -16px
}

.styles_title__VpdK2 {
    position: relative;
    width: 116px;
    height: 14px;
    overflow: hidden;
    background: hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    opacity: .3
}

.styles_title__VpdK2:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg, hsla(0, 0%, 82.7%, 0), hsla(0, 0%, 82.7%, .8) 50%, hsla(0, 0%, 82.7%, 0));
    border-radius: 4px;
    animation: styles_gradientAnim__2n-Ln 1.5s ease-in-out infinite
}

.styles_dropdown__zKMhz {
    position: relative;
    width: 33px;
    height: 14px;
    overflow: hidden;
    background: hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    opacity: .3
}

.styles_dropdown__zKMhz:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg, hsla(0, 0%, 82.7%, 0), hsla(0, 0%, 82.7%, .8) 50%, hsla(0, 0%, 82.7%, 0));
    border-radius: 4px;
    animation: styles_gradientAnim__2n-Ln 1.5s ease-in-out infinite
}

.styles_chart__1ff8u {
    position: relative;
    width: 100%;
    height: 100%
}

.styles_x_labels__3dtTU {
    position: absolute;
    top: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 80px)
}

.styles_x_label__3tmYZ {
    position: relative;
    width: 49px;
    height: 14px;
    overflow: hidden;
    background: hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    opacity: .3
}

.styles_x_label__3tmYZ:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg, hsla(0, 0%, 82.7%, 0), hsla(0, 0%, 82.7%, .8) 50%, hsla(0, 0%, 82.7%, 0));
    border-radius: 4px;
    animation: styles_gradientAnim__2n-Ln 1.5s ease-in-out infinite
}

.styles_y_labels__1WBFD {
    position: absolute;
    bottom: 4px;
    left: 52px;
    display: flex;
    justify-content: space-between;
    width: calc(100% - 55px)
}

.styles_y_label__I_rf5 {
    position: relative;
    width: 36px;
    height: 14px;
    overflow: hidden;
    background: hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    opacity: .3
}

.styles_y_label__I_rf5:after {
    position: absolute;
    content: "";
    background: linear-gradient(90deg, hsla(0, 0%, 82.7%, 0), hsla(0, 0%, 82.7%, .8) 50%, hsla(0, 0%, 82.7%, 0));
    border-radius: 4px;
    animation: styles_gradientAnim__2n-Ln 1.5s ease-in-out infinite
}

.styles_chart_icon__3DTf0,
.styles_y_label__I_rf5:after {
    width: 100%;
    height: 100%
}

@keyframes styles_gradientAnim__2n-Ln {
    0% {
        left: -50%
    }

    to {
        left: 100%
    }
}

@media(max-width:1280px) {
    .styles_modal__3nQ17 {
        width: auto
    }

    .styles_x_label__3tmYZ {
        width: 25px
    }
}

.styles_dropdown__39WVc {
    max-height: 19px
}

.styles_wrapper__5KcEt {
    padding-right: 0
}

.styles_dropdown__39WVc * {
    color: #c0c0c2 !important
}

.styles_container__30d8H {
    left: -75px
}

.styles_wrapper__2eB8P {
    width: 100%;
    margin-top: 10px
}

.styles_container__1KviC {
    position: relative
}

.styles_sales_wrapper__2OESP {
    overflow: hidden
}

.styles_hide_btn__3eGN8 {
    position: absolute;
    right: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .05em
}

.styles_headers__3ArO_,
.styles_line__217Qq {
    width: 340px !important;
    padding: 0 !important
}

.styles_chart__2fUOR {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 612px;
    height: 210px
}

.styles_show_graph_btn__3cZN3 {
    color: hsla(0, 0%, 100%, .5);
    border-color: hsla(0, 0%, 100%, .1)
}

.styles_show_graph_btn__3cZN3 span {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .05em
}

.styles_chart_description__20dxV {
    position: relative;
    margin-top: -32px;
    margin-right: 16px;
    writing-mode: vertical-lr;
    transform: rotate(180deg)
}

.styles_dollar_symbol__26upR {
    writing-mode: horizontal-tb;
    transform: rotate(0deg)
}

.styles_left_line__2EuCR,
.styles_right_line__xbYSV {
    position: absolute;
    right: 50%;
    display: block;
    min-width: 1px;
    min-height: 22px;
    content: "";
    background: hsla(0, 0%, 100%, .1)
}

.styles_right_line__xbYSV {
    top: -6px;
    transform: translateY(-100%)
}

.styles_left_line__2EuCR {
    bottom: -6px;
    transform: translateY(100%)
}

.styles_tab__1Bvt5 {
    display: flex;
    flex-direction: column;
    max-width: 640px;
    padding: 0
}

.styles_checkbox__2Gdga {
    margin-right: 24px;
    color: var(--color-graybase-100)
}

.styles_headers__3ArO_ {
    font-size: 15px
}

.styles_filters__2mh13 {
    display: flex;
    margin-bottom: 12px;
    margin-left: auto
}

.styles_line__217Qq {
    margin-bottom: 17px
}

.styles_tab_wrapper__6RZIz {
    max-width: 640px
}

.styles_date_description__1K_6c {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 14px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.styles_left_line_h__1QJWa,
.styles_right_line_h__2JE03 {
    min-width: 22px;
    min-height: 1px;
    background: hsla(0, 0%, 100%, .1)
}

.styles_left_line_h__1QJWa {
    margin-right: 6px
}

.styles_right_line_h__2JE03 {
    margin-left: 6px
}

@media(max-width:1024px) {
    .styles_hide_btn__3eGN8 {
        position: static;
        display: flex;
        justify-content: flex-end;
        width: 100%;
        padding-right: 15px;
        padding-bottom: 10px
    }

    .styles_tab_wrapper__6RZIz {
        overflow: hidden
    }
}

.styles_chart__1PkpA,
.styles_wrapper__1XUfo {
    width: 100%
}

.styles_chart__1PkpA {
    display: flex;
    max-width: 640px;
    height: 210px
}

.styles_header__6uzdH {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

.styles_title__wxu8q {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 120%;
    cursor: pointer
}

.styles_icon__2rl0G {
    width: 10px;
    height: 10px;
    margin-left: 7px;
    background: url(/svg/plus_rounded.svg) no-repeat;
    background-position: 50%;
    background-size: contain
}

.styles_icon__2rl0G.styles_opened__3C-RB {
    width: 10px;
    height: 2px;
    background: url(/svg/minus_rounded.svg) no-repeat
}

.styles_unavailable__15yGU {
    text-align: center
}

@media(max-width:1280px) {
    .styles_image__BZgD- {
        max-width: 77%
    }

    .styles_chart__1PkpA {
        max-width: 529px
    }
}

@media(max-width:998px) {
    .styles_wrapper__1XUfo {
        display: none
    }
}

.MobileFooter_wrapper__3c_ED {
    position: fixed;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 16px 16px 20px;
    background: var(--color-graybase-500);
    border-top: 1px solid var(--color-white-100-opacity-10)
}

.MobileFooter_price__3Y1Jo {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    color: var(--color-white-100)
}

.MobileFooter_currency__1haLm {
    font: inherit;
    color: inherit
}

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

.Property_name__V5LeC {
    color: var(--color-graybase-100)
}

.Property_value__2A7k1 {
    color: var(--color-white-100)
}

.Info_wrapper__1reUi {
    gap: 16px;
    padding: 20px;
    background-color: var(--color-graybase-600);
    border-radius: var(--size-border-radius-regular)
}

.Info_properties__3mlQu,
.Info_wrapper__1reUi {
    display: grid;
    grid-auto-flow: row
}

.Info_properties__3mlQu {
    gap: 10px
}

.Info_currency__39yBt {
    font: inherit;
    color: inherit
}

.Tags_wrapper__3yYrp {
    display: flex;
    flex-wrap: wrap;
    margin-top: -8px;
    margin-left: -8px
}

@media(min-width:1024px) {
    .Tags_wrapper__3yYrp {
        position: absolute;
        top: 0;
        z-index: 20
    }
}

.Tags_wrapper__3yYrp>.Tags_tag_item__bY6Yr {
    margin: 8px
}

.style_logo__3ms8b,
.style_logo__16GD9 {
    fill: #030826
}

.style_block__1P9iS {
    color: var(--frontly-red-400, #ff8095) !important;
    fill: var(--frontly-red-400, #ff8095) !important
}

.Suggestion_suggestion__SFmT- {
    position: absolute;
    z-index: 4;
    box-sizing: border-box;
    width: 200px;
    padding: 4px;
    margin-top: 4px;
    background: var(--color-graybase-400);
    border-radius: var(--size-corner-radius-regular);
    box-shadow: var(--effect-shadow-medium) 0 4px 20px rgba(0, 0, 0, .2)
}

.Suggestion_suggestion_item__3pIq0 {
    display: flex;
    padding: 8px;
    color: var(--color-white-100-opacity-50);
    cursor: pointer;
    fill: var(--color-white-100-opacity-50)
}

.Suggestion_suggestion_item__3pIq0 .Suggestion_bottom__252wx {
    margin-top: 2px;
    color: var(--color-graybase-200)
}

.Suggestion_suggestion_item__3pIq0:hover {
    color: var(--color-white-100);
    background: var(--color-graybase-300);
    border-radius: var(--size-corner-radius-regular);
    fill: var(--color-white-100)
}

.Suggestion_suggestion_item__3pIq0:hover .Suggestion_bottom__252wx {
    color: var(--color-graybase-100)
}

.Suggestion_suggestion_item__3pIq0 svg {
    margin-right: 10px
}

.style_ConfirmButton__R11ZO button {
    --bg-color: var(--color-accent-green-500);
    --bg-color-hover: var(--color-accent-green-400);
    --bg-color-disabled: var(--color-accent-green-400-opacity-40)
}

.style_ConfirmButton__R11ZO span {
    text-transform: none
}

.style_ConfirmButton__R11ZO.style_medium__z3qnn span {
    font-size: 14px;
    font-style: normal;
    font-weight: 550;
    line-height: 16px;
    letter-spacing: -.14px
}

.style_ConfirmButton__R11ZO.style_medium__z3qnn button {
    gap: 8px;
    padding: 11px 12px
}

.style_ConfirmButton__R11ZO.style_small__3zdOs button {
    gap: 4px;
    padding: 8px
}

.style_ConfirmButton__R11ZO.style_small__3zdOs span {
    font-size: 11px;
    font-style: normal;
    font-weight: 525;
    line-height: 12px;
    letter-spacing: -.055px
}

.style_ConfirmButton__R11ZO.style_large__1oG7r button {
    gap: 10px;
    height: 48px;
    padding: 14px 16px
}

.style_ConfirmButton__R11ZO.style_large__1oG7r span {
    font-size: 17px;
    font-style: normal;
    font-weight: 550;
    line-height: 20px;
    letter-spacing: -.255px
}

.ItemsGrid_items__13i-y {
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px;
    column-gap: 6px;
    justify-content: center;
    max-width: 327px;
    height: fit-content;
    min-height: 180px;
    max-height: 242px;
    margin-bottom: 12px;
    overflow-x: hidden;
    overflow-y: auto
}

.ItemsGrid_items_border__3yT8k {
    padding-right: 2px;
    border-bottom: 1px solid var(--color-purple-200-opacity-8)
}

.ItemsGrid_items__13i-y div {
    border-radius: var(--size-corner-radius-regular)
}

.ItemsGrid_items__13i-y::-webkit-scrollbar {
    width: 4px;
    height: 6px
}

.ItemsGrid_items__13i-y::-webkit-scrollbar-thumb {
    background: var(--color-white-100-opacity-10);
    border-radius: 25px
}

.ItemsGrid_items__13i-y::-webkit-scrollbar-track {
    border-radius: 10px
}

.SyntheticCard_card__ItU-W {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 103px;
    height: 180px;
    background: var(--color-graybase-500);
    border-radius: 4px
}

.SyntheticCard_card_filter__3wpKD {
    display: none
}

.SyntheticCard_card_info__1vNGM {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.SyntheticCard_card_disabled__wEM7j {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--color-graybase-500);
    opacity: .5
}

.SyntheticCard_card_stickers__3Zqbt {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    flex-direction: column
}

.SyntheticCard_card_stickers_current__3vbGY {
    width: 20px;
    height: 20px;
    object-fit: contain
}

.SyntheticCard_card_img__1k6wO {
    margin: 20px 8px 0
}

.SyntheticCard_card_tags__3-xk2 {
    height: 18px;
    margin-bottom: 6px;
    margin-left: 8px
}

.SyntheticCard_card_numbers__13Zl- {
    display: flex;
    flex-direction: column;
    margin: 0 8px 8px
}

.SyntheticCard_card_numbers_name__16Wkm {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.SyntheticCard_card_numbers_quality__3eDfh {
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    color: var(--color-graybase-100);
    letter-spacing: .025em
}

.SyntheticCard_card_numbers_quality_statTrack__31Z8y {
    color: var(--color-steam-stattrak)
}

.SyntheticCard_card_numbers_quality_souvenir__1EYqQ {
    color: var(--color-steam-souvenir)
}

.style_best_price__zvR-A>span {
    font-size: 14px;
    color: var(--color-bright-mint)
}

.style_price__5YSNc>span {
    font-size: 14px
}

.style_instant_button__37Sn6 {
    margin-top: -2px
}

.style_text_status__1Z3Xs {
    color: var(--frontly-graybase-200, #817e8f)
}

.style_price__5YSNc {
    display: inline
}

.style_price__5YSNc.style_disabled__26rFP span {
    color: var(--text-color)
}

.styles_area__3BBUl {
    max-width: 370px;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: var(--color-graybase-600);
    border-radius: 4px
}

@media(max-width:1023px) {
    .styles_area__3BBUl {
        max-width: none
    }
}

.MarketSellBlock_delimiter__25tD6 {
    height: 1px;
    background: hsla(0, 0%, 100%, .1)
}

.MarketSellBlock_delimiter__25tD6.MarketSellBlock_indent__2Rbve {
    margin: 15px 0
}

.MarketSellBlock_InstantButton__9t13r {
    margin: 0 16px
}

.MarketSellBlock_sell_btn__1eQz9 {
    margin-top: 9px
}

.MarketSellBlock_hight_demand_commission__2UAl1 {
    display: flex;
    align-items: center;
    color: var(--color-purple-500)
}

.MarketSellBlock_hight_demand_icon__160z9 {
    margin-right: 7.3px;
    fill: var(--color-purple-500)
}

.MarketSellBlock_info_icon__3LQwF {
    margin-left: 8.5px;
    fill: hsla(0, 0%, 100%, .3)
}

.MarketSellBlock_purple__2G9Fr {
    fill: var(--color-purple-500)
}

.MarketSellBlock_extra_charge__DaAR1 {
    display: flex;
    align-items: center;
    color: #ffc144
}

.MarketSellBlock_loader__2LetR {
    width: 16px;
    height: 16px
}

.MarketSellBlock_row_block__1lpsd {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media(min-width:1023px) {
    .MarketSellBlock_row_block__1lpsd {
        min-width: 330px
    }
}

@media(max-width:1023px) {
    .MarketSellBlock_sell_inputs__rXYTL {
        position: fixed;
        bottom: 0;
        left: 0;
        width: calc(100% - 32px);
        padding: 16px;
        background: var(--color-graybase-500);
        border-top: 1px solid hsla(0, 0%, 100%, .1)
    }

    .MarketSellBlock_sell_inputs__rXYTL.MarketSellBlock_unfix__3x3tk {
        position: unset;
        width: 100%;
        padding: unset;
        background-color: unset
    }

    .MarketSellBlock_row_block__1lpsd {
        background: var(--color-graybase-600);
        border-radius: 4px
    }

    .MarketSellBlock_row_block_margin__pGJK3 {
        margin-bottom: 250px
    }
}

.MarketSellBlock_best_price__KGrY0>span {
    font-size: 14px;
    color: var(--color-accent-green-100)
}

.MarketSellBlock_price__13N2e>span {
    font-size: 14px
}

.MarketSellBlock_wrapper__2wmy9 {
    margin-right: 8px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--color-white-100-opacity-10)
}

.MarketSellBlock_wrapper__2wmy9:last-child {
    border-bottom: 0
}

.MarketSellBlock_card_small_item__2aP_8 {
    min-width: 109px;
    background: var(--color-graybase-500);
    border-radius: var(--size-corner-radius-regular)
}

.MarketSellBlock_sell_cart_card_top__2_s5h {
    display: flex
}

.MarketSellBlock_type__1tOgN {
    color: var(--color-white-100-opacity-50)
}

.MarketSellBlock_card_name__2NMBb {
    display: flex;
    flex-direction: column;
    margin-left: 12px
}

.MarketSellBlock_card_side_part__3LuWg {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.MarketSellBlock_remove_icon__2gNKU {
    cursor: pointer;
    fill: var(--color-graybase-300)
}

.MarketSellBlock_remove_icon__2gNKU:hover {
    fill: var(--color-white-100)
}

.MarketSellBlock_sell_cart_card_price__3EmFA {
    display: flex;
    gap: 12px;
    width: 100%
}

.MarketSellBlock_price_title__1u2hw {
    display: flex;
    gap: 3px;
    margin-bottom: 4px;
    color: var(--color-graybase-100)
}

.MarketSellBlock_get_price__20V7-,
.MarketSellBlock_selling_price__B8IIO {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%
}

.MarketSellBlock_commission__2NLax {
    display: flex;
    align-items: center;
    color: var(--color-white-100-opacity-30)
}

.MarketSellBlock_commission_text__B7Rn9 {
    margin-top: 1px;
    margin-right: 4px
}

.MarketSellBlock_commission_icon__3SqXA {
    display: flex;
    justify-content: center;
    height: 25px;
    margin-top: 3px
}

.MarketSellBlock_commission_block__3dQeD {
    display: flex;
    align-items: center;
    color: var(--color-white-100)
}

.MarketSellBlock_commission_block_icon__1W-tx {
    display: flex;
    cursor: pointer;
    fill: var(--color-graybase-100)
}

.MarketSellBlock_commission_block_icon__1W-tx:hover {
    fill: var(--color-white-100)
}

@media(max-width:1023px) {
    .MarketSellBlock_wrapper__2wmy9 {
        margin: 0 0 16px 1px
    }

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

.MarketSellBlock_inputs__Ol4Kp {
    position: relative;
    width: 100%;
    height: 38px
}

.MarketSellBlock_tooltip_content__bt5vQ {
    height: 0;
    color: var(--color-white-100-opacity-30)
}

.MarketSellBlock_commission_icon__3SqXA,
.MarketSellBlock_tooltip_content__bt5vQ {
    cursor: pointer;
    fill: var(--color-white-100-opacity-30)
}

.MarketSellBlock_commission_icon__3SqXA:hover,
.MarketSellBlock_tooltip_content__bt5vQ:hover {
    fill: var(--color-white-100)
}

.MarketSellBlock_tooltip__1RD2w {
    color: var(--color-white-100)
}

.styles_row__mNuMr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    text-transform: capitalize
}

.styles_row__mNuMr:last-child {
    margin-bottom: 0
}

.styles_row_value__HXrm7,
.styles_title__hO4yZ {
    font-size: 14px;
    line-height: 20px
}

.styles_title__hO4yZ {
    color: var(--color-graybase-100);
    letter-spacing: .3px
}

.styles_delimiter__C8z7_ {
    height: 1px;
    margin-top: 3px;
    margin-bottom: 14px;
    background: hsla(0, 0%, 100%, .1)
}

.styles_sell_btn__26U_K {
    margin-top: 12px
}

.styles_hight_demand_commission__1ScPv {
    display: flex;
    align-items: center;
    color: var(--color-purple-500)
}

.styles_hight_demand_icon__1Uj1i {
    margin-right: 7.3px;
    fill: var(--color-purple-500)
}

.styles_info_icon__2EM8w {
    margin-left: 8.5px;
    fill: hsla(0, 0%, 100%, .3)
}

.styles_purple__3YM67 {
    fill: var(--color-purple-500)
}

.styles_extra_charge__3XWlx {
    display: flex;
    align-items: center;
    color: #ffc144
}

.styles_loader__XW4vW {
    width: 16px;
    height: 16px
}

.styles_tooltip_wrapper__3RlBj {
    width: 100%
}

@media(max-width:1023px) {
    .styles_sell_inputs__3ZoZr {
        position: fixed;
        bottom: 0;
        left: 0;
        width: calc(100% - 32px);
        padding: 16px;
        background: var(--color-graybase-500);
        border-top: 1px solid hsla(0, 0%, 100%, .1)
    }

    .styles_row_block__2KJje {
        padding: 12px;
        background: var(--color-graybase-600);
        border-radius: 4px
    }

    .styles_row_block_margin__HBzM5 {
        margin-bottom: 250px
    }
}

.ItemDetailsLayoutButtons_disabled__3gJGV {
    opacity: .5
}

.ItemDetailsLayoutButtons_withdraw__21Sl0 {
    margin-top: 10px
}

.ItemDetailsLayoutButtons_tooltip__2B8yu {
    width: 100%
}

.ItemDetailsLayoutButtons_button__G7SUl {
    flex-shrink: 1;
    height: 38px;
    letter-spacing: .6px
}

.ItemDetailsLayoutButtons_button__G7SUl span {
    font-size: 12px;
    letter-spacing: .6px
}

.ItemDetailsLayoutButtons_tooltip_content__uUOyy {
    width: 240px
}

.ItemDetailsLayoutButtons_withdraw_button__1CS08 {
    margin-bottom: 12px
}

.ItemDetailsLayoutButtons_is_user_cart__3jtFR {
    width: 100%
}

.ItemDetailsLayoutButtons_buttons_group__GUxQi {
    display: flex;
    margin-top: 14px
}

.ItemDetailsLayoutButtons_withdraw_disabled__12Wtd {
    cursor: not-allowed
}

.UserPriceExtra_wrapper__1YLLO {
    display: inline-flex;
    align-items: center;
    padding: 4px;
    margin: 0 0 0 20px;
    border-radius: 4px
}

.UserPriceExtra_extra__1TagF {
    color: var(--color-accent-red-100);
    background: var(--color-shape-red-200-opacity-10);
    fill: var(--color-accent-red-100)
}

.UserPriceExtra_discount__2XfqE {
    color: var(--color-accent-green-100);
    background: var(--color-shape-green-100-opacity-10);
    fill: var(--color-accent-green-100)
}

.UserPriceExtra_tooltip__1TMyD {
    color: var(--color-graybase-100)
}

.UserPriceExtra_tooltip_text__1AuZH {
    color: var(--color-accent-red-100)
}

.UserPriceExtra_tooltip_text_green__2sT5o {
    color: var(--color-accent-green-100)
}

.PriceInformation_icon__mf6HD {
    width: 24px;
    height: 24px;
    fill: var(--color-graybase-100)
}

.PriceInformation_item__ERj45 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px
}

.PriceInformation_inner_wrapper__3r01B {
    display: grid;
    grid-gap: 6px;
    padding-top: 14px
}

.PriceInformation_item_market_tooltip__MT5Ft {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-graybase-100)
}

.PriceInformation_otherwise__2u-40 {
    color: var(--color-purple-500)
}

.PriceInformation_amount__1l59_ {
    font-size: 14px
}

.PriceInformation_amount__1l59_,
.PriceInformation_value__jYYyP {
    font-weight: 400
}

.PriceInformation_value__jYYyP {
    color: var(--color-graybase-100)
}

.PriceInformation_price_wrap__NGJy5 {
    display: flex;
    justify-content: space-between;
    margin: 9px 0 16px
}

.PriceInformation_price_container__3Xgyq {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden
}

.PriceInformation_tooltip__pZVdV {
    box-sizing: content-box;
    max-width: 370px;
    padding: 11px 21px 11px 18px
}

.PriceInformation_item__ERj45:last-child {
    margin: 0
}

.PriceInformation_item__ERj45 p {
    color: var(--color-graybase-100)
}

.PriceInformation_wrap__2lhKh {
    width: 370px;
    font-size: 14px;
    line-height: 14px
}

.PriceInformation_item__ERj45 .PriceInformation_discount__3oVmM {
    color: var(--color-accent-green-100)
}

.PriceInformation_cash_discount__2fkln {
    color: var(--color-accent-green-200)
}

.PriceInformation_item__ERj45>span {
    font-size: 14px;
    font-weight: 400;
    line-height: 110%;
    color: var(--color-graybase-100)
}

.PriceInformation_information__2j8ND {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    width: 100%
}

.PriceInformation_overprice__1S9i1 {
    color: var(--color-accent-red-100) !important
}

.PriceInformation__urrency__1CQVS>span {
    margin-left: 5px
}

.PriceInformation_item__ERj45 .PriceInformation_rare__2f1os {
    color: #9f8fff
}

.PriceInformation_price__8Upf8 {
    font-size: 36px;
    line-height: 36px
}

.PriceInformation_price_extra__1lz3m {
    padding: 7px 8px
}

.PriceInformation_price_extra__1lz3m,
.PriceInformation_user_price_extra__32MWc {
    margin: -3px 0 0 20px;
    font-size: 15px
}

.PriceInformation_old_price__2H8wF {
    position: relative;
    margin-left: 2px;
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    color: var(--color-graybase-100);
    letter-spacing: -.35px
}

.PriceInformation_old_price__2H8wF:before {
    position: absolute;
    top: 50%;
    left: -5%;
    width: 110%;
    height: 2px;
    content: "";
    background: var(--color-graybase-100)
}

.PriceInformation_container__2XD9I {
    position: relative
}

.PriceInformation_price_info_container_market__CqIF5 {
    display: flex;
    flex-direction: column;
    padding-top: 18px
}

.PriceInformation_recommended_price_market_wrap__5U1mg {
    font-size: 18px;
    line-height: 26px;
    color: var(--color-graybase-100);
    cursor: pointer
}

.PriceInformation_tooltip_recommended_price__i1vAC {
    margin-left: 4px
}

.PriceInformation_price_market_wrap__1TZOR {
    display: flex;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 16px
}

.PriceInformation_price_market__2B4_l {
    padding-right: 12px;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px
}

.PriceInformation_market_tooltip_title___NruU {
    color: var(--color-white-100)
}

.PriceInformation_recommended_price_span__1hc-b {
    display: flex
}

@media(max-width:1280px) {
    .PriceInformation_container__2XD9I {
        margin-bottom: 140px
    }

    .PriceInformation_icon__mf6HD {
        width: 22px;
        height: 22px
    }

    .PriceInformation_price__8Upf8 {
        font-size: 20px;
        line-height: 20px
    }
}

.PriceInformation_price_tags__2DFOj {
    width: 100%;
    margin-bottom: 16px
}

@media(max-width:1024px) {
    .PriceInformation_price_tags__2DFOj {
        margin-bottom: 4px
    }

    .PriceInformation_price_wrap__NGJy5 {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 20;
        box-sizing: border-box;
        flex-flow: column;
        width: 100vw;
        padding: 12px 16px 20px;
        margin: 0;
        background: var(--color-graybase-500);
        border-top: 1px solid hsla(0, 0%, 100%, .1)
    }

    .PriceInformation_withdraw__1GSgR {
        height: 177px
    }

    .PriceInformation_price__8Upf8 {
        font-size: 22px
    }

    .PriceInformation_icon__mf6HD {
        width: 20px
    }
}

@media(max-width:550px) {
    .PriceInformation_icon__mf6HD {
        width: 26px;
        height: 26px;
        margin: 7px 3px 0 0
    }

    .PriceInformation_wrap__2lhKh {
        width: 100%
    }

    .PriceInformation_item__ERj45 span {
        margin-top: -7px;
        margin-left: 3px;
        font-size: 14px;
        line-height: 30px
    }
}

@media(max-width:375px) {
    .PriceInformation_price__8Upf8 {
        font-size: 18px;
        line-height: 24px;
        word-wrap: none
    }
}

.PriceInformation_title_price__3RKNY {
    color: var(--color-graybase-100)
}

.PriceInformation_instant_buy__AdwJs {
    margin-bottom: 32px
}

.ItemDetailsLayout_container__2XLMP {
    position: relative;
    display: flex;
    transition: transform .2s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1)
}

.ItemDetailsLayout_market_tag_wrapper__31UwX {
    display: grid;
    grid-auto-flow: column;
    gap: 8px;
    width: fit-content
}

.ItemDetailsLayout_lock__2IZjT {
    position: absolute;
    top: 0;
    z-index: 20;
    padding: 7px;
    background: #4a443d;
    border-radius: 4px
}

.ItemDetailsLayout_lock__2IZjT * {
    color: #ffc144 !important;
    fill: #ffc144 !important
}

.ItemDetailsLayout_lock__2IZjT span {
    font-size: 14px
}

.ItemDetailsLayout_numerical_wrapper__31nUx {
    width: 370px
}

.ItemDetailsLayout_unlock__rUSS2 {
    position: absolute;
    top: 0;
    z-index: 20;
    padding: 7px;
    font-size: 14px;
    background: #384342;
    border-radius: 4px
}

.ItemDetailsLayout_unlock__rUSS2 * {
    color: #5acd8d !important;
    fill: #5acd8d !important
}

.ItemDetailsLayout_unlock__rUSS2 span {
    font-size: 14px
}

.ItemDetailsLayout_item_visual__2lBPE {
    position: relative;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    min-height: 400px;
    margin-right: 40px
}

.ItemDetailsLayout_descr__1Te0d {
    display: flex
}

.ItemDetailsLayout_descr__1Te0d,
.ItemDetailsLayout_quality__j3Piu {
    font-size: 15px;
    line-height: 120%
}

.ItemDetailsLayout_name__ZYPKv {
    margin: 8px 0 12px;
    font-size: var(--typography-headline-24-bold-font-size);
    font-style: normal;
    font-weight: var(--typography-headline-24-bold-font-weight);
    line-height: var(--typography-headline-24-bold-line-height);
    color: #fff;
    letter-spacing: var(--typography-headline-24-bold-letter-spacing)
}

.ItemDetailsLayout_price_block__37gpv {
    margin-top: 24px
}

.ItemDetailsLayout_trade_lock_time__34YNq {
    position: absolute;
    top: 2px;
    left: 0;
    display: flex;
    align-items: center;
    padding: 7px;
    font-size: 14px;
    line-height: 110%;
    color: #46b376;
    background: rgba(70, 179, 118, .1);
    border-radius: 4px
}

.ItemDetailsLayout_clock_icon__SRuIh {
    margin-right: 6px;
    fill: #46b376
}

.ItemDetailsLayout_recently_appear__1hUlf {
    color: #ffc144;
    background: rgba(255, 193, 68, .1)
}

.ItemDetailsLayout_recently_appear__1hUlf .ItemDetailsLayout_clock_icon__SRuIh {
    fill: #ffc144
}

.ItemDetailsLayout_badges__2xAHb {
    margin-bottom: 16px
}

.ItemDetailsLayout_delimiter__1E4mO {
    display: none
}

.ItemDetailsLayout_item_numerical__2-JYQ {
    max-width: 370px
}

@media(max-width:1280px) {
    .ItemDetailsLayout_container__2XLMP {
        justify-content: space-around
    }

    .ItemDetailsLayout_descr__1Te0d {
        font-size: 14px
    }

    .ItemDetailsLayout_name__ZYPKv {
        margin: 5px 0 17px;
        font-size: 22px;
        line-height: 24px
    }
}

@media(max-width:1023px) {
    .ItemDetailsLayout_item_numerical__2-JYQ {
        max-width: none
    }

    .ItemDetailsLayout_unlock__rUSS2 {
        position: relative;
        margin-bottom: 8px
    }

    .ItemDetailsLayout_container__2XLMP {
        display: block;
        padding-top: 10px;
        padding-bottom: 200px;
        margin-top: -10px;
        overflow-y: auto
    }

    .ItemDetailsLayout_container__2XLMP.ItemDetailsLayout_marketInstantSell__2xVA4 {
        padding-bottom: 10vh
    }

    .ItemDetailsLayout_container__2XLMP::-webkit-scrollbar {
        display: none
    }

    .ItemDetailsLayout_delimiter__1E4mO {
        display: none;
        height: 1px;
        background: hsla(0, 0%, 100%, .1)
    }

    .ItemDetailsLayout_item_visual__2lBPE {
        margin-right: 0
    }

    .ItemDetailsLayout_item_visual__2lBPE .ItemDetailsLayout_trade_lock__i6d0u {
        top: 30px
    }

    .ItemDetailsLayout_price_block__37gpv {
        margin-top: 10px
    }
}

.ItemDetailsBadges_tags_container__t1LyD {
    display: flex;
    flex-wrap: wrap;
    max-width: 370px
}

.ItemDetailsBadges_tags_container__t1LyD>div {
    margin-right: 8px
}

.ItemDetailsBadges_badge__3LTky {
    margin-bottom: 6px
}

.ItemDetailsBadges_yellow__2THlg {
    color: var(--color-accent-yellow-100) !important;
    background-color: var(--color-shape-yellow-100-opacity-10) !important;
    fill: var(--color-accent-yellow-100) !important
}

.ItemDetailsBadges_red__3HY6m {
    color: var(--color-accent-red-200) !important;
    background-color: var(--color-shape-red-200-opacity-10) !important;
    fill: var(--color-accent-red-200) !important
}

.ItemDetailsBadges_market_tag_wrapper__2xhvP {
    display: grid;
    grid-auto-flow: column;
    gap: 8px;
    width: max-content
}

@media(max-width:1023px) {
    .ItemDetailsBadges_tags_container__t1LyD {
        flex-flow: row;
        max-width: none;
        overflow: auto
    }

    .ItemDetailsBadges_tags_container__t1LyD>div:first-child {
        margin-right: 0
    }

    .ItemDetailsBadges_tags_container__t1LyD::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .ItemDetailsBadges_badge__3LTky {
        min-width: max-content;
        margin-right: 8px
    }

    .ItemDetailsBadges_market_tag_wrapper__2xhvP {
        padding-bottom: 10px
    }
}

.styles_wrapper__3P_1U {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    background-image: url(/svg/dot.svg)
}

.styles_image__1nkPs {
    max-width: 100%;
    height: 100%;
    object-fit: contain
}

.styles_image_container__3E5jy {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    transition: transform .2s ease
}

.styles_loading__3_ggw+.styles_image_container__3E5jy {
    pointer-events: none
}

.styles_loading__3_ggw+.styles_image_container__3E5jy .styles_image__1nkPs {
    opacity: .5
}

.styles_loading__3_ggw {
    position: absolute;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.styles_loader__xUJBB {
    width: 50px;
    height: 50px
}

@media(max-width:998px) {
    .styles_wrapper__3P_1U {
        pointer-events: none;
        background-image: none
    }
}

.styles_favorite__2QcWo {
    position: absolute;
    right: 16px;
    bottom: 16px;
    width: fit-content
}

.styles_rare_plus__gTt8t {
    color: #9f8fff
}

.PatternBlue_blue__1OpLh {
    color: #4ca8f7
}

.PatternBlue_light_blue__1eeb6 {
    color: #9dd4e6
}

.ItemInformation730_link__3tKlG {
    color: #9f8fff
}

.ItemInformation730_wrapper__2gHEe {
    min-width: 370px;
    max-width: 370px
}

.ItemInformation730_block_hide__3_NKl {
    display: none
}

.ItemInformation730_title__jSf9q {
    margin-bottom: 29px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    color: var(--color-white-100);
    letter-spacing: -.3px
}

.ItemInformation730_float__1dlsz {
    display: flex;
    flex-direction: column;
    margin-top: 10px
}

.ItemInformation730_float_bottom__9vEUN {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 14px
}

.ItemInformation730_float_title__H7ugq {
    color: var(--color-graybase-100)
}

.ItemInformation730_float_title__H7ugq,
.ItemInformation730_float_value__3px0_ {
    font-size: 14px;
    line-height: 1
}

.ItemInformation730_float_value__3px0_ {
    color: #fff
}

.ItemInformation730_divider__2vRG_ {
    width: 100%;
    height: 1px;
    margin: 17px 0;
    background: hsla(0, 0%, 100%, .1)
}

.ItemInformation730_collection_case_area__3q11X {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 13px 20px
}

.ItemInformation730_from__1mv60 {
    overflow: hidden
}

.ItemInformation730_collection__Q0Lva,
.ItemInformation730_from__1mv60 {
    display: flex;
    flex: 1;
    align-items: center
}

.ItemInformation730_collection__Q0Lva {
    min-width: 50%
}

.ItemInformation730_collection_case_icon__1Dzeq {
    width: 36px;
    margin-right: 8px
}

.ItemInformation730_collection_case_title__RbkfQ {
    display: -webkit-box;
    overflow: hidden;
    color: var(--color-graybase-100);
    white-space: pre-wrap;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.ItemInformation730_divider_vertical__2nS7P {
    min-width: 1px;
    height: 26px;
    margin: 0 10px;
    background: var(--color-white-100-opacity-10)
}

.ItemInformation730_case__3Fog3 {
    display: flex;
    flex: 1;
    align-items: center
}

@media(max-width:1280px) {
    .ItemInformation730_wrapper__2gHEe {
        min-width: 305px
    }
}

@media(max-width:1023px) {
    .ItemInformation730_wrapper__2gHEe {
        max-width: inherit
    }

    .ItemInformation730_from__1mv60 {
        flex-direction: column;
        align-items: baseline
    }

    .ItemInformation730_divider_vertical__2nS7P {
        width: 100%;
        height: 1px;
        margin: 12px 0
    }

    .ItemInformation730_collection_case_title__RbkfQ {
        -webkit-line-clamp: 1
    }
}

@media(max-width:375px) {
    .ItemInformation730_wrapper__2gHEe {
        min-width: 200px
    }
}

.ItemInformation730_marble_fade__9PS7N span {
    background: linear-gradient(90deg, #3c63d7, #bc3826);
    -webkit-background-clip: text
}

.ItemInformation730_fade__L0nCI span,
.ItemInformation730_marble_fade__9PS7N span {
    -webkit-text-fill-color: transparent
}

.ItemInformation730_fade__L0nCI span {
    background: linear-gradient(90deg, #bc2754, #d27c49);
    -webkit-background-clip: text
}

.styles_button__1JsGU {
    fill: hsla(0, 0%, 100%, .5)
}

.styles_button__1JsGU:hover {
    fill: #fff
}

.styles_disabled__Ho6wN {
    pointer-events: none;
    fill: hsla(0, 0%, 100%, .1)
}

.styles_dropdown__1BrqQ {
    top: 27px;
    right: -65px;
    left: auto;
    z-index: 10;
    width: 90px;
    letter-spacing: -.35px
}

.styles_dropdown__1BrqQ a {
    width: 100%;
    padding: 8px 0
}

.styles_test__2B2jp {
    margin: 0 -2px 0 0
}

.styles_trigger__3YyCe>div {
    flex-direction: column
}

.styles_dots__3wehC,
.styles_trigger__3YyCe>div {
    display: flex;
    align-items: center
}

.styles_dots__3wehC {
    justify-content: center;
    width: 40px;
    height: 15px;
    margin-right: -20px
}

.styles_dots__3wehC:hover * {
    fill: #fff
}

.styles_highlight_wrap__3hWXb svg {
    display: none
}

.styles_highlight_wrap__3hWXb a {
    font-size: 14px;
    text-transform: capitalize
}

.styles_inspect_wrapper__1aKdH {
    z-index: 3
}

.styles_button__2hpmA {
    cursor: pointer;
    fill: hsla(0, 0%, 100%, .5)
}

.styles_button__2hpmA:hover {
    fill: #fff
}

.styles_dropdown__1YiTF {
    top: 18px;
    right: 11px;
    left: auto;
    z-index: 10;
    width: 100px;
    letter-spacing: -.35px
}

.styles_dropdown__1YiTF a {
    width: 100%;
    padding: 8px 0
}

.styles_trigger__2a7bY>div {
    flex-direction: column
}

.styles_dots__1DNFS,
.styles_trigger__2a7bY>div {
    display: flex;
    align-items: center
}

.styles_dots__1DNFS {
    justify-content: center;
    width: 40px;
    height: 15px;
    margin-right: -20px
}

.styles_dots__1DNFS:hover * {
    fill: #fff
}

.styles_item__2rqFS {
    display: block;
    width: 100%;
    padding: 14px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: var(--color-graybase-400);
    border-bottom: .5px solid hsla(0, 0%, 100%, .05)
}

.styles_item__2rqFS:first-child {
    border-radius: 14px 14px 0 0
}

.styles_item__2rqFS:last-child {
    border-bottom: none;
    border-radius: 0 0 14px 14px
}

.styles_item__2rqFS svg {
    display: none
}

.styles_item__2rqFS button {
    width: 100%
}

.styles_item__2rqFS span {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #fff;
    text-align: center
}

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

.styles_link__2L7ry {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .05em
}

@media(max-width:1023px) {
    .styles_links__3mgtm {
        position: absolute;
        top: -20px;
        right: 48px
    }
}

@media(max-width:550px) {
    .styles_links__3mgtm {
        top: -5px
    }
}

.styles_stack__2_3BM {
    position: relative
}

.styles_stack__2_3BM div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.styles_inner__3tMta span {
    margin-left: 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px
}

.styles_icon__2GTn1 svg {
    fill: #fff;
    transform: scale(2)
}

.styles_icon__2GTn1 {
    width: 14px;
    height: 10px;
    cursor: pointer
}

.styles_icon__2GTn1 path {
    fill: var(--color-graybase-100)
}

.MarketItemInformation730_link__2IvBB {
    color: #9f8fff
}

.MarketItemInformation730_wrapper__2oldQ {
    max-width: 370px
}

.MarketItemInformation730_info__2NiPE {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.MarketItemInformation730_block_hide__5Tbvt {
    display: none
}

.MarketItemInformation730_title__3L-Rb {
    margin-bottom: 29px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    letter-spacing: -.3px
}

.MarketItemInformation730_float__10cXj {
    display: flex;
    flex-direction: column;
    margin-top: 10px
}

.MarketItemInformation730_float_bottom__28jlX {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 14px
}

.MarketItemInformation730_float_title__2d3FO {
    color: var(--color-graybase-100)
}

.MarketItemInformation730_float_value__2P00J {
    color: var(--color-white-100)
}

.MarketItemInformation730_divider__2UtvT {
    width: 100%;
    height: 1px;
    margin: 17px 0;
    background: hsla(0, 0%, 100%, .1)
}

.MarketItemInformation730_blue__2rDCv {
    color: #4ca8f7
}

.MarketItemInformation730_light_blue__2OoSE {
    color: #9dd4e6
}

.MarketItemInformation730_from__33r1K {
    overflow: hidden
}

.MarketItemInformation730_collection__3P5yx,
.MarketItemInformation730_from__33r1K {
    display: flex;
    align-items: center
}

.MarketItemInformation730_collection__3P5yx {
    flex: 1;
    min-width: 50%
}

.MarketItemInformation730_collection_icon__2O4jq {
    width: 30px;
    margin-right: 10px
}

.MarketItemInformation730_collection_title__2rJIg {
    color: var(--color-graybase-100)
}

.MarketItemInformation730_case__XsyA-,
.MarketItemInformation730_cases__9BsRN {
    display: flex;
    flex: 1;
    align-items: center
}

.MarketItemInformation730_cases__9BsRN {
    justify-content: space-between
}

.MarketItemInformation730_case_info__2pQkI {
    width: 14px;
    height: 14px;
    fill: hsla(0, 0%, 100%, .3)
}

.MarketItemInformation730_case_icon__2Cogf {
    width: 30px;
    margin-right: 10px
}

.MarketItemInformation730_case_title__2EinV {
    display: flex;
    align-items: center;
    min-width: 50%;
    color: var(--color-graybase-100)
}

.MarketItemInformation730_divider_vertical__2UkAt {
    min-width: 1px;
    height: 24px;
    margin: 0 15px;
    background: hsla(0, 0%, 100%, .1)
}

.MarketItemInformation730_tooltip__38Y-T {
    margin: -25px -1px 0 0
}

@media(max-width:1280px) {
    .MarketItemInformation730_wrapper__2oldQ {
        min-width: 305px
    }
}

@media(max-width:1024px) {
    .MarketItemInformation730_wrapper__2oldQ {
        max-width: inherit
    }

    .MarketItemInformation730_from__33r1K {
        flex-direction: column;
        align-items: baseline
    }

    .MarketItemInformation730_divider_vertical__2UkAt {
        width: 100%;
        height: 1px;
        margin: 15px 0
    }

    .MarketItemInformation730_case_icon__2Cogf,
    .MarketItemInformation730_collection_icon__2O4jq {
        width: 36px;
        margin-right: 4px
    }

    .MarketItemInformation730_collection_title__2rJIg {
        font-size: 14px
    }

    .MarketItemInformation730_case_info__2pQkI {
        align-items: flex-end
    }

    .MarketItemInformation730_cases__9BsRN {
        width: 100%
    }
}

@media(max-width:375px) {
    .MarketItemInformation730_wrapper__2oldQ {
        min-width: 200px
    }

    .MarketItemInformation730_from__33r1K {
        flex-direction: column
    }

    .MarketItemInformation730_divider_vertical__2UkAt {
        align-items: flex-start;
        min-width: 100%;
        height: 1px;
        margin: 17px 21px
    }

    .MarketItemInformation730_collection_title__2rJIg {
        font-size: 14px;
        line-height: 24px
    }

    .MarketItemInformation730_case_icon__2Cogf,
    .MarketItemInformation730_collection_icon__2O4jq {
        width: 36px
    }
}

.MarketItemInformation730_marble_fade__Lsubr span {
    background: linear-gradient(90deg, #3c63d7, #bc3826);
    -webkit-background-clip: text
}

.MarketItemInformation730_fade__Axuyy span,
.MarketItemInformation730_marble_fade__Lsubr span {
    -webkit-text-fill-color: transparent
}

.MarketItemInformation730_fade__Axuyy span {
    background: linear-gradient(90deg, #bc2754, #d27c49);
    -webkit-background-clip: text
}

.MarketItemInformation730_rare_plus__1qowR {
    color: var(--color-purple-300)
}

.StickerSlot_container__3wTqF {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 114.71px;
    height: 80.55px
}

.StickerSlot_sticker__2X5Wn {
    width: 90%;
    height: 90%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    transition: transform var(--default-animation-duration) ease-in-out
}

.StickerSlot_position__2ThXl {
    letter-spacing: -.35px
}

.StickerSlot_container__3wTqF:hover .StickerSlot_sticker__2X5Wn {
    transform: scale(1.2)
}

.StickerSlot_content__3TZ0r {
    display: flex;
    flex-direction: column;
    min-width: 238px
}

.StickerSlot_tooltip__29ck3 {
    padding: 14px 12px
}

.StickerSlot_overprice__1IIba {
    color: var(--color-purple-300);
    text-align: center
}

.StickerSlot_bottom_section_with_gap_8__22LTC,
.StickerSlot_section_with_gap_8__1-1pF {
    display: grid;
    grid-auto-flow: row;
    gap: 8px
}

.StickerSlot_section_with_gap_8__1-1pF {
    width: 100%;
    margin-bottom: 26px
}

.StickerSlot_name__1K3b5 {
    color: var(--color-white-100)
}

.StickerSlot_property__3O8br {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: var(--color-graybase-100);
    letter-spacing: -.35px
}

.StickerSlot_wiki_link_button__SX3p8 {
    display: inline-flex;
    margin-right: 4px;
    margin-left: 4px
}

.StickerSlot_container_market__xAT8t {
    padding: 0 12px;
    cursor: pointer
}

.StickerSlot_currency_styles_inherit__c-z4y {
    font: inherit;
    color: inherit
}

.StickerSlot_float_range__2W-bj {
    width: 100%;
    height: 4px
}

.StickerSlot_float_range__2W-bj svg {
    width: 12px;
    height: 19px;
    margin-left: -6px
}

.StickerSlot_empty__3J5An,
.StickerSlot_sell__2k9J9 {
    display: none
}

.StickerSlot_market_img_container__32sAC {
    position: relative;
    width: 96px;
    height: 80px
}

.StickerSlot_sticker_market__3hjuh {
    max-width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.StickerSlot_price_market__8ofEQ {
    margin-top: 6px;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-graybase-100);
    text-align: center
}

.StickerSlot_wear_market__3xIqT {
    position: absolute;
    top: 0
}

@media(max-width:1280px) {
    .StickerSlot_container__3wTqF {
        width: 88.2px;
        height: 61.9px
    }

    .StickerSlot_market_img_container__32sAC {
        width: 88px;
        height: 60px
    }
}

@media(max-width:550px) {
    .StickerSlot_tooltip__29ck3 {
        max-width: none
    }

    .StickerSlot_wear_market__3xIqT {
        top: 6px;
        left: 6px
    }

    .StickerSlot_market_img_container__32sAC {
        width: 80px;
        padding: 4px 4px 0
    }

    .StickerSlot_price_market__8ofEQ {
        margin-top: 4px
    }

    .StickerSlot_container__3wTqF {
        display: flex;
        flex-direction: column;
        width: 90px
    }

    .StickerSlot_container__3wTqF,
    .StickerSlot_container_market__xAT8t {
        height: 90px;
        background: var(--color-graybase-600);
        border-radius: var(--size-corner-radius-regular)
    }

    .StickerSlot_container_market__xAT8t {
        padding: inherit;
        margin-right: 12px
    }

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

    .StickerSlot_sticker__2X5Wn {
        margin: 5px auto
    }

    .StickerSlot_container__3wTqF:hover .StickerSlot_sticker__2X5Wn {
        transform: inherit
    }

    .StickerSlot_empty__3J5An {
        display: block;
        margin-top: 9px;
        color: var(--color-white-100-opacity-30);
        text-align: center
    }

    .StickerSlot_container__3wTqF svg {
        width: 40px;
        height: 40px;
        margin: 10px auto 0
    }
}

.CardCsgo_stickers__15F0U {
    display: flex;
    justify-content: center;
    min-height: 90px;
    margin-top: 23px;
    margin-bottom: 25px
}

.CardCsgo_preview__2MXmP {
    height: 338px;
    margin-bottom: 22px
}

.CardCsgo_delimetr__3ATV- {
    width: 640px;
    height: 1px;
    margin: 16px 0 20px;
    background: hsla(0, 0%, 100%, .1)
}

.CardCsgo_name__3DeMh {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px
}

.CardCsgo_quality__WBxHZ {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.CardCsgo_no_events__FwZei {
    pointer-events: none
}

.CardCsgo_actions__2zTbj {
    position: absolute;
    top: 0;
    right: 8px;
    display: flex
}

.CardCsgo_stickers_title__1KoUz {
    display: none
}

@media(max-width:1280px) {
    .CardCsgo_delimetr__3ATV- {
        width: auto
    }

    .CardCsgo_badges__3jgj_ {
        max-width: 300px;
        margin-right: 8px
    }
}

@media(max-width:1024px) {
    .CardCsgo_delimetr__3ATV- {
        display: none
    }

    .CardCsgo_badges__3jgj_ {
        flex-wrap: wrap;
        max-width: none;
        margin-top: 0
    }

    .CardCsgo_name__3DeMh {
        margin-bottom: 13px
    }
}

@media(max-width:550px) {
    .CardCsgo_stickers__15F0U {
        justify-content: space-between;
        overflow: auto
    }

    .CardCsgo_stickers__15F0U::-webkit-scrollbar {
        display: none
    }

    .CardCsgo_stickers_title__1KoUz {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px
    }

    .CardCsgo_preview__2MXmP {
        height: 217px;
        padding-top: 65px;
        margin-bottom: 0
    }

    .CardCsgo_name__3DeMh {
        margin-top: 2px
    }
}

.styles_lock__2H8VI {
    position: absolute;
    top: 0;
    padding: 7px;
    background: #4a443d;
    border-radius: 4px
}

.styles_lock__2H8VI path,
.styles_lock__2H8VI svg {
    fill: #ffc144
}

.styles_lock__2H8VI span {
    font-size: 14px;
    color: #ffc144
}

.styles_unlock__BnPhz {
    position: absolute;
    top: 0;
    padding: 7px;
    background: #384342;
    border-radius: 4px
}

.styles_unlock__BnPhz path,
.styles_unlock__BnPhz svg {
    fill: #5acd8d
}

.styles_unlock__BnPhz span {
    font-size: 14px;
    color: #5acd8d
}

.styles_container__2Pu6w {
    display: flex;
    flex-direction: column;
    padding-top: 17px;
    margin-top: 18px;
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.styles_title__3H5gA {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 110%;
    color: var(--color-graybase-100)
}

.styles_row__T8Muy,
.styles_title__3H5gA {
    letter-spacing: -.3px
}

.styles_row__T8Muy {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.styles_row__T8Muy:last-child {
    margin-bottom: 0
}

.styles_circle__3oGas {
    width: 6px;
    height: 6px;
    margin-right: 8px;
    background: var(--color-purple-500);
    border-radius: 50%
}

.styles_bundle__36g2C {
    font-size: 14px;
    line-height: 110%;
    color: #fff
}

.styles_hero_tooltip__e2WrQ {
    max-width: 262px
}

.styles_heroes__1SzBI {
    display: flex;
    align-items: center
}

.styles_info_heroes__2ZZFZ {
    margin-left: 8px
}

.styles_wrapper_tooltip__3av6_ {
    height: 15px
}

.styles_container__3Qc61 {
    display: flex;
    align-items: center
}

.styles_full__2ppvl {
    display: flex;
    color: var(--color-graybase-100)
}

.styles_info_icon__2JzIT {
    margin-left: 8px;
    fill: var(--color-graybase-100)
}

.styles_tootip_content__3M4F0 {
    display: flex;
    flex-direction: column;
    max-width: 168px;
    max-height: 234px;
    padding-right: 28px;
    padding-left: 20px;
    color: hsla(0, 0%, 100%, .3)
}

.styles_lock_icon__3EuaP {
    position: absolute;
    top: 50%;
    left: -15px;
    width: 8px;
    height: 11px;
    fill: hsla(0, 0%, 100%, .3);
    transform: translateY(-50%)
}

.styles_opened_styles__1cCu- {
    color: var(--color-graybase-100)
}

.styles_wrapper_tooltip__1JfcP {
    height: 15px
}

.styles_checked_icon__2LD9s {
    position: absolute;
    top: 50%;
    left: -16.5px;
    transform: translateY(-50%)
}

.styles_row__39M5m {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 14px
}

.styles_container__3mfkg {
    padding-top: 17px;
    margin-top: 18px;
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.styles_container__3mfkg,
.styles_items__3HR_E {
    display: flex;
    flex-direction: column
}

.styles_items__3HR_E {
    margin-top: 11px;
    margin-bottom: 13px;
    font-size: 14px;
    line-height: 110%
}

.styles_items__3HR_E:last-child {
    margin-bottom: 0
}

.styles_title__2XtaO {
    color: var(--color-graybase-100);
    letter-spacing: -.3px
}

.styles_title__2XtaO,
.styles_warning__32OsT {
    font-size: 14px;
    line-height: 110%
}

.styles_warning__32OsT {
    margin-top: 2px;
    color: var(--color-accent-red-200)
}

.styles_item__EyJs3 {
    margin-bottom: 1px
}

.styles_gray__1JMfK {
    color: var(--color-graybase-100)
}

.styles_events__pztlr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px 17px
}

.styles_show_all__1DzBg {
    font-size: 14px;
    line-height: 120%;
    white-space: nowrap
}

.styles_event__2J41e {
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 24px;
    color: var(--color-graybase-100)
}

.styles_aegis_icon__3uH3a {
    margin-right: 14px
}

.styles_slot__Xsmr8 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 44px;
    background: var(--color-graybase-300);
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    transition: transform .3s ease-in-out
}

.styles_slot__Xsmr8 svg {
    width: 42px;
    height: 32px
}

.styles_slots__3Ozp6 {
    display: flex
}

.styles_slot_container__1rAFv {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 81.6px;
    height: 52.8px;
    margin: 0 4.8px;
    cursor: pointer
}

.styles_slot_container__1rAFv:hover .styles_slot__Xsmr8 {
    transform: scale(1.2)
}

.styles_no_gems__2sWrb {
    width: 468px;
    padding-top: 14px;
    padding-bottom: 13px;
    font-size: 14px;
    line-height: 120%;
    color: hsla(0, 0%, 100%, .3);
    text-align: center;
    background: var(--color-graybase-600)
}

@media(max-width:1023px) {
    .styles_no_gems__2sWrb {
        width: 100%
    }
}

.styles_content__2hvoo {
    display: flex;
    flex-direction: column;
    align-items: center
}

.styles_counter__2Cl9Q {
    margin-bottom: 6px;
    font-size: 15px;
    font-weight: 500;
    line-height: 120%;
    color: #fff;
    text-align: center
}

.styles_type_slot__1CjUv {
    font-size: 14px;
    line-height: 110%;
    color: var(--color-graybase-100)
}

.styles_name_slot__3xYi_ {
    margin-bottom: 6px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-align: center
}

.styles_extra__18xAn {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 106.1%;
    color: #9f8fff
}

.styles_tooltip_content__2d2gb {
    width: 127px;
    padding: 9px 14px 14px
}

.CardDota_img_container__3tU0A {
    position: relative;
    width: 360px;
    height: 240px;
    margin-top: 63px;
    overflow: hidden;
    border-radius: 2px
}

@media(max-width:480px) {
    .CardDota_img_container__3tU0A {
        width: 100%;
        max-width: 360px;
        height: auto
    }
}

.CardDota_image__3Q3Be {
    position: relative;
    top: -5px;
    left: -5px;
    display: block;
    width: 106%;
    height: 106%;
    user-select: none
}

.CardDota_no_events__jCR37 {
    pointer-events: none
}

.CardDota_links__1gjuH {
    display: flex;
    width: 100%;
    margin-bottom: 30px
}

.CardDota_links__1gjuH .CardDota_bot_link__19msG {
    margin-left: 84px
}

.CardDota_delimetr__2gXz3 {
    width: 100%;
    height: 1px;
    margin: 0 0 20px;
    background: hsla(0, 0%, 100%, .1)
}

.CardDota_slots__1WM-z {
    margin-bottom: 28px
}

.CardDota_img_wrapper__2MyzE,
.CardDota_slots__1WM-z {
    display: flex;
    justify-content: center
}

.CardDota_img_wrapper__2MyzE {
    width: 100%;
    margin-bottom: 32px
}

.CardDota_badges__ug4io {
    margin-bottom: 16px
}

.CardDota_quality__2x8uB {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.CardDota_name__1AhV5 {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px
}

@media(max-width:1280px) {
    .CardDota_badges__ug4io {
        max-width: 300px;
        margin-right: 8px
    }
}

@media(max-width:1023px) {
    .CardDota_slots__1WM-z {
        justify-content: inherit;
        width: 100%;
        overflow-x: auto
    }

    .CardDota_slots__1WM-z::-webkit-scrollbar {
        display: none
    }

    .CardDota_badges__ug4io {
        flex-wrap: wrap;
        max-width: none;
        margin-bottom: 0
    }

    .CardDota_name__1AhV5 {
        margin-bottom: 13px
    }
}

.styles_container__1ey6o {
    margin-bottom: 110px
}

.styles_container__1ey6o,
.styles_header__18mQ3 {
    display: flex;
    justify-content: space-between
}

.styles_header__18mQ3 {
    width: 100%;
    margin-bottom: 25px
}

.styles_lock__pXNhj {
    width: 160px;
    height: 28px;
    background: hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    opacity: .3
}

.styles_actions__1AGdu {
    display: flex
}

.styles_action__30AiI {
    width: 28px;
    height: 28px;
    margin-left: 6px;
    border-radius: 2px
}

.styles_action__30AiI,
.styles_skin_img__1BOZp {
    background: hsla(0, 0%, 100%, .5);
    opacity: .3
}

.styles_skin_img__1BOZp {
    width: 100%;
    height: 243px
}

.styles_buttons__17BxM {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 16px;
    margin-top: 65px;
    margin-bottom: 35px
}

.styles_button__2e0Gd {
    width: 100px
}

.styles_button__2e0Gd,
.styles_dropdown__2AsW8 {
    height: 14px;
    background: hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    opacity: .3
}

.styles_dropdown__2AsW8 {
    width: 21px
}

.styles_stickers__V_ao3 {
    display: flex;
    justify-content: center
}

.styles_sticker__1JEXZ {
    width: 69px;
    height: 62px;
    margin: 0 40px;
    background: hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    opacity: .3
}

.styles_delimetr__w52IV {
    width: 100%;
    height: 1px;
    margin: 16px 0 20px;
    background: hsla(0, 0%, 100%, .1)
}

.styles_graf__2LfjM {
    width: 100%;
    height: 255px;
    background: grey
}

.styles_stattrak__29MZv {
    margin-right: 3px;
    color: var(--color-steam-stattrak)
}

.styles_quality__30h49,
.styles_stattrak__29MZv {
    letter-spacing: -.35px
}

.styles_quality__30h49 {
    color: var(--color-graybase-100)
}

.styles_descr__2jiLa {
    width: 233px;
    height: 25px;
    margin-bottom: 6px
}

.styles_descr__2jiLa,
.styles_main_descr__2-2mK {
    background: hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    opacity: .3
}

.styles_main_descr__2-2mK {
    width: 369px;
    height: 34px;
    margin-bottom: 13px
}

.styles_tag__2x-gq {
    width: 271px;
    height: 33px;
    margin-right: 8px;
    margin-bottom: 10px;
    background: hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    opacity: .3
}

.styles_quality__30h49 span {
    margin-right: 5px
}

.styles_item_characters__1wYMm {
    width: 370px;
    height: 243px;
    margin: 26px 0 10px;
    background: hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    opacity: .3
}

.styles_collections__2P5ja {
    margin-bottom: 10px
}

.styles_collections__2P5ja,
.styles_extra_charge__3k1OO {
    width: 370px;
    height: 55px;
    background: hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    opacity: .3
}

.styles_extra_charge__3k1OO {
    margin-bottom: 33px
}

.styles_price_wrap__1yZ5V {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 4px 0 20px
}

.styles_price__2YVFF {
    width: 215px;
    height: 60px;
    font-size: 36px;
    line-height: 36px
}

.styles_information__3kwGc,
.styles_price__2YVFF {
    background: hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    opacity: .3
}

.styles_information__3kwGc {
    width: 24px;
    height: 24px;
    margin-top: 3px
}

.styles_item_visual__WV5IH {
    width: 100%;
    margin-right: 40px
}

.styles_tags_container__Ov4ww {
    display: flex;
    flex-wrap: wrap
}

.styles_main_button__SS54z {
    width: 370px;
    height: 60px;
    background: hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    opacity: .3
}

@media(max-width:998px) {
    .styles_container__1ey6o {
        display: none
    }
}

@media(max-width:1023px) {
    .styles_container__1ey6o {
        display: none
    }
}

.styles_container__2AKhb {
    display: none;
    width: 536px;
    height: 100%
}

.styles_loader__ueQII {
    box-sizing: border-box;
    width: 33px;
    height: 33px;
    margin: auto;
    border: 3px solid hsla(0, 0%, 100%, .1);
    border-top-color: #9f8fff;
    border-radius: 50%;
    animation: styles_spin__WS2A_ .8s linear infinite
}

@keyframes styles_spin__WS2A_ {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@media(max-width:1024px) {
    .styles_container__2AKhb {
        display: flex;
        width: 100%
    }
}

.styles_modal__3zUf8 {
    width: 1150px
}

.styles_modal_body__1YYIp {
    box-sizing: border-box;
    max-width: 100vw;
    padding: 45px 50px 50px;
    margin: 0
}

@media(max-width:1280px) {
    .styles_modal__3zUf8 {
        width: auto
    }
}

@media(max-width:1180px) {
    .styles_modal_body__1YYIp {
        padding: 45px 30px 50px
    }
}

@media(max-width:550px) {
    .styles_modal__3zUf8 {
        width: 100vw;
        height: 100%;
        overflow: hidden;
        background: var(--color-graybase-500)
    }

    .styles_modal_body__1YYIp {
        height: 100%;
        padding: 30px
    }
}

.MarketSellItemDetails_modal__6FDpk {
    width: 1150px
}

.MarketSellItemDetails_modal_body__3I_TY {
    padding: 45px 50px 50px;
    margin: 0
}

@media(max-width:1280px) {
    .MarketSellItemDetails_modal__6FDpk {
        width: auto
    }

    .MarketSellItemDetails_modal_body__3I_TY {
        padding: 20px 16px 0
    }
}

@media(max-width:550px) {
    .MarketSellItemDetails_modal__6FDpk {
        width: 100vw;
        height: 100%;
        overflow: hidden;
        background: var(--color-graybase-500)
    }
}

.MarketSellItemDetails_modal__fBsfX {
    width: 1150px
}

.MarketSellItemDetails_modal_body__2OJgE {
    padding: 45px 50px 50px;
    margin: 0
}

@media(max-width:1280px) {
    .MarketSellItemDetails_modal__fBsfX {
        width: auto
    }

    .MarketSellItemDetails_modal_body__2OJgE {
        padding: 20px 16px 0
    }
}

@media(max-width:550px) {
    .MarketSellItemDetails_modal__fBsfX {
        width: 100vw;
        height: 100%;
        overflow: hidden;
        background: var(--color-graybase-500)
    }
}

.styles_container__31hX8 {
    display: flex;
    align-items: center
}

.styles_opened__2kPoM {
    color: #fff
}

.styles_all__UQJm6 {
    display: flex;
    color: hsla(0, 0%, 100%, .3)
}

.styles_counter__233la {
    display: flex;
    width: 34px;
    line-height: 100%
}

.styles_info_icon__1HJCl {
    margin-left: 8px;
    fill: hsla(0, 0%, 100%, .3)
}

.styles_tooltip_content__iIl4j {
    display: flex;
    flex-direction: column;
    max-width: 168px;
    max-height: 234px;
    padding: 17px 20px 0;
    overflow-y: scroll;
    color: hsla(0, 0%, 100%, .3)
}

.styles_lock_icon__3rnd4 {
    position: absolute;
    top: 50%;
    left: -15px;
    width: 8px;
    height: 11px;
    fill: hsla(0, 0%, 100%, .3);
    transform: translateY(-50%)
}

.styles_opened_styles__35unu {
    color: var(--color-graybase-100)
}

.styles_wrapper_tooltip__K7ndC {
    margin-top: 3px
}

.styles_tooltip_wrapper__1XuRU {
    padding: 3px 3px 10px 20px
}

.styles_checked_icon__2B39d {
    position: absolute;
    top: 50%;
    left: -16.5px;
    transform: translateY(-50%)
}

.styles_row__1vJ9Q {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 14px
}

.styles_shadow__2YcL0 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 6px);
    height: 26px;
    background: linear-gradient(1turn, var(--color-graybase-800) 11.29%, rgba(20, 20, 22, 0));
    border-radius: 4px
}

.styles_header__3rO04 {
    display: flex;
    padding-left: 16px;
    font-size: 15px;
    font-weight: 500;
    line-height: 120%;
    color: #fff
}

.styles_body__dGQyt {
    max-height: 193px;
    padding-bottom: 20px;
    margin: 9px 3px 0 0;
    overflow: auto
}

.styles_shadow__2yhX3 {
    position: absolute;
    right: 10px;
    bottom: -3px;
    width: 100%;
    height: 20px;
    background: linear-gradient(0deg, var(--color-graybase-500), hsla(0, 0%, 100%, 0))
}

.styles_row__16CBy {
    display: flex;
    align-items: center;
    height: 32px;
    padding-left: 16px;
    margin-right: 10px;
    font-size: 14px;
    color: var(--color-graybase-100);
    letter-spacing: -.7px;
    cursor: pointer;
    border-radius: 2px
}

.styles_basket__1jSCE {
    width: 15px;
    height: 15px
}

.styles_delete__2DOCB {
    width: 14px;
    height: 14px
}

.styles_basket__1jSCE,
.styles_delete__2DOCB {
    fill: #fff
}

.styles_button_wrap__2__tD {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 32px;
    margin-left: auto;
    visibility: hidden;
    background: var(--color-purple-500);
    border-radius: 0 2px 2px 0;
    transition: background .2s
}

.styles_button_wrap__2__tD .styles_basket__1jSCE {
    display: block
}

.styles_button_wrap__2__tD .styles_delete__2DOCB {
    display: none
}

.styles_children__1F3Vl {
    display: flex;
    align-items: center
}

.styles_incart__1-uF_ .styles_children__1F3Vl {
    opacity: .5
}

.styles_incart__1-uF_ .styles_button_wrap__2__tD {
    visibility: visible;
    background: none
}

.styles_incart__1-uF_ .styles_basket__1jSCE {
    fill: hsla(0, 0%, 100%, .3)
}

.styles_button_wrap__2__tD:hover {
    background: #9f8fff
}

.styles_row__16CBy:hover .styles_button_wrap__2__tD {
    visibility: visible
}

.styles_row__16CBy:hover {
    color: #fff;
    cursor: pointer;
    background: var(--color-graybase-300)
}

.styles_button__295y7 {
    width: 11px;
    height: 11px;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.styles_incart__1-uF_:hover .styles_children__1F3Vl {
    opacity: 1
}

.styles_incart__1-uF_:hover .styles_button_wrap__2__tD {
    visibility: visible;
    background: var(--color-accent-red-200)
}

.styles_incart__1-uF_:hover .styles_basket__1jSCE {
    display: none
}

.styles_incart__1-uF_:hover .styles_delete__2DOCB {
    display: block;
    fill: #fff
}

@media(max-width:1023px) {
    .styles_body__dGQyt {
        position: relative;
        height: 100%;
        max-height: calc(100vh - 170px)
    }

    .styles_row__16CBy {
        height: 44px;
        cursor: pointer;
        border-radius: 4px
    }

    .styles_button_wrap__2__tD,
    .styles_button_wrap__2__tD:hover,
    .styles_incart__1-uF_:hover .styles_button_wrap__2__tD {
        background: none
    }

    .styles_shadow__2yhX3 {
        right: 10px;
        bottom: 0;
        left: 10px;
        width: auto
    }
}

.styles_container__1UuyT {
    flex-direction: column;
    width: 100%;
    overflow-y: scroll
}

.styles_container__1UuyT,
.styles_skeleton_row__31qyv {
    position: relative;
    display: flex;
    overflow-x: hidden
}

.styles_skeleton_row__31qyv {
    flex-shrink: 0;
    align-items: center;
    min-height: 30px;
    font-size: 14px;
    line-height: 14px;
    color: var(--color-graybase-100);
    border-radius: 4px
}

.styles_skeleton_row__31qyv:after {
    background: linear-gradient(90deg, hsla(0, 0%, 98%, 0), rgba(80, 80, 80, .4) 23%, hsla(0, 0%, 98%, 0) 70%);
    animation: styles_gradientAnim__1CldE 3s ease-in-out infinite
}

.styles_skeleton_row__31qyv:after,
.styles_skeleton_row__31qyv:before {
    position: absolute;
    width: 100%;
    height: 14px;
    content: "";
    border-radius: 4px
}

.styles_skeleton_row__31qyv:before {
    background: var(--color-graybase-400)
}

@keyframes styles_gradientAnim__1CldE {
    0% {
        left: -30%
    }

    to {
        left: 100%
    }
}

.styles_row__2bMOD {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.styles_row__2bMOD>div {
    box-sizing: border-box
}

.styles_gems__28I9H {
    width: 140px;
    margin-right: 30px;
    margin-left: 15px
}

.styles_item_styles__3BoOv {
    width: 64px;
    margin-right: 28px
}

.styles_gems__14Qqr {
    display: flex;
    padding-bottom: 1px
}

.styles_socket__FOu3c {
    width: 100%;
    width: 26px;
    height: 17px;
    margin-right: 4px;
    border-radius: 2px
}

.styles_socket__FOu3c:last-child {
    margin: 0
}

.styles_gem__1_er9 {
    object-fit: cover
}

.styles_empty_socket__IUof9 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    background: hsla(0, 0%, 100%, .1);
    opacity: .8
}

.styles_empty_socket_icon__3oA8Q {
    display: block;
    width: 18px;
    margin-left: 1px
}

.styles_no_gems__E4MX1 {
    width: 146px;
    height: 20px;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .3);
    text-align: center;
    background: var(--color-graybase-600);
    border-radius: 2px
}

.styles_img_container__akaiu {
    position: relative;
    width: 184px;
    max-width: 184px;
    height: 138px;
    max-height: 138px;
    margin-top: 8px;
    overflow: hidden;
    cursor: pointer
}

.styles_img__-u8zW {
    position: relative;
    top: -5px;
    left: -5px;
    display: block;
    width: 106%;
    height: 106%
}

.styles_stack_information__1EFbA {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 5px 0 0 14px;
    overflow: hidden
}

.styles_gems__1EYp2,
.styles_gems_list__Yz4ks {
    width: 170px
}

.styles_styles__25Y7s,
.styles_styles_counter__3Vqul {
    width: 64px
}

.styles_gems__1EYp2,
.styles_styles__25Y7s {
    font-size: 14px
}

.styles_styles_counter__3Vqul {
    color: hsla(0, 0%, 100%, .3)
}

.styles_stack_card__1bthf {
    margin: 30px 0 0 7px
}

.styles_item_info__3DLRt {
    margin-top: 6px
}

.styles_item_desc__3jgu0 {
    font-size: 14px
}

.styles_description__1S_xO {
    padding-left: 16px;
    margin-bottom: 26px
}

@media(max-width:1023px) {
    .styles_stack_information__1EFbA {
        margin-left: 0
    }
}

.styles_float__1bLf4 {
    width: 67px;
    margin-right: 30px;
    margin-left: 15px
}

.styles_pattern__1Ad4i {
    width: 55px;
    margin-right: 28px
}

.styles_lock__1jgtD {
    width: 80px
}

.styles_img__2pucN {
    width: 176px;
    min-width: 176px;
    height: 176px;
    min-height: 176px;
    cursor: pointer;
    object-fit: contain
}

.styles_price__2Cn5h {
    display: block;
    margin-top: 8px
}

.styles_body__3N5by {
    max-height: 193px;
    margin-top: 3px;
    margin-right: 3px;
    overflow: auto
}

.styles_stack_information__4-vLH {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-left: 19px;
    overflow: hidden
}

.styles_float__ttDZz {
    width: 67px;
    margin-right: 30px;
    overflow: hidden
}

.styles_pattern__1clPc {
    width: 60px;
    margin-right: 23px;
    overflow: hidden
}

.styles_quality__1JPW3 {
    margin-top: 6px
}

.styles_item_info__1SM_o {
    margin-top: 8px
}

.styles_description__1ZuuW {
    padding-left: 16px;
    margin-bottom: 26px
}

@media(max-width:1023px) {
    .styles_stack_information__4-vLH {
        margin-left: 0
    }
}

.styles_container__1ZDSi {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%
}

.styles_container__1ZDSi,
.styles_modal__2FBDF {
    box-sizing: border-box
}

.styles_modal__2FBDF {
    width: 550px
}

@media(max-width:590px) {
    .styles_modal__2FBDF {
        width: auto
    }
}

.NotifierRenderer_notifications__1EZeC {
    --padding: 10px;
    --notification-transform-x: calc(100% + var(--padding));
    position: fixed;
    right: 0;
    z-index: 2000;
    display: grid;
    grid-auto-flow: row;
    gap: 10px;
    justify-items: end;
    padding: 8px;
    overflow: hidden
}

.NotifierRenderer_notifications__1EZeC.NotifierRenderer_desktop__2zekf {
    top: 0
}

.NotifierRenderer_notifications__1EZeC.NotifierRenderer_mobile__1nfoW {
    bottom: 0;
    left: 0;
    justify-items: center
}

.NotifierRenderer_notifications__1EZeC h2 {
    max-width: 320px
}

.NotifierRenderer_notifier_animation_enter__2-N_A {
    transform: translateX(var(--notification-transform-x))
}

.NotifierRenderer_notifier_animation_enter_active__2lGOZ {
    transition: transform var(--default-animation-props);
    transform: translateX(0)
}

.NotifierRenderer_notifier_animation_exit__MiiVR {
    transform: translateX(0)
}

.NotifierRenderer_notifier_animation_exit_active__2r1Ts {
    transition: transform var(--default-animation-props);
    transform: translateX(var(--notification-transform-x))
}

.MainModal_container__2yVTU {
    display: flex;
    gap: 8px
}

@media(max-width:710px) {
    .MainModal_container__2yVTU {
        flex-direction: column
    }
}

.MainModal_main_button__I6kU8 {
    width: 100%;
    margin-top: auto
}

.MainModal_block__XixfL {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    width: 33%;
    padding: 24px;
    text-align: center;
    cursor: pointer;
    background: var(--frontly-graybase-500);
    border-radius: var(--size-corner-radius-regular);
    transition: .3s;
    animation: MainModal_fadein__3PZ7J .3s
}

.MainModal_block__XixfL:hover {
    background: var(--frontly-graybase-400)
}

.MainModal_block__XixfL:not(:hover) .MainModal_main_button__I6kU8 {
    background: rgba(204, 210, 255, .16)
}

@media(max-width:710px) {
    .MainModal_block__XixfL {
        align-items: flex-start;
        width: 100%;
        padding: 16px;
        text-align: left
    }

    .MainModal_title__y8R7u {
        padding-right: 100px
    }
}

.MainModal_description__3WyfK {
    margin-top: 8px;
    margin-bottom: 20px;
    color: var(--frontly-graybase-200)
}

@media(max-width:710px) {
    .MainModal_description__3WyfK {
        min-height: 32px;
        padding-right: 100px;
        margin-bottom: 16px
    }
}

.MainModal_icon__AV6kC {
    margin-bottom: 20px;
    user-select: none
}

@media(max-width:1023px) {
    .MainModal_icon__AV6kC {
        width: 120px
    }
}

@media(max-width:710px) {
    .MainModal_icon__AV6kC {
        position: absolute;
        top: 8px;
        right: 8px;
        width: 80px
    }
}

@keyframes MainModal_fadein__3PZ7J {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.MarketModal_container__3Ufv6 {
    display: flex;
    flex-direction: column;
    align-items: center
}

.MarketModal_icon__2weCk {
    width: 106px;
    margin-bottom: 20px;
    user-select: none
}

.MarketModal_description__2TAa1 {
    margin-top: 8px;
    margin-bottom: 20px;
    color: var(--frontly-graybase-200);
    text-align: center
}

.MarketModal_main_button__3gsTy {
    width: 100%;
    margin-top: 16px
}

.MarketModal_main_button_link__26ni- {
    display: block;
    width: 100%
}

.OnboardingPreloader_wrapper__2FFEF {
    position: fixed;
    top: -100px;
    right: -100px;
    bottom: -100px;
    left: -100px;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: rgba(0, 0, 0, .5)
}

@media(max-width:710px) {
    .OnboardingPreloader_wrapper__2FFEF {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

.OnboardingPreloader_container__1Cs_m {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    user-select: none
}

@media(max-width:710px) {
    .OnboardingPreloader_container__1Cs_m {
        box-sizing: border-box;
        width: 100%;
        padding: 0 24px
    }
}

.OnboardingPreloader_logo__2Porm {
    position: relative;
    top: 30px;
    left: -10px;
    width: 340px
}

.TradeModal_container__18lyd {
    display: flex;
    flex-direction: column;
    align-items: center
}

.TradeModal_icon__RYF5n {
    width: 106px;
    margin-bottom: 20px;
    user-select: none
}

.TradeModal_description__Wrir4 {
    margin-top: 8px;
    margin-bottom: 20px;
    color: var(--frontly-graybase-200);
    text-align: center
}

.TradeModal_main_button__3KVqd {
    width: 100%;
    margin-top: 16px
}

.TradeModal_main_button_link__34jni {
    display: block;
    width: 100%
}

.DoneStep_message__2hlHW {
    box-sizing: border-box;
    margin: 94px 0 110px
}

@media(max-width:1023px) {
    .DoneStep_message__2hlHW img {
        width: 45px;
        height: 45px
    }

    .DoneStep_message__2hlHW {
        padding: 0 35px 65px;
        margin-bottom: 65px
    }

    .DoneStep_finish_button__3Tq_6 {
        margin-bottom: 22px
    }
}

.DoneStep_done_tab__1aaOT {
    display: flex;
    flex-flow: column;
    justify-content: center;
    height: 100%
}

@media(max-width:550px) {
    .DoneStep_message__2hlHW {
        padding: 0
    }
}

@media(max-width:400px) {
    .DoneStep_message__2hlHW {
        margin-top: 42px
    }
}

.DoneStepWithPreloader_message__KLOzq {
    box-sizing: border-box;
    margin-bottom: 32px
}

.DoneStepWithPreloader_description__3rC9p {
    color: var(--color-graybase-100)
}

.DoneStepWithPreloader_preloader__373Wn {
    margin-top: -4px
}

.DoneStepWithPreloader_loader__2LqyY {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    background: #555261;
    border-radius: var(--size-corner-radius-regular);
    opacity: .5
}

.DoneStepWithPreloader_loader_large__3llG4 {
    height: 56px
}

.DoneStepWithPreloader_done_tab__2KMJb {
    display: flex;
    flex-flow: column;
    justify-content: center;
    height: 100%
}

@media(max-width:550px) {
    .DoneStepWithPreloader_message__KLOzq {
        padding: 0
    }
}

.MainStep_registration_step_name__3FZL1 {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.MainStep_registration_step_action__1jhr6 {
    width: 100%;
    margin-bottom: 34px
}

.MainStep_registration_step_action__1jhr6.MainStep_has_error__uP9Ug {
    margin-bottom: 12px
}

.MainStep_registration_checkbox__3naUo {
    display: flex;
    align-items: flex-start;
    margin-bottom: 24px
}

.MainStep_label_email__1k73p {
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap
}

.MainStep_link__3oFpg {
    color: var(--color-purple-300);
    border-bottom: 1px solid var(--color-purple-300)
}

.MainStep_registration_button_continue__-WSGq {
    width: 100%
}

.MainStep_checkbox__1wY-H {
    align-items: baseline
}

.MainStep_tooltip__3yNql {
    text-align: center
}

.MainStep_tradelink_block__1dLL5 {
    display: flex
}

.MainStep_tradelink_block__1dLL5 .MainStep_tradelink_input__IEdrQ {
    width: 100%;
    min-width: 292px;
    margin-right: 8px
}

.MainStep_tradelink_block__1dLL5 .MainStep_tradelink_button__38QWB {
    width: 100%;
    max-width: 170px
}

.MainStep_tradelink_tooltip__2XYiH {
    display: flex;
    margin-left: 6px;
    fill: var(--color-graybase-100, #d3d3d3)
}

@media(max-width:1023px) {
    .MainStep_tradelink_block__1dLL5 .MainStep_tradelink_input__IEdrQ {
        width: 100%;
        min-width: 221px
    }

    .MainStep_tradelink_block__1dLL5 .MainStep_tradelink_button__38QWB {
        width: 100%;
        max-width: 114px
    }

    .MainStep_label_email__1k73p {
        display: block;
        white-space: normal
    }

    .MainStep_registration_button_continue__-WSGq {
        margin-top: 12px;
        margin-bottom: 22px
    }
}

.MainStep_label_email_icon__iHds3 {
    display: flex
}

.RegistrationSteps_modal__2uGiL {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 550px !important;
    padding: 40px;
    margin: auto;
    background: var(--color-graybase-500);
    border-radius: 4px
}

.RegistrationSteps_modal_title__2Jsl7 {
    padding: 0 !important;
    margin: 0 0 32px;
    text-align: left;
    letter-spacing: 0
}

.RegistrationSteps_modal_body__gd06n {
    width: 100%;
    padding: 0;
    margin: 0
}

.RegistrationSteps_switch_account__1esnl {
    margin-top: 10px;
    font-size: var(--typography-body-14-regular-font-size);
    font-weight: var(--typography-body-14-regular-font-weight);
    line-height: var(--typography-body-14-regular-line-height);
    color: var(--color-white-100-opacity-30);
    text-align: center;
    letter-spacing: var(--typography-body-14-regular-letter-spacing)
}

.RegistrationSteps_switch_account__1esnl a {
    color: var(--color-purple-300);
    text-decoration: none
}

.RegistrationSteps_switch_account_text__1UPSw {
    display: inline-block;
    margin-right: 5px
}

@media(max-width:1023px) {
    .RegistrationSteps_modal__2uGiL {
        width: 375px !important;
        height: 676px !important;
        padding: 16px 16px 39px;
        margin: auto !important
    }
}

@media(max-width:375px) {
    .RegistrationSteps_modal__2uGiL {
        width: 100% !important
    }
}

@media(max-height:700px) {
    .RegistrationSteps_modal__2uGiL {
        overflow: visible
    }
}

.RegistrationSteps_logo__2Oly0 img {
    width: auto
}

.Row_opened_bin__TrfFW {
    display: none
}

.Row_button__2Au9_,
.Row_children__oWfYt {
    display: flex;
    align-items: center
}

.Row_button__2Au9_ {
    justify-content: center;
    width: 55px;
    height: 32px;
    margin-left: auto;
    cursor: pointer;
    visibility: hidden;
    background: var(--color-purple-500);
    border: none;
    border-radius: 0 2px 2px 0;
    fill: var(--color-white-100);
    transition: background .2s
}

.Row_button__2Au9_ .Row_opened_bin__TrfFW {
    display: none
}

.Row_button__2Au9_:hover {
    background: var(--color-purple-400)
}

.Row_disabled__35yU_ .Row_button__2Au9_ {
    background: none
}

.Row_in_cart__2BgNU .Row_children__oWfYt {
    opacity: .5
}

.Row_in_cart__2BgNU .Row_button__2Au9_ {
    visibility: visible;
    background: none
}

.Row_in_cart__2BgNU .Row_basket__1Z85_ {
    fill: var(--color-white-100-opacity-30)
}

.Row_in_cart__2BgNU:hover .Row_children__oWfYt {
    opacity: 1
}

.Row_in_cart__2BgNU:hover .Row_basket__1Z85_ {
    display: none
}

.Row_in_cart__2BgNU:hover .Row_opened_bin__TrfFW {
    display: block
}

.Row_in_cart__2BgNU:hover .Row_button__2Au9_ {
    visibility: visible;
    background: var(--color-accent-red-200)
}

.Row_row__XCb1W {
    display: flex;
    align-items: center;
    height: 32px;
    padding-left: 16px;
    margin-right: 10px;
    color: var(--color-graybase-100);
    cursor: pointer;
    background: none;
    border: none;
    border-radius: var(--size-corner-radius-regular)
}

.Row_row__XCb1W:hover {
    color: var(--color-white-100);
    cursor: pointer;
    background: var(--color-graybase-300)
}

.Row_row__XCb1W:hover .Row_button__2Au9_ {
    visibility: visible
}

@media(max-width:1023px) {
    .Row_row__XCb1W {
        height: 44px;
        cursor: pointer;
        border-radius: 4px
    }

    .Row_button__2Au9_,
    .Row_button__2Au9_:hover,
    .Row_in_cart__2BgNU:hover .Row_button__2Au9_ {
        background: none
    }
}

.SkeletonRow_skeleton_row__33vQb {
    position: relative;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    min-height: 30px;
    overflow-x: hidden;
    font-size: 14px;
    line-height: 14px;
    color: var(--color-graybase-100);
    border-radius: 4px
}

.SkeletonRow_skeleton_row__33vQb:after {
    background: linear-gradient(90deg, hsla(0, 0%, 98%, 0), rgba(80, 80, 80, .4) 23%, hsla(0, 0%, 98%, 0) 70%);
    animation: SkeletonRow_gradientAnim__2hLrr 3s ease-in-out infinite
}

.SkeletonRow_skeleton_row__33vQb:after,
.SkeletonRow_skeleton_row__33vQb:before {
    position: absolute;
    width: 100%;
    height: 14px;
    content: "";
    border-radius: 4px
}

.SkeletonRow_skeleton_row__33vQb:before {
    background: var(--color-graybase-400)
}

@keyframes SkeletonRow_gradientAnim__2hLrr {
    0% {
        left: -30%
    }

    to {
        left: 100%
    }
}

.Loader_float__rwnSZ {
    width: 67px;
    margin-right: 30px;
    margin-left: 15px
}

.Loader_pattern__3fPYF {
    width: 55px;
    margin-right: 28px
}

.Loader_lock__3su_t {
    width: 80px
}

.CsgoStackContent_float__2jPQS {
    width: 67px;
    margin-right: 30px;
    overflow: hidden
}

.CsgoStackContent_pattern__1LTCW {
    width: 70px;
    margin-right: 23px;
    overflow: hidden
}

.Body_body__2jIn0 {
    max-height: 193px;
    padding-bottom: 20px;
    margin: 9px 3px 0 0;
    overflow: auto
}

@media(max-width:1023px) {
    .Body_body__2jIn0 {
        position: relative;
        height: 100%;
        max-height: calc(100vh - 170px)
    }
}

.Header_header__zy434 {
    display: flex;
    padding-left: 16px;
    color: var(--color-white-100)
}

.CsgoStack_img__BhMu1 {
    width: 176px;
    min-width: 176px;
    height: 176px;
    min-height: 176px;
    cursor: pointer;
    object-fit: contain
}

.CsgoStack_price__3eiVS {
    display: block;
    margin-top: 8px
}

.CsgoStack_body__1sgdy {
    max-height: 193px;
    margin-top: 3px;
    margin-right: 3px;
    overflow: auto
}

.CsgoStack_stack_information__2irPH {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-left: 19px;
    overflow: hidden
}

.CsgoStack_quality__1zMNi {
    margin-top: 6px
}

.CsgoStack_item_info__fBwB9 {
    margin-top: 8px
}

.CsgoStack_description__2uOjX {
    padding-left: 16px;
    margin-bottom: 26px
}

.CsgoStack_float__1CnJy {
    width: 67px;
    margin-right: 30px;
    overflow: hidden
}

.CsgoStack_pattern__1uJ1P {
    width: 70px;
    margin-right: 23px;
    overflow: hidden
}

@media(max-width:1023px) {
    .CsgoStack_stack_information__2irPH {
        margin-left: 0
    }
}

.EmptySocket_socket__2BhG2 {
    width: 26px;
    height: 17px;
    border-radius: 2px
}

.EmptySocket_empty_socket__2ZXqe {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    background: var(--color-white-100-opacity-10);
    opacity: .8
}

.EmptySocket_empty_socket_icon__2GG8Y {
    display: block;
    width: 18px;
    margin-left: 1px
}

.Gem_gem__2AeN4 {
    object-fit: cover
}

.Gems_gems__3fJLM {
    display: flex;
    gap: 4px;
    padding-bottom: 1px
}

.Loader_gems__3GaUB {
    width: 140px;
    margin-right: 30px;
    margin-left: 15px
}

.Loader_item_styles__1FG_s {
    width: 64px;
    margin-right: 28px
}

.NoGems_container__1SbAL {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 146px;
    height: 20px;
    background: var(--color-graybase-600);
    border-radius: var(--size-corner-radius-small)
}

.NoGems_no_gems__1HpoO {
    color: var(--color-white-100-opacity-30)
}

.DotaStack_stack_information__2i2tf {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 5px 0 0 14px;
    overflow: hidden
}

.DotaStack_gems__2sJmC {
    width: 170px
}

.DotaStack_styles__3ANe8,
.DotaStack_styles_counter__1RN3j {
    width: 64px
}

.DotaStack_styles_counter__1RN3j {
    color: var(--color-white-100-opacity-30)
}

.DotaStack_stack_card__2z3-M {
    margin: 30px 0 0 7px
}

.DotaStack_item_info__2Qq3w {
    margin-top: 6px
}

.DotaStack_item_desc__1MI9U {
    font-size: 14px
}

.DotaStack_description__30ZH3 {
    padding-left: 16px;
    margin-bottom: 26px
}

@media(max-width:1023px) {
    .DotaStack_stack_information__2i2tf {
        margin-left: 0
    }
}

.Image_container__1AZmx {
    width: 184px;
    max-width: 184px;
    height: 138px;
    max-height: 138px;
    margin-top: 8px;
    overflow: hidden;
    cursor: pointer
}

.Image_container__1AZmx,
.Image_img__2RpnV {
    position: relative
}

.Image_img__2RpnV {
    top: -5px;
    left: -5px;
    display: block;
    width: 106%;
    height: 106%
}

.Stack_container__2_17O {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%
}

.Stack_container__2_17O,
.Stack_modal__36h_X {
    box-sizing: border-box
}

.Stack_modal__36h_X {
    width: 550px
}

@media(max-width:590px) {
    .Stack_modal__36h_X {
        width: auto
    }
}

.ChangedPrices_separator__1JUE_:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 13px;
    content: "";
    background: url(../imgs/arrow.svg) no-repeat;
    background-position: 50%;
    background-size: contain;
    transform: translate(-50%, -50%)
}

.ChangedPrices_separator__1JUE_:before {
    display: none
}

.RemoveAndRebase_container__2bHjs {
    display: flex;
    flex-direction: column;
    margin-top: 19px
}

.RemoveAndRebase_separator__oiegl:before {
    display: none
}

.RemoveAndRebase_reverted__3yGb4 {
    flex-direction: row-reverse
}

.RemoveAndRebase_button__dMHvN {
    margin: 19px auto 0;
    font-size: 14px;
    font-weight: 500
}

.Buttons_actions__12Saz {
    display: flex;
    flex-direction: row;
    gap: 16px;
    width: 100%;
    max-width: 361px;
    margin-top: 24px
}

.SuccessMessage_wrapper__25I_n {
    height: 100%
}

.Switch_wrapper__3xXOB {
    display: inline-flex;
    --switcher-wrap-width-size: 30px;
    --switcher-wrap-height-size: 18px;
    --switcher-size: 14px;
    --switcher-background-unchecked: var(--frontly-graybase-200);
    --switcher-background-checked: var(--frontly-purple-500);
    --switcher-padding: 2px;
    --offset: calc(100% - var(--switcher-padding));
    --switcher-border-radius: 20px;
    --default-animation-props: 0.4s cubic-bezier(0.42, 0, 0.58, 1)
}

.Switch_switcher__3c-pZ {
    position: relative;
    box-sizing: border-box;
    display: flex;
    width: var(--switcher-wrap-width-size);
    height: var(--switcher-wrap-height-size);
    padding: var(--switcher-padding);
    cursor: pointer;
    background: var(--switcher-background-unchecked);
    border-radius: var(--switcher-border-radius);
    transition: background var(--default-animation-props)
}

.Switch_circle__m758d {
    display: inline-flex;
    width: var(--switcher-size);
    height: var(--switcher-size);
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 3.6px 3.6px rgba(0, 0, 0, .25);
    transition: transform var(--default-animation-props)
}

.Switch_input__2HSco {
    display: none
}

.Switch_input__2HSco:checked+.Switch_switcher__3c-pZ {
    background: var(--switcher-background-checked)
}

.Switch_input__2HSco:checked+.Switch_switcher__3c-pZ .Switch_circle__m758d {
    transform: translateX(var(--offset))
}

.ExpandablePanels_container__3r2h4 {
    display: flex;
    flex-direction: column
}

.ExpandablePanels_panel__2ynLc {
    padding-top: 16px
}

.ExpandablePanels_panel__2ynLc:not(:last-child):after {
    bottom: -1px;
    left: 0;
    display: block;
    width: 100%;
    padding-bottom: 16px;
    content: "";
    border-bottom: 1px solid var(--frontly-white-100-10)
}

.ExpandablePanels_header__kYfKX {
    position: relative;
    justify-content: space-between;
    cursor: pointer
}

.ExpandablePanels_header__kYfKX,
.ExpandablePanels_headline__3au9m {
    display: flex;
    align-items: center
}

.ExpandablePanels_headline__3au9m {
    gap: 15px
}

.ExpandablePanels_title__2oEvz {
    font-size: var(--frontly-subhead-sm-font-size);
    font-weight: var(--frontly-subhead-sm-font-weight);
    line-height: var(--frontly-subhead-sm-line-height);
    letter-spacing: var(--frontly-subhead-sm-letter-spacing);
    font-family: Inter, sans-serif;
    font-feature-settings: "ss01" on, "cv01" on;
    color: var(--frontly-white-100)
}

.ExpandablePanels_dropdown_icon__2hIKP {
    fill: #fff;
    transition: transform .4s cubic-bezier(.4, 0, .2, 1), fill .4s linear;
    transform: rotate(-90deg)
}

.ExpandablePanels_dropdown_icon_opened__3ayPs {
    transform: rotate(0deg)
}

.ExpandablePanels_active__1Bvzt {
    position: relative;
    color: var(--frontly-green-400)
}

.ExpandablePanels_active_label__3vt0o {
    font-family: Inter, sans-serif;
    font-size: var(--frontly-subhead-sm-font-size);
    font-weight: var(--frontly-subhead-sm-font-weight);
    line-height: var(--frontly-subhead-sm-line-height);
    letter-spacing: var(--frontly-subhead-sm-letter-spacing);
    font-feature-settings: "ss01" on, "cv01" on
}

.ExpandablePanels_checked_icon__z1wbS {
    position: absolute;
    top: 0;
    left: -23px;
    width: 23px;
    height: 17px
}

.ExpandablePanels_checked_icon__z1wbS path {
    stroke: var(--frontly-green-400);
    stroke-width: 1px
}

.ExpandablePanels_content__1TNd3 {
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s;
    transition-timing-function: cubic-bezier(0, 1, 0, 1);
    will-change: max-height
}

.ExpandablePanels_content_opened__3MqqC {
    max-height: 100000px;
    transition: max-height .2s;
    transition-timing-function: cubic-bezier(1, 0, 1, 0)
}

.ExpandablePanels_text__2Rgun {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing);
    display: flex;
    padding-top: 8px;
    padding-left: 30px;
    font-family: Inter, sans-serif;
    color: var(--frontly-graybase-200)
}

.Footer_container__2QEWe {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    justify-content: center
}

.Footer_container__2QEWe.Footer_desktop__1hcQj {
    gap: 16px
}

.Footer_container__2QEWe.Footer_mobile__2tNO- {
    gap: 12px
}

.Modal_link__3T273 {
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing);
    color: var(--color-purple-400)
}

.Default_container__3xQgh {
    position: absolute;
    left: 50%;
    box-sizing: border-box;
    display: block !important;
    max-width: 1129px;
    transform: translate(-50%)
}

.Default_container__3xQgh.Default_desktop__3fILn {
    bottom: 40px;
    width: calc(100% - 80px)
}

.Default_container__3xQgh.Default_mobile__2mf87 {
    bottom: 24px;
    width: calc(100% - 32px)
}

.Default_container-wrapper__NtevK {
    position: relative;
    display: flex;
    gap: 24px;
    background-color: var(--color-graybase-600);
    border-radius: 8px;
    opacity: 0;
    transition: opacity .3s ease-out, transform .3s ease-out;
    transform: translateY(50%) scale(.9)
}

.Default_container-wrapper__NtevK.Default_visible__1KUdf {
    opacity: 1;
    transition: all .3s ease-in;
    transform: translate(0) scale(1)
}

.Default_container-wrapper__NtevK.Default_desktop__3fILn {
    flex-direction: row;
    padding: 32px
}

.Default_container-wrapper__NtevK.Default_mobile__2mf87 {
    flex-direction: column;
    padding: 16px 20px 20px
}

.Default_description__3RWYV {
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing);
    font-family: Inter, sans-serif
}

.Default_text__MbsJJ {
    color: var(--frontly-graybase-100)
}

.Default_link__11AoW {
    color: var(--color-purple-400)
}

.Default_button-group__1qCdZ {
    display: flex
}

.Default_button-group__1qCdZ.Default_desktop__3fILn {
    flex-direction: row;
    gap: 16px;
    align-items: center
}

.Default_button-group__1qCdZ.Default_mobile__2mf87 {
    gap: 12px
}

.Default_button-accept__2oy4R.Default_desktop__3fILn {
    width: 180px
}

.AcceptableOnly_container__CFMWn {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1000;
    box-sizing: border-box;
    display: block !important;
    max-width: 920px;
    margin-right: auto;
    margin-left: auto
}

.AcceptableOnly_container__CFMWn.AcceptableOnly_desktop__KhD-Y {
    bottom: 40px;
    width: calc(100% - 80px)
}

.AcceptableOnly_container__CFMWn.AcceptableOnly_mobile__3mhCq {
    bottom: 24px;
    width: calc(100% - 32px)
}

.AcceptableOnly_container-wrapper__3TyCY {
    position: relative;
    display: flex;
    gap: 24px;
    align-items: center;
    background-color: var(--color-graybase-800);
    border-radius: 8px;
    opacity: 0;
    transition: opacity .3s ease-out, transform .3s ease-out;
    transform: translateY(50%) scale(.9)
}

.AcceptableOnly_container-wrapper__3TyCY.AcceptableOnly_visible__2keNS {
    opacity: 1;
    transition: all .3s ease-in;
    transform: translate(0) scale(1)
}

.AcceptableOnly_container-wrapper__3TyCY.AcceptableOnly_desktop__KhD-Y {
    flex-direction: row;
    padding: 32px
}

.AcceptableOnly_container-wrapper__3TyCY.AcceptableOnly_mobile__3mhCq {
    flex-direction: column;
    padding: 16px 20px 20px
}

.AcceptableOnly_description__3bVdZ {
    font-size: var(--frontly-body-lg-font-size);
    font-weight: var(--frontly-body-lg-font-weight);
    line-height: var(--frontly-body-lg-line-height);
    letter-spacing: var(--frontly-body-lg-letter-spacing);
    font-family: Inter, sans-serif
}

.AcceptableOnly_description__3bVdZ .AcceptableOnly_text__3nmnx {
    color: var(--frontly-graybase-100)
}

.AcceptableOnly_description__3bVdZ .AcceptableOnly_link__4P4Ah {
    color: var(--color-purple-400)
}

.AcceptableOnly_description__3bVdZ.AcceptableOnly_desktop__KhD-Y {
    font-size: var(--frontly-body-lg-font-size);
    font-weight: var(--frontly-body-lg-font-weight);
    line-height: var(--frontly-body-lg-line-height);
    letter-spacing: var(--frontly-body-lg-letter-spacing)
}

.AcceptableOnly_description__3bVdZ.AcceptableOnly_mobile__3mhCq {
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing)
}

.AcceptableOnly_button__2bDWr.AcceptableOnly_desktop__KhD-Y {
    max-width: 180px
}

.Content_container__sHiYf {
    display: flex;
    flex-direction: column;
    align-items: center
}

.Content_image__1B9cU {
    display: flex;
    margin-bottom: 20px
}

.Content_text__1bBUQ {
    display: flex;
    flex-direction: column;
    text-align: center
}

.Content_title__3L681 {
    margin-bottom: 8px
}

.Content_description__wDcX6 {
    color: #817e8f
}

.SignInModal_header__3NXh1 {
    box-sizing: border-box
}

.SignInModal_content__2cB-1 {
    flex-grow: 0
}

.styles_app__31cIe {
    --viewport-height: 100vh;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: var(--viewport-height);
    overflow: hidden;
    background: var(--color-graybase-700)
}

.styles_market__3gqE3 {
    padding: 0
}

.styles_header__IRV8C {
    z-index: 6
}

.styles_footer__3IW4g,
.styles_header__IRV8C {
    position: relative
}

@media(max-width:1023px) {
    .styles_app__31cIe {
        padding: 0
    }

    .styles_footer__3IW4g {
        display: none
    }
}