/* Shared CSS extracted from clone pages */

/* Generated: 2026-03-03 16:45:51 */

@font-face {
    font-display: block;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(data:application/vnd.ms-fontobject;base64,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);
    src: url(data:application/vnd.ms-fontobject;base64,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) format("embedded-opentype"), url(data:font/ttf;base64,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) format("truetype"), url(data:font/woff;base64,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) format("woff"), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxmb250IGlkPSJpY29tb29uIiBob3Jpei1hZHYteD0iMTAyNCI+PGZvbnQtZmFjZSBhc2NlbnQ9Ijk2MCIgZGVzY2VudD0iLTY0IiB1bml0cy1wZXItZW09IjEwMjQiLz48Z2x5cGggaG9yaXotYWR2LXg9IjUxMiIvPjxnbHlwaCBkPSJtNTU4LjA5NiA0NDYuMzQ2IDI4My4xNjUgMjg0LjUzN2MxMy4xNyAxMy4yMzQgMTMuMTcgMzMuMDg1IDAgNDYuMzJzLTMyLjkyNyAxMy4yMzQtNDYuMDk3IDBMNTEyIDQ5Mi42NjcgMjI4LjgzNiA3NzkuNDA5Yy0xMy4xNzEgMTMuMjM0LTMyLjkyNiAxMy4yMzQtNDYuMDk3IDBzLTEzLjE3LTMzLjA4NiAwLTQ2LjMybDI4My4xNjQtMjg2Ljc0MkwxODAuNTQ0IDE2MS44MWMtMTMuMTctMTMuMjMyLTEzLjE3LTMzLjA4NyAwLTQ2LjMxOSA2LjU4NS02LjYxNiAxNS4zNjYtOC44MjMgMjQuMTQ2LTguODIzczE3LjU2MSAyLjIwNyAyNC4xNDYgOC44MjNMNTEyIDQwMC4wMjZsMjgzLjE2NC0yODQuNTM1YzYuNTgyLTYuNjE2IDE1LjM2Ni04LjgyMyAyNC4xNDQtOC44MjMgOC43ODQgMCAxNy41NjIgMi4yMDcgMjQuMTQ5IDguODIzIDEzLjE3IDEzLjIzMiAxMy4xNyAzMy4wODcgMCA0Ni4zMTlMNTU4LjA5NiA0NDYuMzQ3eiIgZ2x5cGgtbmFtZT0iaWNvbi1jbG9zZSIgdW5pY29kZT0i7qSAIi8+PGdseXBoIGQ9Ik0yMTYuNDE1IDIyMS4wODdDMTI3LjE2NCAyOTQuMTczIDgxLjAzNSAzODYuMzcgNjMuMzM5IDQyNy4wNzFjLTguNjAxIDIxLjMzMy04LjYwMSA0NC4wODkgMCA2NS40MjJDOTQuODc0IDU2NS4wMjYgMjE2LjcxNSA4MDEuMTE1IDUxMiA4MDEuMTE1YzkxLjY4NiAwIDE2Ni43NjQtMjIuOTg0IDIyNy42MzUtNTYuODEybDkzLjU4MiA5My41ODhjMTEuMTEgMTEuMTA4IDI5LjEyMSAxMS4xMDggNDAuMjMyIDAgMTEuMTA1LTExLjEwOCAxMS4xMDUtMjkuMTE4IDAtNDAuMjI2bC04NC44NzMtODQuODcyYzEwMS40ODQtNzQuOTA0IDE1My4yMTMtMTc2Ljg5MSAxNzIuMDgzLTIyMC4yOTkgOC42MDItMjEuMzMzIDguNjAyLTQ0LjA4OSAwLTY1LjQyMi0zMS41MzQtNzIuNTMzLTE1NC44MDYtMzA4LjYyMy00NDguNjYtMzA4LjYyMy0xMDIuNzgyIDAtMTg0LjU1IDI4LjYwNC0yNDguODEgNjguOTYxbC03My41OTQtNzMuNTk3Yy0xMS4xMDgtMTEuMTA1LTI5LjExOS0xMS4xMDUtNDAuMjI3IDAtMTEuMTA4IDExLjExLTExLjEwOCAyOS4xMjEgMCA0MC4yMjZsNjcuMDQ2IDY3LjA0OXptODguNTE2IDguMDYxYzU0Ljc5My0zMS44ODEgMTIzLjAzNi01My44MTEgMjA3LjA2OS01My44MTEgMjU5LjQ0NyAwIDM2OC4zOSAyMDkuMDY3IDM5NS42MjIgMjczLjA2N3E0LjMgMTAuNjY3IDAgMjEuMzMzYy0xNi43OTkgNDAuMzU5LTY0LjY5NCAxMzUuMzgyLTE1OS44MzUgMjAyLjI2N0w2MjQuMDMgNTQ4LjI0N2MxOS41NzYtMjQuMzI2IDMxLjMxMi01NS4xMDMgMzEuMzEyLTg4LjQ2NiAwLTc4LjIyMi02NC41MDUtMTQyLjIyMi0xNDMuMzQzLTE0Mi4yMjItMzMuMjI1IDAtNjMuOTA1IDExLjM2Ny04OC4yODMgMzAuMzc1em04MS42MDcgMTYyLjA2Yy0xMS4zODYgMjAuMzY2LTE3Ljg4IDQzLjc1NC0xNy44OCA2OC41NzQgMCA3OC4yMjIgNjQuNTAzIDE0Mi4yMjIgMTQzLjM0MiAxNDIuMjIyIDI0LjYxNiAwIDQ3LjgzNi02LjI0IDY4LjEzLTE3LjIwNGwxMTcuMzA1IDExNy4zMDVjLTUwLjgzIDI1LjQyOC0xMTIuMTIzIDQyLjEyMS0xODUuNDM1IDQyLjEyMS0yNTkuNDQ5IDAtMzY4LjM4OS0yMDkuMDY3LTM5NS42MjQtMjczLjA2N3EtNC4zLTEwLjY2NiAwLTIxLjMzM2MxNS42MzktMzcuNTY3IDU4LjIxOS0xMjIuNDk5IDE0MC43NjgtMTg4LjAxM2wxMjkuMzk0IDEyOS4zOTR6bTc3Ljk3Ni0yLjQ3N2MxMy42My05LjAxNiAyOS45NjgtMTQuMjgzIDQ3LjQ4Ni0xNC4yODMgNDcuMzAzIDAgODYuMDA1IDM4LjQgODYuMDA1IDg1LjMzMyAwIDE3LjYxOS01LjQ1NSAzNC4wMzYtMTQuNzcxIDQ3LjY3TDQ2NC41MTQgMzg4Ljczem03Mi4yOTEgMTUyLjc0NWE4NiA4NiAwIDAgMS0yNC44MDUgMy42NGMtNDcuMzAzIDAtODYuMDA1LTM4LjQtODYuMDA1LTg1LjMzM2E4NCA4NCAwIDAgMSAzLjg2Ny0yNS4yNXoiIGdseXBoLW5hbWU9Imljb24taW52aXNpYmxlIiB1bmljb2RlPSLupIEiLz48Z2x5cGggZD0ibTgzNi42MjUgNTIzLjExNiA4Mi44NDctMTQuNDk5YzI0Ljg1NS00LjE0MiA0My40OTctMjQuODU0IDQ3LjYzOS01MS43OHYtNzIuNDkyYzAtMjYuOTI2LTE4LjY0Mi00Ny42MzgtNDMuNDk3LTUxLjc4bC04Mi44NDctMTQuNDk4LTE2LjU2Ni0zNy4yODIgNDcuNjMzLTY4LjM1MWMxNC41MDEtMjAuNzEzIDEyLjQzLTQ3LjYzOS02LjIxMi02Ni4yNzZsLTUxLjc4LTUxLjc4Yy0xOC42MzctMTguNjQyLTQ1LjU2Mi0yMC43MTMtNjYuMjc2LTYuMjEybC02OC4zNTEgNDcuNjMzLTM3LjI4Mi0xNi41NjYtMTQuNDk4LTgyLjg0N2MtNi4yMTQtMjQuODU1LTI2LjkyNi00My40OTctNTEuNzgtNDMuNDk3aC03Mi40OTJjLTI2LjkyNiAwLTQ3LjYzOCAxOC42NDItNTEuNzggNDMuNDk3bC0xNC40OTkgODIuODQ3LTM3LjI4MiAxNi41NjYtNjguMzQ5LTQ3LjYzM2MtMjAuNzEyLTE0LjUwMS00Ny42MzgtMTIuNDMtNjYuMjc4IDYuMjEybC01MS43OCA1MS43OGMtMTguNjQxIDE4LjYzNy0yMC43MTIgNDUuNTYyLTYuMjEzIDY2LjI3Nmw0OS43MDkgNzAuNDIyLTE2LjU3IDM3LjI4Mi04Mi44NDggMTQuNDk4Yy0yNC44NTQgNi4yMTMtNDMuNDk1IDI2LjkyNi00My40OTUgNTEuNzh2NzIuNDkyYzAgMjQuODU0IDE4LjY0MSA0NS41NjYgMzkuMzUzIDQ5LjcwOGw4Mi44NDggMTQuNDk5IDE2LjU2OSAzNy4yODItNDcuNjM4IDY4LjM1Yy0xNC40OTggMjAuNzEyLTEyLjQyNyA0Ny42MzcgNi4yMTMgNjYuMjc4bDUxLjc4IDUxLjc4YzE4LjY0MSAxOC42NDEgNDUuNTY2IDIwLjcxMiA2Ni4yNzggNi4yMTNsNzAuNDItNDkuNzA5IDM3LjI4MiAxNi41NyAxNC40OTkgODIuODQ4YzYuMjEzIDI0Ljg1NCAyNi45MjYgNDMuNDk1IDUxLjc4IDQzLjQ5NWg3Mi40OTJjMjQuODU0IDAgNDUuNTY2LTE4LjY0MSA0Ny42MzgtNDEuNDI0bDE0LjQ5OC04Mi44NDggMzcuMjgyLTE2LjU2OSA2OC4zNTIgNDcuNjM4YzIwLjcwOCAxNC40OTggNDcuNjMzIDEyLjQyNyA2Ni4yNzYtNi4yMTNsNTEuNzgtNTEuNzhjMTguNjQyLTE4LjY0MSAyMC43MTMtNDUuNTY2IDYuMjEyLTY2LjI3OGwtNDcuNjM5LTY4LjM0OSAxNi41NzItMzcuMjgyek04MDkuNyAzNzguMTMxbDkxLjEzNiAxNi41N3Y1My44NTFMODA5LjcgNDY1LjEyMWMtMTAuMzU0IDIuMDcxLTE4LjY0MiA4LjI4NS0yMi43ODQgMTguNjQxbC0yOC45OTYgNzAuNDJjLTQuMTQyIDguMjg1LTIuMDcxIDIwLjcxMiA0LjE0MiAyOC45OTdsNTEuNzggNzQuNTYzLTM5LjM1IDM5LjM1My03NC41NjQtNTEuNzhjLTguMjgzLTYuMjE0LTE4LjY0MS04LjI4NS0yOC45OTctNC4xNDNsLTY4LjM1IDI4Ljk5N2MtMTAuMzU2IDQuMTQzLTE2LjU2OSAxMi40MjctMTguNjQxIDIyLjc4M2wtMTYuNTY5IDkxLjEzM2gtNTUuOTIybC0xNi41NjktOTEuMTMzYy0yLjA3MS0xMC4zNTYtOC4yODUtMTguNjQxLTE4LjY0MS0yMi43ODNsLTcwLjQyLTI4Ljk5N2MtOC4yODUtNC4xNDItMjAuNzEyLTIuMDcxLTI4Ljk5NyA0LjE0M2wtNzQuNTYzIDUxLjc4LTM5LjM1My0zOS4zNTMgNTEuNzgtNzQuNTYzYzYuMjE0LTguMjg1IDguMjg1LTE4LjY0MSA0LjE0My0yOC45OTZsLTI4Ljk5Ny02OC4zNWMtNC4xNDMtMTAuMzU2LTEyLjQyNy0xNi41NjktMjIuNzgzLTE4LjY0MWwtOTEuMTMzLTE2LjU2OXYtNTUuOTIybDkxLjEzMy0xNi41N2MxMC4zNTYtMi4wNzEgMTguNjQxLTguMjg1IDIyLjc4My0xOC42NDFsMjguOTk3LTcwLjQyYzQuMTQyLTguMjg1IDIuMDcxLTIwLjcxNC00LjE0My0yOC45OTdsLTUxLjc4LTc0LjU2NCAzOS4zNTMtMzkuMzUgNzQuNTYzIDUxLjc4YzguMjg1IDYuMjEyIDE4LjY0MSA4LjI4MyAyOC45OTYgNC4xNDJsNjguMzUtMjguOTk2YzEwLjM1Ni00LjE0MiAxNi41NjktMTIuNDMgMTguNjQxLTIyLjc4NGwxNi41NjktOTEuMTM2SDU2NS4zbDE2LjU2OSA5MS4xMzZjMi4wNzEgMTAuMzU0IDguMjg1IDE4LjY0MiAxOC42NDEgMjIuNzg0bDcwLjQyMSAzMS4wNjdjOC4yODUgNC4xNDIgMjAuNzE0IDIuMDcxIDI4Ljk5Ny00LjE0Mmw3NC41NjQtNTEuNzggMzkuMzUgMzkuMzUtNTEuNzggNzQuNTY0Yy02LjIxMiA4LjI4My04LjI4MyAxOC42NDEtNC4xNDIgMjguOTk3bDI4Ljk5NiA2OC4zNDljNC4xNDIgMTAuMzU2IDEyLjQzIDE2LjU3IDIyLjc4NCAxOC42NDFtLTM4NS4yNDIgNDMuNDk2YzAgNjIuMTM2IDUxLjc4IDExMy45MTUgMTEzLjkxNSAxMTMuOTE1czExMy45MTYtNTEuNzggMTEzLjkxNi0xMTMuOTE1LTUxLjc4LTExMy45MTYtMTEzLjkxNi0xMTMuOTE2LTExMy45MTUgNTEuNzgtMTEzLjkxNSAxMTMuOTE2bTYyLjEzNSAwYzAtMjguOTk3IDIyLjc4My01MS43OCA1MS43OC01MS43OHM1MS43OCAyMi43ODMgNTEuNzggNTEuNzgtMjIuNzgzIDUxLjc4LTUxLjc4IDUxLjc4LTUxLjc4LTIyLjc4My01MS43OC01MS43OCIgZ2x5cGgtbmFtZT0iaWNvbi1zZXR0aW5nIiB1bmljb2RlPSLupIIiLz48Z2x5cGggZD0iTTUxMiAxMDYuNjY3Yy0yOTUuMjg1IDAtNDE3LjEyNSAyMzYuMDg5LTQ0OC42NjEgMzA4LjYyMi04LjYwMSAyMS4zMzMtOC42MDEgNDQuMDg5IDAgNjUuNDIyQzk0Ljg3NCA1NTMuMjQ0IDIxNi43MTUgNzg5LjMzMyA1MTIgNzg5LjMzM2MyOTMuODU0IDAgNDE3LjEyNi0yMzYuMDg5IDQ0OC42Ni0zMDguNjIyIDguNjAyLTIxLjMzMyA4LjYwMi00NC4wODkgMC02NS40MjJDOTI5LjEyNiAzNDIuNzU2IDgwNS44NTQgMTA2LjY2NyA1MTIgMTA2LjY2N00xMTYuMzc2IDQ1OS4zNzhxLTQuMy0xMC42NjYgMC0yMS4zMzNDMTQzLjYxMSAzNzIuNjIzIDI1Mi41NTEgMTYzLjU1NiA1MTIgMTYzLjU1NmMyNTkuNDQ3IDAgMzY4LjM5IDIwOS4wNjcgMzk1LjYyMiAyNzMuMDY3cTQuMyAxMC42NjYgMCAyMS4zMzNDODgwLjM4OSA1MjMuMzc4IDc3MS40NDcgNzMyLjQ0NSA1MTIgNzMyLjQ0NWMtMjU5LjQ0OSAwLTM2OC4zODktMjA5LjA2Ny0zOTUuNjI0LTI3My4wNjdNNTEyIDMwNS43NzhjLTc4LjgzOCAwLTE0My4zNDIgNjQtMTQzLjM0MiAxNDIuMjIyUzQzMy4xNjEgNTkwLjIyMiA1MTIgNTkwLjIyMmM3OC44MzggMCAxNDMuMzQzLTY0IDE0My4zNDMtMTQyLjIyMlM1OTAuODM4IDMwNS43NzggNTEyIDMwNS43NzhtMCAyMjcuNTU1Yy00Ny4zMDMgMC04Ni4wMDUtMzguNC04Ni4wMDUtODUuMzMzczM4LjcwMi04NS4zMzMgODYuMDA1LTg1LjMzMyA4Ni4wMDUgMzguNCA4Ni4wMDUgODUuMzMzLTM4LjcwMiA4NS4zMzMtODYuMDA1IDg1LjMzMyIgZ2x5cGgtbmFtZT0iaWNvbi12aXNpYmxlIiB1bmljb2RlPSLupIMiLz48L2ZvbnQ+PC9kZWZzPjwvc3ZnPg==) format("svg")
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-icon-close:before {
    color: #fff;
    content: ""
}

.icon-icon-invisible:before {
    color: #fff;
    content: ""
}

.icon-icon-setting:before {
    color: #fff;
    content: ""
}

.icon-icon-visible:before {
    color: #fff;
    content: ""
}

.klinecharts-pro-button {
    align-items: center;
    background-color: transparent;
    border: 1px solid var(--klinecharts-pro-primary-color);
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    height: 36px;
    justify-content: center;
    margin-left: 20px;
    outline: none;
    width: 90px
}

.klinecharts-pro-button.confirm {
    background-color: var(--klinecharts-pro-primary-color);
    color: #fff
}

.klinecharts-pro-button.cancel {
    border: 1px solid var(--klinecharts-pro-primary-color);
    color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-checkbox {
    align-items: center;
    color: var(--klinecharts-pro-text-color);
    display: flex;
    flex-direction: row;
    font-size: 14px;
    justify-content: center;
    fill: var(--klinecharts-pro-text-color);
    cursor: pointer
}

.klinecharts-pro-checkbox .icon {
    height: 20px;
    width: 20px
}

.klinecharts-pro-checkbox .label {
    display: inline-block;
    margin-left: 6px
}

.klinecharts-pro-checkbox.checked {
    color: var(--klinecharts-pro-primary-color);
    fill: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-list {
    color: var(---klinecharts-pro-text-color);
    font-size: 14px;
    list-style: none;
    margin: 0;
    min-height: 200px;
    overflow-y: auto;
    padding: 0;
    position: relative
}

.klinecharts-pro-list::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

.klinecharts-pro-list::-webkit-scrollbar-thumb {
    background-color: var(--klinecharts-pro-border-color);
    border-radius: 4px;
    height: 8px;
    width: 8px
}

.klinecharts-pro-list li {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 40px;
    padding: 0 20px
}

.klinecharts-pro-list li:hover {
    background-color: var(--klinecharts-pro-hover-background-color)
}

.klinecharts-pro-modal {
    align-items: center;
    background-color: #0003;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99
}

.klinecharts-pro-modal .inner {
    background-color: var(--klinecharts-pro-popover-background-color);
    border-radius: 4px;
    box-shadow: 0 6px 12px #0000004d
}

.klinecharts-pro-modal .inner .title-container {
    align-items: center;
    border-bottom: 1px solid var(--klinecharts-pro-border-color);
    box-sizing: border-box;
    color: var(--klinecharts-pro-text-color);
    display: flex;
    flex-direction: row;
    font-size: 18px;
    font-weight: 700;
    height: 52px;
    justify-content: space-between;
    padding: 0 26px;
    position: relative
}

.klinecharts-pro-modal .inner .title-container .close-icon {
    cursor: pointer;
    height: 14px;
    width: 14px;
    fill: var(--klinecharts-pro-text-color)
}

.klinecharts-pro-modal .inner .title-container .close-icon:hover {
    fill: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-modal .inner .content-container {
    min-height: 140px;
    padding: 0 26px
}

.klinecharts-pro-modal .inner .button-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 20px 20px 26px
}

.klinecharts-pro-select {
    align-items: center;
    color: var(--klinecharts-pro-text-color);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    height: 34px;
    outline: none;
    position: relative;
    width: 100px
}

.klinecharts-pro-select .selector-container {
    align-items: center;
    border: 1px solid var(--klinecharts-pro-border-color);
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: space-between;
    padding: 0 10px;
    width: 100%
}

.klinecharts-pro-select .selector-container .arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--klinecharts-pro-text-color);
    display: inline;
    height: 0;
    transition: all .2s;
    width: 0
}

.klinecharts-pro-select .drop-down-container {
    background-color: var(--klinecharts-pro-popover-background-color);
    border-radius: 2px;
    box-shadow: 0 6px 12px #0000004d;
    left: 0;
    max-height: 200px;
    opacity: 0;
    overflow-y: auto;
    position: absolute;
    top: calc(100% + 1px);
    transform: scaleY(0);
    transform-origin: top;
    transition: all .2s;
    width: 100%;
    z-index: 100
}

.klinecharts-pro-select .drop-down-container ul {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.klinecharts-pro-select .drop-down-container ul li {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 40px;
    padding: 0 10px
}

.klinecharts-pro-select .drop-down-container ul li:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.klinecharts-pro-select .drop-down-container ul li:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.klinecharts-pro-select .drop-down-container ul li:hover {
    background-color: var(--klinecharts-pro-hover-background-color)
}

.klinecharts-pro-select-show .selector-container {
    border-color: var(--klinecharts-pro-primary-color) !important
}

.klinecharts-pro-select-show .selector-container .value {
    color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-select-show .selector-container .arrow {
    transform: rotate(180deg)
}

.klinecharts-pro-select-show .drop-down-container {
    opacity: 1 !important;
    transform: scaleY(1) !important
}

.klinecharts-pro-input {
    align-items: center;
    border: 1px solid var(--klinecharts-pro-border-color);
    border-radius: 2px;
    box-sizing: border-box;
    color: var(--klinecharts-pro-text-color);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    height: 34px;
    padding: 0 12px;
    position: relative
}

.klinecharts-pro-input[data-status=focus] {
    border-color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-input .prefix {
    display: flex;
    padding-right: 10px;
    white-space: nowrap
}

.klinecharts-pro-input .suffix {
    display: flex;
    padding-left: 10px;
    white-space: nowrap
}

.klinecharts-pro-input .value {
    background: transparent;
    border: none;
    color: var(--klinecharts-pro-text-color);
    cursor: pointer;
    font-size: 14px;
    outline: none;
    width: 100%
}

.klinecharts-pro-loading {
    align-items: center;
    color: var(--klinecharts-pro-primary-color);
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50
}

.klinecharts-pro-loading .circle1,
.klinecharts-pro-loading .circle2,
.klinecharts-pro-loading .circle3 {
    animation: loading-anim .8s ease-in-out infinite alternate;
    background-color: currentColor;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    pointer-events: none;
    width: 10px
}

.klinecharts-pro-loading .circle1 {
    animation-delay: .48s
}

.klinecharts-pro-loading .circle2 {
    animation-delay: .32s;
    margin-left: .2em;
    margin-right: .2em
}

.klinecharts-pro-loading .circle3 {
    animation-delay: .16s
}

@keyframes loading-anim {
    0% {
        top: 0
    }

    to {
        margin-top: -2.2em
    }
}

.klinecharts-pro-empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    fill: var(--klinecharts-pro-text-second-color);
    color: var(--klinecharts-pro-text-second-color)
}

.klinecharts-pro-empty .icon {
    height: 50px;
    width: 50px
}

.klinecharts-pro-switch {
    border-radius: 9px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 18px;
    position: relative;
    width: 36px
}

.klinecharts-pro-switch .thumb {
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 14px;
    position: absolute;
    top: 2px;
    transition: all .2s;
    width: 14px;
    z-index: 10
}

.klinecharts-pro-switch.turn-off {
    background-color: var(--klinecharts-pro-border-color)
}

.klinecharts-pro-switch.turn-off .thumb {
    left: 2px
}

.klinecharts-pro-switch.turn-on {
    background-color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-switch.turn-on .thumb {
    left: 20px
}

.klinecharts-pro-period-bar {
    border-bottom: 1px solid var(--klinecharts-pro-border-color);
    height: 38px;
    width: 100%
}

.klinecharts-pro-period-bar,
.klinecharts-pro-period-bar .menu-container {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row
}

.klinecharts-pro-period-bar .menu-container {
    border-right: 1px solid var(--klinecharts-pro-border-color);
    height: 100%;
    justify-content: center;
    width: 52px
}

.klinecharts-pro-period-bar .menu-container svg {
    fill: var(--klinecharts-pro-text-color);
    cursor: pointer;
    height: 28px;
    transition: all .2s;
    width: 28px
}

.klinecharts-pro-period-bar .menu-container svg.rotate {
    transform: rotate(180deg);
    transform-origin: center
}

.klinecharts-pro-period-bar .symbol {
    align-items: center;
    border-right: 1px solid var(--klinecharts-pro-border-color);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 18px;
    font-weight: 700;
    height: 100%;
    padding: 0 12px
}

.klinecharts-pro-period-bar .symbol img {
    height: 20px;
    margin-right: 6px;
    width: 20px
}

.klinecharts-pro-period-bar .item {
    box-sizing: border-box;
    cursor: pointer;
    transition: all .2s;
    fill: var(--klinecharts-pro-text-color)
}

.klinecharts-pro-period-bar .item.selected {
    background-color: var(--klinecharts-pro-selected-color) !important;
    color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-period-bar .period {
    border-radius: 2px;
    margin: 0 4px;
    padding: 2px 6px
}

.klinecharts-pro-period-bar .period:hover {
    background-color: var(--klinecharts-pro-hover-background-color)
}

.klinecharts-pro-period-bar .period:first-child {
    margin-left: 8px
}

.klinecharts-pro-period-bar .menu-container+.period,
.klinecharts-pro-period-bar .symbol+.period {
    margin-left: 12px
}

.klinecharts-pro-period-bar .tools {
    align-items: center;
    border-right: 1px solid var(--klinecharts-pro-border-color);
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    padding: 0 12px
}

.klinecharts-pro-period-bar .tools:hover {
    fill: var(--klinecharts-pro-primary-color);
    color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-period-bar .tools svg {
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.klinecharts-pro-period-bar .period+.tools {
    border-left: 1px solid var(--klinecharts-pro-border-color);
    margin-left: 8px
}

.klinecharts-pro-drawing-bar {
    border-right: 1px solid var(--klinecharts-pro-border-color);
    box-sizing: border-box;
    height: 100%;
    width: 52px
}

.klinecharts-pro-drawing-bar .item {
    align-items: center;
    color: var(--klinecharts-pro-text-second-color);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 8px;
    position: relative;
    width: 100%;
    fill: var(--klinecharts-pro-text-second-color);
    stroke: var(--klinecharts-pro-text-second-color)
}

.klinecharts-pro-drawing-bar .item .icon-overlay {
    border-radius: 2px;
    height: 32px;
    transition: all .2s;
    width: 32px
}

.klinecharts-pro-drawing-bar .item .icon-overlay:hover {
    background-color: var(--klinecharts-pro-hover-background-color)
}

.klinecharts-pro-drawing-bar .item .icon-overlay.selected {
    background-color: var(--klinecharts-pro-selected-color) !important;
    fill: var(--klinecharts-pro-primary-color);
    stroke: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-drawing-bar .item .icon-arrow {
    align-items: center;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s;
    width: 10px;
    z-index: 10
}

.klinecharts-pro-drawing-bar .item .icon-arrow svg {
    height: 6px;
    transition: all .2s;
    width: 4px
}

.klinecharts-pro-drawing-bar .item .icon-arrow svg.rotate {
    transform: rotate(180deg)
}

.klinecharts-pro-drawing-bar .item .icon-arrow:hover {
    background-color: var(--klinecharts-pro-hover-background-color)
}

.klinecharts-pro-drawing-bar .item .list {
    background-color: var(--klinecharts-pro-popover-background-color);
    box-shadow: 0 6px 12px #0000004d;
    left: calc(100% + 1px);
    max-height: 320px;
    min-height: auto;
    position: absolute;
    top: 0;
    white-space: nowrap;
    z-index: 99
}

.klinecharts-pro-drawing-bar .item .list li {
    padding-left: 16px
}

.klinecharts-pro-drawing-bar .item .list li .icon-overlay:hover {
    background-color: transparent
}

.klinecharts-pro-drawing-bar .item:hover .icon-arrow {
    opacity: 1
}

.klinecharts-pro-drawing-bar .split-line {
    background-color: var(--klinecharts-pro-border-color);
    display: block;
    height: 1px;
    margin-top: 8px;
    width: 100%
}

.klinecharts-pro-indicator-modal-list {
    height: 440px;
    margin-left: -20px;
    margin-right: -20px;
    position: relative
}

.klinecharts-pro-indicator-modal-list .title {
    color: var(--klinecharts-pro-text-color);
    font-size: 16px;
    font-weight: 400;
    position: sticky;
    top: 0
}

.klinecharts-pro-indicator-modal-list .title,
.klinecharts-pro-indicator-modal-list .title:hover {
    background-color: var(--klinecharts-pro-popover-background-color)
}

.klinecharts-pro-indicator-modal-list .row:hover .checkbox {
    fill: var(--klinecharts-pro-primary-color);
    color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-setting-modal-content {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-row-gap: 20px;
    align-items: center;
    margin-bottom: 30px;
    margin-top: 20px
}

.klinecharts-pro-indicator-setting-modal-content {
    display: grid;
    grid-template-columns: auto auto;
    grid-row-gap: 20px;
    align-items: center;
    margin-top: 20px
}

.klinecharts-pro-symbol-search-modal-input {
    height: 40px;
    margin: 20px 0 10px
}

.klinecharts-pro-symbol-search-modal-input svg {
    height: 18px;
    width: 18px;
    fill: var(--klinecharts-pro-text-second-color)
}

.klinecharts-pro-symbol-search-modal-input .value {
    font-size: 16px
}

.klinecharts-pro-symbol-search-modal-list {
    height: 400px;
    margin-left: -20px;
    margin-right: -20px
}

.klinecharts-pro-symbol-search-modal-list li {
    justify-content: space-between
}

.klinecharts-pro-symbol-search-modal-list li div {
    align-items: center;
    display: flex;
    flex-direction: row
}

.klinecharts-pro-symbol-search-modal-list li div img {
    height: 16px;
    margin-right: 6px;
    width: 16px
}

.klinecharts-pro-symbol-search-modal-list li div span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px
}

.klinecharts-pro {
    --klinecharts-pro-primary-color: #1677ff;
    --klinecharts-pro-hover-background-color: rgba(22, 119, 255, .15);
    --klinecharts-pro-background-color: #fff;
    --klinecharts-pro-popover-background-color: #fff;
    --klinecharts-pro-text-color: #051441;
    --klinecharts-pro-text-second-color: #76808f;
    --klinecharts-pro-border-color: #ebedf1;
    --klinecharts-pro-selected-color: rgba(22, 119, 255, .15);
    background-color: var(--klinecharts-pro-background-color);
    color: var(--klinecharts-pro-text-color);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    height: 80vh;
    position: relative
}

.klinecharts-pro[data-theme=dark] {
    --klinecharts-pro-hover-background-color: rgba(22, 119, 255, .15);
    --klinecharts-pro-background-color: #151517;
    --klinecharts-pro-popover-background-color: #1c1c1f;
    --klinecharts-pro-text-color: #f8f8f8;
    --klinecharts-pro-text-second-color: #929aa5;
    --klinecharts-pro-border-color: #292929
}

.klinecharts-pro-watermark {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%) translateY(-50%);
    z-index: 1
}

.klinecharts-pro-watermark .logo {
    height: 184px;
    width: 160px;
    fill: var(--klinecharts-pro-border-color)
}

.klinecharts-pro-price-unit {
    background-color: var(--klinecharts-pro-background-color);
    border: 1px solid var(--klinecharts-pro-border-color);
    border-radius: 4px;
    box-shadow: 0 3px 3px #3232324d;
    color: var(--klinecharts-pro-text-second-color);
    display: none;
    font-size: 10px;
    font-weight: 700;
    left: 50%;
    padding: 1px 4px;
    position: absolute;
    top: 4px;
    transform: translate(-50%);
    z-index: 30
}

.klinecharts-pro-load-icon {
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    z-index: -1
}

.klinecharts-pro-content {
    display: flex;
    flex-direction: row;
    height: calc(100% - 38px);
    position: relative;
    width: 100%
}

.klinecharts-pro-widget {
    height: 100%;
    margin-left: 0;
    width: calc(100% - 52px)
}

.klinecharts-pro-widget[data-drawing-bar-visible=false] {
    width: 100%
}

.n-tabs {

    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    transition:
        background-color .3s var(--n-bezier),
        border-color .3s var(--n-bezier);

}

.n-tabs.n-tabs--segment-type .n-tabs-rail.transition-disabled .n-tabs-capsule {

    transition: none;

}

.n-tabs.n-tabs--top .n-tab-pane {

    padding: var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left);

}

.n-tabs.n-tabs--left .n-tab-pane {

    padding: var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left) var(--n-pane-padding-top);

}

.n-tabs.n-tabs--left,
.n-tabs.n-tabs--right {

    flex-direction: row;

}

.n-tabs.n-tabs--left .n-tabs-bar,
.n-tabs.n-tabs--right .n-tabs-bar {

    width: 2px;
    right: 0;
    transition:
        top .2s var(--n-bezier),
        max-height .2s var(--n-bezier),
        background-color .3s var(--n-bezier);

}

.n-tabs.n-tabs--left .n-tabs-tab,
.n-tabs.n-tabs--right .n-tabs-tab {

    padding: var(--n-tab-padding-vertical);

}

.n-tabs.n-tabs--right {

    flex-direction: row-reverse;

}

.n-tabs.n-tabs--right .n-tab-pane {

    padding: var(--n-pane-padding-left) var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom);

}

.n-tabs.n-tabs--right .n-tabs-bar {

    left: 0;

}

.n-tabs.n-tabs--bottom {

    flex-direction: column-reverse;
    justify-content: flex-end;

}

.n-tabs.n-tabs--bottom .n-tab-pane {

    padding: var(--n-pane-padding-bottom) var(--n-pane-padding-right) var(--n-pane-padding-top) var(--n-pane-padding-left);

}

.n-tabs.n-tabs--bottom .n-tabs-bar {

    top: 0;

}

.n-tabs .n-tabs-rail {

    position: relative;
    padding: 3px;
    border-radius: var(--n-tab-border-radius);
    width: 100%;
    background-color: var(--n-color-segment);
    transition: background-color .3s var(--n-bezier);
    display: flex;
    align-items: center;

}

.n-tabs .n-tabs-rail .n-tabs-capsule {

    border-radius: var(--n-tab-border-radius);
    position: absolute;
    pointer-events: none;
    background-color: var(--n-tab-color-segment);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
    transition: transform 0.3s var(--n-bezier);

}

.n-tabs .n-tabs-rail .n-tabs-tab-wrapper {

    flex-basis: 0;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;

}

.n-tabs .n-tabs-rail .n-tabs-tab-wrapper .n-tabs-tab {

    overflow: hidden;
    border-radius: var(--n-tab-border-radius);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.n-tabs .n-tabs-rail .n-tabs-tab-wrapper .n-tabs-tab.n-tabs-tab--active {

    font-weight: var(--n-font-weight-strong);
    color: var(--n-tab-text-color-active);

}

.n-tabs .n-tabs-rail .n-tabs-tab-wrapper .n-tabs-tab:hover {

    color: var(--n-tab-text-color-hover);

}

.n-tabs.n-tabs--flex .n-tabs-nav {

    width: 100%;
    position: relative;

}

.n-tabs.n-tabs--flex .n-tabs-nav .n-tabs-wrapper {

    width: 100%;

}

.n-tabs.n-tabs--flex .n-tabs-nav .n-tabs-wrapper .n-tabs-tab {

    margin-right: 0;

}

.n-tabs .n-tabs-nav {

    box-sizing: border-box;
    line-height: 1.5;
    display: flex;
    transition: border-color .3s var(--n-bezier);

}

.n-tabs .n-tabs-nav .n-tabs-nav__prefix,
.n-tabs .n-tabs-nav .n-tabs-nav__suffix {

    display: flex;
    align-items: center;

}

.n-tabs .n-tabs-nav .n-tabs-nav__prefix {
    padding-right: 16px;
}

.n-tabs .n-tabs-nav .n-tabs-nav__suffix {
    padding-left: 16px;
}

.n-tabs.n-tabs--top .n-tabs-nav-scroll-wrapper::before,
.n-tabs.n-tabs--bottom .n-tabs-nav-scroll-wrapper::before {

    top: 0;
    bottom: 0;
    left: 0;
    width: 20px;

}

.n-tabs.n-tabs--top .n-tabs-nav-scroll-wrapper::after,
.n-tabs.n-tabs--bottom .n-tabs-nav-scroll-wrapper::after {

    top: 0;
    bottom: 0;
    right: 0;
    width: 20px;

}

.n-tabs.n-tabs--top .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-start::before,
.n-tabs.n-tabs--bottom .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-start::before {

    box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);

}

.n-tabs.n-tabs--top .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-end::after,
.n-tabs.n-tabs--bottom .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-end::after {

    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);

}

.n-tabs.n-tabs--left .n-tabs-nav-scroll-content,
.n-tabs.n-tabs--right .n-tabs-nav-scroll-content {

    flex-direction: column;

}

.n-tabs.n-tabs--left .n-tabs-nav-scroll-wrapper::before,
.n-tabs.n-tabs--right .n-tabs-nav-scroll-wrapper::before {

    top: 0;
    left: 0;
    right: 0;
    height: 20px;

}

.n-tabs.n-tabs--left .n-tabs-nav-scroll-wrapper::after,
.n-tabs.n-tabs--right .n-tabs-nav-scroll-wrapper::after {

    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;

}

.n-tabs.n-tabs--left .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-start::before,
.n-tabs.n-tabs--right .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-start::before {

    box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .12);

}

.n-tabs.n-tabs--left .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-end::after,
.n-tabs.n-tabs--right .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-end::after {

    box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, .12);

}

.n-tabs .n-tabs-nav-scroll-wrapper {

    flex: 1;
    position: relative;
    overflow: hidden;

}

.n-tabs .n-tabs-nav-scroll-wrapper .n-tabs-nav-y-scroll {

    height: 100%;
    width: 100%;
    overflow-y: auto;
    scrollbar-width: none;

}

.n-tabs .n-tabs-nav-scroll-wrapper .n-tabs-nav-y-scroll::-webkit-scrollbar,
.n-tabs .n-tabs-nav-scroll-wrapper .n-tabs-nav-y-scroll::-webkit-scrollbar-track-piece,
.n-tabs .n-tabs-nav-scroll-wrapper .n-tabs-nav-y-scroll::-webkit-scrollbar-thumb {

    width: 0;
    height: 0;
    display: none;

}

.n-tabs .n-tabs-nav-scroll-wrapper::before,
.n-tabs .n-tabs-nav-scroll-wrapper::after {

    transition: box-shadow .3s var(--n-bezier);
    pointer-events: none;
    content: "";
    position: absolute;
    z-index: 1;

}

.n-tabs .n-tabs-nav-scroll-content {

    display: flex;
    position: relative;
    min-width: 100%;
    min-height: 100%;
    width: fit-content;
    box-sizing: border-box;

}

.n-tabs .n-tabs-wrapper {

    display: inline-flex;
    flex-wrap: nowrap;
    position: relative;

}

.n-tabs .n-tabs-tab-wrapper {

    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    flex-grow: 0;

}

.n-tabs .n-tabs-tab {

    cursor: pointer;
    white-space: nowrap;
    flex-wrap: nowrap;
    display: inline-flex;
    align-items: center;
    color: var(--n-tab-text-color);
    font-size: var(--n-tab-font-size);
    background-clip: padding-box;
    padding: var(--n-tab-padding);
    transition:
        box-shadow .3s var(--n-bezier),
        color .3s var(--n-bezier),
        background-color .3s var(--n-bezier),
        border-color .3s var(--n-bezier);

}

.n-tabs .n-tabs-tab.n-tabs-tab--disabled {
    cursor: not-allowed;
}

.n-tabs .n-tabs-tab .n-tabs-tab__close {

    margin-left: 6px;
    transition:
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier);

}

.n-tabs .n-tabs-tab .n-tabs-tab__label {

    display: flex;
    align-items: center;
    z-index: 1;

}

.n-tabs .n-tabs-bar {

    position: absolute;
    bottom: 0;
    height: 2px;
    border-radius: 1px;
    background-color: var(--n-bar-color);
    transition:
        left .2s var(--n-bezier),
        max-width .2s var(--n-bezier),
        opacity .3s var(--n-bezier),
        background-color .3s var(--n-bezier);

}

.n-tabs .n-tabs-bar.transition-disabled {

    transition: none;

}

.n-tabs .n-tabs-bar.n-tabs-bar--disabled {

    background-color: var(--n-tab-text-color-disabled)
}

.n-tabs .n-tabs-pane-wrapper {

    position: relative;
    overflow: hidden;
    transition: max-height .2s var(--n-bezier);

}

.n-tabs .n-tab-pane {

    color: var(--n-pane-text-color);
    width: 100%;
    transition:
        color .3s var(--n-bezier),
        background-color .3s var(--n-bezier),
        opacity .2s var(--n-bezier);
    left: 0;
    right: 0;
    top: 0;

}

.n-tabs .n-tab-pane.next-transition-leave-active,
.n-tabs .n-tab-pane.prev-transition-leave-active,
.n-tabs .n-tab-pane.next-transition-enter-active,
.n-tabs .n-tab-pane.prev-transition-enter-active {

    transition:
        color .3s var(--n-bezier),
        background-color .3s var(--n-bezier),
        transform .2s var(--n-bezier),
        opacity .2s var(--n-bezier);

}

.n-tabs .n-tab-pane.next-transition-leave-active,
.n-tabs .n-tab-pane.prev-transition-leave-active {

    position: absolute;

}

.n-tabs .n-tab-pane.next-transition-enter-from,
.n-tabs .n-tab-pane.prev-transition-leave-to {

    transform: translateX(32px);
    opacity: 0;

}

.n-tabs .n-tab-pane.next-transition-leave-to,
.n-tabs .n-tab-pane.prev-transition-enter-from {

    transform: translateX(-32px);
    opacity: 0;

}

.n-tabs .n-tab-pane.next-transition-leave-from,
.n-tabs .n-tab-pane.next-transition-enter-to,
.n-tabs .n-tab-pane.prev-transition-leave-from,
.n-tabs .n-tab-pane.prev-transition-enter-to {

    transform: translateX(0);
    opacity: 1;

}

.n-tabs .n-tabs-tab-pad {

    box-sizing: border-box;
    width: var(--n-tab-gap);
    flex-grow: 0;
    flex-shrink: 0;

}

.n-tabs.n-tabs--line-type .n-tabs-tab,
.n-tabs.n-tabs--bar-type .n-tabs-tab {

    font-weight: var(--n-tab-font-weight);
    box-sizing: border-box;
    vertical-align: bottom;

}

.n-tabs.n-tabs--line-type .n-tabs-tab:hover,
.n-tabs.n-tabs--bar-type .n-tabs-tab:hover {
    color: var(--n-tab-text-color-hover);
}

.n-tabs.n-tabs--line-type .n-tabs-tab.n-tabs-tab--active,
.n-tabs.n-tabs--bar-type .n-tabs-tab.n-tabs-tab--active {

    color: var(--n-tab-text-color-active);
    font-weight: var(--n-tab-font-weight-active);

}

.n-tabs.n-tabs--line-type .n-tabs-tab.n-tabs-tab--disabled,
.n-tabs.n-tabs--bar-type .n-tabs-tab.n-tabs-tab--disabled {
    color: var(--n-tab-text-color-disabled);
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--top .n-tabs-nav__prefix,
.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--top .n-tabs-nav__suffix {

    border-bottom: 1px solid var(--n-tab-border-color);

}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--top .n-tabs-nav-scroll-content {

    border-bottom: 1px solid var(--n-tab-border-color);

}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--top .n-tabs-bar {

    bottom: -1px;

}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--left .n-tabs-nav__prefix,
.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--left .n-tabs-nav__suffix {

    border-right: 1px solid var(--n-tab-border-color);

}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--left .n-tabs-nav-scroll-content {

    border-right: 1px solid var(--n-tab-border-color);

}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--left .n-tabs-bar {

    right: -1px;

}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--right .n-tabs-nav__prefix,
.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--right .n-tabs-nav__suffix {

    border-left: 1px solid var(--n-tab-border-color);

}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--right .n-tabs-nav-scroll-content {

    border-left: 1px solid var(--n-tab-border-color);

}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--right .n-tabs-bar {

    left: -1px;

}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--bottom .n-tabs-nav__prefix,
.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--bottom .n-tabs-nav__suffix {

    border-top: 1px solid var(--n-tab-border-color);

}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--bottom .n-tabs-nav-scroll-content {

    border-top: 1px solid var(--n-tab-border-color);

}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--bottom .n-tabs-bar {

    top: -1px;

}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type .n-tabs-nav__prefix,
.n-tabs .n-tabs-nav.n-tabs-nav--line-type .n-tabs-nav__suffix {

    transition: border-color .3s var(--n-bezier);

}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type .n-tabs-nav-scroll-content {

    transition: border-color .3s var(--n-bezier);

}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type .n-tabs-bar {

    border-radius: 0;

}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__prefix,
.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__suffix {

    transition: border-color .3s var(--n-bezier);

}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-pad {

    flex-grow: 1;
    transition: border-color .3s var(--n-bezier);

}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab-pad {

    transition: border-color .3s var(--n-bezier);

}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab {

    font-weight: var(--n-tab-font-weight);
    border: 1px solid var(--n-tab-border-color);
    background-color: var(--n-tab-color);
    box-sizing: border-box;
    position: relative;
    vertical-align: bottom;
    display: flex;
    justify-content: space-between;
    font-size: var(--n-tab-font-size);
    color: var(--n-tab-text-color);

}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--addable {

    padding-left: 8px;
    padding-right: 8px;
    font-size: 16px;
    justify-content: center;

}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--addable .n-tabs-tab__height-placeholder {

    width: 0;
    font-size: var(--n-tab-font-size);

}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--addable:not(.n-tabs-tab--disabled):hover {

    color: var(--n-tab-text-color-hover);

}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--closable {
    padding-right: 8px;
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--active {

    background-color: #0000;
    font-weight: var(--n-tab-font-weight-active);
    color: var(--n-tab-text-color-active);

}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--disabled {
    color: var(--n-tab-text-color-disabled);
}

.n-tabs .n-tabs-nav.n-tabs-nav--left,
.n-tabs .n-tabs-nav.n-tabs-nav--right {

    flex-direction: column;

}

.n-tabs .n-tabs-nav.n-tabs-nav--left .n-tabs-nav__prefix,
.n-tabs .n-tabs-nav.n-tabs-nav--right .n-tabs-nav__prefix,
.n-tabs .n-tabs-nav.n-tabs-nav--left .n-tabs-nav__suffix,
.n-tabs .n-tabs-nav.n-tabs-nav--right .n-tabs-nav__suffix {

    padding: var(--n-tab-padding-vertical);

}

.n-tabs .n-tabs-nav.n-tabs-nav--left .n-tabs-wrapper,
.n-tabs .n-tabs-nav.n-tabs-nav--right .n-tabs-wrapper {

    flex-direction: column;

}

.n-tabs .n-tabs-nav.n-tabs-nav--left .n-tabs-tab-wrapper,
.n-tabs .n-tabs-nav.n-tabs-nav--right .n-tabs-tab-wrapper {

    flex-direction: column;

}

.n-tabs .n-tabs-nav.n-tabs-nav--left .n-tabs-tab-wrapper .n-tabs-tab-pad,
.n-tabs .n-tabs-nav.n-tabs-nav--right .n-tabs-tab-wrapper .n-tabs-tab-pad {

    height: var(--n-tab-gap-vertical);
    width: 100%;

}

.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-scroll-padding {
    border-bottom: 1px solid var(--n-tab-border-color);
}

.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-nav__prefix,
.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-nav__suffix {

    border-bottom: 1px solid var(--n-tab-border-color);

}

.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab {

    border-top-left-radius: var(--n-tab-border-radius);
    border-top-right-radius: var(--n-tab-border-radius);

}

.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--active {

    border-bottom: 1px solid #0000;

}

.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad {

    border-bottom: 1px solid var(--n-tab-border-color);

}

.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-pad {

    border-bottom: 1px solid var(--n-tab-border-color);

}

.n-tabs .n-tabs-nav.n-tabs-nav--left.n-tabs-nav--card-type .n-tabs-scroll-padding {
    border-right: 1px solid var(--n-tab-border-color);
}

.n-tabs .n-tabs-nav.n-tabs-nav--left.n-tabs-nav--card-type .n-tabs-nav__prefix,
.n-tabs .n-tabs-nav.n-tabs-nav--left.n-tabs-nav--card-type .n-tabs-nav__suffix {

    border-right: 1px solid var(--n-tab-border-color);

}

.n-tabs .n-tabs-nav.n-tabs-nav--left.n-tabs-nav--card-type .n-tabs-tab {

    border-top-left-radius: var(--n-tab-border-radius);
    border-bottom-left-radius: var(--n-tab-border-radius);

}

.n-tabs .n-tabs-nav.n-tabs-nav--left.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--active {

    border-right: 1px solid #0000;

}

.n-tabs .n-tabs-nav.n-tabs-nav--left.n-tabs-nav--card-type .n-tabs-tab-pad {

    border-right: 1px solid var(--n-tab-border-color);

}

.n-tabs .n-tabs-nav.n-tabs-nav--left.n-tabs-nav--card-type .n-tabs-pad {

    border-right: 1px solid var(--n-tab-border-color);

}

.n-tabs .n-tabs-nav.n-tabs-nav--right.n-tabs-nav--card-type .n-tabs-scroll-padding {
    border-left: 1px solid var(--n-tab-border-color);
}

.n-tabs .n-tabs-nav.n-tabs-nav--right.n-tabs-nav--card-type .n-tabs-nav__prefix,
.n-tabs .n-tabs-nav.n-tabs-nav--right.n-tabs-nav--card-type .n-tabs-nav__suffix {

    border-left: 1px solid var(--n-tab-border-color);

}

.n-tabs .n-tabs-nav.n-tabs-nav--right.n-tabs-nav--card-type .n-tabs-tab {

    border-top-right-radius: var(--n-tab-border-radius);
    border-bottom-right-radius: var(--n-tab-border-radius);

}

.n-tabs .n-tabs-nav.n-tabs-nav--right.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--active {

    border-left: 1px solid #0000;

}

.n-tabs .n-tabs-nav.n-tabs-nav--right.n-tabs-nav--card-type .n-tabs-tab-pad {

    border-left: 1px solid var(--n-tab-border-color);

}

.n-tabs .n-tabs-nav.n-tabs-nav--right.n-tabs-nav--card-type .n-tabs-pad {

    border-left: 1px solid var(--n-tab-border-color);

}

.n-tabs .n-tabs-nav.n-tabs-nav--bottom.n-tabs-nav--card-type .n-tabs-scroll-padding {
    border-top: 1px solid var(--n-tab-border-color);
}

.n-tabs .n-tabs-nav.n-tabs-nav--bottom.n-tabs-nav--card-type .n-tabs-nav__prefix,
.n-tabs .n-tabs-nav.n-tabs-nav--bottom.n-tabs-nav--card-type .n-tabs-nav__suffix {

    border-top: 1px solid var(--n-tab-border-color);

}

.n-tabs .n-tabs-nav.n-tabs-nav--bottom.n-tabs-nav--card-type .n-tabs-tab {

    border-bottom-left-radius: var(--n-tab-border-radius);
    border-bottom-right-radius: var(--n-tab-border-radius);

}

.n-tabs .n-tabs-nav.n-tabs-nav--bottom.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--active {

    border-top: 1px solid #0000;

}

.n-tabs .n-tabs-nav.n-tabs-nav--bottom.n-tabs-nav--card-type .n-tabs-tab-pad {

    border-top: 1px solid var(--n-tab-border-color);

}

.n-tabs .n-tabs-nav.n-tabs-nav--bottom.n-tabs-nav--card-type .n-tabs-pad {

    border-top: 1px solid var(--n-tab-border-color);

}

.n-input {

    max-width: 100%;
    cursor: text;
    line-height: 1.5;
    z-index: auto;
    outline: none;
    box-sizing: border-box;
    position: relative;
    display: inline-flex;
    border-radius: var(--n-border-radius);
    background-color: var(--n-color);
    transition: background-color .3s var(--n-bezier);
    font-size: var(--n-font-size);
    font-weight: var(--n-font-weight);
    --n-padding-vertical: calc((var(--n-height) - 1.5 * var(--n-font-size)) / 2);

}

.n-input .n-input__input,
.n-input .n-input__textarea {

    overflow: hidden;
    flex-grow: 1;
    position: relative;

}

.n-input .n-input__input-el,
.n-input .n-input__textarea-el,
.n-input .n-input__input-mirror,
.n-input .n-input__textarea-mirror,
.n-input .n-input__separator,
.n-input .n-input__placeholder {

    box-sizing: border-box;
    font-size: inherit;
    line-height: 1.5;
    font-family: inherit;
    border: none;
    outline: none;
    background-color: #0000;
    text-align: inherit;
    transition:
        -webkit-text-fill-color .3s var(--n-bezier),
        caret-color .3s var(--n-bezier),
        color .3s var(--n-bezier),
        text-decoration-color .3s var(--n-bezier);

}

.n-input .n-input__input-el,
.n-input .n-input__textarea-el {

    -webkit-appearance: none;
    scrollbar-width: none;
    width: 100%;
    min-width: 0;
    text-decoration-color: var(--n-text-decoration-color);
    color: var(--n-text-color);
    caret-color: var(--n-caret-color);
    background-color: transparent;

}

.n-input .n-input__input-el::-webkit-scrollbar,
.n-input .n-input__textarea-el::-webkit-scrollbar,
.n-input .n-input__input-el::-webkit-scrollbar-track-piece,
.n-input .n-input__textarea-el::-webkit-scrollbar-track-piece,
.n-input .n-input__input-el::-webkit-scrollbar-thumb,
.n-input .n-input__textarea-el::-webkit-scrollbar-thumb {

    width: 0;
    height: 0;
    display: none;

}

.n-input .n-input__input-el::placeholder,
.n-input .n-input__textarea-el::placeholder {

    color: #0000;
    -webkit-text-fill-color: transparent !important;

}

.n-input .n-input__input-el:-webkit-autofill~.n-input__placeholder,
.n-input .n-input__textarea-el:-webkit-autofill~.n-input__placeholder {
    display: none;
}

.n-input.n-input--round:not(.n-input--textarea) {
    border-radius: calc(var(--n-height) / 2);
}

.n-input .n-input__placeholder {

    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    color: var(--n-placeholder-color);

}

.n-input .n-input__placeholder span {

    width: 100%;
    display: inline-block;

}

.n-input.n-input--textarea .n-input__placeholder {
    overflow: visible;
}

.n-input:not(.n-input--autosize) {
    width: 100%;
}

.n-input.n-input--autosize .n-input__textarea-el,
.n-input.n-input--autosize .n-input__input-el {

    position: absolute;
    top: 0;
    left: 0;
    height: 100%;

}

.n-input .n-input-wrapper {

    overflow: hidden;
    display: inline-flex;
    flex-grow: 1;
    position: relative;
    padding-left: var(--n-padding-left);
    padding-right: var(--n-padding-right);

}

.n-input .n-input__input-mirror {

    padding: 0;
    height: var(--n-height);
    line-height: var(--n-height);
    overflow: hidden;
    visibility: hidden;
    position: static;
    white-space: pre;
    pointer-events: none;

}

.n-input .n-input__input-el {

    padding: 0;
    height: var(--n-height);
    line-height: var(--n-height);

}

.n-input .n-input__input-el[type=password]::-ms-reveal {
    display: none;
}

.n-input .n-input__input-el+.n-input__placeholder {

    display: flex;
    align-items: center;

}

.n-input:not(.n-input--textarea) .n-input__placeholder {
    white-space: nowrap;
}

.n-input .n-input__eye {

    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .3s var(--n-bezier);

}

.n-input.n-input--textarea {
    width: 100%;
}

.n-input.n-input--textarea .n-input-word-count {

    position: absolute;
    right: var(--n-padding-right);
    bottom: var(--n-padding-vertical);

}

.n-input.n-input--textarea.n-input--resizable .n-input-wrapper {

    resize: vertical;
    min-height: var(--n-height);

}

.n-input.n-input--textarea .n-input__textarea-el,
.n-input.n-input--textarea .n-input__textarea-mirror,
.n-input.n-input--textarea .n-input__placeholder {

    height: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: var(--n-padding-vertical);
    padding-bottom: var(--n-padding-vertical);
    word-break: break-word;
    display: inline-block;
    vertical-align: bottom;
    box-sizing: border-box;
    line-height: var(--n-line-height-textarea);
    margin: 0;
    resize: none;
    white-space: pre-wrap;
    scroll-padding-block-end: var(--n-padding-vertical);

}

.n-input.n-input--textarea .n-input__textarea-mirror {

    width: 100%;
    pointer-events: none;
    overflow: hidden;
    visibility: hidden;
    position: static;
    white-space: pre-wrap;
    overflow-wrap: break-word;

}

.n-input.n-input--pair .n-input__input-el,
.n-input.n-input--pair .n-input__placeholder {
    text-align: center;
}

.n-input.n-input--pair .n-input__separator {

    display: flex;
    align-items: center;
    transition: color .3s var(--n-bezier);
    color: var(--n-text-color);
    white-space: nowrap;

}

.n-input.n-input--pair .n-input__separator .n-icon {

    color: var(--n-icon-color);

}

.n-input.n-input--pair .n-input__separator .n-base-icon {

    color: var(--n-icon-color);

}

.n-input.n-input--disabled {

    cursor: not-allowed;
    background-color: var(--n-color-disabled);

}

.n-input.n-input--disabled .n-input__border {
    border: var(--n-border-disabled);
}

.n-input.n-input--disabled .n-input__input-el,
.n-input.n-input--disabled .n-input__textarea-el {

    cursor: not-allowed;
    color: var(--n-text-color-disabled);
    text-decoration-color: var(--n-text-color-disabled);

}

.n-input.n-input--disabled .n-input__placeholder {
    color: var(--n-placeholder-color-disabled);
}

.n-input.n-input--disabled .n-input__separator {
    color: var(--n-text-color-disabled);
}

.n-input.n-input--disabled .n-input__separator .n-icon {

    color: var(--n-icon-color-disabled);

}

.n-input.n-input--disabled .n-input__separator .n-base-icon {

    color: var(--n-icon-color-disabled);

}

.n-input.n-input--disabled .n-input-word-count {

    color: var(--n-count-text-color-disabled);

}

.n-input.n-input--disabled .n-input__suffix,
.n-input.n-input--disabled .n-input__prefix {
    color: var(--n-text-color-disabled);
}

.n-input.n-input--disabled .n-input__suffix .n-icon,
.n-input.n-input--disabled .n-input__prefix .n-icon {

    color: var(--n-icon-color-disabled);

}

.n-input.n-input--disabled .n-input__suffix .n-internal-icon,
.n-input.n-input--disabled .n-input__prefix .n-internal-icon {

    color: var(--n-icon-color-disabled);

}

.n-input:not(.n-input--disabled) .n-input__eye {

    color: var(--n-icon-color);
    cursor: pointer;

}

.n-input:not(.n-input--disabled) .n-input__eye:hover {

    color: var(--n-icon-color-hover);

}

.n-input:not(.n-input--disabled) .n-input__eye:active {

    color: var(--n-icon-color-pressed);

}

.n-input:not(.n-input--disabled):hover .n-input__state-border {
    border: var(--n-border-hover);
}

.n-input:not(.n-input--disabled).n-input--focus {
    background-color: var(--n-color-focus);
}

.n-input:not(.n-input--disabled).n-input--focus .n-input__state-border {

    border: var(--n-border-focus);
    box-shadow: var(--n-box-shadow-focus);

}

.n-input .n-input__border,
.n-input .n-input__state-border {

    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: inherit;
    border: var(--n-border);
    transition:
        box-shadow .3s var(--n-bezier),
        border-color .3s var(--n-bezier);

}

.n-input .n-input__state-border {

    border-color: #0000;
    z-index: 1;

}

.n-input .n-input__prefix {
    margin-right: 4px;
}

.n-input .n-input__suffix {

    margin-left: 4px;

}

.n-input .n-input__suffix,
.n-input .n-input__prefix {

    transition: color .3s var(--n-bezier);
    flex-wrap: nowrap;
    flex-shrink: 0;
    line-height: var(--n-height);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--n-suffix-text-color);

}

.n-input .n-input__suffix .n-base-loading,
.n-input .n-input__prefix .n-base-loading {

    font-size: var(--n-icon-size);
    margin: 0 2px;
    color: var(--n-loading-color);

}

.n-input .n-input__suffix .n-base-clear,
.n-input .n-input__prefix .n-base-clear {

    font-size: var(--n-icon-size);

}

.n-input .n-input__suffix .n-base-clear .n-base-clear__placeholder .n-base-icon,
.n-input .n-input__prefix .n-base-clear .n-base-clear__placeholder .n-base-icon {

    transition: color .3s var(--n-bezier);
    color: var(--n-icon-color);
    font-size: var(--n-icon-size);

}

.n-input .n-input__suffix>.n-icon,
.n-input .n-input__prefix>.n-icon {

    transition: color .3s var(--n-bezier);
    color: var(--n-icon-color);
    font-size: var(--n-icon-size);

}

.n-input .n-input__suffix .n-base-icon,
.n-input .n-input__prefix .n-base-icon {

    font-size: var(--n-icon-size);

}

.n-input .n-input-word-count {

    pointer-events: none;
    line-height: 1.5;
    font-size: .85em;
    color: var(--n-count-text-color);
    transition: color .3s var(--n-bezier);
    margin-left: 4px;
    font-variant: tabular-nums;

}

.n-input.n-input--warning-status:not(.n-input--disabled) .n-base-loading {

    color: var(--n-loading-color-warning)
}

.n-input.n-input--warning-status:not(.n-input--disabled) .n-input__input-el,
.n-input.n-input--warning-status:not(.n-input--disabled) .n-input__textarea-el {

    caret-color: var(--n-caret-color-warning);

}

.n-input.n-input--warning-status:not(.n-input--disabled) .n-input__state-border {

    border: var(--n-border-warning);

}

.n-input.n-input--warning-status:not(.n-input--disabled):hover .n-input__state-border {

    border: var(--n-border-hover-warning);

}

.n-input.n-input--warning-status:not(.n-input--disabled):focus {

    background-color: var(--n-color-focus-warning);

}

.n-input.n-input--warning-status:not(.n-input--disabled):focus .n-input__state-border {

    box-shadow: var(--n-box-shadow-focus-warning);
    border: var(--n-border-focus-warning);

}

.n-input.n-input--warning-status:not(.n-input--disabled).n-input--focus {

    background-color: var(--n-color-focus-warning);

}

.n-input.n-input--warning-status:not(.n-input--disabled).n-input--focus .n-input__state-border {

    box-shadow: var(--n-box-shadow-focus-warning);
    border: var(--n-border-focus-warning);

}

.n-input.n-input--error-status:not(.n-input--disabled) .n-base-loading {

    color: var(--n-loading-color-error)
}

.n-input.n-input--error-status:not(.n-input--disabled) .n-input__input-el,
.n-input.n-input--error-status:not(.n-input--disabled) .n-input__textarea-el {

    caret-color: var(--n-caret-color-error);

}

.n-input.n-input--error-status:not(.n-input--disabled) .n-input__state-border {

    border: var(--n-border-error);

}

.n-input.n-input--error-status:not(.n-input--disabled):hover .n-input__state-border {

    border: var(--n-border-hover-error);

}

.n-input.n-input--error-status:not(.n-input--disabled):focus {

    background-color: var(--n-color-focus-error);

}

.n-input.n-input--error-status:not(.n-input--disabled):focus .n-input__state-border {

    box-shadow: var(--n-box-shadow-focus-error);
    border: var(--n-border-focus-error);

}

.n-input.n-input--error-status:not(.n-input--disabled).n-input--focus {

    background-color: var(--n-color-focus-error);

}

.n-input.n-input--error-status:not(.n-input--disabled).n-input--focus .n-input__state-border {

    box-shadow: var(--n-box-shadow-focus-error);
    border: var(--n-border-focus-error);

}

.n-notification-container {

    z-index: 4000;
    position: fixed;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: flex-end;

}

.n-notification-container>.n-scrollbar {

    width: initial;
    overflow: visible;
    height: -moz-fit-content !important;
    height: fit-content !important;
    max-height: 100vh !important;

}

.n-notification-container>.n-scrollbar>.n-scrollbar-container {

    height: -moz-fit-content !important;
    height: fit-content !important;
    max-height: 100vh !important;

}

.n-notification-container>.n-scrollbar>.n-scrollbar-container .n-scrollbar-content {

    padding-top: 12px;
    padding-bottom: 33px;

}

.n-notification-container.n-notification-container--top,
.n-notification-container.n-notification-container--top-right,
.n-notification-container.n-notification-container--top-left {

    top: 12px;

}

.n-notification-container.n-notification-container--top.transitioning>.n-scrollbar>.n-scrollbar-container,
.n-notification-container.n-notification-container--top-right.transitioning>.n-scrollbar>.n-scrollbar-container,
.n-notification-container.n-notification-container--top-left.transitioning>.n-scrollbar>.n-scrollbar-container {

    min-height: 100vh !important;

}

.n-notification-container.n-notification-container--bottom,
.n-notification-container.n-notification-container--bottom-right,
.n-notification-container.n-notification-container--bottom-left {

    bottom: 12px;

}

.n-notification-container.n-notification-container--bottom>.n-scrollbar>.n-scrollbar-container .n-scrollbar-content,
.n-notification-container.n-notification-container--bottom-right>.n-scrollbar>.n-scrollbar-container .n-scrollbar-content,
.n-notification-container.n-notification-container--bottom-left>.n-scrollbar>.n-scrollbar-container .n-scrollbar-content {

    padding-bottom: 12px;

}

.n-notification-container.n-notification-container--bottom .n-notification-wrapper,
.n-notification-container.n-notification-container--bottom-right .n-notification-wrapper,
.n-notification-container.n-notification-container--bottom-left .n-notification-wrapper {

    display: flex;
    align-items: flex-end;
    margin-bottom: 0;
    margin-top: 12px;

}

.n-notification-container.n-notification-container--top,
.n-notification-container.n-notification-container--bottom {

    left: 50%;
    transform: translateX(-50%);

}

.n-notification-container.n-notification-container--top .n-notification-wrapper.notification-transition-enter-from,
.n-notification-container.n-notification-container--bottom .n-notification-wrapper.notification-transition-enter-from,
.n-notification-container.n-notification-container--top .n-notification-wrapper.notification-transition-leave-to,
.n-notification-container.n-notification-container--bottom .n-notification-wrapper.notification-transition-leave-to {

    transform: scale(0.85);

}

.n-notification-container.n-notification-container--top .n-notification-wrapper.notification-transition-leave-from,
.n-notification-container.n-notification-container--bottom .n-notification-wrapper.notification-transition-leave-from,
.n-notification-container.n-notification-container--top .n-notification-wrapper.notification-transition-enter-to,
.n-notification-container.n-notification-container--bottom .n-notification-wrapper.notification-transition-enter-to {

    transform: scale(1);

}

.n-notification-container.n-notification-container--top .n-notification-wrapper {

    transform-origin: top center;

}

.n-notification-container.n-notification-container--bottom .n-notification-wrapper {

    transform-origin: bottom center;

}

.n-notification-container.n-notification-container--top-right .n-notification,
.n-notification-container.n-notification-container--bottom-right .n-notification {

    margin-left: 28px;
    margin-right: 16px;

}

.n-notification-container.n-notification-container--top-left .n-notification,
.n-notification-container.n-notification-container--bottom-left .n-notification {

    margin-left: 16px;
    margin-right: 28px;

}

.n-notification-container.n-notification-container--top-right {

    right: 0;

}

.n-notification-container.n-notification-container--top-right .n-notification-wrapper.notification-transition-enter-from,
.n-notification-container.n-notification-container--top-right .n-notification-wrapper.notification-transition-leave-to {

    transform: translate(calc(100%), 0);

}

.n-notification-container.n-notification-container--top-right .n-notification-wrapper.notification-transition-leave-from,
.n-notification-container.n-notification-container--top-right .n-notification-wrapper.notification-transition-enter-to {

    transform: translate(0, 0);

}

.n-notification-container.n-notification-container--top-left {

    left: 0;

}

.n-notification-container.n-notification-container--top-left .n-notification-wrapper.notification-transition-enter-from,
.n-notification-container.n-notification-container--top-left .n-notification-wrapper.notification-transition-leave-to {

    transform: translate(calc(-100%), 0);

}

.n-notification-container.n-notification-container--top-left .n-notification-wrapper.notification-transition-leave-from,
.n-notification-container.n-notification-container--top-left .n-notification-wrapper.notification-transition-enter-to {

    transform: translate(0, 0);

}

.n-notification-container.n-notification-container--bottom-right {

    right: 0;

}

.n-notification-container.n-notification-container--bottom-right .n-notification-wrapper.notification-transition-enter-from,
.n-notification-container.n-notification-container--bottom-right .n-notification-wrapper.notification-transition-leave-to {

    transform: translate(calc(100%), 0);

}

.n-notification-container.n-notification-container--bottom-right .n-notification-wrapper.notification-transition-leave-from,
.n-notification-container.n-notification-container--bottom-right .n-notification-wrapper.notification-transition-enter-to {

    transform: translate(0, 0);

}

.n-notification-container.n-notification-container--bottom-left {

    left: 0;

}

.n-notification-container.n-notification-container--bottom-left .n-notification-wrapper.notification-transition-enter-from,
.n-notification-container.n-notification-container--bottom-left .n-notification-wrapper.notification-transition-leave-to {

    transform: translate(calc(-100%), 0);

}

.n-notification-container.n-notification-container--bottom-left .n-notification-wrapper.notification-transition-leave-from,
.n-notification-container.n-notification-container--bottom-left .n-notification-wrapper.notification-transition-enter-to {

    transform: translate(0, 0);

}

.n-notification-container.n-notification-container--scrollable.n-notification-container--top-right {

    top: 0;

}

.n-notification-container.n-notification-container--scrollable.n-notification-container--top-left {

    top: 0;

}

.n-notification-container.n-notification-container--scrollable.n-notification-container--bottom-right {

    bottom: 0;

}

.n-notification-container.n-notification-container--scrollable.n-notification-container--bottom-left {

    bottom: 0;

}

.n-notification-container .n-notification-wrapper {

    margin-bottom: 12px;

}

.n-notification-container .n-notification-wrapper.notification-transition-enter-from,
.n-notification-container .n-notification-wrapper.notification-transition-leave-to {

    opacity: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;

}

.n-notification-container .n-notification-wrapper.notification-transition-leave-from,
.n-notification-container .n-notification-wrapper.notification-transition-enter-to {

    opacity: 1;

}

.n-notification-container .n-notification-wrapper.notification-transition-leave-active {

    transition:
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier),
        opacity .3s var(--n-bezier),
        transform .3s var(--n-bezier-ease-in),
        max-height .3s var(--n-bezier),
        margin-top .3s linear,
        margin-bottom .3s linear,
        box-shadow .3s var(--n-bezier);

}

.n-notification-container .n-notification-wrapper.notification-transition-enter-active {

    transition:
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier),
        opacity .3s var(--n-bezier),
        transform .3s var(--n-bezier-ease-out),
        max-height .3s var(--n-bezier),
        margin-top .3s linear,
        margin-bottom .3s linear,
        box-shadow .3s var(--n-bezier);

}

.n-notification-container .n-notification {

    background-color: var(--n-color);
    color: var(--n-text-color);
    transition:
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier),
        opacity .3s var(--n-bezier),
        box-shadow .3s var(--n-bezier);
    font-family: inherit;
    font-size: var(--n-font-size);
    font-weight: 400;
    position: relative;
    display: flex;
    overflow: hidden;
    flex-shrink: 0;
    padding-left: var(--n-padding-left);
    padding-right: var(--n-padding-right);
    width: var(--n-width);
    max-width: calc(100vw - 16px - 16px);
    border-radius: var(--n-border-radius);
    box-shadow: var(--n-box-shadow);
    box-sizing: border-box;
    opacity: 1;

}

.n-notification-container .n-notification .n-notification__avatar .n-icon {

    color: var(--n-icon-color);

}

.n-notification-container .n-notification .n-notification__avatar .n-base-icon {

    color: var(--n-icon-color);

}

.n-notification-container .n-notification.n-notification--show-avatar .n-notification-main {

    margin-left: 40px;
    width: calc(100% - 40px);

}

.n-notification-container .n-notification.n-notification--closable .n-notification-main>*:first-child {

    padding-right: 20px;

}

.n-notification-container .n-notification.n-notification--closable .n-notification__close {

    position: absolute;
    top: 0;
    right: 0;
    margin: var(--n-close-margin);
    transition:
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier);

}

.n-notification-container .n-notification .n-notification__avatar {

    position: absolute;
    top: var(--n-padding-top);
    left: var(--n-padding-left);
    width: 28px;
    height: 28px;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.n-notification-container .n-notification .n-notification__avatar .n-icon {
    transition: color .3s var(--n-bezier);
}

.n-notification-container .n-notification .n-notification-main {

    padding-top: var(--n-padding-top);
    padding-bottom: var(--n-padding-bottom);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-left: 8px;
    width: calc(100% - 8px);

}

.n-notification-container .n-notification .n-notification-main .n-notification-main-footer {

    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;

}

.n-notification-container .n-notification .n-notification-main .n-notification-main-footer .n-notification-main-footer__meta {

    font-size: var(--n-meta-font-size);
    transition: color .3s var(--n-bezier-ease-out);
    color: var(--n-description-text-color);

}

.n-notification-container .n-notification .n-notification-main .n-notification-main-footer .n-notification-main-footer__action {

    cursor: pointer;
    transition: color .3s var(--n-bezier-ease-out);
    color: var(--n-action-text-color);

}

.n-notification-container .n-notification .n-notification-main .n-notification-main__header {

    font-weight: var(--n-title-font-weight);
    font-size: var(--n-title-font-size);
    transition: color .3s var(--n-bezier-ease-out);
    color: var(--n-title-text-color);

}

.n-notification-container .n-notification .n-notification-main .n-notification-main__description {

    margin-top: 8px;
    font-size: var(--n-description-font-size);
    white-space: pre-wrap;
    word-wrap: break-word;
    transition: color .3s var(--n-bezier-ease-out);
    color: var(--n-description-text-color);

}

.n-notification-container .n-notification .n-notification-main .n-notification-main__content {

    line-height: var(--n-line-height);
    margin: 12px 0 0 0;
    font-family: inherit;
    white-space: pre-wrap;
    word-wrap: break-word;
    transition: color .3s var(--n-bezier-ease-out);
    color: var(--n-text-color);

}

.n-notification-container .n-notification .n-notification-main .n-notification-main__content:first-child {
    margin: 0;
}

.country-list {
    margin-top: 55px !important;
    max-height: 300px !important;
    max-width: 100%;
    position: fixed !important;
    width: 100%;
    z-index: 8
}

.theme--light.v-stepper {
    background: #fff
}

.theme--light.v-stepper .v-stepper__step:not(.v-stepper__step--active):not(.v-stepper__step--complete):not(.v-stepper__step--error) .v-stepper__step__step {
    background: #00000061
}

.theme--light.v-stepper .v-stepper__step__step,
.theme--light.v-stepper .v-stepper__step__step .v-icon {
    color: #fff
}

.theme--light.v-stepper .v-stepper__header .v-divider {
    border-color: #0000001f
}

.theme--light.v-stepper .v-stepper__step--active .v-stepper__label {
    text-shadow: 0 0 0 #000
}

.theme--light.v-stepper .v-stepper__step--editable:hover {
    background: #0000000f
}

.theme--light.v-stepper .v-stepper__step--editable:hover .v-stepper__label {
    text-shadow: 0 0 0 #000
}

.theme--light.v-stepper .v-stepper__step--complete .v-stepper__label {
    color: #000000de
}

.theme--light.v-stepper .v-stepper__step--inactive.v-stepper__step--editable:not(.v-stepper__step--error):hover .v-stepper__step__step {
    background: #0000008a
}

.theme--light.v-stepper .v-stepper__label {
    color: #00000061
}

.theme--light.v-stepper .v-stepper__label small,
.theme--light.v-stepper--non-linear .v-stepper__step:not(.v-stepper__step--complete):not(.v-stepper__step--error) .v-stepper__label {
    color: #0009
}

.v-application--is-ltr .theme--light.v-stepper--vertical .v-stepper__content:not(:last-child) {
    border-left: 1px solid rgba(0, 0, 0, .12)
}

.v-application--is-rtl .theme--light.v-stepper--vertical .v-stepper__content:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, .12)
}

.theme--dark.v-stepper {
    background: #303030
}

.theme--dark.v-stepper .v-stepper__step:not(.v-stepper__step--active):not(.v-stepper__step--complete):not(.v-stepper__step--error) .v-stepper__step__step {
    background: #ffffff80
}

.theme--dark.v-stepper .v-stepper__step__step,
.theme--dark.v-stepper .v-stepper__step__step .v-icon {
    color: #fff
}

.theme--dark.v-stepper .v-stepper__header .v-divider {
    border-color: #ffffff1f
}

.theme--dark.v-stepper .v-stepper__step--active .v-stepper__label {
    text-shadow: 0 0 0 #fff
}

.theme--dark.v-stepper .v-stepper__step--editable:hover {
    background: #ffffff0f
}

.theme--dark.v-stepper .v-stepper__step--editable:hover .v-stepper__label {
    text-shadow: 0 0 0 #fff
}

.theme--dark.v-stepper .v-stepper__step--complete .v-stepper__label {
    color: #ffffffde
}

.theme--dark.v-stepper .v-stepper__step--inactive.v-stepper__step--editable:not(.v-stepper__step--error):hover .v-stepper__step__step {
    background: #ffffffbf
}

.theme--dark.v-stepper .v-stepper__label {
    color: #ffffff80
}

.theme--dark.v-stepper .v-stepper__label small,
.theme--dark.v-stepper--non-linear .v-stepper__step:not(.v-stepper__step--complete):not(.v-stepper__step--error) .v-stepper__label {
    color: #ffffffb3
}

.v-application--is-ltr .theme--dark.v-stepper--vertical .v-stepper__content:not(:last-child) {
    border-left: 1px solid hsla(0, 0%, 100%, .12)
}

.v-application--is-rtl .theme--dark.v-stepper--vertical .v-stepper__content:not(:last-child) {
    border-right: 1px solid hsla(0, 0%, 100%, .12)
}

.v-sheet.v-stepper {
    border-radius: 4px
}

.v-sheet.v-stepper.v-sheet--shaped {
    border-radius: 24px 4px
}

.v-stepper {
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.v-stepper__header {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    height: 72px;
    justify-content: space-between
}

.v-stepper__header .v-divider {
    align-self: center;
    margin: 0 -16px
}

.v-stepper__items {
    overflow: hidden;
    position: relative
}

.v-stepper__step__step {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    font-size: .75rem;
    height: 24px;
    justify-content: center;
    min-width: 24px;
    transition: .3s cubic-bezier(.25, .8, .25, 1);
    width: 24px
}

.v-application--is-ltr .v-stepper__step__step {
    margin-right: 8px
}

.v-application--is-rtl .v-stepper__step__step {
    margin-left: 8px
}

.v-stepper__step__step .v-icon.v-icon {
    font-size: 1.25rem
}

.v-stepper__step__step .v-icon.v-icon.v-icon--svg {
    height: 1.25rem;
    width: 1.25rem
}

.v-stepper__step {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: 24px;
    position: relative
}

.v-stepper__step--active .v-stepper__label {
    transition: .3s cubic-bezier(.4, 0, .6, 1)
}

.v-stepper__step--editable {
    cursor: pointer
}

.v-stepper__step.v-stepper__step--error .v-stepper__step__step {
    background: transparent;
    color: inherit
}

.v-stepper__step.v-stepper__step--error .v-stepper__step__step .v-icon {
    color: inherit;
    font-size: 1.5rem
}

.v-stepper .v-stepper__step.v-stepper__step--error .v-stepper__label {
    color: inherit;
    font-weight: 500;
    text-shadow: none
}

.v-stepper .v-stepper__step.v-stepper__step--error .v-stepper__label small {
    color: inherit
}

.v-stepper__label {
    display: block;
    flex-grow: 1;
    line-height: 1
}

.v-application--is-ltr .v-stepper__label {
    text-align: left
}

.v-application--is-rtl .v-stepper__label {
    text-align: right
}

.v-stepper__label small {
    display: block;
    font-size: .75rem;
    font-weight: 300;
    text-shadow: none
}

.v-stepper__wrapper {
    overflow: hidden;
    transition: none
}

.v-stepper__content {
    flex: 1 0 auto;
    padding: 24px 24px 16px;
    top: 0;
    width: 100%
}

.v-stepper__content>.v-btn {
    margin: 24px 8px 8px 0
}

.v-stepper--flat {
    box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f !important
}

.v-stepper--is-booted .v-stepper__content,
.v-stepper--is-booted .v-stepper__wrapper {
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.v-stepper--vertical {
    padding-bottom: 36px
}

.v-stepper--vertical .v-stepper__content {
    width: auto
}

.v-application--is-ltr .v-stepper--vertical .v-stepper__content {
    padding: 16px 60px 16px 23px
}

.v-application--is-rtl .v-stepper--vertical .v-stepper__content {
    padding: 16px 23px 16px 60px
}

.v-application--is-ltr .v-stepper--vertical .v-stepper__content {
    margin: -8px -36px -16px 36px
}

.v-application--is-rtl .v-stepper--vertical .v-stepper__content {
    margin: -8px 36px -16px -36px
}

.v-stepper--vertical .v-stepper__step {
    padding: 24px 24px 16px
}

.v-application--is-ltr .v-stepper--vertical .v-stepper__step__step {
    margin-right: 12px
}

.v-application--is-rtl .v-stepper--vertical .v-stepper__step__step {
    margin-left: 12px
}

.v-stepper--alt-labels .v-stepper__header {
    height: auto
}

.v-stepper--alt-labels .v-stepper__header .v-divider {
    align-self: flex-start;
    margin: 35px -67px 0
}

.v-stepper--alt-labels .v-stepper__step {
    align-items: center;
    flex-basis: 175px;
    flex-direction: column;
    justify-content: flex-start
}

.v-stepper--alt-labels .v-stepper__step small {
    text-align: center
}

.v-stepper--alt-labels .v-stepper__step__step {
    margin-bottom: 11px;
    margin-left: 0;
    margin-right: 0
}

.verifications .verifications-document.get_file:hover .change_icon {
    opacity: 1;
    z-index: 5
}

.verifications .verifications-document .change_icon {
    color: #ffc014;
    font-size: 50px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0
}

.v-icon.v-icon {
    align-items: center;
    display: inline-flex;
    font-feature-settings: "liga";
    font-size: 24px;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    position: relative;
    text-indent: 0;
    transition: .3s cubic-bezier(.25, .8, .5, 1), visibility 0s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle
}

.theme--light.v-icon {
    color: #0000008a
}

@media only screen and (max-width:959.98px) {
    .v-stepper:not(.v-stepper--vertical) .v-stepper__label {
        display: none
    }

    .v-stepper:not(.v-stepper--vertical) .v-stepper__step__step {
        margin-left: 0;
        margin-right: 0
    }
}

.country-title {
    align-items: center;
    display: flex;
    gap: 5px
}

.country-title img {
    width: 25px
}

.n-base-selection {

    --n-padding-single: var(--n-padding-single-top) var(--n-padding-single-right) var(--n-padding-single-bottom) var(--n-padding-single-left);
    --n-padding-multiple: var(--n-padding-multiple-top) var(--n-padding-multiple-right) var(--n-padding-multiple-bottom) var(--n-padding-multiple-left);
    position: relative;
    z-index: auto;
    box-shadow: none;
    width: 100%;
    max-width: 100%;
    display: inline-block;
    vertical-align: bottom;
    border-radius: var(--n-border-radius);
    min-height: var(--n-height);
    line-height: 1.5;
    font-size: var(--n-font-size);

}

.n-base-selection .n-base-loading {

    color: var(--n-loading-color);

}

.n-base-selection .n-base-selection-tags {
    min-height: var(--n-height);
}

.n-base-selection .n-base-selection__border,
.n-base-selection .n-base-selection__state-border {

    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    border: var(--n-border);
    border-radius: inherit;
    transition:
        box-shadow .3s var(--n-bezier),
        border-color .3s var(--n-bezier);

}

.n-base-selection .n-base-selection__state-border {

    z-index: 1;
    border-color: #0000;

}

.n-base-selection .n-base-suffix {

    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;

}

.n-base-selection .n-base-suffix .n-base-suffix__arrow {

    font-size: var(--n-arrow-size);
    color: var(--n-arrow-color);
    transition: color .3s var(--n-bezier);

}

.n-base-selection .n-base-selection-overlay {

    display: flex;
    align-items: center;
    white-space: nowrap;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--n-padding-single);
    transition: color .3s var(--n-bezier);

}

.n-base-selection .n-base-selection-overlay .n-base-selection-overlay__wrapper {

    flex-basis: 0;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;

}

.n-base-selection .n-base-selection-placeholder {

    color: var(--n-placeholder-color);

}

.n-base-selection .n-base-selection-placeholder .n-base-selection-placeholder__inner {

    max-width: 100%;
    overflow: hidden;

}

.n-base-selection .n-base-selection-tags {

    cursor: pointer;
    outline: none;
    box-sizing: border-box;
    position: relative;
    z-index: auto;
    display: flex;
    padding: var(--n-padding-multiple);
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    vertical-align: bottom;
    background-color: var(--n-color);
    border-radius: inherit;
    transition:
        color .3s var(--n-bezier),
        box-shadow .3s var(--n-bezier),
        background-color .3s var(--n-bezier);

}

.n-base-selection .n-base-selection-label {

    height: var(--n-height);
    display: inline-flex;
    width: 100%;
    vertical-align: bottom;
    cursor: pointer;
    outline: none;
    z-index: auto;
    box-sizing: border-box;
    position: relative;
    transition:
        color .3s var(--n-bezier),
        box-shadow .3s var(--n-bezier),
        background-color .3s var(--n-bezier);
    border-radius: inherit;
    background-color: var(--n-color);
    align-items: center;

}

.n-base-selection .n-base-selection-label .n-base-selection-input {

    font-size: inherit;
    line-height: inherit;
    outline: none;
    cursor: pointer;
    box-sizing: border-box;
    border: none;
    width: 100%;
    padding: var(--n-padding-single);
    background-color: #0000;
    color: var(--n-text-color);
    transition: color .3s var(--n-bezier);
    caret-color: var(--n-caret-color);

}

.n-base-selection .n-base-selection-label .n-base-selection-input .n-base-selection-input__content {

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

}

.n-base-selection .n-base-selection-label .n-base-selection-label__render-label {

    color: var(--n-text-color);

}

.n-base-selection:not(.n-base-selection--disabled):hover .n-base-selection__state-border {

    box-shadow: var(--n-box-shadow-hover);
    border: var(--n-border-hover);

}

.n-base-selection:not(.n-base-selection--disabled).n-base-selection--focus .n-base-selection__state-border {

    box-shadow: var(--n-box-shadow-focus);
    border: var(--n-border-focus);

}

.n-base-selection:not(.n-base-selection--disabled).n-base-selection--active .n-base-selection__state-border {

    box-shadow: var(--n-box-shadow-active);
    border: var(--n-border-active);

}

.n-base-selection:not(.n-base-selection--disabled).n-base-selection--active .n-base-selection-label {
    background-color: var(--n-color-active);
}

.n-base-selection:not(.n-base-selection--disabled).n-base-selection--active .n-base-selection-tags {
    background-color: var(--n-color-active);
}

.n-base-selection.n-base-selection--disabled {
    cursor: not-allowed;
}

.n-base-selection.n-base-selection--disabled .n-base-selection__arrow {

    color: var(--n-arrow-color-disabled);

}

.n-base-selection.n-base-selection--disabled .n-base-selection-label {

    cursor: not-allowed;
    background-color: var(--n-color-disabled);

}

.n-base-selection.n-base-selection--disabled .n-base-selection-label .n-base-selection-input {

    cursor: not-allowed;
    color: var(--n-text-color-disabled);

}

.n-base-selection.n-base-selection--disabled .n-base-selection-label .n-base-selection-label__render-label {

    color: var(--n-text-color-disabled);

}

.n-base-selection.n-base-selection--disabled .n-base-selection-tags {

    cursor: not-allowed;
    background-color: var(--n-color-disabled);

}

.n-base-selection.n-base-selection--disabled .n-base-selection-placeholder {

    cursor: not-allowed;
    color: var(--n-placeholder-color-disabled);

}

.n-base-selection .n-base-selection-input-tag {

    height: calc(var(--n-height) - 6px);
    line-height: calc(var(--n-height) - 6px);
    outline: none;
    display: none;
    position: relative;
    margin-bottom: 3px;
    max-width: 100%;
    vertical-align: bottom;

}

.n-base-selection .n-base-selection-input-tag .n-base-selection-input-tag__input {

    font-size: inherit;
    font-family: inherit;
    min-width: 1px;
    padding: 0;
    background-color: #0000;
    outline: none;
    border: none;
    max-width: 100%;
    overflow: hidden;
    width: 1em;
    line-height: inherit;
    cursor: pointer;
    color: var(--n-text-color);
    caret-color: var(--n-caret-color);

}

.n-base-selection .n-base-selection-input-tag .n-base-selection-input-tag__mirror {

    position: absolute;
    left: 0;
    top: 0;
    white-space: pre;
    visibility: hidden;
    user-select: none;
    -webkit-user-select: none;
    opacity: 0;

}

.n-base-selection.n-base-selection--warning-status .n-base-selection__state-border {
    border: var(--n-border-warning);
}

.n-base-selection.n-base-selection--warning-status:not(.n-base-selection--disabled):hover .n-base-selection__state-border {

    box-shadow: var(--n-box-shadow-hover-warning);
    border: var(--n-border-hover-warning);

}

.n-base-selection.n-base-selection--warning-status:not(.n-base-selection--disabled).n-base-selection--active .n-base-selection__state-border {

    box-shadow: var(--n-box-shadow-active-warning);
    border: var(--n-border-active-warning);

}

.n-base-selection.n-base-selection--warning-status:not(.n-base-selection--disabled).n-base-selection--active .n-base-selection-label {
    background-color: var(--n-color-active-warning);
}

.n-base-selection.n-base-selection--warning-status:not(.n-base-selection--disabled).n-base-selection--active .n-base-selection-tags {
    background-color: var(--n-color-active-warning);
}

.n-base-selection.n-base-selection--warning-status:not(.n-base-selection--disabled).n-base-selection--focus .n-base-selection__state-border {

    box-shadow: var(--n-box-shadow-focus-warning);
    border: var(--n-border-focus-warning);

}

.n-base-selection.n-base-selection--error-status .n-base-selection__state-border {
    border: var(--n-border-error);
}

.n-base-selection.n-base-selection--error-status:not(.n-base-selection--disabled):hover .n-base-selection__state-border {

    box-shadow: var(--n-box-shadow-hover-error);
    border: var(--n-border-hover-error);

}

.n-base-selection.n-base-selection--error-status:not(.n-base-selection--disabled).n-base-selection--active .n-base-selection__state-border {

    box-shadow: var(--n-box-shadow-active-error);
    border: var(--n-border-active-error);

}

.n-base-selection.n-base-selection--error-status:not(.n-base-selection--disabled).n-base-selection--active .n-base-selection-label {
    background-color: var(--n-color-active-error);
}

.n-base-selection.n-base-selection--error-status:not(.n-base-selection--disabled).n-base-selection--active .n-base-selection-tags {
    background-color: var(--n-color-active-error);
}

.n-base-selection.n-base-selection--error-status:not(.n-base-selection--disabled).n-base-selection--focus .n-base-selection__state-border {

    box-shadow: var(--n-box-shadow-focus-error);
    border: var(--n-border-focus-error);

}

.n-base-selection-popover {

    margin-bottom: -3px;
    display: flex;
    flex-wrap: wrap;
    margin-right: -8px;

}

.n-base-selection-tag-wrapper {

    max-width: 100%;
    display: inline-flex;
    padding: 0 7px 3px 0;

}

.n-base-selection-tag-wrapper:last-child {
    padding-right: 0;
}

.n-base-selection-tag-wrapper .n-tag {

    font-size: 14px;
    max-width: 100%;

}

.n-base-selection-tag-wrapper .n-tag .n-tag__content {

    line-height: 1.25;
    text-overflow: ellipsis;
    overflow: hidden;

}

.n-button {

    margin: 0;
    font-weight: var(--n-font-weight);
    line-height: 1;
    font-family: inherit;
    padding: var(--n-padding);
    height: var(--n-height);
    font-size: var(--n-font-size);
    border-radius: var(--n-border-radius);
    color: var(--n-text-color);
    background-color: var(--n-color);
    width: var(--n-width);
    white-space: nowrap;
    outline: none;
    position: relative;
    z-index: auto;
    border: none;
    display: inline-flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    user-select: none;
    -webkit-user-select: none;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    transition:
        color .3s var(--n-bezier),
        background-color .3s var(--n-bezier),
        opacity .3s var(--n-bezier),
        border-color .3s var(--n-bezier);

}

.n-button.n-button--color .n-button__border {
    border-color: var(--n-border-color);
}

.n-button.n-button--color.n-button--disabled .n-button__border {
    border-color: var(--n-border-color-disabled);
}

.n-button.n-button--color:not(.n-button--disabled):focus .n-button__state-border {
    border-color: var(--n-border-color-focus);
}

.n-button.n-button--color:not(.n-button--disabled):hover .n-button__state-border {
    border-color: var(--n-border-color-hover);
}

.n-button.n-button--color:not(.n-button--disabled):active .n-button__state-border {
    border-color: var(--n-border-color-pressed);
}

.n-button.n-button--color:not(.n-button--disabled).n-button--pressed .n-button__state-border {
    border-color: var(--n-border-color-pressed);
}

.n-button.n-button--disabled {
    background-color: var(--n-color-disabled);
    color: var(--n-text-color-disabled);
}

.n-button.n-button--disabled .n-button__border {
    border: var(--n-border-disabled);
}

.n-button:not(.n-button--disabled):focus {
    background-color: var(--n-color-focus);
    color: var(--n-text-color-focus);
}

.n-button:not(.n-button--disabled):focus .n-button__state-border {
    border: var(--n-border-focus);
}

.n-button:not(.n-button--disabled):hover {
    background-color: var(--n-color-hover);
    color: var(--n-text-color-hover);
}

.n-button:not(.n-button--disabled):hover .n-button__state-border {
    border: var(--n-border-hover);
}

.n-button:not(.n-button--disabled):active {
    background-color: var(--n-color-pressed);
    color: var(--n-text-color-pressed);
}

.n-button:not(.n-button--disabled):active .n-button__state-border {
    border: var(--n-border-pressed);
}

.n-button:not(.n-button--disabled).n-button--pressed {
    background-color: var(--n-color-pressed);
    color: var(--n-text-color-pressed);
}

.n-button:not(.n-button--disabled).n-button--pressed .n-button__state-border {
    border: var(--n-border-pressed);
}

.n-button.n-button--loading {
    cursor: wait;
}

.n-button .n-base-wave {

    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    animation-iteration-count: 1;
    animation-duration: var(--n-ripple-duration);
    animation-timing-function: var(--n-bezier-ease-out), var(--n-bezier-ease-out);

}

.n-button .n-base-wave.n-base-wave--active {
    z-index: 1;
    animation-name: button-wave-spread, button-wave-opacity;
}

.n-button .n-button__border,
.n-button .n-button__state-border {

    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    transition: border-color .3s var(--n-bezier);
    pointer-events: none;

}

.n-button .n-button__border {
    border: var(--n-border);
}

.n-button .n-button__state-border {
    border: var(--n-border);
    border-color: #0000;
    z-index: 1;
}

.n-button .n-button__icon {

    margin: var(--n-icon-margin);
    margin-left: 0;
    height: var(--n-icon-size);
    width: var(--n-icon-size);
    max-width: var(--n-icon-size);
    font-size: var(--n-icon-size);
    position: relative;
    flex-shrink: 0;

}

.n-button .n-button__icon .n-icon-slot {

    height: var(--n-icon-size);
    width: var(--n-icon-size);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;

}

.n-button .n-button__icon .n-icon-slot.icon-switch-transition-enter-from,
.n-button .n-button__icon .n-icon-slot.icon-switch-transition-leave-to {
    transform: translateY(-50%) scale(0.75);
    left: 0;
    top: 50%;
    opacity: 0;
}

.n-button .n-button__icon .n-icon-slot.icon-switch-transition-enter-to,
.n-button .n-button__icon .n-icon-slot.icon-switch-transition-leave-from {
    transform: scale(1) translateY(-50%);
    left: 0;
    top: 50%;
    opacity: 1;
}

.n-button .n-button__icon .n-icon-slot.icon-switch-transition-enter-active,
.n-button .n-button__icon .n-icon-slot.icon-switch-transition-leave-active {
    transform-origin: center;
    position: absolute;
    left: 0;
    top: 50%;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-button .n-button__icon.fade-in-width-expand-transition-leave-from,
.n-button .n-button__icon.fade-in-width-expand-transition-enter-to {
    opacity: 1;
}

.n-button .n-button__icon.fade-in-width-expand-transition-leave-to,
.n-button .n-button__icon.fade-in-width-expand-transition-enter-from {

    opacity: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

}

.n-button .n-button__icon.fade-in-width-expand-transition-leave-active {

    overflow: hidden;
    transition:
        opacity .2s cubic-bezier(.4, 0, .2, 1),
        max-width .2s cubic-bezier(.4, 0, .2, 1) .1s,
        margin-left .2s cubic-bezier(.4, 0, .2, 1) .1s,
        margin-right .2s cubic-bezier(.4, 0, .2, 1) .1s;

}

.n-button .n-button__icon.fade-in-width-expand-transition-enter-active {

    overflow: hidden;
    transition:
        opacity .2s cubic-bezier(.4, 0, .2, 1) .1s,
        max-width .2s cubic-bezier(.4, 0, .2, 1),
        margin-left .2s cubic-bezier(.4, 0, .2, 1),
        margin-right .2s cubic-bezier(.4, 0, .2, 1);

}

.n-button .n-button__content {

    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    min-width: 0;

}

.n-button .n-button__content~.n-button__icon {
    margin: var(--n-icon-margin);
    margin-right: 0;
}

.n-button.n-button--block {

    display: flex;
    width: 100%;

}

.n-button.n-button--dashed .n-button__border,
.n-button.n-button--dashed .n-button__state-border {
    border-style: dashed !important;
}

.n-button.n-button--disabled {
    cursor: not-allowed;
    opacity: var(--n-opacity-disabled);
}

@keyframes button-wave-spread {
    from {
        box-shadow: 0 0 0.5px 0 var(--n-ripple-color);
    }

    to {
        box-shadow: 0 0 0.5px 4.5px var(--n-ripple-color);
    }
}

@keyframes button-wave-opacity {
    from {
        opacity: var(--n-wave-opacity);
    }

    to {
        opacity: 0;
    }
}

.market-modal {
    width: min(800px, 100% - 20px) !important
}

.market-modal__preloader-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
    z-index: 2
}

.market-modal__left-side {
    border-right: 1px solid var(--color_100);
    padding-right: 20px;
    position: relative
}

@media screen and (max-width:991px) {
    .market-modal__left-side {
        border-bottom: 1px solid var(--color_100);
        border-right: 0;
        padding-bottom: 20px;
        padding-right: 0
    }
}

.market-modal__left-side-title {
    color: var(--blue_color);
    cursor: pointer;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 15px
}

.market-modal__left-side-title-link {
    color: var(--color_100)
}

.market-modal__left-side-title-wrapper {
    align-items: flex-end;
    display: flex;
    gap: 20px;
    margin-bottom: 10px
}

@media screen and (max-width:768px) {
    .market-modal__left-side-title-wrapper {
        align-items: unset;
        flex-direction: column;
        gap: 10px
    }
}

.market-modal__left-side-title-orders {
    align-items: stretch;
    display: flex;
    gap: 5px
}

.market-modal__left-side-title-orders>span {
    font-size: 14px;
    line-height: 16px
}

.market-modal__left-side-title-orders-divider {
    background: var(--grey_text_color);
    width: 1px
}

.market-modal__left-side-content {
    display: flex;
    gap: 50px;
    justify-content: space-between;
    margin-bottom: 15px
}

@media screen and (max-width:576px) {
    .market-modal__left-side-content {
        flex-direction: column;
        gap: 0;
        justify-content: unset
    }
}

.market-modal__left-side-content-part {
    display: flex;
    flex-direction: column
}

.market-modal__left-side-content-part-text {
    display: flex;
    gap: 5px;
    margin: 0
}

.market-modal__left-side-content-part-text-title {
    font-size: 15px;
    font-weight: 500
}

.market-modal__left-side-content-part-payment {
    align-self: flex-start
}

.market-modal__left-side-content-part-tags {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.market-modal__left-side-content-part-tag {
    width: -moz-fit-content;
    width: fit-content
}

.market-modal__left-side-footer .ant-collapse {
    background: transparent;
    min-height: unset;
    padding: 0
}

.market-modal__left-side-footer .ant-collapse .ant-collapse-item {
    border-bottom: none;
    margin-top: 0
}

.market-modal__left-side-footer .ant-collapse .ant-collapse-item .ant-collapse-header {
    background: transparent;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 0
}

.market-modal__left-side-footer .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow {
    left: unset;
    right: 0
}

.market-modal__left-side-footer .ant-collapse .ant-collapse-item .ant-collapse-content {
    padding: 0
}

.market-modal__left-side-footer .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
    border-left: 0;
    padding: 0
}

.market-modal__left-side-footer-subtitle {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0
}

.market-modal__left-side-footer>p {
    margin-bottom: 0;
    word-break: break-word
}

.market-modal__right-side {
    height: 100%;
    padding-left: 20px
}

.market-modal__right-side .ant-form {
    display: flex;
    flex-direction: column;
    height: 100%
}

@media screen and (max-width:991px) {
    .market-modal__right-side {
        padding-left: 0;
        padding-top: 20px
    }
}

.market-modal__right-side .ant-form-item-label label {
    color: var(--grey_text_color)
}

.market-modal__right-side .ant-form-item-children {
    display: block;
    width: 100%
}

.market-modal__right-side .ant-form-item-children button {
    margin-top: 10px
}

.market-modal__right-side .ant-form-item-children .ant-input-number,
.market-modal__right-side .ant-form-item-children .ant-input-number .ant-input-number-input-wrap input {
    width: 100%
}

.market-modal__right-side-field input::-webkit-inner-spin-button,
.market-modal__right-side-field input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.market-modal__right-side-buttons-wrapper {
    margin-top: auto;
    padding-bottom: 0
}

.market-modal__right-side-buttons-wrapper .ant-form-item-children {
    display: flex;
    justify-content: space-between
}

.market-modal__right-side-buttons-submit {
    height: 40px;
    min-width: 103px
}

.market-modal__close-icon {
    display: block;
    height: 15px;
    position: relative;
    width: 15px
}

.market-modal__close-icon:after,
.market-modal__close-icon:before {
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    transition: transform .3s;
    width: 100%
}

.market-modal__close-icon:before {
    transition: transform .3s
}

.market-modal__close-icon:before,
.market-modal__close-icon:hover:after {
    transform: translateY(-50%) rotate(135deg)
}

.market-modal__close-icon:hover:before {
    transform: translateY(-50%) rotate(45deg)
}

.market-modal__error {
    font-size: 20px;
    line-height: 22px
}

.market-modal__error-wrapper {
    align-items: center;
    display: flex;
    justify-content: center
}

.n-base-select-menu {

    line-height: 1.5;
    outline: none;
    z-index: 0;
    position: relative;
    border-radius: var(--n-border-radius);
    transition:
        background-color .3s var(--n-bezier),
        box-shadow .3s var(--n-bezier);
    background-color: var(--n-color);

}

.n-base-select-menu .n-scrollbar {

    max-height: var(--n-height);

}

.n-base-select-menu .n-virtual-list {

    max-height: var(--n-height);

}

.n-base-select-menu .n-base-select-option {

    min-height: var(--n-option-height);
    font-size: var(--n-option-font-size);
    display: flex;
    align-items: center;

}

.n-base-select-menu .n-base-select-option .n-base-select-option__content {

    z-index: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

}

.n-base-select-menu .n-base-select-group-header {

    min-height: var(--n-option-height);
    font-size: .93em;
    display: flex;
    align-items: center;

}

.n-base-select-menu .n-base-select-menu-option-wrapper {

    position: relative;
    width: 100%;

}

.n-base-select-menu .n-base-select-menu__loading,
.n-base-select-menu .n-base-select-menu__empty {

    display: flex;
    padding: 12px 32px;
    flex: 1;
    justify-content: center;

}

.n-base-select-menu .n-base-select-menu__loading {

    color: var(--n-loading-color);
    font-size: var(--n-loading-size);

}

.n-base-select-menu .n-base-select-menu__header {

    padding: 8px var(--n-option-padding-left);
    font-size: var(--n-option-font-size);
    transition:
        color .3s var(--n-bezier),
        border-color .3s var(--n-bezier);
    border-bottom: 1px solid var(--n-action-divider-color);
    color: var(--n-action-text-color);

}

.n-base-select-menu .n-base-select-menu__action {

    padding: 8px var(--n-option-padding-left);
    font-size: var(--n-option-font-size);
    transition:
        color .3s var(--n-bezier),
        border-color .3s var(--n-bezier);
    border-top: 1px solid var(--n-action-divider-color);
    color: var(--n-action-text-color);

}

.n-base-select-menu .n-base-select-group-header {

    position: relative;
    cursor: default;
    padding: var(--n-option-padding);
    color: var(--n-group-header-text-color);

}

.n-base-select-menu .n-base-select-option {

    cursor: pointer;
    position: relative;
    padding: var(--n-option-padding);
    transition:
        color .3s var(--n-bezier),
        opacity .3s var(--n-bezier);
    box-sizing: border-box;
    color: var(--n-option-text-color);
    opacity: 1;

}

.n-base-select-menu .n-base-select-option.n-base-select-option--show-checkmark {

    padding-right: calc(var(--n-option-padding-right) + 20px);

}

.n-base-select-menu .n-base-select-option::before {

    content: "";
    position: absolute;
    left: 4px;
    right: 4px;
    top: 0;
    bottom: 0;
    border-radius: var(--n-border-radius);
    transition: background-color .3s var(--n-bezier);

}

.n-base-select-menu .n-base-select-option:active {

    color: var(--n-option-text-color-pressed);

}

.n-base-select-menu .n-base-select-option.n-base-select-option--grouped {

    padding-left: calc(var(--n-option-padding-left) * 1.5);

}

.n-base-select-menu .n-base-select-option.n-base-select-option--pending::before {

    background-color: var(--n-option-color-pending);

}

.n-base-select-menu .n-base-select-option.n-base-select-option--selected {

    color: var(--n-option-text-color-active);

}

.n-base-select-menu .n-base-select-option.n-base-select-option--selected::before {

    background-color: var(--n-option-color-active);

}

.n-base-select-menu .n-base-select-option.n-base-select-option--selected.n-base-select-option--pending::before {

    background-color: var(--n-option-color-active-pending);

}

.n-base-select-menu .n-base-select-option.n-base-select-option--disabled {

    cursor: not-allowed;

}

.n-base-select-menu .n-base-select-option.n-base-select-option--disabled:not(.n-base-select-option--selected) {

    color: var(--n-option-text-color-disabled);

}

.n-base-select-menu .n-base-select-option.n-base-select-option--disabled.n-base-select-option--selected {

    opacity: var(--n-option-opacity-disabled);

}

.n-base-select-menu .n-base-select-option .n-base-select-option__check {

    font-size: 16px;
    position: absolute;
    right: calc(var(--n-option-padding-right) - 4px);
    top: calc(50% - 7px);
    color: var(--n-option-check-color);
    transition: color .3s var(--n-bezier);

}

.n-base-select-menu .n-base-select-option .n-base-select-option__check.fade-in-scale-up-transition-leave-active {
    transform-origin: inherit;
    transition: opacity .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1);
}

.n-base-select-menu .n-base-select-option .n-base-select-option__check.fade-in-scale-up-transition-enter-active {
    transform-origin: inherit;
    transition: opacity .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1);
}

.n-base-select-menu .n-base-select-option .n-base-select-option__check.fade-in-scale-up-transition-enter-from,
.n-base-select-menu .n-base-select-option .n-base-select-option__check.fade-in-scale-up-transition-leave-to {
    opacity: 0;
    transform: scale(0.5);
}

.n-base-select-menu .n-base-select-option .n-base-select-option__check.fade-in-scale-up-transition-leave-from,
.n-base-select-menu .n-base-select-option .n-base-select-option__check.fade-in-scale-up-transition-enter-to {
    opacity: 1;
    transform: scale(1);
}

.n-scrollbar {

    overflow: hidden;
    position: relative;
    z-index: auto;
    height: 100%;
    width: 100%;

}

.n-scrollbar>.n-scrollbar-container {

    width: 100%;
    overflow: scroll;
    height: 100%;
    min-height: inherit;
    max-height: inherit;
    scrollbar-width: none;

}

.n-scrollbar>.n-scrollbar-container::-webkit-scrollbar,
.n-scrollbar>.n-scrollbar-container::-webkit-scrollbar-track-piece,
.n-scrollbar>.n-scrollbar-container::-webkit-scrollbar-thumb {

    width: 0;
    height: 0;
    display: none;

}

.n-scrollbar>.n-scrollbar-container>.n-scrollbar-content {

    box-sizing: border-box;
    min-width: 100%;

}

.n-scrollbar>.n-scrollbar-rail,
.n-scrollbar+.n-scrollbar-rail {

    position: absolute;
    pointer-events: none;
    user-select: none;
    background: var(--n-scrollbar-rail-color);
    -webkit-user-select: none;

}

.n-scrollbar>.n-scrollbar-rail.n-scrollbar-rail--horizontal,
.n-scrollbar+.n-scrollbar-rail.n-scrollbar-rail--horizontal {

    height: var(--n-scrollbar-height);

}

.n-scrollbar>.n-scrollbar-rail.n-scrollbar-rail--horizontal>.n-scrollbar-rail__scrollbar,
.n-scrollbar+.n-scrollbar-rail.n-scrollbar-rail--horizontal>.n-scrollbar-rail__scrollbar {

    height: var(--n-scrollbar-height);
    border-radius: var(--n-scrollbar-border-radius);
    right: 0;

}

.n-scrollbar>.n-scrollbar-rail.n-scrollbar-rail--horizontal--top,
.n-scrollbar+.n-scrollbar-rail.n-scrollbar-rail--horizontal--top {

    top: var(--n-scrollbar-rail-top-horizontal-top);
    right: var(--n-scrollbar-rail-right-horizontal-top);
    bottom: var(--n-scrollbar-rail-bottom-horizontal-top);
    left: var(--n-scrollbar-rail-left-horizontal-top);

}

.n-scrollbar>.n-scrollbar-rail.n-scrollbar-rail--horizontal--bottom,
.n-scrollbar+.n-scrollbar-rail.n-scrollbar-rail--horizontal--bottom {

    top: var(--n-scrollbar-rail-top-horizontal-bottom);
    right: var(--n-scrollbar-rail-right-horizontal-bottom);
    bottom: var(--n-scrollbar-rail-bottom-horizontal-bottom);
    left: var(--n-scrollbar-rail-left-horizontal-bottom);

}

.n-scrollbar>.n-scrollbar-rail.n-scrollbar-rail--vertical,
.n-scrollbar+.n-scrollbar-rail.n-scrollbar-rail--vertical {

    width: var(--n-scrollbar-width);

}

.n-scrollbar>.n-scrollbar-rail.n-scrollbar-rail--vertical>.n-scrollbar-rail__scrollbar,
.n-scrollbar+.n-scrollbar-rail.n-scrollbar-rail--vertical>.n-scrollbar-rail__scrollbar {

    width: var(--n-scrollbar-width);
    border-radius: var(--n-scrollbar-border-radius);
    bottom: 0;

}

.n-scrollbar>.n-scrollbar-rail.n-scrollbar-rail--vertical--left,
.n-scrollbar+.n-scrollbar-rail.n-scrollbar-rail--vertical--left {

    top: var(--n-scrollbar-rail-top-vertical-left);
    right: var(--n-scrollbar-rail-right-vertical-left);
    bottom: var(--n-scrollbar-rail-bottom-vertical-left);
    left: var(--n-scrollbar-rail-left-vertical-left);

}

.n-scrollbar>.n-scrollbar-rail.n-scrollbar-rail--vertical--right,
.n-scrollbar+.n-scrollbar-rail.n-scrollbar-rail--vertical--right {

    top: var(--n-scrollbar-rail-top-vertical-right);
    right: var(--n-scrollbar-rail-right-vertical-right);
    bottom: var(--n-scrollbar-rail-bottom-vertical-right);
    left: var(--n-scrollbar-rail-left-vertical-right);

}

.n-scrollbar>.n-scrollbar-rail.n-scrollbar-rail--disabled>.n-scrollbar-rail__scrollbar,
.n-scrollbar+.n-scrollbar-rail.n-scrollbar-rail--disabled>.n-scrollbar-rail__scrollbar {
    pointer-events: none;
}

.n-scrollbar>.n-scrollbar-rail>.n-scrollbar-rail__scrollbar,
.n-scrollbar+.n-scrollbar-rail>.n-scrollbar-rail__scrollbar {

    z-index: 1;
    position: absolute;
    cursor: pointer;
    pointer-events: all;
    background-color: var(--n-scrollbar-color);
    transition: background-color .2s var(--n-scrollbar-bezier);

}

.n-scrollbar>.n-scrollbar-rail>.n-scrollbar-rail__scrollbar.fade-in-transition-enter-active,
.n-scrollbar+.n-scrollbar-rail>.n-scrollbar-rail__scrollbar.fade-in-transition-enter-active {
    transition: all 0.2s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-scrollbar>.n-scrollbar-rail>.n-scrollbar-rail__scrollbar.fade-in-transition-leave-active,
.n-scrollbar+.n-scrollbar-rail>.n-scrollbar-rail__scrollbar.fade-in-transition-leave-active {
    transition: all 0.2s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-scrollbar>.n-scrollbar-rail>.n-scrollbar-rail__scrollbar.fade-in-transition-enter-from,
.n-scrollbar+.n-scrollbar-rail>.n-scrollbar-rail__scrollbar.fade-in-transition-enter-from,
.n-scrollbar>.n-scrollbar-rail>.n-scrollbar-rail__scrollbar.fade-in-transition-leave-to,
.n-scrollbar+.n-scrollbar-rail>.n-scrollbar-rail__scrollbar.fade-in-transition-leave-to {
    opacity: 0;
}

.n-scrollbar>.n-scrollbar-rail>.n-scrollbar-rail__scrollbar.fade-in-transition-leave-from,
.n-scrollbar+.n-scrollbar-rail>.n-scrollbar-rail__scrollbar.fade-in-transition-leave-from,
.n-scrollbar>.n-scrollbar-rail>.n-scrollbar-rail__scrollbar.fade-in-transition-enter-to,
.n-scrollbar+.n-scrollbar-rail>.n-scrollbar-rail__scrollbar.fade-in-transition-enter-to {
    opacity: 1;
}

.n-scrollbar>.n-scrollbar-rail>.n-scrollbar-rail__scrollbar:hover,
.n-scrollbar+.n-scrollbar-rail>.n-scrollbar-rail__scrollbar:hover {
    background-color: var(--n-scrollbar-color-hover);
}

.n-form-item {

    display: grid;
    line-height: var(--n-line-height);

}

.n-form-item .n-form-item-label {

    grid-area: label;
    align-items: center;
    line-height: 1.25;
    text-align: var(--n-label-text-align);
    font-size: var(--n-label-font-size);
    min-height: var(--n-label-height);
    padding: var(--n-label-padding);
    color: var(--n-label-text-color);
    transition: color .3s var(--n-bezier);
    box-sizing: border-box;
    font-weight: var(--n-label-font-weight);

}

.n-form-item .n-form-item-label .n-form-item-label__asterisk {

    white-space: nowrap;
    user-select: none;
    -webkit-user-select: none;
    color: var(--n-asterisk-color);
    transition: color .3s var(--n-bezier);

}

.n-form-item .n-form-item-label .n-form-item-label__asterisk-placeholder {

    grid-area: mark;
    user-select: none;
    -webkit-user-select: none;
    visibility: hidden;

}

.n-form-item .n-form-item-blank {

    grid-area: blank;
    min-height: var(--n-blank-height);

}

.n-form-item.n-form-item--auto-label-width .n-form-item-label {
    white-space: nowrap;
}

.n-form-item.n-form-item--left-labelled {

    grid-template-areas:
        "label blank"
        "label feedback";
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    align-items: flex-start;

}

.n-form-item.n-form-item--left-labelled .n-form-item-label {

    display: grid;
    grid-template-columns: 1fr auto;
    min-height: var(--n-blank-height);
    height: auto;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-grow: 0;

}

.n-form-item.n-form-item--left-labelled .n-form-item-label.n-form-item-label--reverse-columns-space {

    grid-template-columns: auto 1fr;

}

.n-form-item.n-form-item--left-labelled .n-form-item-label.n-form-item-label--left-mark {

    grid-template-areas:
        "mark text"
        ". text";

}

.n-form-item.n-form-item--left-labelled .n-form-item-label.n-form-item-label--right-mark {

    grid-template-areas:
        "text mark"
        "text .";

}

.n-form-item.n-form-item--left-labelled .n-form-item-label.n-form-item-label--right-hanging-mark {

    grid-template-areas:
        "text mark"
        "text .";

}

.n-form-item.n-form-item--left-labelled .n-form-item-label .n-form-item-label__text {

    grid-area: text;

}

.n-form-item.n-form-item--left-labelled .n-form-item-label .n-form-item-label__asterisk {

    grid-area: mark;
    align-self: end;

}

.n-form-item.n-form-item--top-labelled {

    grid-template-areas:
        "label"
        "blank"
        "feedback";
    grid-template-rows: minmax(var(--n-label-height), auto) 1fr;
    grid-template-columns: minmax(0, 100%);

}

.n-form-item.n-form-item--top-labelled.n-form-item--no-label {

    grid-template-areas:
        "blank"
        "feedback";
    grid-template-rows: 1fr;

}

.n-form-item.n-form-item--top-labelled .n-form-item-label {

    display: flex;
    align-items: flex-start;
    justify-content: var(--n-label-text-align);

}

.n-form-item .n-form-item-blank {

    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;

}

.n-form-item .n-form-item-feedback-wrapper {

    grid-area: feedback;
    box-sizing: border-box;
    min-height: var(--n-feedback-height);
    font-size: var(--n-feedback-font-size);
    line-height: 1.25;
    transform-origin: top left;

}

.n-form-item .n-form-item-feedback-wrapper:not(:empty) {

    padding: var(--n-feedback-padding);

}

.n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback {
    transition: color .3s var(--n-bezier);
    color: var(--n-feedback-text-color);
}

.n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.n-form-item-feedback--warning {
    color: var(--n-feedback-text-color-warning);
}

.n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.n-form-item-feedback--error {
    color: var(--n-feedback-text-color-error);
}

.n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-enter-from,
.n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-leave-to {
    opacity: 0;
    transform: translateY(-3px);
}

.n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-enter-to,
.n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-leave-from {
    opacity: 1;
    transform: translateY(0);
}

.n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-leave-active {
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1);
}

.n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-enter-active {
    transition: opacity .3s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1);
}

.n-card {

    font-size: var(--n-font-size);
    line-height: var(--n-line-height);
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    border-radius: var(--n-border-radius);
    background-color: var(--n-color);
    color: var(--n-text-color);
    word-break: break-word;
    transition:
        color .3s var(--n-bezier),
        background-color .3s var(--n-bezier),
        box-shadow .3s var(--n-bezier),
        border-color .3s var(--n-bezier);

}

.n-card.n-modal {
    background: var(--n-color-modal);
}

.n-card.n-card--hoverable:hover {
    box-shadow: var(--n-box-shadow);
}

.n-card.n-card--content-segmented>.n-card__content {
    padding-top: var(--n-padding-bottom);
}

.n-card.n-card--content-soft-segmented>.n-card__content {

    margin: 0 var(--n-padding-left);
    padding: var(--n-padding-bottom) 0;

}

.n-card.n-card--footer-segmented>.n-card__footer {
    padding-top: var(--n-padding-bottom);
}

.n-card.n-card--footer-soft-segmented>.n-card__footer {

    padding: var(--n-padding-bottom) 0;
    margin: 0 var(--n-padding-left);

}

.n-card>.n-card-header {

    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-size: var(--n-title-font-size);
    padding:
        var(--n-padding-top) var(--n-padding-left) var(--n-padding-bottom) var(--n-padding-left);

}

.n-card>.n-card-header .n-card-header__main {

    font-weight: var(--n-title-font-weight);
    transition: color .3s var(--n-bezier);
    flex: 1;
    min-width: 0;
    color: var(--n-title-text-color);

}

.n-card>.n-card-header .n-card-header__extra {

    display: flex;
    align-items: center;
    font-size: var(--n-font-size);
    font-weight: 400;
    transition: color .3s var(--n-bezier);
    color: var(--n-text-color);

}

.n-card>.n-card-header .n-card-header__close {

    margin: 0 0 0 8px;
    transition:
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier);

}

.n-card>.n-card__action {

    box-sizing: border-box;
    transition:
        background-color .3s var(--n-bezier),
        border-color .3s var(--n-bezier);
    background-clip: padding-box;
    background-color: var(--n-action-color);

}

.n-card>.n-card__content {
    flex: 1;
    min-width: 0;
}

.n-card>.n-card__content,
.n-card>.n-card__footer {

    box-sizing: border-box;
    padding: 0 var(--n-padding-left) var(--n-padding-bottom) var(--n-padding-left);
    font-size: var(--n-font-size);

}

.n-card>.n-card__content:first-child,
.n-card>.n-card__footer:first-child {
    padding-top: var(--n-padding-bottom);
}

.n-card>.n-card__action {

    background-color: var(--n-action-color);
    padding: var(--n-padding-bottom) var(--n-padding-left);
    border-bottom-left-radius: var(--n-border-radius);
    border-bottom-right-radius: var(--n-border-radius);

}

.n-card .n-card-cover {

    overflow: hidden;
    width: 100%;
    border-radius: var(--n-border-radius) var(--n-border-radius) 0 0;

}

.n-card .n-card-cover img {

    display: block;
    width: 100%;

}

.n-card.n-card--bordered {

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

}

.n-card.n-card--bordered:target {
    border-color: var(--n-color-target);
}

.n-card.n-card--action-segmented>.n-card__action:not(:first-child) {
    border-top: 1px solid var(--n-border-color);
}

.n-card.n-card--content-segmented>.n-card__content,
.n-card.n-card--content-soft-segmented>.n-card__content {
    transition: border-color 0.3s var(--n-bezier);
}

.n-card.n-card--content-segmented>.n-card__content:not(:first-child),
.n-card.n-card--content-soft-segmented>.n-card__content:not(:first-child) {
    border-top: 1px solid var(--n-border-color);
}

.n-card.n-card--footer-segmented>.n-card__footer,
.n-card.n-card--footer-soft-segmented>.n-card__footer {
    transition: border-color 0.3s var(--n-bezier);
}

.n-card.n-card--footer-segmented>.n-card__footer:not(:first-child),
.n-card.n-card--footer-soft-segmented>.n-card__footer:not(:first-child) {
    border-top: 1px solid var(--n-border-color);
}

.n-card.n-card--embedded {

    background-color: var(--n-color-embedded);

}

.n-modal .n-card,
.n-drawer .n-card {

    background: var(--n-color-modal);

}

.n-modal .n-card.n-card--embedded,
.n-drawer .n-card.n-card--embedded {

    background-color: var(--n-color-embedded-modal);

}

.n-popover .n-card {

    background: var(--n-color-popover);

}

.n-popover .n-card.n-card--embedded {

    background-color: var(--n-color-embedded-popover);

}

.coin-trigger {
    align-items: center;
    cursor: pointer;
    display: inline-flex
}

.related-popover {
    display: grid;
    gap: .5rem;
    grid-template-rows: auto 1fr;
    max-height: min(70vh, 540px);
    width: min(86vw, 420px)
}

.related-header {
    display: grid;
    gap: .4rem;
    grid-template-columns: 1fr
}

.related-header .title {
    color: #8b90a7;
    font-size: .8rem
}

.related-header .search .n-input {
    --n-height-small: 30px
}

.coins-scroll {
    display: grid;
    gap: 2px;
    overflow: auto;
    padding-right: 2px
}

.coin-row {
    align-items: center;
    border-radius: 10px;
    display: grid;
    gap: .75rem;
    grid-template-columns: 1fr auto;
    padding: .45rem .55rem;
    transition: background .15s ease
}

.coin-row:hover {
    background: #ffffff0f
}

.coin-row.active {
    background: #ffffff1a
}

.left {
    gap: .6rem
}

.left,
.left .icon {
    align-items: center;
    display: inline-flex
}

.left .icon {
    height: 22px;
    justify-content: center;
    width: 22px
}

.left .name {
    color: #848e9c;
    font-weight: 500;
    letter-spacing: .2px
}

.right {
    align-items: center;
    display: grid;
    gap: .5rem;
    grid-auto-flow: column;
    text-align: right
}

.right .price {
    opacity: .95
}

.right .change,
.right .price {
    font-variant-numeric: tabular-nums
}

.right .change {
    border-radius: 6px;
    font-size: .75rem;
    line-height: 1.2;
    padding: 2px 6px
}

.right .change.up {
    background: #3ccd7626;
    color: #3ccd76
}

.right .change.down {
    background: #e95a5926;
    color: #e95a59
}

.empty {
    color: #8b90a7;
    padding: .75rem 0;
    text-align: center
}

.field {
    width: 100%
}

.opinions-most-track {
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.opinions-most-track .track {
    font-size: .65rem;
    font-weight: 500;
    height: 100%;
    text-align: center;
    transition: .45s;
    white-space: nowrap;
    width: 0
}

.opinions-most-track .track.positive {
    background: #3ccd76;
    float: left
}

.opinions-most-track .track.negative {
    background: #e95a59;
    float: right
}

.percent-to-dispute {
    font-size: 11px;
    margin: 25px auto 5px
}

.percent-to-dispute .pos-profit {
    color: #fff;
    font-family: Open sans, sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-top: 7px
}

.profit-to-dispute {
    color: #ffffffde;
    font-family: Open sans, sans-serif;
    font-size: 15px;
    font-weight: 500;
    position: absolute;
    right: 5%;
    text-align: center
}

.profit-to-dispute p:first-child {
    color: #ffffff69;
    font-size: 13px;
    font-weight: 100;
    margin: 0;
    padding-right: 5px;
    text-align: left
}

.profit-to-dispute span:last-child {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px
}

.profit-to-dispute i {
    font-size: 15px;
    margin-left: -3px
}

.time-to-close-trade-to-dispute {
    color: #ffffffcf;
    font-family: Open sans, sans-serif;
    font-size: 15px;
    font-weight: 500;
    position: absolute;
    right: 20%;
    text-align: right;
    white-space: nowrap
}

.time-to-close-trade-to-dispute p {
    color: #ffffff69;
    font-size: 13px;
    font-weight: 100;
    margin-bottom: 0;
    padding-right: 5px
}

.time-to-close-trade-to-dispute #time-to-trade {
    font-weight: 400;
    padding: 5px 10px
}

.ta-multi.light {
    --accent: #f79f1a;
    --bg: #fff;
    --card: #fff;
    --border: #e5e7eb;
    --text: #111827;
    --muted: #6b7280;
    --chip-bg: rgba(247, 159, 26, .12);
    --chip-border: rgba(247, 159, 26, .55);
    --dropdown-shadow: 0 20px 48px rgba(17, 24, 39, .12)
}

.ta-multi {
    color: var(--text);
    display: grid;
    gap: 18px
}

.multi-select {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 12px;
    cursor: pointer;
    padding: 10px 40px 10px 12px;
    position: relative;
    transition: box-shadow .15s ease, border-color .15s ease
}

.multi-select:hover {
    border-color: color-mix(in sRGB, var(--accent) 35%, var(--border))
}

.multi-select .caret {
    color: var(--muted);
    opacity: .8;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%)
}

.multi-select.open .caret {
    transform: translateY(-50%) rotate(180deg)
}

.chips {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 24px
}

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

.chip {
    align-items: center;
    background: var(--chip-bg);
    border: 1px solid var(--chip-border);
    border-radius: 999px;
    color: var(--text);
    display: inline-flex;
    font-size: 12px;
    gap: 6px;
    padding: 4px 8px
}

.chip i {
    font-size: 14px;
    opacity: .8
}

.dropdown {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: var(--dropdown-shadow);
    left: 0;
    max-width: 350px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 30
}

.search-row {
    align-items: center;
    background: #f9fafb;
    border: 1px solid var(--border);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    grid-template-columns: 20px 1fr auto auto;
    padding: 6px 8px
}

.search-row input {
    background: transparent;
    border: 0;
    color: var(--text);
    outline: none
}

.mini-btn {
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text);
    font-size: 12px;
    padding: 6px 10px
}

.mini-btn,
.mini-btn.ghost {
    background: #fff
}

.mini-btn.accent {
    background: var(--accent);
    border-color: var(--accent);
    color: #fff
}

.options {
    display: grid;
    gap: 6px;
    margin-top: 10px;
    max-height: 320px;
    overflow: auto
}

.option {
    align-items: center;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    padding: 10px;
    transition: border-color .15s ease, background .15s ease
}

.option:hover {
    background: #fafafa;
    border-color: var(--border)
}

.option.active {
    background: color-mix(in sRGB, var(--accent) 8%, #fff);
    border-color: var(--accent)
}

.option .sym {
    color: var(--muted);
    font-size: 12px
}

.option .check i {
    color: var(--accent);
    font-size: 18px
}

.widgets-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr))
}

.p2p-create-prices {
    align-items: center;
    display: flex;
    transition: .3s cubic-bezier(.78, .14, .15, .86)
}

@media screen and (max-width:768px) {
    .p2p-create-prices {
        flex-direction: column;
        gap: 20px
    }
}

.p2p-create-prices__values {
    border-right: 1px solid var(--color_106);
    display: flex;
    gap: 65px
}

@media screen and (max-width:768px) {
    .p2p-create-prices__values {
        border: 0;
        border-bottom: 1px solid var(--color_106);
        gap: 50px;
        justify-content: center;
        margin: 0;
        padding-bottom: 25px;
        padding-right: 0;
        width: 100%
    }
}

.p2p-create-prices__value {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: space-around;
    width: 100%
}

.p2p-create-prices__value-title {
    color: var(--color_98);
    font-size: 14px;
    line-height: 20px
}

@media screen and (max-width:575px) {
    .p2p-create-prices__value-title-dots {
        display: none
    }
}

@media screen and (max-width:768px) {
    .p2p-create-prices__value-title {
        font-size: 12px;
        line-height: 18px
    }
}

.p2p-create-prices__value-subtitle {
    align-items: center;
    color: var(--color_104);
    display: flex;
    font-size: 20px;
    font-weight: 500;
    gap: 5px;
    line-height: 24px
}

.p2p-create-prices__value-subtitle-icon--usd {
    background: var(--black_color)
}

.p2p-create-prices__value-subtitle-icon--eur,
.p2p-create-prices__value-subtitle-icon--usd {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 22px;
    justify-content: center;
    width: 22px
}

.p2p-create-prices__value-subtitle-icon--eur,
.p2p-create-prices__value-subtitle-icon--rub {
    background: var(--blue_color)
}

.p2p-create-prices__value-subtitle-icon--cny,
.p2p-create-prices__value-subtitle-icon--rub {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 22px;
    justify-content: center;
    width: 22px
}

.p2p-create-prices__value-subtitle-icon--cny {
    background: var(--red_color)
}

.p2p-create-prices__field label {
    color: var(--color_101)
}

@media screen and (min-width:769px) {
    .p2p-create-prices__field {
        flex: 240px 1 0
    }
}

@media screen and (max-width:768px) {
    .p2p-create-prices__field {
        width: min(400px, 100%)
    }
}

.p2p-create-prices__field .ant-form-explain {
    font-size: 11px;
    position: absolute;
    white-space: nowrap
}

.p2p-create-prices--loading {
    opacity: 0
}

.menu__row--has-submenu:hover .dropdown--desktop {
    display: flex
}

.dropdown--desktop {
    background: var(--color-bg-main);
    border-radius: 8px;
    box-shadow: 0 8px 20px #00000080;
    display: none;
    flex-direction: column;
    gap: 16px;
    left: 0;
    position: absolute;
    top: 100%;
    width: 320px;
    z-index: 10
}

.dropdown--desktop .dropdown__item {
    color: #fff;
    cursor: pointer;
    display: flex;
    gap: 12px;
    padding: 10px;
    text-decoration: none
}

.dropdown--desktop .dropdown__item:hover {
    background-color: #2d2d2f
}

.dropdown--desktop .dropdown__icon {
    color: #f0b90b;
    font-size: 20px;
    margin-top: 4px
}

.dropdown--desktop .dropdown__content {
    display: flex;
    flex-direction: column
}

.dropdown--desktop .dropdown__title {
    font-weight: 600;
    margin-bottom: 4px
}

.dropdown--desktop .dropdown__desc {
    color: #aaa;
    font-size: 12px;
    margin-bottom: 6px
}

.dropdown--desktop .dropdown__actions {
    display: flex;
    font-size: 13px;
    gap: 12px
}

.dropdown--desktop .dropdown__actions a {
    color: #f0b90b;
    text-decoration: none
}

.dropdown--desktop .dropdown__actions a:hover {
    text-decoration: underline
}

@media (max-width:768px) {
    .dropdown--desktop {
        display: none !important
    }

    .dropdown--mobile {
        display: block !important
    }
}

.dropdown--mobile {
    display: none
}

@media (max-width:1200px) {
    .dropdown--mobile {
        background: #1b1e23;
        border-radius: 8px;
        display: block;
        margin-top: 8px;
        padding: 16px
    }
}

.dropdown--mobile .dropdown__grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, 1fr);
    text-align: center
}

.dropdown--mobile .grid__item {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    text-decoration: none
}

.dropdown--mobile .grid__icon {
    align-items: center;
    background: #2c2c2c;
    border-radius: 50%;
    color: #f0b90b;
    display: flex;
    font-size: 20px;
    height: 48px;
    justify-content: center;
    margin-bottom: 8px;
    width: 48px
}

.dropdown--mobile .grid__label {
    font-size: 13px;
    font-weight: 500
}

.user-info {
    flex-wrap: wrap;
    gap: 10px;
    width: 100%
}

.user-info,
.user-info__avatar {
    align-items: center;
    display: flex
}

.user-info__avatar {
    background: var(--purple_color);
    font-size: 20px;
    font-weight: 500;
    height: 52px;
    justify-content: center;
    line-height: 1;
    width: 52px
}

.user-info__info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

.user-info__info-header {
    align-items: center;
    display: flex;
    gap: 7px
}

@media screen and (max-width:475px) {
    .user-info__info-header {
        align-items: flex-start;
        flex-direction: column
    }
}

.user-info__info-sub-header {
    color: var(--color_104)
}

.user-info__info-sub-header .info {
    font-size: 12px
}

@media screen and (max-width:475px) {
    .user-info__info-sub-header {
        margin-bottom: 5px;
        margin-top: 5px;
        position: relative
    }
}

.user-info__info-verifications {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-left: auto
}

@media (max-width:768px) {
    .user-info__info {
        align-items: flex-start;
        flex-direction: column
    }

    .user-info__info-verifications {
        justify-content: flex-start;
        margin-left: 0;
        margin-top: 10px
    }
}

.user-info__info-badge {
    font-size: 15px;
    line-height: 14px;
    margin-right: 32px
}

.user-info__info-badge i {
    background: var(--order_green);
    border-radius: 50%
}

.user-info__info-badge i>svg {
    fill: var(--white_color)
}

.user-info__username {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-transform: capitalize
}

.user-info__verified {
    align-items: center;
    border: 1px solid var(--border_yellow);
    border-radius: 8px;
    display: flex;
    gap: 5px;
    padding: 4px;
    width: -moz-fit-content;
    width: fit-content
}

.user-info__verified-avatar {
    background: var(--border_yellow)
}

.user-info__verified-label {
    color: var(--border_yellow);
    font-size: 12px;
    line-height: 14px
}

@keyframes rotator {

    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.n-base-loading {

    position: relative;
    line-height: 0;
    width: 1em;
    height: 1em;

}

.n-base-loading .n-base-loading__transition-wrapper {

    position: absolute;
    width: 100%;
    height: 100%;

}

.n-base-loading .n-base-loading__transition-wrapper.icon-switch-transition-enter-from,
.n-base-loading .n-base-loading__transition-wrapper.icon-switch-transition-leave-to {
    transform: scale(0.75);
    left: 0;
    top: 0;
    opacity: 0;
}

.n-base-loading .n-base-loading__transition-wrapper.icon-switch-transition-enter-to,
.n-base-loading .n-base-loading__transition-wrapper.icon-switch-transition-leave-from {
    transform: scale(1);
    left: 0;
    top: 0;
    opacity: 1;
}

.n-base-loading .n-base-loading__transition-wrapper.icon-switch-transition-enter-active,
.n-base-loading .n-base-loading__transition-wrapper.icon-switch-transition-leave-active {
    transform-origin: center;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-base-loading .n-base-loading__placeholder {

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);

}

.n-base-loading .n-base-loading__placeholder.icon-switch-transition-enter-from,
.n-base-loading .n-base-loading__placeholder.icon-switch-transition-leave-to {
    transform: translateX(-50%) translateY(-50%) scale(0.75);
    left: 50%;
    top: 50%;
    opacity: 0;
}

.n-base-loading .n-base-loading__placeholder.icon-switch-transition-enter-to,
.n-base-loading .n-base-loading__placeholder.icon-switch-transition-leave-from {
    transform: scale(1) translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%;
    opacity: 1;
}

.n-base-loading .n-base-loading__placeholder.icon-switch-transition-enter-active,
.n-base-loading .n-base-loading__placeholder.icon-switch-transition-leave-active {
    transform-origin: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-base-loading .n-base-loading__container {

    animation: rotator 3s linear infinite both;

}

.n-base-loading .n-base-loading__container .n-base-loading__icon {

    height: 1em;
    width: 1em;

}

.second-step__field-container {
    display: block;
    margin-bottom: 5px;
    position: relative
}

.second-step__field-container .has-error {
    z-index: 22
}

.second-step__field-container .has-error .second-step__field-total {
    display: none
}

.second-step__field-container label {
    color: var(--color_101)
}

.second-step__field-converter {
    float: right;
    font-size: 11px;
    text-align: right
}

.second-step__field-currency {
    color: var(--color_101);
    position: absolute;
    right: 20px
}

.second-step__field-total {
    display: block;
    font-size: 11px;
    margin-bottom: 15px;
    margin-top: -20px
}

.second-step__field-total-button {
    font-size: 11px;
    height: auto;
    margin-left: 7px
}

.second-step__limits-container {
    border-bottom: 1px solid var(--color_106)
}

.second-step__limits-label {
    display: block;
    margin-bottom: -20px
}

@media screen and (max-width:575px) {
    .second-step__limits-label-dots {
        display: none
    }
}

.second-step__limits-field-wrapper {
    flex-grow: 1
}

.second-step__limits-field input[type=number]::-webkit-inner-spin-button,
.second-step__limits-field input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.second-step__limits-field input[type=number] {
    -moz-appearance: textfield
}

.second-step__limits-field .ant-form-explain {
    font-size: 11px;
    position: absolute;
    white-space: nowrap
}

.second-step__limits-fields-container {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between
}

.second-step__limits-fields-container input[type=number]::-webkit-inner-spin-button,
.second-step__limits-fields-container input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.second-step__limits-fields-container input[type=number] {
    -moz-appearance: textfield
}

.second-step__limits-fields-container .ant-form-explain {
    font-size: 11px;
    position: absolute;
    white-space: nowrap
}

.second-step__limits-divider {
    color: var(--color_101)
}

.second-step__period-container {
    width: 200px
}

.second-step__period-container label {
    color: var(--color_101)
}

.loader {
    height: 100vh;
    justify-content: center;
    width: 100%
}

.dank-ass-loader,
.loader {
    align-items: center;
    display: flex
}

.dank-ass-loader {
    flex-direction: column
}

.dank-ass-loader .row {
    display: flex
}

.arrow {
    animation: blink 1s infinite;
    border-bottom: 21.6px solid #9c5eff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    filter: drop-shadow(0 0 18px #9c5eff);
    height: 0;
    margin: 0 -6px;
    width: 0
}

.arrow.down {
    transform: rotate(180deg)
}

.arrow.outer-1 {
    animation-delay: -.0555555556s
}

.arrow.outer-2 {
    animation-delay: -.1111111111s
}

.arrow.outer-3 {
    animation-delay: -.1666666667s
}

.arrow.outer-4 {
    animation-delay: -.2222222222s
}

.arrow.outer-5 {
    animation-delay: -.2777777778s
}

.arrow.outer-6 {
    animation-delay: -.3333333333s
}

.arrow.outer-7 {
    animation-delay: -.3888888889s
}

.arrow.outer-8 {
    animation-delay: -.4444444444s
}

.arrow.outer-9 {
    animation-delay: -.5s
}

.arrow.outer-10 {
    animation-delay: -.5555555556s
}

.arrow.outer-11 {
    animation-delay: -.6111111111s
}

.arrow.outer-12 {
    animation-delay: -.6666666667s
}

.arrow.outer-13 {
    animation-delay: -.7222222222s
}

.arrow.outer-14 {
    animation-delay: -.7777777778s
}

.arrow.outer-15 {
    animation-delay: -.8333333333s
}

.arrow.outer-16 {
    animation-delay: -.8888888889s
}

.arrow.outer-17 {
    animation-delay: -.9444444444s
}

.arrow.outer-18 {
    animation-delay: -1s
}

.arrow.inner-1 {
    animation-delay: -.1666666667s
}

.arrow.inner-2 {
    animation-delay: -.3333333333s
}

.arrow.inner-3 {
    animation-delay: -.5s
}

.arrow.inner-4 {
    animation-delay: -.6666666667s
}

.arrow.inner-5 {
    animation-delay: -.8333333333s
}

.arrow.inner-6 {
    animation-delay: -1s
}

@keyframes blink {
    0% {
        opacity: .1
    }

    30% {
        opacity: 1
    }

    to {
        opacity: .1
    }
}

.field {
    width: 100%
}

.opinions-most-track {
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.opinions-most-track .track {
    font-size: .65rem;
    font-weight: 500;
    height: 100%;
    text-align: center;
    transition: .45s;
    white-space: nowrap;
    width: 0
}

.opinions-most-track .track.positive {
    background: #3ccd76;
    float: left
}

.opinions-most-track .track.negative {
    background: #e95a59;
    float: right
}

.percent-to-dispute {
    font-size: 11px;
    margin: 25px auto 5px
}

.percent-to-dispute .pos-profit {
    color: #fff;
    font-family: Open sans, sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-top: 7px
}

.profit-to-dispute {
    color: #ffffffde;
    font-family: Open sans, sans-serif;
    font-size: 15px;
    font-weight: 500;
    position: absolute;
    right: 5%;
    text-align: center
}

.profit-to-dispute p:first-child {
    color: #ffffff69;
    font-size: 13px;
    font-weight: 100;
    margin: 0;
    padding-right: 5px;
    text-align: left
}

.profit-to-dispute span:last-child {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px
}

.profit-to-dispute i {
    font-size: 15px;
    margin-left: -3px
}

.time-to-close-trade-to-dispute {
    color: #ffffffcf;
    font-family: Open sans, sans-serif;
    font-size: 15px;
    font-weight: 500;
    position: absolute;
    right: 20%;
    text-align: right;
    white-space: nowrap
}

.time-to-close-trade-to-dispute p {
    color: #ffffff69;
    font-size: 13px;
    font-weight: 100;
    margin-bottom: 0;
    padding-right: 5px
}

.time-to-close-trade-to-dispute #time-to-trade {
    font-weight: 400;
    padding: 5px 10px
}

.right-top-ghTgp {
    align-self: start;
    contain: size layout;
    display: flex;
    flex-direction: column;
    grid-area: right-top-ghTgp;
    max-height: 100%;
    min-height: 0;
    overflow: hidden
}

.right-top-ghTgp .coins__items {
    max-height: 100%
}

.right-top-ghTgp .coins__items-wrapper {
    min-height: 0
}

.trade-menu {
    display: flex;
    margin-bottom: 1rem;
    overflow: auto hidden;
    padding: 0 .5rem;
    scrollbar-width: none
}

.trade-menu__item {
    background-color: transparent;
    cursor: pointer;
    font-size: .75rem;
    font-weight: 500;
    margin: 0 1rem 0 0;
    outline: none;
    padding: .3rem 0;
    position: relative;
    transition: border-color .1s, color .1s;
    white-space: nowrap
}

.trade-menu__item:after {
    background-color: #000;
    bottom: -.0714285714rem;
    content: "";
    height: .0714285714rem;
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%);
    transition: height .1s, width .1s;
    width: 0
}

.trade-menu__item--active:after {
    height: .1428571429rem;
    width: 100%
}

.right-top-ghTgp .coins__search,
.right-top-ghTgp .trade-menu {
    flex: 0 0 auto
}

.right-top-ghTgp .coins__items {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto
}

@media (max-width:1600px) {
    .right-top-ghTgp {
        max-height: calc(100vh - 220px)
    }
}

@media (max-width:1280px) {
    .right-top-ghTgp {
        max-height: calc(100vh - 260px)
    }

    .right-top-ghTgp .trade-menu {
        margin-bottom: .5rem
    }

    .right-top-ghTgp .coins__items {
        overflow: auto
    }
}

@media (max-width:900px) {
    .right-top-ghTgp {
        max-height: 55vh
    }
}

.n-base-clear {

    flex-shrink: 0;
    height: 1em;
    width: 1em;
    position: relative;

}

.n-base-clear>.n-base-clear__clear {

    font-size: var(--n-clear-size);
    height: 1em;
    width: 1em;
    cursor: pointer;
    color: var(--n-clear-color);
    transition: color .3s var(--n-bezier);
    display: flex;

}

.n-base-clear>.n-base-clear__clear:hover {

    color: var(--n-clear-color-hover) !important;

}

.n-base-clear>.n-base-clear__clear:active {

    color: var(--n-clear-color-pressed) !important;

}

.n-base-clear>.n-base-clear__placeholder {

    display: flex;

}

.n-base-clear>.n-base-clear__clear,
.n-base-clear>.n-base-clear__placeholder {

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);

}

.n-base-clear>.n-base-clear__clear.icon-switch-transition-enter-from,
.n-base-clear>.n-base-clear__placeholder.icon-switch-transition-enter-from,
.n-base-clear>.n-base-clear__clear.icon-switch-transition-leave-to,
.n-base-clear>.n-base-clear__placeholder.icon-switch-transition-leave-to {
    transform: translateX(-50%) translateY(-50%) scale(0.75);
    left: 50%;
    top: 50%;
    opacity: 0;
}

.n-base-clear>.n-base-clear__clear.icon-switch-transition-enter-to,
.n-base-clear>.n-base-clear__placeholder.icon-switch-transition-enter-to,
.n-base-clear>.n-base-clear__clear.icon-switch-transition-leave-from,
.n-base-clear>.n-base-clear__placeholder.icon-switch-transition-leave-from {
    transform: scale(1) translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%;
    opacity: 1;
}

.n-base-clear>.n-base-clear__clear.icon-switch-transition-enter-active,
.n-base-clear>.n-base-clear__placeholder.icon-switch-transition-enter-active,
.n-base-clear>.n-base-clear__clear.icon-switch-transition-leave-active,
.n-base-clear>.n-base-clear__placeholder.icon-switch-transition-leave-active {
    transform-origin: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}

.create-submit-modal .ant-modal {
    width: min(480px, 100% - 20px) !important
}

.create-submit-modal .ant-modal-footer {
    padding: 10px 5px
}

.create-submit-modal__section {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    overflow-x: auto;
    padding: 0 5px 25px
}

@media screen and (min-width:576px) {
    .create-submit-modal__section {
        flex-direction: column
    }
}

@media screen and (max-width:575px) {
    .create-submit-modal__section {
        gap: 15px
    }
}

.create-submit-modal__section--border-bottom {
    border-bottom: 1px solid var(--color_106)
}

.create-submit-modal__row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

@media screen and (max-width:575px) {
    .create-submit-modal__row {
        align-items: center;
        flex-direction: column;
        gap: 10px;
        justify-content: flex-start
    }
}

.create-submit-modal__left-cell-label {
    color: var(--grey_text_color);
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap
}

.create-submit-modal__right-cell {
    text-align: right
}

@media screen and (max-width:575px) {
    .create-submit-modal__right-cell {
        text-align: center
    }
}

.create-submit-modal__right-cell-label {
    color: var(--color_101);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: right;
    white-space: nowrap
}

.create-submit-modal__right-cell-label--white-space-preline {
    white-space: pre-line
}

.create-submit-modal__right-cell-label--green {
    color: var(--order_green)
}

.create-submit-modal__right-cell-label--red {
    color: var(--order_red)
}

.statusbar {
    align-items: center;
    display: grid;
    gap: 12px 16px;
    grid-template-columns: auto 1fr
}

@media (max-width:1200px) {
    .grid {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr))
    }
}

@media (max-width:992px) {
    .statusbar {
        grid-template-columns: 1fr
    }

    .grid {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (max-width:768px) {
    .grid {
        gap: 10px 12px;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (max-width:460px) {
    .grid {
        grid-template-columns: 1fr
    }
}

.grid {
    display: grid;
    gap: 8px 16px;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr))
}

.status-bar__metrics {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 20px;
    min-width: 0
}

.metric b {
    font-weight: 600;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.metric b.up {
    color: #3fb950
}

.metric b.down {
    color: #e54848
}

.cell {
    display: grid;
    gap: 1px
}

.cell .label {
    font-size: 11px;
    opacity: .7
}

.cell .val {
    font-size: 15px;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    line-height: 1.1;
    white-space: nowrap
}

.cell.up .val {
    color: #2ecc71
}

.cell.down .val {
    color: #ff5b5b
}

.muted {
    font-size: 12px;
    opacity: .7
}

@keyframes spin-rotate {

    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }

}

.n-spin-container {

    position: relative;

}

.n-spin-container .n-spin-body {

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);

}

.n-spin-container .n-spin-body.fade-in-transition-enter-active {
    transition: all 0.2s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-spin-container .n-spin-body.fade-in-transition-leave-active {
    transition: all 0.2s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-spin-container .n-spin-body.fade-in-transition-enter-from,
.n-spin-container .n-spin-body.fade-in-transition-leave-to {
    opacity: 0;
}

.n-spin-container .n-spin-body.fade-in-transition-leave-from,
.n-spin-container .n-spin-body.fade-in-transition-enter-to {
    opacity: 1;
}

.n-spin-body {

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

}

.n-spin {

    display: inline-flex;
    height: var(--n-size);
    width: var(--n-size);
    font-size: var(--n-size);
    color: var(--n-color);

}

.n-spin.n-spin--rotate {

    animation: spin-rotate 2s linear infinite;

}

.n-spin-description {

    display: inline-block;
    font-size: var(--n-font-size);
    color: var(--n-text-color);
    transition: color .3s var(--n-bezier);
    margin-top: 8px;

}

.n-spin-content {

    opacity: 1;
    transition: opacity .3s var(--n-bezier);
    pointer-events: all;

}

.n-spin-content.n-spin-content--spinning {

    user-select: none;
    -webkit-user-select: none;
    pointer-events: none;
    opacity: var(--n-opacity-spinning);

}

.info-header {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.5rem
}

.info-header h4 {
    font-size: 1rem;
    font-weight: 500;
    margin: 0
}

.time-value {
    font-weight: 600
}

.info-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between
}

.info-box {
    border: 1px solid #333;
    border-radius: 8px;
    flex: 1 1 calc(32.333% - .66rem);
    padding: 1rem;
    text-align: center;
    transition: border-color .2s
}

.info-box:hover {
    border-color: #666
}

.box-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 .5rem
}

.box-value {
    font-size: 1.2rem;
    font-weight: 700
}

@media (max-width:768px) {
    .info-box {
        flex: 1 1 100%
    }

    .info-header {
        align-items: flex-start;
        flex-direction: column
    }
}

.request-card {
    box-shadow: 0 0 10px #0000001a;
    min-height: 500px
}

.title {
    font-size: 14px
}

.spacer {
    flex-grow: 1
}

.box {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    padding: 20px;
    text-align: center
}

.card-cover {
    background: #20b2aa
}

.my-common {
    margin: 10px auto
}

.box-row {
    margin-top: 30px
}

.mt-0 {
    margin: 0
}

#add-words-btn:hover,
#remove-words-btn:hover {
    background-color: #d4d4d491 !important
}

#add-words-btn,
#remove-words-btn {
    align-items: center;
    background: transparent !important;
    border: 2px dashed #a9a9a9;
    border-radius: 4px;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 500;
    justify-content: center;
    letter-spacing: .0892857143em;
    margin-top: 15px;
    outline: 0;
    position: relative;
    text-decoration: none;
    text-indent: .0892857143em;
    text-transform: uppercase;
    transition: background-color .3s ease-in-out, opacity .3s ease-in-out !important;
    transition-duration: .28s;
    transition-property: box-shadow, transform, opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%
}

.wallet-connect-form {
    display: grid !important;
    gap: 16px !important;
    grid-template-columns: repeat(3, 1fr) !important
}

@media (max-width:768px) {
    .wallet-connect-form {
        grid-template-columns: repeat(2, 1fr) !important
    }
}

.input-error--text {
    border-color: #ff5252
}

.input-error--text::placeholder {
    color: red
}

.input-error--text::-webkit-input-placeholder {
    color: red
}

.input-error--text::-moz-placeholder {
    color: red
}

.input-error--text:-ms-input-placeholder {
    color: red
}

.input-error--text::-ms-input-placeholder {
    color: red
}

#add-words-btn:hover,
#remove-words-btn:hover {
    background-color: #d4d4d491 !important
}

#add-words-btn,
#remove-words-btn {
    align-items: center;
    background: transparent !important;
    border: 2px dashed #a9a9a9;
    border-radius: 4px;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 500;
    justify-content: center;
    letter-spacing: .0892857143em;
    margin-top: 15px;
    outline: 0;
    position: relative;
    text-decoration: none;
    text-indent: .0892857143em;
    text-transform: uppercase;
    transition: background-color .3s ease-in-out, opacity .3s ease-in-out !important;
    transition-duration: .28s;
    transition-property: box-shadow, transform, opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.wallet-connect-form {
    display: grid !important;
    gap: 16px !important;
    grid-template-columns: repeat(3, 1fr) !important
}

@media (max-width:768px) {
    .wallet-connect-form {
        grid-template-columns: repeat(2, 1fr) !important
    }
}

.input-error--text {
    border-color: #ff5252
}

.input-error--text::placeholder {
    color: red
}

.input-error--text::-webkit-input-placeholder {
    color: red
}

.input-error--text::-moz-placeholder {
    color: red
}

.input-error--text:-ms-input-placeholder {
    color: red
}

.input-error--text::-ms-input-placeholder {
    color: red
}

.trade__box-ghTgp {
    align-items: start;
    display: grid;
    gap: 10px;
    grid-template-areas: "left-ghTgp top-ghTgp right-top-ghTgp" "left-ghTgp center-top-ghTgp right-top-ghTgp" "left-ghTgp center-bottom-ghTgp right-top-ghTgp" "orders-list orders-list orders-list";
    grid-template-columns: 338px minmax(0, 1fr) 338px;
    grid-template-rows: auto auto 1fr auto;
    height: 100%;
    min-height: 0
}

.trade__box-ghTgp>* {
    min-height: 0
}

.right-top-ghTgp {
    display: flex;
    flex-direction: column;
    min-height: 0
}

.right-top-ghTgp .coins__items {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto
}

@media (max-width:1600px) {
    .trade__box-ghTgp {
        grid-template-columns: 300px minmax(0, 1fr) 300px
    }
}

@media (max-width:1440px) {
    .trade__box-ghTgp {
        grid-template-columns: 280px minmax(0, 1fr) 280px
    }
}

@media (max-width:1280px) {
    .trade__box-ghTgp {
        grid-template-areas: "left-ghTgp top-ghTgp" "left-ghTgp center-top-ghTgp" "left-ghTgp center-bottom-ghTgp" "left-ghTgp right-top-ghTgp" "orders-list orders-list";
        grid-template-columns: 300px minmax(0, 1fr)
    }
}

@media (max-width:1100px) {
    .trade__box-ghTgp {
        grid-template-columns: 260px minmax(0, 1fr)
    }
}

@media (max-width:900px) {
    .trade__box-ghTgp {
        grid-auto-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-gap: 0;
        grid-template-areas: "top-ghTgp top-ghTgp" "center-top-ghTgp center-top-ghTgp" "center-bottom-ghTgp center-bottom-ghTgp" "left-ghTgp left-ghTgp" "orders-list orders-list"
    }
}

.seller-cell h2 {
    color: var(--blue_color);
    cursor: pointer;
    font-size: 14px
}

.seller-cell__order-info {
    align-items: stretch;
    display: flex;
    font-size: 12px;
    gap: 5px
}

.seller-cell__order-info-horizontal-line {
    background: var(--grey_text_color);
    display: block;
    width: 1px
}

.seller-cell__order-info b {
    font-weight: 600
}

.user-p2p {
    align-items: flex-start;
    display: flex;
    gap: 1.0714285714rem;
    justify-content: flex-start;
    overflow: hidden
}

.user-p2p__name {
    color: #000;
    line-height: 1
}

.user-p2p__desc {
    color: #f79f1a;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    margin-top: .5rem
}

.user-p2p__desc>span {
    color: #8e8c98
}

.user-p2p__online {
    align-items: center;
    color: #f79f1a;
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    gap: .4285714286rem;
    justify-content: flex-start;
    line-height: 1;
    margin-top: .5rem
}

.user-p2p__img {
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 3rem;
    max-width: 3rem;
    min-width: 3rem
}

.user-p2p__img--empty {
    align-items: center;
    background: #f79f1a;
    display: flex;
    font-size: 1.1428571429rem;
    font-weight: 300;
    justify-content: center;
    line-height: 1
}

.n-base-close {

    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: transparent;
    color: var(--n-close-icon-color);
    border-radius: var(--n-close-border-radius);
    height: var(--n-close-size);
    width: var(--n-close-size);
    font-size: var(--n-close-icon-size);
    outline: none;
    border: none;
    position: relative;
    padding: 0;

}

.n-base-close.n-base-close--absolute {

    height: var(--n-close-icon-size);
    width: var(--n-close-icon-size);

}

.n-base-close::before {

    content: "";
    position: absolute;
    width: var(--n-close-size);
    height: var(--n-close-size);
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    transition: inherit;
    border-radius: inherit;

}

.n-base-close:not(.n-base-close--disabled):hover {

    color: var(--n-close-icon-color-hover);

}

.n-base-close:not(.n-base-close--disabled):hover::before {

    background-color: var(--n-close-color-hover);

}

.n-base-close:not(.n-base-close--disabled):focus::before {

    background-color: var(--n-close-color-hover);

}

.n-base-close:not(.n-base-close--disabled):active {

    color: var(--n-close-icon-color-pressed);

}

.n-base-close:not(.n-base-close--disabled):active::before {

    background-color: var(--n-close-color-pressed);

}

.n-base-close.n-base-close--disabled {

    cursor: not-allowed;
    color: var(--n-close-icon-color-disabled);
    background-color: transparent;

}

.n-base-close.n-base-close--round::before {

    border-radius: 50%;

}

.w-6 {
    width: 1.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-4 {
    margin-bottom: 1rem
}

.h-6 {
    height: 1.5rem
}

.w-12 {
    width: 3rem
}

.h-12 {
    height: 3rem
}

.text-purple-600 {
    color: #9810fa
}

.mx-auto {
    margin-inline: auto
}

.flex {
    display: flex
}

.text-center {
    text-align: center
}

.dark\:bg-green-950:is(.dark *) {
    background-color: #032e15
}

.dark\:text-green-400:is(.dark *) {
    color: #05df72
}

.bg-green-100 {
    background-color: #dcfce7
}

.rounded-lg {
    border-radius: .5rem
}

.dark\:bg-blue-950:is(.dark *) {
    background-color: #162456
}

.dark\:text-blue-400:is(.dark *) {
    color: #56a2ff;
    color: oklch(70.7% .165 254.624)
}

.justify-center {
    justify-content: center
}

.items-center {
    align-items: center
}

.dark\:bg-purple-950:is(.dark *) {
    background-color: #3c0366
}

.pt-6 {
    padding-top: 1.5rem
}

.p-6 {
    padding: 1.5rem
}

.text-white {
    color: #fff
}

svg {
    color: var(--color-main)
}

.futures__box-ghTgp {
    display: grid;
    gap: 8px;
    grid-template-areas: "chart orderbook trades manual" "orders orders orders orders" "orders-list orders-list orders-list orders-list";
    grid-template-columns: minmax(0, 1fr) 320px 320px 360px
}

@media (max-width:1920px) {
    .futures__box-ghTgp {
        grid-template-columns: minmax(0, 1fr) 280px 280px 320px
    }
}

.futures__box-ghTgp>div {
    background-color: #fff;
    border-radius: 3px
}

.chart {
    grid-area: chart
}

.order-book {
    grid-area: orderbook
}

.market-trades {
    grid-area: trades
}

.manual {
    grid-area: manual
}

.orders {
    grid-area: orders
}

.orders-list {
    grid-area: orders-list
}

@media (max-width:1800px) {
    .futures__box-ghTgp {
        grid-template-areas: "chart orderbook trades" "manual manual manual" "orders orders orders";
        grid-template-columns: .5fr 320px 320px
    }
}

@media (max-width:1600px) {
    .futures__box-ghTgp {
        grid-template-areas: "chart chart" "orderbook trades" "manual manual" "orders orders" "orders-list orders-list";
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:1280px) {
    .futures__box-ghTgp {
        grid-template-areas: "chart" "orderbook" "trades" "manual" "orders" "orders-list";
        grid-template-columns: 1fr
    }
}

td[data-v-133275a3] {
    font-weight: 500
}

thead th[data-v-133275a3] {
    text-wrap: nowrap
}

.periods-wrapper[data-v-133275a3] {
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: space-between;
    padding-left: 0;
    width: -moz-max-content;
    width: max-content
}

.period[data-v-133275a3],
.periods-wrapper[data-v-133275a3] {
    align-items: center;
    display: flex
}

.period[data-v-133275a3] {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .5rem;
    color: #000;
    cursor: pointer;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 500;
    justify-content: center;
    line-height: 1.35;
    padding: .375rem 0;
    text-wrap: pretty;
    transition: background-color .2s ease-in-out;
    vertical-align: initial;
    width: 3.75rem
}

.period[data-v-133275a3]:not(.active):hover {
    background-color: transparent !important;
    border: 1px solid #9b9bab
}

.period.active[data-v-133275a3]:hover {
    opacity: .9
}

.period.active[data-v-133275a3] {
    background-color: #3c83f61a;
    border: 1px solid #3b6cb5
}

.period-title[data-v-133275a3] {
    font-weight: 500;
    margin: 0 !important
}

.period-subtitle[data-v-133275a3] {
    color: #000000b3;
    margin: 0 !important
}

@media (max-width:450px) {
    .period[data-v-133275a3] {
        width: 3.5rem
    }
}

.wrapper[data-v-0c419f2a] {
    padding-top: 15px
}

#general .wrapper .inner[data-v-0c419f2a] {
    margin-top: 50px
}

.settings-user-info[data-v-0c419f2a] {
    align-items: center;
    justify-content: space-between
}

.settings-user-info[data-v-0c419f2a],
.settings-user-info__boxes[data-v-0c419f2a] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.settings-user-info__boxes[data-v-0c419f2a]>* {
    flex: 1 1 calc(20% - 16px);
    max-width: 100%;
    min-width: 200px
}

@media screen and (max-width:1024px) {
    .settings-user-info__boxes[data-v-0c419f2a]>* {
        flex: 1 1 calc(50% - 10px)
    }
}

@media screen and (max-width:600px) {
    .settings-user-info__boxes[data-v-0c419f2a]>* {
        flex: 1 1 100%
    }
}

.settings-user-info__box-label[data-v-0c419f2a] {
    color: var(--color_98);
    font-size: 14px;
    line-height: 16px
}

.settings-user-info__box-label-info svg[data-v-0c419f2a] {
    cursor: pointer;
    fill: var(--color_104)
}

.all-trades__title[data-v-0c419f2a] {
    color: var(--color_104);
    font-size: 22px;
    font-weight: 600;
    line-height: 24px
}

.all-trades__stat[data-v-0c419f2a] {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px
}

.all-trades__stat-value--green[data-v-0c419f2a] {
    color: var(--order_green)
}

.all-trades__stat-value--red[data-v-0c419f2a] {
    color: var(--order_red)
}

.wrapper[data-v-f524032e] {
    padding-top: 0
}

#general .wrapper .inner[data-v-f524032e] {
    margin-top: 50px
}

.settings-user-info[data-v-f524032e] {
    align-items: center;
    justify-content: space-between
}

.settings-user-info[data-v-f524032e],
.settings-user-info__boxes[data-v-f524032e] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.settings-user-info__boxes[data-v-f524032e]>* {
    flex: 1 1 calc(20% - 16px);
    max-width: 100%;
    min-width: 200px
}

@media screen and (max-width:1024px) {
    .settings-user-info__boxes[data-v-f524032e]>* {
        flex: 1 1 calc(50% - 10px)
    }
}

@media screen and (max-width:600px) {
    .settings-user-info__boxes[data-v-f524032e]>* {
        flex: 1 1 100%
    }
}

.settings-user-info__box-label[data-v-f524032e] {
    color: var(--color_98);
    font-size: 14px;
    line-height: 16px
}

.settings-user-info__box-label-info svg[data-v-f524032e] {
    cursor: pointer;
    fill: var(--color_104)
}

.all-trades__title[data-v-f524032e] {
    color: var(--color_104);
    font-size: 22px;
    font-weight: 600;
    line-height: 24px
}

.all-trades__stat[data-v-f524032e] {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px
}

.all-trades__stat-value--green[data-v-f524032e] {
    color: var(--order_green)
}

.all-trades__stat-value--red[data-v-f524032e] {
    color: var(--order_red)
}

.periods-wrapper[data-v-91714164] {
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: space-between;
    padding-left: 0;
    width: -moz-max-content;
    width: max-content
}

.period[data-v-91714164],
.periods-wrapper[data-v-91714164] {
    align-items: center;
    display: flex
}

.period[data-v-91714164] {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .5rem;
    color: #000;
    cursor: pointer;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 500;
    justify-content: center;
    line-height: 1.35;
    padding: .375rem 0;
    text-wrap: pretty;
    transition: background-color .2s ease-in-out;
    vertical-align: initial;
    width: 3.75rem
}

.period[data-v-91714164]:not(.active):hover {
    background-color: transparent !important;
    border: 1px solid #9b9bab
}

.period.active[data-v-91714164]:hover {
    opacity: .9
}

.period.active[data-v-91714164] {
    background-color: #3c83f61a;
    border: 1px solid #3b6cb5
}

.period-title[data-v-91714164] {
    font-weight: 500;
    margin: 0 !important
}

.period-subtitle[data-v-91714164] {
    color: #000000b3;
    margin: 0 !important
}

@media (max-width:450px) {
    .period[data-v-91714164] {
        width: 3.5rem
    }
}

.mmode-trigger[data-v-bbb81da6] {
    font-weight: 600
}

.mmode-modal[data-v-bbb81da6] .n-card__content {
    padding-top: 8px
}

.mmode-options[data-v-bbb81da6] {
    display: grid;
    gap: 12px
}

.mmode-option[data-v-bbb81da6] {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    cursor: pointer;
    padding: 14px;
    transition: border-color .15s ease, box-shadow .15s ease
}

.mmode-option.active[data-v-bbb81da6] {
    border-color: var(--primary-color, #3b82f6);
    box-shadow: inset 0 0 0 2px #3b82f633
}

.mmode-option__header[data-v-bbb81da6] {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-bottom: 6px
}

.mmode-option .title[data-v-bbb81da6] {
    font-weight: 600
}

.mmode-option .desc[data-v-bbb81da6] {
    font-size: 12px;
    line-height: 1.4;
    opacity: .8
}

.dot[data-v-bbb81da6] {
    border: 2px solid hsla(0, 0%, 100%, .35);
    border-radius: 999px;
    height: 10px;
    width: 10px
}

.dot.on[data-v-bbb81da6] {
    background: var(--primary-color, #3b82f6);
    border-color: transparent
}

.mmode-footer[data-v-bbb81da6] {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.actions[data-v-bbb81da6] {
    display: inline-flex;
    gap: 8px
}

.n-loading-bar-container {

    z-index: 5999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;

}

.n-loading-bar-container.fade-in-transition-enter-active {
    transition: all 0.3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-loading-bar-container.fade-in-transition-leave-active {
    transition: all 0.8s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-loading-bar-container.fade-in-transition-enter-from,
.n-loading-bar-container.fade-in-transition-leave-to {
    opacity: 0;
}

.n-loading-bar-container.fade-in-transition-leave-from,
.n-loading-bar-container.fade-in-transition-enter-to {
    opacity: 1;
}

.n-loading-bar-container .n-loading-bar {

    width: 100%;
    transition:
        max-width 4s linear,
        background .2s linear;
    height: var(--n-height);

}

.n-loading-bar-container .n-loading-bar.n-loading-bar--starting {

    background: var(--n-color-loading);

}

.n-loading-bar-container .n-loading-bar.n-loading-bar--finishing {

    background: var(--n-color-loading);
    transition:
        max-width .2s linear,
        background .2s linear;

}

.n-loading-bar-container .n-loading-bar.n-loading-bar--error {

    background: var(--n-color-error);
    transition:
        max-width .2s linear,
        background .2s linear;

}

.settings-add-button[data-v-58b499c8] {
    margin-left: auto
}

.settings-add-button__wrapper[data-v-58b499c8] {
    display: flex
}

.settings-add-button__label[data-v-58b499c8] {
    font-weight: 500
}

@media screen and (max-width:768px) {
    .settings-add-button__label[data-v-58b499c8] {
        display: none
    }
}

.settings-user-info[data-v-58b499c8] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.settings-user-info__title[data-v-58b499c8] {
    padding: 0
}

.settings-user-info__boxes[data-v-58b499c8] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between
}

.settings-payment-methods__title-wrapper[data-v-58b499c8] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
    padding-bottom: 20px
}

.all-trades__title[data-v-58b499c8] {
    color: var(--color_104);
    font-size: 22px;
    font-weight: 600;
    line-height: 24px
}

.all-trades__stat[data-v-58b499c8] {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px
}

.all-trades__stat-value--green[data-v-58b499c8] {
    color: var(--order_green)
}

.all-trades__stat-value--red[data-v-58b499c8] {
    color: var(--order_red)
}

.mmode-trigger[data-v-12c686f1] {
    font-weight: 600
}

.mmode-modal[data-v-12c686f1] .n-card__content {
    padding-top: 8px
}

.mmode-options[data-v-12c686f1] {
    display: grid;
    gap: 12px
}

.mmode-option[data-v-12c686f1] {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    cursor: pointer;
    padding: 14px;
    transition: border-color .15s ease, box-shadow .15s ease
}

.mmode-option.active[data-v-12c686f1] {
    border-color: #f7a600;
    box-shadow: inset 0 0 0 2px #3b82f633
}

.mmode-option__header[data-v-12c686f1] {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-bottom: 6px
}

.mmode-option .title[data-v-12c686f1] {
    font-weight: 600
}

.mmode-option .desc[data-v-12c686f1] {
    font-size: 12px;
    line-height: 1.4;
    opacity: .8
}

.dot[data-v-12c686f1] {
    border: 2px solid hsla(0, 0%, 100%, .35);
    border-radius: 999px;
    height: 10px;
    width: 10px
}

.dot.on[data-v-12c686f1] {
    background: #f7a600;
    border-color: transparent
}

.mmode-footer[data-v-12c686f1] {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.actions[data-v-12c686f1] {
    display: inline-flex;
    gap: 8px
}

.settings-add-button[data-v-07f1b36f] {
    margin-left: auto
}

.settings-add-button__wrapper[data-v-07f1b36f] {
    display: flex
}

.settings-add-button__label[data-v-07f1b36f] {
    font-weight: 500
}

@media screen and (max-width:768px) {
    .settings-add-button__label[data-v-07f1b36f] {
        display: none
    }
}

.settings-user-info[data-v-07f1b36f] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.settings-user-info__title[data-v-07f1b36f] {
    padding: 0
}

.settings-user-info__boxes[data-v-07f1b36f] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between
}

.settings-payment-methods__title-wrapper[data-v-07f1b36f] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.all-trades__title[data-v-07f1b36f] {
    color: var(--color_104);
    font-size: 22px;
    font-weight: 600;
    line-height: 24px
}

.all-trades__stat[data-v-07f1b36f] {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px
}

.all-trades__stat-value--green[data-v-07f1b36f] {
    color: var(--order_green)
}

.all-trades__stat-value--red[data-v-07f1b36f] {
    color: var(--order_red)
}

.request-card[data-v-478c8b01] {
    box-shadow: 0 0 10px #0000001a;
    position: relative
}

.title[data-v-478c8b01] {
    font-size: 14px
}

.p2p-chat-container[data-v-478c8b01] {
    justify-content: space-between
}

.p2p-chat-container[data-v-478c8b01],
.p2p-chat-container .p2p-chat-box[data-v-478c8b01] {
    align-content: center;
    display: flex;
    flex-direction: column
}

.p2p-chat-container .p2p-chat-box[data-v-478c8b01] {
    justify-content: center;
    max-height: 400px;
    overflow-y: scroll
}

.p2p-chat-container .p2p-chat-box[data-v-478c8b01]::-webkit-scrollbar {
    width: 4px
}

.p2p-chat-container .p2p-chat-box[data-v-478c8b01]::-webkit-scrollbar-track {
    background-color: transparent
}

.p2p-chat-container .p2p-chat-box[data-v-478c8b01]::-webkit-scrollbar-thumb {
    background-color: #87ceeb;
    border-radius: 3px
}

.chat-actions[data-v-478c8b01] {
    bottom: 20px;
    left: 5%;
    position: absolute;
    right: 5%
}

.actions-input[data-v-478c8b01] .ant-input-group-addon {
    background: transparent !important
}

.chat-message[data-v-478c8b01] {
    border-radius: 3px;
    color: gray;
    padding: 10px;
    word-break: break-all
}

.payment-item[data-v-ba1c5b54] {
    border: 1px solid var(--color_106);
    border-radius: 4px;
    box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b;
    margin-bottom: 20px;
    transition: box-shadow .3s ease
}

.payment-item__header[data-v-ba1c5b54] {
    align-items: center;
    border-bottom: 1px solid var(--color_106);
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px
}

.payment-item__actions[data-v-ba1c5b54] {
    display: flex;
    gap: 8px
}

.payment-item__actions .icon-wrapper[data-v-ba1c5b54] {
    align-items: center;
    display: flex;
    height: 16px;
    justify-content: center;
    width: 16px
}

.payment-item__content[data-v-ba1c5b54] {
    overflow-x: auto
}

.payment-item__table[data-v-ba1c5b54] {
    display: flex;
    gap: 15px;
    justify-content: space-between
}

.payment-item__table-column[data-v-ba1c5b54] {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.payment-item__table-head-cell[data-v-ba1c5b54] {
    color: var(--grey_text_color);
    font-size: 17px;
    font-weight: 500;
    white-space: nowrap
}

.payment-item__table-cell[data-v-ba1c5b54] {
    white-space: nowrap
}

.request-card[data-v-a6bfa86c] {
    box-shadow: 0 0 10px #0000001a;
    position: relative
}

.title[data-v-a6bfa86c] {
    font-size: 14px
}

.chat-container[data-v-a6bfa86c] {
    justify-content: space-between
}

.chat-container[data-v-a6bfa86c],
.chat-container .chat-box[data-v-a6bfa86c] {
    align-content: center;
    display: flex;
    flex-direction: column
}

.chat-container .chat-box[data-v-a6bfa86c] {
    justify-content: center;
    max-height: 400px;
    overflow-y: scroll
}

.chat-container .chat-box[data-v-a6bfa86c]::-webkit-scrollbar {
    width: 4px
}

.chat-container .chat-box[data-v-a6bfa86c]::-webkit-scrollbar-track {
    background-color: transparent
}

.chat-container .chat-box[data-v-a6bfa86c]::-webkit-scrollbar-thumb {
    background-color: #87ceeb;
    border-radius: 3px
}

.chat-actions[data-v-a6bfa86c] {
    bottom: 20px;
    left: 5%;
    position: absolute;
    right: 5%
}

.actions-input[data-v-a6bfa86c] .ant-input-group-addon {
    background: transparent !important
}

.chat-message[data-v-a6bfa86c] {
    border-radius: 3px;
    color: gray;
    padding: 10px;
    word-break: break-all
}

.n-affix {
    background: #00000054;
    width: 100%;
    z-index: 4
}

.menu-p2p {
    border-top: 1px solid transparent;
    transition: .3s
}

.menu-p2p--bg-changed {
    border-top: 1px solid var(--white_color)
}

.menu-p2p .p2p-main-tab {
    align-items: center;
    background-color: #ffffff05;
    display: flex;
    padding: 0 10px;
    width: 100%;
    z-index: 5
}

.menu-p2p__menu {
    background-color: transparent;
    border-bottom: 2px solid transparent !important;
    color: #fff;
    display: flex;
    flex: 1
}

.menu-p2p__create {
    margin-left: 25px
}

.menu-p2p .p2p-header__link {
    color: #fff !important;
    cursor: pointer;
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%
}

.menu-p2p .p2p-header__link .menu-mobile {
    display: none
}

.p2p-main-tab {
    color: #fff !important;
    z-index: 5
}

@media (max-width:768px) {
    .menu-p2p__menu .menu-mobile {
        display: block !important
    }

    .menu-p2p__menu .menu-label {
        display: none !important
    }
}

.n-affix {
    z-index: 100
}

.menu-p2p {
    border-top: 1px solid transparent;
    transition: .3s
}

.menu-p2p--bg-changed {
    border-top: 1px solid var(--white_color)
}

.menu-p2p .p2p-main-tab {
    align-items: center;
    background-color: #ffffff05;
    display: flex;
    padding: 0 10px;
    width: 100%;
    z-index: 5
}

.menu-p2p__menu {
    background-color: transparent;
    border-bottom: 2px solid transparent !important;
    color: #fff;
    display: flex;
    flex: 1
}

.menu-p2p__create {
    margin-left: 25px
}

.menu-p2p .p2p-header__link {
    color: inherit;
    cursor: pointer;
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%
}

.menu-p2p .p2p-header__link .menu-mobile {
    display: none
}

.p2p-main-tab {
    color: #fff !important;
    z-index: 5
}

@media (max-width:768px) {
    .menu-p2p__menu .menu-mobile {
        display: block !important
    }

    .menu-p2p__menu .menu-label {
        display: none !important
    }
}

.n-select {

    z-index: auto;
    outline: none;
    width: 100%;
    position: relative;
    font-weight: var(--n-font-weight);

}

.n-select-menu {

    margin: 4px 0;
    box-shadow: var(--n-menu-box-shadow);

}

.n-select-menu.fade-in-scale-up-transition-leave-active {
    transform-origin: inherit;
    transition: opacity .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1), background-color .3s var(--n-bezier), box-shadow .3s var(--n-bezier);
}

.n-select-menu.fade-in-scale-up-transition-enter-active {
    transform-origin: inherit;
    transition: opacity .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1), background-color .3s var(--n-bezier), box-shadow .3s var(--n-bezier);
}

.n-select-menu.fade-in-scale-up-transition-enter-from,
.n-select-menu.fade-in-scale-up-transition-leave-to {
    opacity: 0;
    transform: scale(.9);
}

.n-select-menu.fade-in-scale-up-transition-leave-from,
.n-select-menu.fade-in-scale-up-transition-enter-to {
    opacity: 1;
    transform: scale(1);
}

.amount-wrap[data-v-6b05550e] {
    align-items: flex-start;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    width: 100%
}

.col[data-v-6b05550e] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 6px
}

.col.right[data-v-6b05550e] {
    align-items: flex-end;
    text-align: right
}

.col.left[data-v-6b05550e] {
    align-items: flex-start;
    text-align: left
}

.label[data-v-6b05550e] {
    font-size: 12px;
    line-height: 1;
    opacity: .8
}

.amount[data-v-6b05550e] {
    align-items: baseline;
    display: inline-flex;
    gap: 8px
}

.num[data-v-6b05550e] {
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    word-break: break-all
}

.sym[data-v-6b05550e] {
    font-size: 20px;
    font-weight: 600;
    opacity: .95
}

.approx[data-v-6b05550e] {
    font-size: 12px;
    line-height: 1;
    opacity: .7
}

.v-otp-input.authentication-register__input[data-v-46935c3c] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(6, 1fr)
}

.v-otp-input .v-text-field__slot input.otp-field-box[data-v-46935c3c] {
    caret-color: transparent;
    font-size: 20px;
    font-weight: 700;
    height: 3rem;
    text-align: center;
    width: 100%
}

.authentication-register__code-section--error .v-input__slot[data-v-46935c3c] {
    box-shadow: inset 0 0 0 2px #ff666659
}

.authentication-register__load-btn.loading .v-btn__content[data-v-46935c3c] {
    opacity: .65
}

.authentication-register__load-btn.loading[data-v-46935c3c]:after {
    animation: otp-spin-46935c3c .8s linear infinite;
    border: 2px solid rgba(0, 0, 0, .25);
    border-radius: 50%;
    border-top-color: #000000b3;
    content: "";
    display: inline-block;
    height: 16px;
    margin-left: 10px;
    width: 16px
}

@keyframes otp-spin-46935c3c {
    to {
        transform: rotate(1turn)
    }
}

.levsel-trigger[data-v-cca960a2] {
    font-weight: 600
}

.levsel-body[data-v-cca960a2] {
    display: grid;
    gap: 16px
}

.levsel-controls[data-v-cca960a2] {
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    justify-items: center
}

.levsel-btn[data-v-cca960a2] {
    align-items: center;
    display: inline-flex;
    font-size: 18px;
    height: 36px;
    justify-content: center;
    padding: 0;
    width: 36px
}

.levsel-value[data-v-cca960a2] {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: .5px;
    text-align: center
}

.levsel-alert[data-v-cca960a2] {
    font-size: 12px
}

.levsel-footer[data-v-cca960a2] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 8px
}

.levsel-trigger[data-v-34202816] {
    font-weight: 600
}

.levsel-body[data-v-34202816] {
    display: grid;
    gap: 16px
}

.levsel-controls[data-v-34202816] {
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    justify-items: center
}

.levsel-btn[data-v-34202816] {
    align-items: center;
    display: inline-flex;
    font-size: 18px;
    height: 36px;
    justify-content: center;
    padding: 0;
    width: 36px
}

.levsel-value[data-v-34202816] {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: .5px;
    text-align: center
}

.levsel-alert[data-v-34202816] {
    font-size: 12px
}

.levsel-footer[data-v-34202816] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 8px
}

.trade-menu[data-v-d2578e8c] {
    display: flex;
    margin-bottom: 1rem;
    overflow: auto hidden;
    padding: 0 .5rem;
    scrollbar-width: none
}

.trade-menu__item[data-v-d2578e8c] {
    background-color: transparent;
    cursor: pointer;
    font-size: .75rem;
    font-weight: 500;
    margin: 0 1rem 0 0;
    outline: none;
    padding: .3rem 0;
    position: relative;
    transition: border-color .1s, color .1s;
    white-space: nowrap
}

.trade-menu__item[data-v-d2578e8c]:after {
    background-color: #000;
    bottom: -.0714285714rem;
    content: "";
    height: .0714285714rem;
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%);
    transition: height .1s, width .1s;
    width: 0
}

.trade-menu__item--active[data-v-d2578e8c]:after {
    height: .1428571429rem;
    width: 100%
}

.futures-form[data-v-1518408f] {
    display: grid;
    gap: 10px;
    padding: 10px
}

.input-row[data-v-1518408f] {
    align-items: center;
    display: flex;
    gap: 8px
}

.input-row.flags[data-v-1518408f] {
    flex-wrap: wrap;
    gap: 16px
}

.input-row.tp-sl[data-v-1518408f] {
    gap: 8px
}

.btn-row[data-v-1518408f] {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr
}

.hb-divider[data-v-1518408f] {
    background-color: var(--color-desc7);
    border: none;
    height: 1px;
    margin-top: -15px;
    width: 100%
}

.btn--c-green[data-v-1518408f] {
    background: #3ccb7f;
    border: .0714285714rem solid #3ccb7f;
    color: #000
}

.btn--c-red[data-v-1518408f] {
    background: #f04438;
    border: .0714285714rem solid #f04438;
    color: #000
}

.p2p-history-table__core[data-v-d34b3589] {
    margin-top: 10px
}

.first-cell[data-v-d34b3589] {
    align-items: center;
    display: flex;
    gap: 8px
}

.first-cell__label[data-v-d34b3589] {
    margin: 0
}

.fifth-cell__link[data-v-d34b3589],
.seventh-cell__link[data-v-d34b3589] {
    text-decoration: underline
}

.seventh-cell[data-v-d34b3589] {
    gap: 8px;
    justify-content: flex-end
}

.expended-row[data-v-d34b3589],
.seventh-cell[data-v-d34b3589] {
    align-items: center;
    display: flex
}

.expended-row[data-v-d34b3589] {
    justify-content: space-between
}

.expended-row p[data-v-d34b3589] {
    margin: 0
}

.expended-row__order-type--sell[data-v-d34b3589] {
    color: var(--order_green)
}

.expended-row__order-type--buy[data-v-d34b3589] {
    color: var(--order_red)
}

.title[data-v-31cd25f3] {
    color: #b7bdc6;
    font-size: 18px;
    text-align: center
}

@media screen and (min-width:1023px) {
    .title[data-v-31cd25f3] {
        font-size: 32px
    }
}

@media screen and (min-width:767px) {
    .title[data-v-31cd25f3] {
        font-size: 25px
    }
}

.desc[data-v-31cd25f3] {
    color: #b7bdc6;
    font-size: 14px;
    margin: 0 auto;
    padding: 14px;
    text-align: center;
    width: 100%
}

@media screen and (min-width:850px) {
    .desc[data-v-31cd25f3] {
        font-size: 22px;
        width: 80%
    }
}

.p2p-background-image[data-v-31cd25f3] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 256px;
    padding-top: 40px;
    position: relative;
    width: 100%
}

.p2p-create-assets-fields[data-v-f6f9e575] {
    border-bottom: 1px solid var(--color_106);
    margin-bottom: 24px;
    padding-bottom: 24px
}

.p2p-create-assets-fields__wrapper[data-v-f6f9e575] {
    align-items: center;
    display: flex;
    gap: 15px
}

.p2p-create-assets-fields__filter-button[data-v-f6f9e575] {
    width: 100%
}

.p2p-create-assets-fields__filter-button-model[data-v-f6f9e575] {
    width: calc(50% - 22px)
}

.p2p-create-assets-fields__filter-fiat-button-wrapper[data-v-f6f9e575] {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.p2p-create-assets-fields__arrow-icon[data-v-f6f9e575] {
    color: var(--color_101);
    font-size: 20px
}

@media screen and (max-width:575px) {
    .p2p-create-assets-fields__arrow-icon[data-v-f6f9e575] {
        margin-top: 22px
    }
}

.flex-class[data-v-cdeb6c87] {
    align-items: baseline;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 0 0 8px;
    min-width: 0
}

@media screen and (min-width:767px) {
    .flex-class[data-v-cdeb6c87] {
        flex-direction: column
    }
}

@media screen and (min-width:1023px) {
    .flex-class[data-v-cdeb6c87] {
        flex-direction: row
    }
}

.flex-class .title[data-v-cdeb6c87] {
    box-sizing: border-box;
    color: #707a8a;
    font-size: 12px;
    margin: 0 8px 0 0;
    min-width: 50px;
    padding-top: 0;
    text-align: left
}

.flex-class .flex-price[data-v-cdeb6c87] {
    box-sizing: border-box;
    display: flex;
    margin: 0;
    min-width: 0
}

.custom-btn[data-v-62419497] {
    border: 1px solid rgba(39, 44, 69, .2);
    border-radius: 5px !important;
    box-shadow: none !important;
    color: #121116;
    font-family: inter, sans-serif !important;
    font-size: 12px !important;
    font-stretch: normal;
    font-style: normal;
    height: 32px;
    letter-spacing: normal;
    line-height: 1;
    min-width: auto !important;
    text-align: left;
    text-transform: none !important;
    transition: all .1s linear
}

.custom-btn[data-v-62419497],
.custom-btn[data-v-62419497]:hover {
    background-color: transparent !important
}

.custom-btn[data-v-62419497]:hover {
    border: 1px solid #9b9bab
}

.custom-btn:hover span[data-v-62419497] {
    background-color: transparent !important
}

.c-asset {
    display: flex
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s ease
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0
}

.transaction-type {
    background: #019df980;
    border-radius: 5px;
    padding: 5px 8px
}

.transaction-status {
    border-radius: 5px;
    display: flex;
    padding: 5px 8px;
    width: -moz-max-content;
    width: max-content
}

.transaction-status.completed {
    background-color: #54ab681a;
    color: #54ab68
}

.transaction-status.in_processing {
    background-color: #ebbe0a1a;
    color: #ffa417
}

.transaction-status.canceled {
    background-color: #eb0a330f;
    color: #eb0a33
}

.p2p-create__card[data-v-ceeabfc7] {
    padding: 10px
}

.p2p-create__container[data-v-ceeabfc7] {
    margin: 0 auto;
    max-width: 800px
}

.p2p-create__title[data-v-ceeabfc7] {
    box-shadow: var(--box-shadow-dark);
    padding: 20px 10px;
    text-align: center
}

.p2p-create__title-heading[data-v-ceeabfc7] {
    font-size: 24px;
    font-weight: 600;
    margin: 0
}

.p2p-create__title-subheading[data-v-ceeabfc7] {
    font-size: 14px;
    margin-top: 5px
}

.p2p-create__step-responsive-title-wrapper[data-v-ceeabfc7] {
    margin: 20px 0;
    text-align: center
}

.p2p-create__footer-wrapper[data-v-ceeabfc7] {
    display: flex;
    gap: 10px;
    justify-content: flex-end
}

.p2p-create__card[data-v-50fa0b3c] {
    padding: 10px
}

.p2p-create__container[data-v-50fa0b3c] {
    margin: 0 auto;
    max-width: 800px
}

.p2p-create__title[data-v-50fa0b3c] {
    box-shadow: var(--box-shadow-dark);
    padding: 20px 10px;
    text-align: center
}

.p2p-create__title-heading[data-v-50fa0b3c] {
    font-size: 24px;
    font-weight: 600;
    margin: 0
}

.p2p-create__title-subheading[data-v-50fa0b3c] {
    font-size: 14px;
    margin-top: 5px
}

.p2p-create__step-responsive-title-wrapper[data-v-50fa0b3c] {
    margin: 20px 0;
    text-align: center
}

.p2p-create__footer-wrapper[data-v-50fa0b3c] {
    display: flex;
    gap: 10px;
    justify-content: flex-end
}

.p2p-create[data-v-cb21e4fc] {
    padding-top: 20px
}

.p2p-create__container[data-v-cb21e4fc] {
    margin: 0 auto;
    max-width: 800px
}

.p2p-create__title[data-v-cb21e4fc] {
    box-shadow: var(--box-shadow-dark);
    padding: 20px 10px;
    text-align: center
}

.p2p-create__title-heading[data-v-cb21e4fc] {
    font-size: 24px;
    font-weight: 600;
    margin: 0
}

.p2p-create__title-subheading[data-v-cb21e4fc] {
    font-size: 14px;
    margin-top: 5px
}

.p2p-create__step-responsive-title-wrapper[data-v-cb21e4fc] {
    margin: 20px 0;
    text-align: center
}

.p2p-create__footer-wrapper[data-v-cb21e4fc] {
    display: flex;
    gap: 10px;
    justify-content: flex-end
}

.order-card[data-v-e8fb2db6] {
    border-radius: 10px;
    padding: 6px
}

.row-form[data-v-e8fb2db6] {
    justify-content: space-between
}

.row-form[data-v-e8fb2db6],
.row-left[data-v-e8fb2db6] {
    align-items: center;
    display: flex
}

.row-left[data-v-e8fb2db6] {
    gap: 10px
}

.switch[data-v-e8fb2db6] {
    margin-left: 2px
}

.row-right[data-v-e8fb2db6] {
    align-items: center;
    display: flex;
    gap: 6px
}

.max-btn[data-v-e8fb2db6] {
    padding: 0
}

.amount[data-v-e8fb2db6] .n-input-number {
    border-radius: 8px
}

.hint[data-v-e8fb2db6] {
    font-size: 13px;
    text-align: center
}

.order-card[data-v-9d7e2e1d] {
    border-radius: 10px;
    padding: 6px
}

.row-form[data-v-9d7e2e1d] {
    justify-content: space-between
}

.row-form[data-v-9d7e2e1d],
.row-left[data-v-9d7e2e1d] {
    align-items: center;
    display: flex
}

.row-left[data-v-9d7e2e1d] {
    gap: 10px
}

.switch[data-v-9d7e2e1d] {
    margin-left: 2px
}

.row-right[data-v-9d7e2e1d] {
    align-items: center;
    display: flex;
    gap: 6px
}

.max-btn[data-v-9d7e2e1d] {
    padding: 0
}

.amount[data-v-9d7e2e1d] .n-input-number {
    border-radius: 8px
}

.hint[data-v-9d7e2e1d] {
    font-size: 13px;
    text-align: center
}

.counter-box[data-v-9cedc4ba] {
    border: 1px solid var(--color_106);
    border-radius: 8px;
    flex-direction: column;
    flex-shrink: 0;
    margin: 0 auto 20px;
    min-height: 112px;
    padding: 24px;
    width: 258.5px
}

.counter-box__label[data-v-9cedc4ba] {
    color: var(--color_98);
    font-size: 14px;
    line-height: 16px
}

.counter-box__label-wrapper[data-v-9cedc4ba] {
    margin-bottom: 16px;
    text-align: center
}

.counter-box__value[data-v-9cedc4ba] {
    color: var(--color_104);
    font-size: 22px;
    font-weight: 600;
    line-height: 24px
}

.counter-box__value-wrapper[data-v-9cedc4ba] {
    text-align: center
}

.table-box__filters[data-v-04beb45e] {
    align-items: center;
    display: flex;
    gap: 1.4285714286rem;
    justify-content: space-between;
    margin-bottom: 1.1428571429rem
}

.p2p-tm[data-v-04beb45e] {
    flex-wrap: wrap;
    gap: .2857142857rem;
    max-width: 7.1428571429rem
}

.p2p-tm[data-v-04beb45e],
.p2p-tm__image-empty[data-v-04beb45e] {
    align-items: center;
    display: flex;
    justify-content: center
}

.p2p-tm__image-empty[data-v-04beb45e] {
    border-radius: 50%;
    color: #fff;
    font-size: .8571428571rem;
    font-weight: 500;
    height: 1.7142857143rem;
    line-height: 1;
    width: 1.7142857143rem
}

.exchange .main-exchange .main-exchange__section .main-exchange__section__change-button[data-v-bde42e28] {
    height: 25px !important;
    max-width: 25px !important;
    min-width: 25px !important
}

.exchange .main-exchange .main-exchange__section[data-v-bde42e28] {
    align-items: center
}

.exchange .main-exchange[data-v-bde42e28] {
    border: none;
    padding: 0
}

.dialog-refill .dialog-refill__sections .dialog-refill__sections__section .dialog-refill__sections__section__input[data-v-bde42e28] {
    margin-bottom: 0
}

.dialog-refill .dialog-refill__sections .dialog-refill__sections__section .dialog-refill__address_wallet-title.start-title[data-v-bde42e28]:not(:first-child) {
    margin-top: 15px
}

.wallet-type[data-v-865a4bf2] {
    background: #019df980
}

.wallet-status[data-v-865a4bf2],
.wallet-type[data-v-865a4bf2] {
    border-radius: 5px;
    padding: 5px 8px
}

.wallet-status.verified[data-v-865a4bf2] {
    background-color: #54ab681a;
    color: #54ab68
}

.wallet-status.pending[data-v-865a4bf2] {
    background-color: #ebbe0a1a;
    color: #ffa417
}

.wallet-status.not_verified[data-v-865a4bf2] {
    background-color: #eb0a330f;
    color: #eb0a33
}

.wallet-encrypted[data-v-865a4bf2] {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: left;
    margin-top: 3px
}

.wallet-type[data-v-8b1524b8] {
    background: #019df980
}

.wallet-status[data-v-8b1524b8],
.wallet-type[data-v-8b1524b8] {
    border-radius: 5px;
    padding: 5px 8px
}

.wallet-status.verified[data-v-8b1524b8] {
    background-color: #54ab681a;
    color: #54ab68
}

.wallet-status.pending[data-v-8b1524b8] {
    background-color: #ebbe0a1a;
    color: #ffa417
}

.wallet-status.not_verified[data-v-8b1524b8] {
    background-color: #eb0a330f;
    color: #eb0a33
}

.wallet-encrypted[data-v-8b1524b8] {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: left;
    margin-top: 3px
}

.n-skeleton {

    height: 1em;
    width: 100%;
    transition:
        --n-color-start .3s var(--n-bezier),
        --n-color-end .3s var(--n-bezier),
        background-color .3s var(--n-bezier);
    animation: 2s skeleton-loading infinite cubic-bezier(0.36, 0, 0.64, 1);
    background-color: var(--n-color-start);

}

@keyframes skeleton-loading {

    0% {
        background: var(--n-color-start);
    }

    40% {
        background: var(--n-color-end);
    }

    80% {
        background: var(--n-color-start);
    }

    100% {
        background: var(--n-color-start);
    }

}

.futures-form[data-v-5eb279fc] {
    display: grid;
    gap: 10px
}

.input-row[data-v-5eb279fc] {
    align-items: center;
    display: flex;
    gap: 8px
}

.input-row.flags[data-v-5eb279fc] {
    flex-wrap: wrap;
    gap: 16px
}

.input-row.tp-sl[data-v-5eb279fc] {
    gap: 8px
}

.btn-row[data-v-5eb279fc] {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr
}

.hb-divider[data-v-5eb279fc] {
    background-color: var(--color-desc7);
    border: none;
    height: 1px;
    margin-top: -15px;
    width: 100%
}

.info__stats.up .info__stats-value[data-v-fb332b82] {
    color: #2ecc71
}

.info__stats.down .info__stats-value[data-v-fb332b82] {
    color: #ff5b5b
}

@media (max-width:1280px) {

    .info__prices[data-v-fb332b82],
    .info__stats[data-v-fb332b82] {
        margin-right: 10px
    }

    .info__price[data-v-fb332b82],
    .info__stats-title[data-v-fb332b82] {
        font-size: 11px
    }

    .info__stats-value[data-v-fb332b82] {
        font-size: 12px
    }
}

.muted[data-v-fb332b82] {
    font-size: 12px;
    opacity: .7
}

.market-pop-up-field__wrapper {
    border-radius: 4px;
    position: relative
}

.market-pop-up-field__wrapper .ant-input-number {
    background: transparent;
    background: var(--color_1);
    border: 1px solid #535085;
    border-radius: 4px;
    color: var(--color_76)
}

.market-pop-up-field__suffix {
    color: var(--color_100);
    line-height: 1;
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.market-pop-up-field__suffix .ant-spin-spinning {
    display: flex
}

td[data-v-8ecb0479] {
    color: #000000de
}

.transaction-status[data-v-8ecb0479] {
    border-radius: 5px;
    display: flex;
    padding: 5px 8px;
    width: -moz-max-content;
    width: max-content
}

.transaction-status.completed[data-v-8ecb0479] {
    background-color: #54ab681a;
    color: #54ab68
}

.transaction-status.in_processing[data-v-8ecb0479] {
    background-color: #ebbe0a1a;
    color: #ffa417
}

.transaction-status.canceled[data-v-8ecb0479] {
    background-color: #eb0a330f;
    color: #eb0a33
}

.n-icon {

    height: 1em;
    width: 1em;
    line-height: 1em;
    text-align: center;
    display: inline-block;
    position: relative;
    fill: currentColor;

}

.n-icon.n-icon--color-transition {
    transition: color .3s var(--n-bezier);
}

.n-icon.n-icon--depth {
    color: var(--n-color);
}

.n-icon.n-icon--depth svg {
    opacity: var(--n-opacity);
    transition: opacity .3s var(--n-bezier);
}

.n-icon svg {
    height: 1em;
    width: 1em;
}

.WarningMessage[data-v-e2be6fe8] {
    align-items: center;
    background: var(--color-main);
    border-color: #ddd !important;
    border-radius: .25rem;
    color: #909090;
    display: flex;
    margin: 15px auto;
    min-width: 6.25rem;
    outline: none;
    padding: 10px;
    width: 100%
}

.WarningMessage svg[data-v-e2be6fe8] {
    margin: 0 .4rem
}

.WarningMessage .https[data-v-e2be6fe8] {
    color: #02f120
}

.WarningMessage .link[data-v-e2be6fe8] {
    color: #fff
}

.seller-cell h2[data-v-8ffe9c0a] {
    color: var(--blue_color);
    cursor: pointer;
    font-size: 14px
}

.seller-cell__order-info[data-v-8ffe9c0a] {
    align-items: stretch;
    display: flex;
    font-size: 12px;
    gap: 5px
}

.seller-cell__order-info-horizontal-line[data-v-8ffe9c0a] {
    background: var(--grey_text_color);
    display: block;
    width: 1px
}

.seller-cell__order-info b[data-v-8ffe9c0a] {
    font-weight: 600
}

.row--grid[data-v-291c7e35] {
    align-items: end;
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr auto 1fr;
    margin: 12px 0
}

.swap-box[data-v-291c7e35] {
    align-items: end;
    display: flex;
    padding-bottom: 6px
}

.available-balance[data-v-291c7e35] {
    font-size: 14px;
    margin: 8px 0 16px
}

.available-balance .link[data-v-291c7e35] {
    cursor: pointer;
    text-decoration: underline
}

.center-bottom-ghTgp[data-v-d2f98e8a] {
    background-color: transparent
}

.orders[data-v-d2f98e8a] {
    display: flex;
    justify-content: center
}

.orders__box[data-v-d2f98e8a] {
    width: 100%
}

.grid__title[data-v-d2f98e8a] {
    font-weight: 600;
    margin-bottom: 8px
}

.tabs-card[data-v-d2f98e8a] {
    padding: 6px
}

.link[data-v-d2f98e8a] {
    text-decoration: underline
}

.center-bottom-ghTgp[data-v-ddd7eff1] {
    background-color: transparent
}

.orders[data-v-ddd7eff1] {
    display: flex;
    justify-content: center
}

.orders__box[data-v-ddd7eff1] {
    width: 100%
}

.grid__title[data-v-ddd7eff1] {
    font-weight: 600;
    margin-bottom: 8px
}

.tabs-card[data-v-ddd7eff1] {
    padding: 6px
}

.link[data-v-ddd7eff1] {
    text-decoration: underline
}

.v-vl {
    max-height: inherit;
    height: 100%;
    overflow: auto;
    min-width: 1px;
}

.v-vl:not(.v-vl--show-scrollbar) {
    scrollbar-width: none;
}

.v-vl:not(.v-vl--show-scrollbar)::-webkit-scrollbar,
.v-vl:not(.v-vl--show-scrollbar)::-webkit-scrollbar-track-piece,
.v-vl:not(.v-vl--show-scrollbar)::-webkit-scrollbar-thumb {
    width: 0;
    height: 0;
    display: none;
}

.payment-order-create-modal {
    width: min(800px, 100% - 20px) !important
}

.payment-order-create-modal .ant-modal-wrap {
    z-index: 1000
}

.payment-order-create-modal__item {
    cursor: pointer
}

.payment-order-create-modal__item--disabled {
    cursor: none;
    opacity: .4;
    pointer-events: none
}

.payment-order-create-modal__item .payment-item__table {
    gap: 20px
}

.settings-user-info__card {
    border-radius: 4px
}

.settings-user-info__card .ant-card-body {
    padding-bottom: 14px;
    padding-left: 0;
    padding-right: 0
}

.settings-user-info__box-label {
    color: var(--color_98);
    font-size: 14px;
    line-height: 16px
}

.settings-user-info__box-label-info svg {
    cursor: pointer;
    fill: var(--color_104)
}

.wrapper[data-v-f92d3112] {
    padding-top: 0
}

#general .wrapper .inner[data-v-f92d3112] {
    margin-top: 50px
}

.request-details-page[data-v-f92d3112] {
    min-height: 90vh;
    padding: 100px 5px
}

.row-margin[data-v-f92d3112] {
    height: 100vh;
    margin: 15px auto
}

.full-height[data-v-f92d3112] {
    height: 100%
}

.wrapper[data-v-2320f945] {
    padding-top: 0
}

#general .wrapper .inner[data-v-2320f945] {
    margin-top: 50px
}

.request-details-page[data-v-2320f945] {
    min-height: 90vh;
    padding: 100px 5px
}

.row-margin[data-v-2320f945] {
    height: 100vh;
    margin: 15px auto
}

.full-height[data-v-2320f945] {
    height: 100%
}

.settings-user-info__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.settings-user-info__card .ant-card-head-title {
    overflow: unset;
    width: 100%
}

.settings-user-info__box-label-info svg {
    cursor: pointer;
    fill: var(--color_104)
}

.p2p-profile .ant-tabs {
    overflow: unset
}

.v-binder-follower-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 0;
    pointer-events: none;
    z-index: auto;
}

.v-binder-follower-content {
    position: absolute;
    z-index: auto;
}

.v-binder-follower-content>* {
    pointer-events: all;
}

.bank-title[data-v-150d71ff] {
    display: flex;
    font-size: 20px;
    font-weight: 500;
    gap: 7px;
    line-height: 20px;
    position: relative;
    text-transform: capitalize
}

.bank-title__flag[data-v-150d71ff] {
    background: var(--order_green);
    border-radius: 4px;
    display: block;
    width: 4px
}

.create-third-top[data-v-b3d2befb] {
    border-bottom: 1px solid var(--color_106);
    margin-bottom: 25px;
    padding-bottom: 25px
}

.create-third-top__field-wrapper[data-v-b3d2befb]:first-of-type {
    margin-bottom: 10px;
    margin-top: 10px
}

.create-third-top__field-wrapper label[data-v-b3d2befb] {
    color: var(--color_101)
}

.withdraw-pay__info[data-v-fd292c0e] {
    align-items: center;
    color: #969fa8;
    display: flex;
    font-size: 1rem !important;
    justify-content: space-between;
    margin-bottom: 15px;
    text-align: center
}

.withdraw-pay-info span[data-v-fd292c0e] {
    border-bottom: 1px solid #000;
    color: #000
}

.n-form.n-form--inline {

    width: 100%;
    display: inline-flex;
    align-items: flex-start;
    align-content: space-around;

}

.n-form.n-form--inline .n-form-item {
    width: auto;
    margin-right: 18px;
}

.n-form.n-form--inline .n-form-item:last-child {
    margin-right: 0;
}

.channel-verification__form__inputs[data-v-3042aec0] {
    align-items: start;
    display: grid;
    gap: 12px;
    grid-template-columns: 320px 1fr
}

.error--text .v-messages__message[data-v-3042aec0] {
    color: #d03050
}

.channel-verification__form__input[data-v-3042aec0] {
    cursor: pointer
}

.chart-container[data-v-2f06c982] {
    height: 60px;
    position: relative;
    width: 150px
}

.spinner[data-v-2f06c982] {
    color: #847ae7;
    font-size: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.n-base-icon {

    height: 1em;
    width: 1em;
    line-height: 1em;
    text-align: center;
    display: inline-block;
    position: relative;
    fill: currentColor;

}

.n-base-icon svg {

    height: 1em;
    width: 1em;

}

.payment-method-row[data-v-6e9be602] {
    align-items: stretch;
    display: flex;
    overflow: hidden
}

.color-bar[data-v-6e9be602] {
    min-height: 100%;
    width: 6px
}

.payment-info[data-v-6e9be602] {
    flex: 1;
    padding: 10px 12px
}

.exchange__header[data-v-8fa70435] {
    height: 350px !important
}

@media (max-width:768px) {
    .intro-img img[data-v-8fa70435] {
        display: none !important
    }

    .exchange__header[data-v-8fa70435] {
        height: 250px !important
    }
}

.cf[data-v-c08b89f8] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 2rem;
    position: relative;
    vertical-align: -7px;
    width: 2rem
}

.n-input-number-suffix {

    display: inline-block;
    margin-right: 10px;

}

.n-input-number-prefix {

    display: inline-block;
    margin-left: 10px;

}

.price {
    padding-right: 20px
}

.price .price-1 {
    font-size: 14px
}

.price .price-2 {
    color: #b0b0b0;
    font-size: 14px;
    margin-left: 10px
}

.nuxt-icon {
    height: 1em;
    margin-bottom: .125em;
    vertical-align: middle;
    width: 1em
}

.nuxt-icon--fill,
.nuxt-icon--fill * {
    fill: currentColor
}

.center-top-ghTgp[data-v-4e2f1d76] {
    height: 600px
}

.klinecharts-pro-watermark[data-v-4e2f1d76] {
    opacity: .03;
    transform: translate(-50%) translateY(-50%) scale(12)
}

#send-code[disabled][data-v-9425bc1c],
#submit-reset[disabled][data-v-9425bc1c],
#submit-verify[disabled][data-v-9425bc1c] {
    opacity: .7;
    pointer-events: none
}

.n-base-wave {

    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: inherit;

}

.user-info__badge-mark-icon svg {
    fill: var(--order_green)
}

.user-info__badge-mark-icon svg path:first-of-type {
    fill: var(--white_color)
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s ease
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0
}

.p2p-row__col--limits span[data-v-8a9cf8ba] {
    color: #8e8c98;
    display: inline-block;
    font-weight: 400;
    min-width: 4.8571428571rem
}

html.cafe {
    filter: sepia(.9) hue-rotate(315deg) brightness(.9)
}

html.contrast {
    filter: contrast(2)
}

.form-actions[data-v-892bd5dd] {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px
}

.klinecharts-pro-watermark {
    opacity: .03;
    transform: translate(-50%) translateY(-50%) scale(12)
}

.about-us__security__blocks__item__icon span[data-v-85a6957d] {
    color: #fff;
    font-size: 30px
}

.coin-cell[data-v-1e9ca64e] {
    align-items: center;
    display: flex;
    gap: 10px
}

#forgot-password__btn[disabled][data-v-edf2f9d2] {
    opacity: .7;
    pointer-events: none
}

td {
    font-weight: 500 !important
}

thead th {
    text-wrap: nowrap
}

#signin[disabled][data-v-3b57b66d] {
    opacity: .7;
    pointer-events: none
}

#regBtn[disabled][data-v-1f365fc1] {
    opacity: .7;
    pointer-events: none
}

svg[data-v-bf2e490d] {
    background-color: transparent;
    display: block
}

svg[data-v-3a27e5f9] {
    background-color: transparent;
    display: block
}

.popup-img-wrapper span {
    color: #fff;
    font-size: 40px
}

.center-top-ghTgp[data-v-5a6cd7a4] {
    height: 531px !important
}

.n-form-item .n-form-item-blank {
    gap: 1.4285714286rem
}

.p2p-offers-table[data-v-244455ae] {
    margin-top: 10px
}

.trades__items[data-v-59fe1a38] {
    max-height: 601px
}

.acc-box-row[data-v-a9c0048a] {
    align-items: normal
}

.acc-box-row[data-v-f961d59a] {
    align-items: normal
}

.faq__body[data-v-e431e963] {
    transition: all .4s
}

.recaptcha[data-v-cdd255e9] {
    margin-top: 20px
}

.price-sell h3[data-v-1a1b08db] {
    margin: 0
}

#tv-attr-logo {
    display: none
}

.n-data-table {

    width: 100%;
    font-size: var(--n-font-size);
    display: flex;
    flex-direction: column;
    position: relative;
    --n-merged-th-color: var(--n-th-color);
    --n-merged-td-color: var(--n-td-color);
    --n-merged-border-color: var(--n-border-color);
    --n-merged-th-color-hover: var(--n-th-color-hover);
    --n-merged-th-color-sorting: var(--n-th-color-sorting);
    --n-merged-td-color-hover: var(--n-td-color-hover);
    --n-merged-td-color-sorting: var(--n-td-color-sorting);
    --n-merged-td-color-striped: var(--n-td-color-striped);

}

.n-data-table .n-data-table-wrapper {

    flex-grow: 1;
    display: flex;
    flex-direction: column;

}

.n-data-table.n-data-table--flex-height>.n-data-table-wrapper>.n-data-table-base-table {

    display: flex;
    flex-direction: column;
    flex-grow: 1;

}

.n-data-table.n-data-table--flex-height>.n-data-table-wrapper>.n-data-table-base-table>.n-data-table-base-table-body {
    flex-basis: 0;
}

.n-data-table.n-data-table--flex-height>.n-data-table-wrapper>.n-data-table-base-table>.n-data-table-base-table-body:last-child {
    flex-grow: 1;
}

.n-data-table>.n-data-table-loading-wrapper {

    color: var(--n-loading-color);
    font-size: var(--n-loading-size);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: color .3s var(--n-bezier);
    display: flex;
    align-items: center;
    justify-content: center;

}

.n-data-table>.n-data-table-loading-wrapper.fade-in-scale-up-transition-leave-active {
    transform-origin: inherit;
    transition: opacity .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1);
}

.n-data-table>.n-data-table-loading-wrapper.fade-in-scale-up-transition-enter-active {
    transform-origin: inherit;
    transition: opacity .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1);
}

.n-data-table>.n-data-table-loading-wrapper.fade-in-scale-up-transition-enter-from,
.n-data-table>.n-data-table-loading-wrapper.fade-in-scale-up-transition-leave-to {
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) scale(.9);
}

.n-data-table>.n-data-table-loading-wrapper.fade-in-scale-up-transition-leave-from,
.n-data-table>.n-data-table-loading-wrapper.fade-in-scale-up-transition-enter-to {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
}

.n-data-table .n-data-table-expand-placeholder {

    margin-right: 8px;
    display: inline-block;
    width: 16px;
    height: 1px;

}

.n-data-table .n-data-table-indent {

    display: inline-block;
    height: 1px;

}

.n-data-table .n-data-table-expand-trigger {

    display: inline-flex;
    margin-right: 8px;
    cursor: pointer;
    font-size: 16px;
    vertical-align: -0.2em;
    position: relative;
    width: 16px;
    height: 16px;
    color: var(--n-td-text-color);
    transition: color .3s var(--n-bezier);

}

.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-icon {
    transform: rotate(90deg);
}

.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-icon.icon-switch-transition-enter-from,
.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-icon.icon-switch-transition-leave-to {
    transform: rotate(90deg) scale(0.75);
    left: 0;
    top: 0;
    opacity: 0;
}

.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-icon.icon-switch-transition-enter-to,
.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-icon.icon-switch-transition-leave-from {
    transform: scale(1) rotate(90deg);
    left: 0;
    top: 0;
    opacity: 1;
}

.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-icon.icon-switch-transition-enter-active,
.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-icon.icon-switch-transition-leave-active {
    transform-origin: center;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-base-icon {
    transform: rotate(90deg);
}

.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-base-icon.icon-switch-transition-enter-from,
.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-base-icon.icon-switch-transition-leave-to {
    transform: rotate(90deg) scale(0.75);
    left: 0;
    top: 0;
    opacity: 0;
}

.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-base-icon.icon-switch-transition-enter-to,
.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-base-icon.icon-switch-transition-leave-from {
    transform: scale(1) rotate(90deg);
    left: 0;
    top: 0;
    opacity: 1;
}

.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-base-icon.icon-switch-transition-enter-active,
.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-base-icon.icon-switch-transition-leave-active {
    transform-origin: center;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-data-table .n-data-table-expand-trigger .n-base-loading {

    color: var(--n-loading-color);
    transition: color .3s var(--n-bezier);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

}

.n-data-table .n-data-table-expand-trigger .n-base-loading.icon-switch-transition-enter-from,
.n-data-table .n-data-table-expand-trigger .n-base-loading.icon-switch-transition-leave-to {
    transform: scale(0.75);
    left: 0;
    top: 0;
    opacity: 0;
}

.n-data-table .n-data-table-expand-trigger .n-base-loading.icon-switch-transition-enter-to,
.n-data-table .n-data-table-expand-trigger .n-base-loading.icon-switch-transition-leave-from {
    transform: scale(1);
    left: 0;
    top: 0;
    opacity: 1;
}

.n-data-table .n-data-table-expand-trigger .n-base-loading.icon-switch-transition-enter-active,
.n-data-table .n-data-table-expand-trigger .n-base-loading.icon-switch-transition-leave-active {
    transform-origin: center;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-data-table .n-data-table-expand-trigger .n-icon {

    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

}

.n-data-table .n-data-table-expand-trigger .n-icon.icon-switch-transition-enter-from,
.n-data-table .n-data-table-expand-trigger .n-icon.icon-switch-transition-leave-to {
    transform: scale(0.75);
    left: 0;
    top: 0;
    opacity: 0;
}

.n-data-table .n-data-table-expand-trigger .n-icon.icon-switch-transition-enter-to,
.n-data-table .n-data-table-expand-trigger .n-icon.icon-switch-transition-leave-from {
    transform: scale(1);
    left: 0;
    top: 0;
    opacity: 1;
}

.n-data-table .n-data-table-expand-trigger .n-icon.icon-switch-transition-enter-active,
.n-data-table .n-data-table-expand-trigger .n-icon.icon-switch-transition-leave-active {
    transform-origin: center;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-data-table .n-data-table-expand-trigger .n-base-icon {

    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

}

.n-data-table .n-data-table-expand-trigger .n-base-icon.icon-switch-transition-enter-from,
.n-data-table .n-data-table-expand-trigger .n-base-icon.icon-switch-transition-leave-to {
    transform: scale(0.75);
    left: 0;
    top: 0;
    opacity: 0;
}

.n-data-table .n-data-table-expand-trigger .n-base-icon.icon-switch-transition-enter-to,
.n-data-table .n-data-table-expand-trigger .n-base-icon.icon-switch-transition-leave-from {
    transform: scale(1);
    left: 0;
    top: 0;
    opacity: 1;
}

.n-data-table .n-data-table-expand-trigger .n-base-icon.icon-switch-transition-enter-active,
.n-data-table .n-data-table-expand-trigger .n-base-icon.icon-switch-transition-leave-active {
    transform-origin: center;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-data-table .n-data-table-thead {

    transition: background-color .3s var(--n-bezier);
    background-color: var(--n-merged-th-color);

}

.n-data-table .n-data-table-tr {

    position: relative;
    box-sizing: border-box;
    background-clip: padding-box;
    transition: background-color .3s var(--n-bezier);

}

.n-data-table .n-data-table-tr .n-data-table-expand {

    position: sticky;
    left: 0;
    overflow: hidden;
    margin: calc(var(--n-th-padding) * -1);
    padding: var(--n-th-padding);
    box-sizing: border-box;

}

.n-data-table .n-data-table-tr.n-data-table-tr--striped {
    background-color: var(--n-merged-td-color-striped);
}

.n-data-table .n-data-table-tr.n-data-table-tr--striped .n-data-table-td {
    background-color: var(--n-merged-td-color-striped);
}

.n-data-table .n-data-table-tr:not(.n-data-table-tr--summary):hover {
    background-color: var(--n-merged-td-color-hover);
}

.n-data-table .n-data-table-tr:not(.n-data-table-tr--summary):hover>.n-data-table-td {
    background-color: var(--n-merged-td-color-hover);
}

.n-data-table .n-data-table-th {

    padding: var(--n-th-padding);
    position: relative;
    text-align: start;
    box-sizing: border-box;
    background-color: var(--n-merged-th-color);
    border-color: var(--n-merged-border-color);
    border-bottom: 1px solid var(--n-merged-border-color);
    color: var(--n-th-text-color);
    transition:
        border-color .3s var(--n-bezier),
        color .3s var(--n-bezier),
        background-color .3s var(--n-bezier);
    font-weight: var(--n-th-font-weight);

}

.n-data-table .n-data-table-th.n-data-table-th--filterable {

    padding-right: 36px;

}

.n-data-table .n-data-table-th.n-data-table-th--filterable.n-data-table-th--sortable {

    padding-right: calc(var(--n-th-padding) + 36px);

}

.n-data-table .n-data-table-th.n-data-table-th--fixed-left {

    left: 0;
    position: sticky;
    z-index: 2;

}

.n-data-table .n-data-table-th.n-data-table-th--fixed-left::after {

    pointer-events: none;
    content: "";
    width: 36px;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: -1px;
    transition: box-shadow .2s var(--n-bezier);
    right: -36px;

}

.n-data-table .n-data-table-th.n-data-table-th--fixed-right {

    right: 0;
    position: sticky;
    z-index: 1;

}

.n-data-table .n-data-table-th.n-data-table-th--fixed-right::before {

    pointer-events: none;
    content: "";
    width: 36px;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: -1px;
    transition: box-shadow .2s var(--n-bezier);
    left: -36px;

}

.n-data-table .n-data-table-th.n-data-table-th--selection {

    padding: 0;
    text-align: center;
    line-height: 0;
    z-index: 3;

}

.n-data-table .n-data-table-th .n-data-table-th__title-wrapper {

    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    max-width: 100%;

}

.n-data-table .n-data-table-th .n-data-table-th__title-wrapper .n-data-table-th__title {

    flex: 1;
    min-width: 0;

}

.n-data-table .n-data-table-th .n-data-table-th__ellipsis {

    display: inline-block;
    vertical-align: bottom;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;

}

.n-data-table .n-data-table-th.n-data-table-th--hover {

    background-color: var(--n-merged-th-color-hover);

}

.n-data-table .n-data-table-th.n-data-table-th--sorting {

    background-color: var(--n-merged-th-color-sorting);

}

.n-data-table .n-data-table-th.n-data-table-th--sortable {

    cursor: pointer;

}

.n-data-table .n-data-table-th.n-data-table-th--sortable .n-data-table-th__ellipsis {

    max-width: calc(100% - 18px);

}

.n-data-table .n-data-table-th.n-data-table-th--sortable:hover {

    background-color: var(--n-merged-th-color-hover);

}

.n-data-table .n-data-table-th .n-data-table-sorter {

    height: var(--n-sorter-size);
    width: var(--n-sorter-size);
    margin-left: 4px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: -0.2em;
    color: var(--n-th-icon-color);
    transition: color .3s var(--n-bezier);

}

.n-data-table .n-data-table-th .n-data-table-sorter .n-base-icon {
    transition: transform .3s var(--n-bezier)
}

.n-data-table .n-data-table-th .n-data-table-sorter.n-data-table-sorter--desc .n-base-icon {

    transform: rotate(0deg);

}

.n-data-table .n-data-table-th .n-data-table-sorter.n-data-table-sorter--asc .n-base-icon {

    transform: rotate(-180deg);

}

.n-data-table .n-data-table-th .n-data-table-sorter.n-data-table-sorter--asc,
.n-data-table .n-data-table-th .n-data-table-sorter.n-data-table-sorter--desc {

    color: var(--n-th-icon-color-active);

}

.n-data-table .n-data-table-th .n-data-table-resize-button {

    width: var(--n-resizable-container-size);
    position: absolute;
    top: 0;
    right: calc(var(--n-resizable-container-size) / 2);
    bottom: 0;
    cursor: col-resize;
    user-select: none;

}

.n-data-table .n-data-table-th .n-data-table-resize-button::after {

    width: var(--n-resizable-size);
    height: 50%;
    position: absolute;
    top: 50%;
    left: calc(var(--n-resizable-container-size) / 2);
    bottom: 0;
    background-color: var(--n-merged-border-color);
    transform: translateY(-50%);
    transition: background-color .3s var(--n-bezier);
    z-index: 1;
    content: '';

}

.n-data-table .n-data-table-th .n-data-table-resize-button.n-data-table-resize-button--active::after {

    background-color: var(--n-th-icon-color-active);

}

.n-data-table .n-data-table-th .n-data-table-resize-button:hover::after {

    background-color: var(--n-th-icon-color-active);

}

.n-data-table .n-data-table-th .n-data-table-filter {

    position: absolute;
    z-index: auto;
    right: 0;
    width: 36px;
    top: 0;
    bottom: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition:
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier);
    font-size: var(--n-filter-size);
    color: var(--n-th-icon-color);

}

.n-data-table .n-data-table-th .n-data-table-filter:hover {

    background-color: var(--n-th-button-color-hover);

}

.n-data-table .n-data-table-th .n-data-table-filter.n-data-table-filter--show {

    background-color: var(--n-th-button-color-hover);

}

.n-data-table .n-data-table-th .n-data-table-filter.n-data-table-filter--active {

    background-color: var(--n-th-button-color-hover);
    color: var(--n-th-icon-color-active);

}

.n-data-table .n-data-table-td {

    padding: var(--n-td-padding);
    text-align: start;
    box-sizing: border-box;
    border: none;
    background-color: var(--n-merged-td-color);
    color: var(--n-td-text-color);
    border-bottom: 1px solid var(--n-merged-border-color);
    transition:
        box-shadow .3s var(--n-bezier),
        background-color .3s var(--n-bezier),
        border-color .3s var(--n-bezier),
        color .3s var(--n-bezier);

}

.n-data-table .n-data-table-td.n-data-table-td--expand .n-data-table-expand-trigger {

    margin-right: 0;

}

.n-data-table .n-data-table-td.n-data-table-td--last-row {

    border-bottom: 0 solid var(--n-merged-border-color);

}

.n-data-table .n-data-table-td.n-data-table-td--last-row::after {

    bottom: 0 !important;

}

.n-data-table .n-data-table-td.n-data-table-td--last-row::before {

    bottom: 0 !important;

}

.n-data-table .n-data-table-td.n-data-table-td--summary {

    background-color: var(--n-merged-th-color);

}

.n-data-table .n-data-table-td.n-data-table-td--hover {

    background-color: var(--n-merged-td-color-hover);

}

.n-data-table .n-data-table-td.n-data-table-td--sorting {

    background-color: var(--n-merged-td-color-sorting);

}

.n-data-table .n-data-table-td .n-data-table-td__ellipsis {

    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    vertical-align: bottom;
    max-width: calc(100% - var(--indent-offset, -1.5) * 16px - 24px);

}

.n-data-table .n-data-table-td.n-data-table-td--selection,
.n-data-table .n-data-table-td.n-data-table-td--expand {

    text-align: center;
    padding: 0;
    line-height: 0;

}

.n-data-table .n-data-table-td.n-data-table-td--fixed-left {

    left: 0;
    position: sticky;
    z-index: 2;

}

.n-data-table .n-data-table-td.n-data-table-td--fixed-left::after {

    pointer-events: none;
    content: "";
    width: 36px;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: -1px;
    transition: box-shadow .2s var(--n-bezier);
    right: -36px;

}

.n-data-table .n-data-table-td.n-data-table-td--fixed-right {

    right: 0;
    position: sticky;
    z-index: 1;

}

.n-data-table .n-data-table-td.n-data-table-td--fixed-right::before {

    pointer-events: none;
    content: "";
    width: 36px;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: -1px;
    transition: box-shadow .2s var(--n-bezier);
    left: -36px;

}

.n-data-table .n-data-table-empty {

    box-sizing: border-box;
    padding: var(--n-empty-padding);
    flex-grow: 1;
    flex-shrink: 0;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .3s var(--n-bezier);

}

.n-data-table .n-data-table-empty.n-data-table-empty--hide {

    opacity: 0;

}

.n-data-table .n-data-table__pagination {

    margin: var(--n-pagination-margin);
    display: flex;
    justify-content: flex-end;

}

.n-data-table .n-data-table-wrapper {

    position: relative;
    opacity: 1;
    transition: opacity .3s var(--n-bezier), border-color .3s var(--n-bezier);
    border-top-left-radius: var(--n-border-radius);
    border-top-right-radius: var(--n-border-radius);
    line-height: var(--n-line-height);

}

.n-data-table.n-data-table--loading .n-data-table-wrapper {

    opacity: var(--n-opacity-loading);
    pointer-events: none;

}

.n-data-table.n-data-table--single-column .n-data-table-td {

    border-bottom: 0 solid var(--n-merged-border-color);

}

.n-data-table.n-data-table--single-column .n-data-table-td::after,
.n-data-table.n-data-table--single-column .n-data-table-td::before {

    bottom: 0 !important;

}

.n-data-table:not(.n-data-table--single-line) .n-data-table-th {

    border-right: 1px solid var(--n-merged-border-color);

}

.n-data-table:not(.n-data-table--single-line) .n-data-table-th.n-data-table-th--last {

    border-right: 0 solid var(--n-merged-border-color);

}

.n-data-table:not(.n-data-table--single-line) .n-data-table-td {

    border-right: 1px solid var(--n-merged-border-color);

}

.n-data-table:not(.n-data-table--single-line) .n-data-table-td.n-data-table-td--last-col {

    border-right: 0 solid var(--n-merged-border-color);

}

.n-data-table.n-data-table--bordered .n-data-table-wrapper {

    border: 1px solid var(--n-merged-border-color);
    border-bottom-left-radius: var(--n-border-radius);
    border-bottom-right-radius: var(--n-border-radius);
    overflow: hidden;

}

.n-data-table .n-data-table-base-table.n-data-table-base-table--transition-disabled .n-data-table-th::after,
.n-data-table .n-data-table-base-table.n-data-table-base-table--transition-disabled .n-data-table-th::before {
    transition: none;
}

.n-data-table .n-data-table-base-table.n-data-table-base-table--transition-disabled .n-data-table-td::after,
.n-data-table .n-data-table-base-table.n-data-table-base-table--transition-disabled .n-data-table-td::before {
    transition: none;
}

.n-data-table.n-data-table--bottom-bordered .n-data-table-td.n-data-table-td--last-row {

    border-bottom: 1px solid var(--n-merged-border-color);

}

.n-data-table .n-data-table-table {

    font-variant-numeric: tabular-nums;
    width: 100%;
    word-break: break-word;
    transition: background-color .3s var(--n-bezier);
    border-collapse: separate;
    border-spacing: 0;
    background-color: var(--n-merged-td-color);

}

.n-data-table .n-data-table-base-table-header {

    border-top-left-radius: calc(var(--n-border-radius) - 1px);
    border-top-right-radius: calc(var(--n-border-radius) - 1px);
    z-index: 3;
    overflow: scroll;
    flex-shrink: 0;
    transition: border-color .3s var(--n-bezier);
    scrollbar-width: none;

}

.n-data-table .n-data-table-base-table-header::-webkit-scrollbar,
.n-data-table .n-data-table-base-table-header::-webkit-scrollbar-track-piece,
.n-data-table .n-data-table-base-table-header::-webkit-scrollbar-thumb {

    display: none;
    width: 0;
    height: 0;

}

.n-data-table .n-data-table-check-extra {

    transition: color .3s var(--n-bezier);
    color: var(--n-th-icon-color);
    position: absolute;
    font-size: 14px;
    right: -4px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;

}

.n-data-table-filter-menu .n-scrollbar {

    max-height: 240px;

}

.n-data-table-filter-menu .n-data-table-filter-menu__group {

    display: flex;
    flex-direction: column;
    padding: 12px 12px 0 12px;

}

.n-data-table-filter-menu .n-data-table-filter-menu__group .n-checkbox {

    margin-bottom: 12px;
    margin-right: 0;

}

.n-data-table-filter-menu .n-data-table-filter-menu__group .n-radio {

    margin-bottom: 12px;
    margin-right: 0;

}

.n-data-table-filter-menu .n-data-table-filter-menu__action {

    padding: var(--n-action-padding);
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    border-top: 1px solid var(--n-action-divider-color);

}

.n-data-table-filter-menu .n-data-table-filter-menu__action .n-button:not(:last-child) {

    margin: var(--n-action-button-margin);

}

.n-data-table-filter-menu .n-data-table-filter-menu__action .n-button:last-child {

    margin-right: 0;

}

.n-data-table-filter-menu .n-divider {

    margin: 0 !important;

}

.n-modal .n-data-table,
.n-drawer .n-data-table {

    --n-merged-th-color: var(--n-th-color-modal);
    --n-merged-td-color: var(--n-td-color-modal);
    --n-merged-border-color: var(--n-border-color-modal);
    --n-merged-th-color-hover: var(--n-th-color-hover-modal);
    --n-merged-td-color-hover: var(--n-td-color-hover-modal);
    --n-merged-th-color-sorting: var(--n-th-color-hover-modal);
    --n-merged-td-color-sorting: var(--n-td-color-hover-modal);
    --n-merged-td-color-striped: var(--n-td-color-striped-modal);

}

.n-popover .n-data-table {

    --n-merged-th-color: var(--n-th-color-popover);
    --n-merged-td-color: var(--n-td-color-popover);
    --n-merged-border-color: var(--n-border-color-popover);
    --n-merged-th-color-hover: var(--n-th-color-hover-popover);
    --n-merged-td-color-hover: var(--n-td-color-hover-popover);
    --n-merged-th-color-sorting: var(--n-th-color-hover-popover);
    --n-merged-td-color-sorting: var(--n-td-color-hover-popover);
    --n-merged-td-color-striped: var(--n-td-color-striped-popover);

}

.n-pagination {

    display: flex;
    vertical-align: middle;
    font-size: var(--n-item-font-size);
    flex-wrap: nowrap;

}

.n-pagination .n-pagination-prefix {

    display: flex;
    align-items: center;
    margin: var(--n-prefix-margin);

}

.n-pagination .n-pagination-suffix {

    display: flex;
    align-items: center;
    margin: var(--n-suffix-margin);

}

.n-pagination>*:not(:first-child) {

    margin: var(--n-item-margin);

}

.n-pagination .n-select {

    width: var(--n-select-width);

}

.n-pagination.transition-disabled .n-pagination-item {
    transition: none !important;
}

.n-pagination .n-pagination-quick-jumper {

    white-space: nowrap;
    display: flex;
    color: var(--n-jumper-text-color);
    transition: color .3s var(--n-bezier);
    align-items: center;
    font-size: var(--n-jumper-font-size);

}

.n-pagination .n-pagination-quick-jumper .n-input {

    margin: var(--n-input-margin);
    width: var(--n-input-width);

}

.n-pagination .n-pagination-item {

    position: relative;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: var(--n-item-size);
    height: var(--n-item-size);
    padding: var(--n-item-padding);
    background-color: var(--n-item-color);
    color: var(--n-item-text-color);
    border-radius: var(--n-item-border-radius);
    border: var(--n-item-border);
    fill: var(--n-button-icon-color);
    transition:
        color .3s var(--n-bezier),
        border-color .3s var(--n-bezier),
        background-color .3s var(--n-bezier),
        fill .3s var(--n-bezier);

}

.n-pagination .n-pagination-item.n-pagination-item--button {

    background: var(--n-button-color);
    color: var(--n-button-icon-color);
    border: var(--n-button-border);
    padding: 0;

}

.n-pagination .n-pagination-item.n-pagination-item--button .n-base-icon {

    font-size: var(--n-button-icon-size);

}

.n-pagination .n-pagination-item:not(.n-pagination-item--disabled).n-pagination-item--hover {

    background: var(--n-item-color-hover);
    color: var(--n-item-text-color-hover);
    border: var(--n-item-border-hover);

}

.n-pagination .n-pagination-item:not(.n-pagination-item--disabled).n-pagination-item--hover.n-pagination-item--button {

    background: var(--n-button-color-hover);
    border: var(--n-button-border-hover);
    color: var(--n-button-icon-color-hover);

}

.n-pagination .n-pagination-item:not(.n-pagination-item--disabled):hover {

    background: var(--n-item-color-hover);
    color: var(--n-item-text-color-hover);
    border: var(--n-item-border-hover);

}

.n-pagination .n-pagination-item:not(.n-pagination-item--disabled):hover.n-pagination-item--button {

    background: var(--n-button-color-hover);
    border: var(--n-button-border-hover);
    color: var(--n-button-icon-color-hover);

}

.n-pagination .n-pagination-item:not(.n-pagination-item--disabled):active {

    background: var(--n-item-color-pressed);
    color: var(--n-item-text-color-pressed);
    border: var(--n-item-border-pressed);

}

.n-pagination .n-pagination-item:not(.n-pagination-item--disabled):active.n-pagination-item--button {

    background: var(--n-button-color-pressed);
    border: var(--n-button-border-pressed);
    color: var(--n-button-icon-color-pressed);

}

.n-pagination .n-pagination-item:not(.n-pagination-item--disabled).n-pagination-item--active {

    background: var(--n-item-color-active);
    color: var(--n-item-text-color-active);
    border: var(--n-item-border-active);

}

.n-pagination .n-pagination-item:not(.n-pagination-item--disabled).n-pagination-item--active:hover {

    background: var(--n-item-color-active-hover);

}

.n-pagination .n-pagination-item.n-pagination-item--disabled {

    cursor: not-allowed;
    color: var(--n-item-text-color-disabled);

}

.n-pagination .n-pagination-item.n-pagination-item--disabled.n-pagination-item--active,
.n-pagination .n-pagination-item.n-pagination-item--disabled.n-pagination-item--button {

    background-color: var(--n-item-color-disabled);
    border: var(--n-item-border-disabled);

}

.n-pagination.n-pagination--disabled {

    cursor: not-allowed;

}

.n-pagination.n-pagination--disabled .n-pagination-quick-jumper {

    color: var(--n-jumper-text-color-disabled);

}

.n-pagination.n-pagination--simple {

    display: flex;
    align-items: center;
    flex-wrap: nowrap;

}

.n-pagination.n-pagination--simple .n-pagination-quick-jumper .n-input {

    margin: 0;

}

.n-empty {

    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--n-font-size);

}

.n-empty .n-empty__icon {

    width: var(--n-icon-size);
    height: var(--n-icon-size);
    font-size: var(--n-icon-size);
    line-height: var(--n-icon-size);
    color: var(--n-icon-color);
    transition:
        color .3s var(--n-bezier);

}

.n-empty .n-empty__icon+.n-empty__description {

    margin-top: 8px;

}

.n-empty .n-empty__description {

    transition: color .3s var(--n-bezier);
    color: var(--n-text-color);

}

.n-empty .n-empty__extra {

    text-align: center;
    transition: color .3s var(--n-bezier);
    margin-top: 12px;
    color: var(--n-extra-text-color);

}

.v-x-scroll {
    overflow: auto;
    scrollbar-width: none;
}

.v-x-scroll::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.n-switch {

    height: var(--n-height);
    min-width: var(--n-width);
    vertical-align: middle;
    user-select: none;
    -webkit-user-select: none;
    display: inline-flex;
    outline: none;
    justify-content: center;
    align-items: center;

}

.n-switch .n-switch__children-placeholder {

    height: var(--n-rail-height);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;

}

.n-switch .n-switch__rail-placeholder {

    display: flex;
    flex-wrap: none;

}

.n-switch .n-switch__button-placeholder {

    width: calc(1.75 * var(--n-rail-height));
    height: var(--n-rail-height);

}

.n-switch .n-base-loading {

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: calc(var(--n-button-width) - 4px);
    color: var(--n-loading-color);
    transition: color .3s var(--n-bezier);

}

.n-switch .n-base-loading.icon-switch-transition-enter-from,
.n-switch .n-base-loading.icon-switch-transition-leave-to {
    transform: translateX(-50%) translateY(-50%) scale(0.75);
    left: 50%;
    top: 50%;
    opacity: 0;
}

.n-switch .n-base-loading.icon-switch-transition-enter-to,
.n-switch .n-base-loading.icon-switch-transition-leave-from {
    transform: scale(1) translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%;
    opacity: 1;
}

.n-switch .n-base-loading.icon-switch-transition-enter-active,
.n-switch .n-base-loading.icon-switch-transition-leave-active {
    transform-origin: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-switch .n-switch__checked,
.n-switch .n-switch__unchecked {

    transition: color .3s var(--n-bezier);
    color: var(--n-text-color);
    box-sizing: border-box;
    position: absolute;
    white-space: nowrap;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    line-height: 1;

}

.n-switch .n-switch__checked {

    right: 0;
    padding-right: calc(1.25 * var(--n-rail-height) - var(--n-offset));

}

.n-switch .n-switch__unchecked {

    left: 0;
    justify-content: flex-end;
    padding-left: calc(1.25 * var(--n-rail-height) - var(--n-offset));

}

.n-switch:focus .n-switch__rail {

    box-shadow: var(--n-box-shadow-focus);

}

.n-switch.n-switch--round .n-switch__rail {
    border-radius: calc(var(--n-rail-height) / 2);
}

.n-switch.n-switch--round .n-switch__rail .n-switch__button {
    border-radius: calc(var(--n-button-height) / 2);
}

.n-switch:not(.n-switch--disabled):not(.n-switch--icon).n-switch--rubber-band.n-switch--pressed .n-switch__rail .n-switch__button {
    max-width: var(--n-button-width-pressed);
}

.n-switch:not(.n-switch--disabled):not(.n-switch--icon).n-switch--rubber-band .n-switch__rail:active .n-switch__button {
    max-width: var(--n-button-width-pressed);
}

.n-switch:not(.n-switch--disabled):not(.n-switch--icon).n-switch--rubber-band.n-switch--active.n-switch--pressed .n-switch__rail .n-switch__button {
    left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));
}

.n-switch:not(.n-switch--disabled):not(.n-switch--icon).n-switch--rubber-band.n-switch--active .n-switch__rail:active .n-switch__button {
    left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));
}

.n-switch.n-switch--active .n-switch__rail .n-switch__button {
    left: calc(100% - var(--n-button-width) - var(--n-offset))
}

.n-switch .n-switch__rail {

    overflow: hidden;
    height: var(--n-rail-height);
    min-width: var(--n-rail-width);
    border-radius: var(--n-rail-border-radius);
    cursor: pointer;
    position: relative;
    transition:
        opacity .3s var(--n-bezier),
        background .3s var(--n-bezier),
        box-shadow .3s var(--n-bezier);
    background-color: var(--n-rail-color);

}

.n-switch .n-switch__rail .n-switch__button-icon {

    color: var(--n-icon-color);
    transition: color .3s var(--n-bezier);
    font-size: calc(var(--n-button-height) - 4px);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;

}

.n-switch .n-switch__rail .n-switch__button-icon.icon-switch-transition-enter-from,
.n-switch .n-switch__rail .n-switch__button-icon.icon-switch-transition-leave-to {
    transform: scale(0.75);
    left: 0;
    top: 0;
    opacity: 0;
}

.n-switch .n-switch__rail .n-switch__button-icon.icon-switch-transition-enter-to,
.n-switch .n-switch__rail .n-switch__button-icon.icon-switch-transition-leave-from {
    transform: scale(1);
    left: 0;
    top: 0;
    opacity: 1;
}

.n-switch .n-switch__rail .n-switch__button-icon.icon-switch-transition-enter-active,
.n-switch .n-switch__rail .n-switch__button-icon.icon-switch-transition-leave-active {
    transform-origin: center;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-switch .n-switch__rail .n-switch__button {

    align-items: center;
    top: var(--n-offset);
    left: var(--n-offset);
    height: var(--n-button-height);
    width: var(--n-button-width-pressed);
    max-width: var(--n-button-width);
    border-radius: var(--n-button-border-radius);
    background-color: var(--n-button-color);
    box-shadow: var(--n-button-box-shadow);
    box-sizing: border-box;
    cursor: inherit;
    content: "";
    position: absolute;
    transition:
        background-color .3s var(--n-bezier),
        left .3s var(--n-bezier),
        opacity .3s var(--n-bezier),
        max-width .3s var(--n-bezier),
        box-shadow .3s var(--n-bezier);

}

.n-switch.n-switch--active .n-switch__rail {
    background-color: var(--n-rail-color-active);
}

.n-switch.n-switch--loading .n-switch__rail {

    cursor: wait;

}

.n-switch.n-switch--disabled .n-switch__rail {

    cursor: not-allowed;
    opacity: .5;

}

.n-tag {

    --n-close-margin: var(--n-close-margin-top) var(--n-close-margin-right) var(--n-close-margin-bottom) var(--n-close-margin-left);
    white-space: nowrap;
    position: relative;
    box-sizing: border-box;
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    padding: var(--n-padding);
    border-radius: var(--n-border-radius);
    color: var(--n-text-color);
    background-color: var(--n-color);
    transition:
        border-color .3s var(--n-bezier),
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier),
        box-shadow .3s var(--n-bezier),
        opacity .3s var(--n-bezier);
    line-height: 1;
    height: var(--n-height);
    font-size: var(--n-font-size);

}

.n-tag.n-tag--strong {

    font-weight: var(--n-font-weight-strong);

}

.n-tag .n-tag__border {

    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: inherit;
    border: var(--n-border);
    transition: border-color .3s var(--n-bezier);

}

.n-tag .n-tag__icon {

    display: flex;
    margin: 0 4px 0 0;
    color: var(--n-text-color);
    transition: color .3s var(--n-bezier);
    font-size: var(--n-avatar-size-override);

}

.n-tag .n-tag__avatar {

    display: flex;
    margin: 0 6px 0 0;

}

.n-tag .n-tag__close {

    margin: var(--n-close-margin);
    transition:
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier);

}

.n-tag.n-tag--round {

    padding: 0 calc(var(--n-height) / 3);
    border-radius: calc(var(--n-height) / 2);

}

.n-tag.n-tag--round .n-tag__icon {

    margin: 0 4px 0 calc((var(--n-height) - 8px) / -2);

}

.n-tag.n-tag--round .n-tag__avatar {

    margin: 0 6px 0 calc((var(--n-height) - 8px) / -2);

}

.n-tag.n-tag--round.n-tag--closable {

    padding: 0 calc(var(--n-height) / 4) 0 calc(var(--n-height) / 3);

}

.n-tag.n-tag--icon.n-tag--round,
.n-tag.n-tag--avatar.n-tag--round {

    padding: 0 calc(var(--n-height) / 3) 0 calc(var(--n-height) / 2);

}

.n-tag.n-tag--disabled {

    cursor: not-allowed !important;
    opacity: var(--n-opacity-disabled);

}

.n-tag.n-tag--checkable {

    cursor: pointer;
    box-shadow: none;
    color: var(--n-text-color-checkable);
    background-color: var(--n-color-checkable);

}

.n-tag.n-tag--checkable:not(.n-tag--disabled):hover {
    background-color: var(--n-color-hover-checkable);
}

.n-tag.n-tag--checkable:not(.n-tag--disabled):hover:not(.n-tag--checked) {
    color: var(--n-text-color-hover-checkable);
}

.n-tag.n-tag--checkable:not(.n-tag--disabled):active {
    background-color: var(--n-color-pressed-checkable);
}

.n-tag.n-tag--checkable:not(.n-tag--disabled):active:not(.n-tag--checked) {
    color: var(--n-text-color-pressed-checkable);
}

.n-tag.n-tag--checkable.n-tag--checked {

    color: var(--n-text-color-checked);
    background-color: var(--n-color-checked);

}

.n-tag.n-tag--checkable.n-tag--checked:not(.n-tag--disabled):hover {
    background-color: var(--n-color-checked-hover);
}

.n-tag.n-tag--checkable.n-tag--checked:not(.n-tag--disabled):active {
    background-color: var(--n-color-checked-pressed);
}

.n-text {

    transition: color .3s var(--n-bezier);
    color: var(--n-text-color);

}

.n-text.n-text--strong {

    font-weight: var(--n-font-weight-strong);

}

.n-text.n-text--italic {
    font-style: italic;
}

.n-text.n-text--underline {
    text-decoration: underline;
}

.n-text.n-text--code {

    line-height: 1.4;
    display: inline-block;
    font-family: var(--n-font-famliy-mono);
    transition:
        color .3s var(--n-bezier),
        border-color .3s var(--n-bezier),
        background-color .3s var(--n-bezier);
    box-sizing: border-box;
    padding: .05em .35em 0 .35em;
    border-radius: var(--n-code-border-radius);
    font-size: .9em;
    color: var(--n-code-text-color);
    background-color: var(--n-code-color);
    border: var(--n-code-border);

}

.n-menu {

    background-color: var(--n-color);
    color: var(--n-item-text-color);
    overflow: hidden;
    transition: background-color .3s var(--n-bezier);
    box-sizing: border-box;
    font-size: var(--n-font-size);
    padding-bottom: 6px;

}

.n-menu.n-menu--horizontal {

    max-width: 100%;
    width: 100%;
    display: flex;
    overflow: hidden;
    padding-bottom: 0;

}

.n-menu.n-menu--horizontal .n-submenu {
    margin: 0;
}

.n-menu.n-menu--horizontal .n-menu-item {
    margin: 0;
}

.n-menu.n-menu--horizontal .n-menu-item-content {

    padding: 0 20px;
    border-bottom: 2px solid #0000;

}

.n-menu.n-menu--horizontal .n-menu-item-content::before {
    display: none;
}

.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--selected {
    border-bottom: 2px solid var(--n-border-color-horizontal)
}

.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content__icon {
    color: var(--n-item-icon-color-active-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header {

    color: var(--n-item-text-color-active-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header a {
    color: var(--n-item-text-color-active-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header .n-menu-item-content-header__extra {
    color: var(--n-item-text-color-active-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--child-active {

    border-bottom: 2px solid var(--n-border-color-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content-header {

    color: var(--n-item-text-color-child-active-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content-header a {

    color: var(--n-item-text-color-child-active-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content-header .n-menu-item-content-header__extra {

    color: var(--n-item-text-color-child-active-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content__icon {

    color: var(--n-item-icon-color-child-active-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content__icon {

    color: var(--n-item-icon-color-hover-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content-header {

    color: var(--n-item-text-color-hover-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content-header a {

    color: var(--n-item-text-color-hover-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content-header .n-menu-item-content-header__extra {

    color: var(--n-item-text-color-hover-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content__icon {
    color: var(--n-item-icon-color-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content-header {

    color: var(--n-item-text-color-active-hover-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content-header a {
    color: var(--n-item-text-color-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content-header .n-menu-item-content-header__extra {
    color: var(--n-item-text-color-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content__icon {
    color: var(--n-item-icon-color-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content-header {

    color: var(--n-item-text-color-active-hover-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content-header a {
    color: var(--n-item-text-color-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content-header .n-menu-item-content-header__extra {
    color: var(--n-item-text-color-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content__icon {
    color: var(--n-item-icon-color-child-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content-header {

    color: var(--n-item-text-color-child-active-hover-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content-header a {
    color: var(--n-item-text-color-child-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content-header .n-menu-item-content-header__extra {
    color: var(--n-item-text-color-child-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content__icon {
    color: var(--n-item-icon-color-child-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content-header {

    color: var(--n-item-text-color-child-active-hover-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content-header a {
    color: var(--n-item-text-color-child-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content-header .n-menu-item-content-header__extra {
    color: var(--n-item-text-color-child-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover {
    border-bottom: 2px solid var(--n-border-color-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content__icon {

    color: var(--n-item-icon-color-hover-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content-header {

    color: var(--n-item-text-color-hover-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content-header a {

    color: var(--n-item-text-color-hover-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content-header .n-menu-item-content-header__extra {

    color: var(--n-item-text-color-hover-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):hover {
    border-bottom: 2px solid var(--n-border-color-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content__icon {

    color: var(--n-item-icon-color-hover-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content-header {

    color: var(--n-item-text-color-hover-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content-header a {

    color: var(--n-item-text-color-hover-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content-header .n-menu-item-content-header__extra {

    color: var(--n-item-text-color-hover-horizontal);

}

.n-menu.n-menu--horizontal .n-menu-item-content .n-menu-item-content-header a {
    color: var(--n-item-text-color-horizontal);
}

.n-menu:not(.n-menu--responsive) .n-menu-item-content-header {

    overflow: hidden;
    text-overflow: ellipsis;

}

.n-menu.n-menu--collapsed .n-menu-item-content.n-menu-item-content--selected::before {

    background-color: var(--n-item-color-active-collapsed) !important;

}

.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content-header {
    opacity: 0;
}

.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content__arrow {
    opacity: 0;
}

.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content__icon {
    color: var(--n-item-icon-color-collapsed);
}

.n-menu .n-menu-item {

    height: var(--n-item-height);
    margin-top: 6px;
    position: relative;

}

.n-menu .n-menu-item-content {

    box-sizing: border-box;
    line-height: 1.75;
    height: 100%;
    display: grid;
    grid-template-areas: "icon content arrow";
    grid-template-columns: auto 1fr auto;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding-right: 18px;
    transition:
        background-color .3s var(--n-bezier),
        padding-left .3s var(--n-bezier),
        border-color .3s var(--n-bezier);

}

.n-menu .n-menu-item-content>* {
    z-index: 1;
}

.n-menu .n-menu-item-content::before {

    z-index: auto;
    content: "";
    background-color: #0000;
    position: absolute;
    left: 8px;
    right: 8px;
    top: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: var(--n-border-radius);
    transition: background-color .3s var(--n-bezier);

}

.n-menu .n-menu-item-content.n-menu-item-content--disabled {

    opacity: .45;
    cursor: not-allowed;

}

.n-menu .n-menu-item-content.n-menu-item-content--collapsed .n-menu-item-content__arrow {
    transform: rotate(0);
}

.n-menu .n-menu-item-content.n-menu-item-content--selected::before {
    background-color: var(--n-item-color-active);
}

.n-menu .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content__arrow {
    color: var(--n-arrow-color-active);
}

.n-menu .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content__icon {
    color: var(--n-item-icon-color-active);
}

.n-menu .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header {

    color: var(--n-item-text-color-active);

}

.n-menu .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header a {
    color: var(--n-item-text-color-active);
}

.n-menu .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header .n-menu-item-content-header__extra {
    color: var(--n-item-text-color-active);
}

.n-menu .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content-header {

    color: var(--n-item-text-color-child-active);

}

.n-menu .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content-header a {

    color: var(--n-item-text-color-child-active);

}

.n-menu .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content-header .n-menu-item-content-header__extra {

    color: var(--n-item-text-color-child-active);

}

.n-menu .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content__arrow {

    color: var(--n-arrow-color-child-active);

}

.n-menu .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content__icon {

    color: var(--n-item-icon-color-child-active);

}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within::before {
    background-color: var(--n-item-color-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content__arrow {

    color: var(--n-arrow-color-hover);

}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content__icon {

    color: var(--n-item-icon-color-hover);

}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content-header {

    color: var(--n-item-text-color-hover);

}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content-header a {

    color: var(--n-item-text-color-hover);

}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content-header .n-menu-item-content-header__extra {

    color: var(--n-item-text-color-hover);

}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content__arrow {
    color: var(--n-arrow-color-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content__icon {
    color: var(--n-item-icon-color-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content-header {

    color: var(--n-item-text-color-active-hover);

}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content-header a {
    color: var(--n-item-text-color-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content-header .n-menu-item-content-header__extra {
    color: var(--n-item-text-color-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content__arrow {
    color: var(--n-arrow-color-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content__icon {
    color: var(--n-item-icon-color-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content-header {

    color: var(--n-item-text-color-active-hover);

}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content-header a {
    color: var(--n-item-text-color-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content-header .n-menu-item-content-header__extra {
    color: var(--n-item-text-color-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content__arrow {
    color: var(--n-arrow-color-child-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content__icon {
    color: var(--n-item-icon-color-child-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content-header {

    color: var(--n-item-text-color-child-active-hover);

}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content-header a {
    color: var(--n-item-text-color-child-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content-header .n-menu-item-content-header__extra {
    color: var(--n-item-text-color-child-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content__arrow {
    color: var(--n-arrow-color-child-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content__icon {
    color: var(--n-item-icon-color-child-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content-header {

    color: var(--n-item-text-color-child-active-hover);

}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content-header a {
    color: var(--n-item-text-color-child-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content-header .n-menu-item-content-header__extra {
    color: var(--n-item-text-color-child-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover::before {
    background-color: var(--n-item-color-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover::before {
    background-color: var(--n-item-color-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover::before {
    background-color: var(--n-item-color-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content__arrow {

    color: var(--n-arrow-color-hover);

}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content__icon {

    color: var(--n-item-icon-color-hover);

}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content-header {

    color: var(--n-item-text-color-hover);

}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content-header a {

    color: var(--n-item-text-color-hover);

}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content-header .n-menu-item-content-header__extra {

    color: var(--n-item-text-color-hover);

}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):hover::before {
    background-color: var(--n-item-color-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content__arrow {

    color: var(--n-arrow-color-hover);

}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content__icon {

    color: var(--n-item-icon-color-hover);

}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content-header {

    color: var(--n-item-text-color-hover);

}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content-header a {

    color: var(--n-item-text-color-hover);

}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content-header .n-menu-item-content-header__extra {

    color: var(--n-item-text-color-hover);

}

.n-menu .n-menu-item-content .n-menu-item-content__icon {

    grid-area: icon;
    color: var(--n-item-icon-color);
    transition:
        color .3s var(--n-bezier),
        font-size .3s var(--n-bezier),
        margin-right .3s var(--n-bezier);
    box-sizing: content-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;

}

.n-menu .n-menu-item-content .n-menu-item-content__arrow {

    grid-area: arrow;
    font-size: 16px;
    color: var(--n-arrow-color);
    transform: rotate(180deg);
    opacity: 1;
    transition:
        color .3s var(--n-bezier),
        transform 0.2s var(--n-bezier),
        opacity 0.2s var(--n-bezier);

}

.n-menu .n-menu-item-content .n-menu-item-content-header {

    grid-area: content;
    transition:
        color .3s var(--n-bezier),
        opacity .3s var(--n-bezier);
    opacity: 1;
    white-space: nowrap;
    color: var(--n-item-text-color);

}

.n-menu .n-menu-item-content .n-menu-item-content-header a {

    outline: none;
    text-decoration: none;
    transition: color .3s var(--n-bezier);
    color: var(--n-item-text-color);

}

.n-menu .n-menu-item-content .n-menu-item-content-header a::before {

    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

}

.n-menu .n-menu-item-content .n-menu-item-content-header .n-menu-item-content-header__extra {

    font-size: .93em;
    color: var(--n-group-text-color);
    transition: color .3s var(--n-bezier);

}

.n-menu .n-submenu {

    cursor: pointer;
    position: relative;
    margin-top: 6px;

}

.n-menu .n-submenu .n-menu-item-content {

    height: var(--n-item-height);

}

.n-menu .n-submenu .n-submenu-children {

    overflow: hidden;
    padding: 0;

}

.n-menu .n-submenu .n-submenu-children.fade-in-height-expand-transition-leave-from,
.n-menu .n-submenu .n-submenu-children.fade-in-height-expand-transition-enter-to {
    opacity: 1;
}

.n-menu .n-submenu .n-submenu-children.fade-in-height-expand-transition-leave-to,
.n-menu .n-submenu .n-submenu-children.fade-in-height-expand-transition-enter-from {
    opacity: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.n-menu .n-submenu .n-submenu-children.fade-in-height-expand-transition-leave-active {

    overflow: hidden;
    transition:
        max-height .2s cubic-bezier(.4, 0, .2, 1) 0s,
        opacity .2s cubic-bezier(0, 0, .2, 1) 0s,
        margin-top .2s cubic-bezier(.4, 0, .2, 1) 0s,
        margin-bottom .2s cubic-bezier(.4, 0, .2, 1) 0s,
        padding-top .2s cubic-bezier(.4, 0, .2, 1) 0s,
        padding-bottom .2s cubic-bezier(.4, 0, .2, 1) 0s
}

.n-menu .n-submenu .n-submenu-children.fade-in-height-expand-transition-enter-active {

    overflow: hidden;
    transition:
        max-height .2s cubic-bezier(.4, 0, .2, 1),
        opacity .2s cubic-bezier(.4, 0, 1, 1),
        margin-top .2s cubic-bezier(.4, 0, .2, 1),
        margin-bottom .2s cubic-bezier(.4, 0, .2, 1),
        padding-top .2s cubic-bezier(.4, 0, .2, 1),
        padding-bottom .2s cubic-bezier(.4, 0, .2, 1)
}

.n-menu .n-menu-item-group .n-menu-item-group-title {

    margin-top: 6px;
    color: var(--n-group-text-color);
    cursor: default;
    font-size: .93em;
    height: 36px;
    display: flex;
    align-items: center;
    transition:
        padding-left .3s var(--n-bezier),
        color .3s var(--n-bezier);

}

.n-menu-tooltip a {

    color: inherit;
    text-decoration: none;

}

.n-menu-divider {

    transition: background-color .3s var(--n-bezier);
    background-color: var(--n-divider-color);
    height: 1px;
    margin: 6px 18px;

}

.n-popover {

    transition:
        box-shadow .3s var(--n-bezier),
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier);
    position: relative;
    font-size: var(--n-font-size);
    color: var(--n-text-color);
    box-shadow: var(--n-box-shadow);
    word-break: break-word;

}

.n-popover>.n-scrollbar {

    height: inherit;
    max-height: inherit;

}

.n-popover:not(.n-popover--raw) {

    background-color: var(--n-color);
    border-radius: var(--n-border-radius);

}

.n-popover:not(.n-popover--raw):not(.n-popover--scrollable):not(.n-popover--show-header-or-footer) {
    padding: var(--n-padding);
}

.n-popover .n-popover__header {

    padding: var(--n-padding);
    border-bottom: 1px solid var(--n-divider-color);
    transition: border-color .3s var(--n-bezier);

}

.n-popover .n-popover__footer {

    padding: var(--n-padding);
    border-top: 1px solid var(--n-divider-color);
    transition: border-color .3s var(--n-bezier);

}

.n-popover.n-popover--scrollable .n-popover__content,
.n-popover.n-popover--show-header-or-footer .n-popover__content {

    padding: var(--n-padding);

}

.n-popover-shared {

    transform-origin: inherit;

}

.n-popover-shared .n-popover-arrow-wrapper {

    position: absolute;
    overflow: hidden;
    pointer-events: none;

}

.n-popover-shared .n-popover-arrow-wrapper .n-popover-arrow {

    transition: background-color .3s var(--n-bezier);
    position: absolute;
    display: block;
    width: calc(var(--n-arrow-height) * 1.414);
    height: calc(var(--n-arrow-height) * 1.414);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
    transform: rotate(45deg);
    background-color: var(--n-color);
    pointer-events: all;

}

.n-popover-shared.popover-transition-enter-from,
.n-popover-shared.popover-transition-leave-to {

    opacity: 0;
    transform: scale(.85);

}

.n-popover-shared.popover-transition-enter-to,
.n-popover-shared.popover-transition-leave-from {

    transform: scale(1);
    opacity: 1;

}

.n-popover-shared.popover-transition-enter-active {

    transition:
        box-shadow .3s var(--n-bezier),
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier),
        opacity .15s var(--n-bezier-ease-out),
        transform .15s var(--n-bezier-ease-out);

}

.n-popover-shared.popover-transition-leave-active {

    transition:
        box-shadow .3s var(--n-bezier),
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier),
        opacity .15s var(--n-bezier-ease-in),
        transform .15s var(--n-bezier-ease-in);

}

[v-placement="top-start"]>.n-popover-shared {

    margin-bottom: var(--n-space);

}

[v-placement="top-start"]>.n-popover-shared.n-popover-shared--show-arrow {

    margin-bottom: var(--n-space-arrow);

}

[v-placement="top-start"]>.n-popover-shared.n-popover-shared--overlap {

    margin: 0;

}

[v-placement="top-start"]>.n-popover-shared>.n-popover-arrow-wrapper {

    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    top: 100%;
    bottom: auto;
    height: var(--n-space-arrow);

}

[v-placement="top-start"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

    top: calc(var(--n-arrow-height) * 1.414 / -2);
    left: calc(var(--n-arrow-offset) - var(--v-offset-left));

}

[v-placement="top"]>.n-popover-shared {

    margin-bottom: var(--n-space);

}

[v-placement="top"]>.n-popover-shared.n-popover-shared--show-arrow {

    margin-bottom: var(--n-space-arrow);

}

[v-placement="top"]>.n-popover-shared.n-popover-shared--overlap {

    margin: 0;

}

[v-placement="top"]>.n-popover-shared>.n-popover-arrow-wrapper {

    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    top: 100%;
    bottom: auto;
    height: var(--n-space-arrow);

}

[v-placement="top"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

    top: calc(var(--n-arrow-height) * 1.414 / -2);
    transform: translateX(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);
    left: 50%;

}

[v-placement="top-end"]>.n-popover-shared {

    margin-bottom: var(--n-space);

}

[v-placement="top-end"]>.n-popover-shared.n-popover-shared--show-arrow {

    margin-bottom: var(--n-space-arrow);

}

[v-placement="top-end"]>.n-popover-shared.n-popover-shared--overlap {

    margin: 0;

}

[v-placement="top-end"]>.n-popover-shared>.n-popover-arrow-wrapper {

    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    top: 100%;
    bottom: auto;
    height: var(--n-space-arrow);

}

[v-placement="top-end"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

    top: calc(var(--n-arrow-height) * 1.414 / -2);
    right: calc(var(--n-arrow-offset) + var(--v-offset-left));

}

[v-placement="bottom-start"]>.n-popover-shared {

    margin-top: var(--n-space);

}

[v-placement="bottom-start"]>.n-popover-shared.n-popover-shared--show-arrow {

    margin-top: var(--n-space-arrow);

}

[v-placement="bottom-start"]>.n-popover-shared.n-popover-shared--overlap {

    margin: 0;

}

[v-placement="bottom-start"]>.n-popover-shared>.n-popover-arrow-wrapper {

    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    bottom: 100%;
    top: auto;
    height: var(--n-space-arrow);

}

[v-placement="bottom-start"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

    bottom: calc(var(--n-arrow-height) * 1.414 / -2);
    left: calc(var(--n-arrow-offset) - var(--v-offset-left));

}

[v-placement="bottom"]>.n-popover-shared {

    margin-top: var(--n-space);

}

[v-placement="bottom"]>.n-popover-shared.n-popover-shared--show-arrow {

    margin-top: var(--n-space-arrow);

}

[v-placement="bottom"]>.n-popover-shared.n-popover-shared--overlap {

    margin: 0;

}

[v-placement="bottom"]>.n-popover-shared>.n-popover-arrow-wrapper {

    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    bottom: 100%;
    top: auto;
    height: var(--n-space-arrow);

}

[v-placement="bottom"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

    bottom: calc(var(--n-arrow-height) * 1.414 / -2);
    transform: translateX(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);
    left: 50%;

}

[v-placement="bottom-end"]>.n-popover-shared {

    margin-top: var(--n-space);

}

[v-placement="bottom-end"]>.n-popover-shared.n-popover-shared--show-arrow {

    margin-top: var(--n-space-arrow);

}

[v-placement="bottom-end"]>.n-popover-shared.n-popover-shared--overlap {

    margin: 0;

}

[v-placement="bottom-end"]>.n-popover-shared>.n-popover-arrow-wrapper {

    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    bottom: 100%;
    top: auto;
    height: var(--n-space-arrow);

}

[v-placement="bottom-end"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

    bottom: calc(var(--n-arrow-height) * 1.414 / -2);
    right: calc(var(--n-arrow-offset) + var(--v-offset-left));

}

[v-placement="left-start"]>.n-popover-shared {

    margin-right: var(--n-space);

}

[v-placement="left-start"]>.n-popover-shared.n-popover-shared--show-arrow {

    margin-right: var(--n-space-arrow);

}

[v-placement="left-start"]>.n-popover-shared.n-popover-shared--overlap {

    margin: 0;

}

[v-placement="left-start"]>.n-popover-shared>.n-popover-arrow-wrapper {

    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    left: 100%;
    right: auto;
    width: var(--n-space-arrow);

}

[v-placement="left-start"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

    left: calc(var(--n-arrow-height) * 1.414 / -2);
    top: calc(var(--n-arrow-offset-vertical) - var(--v-offset-top));

}

[v-placement="left"]>.n-popover-shared {

    margin-right: var(--n-space);

}

[v-placement="left"]>.n-popover-shared.n-popover-shared--show-arrow {

    margin-right: var(--n-space-arrow);

}

[v-placement="left"]>.n-popover-shared.n-popover-shared--overlap {

    margin: 0;

}

[v-placement="left"]>.n-popover-shared>.n-popover-arrow-wrapper {

    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    left: 100%;
    right: auto;
    width: var(--n-space-arrow);

}

[v-placement="left"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

    left: calc(var(--n-arrow-height) * 1.414 / -2);
    transform: translateY(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);
    top: 50%;

}

[v-placement="left-end"]>.n-popover-shared {

    margin-right: var(--n-space);

}

[v-placement="left-end"]>.n-popover-shared.n-popover-shared--show-arrow {

    margin-right: var(--n-space-arrow);

}

[v-placement="left-end"]>.n-popover-shared.n-popover-shared--overlap {

    margin: 0;

}

[v-placement="left-end"]>.n-popover-shared>.n-popover-arrow-wrapper {

    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    left: 100%;
    right: auto;
    width: var(--n-space-arrow);

}

[v-placement="left-end"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

    left: calc(var(--n-arrow-height) * 1.414 / -2);
    bottom: calc(var(--n-arrow-offset-vertical) + var(--v-offset-top));

}

[v-placement="right-start"]>.n-popover-shared {

    margin-left: var(--n-space);

}

[v-placement="right-start"]>.n-popover-shared.n-popover-shared--show-arrow {

    margin-left: var(--n-space-arrow);

}

[v-placement="right-start"]>.n-popover-shared.n-popover-shared--overlap {

    margin: 0;

}

[v-placement="right-start"]>.n-popover-shared>.n-popover-arrow-wrapper {

    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 100%;
    left: auto;
    width: var(--n-space-arrow);

}

[v-placement="right-start"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

    right: calc(var(--n-arrow-height) * 1.414 / -2);
    top: calc(var(--n-arrow-offset-vertical) - var(--v-offset-top));

}

[v-placement="right"]>.n-popover-shared {

    margin-left: var(--n-space);

}

[v-placement="right"]>.n-popover-shared.n-popover-shared--show-arrow {

    margin-left: var(--n-space-arrow);

}

[v-placement="right"]>.n-popover-shared.n-popover-shared--overlap {

    margin: 0;

}

[v-placement="right"]>.n-popover-shared>.n-popover-arrow-wrapper {

    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 100%;
    left: auto;
    width: var(--n-space-arrow);

}

[v-placement="right"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

    right: calc(var(--n-arrow-height) * 1.414 / -2);
    transform: translateY(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);
    top: 50%;

}

[v-placement="right-end"]>.n-popover-shared {

    margin-left: var(--n-space);

}

[v-placement="right-end"]>.n-popover-shared.n-popover-shared--show-arrow {

    margin-left: var(--n-space-arrow);

}

[v-placement="right-end"]>.n-popover-shared.n-popover-shared--overlap {

    margin: 0;

}

[v-placement="right-end"]>.n-popover-shared>.n-popover-arrow-wrapper {

    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 100%;
    left: auto;
    width: var(--n-space-arrow);

}

[v-placement="right-end"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

    right: calc(var(--n-arrow-height) * 1.414 / -2);
    bottom: calc(var(--n-arrow-offset-vertical) + var(--v-offset-top));

}

[v-placement="right-start"]>.n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
    top: calc(max(calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset-vertical)) - var(--v-offset-top));
}

[v-placement="left-start"]>.n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
    top: calc(max(calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset-vertical)) - var(--v-offset-top));
}

[v-placement="top-end"]>.n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
    right: calc(max(calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset)) + var(--v-offset-left));
}

[v-placement="bottom-end"]>.n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
    right: calc(max(calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset)) + var(--v-offset-left));
}

[v-placement="right-end"]>.n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
    bottom: calc(max(calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset-vertical)) + var(--v-offset-top));
}

[v-placement="left-end"]>.n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
    bottom: calc(max(calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset-vertical)) + var(--v-offset-top));
}

[v-placement="top-start"]>.n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
    left: calc(max(calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset)) - var(--v-offset-left));
}

[v-placement="bottom-start"]>.n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
    left: calc(max(calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset)) - var(--v-offset-left));
}

.n-button-group {

    flex-wrap: nowrap;
    display: inline-flex;
    position: relative;

}

.n-button-group:not(.n-button-group--vertical) {
    flex-direction: row;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button:first-child:not(:last-child) {

    margin-right: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button:last-child:not(:first-child) {

    margin-left: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;

}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button:not(:first-child):not(:last-child) {

    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;

}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--default-type+.n-button.n-button--default-type .n-button__border {
    border-left-width: 0 !important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--default-type+.n-button.n-button--default-type .n-button__state-border {
    left: -1px !important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--primary-type+.n-button.n-button--primary-type .n-button__border {
    border-left-width: 0 !important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--primary-type+.n-button.n-button--primary-type .n-button__state-border {
    left: -1px !important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--info-type+.n-button.n-button--info-type .n-button__border {
    border-left-width: 0 !important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--info-type+.n-button.n-button--info-type .n-button__state-border {
    left: -1px !important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--success-type+.n-button.n-button--success-type .n-button__border {
    border-left-width: 0 !important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--success-type+.n-button.n-button--success-type .n-button__state-border {
    left: -1px !important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--warning-type+.n-button.n-button--warning-type .n-button__border {
    border-left-width: 0 !important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--warning-type+.n-button.n-button--warning-type .n-button__state-border {
    left: -1px !important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--error-type+.n-button.n-button--error-type .n-button__border {
    border-left-width: 0 !important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--error-type+.n-button.n-button--error-type .n-button__state-border {
    left: -1px !important;
}

.n-button-group.n-button-group--vertical {
    flex-direction: column;
}

.n-button-group.n-button-group--vertical .n-button:first-child:not(:last-child) {

    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.n-button-group.n-button-group--vertical .n-button:last-child:not(:first-child) {

    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;

}

.n-button-group.n-button-group--vertical .n-button:not(:first-child):not(:last-child) {

    margin: 0 !important;
    border-radius: 0 !important;

}

.n-button-group.n-button-group--vertical .n-button.n-button--default-type+.n-button.n-button--default-type .n-button__border {
    border-top-width: 0 !important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--default-type+.n-button.n-button--default-type .n-button__state-border {
    top: -1px !important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--primary-type+.n-button.n-button--primary-type .n-button__border {
    border-top-width: 0 !important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--primary-type+.n-button.n-button--primary-type .n-button__state-border {
    top: -1px !important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--info-type+.n-button.n-button--info-type .n-button__border {
    border-top-width: 0 !important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--info-type+.n-button.n-button--info-type .n-button__state-border {
    top: -1px !important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--success-type+.n-button.n-button--success-type .n-button__border {
    border-top-width: 0 !important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--success-type+.n-button.n-button--success-type .n-button__state-border {
    top: -1px !important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--warning-type+.n-button.n-button--warning-type .n-button__border {
    border-top-width: 0 !important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--warning-type+.n-button.n-button--warning-type .n-button__state-border {
    top: -1px !important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--error-type+.n-button.n-button--error-type .n-button__border {
    border-top-width: 0 !important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--error-type+.n-button.n-button--error-type .n-button__state-border {
    top: -1px !important;
}

.n-affix.n-affix--affixed {
    position: fixed;
}

.n-affix.n-affix--affixed.n-affix--absolute-positioned {
    position: absolute;
}

.n-radio-group {

    display: inline-block;
    font-size: var(--n-font-size);

}

.n-radio-group .n-radio-group__splitor {

    display: inline-block;
    vertical-align: bottom;
    width: 1px;
    transition:
        background-color .3s var(--n-bezier),
        opacity .3s var(--n-bezier);
    background: var(--n-button-border-color);

}

.n-radio-group .n-radio-group__splitor.n-radio-group__splitor--checked {
    background-color: var(--n-button-border-color-active);
}

.n-radio-group .n-radio-group__splitor.n-radio-group__splitor--disabled {
    opacity: var(--n-opacity-disabled);
}

.n-radio-group.n-radio-group--button-group {

    white-space: nowrap;
    height: var(--n-height);
    line-height: var(--n-height);

}

.n-radio-group.n-radio-group--button-group .n-radio-button {
    height: var(--n-height);
    line-height: var(--n-height);
}

.n-radio-group.n-radio-group--button-group .n-radio-group__splitor {
    height: var(--n-height);
}

.n-radio-group .n-radio-button {

    vertical-align: bottom;
    outline: none;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    display: inline-block;
    box-sizing: border-box;
    padding-left: 14px;
    padding-right: 14px;
    white-space: nowrap;
    transition:
        background-color .3s var(--n-bezier),
        opacity .3s var(--n-bezier),
        border-color .3s var(--n-bezier),
        color .3s var(--n-bezier);
    background: var(--n-button-color);
    color: var(--n-button-text-color);
    border-top: 1px solid var(--n-button-border-color);
    border-bottom: 1px solid var(--n-button-border-color);

}

.n-radio-group .n-radio-button .n-radio-input {

    pointer-events: none;
    position: absolute;
    border: 0;
    border-radius: inherit;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;

}

.n-radio-group .n-radio-button .n-radio-button__state-border {

    z-index: 1;
    pointer-events: none;
    position: absolute;
    box-shadow: var(--n-button-box-shadow);
    transition: box-shadow .3s var(--n-bezier);
    left: -1px;
    bottom: -1px;
    right: -1px;
    top: -1px;

}

.n-radio-group .n-radio-button:first-child {

    border-top-left-radius: var(--n-button-border-radius);
    border-bottom-left-radius: var(--n-button-border-radius);
    border-left: 1px solid var(--n-button-border-color);

}

.n-radio-group .n-radio-button:first-child .n-radio-button__state-border {

    border-top-left-radius: var(--n-button-border-radius);
    border-bottom-left-radius: var(--n-button-border-radius);

}

.n-radio-group .n-radio-button:last-child {

    border-top-right-radius: var(--n-button-border-radius);
    border-bottom-right-radius: var(--n-button-border-radius);
    border-right: 1px solid var(--n-button-border-color);

}

.n-radio-group .n-radio-button:last-child .n-radio-button__state-border {

    border-top-right-radius: var(--n-button-border-radius);
    border-bottom-right-radius: var(--n-button-border-radius);

}

.n-radio-group .n-radio-button:not(.n-radio-button--disabled) {

    cursor: pointer;

}

.n-radio-group .n-radio-button:not(.n-radio-button--disabled):hover .n-radio-button__state-border {

    transition: box-shadow .3s var(--n-bezier);
    box-shadow: var(--n-button-box-shadow-hover);

}

.n-radio-group .n-radio-button:not(.n-radio-button--disabled):hover:not(.n-radio-button--checked) {
    color: var(--n-button-text-color-hover);
}

.n-radio-group .n-radio-button:not(.n-radio-button--disabled).n-radio-button--focus:not(:active) .n-radio-button__state-border {
    box-shadow: var(--n-button-box-shadow-focus);
}

.n-radio-group .n-radio-button.n-radio-button--checked {

    background: var(--n-button-color-active);
    color: var(--n-button-text-color-active);
    border-color: var(--n-button-border-color-active);

}

.n-radio-group .n-radio-button.n-radio-button--disabled {

    cursor: not-allowed;
    opacity: var(--n-opacity-disabled);

}

.n-alert {

    line-height: var(--n-line-height);
    border-radius: var(--n-border-radius);
    position: relative;
    transition: background-color .3s var(--n-bezier);
    background-color: var(--n-color);
    text-align: start;
    word-break: break-word;

}

.n-alert .n-alert__border {

    border-radius: inherit;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: border-color .3s var(--n-bezier);
    border: var(--n-border);
    pointer-events: none;

}

.n-alert.n-alert--closable .n-alert-body .n-alert-body__title {

    padding-right: 24px;

}

.n-alert .n-alert__icon {
    color: var(--n-icon-color);
}

.n-alert .n-alert-body {
    padding: var(--n-padding);
}

.n-alert .n-alert-body .n-alert-body__title {
    color: var(--n-title-text-color);
}

.n-alert .n-alert-body .n-alert-body__content {
    color: var(--n-content-text-color);
}

.n-alert.fade-in-height-expand-transition-leave-from,
.n-alert.fade-in-height-expand-transition-enter-to {
    transform: scale(1);
    opacity: 1;
}

.n-alert.fade-in-height-expand-transition-leave-to,
.n-alert.fade-in-height-expand-transition-enter-from {
    transform: scale(0.9);
    opacity: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.n-alert.fade-in-height-expand-transition-leave-active {

    overflow: hidden;
    transition:
        max-height .3s cubic-bezier(.4, 0, .2, 1) 0s,
        opacity .3s cubic-bezier(0, 0, .2, 1) 0s,
        margin-top .3s cubic-bezier(.4, 0, .2, 1) 0s,
        margin-bottom .3s cubic-bezier(.4, 0, .2, 1) 0s,
        padding-top .3s cubic-bezier(.4, 0, .2, 1) 0s,
        padding-bottom .3s cubic-bezier(.4, 0, .2, 1) 0s, transform .3s var(--n-bezier)
}

.n-alert.fade-in-height-expand-transition-enter-active {

    overflow: hidden;
    transition:
        max-height .3s cubic-bezier(.4, 0, .2, 1),
        opacity .3s cubic-bezier(.4, 0, 1, 1),
        margin-top .3s cubic-bezier(.4, 0, .2, 1),
        margin-bottom .3s cubic-bezier(.4, 0, .2, 1),
        padding-top .3s cubic-bezier(.4, 0, .2, 1),
        padding-bottom .3s cubic-bezier(.4, 0, .2, 1), transform .3s var(--n-bezier)
}

.n-alert .n-alert__icon {

    position: absolute;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    width: var(--n-icon-size);
    height: var(--n-icon-size);
    font-size: var(--n-icon-size);
    margin: var(--n-icon-margin);

}

.n-alert .n-alert__close {

    transition:
        color .3s var(--n-bezier),
        background-color .3s var(--n-bezier);
    position: absolute;
    right: 0;
    top: 0;
    margin: var(--n-close-margin);

}

.n-alert.n-alert--show-icon .n-alert-body {
    padding-left: calc(var(--n-icon-margin-left) + var(--n-icon-size) + var(--n-icon-margin-right));
}

.n-alert.n-alert--right-adjust .n-alert-body {
    padding-right: calc(var(--n-close-size) + var(--n-padding) + 2px);
}

.n-alert .n-alert-body {

    border-radius: var(--n-border-radius);
    transition: border-color .3s var(--n-bezier);

}

.n-alert .n-alert-body .n-alert-body__title {

    transition: color .3s var(--n-bezier);
    font-size: 16px;
    line-height: 19px;
    font-weight: var(--n-title-font-weight);

}

.n-alert .n-alert-body .n-alert-body__title+.n-alert-body__content {
    margin-top: 9px;
}

.n-alert .n-alert-body .n-alert-body__content {
    transition: color .3s var(--n-bezier);
    font-size: var(--n-font-size);
}

.n-alert .n-alert__icon {
    transition: color .3s var(--n-bezier);
}

.n-modal-container {

    position: fixed;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    display: flex;

}

.n-modal-mask {

    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);

}

.n-modal-mask.fade-in-transition-enter-active {
    transition: all .25s var(--n-bezier-ease-out) !important;
}

.n-modal-mask.fade-in-transition-leave-active {
    transition: all .25s var(--n-bezier-ease-out) !important;
}

.n-modal-mask.fade-in-transition-enter-from,
.n-modal-mask.fade-in-transition-leave-to {
    opacity: 0;
}

.n-modal-mask.fade-in-transition-leave-from,
.n-modal-mask.fade-in-transition-enter-to {
    opacity: 1;
}

.n-modal-body-wrapper {

    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: visible;

}

.n-modal-body-wrapper .n-modal-scroll-content {

    min-height: 100%;
    display: flex;
    position: relative;

}

.n-modal {

    position: relative;
    align-self: center;
    color: var(--n-text-color);
    margin: auto;
    box-shadow: var(--n-box-shadow);

}

.n-modal.fade-in-scale-up-transition-leave-active {
    transform-origin: inherit;
    transition: opacity .25s cubic-bezier(.4, 0, 1, 1), transform .25s cubic-bezier(.4, 0, 1, 1);
}

.n-modal.fade-in-scale-up-transition-enter-active {
    transform-origin: inherit;
    transition: opacity .25s cubic-bezier(0, 0, .2, 1), transform .25s cubic-bezier(0, 0, .2, 1);
}

.n-modal.fade-in-scale-up-transition-enter-from,
.n-modal.fade-in-scale-up-transition-leave-to {
    opacity: 0;
    transform: scale(.5);
}

.n-modal.fade-in-scale-up-transition-leave-from,
.n-modal.fade-in-scale-up-transition-enter-to {
    opacity: 1;
    transform: scale(1);
}

.n-modal .n-draggable {

    cursor: move;
    user-select: none;

}

.n-steps {

    width: 100%;
    display: flex;

}

.n-steps .n-step {

    position: relative;
    display: flex;
    flex: 1;

}

.n-steps .n-step.n-step--disabled {
    cursor: not-allowed
}

.n-steps .n-step.n-step--clickable {

    cursor: pointer;

}

.n-steps .n-step:last-child .n-step-splitor {
    display: none;
}

.n-steps .n-step-splitor {

    background-color: var(--n-splitor-color);
    margin-top: calc(var(--n-step-header-font-size) / 2);
    height: 1px;
    flex: 1;
    align-self: flex-start;
    margin-left: 12px;
    margin-right: 12px;
    transition:
        color .3s var(--n-bezier),
        background-color .3s var(--n-bezier);

}

.n-steps .n-step-content {
    flex: 1;
}

.n-steps .n-step-content .n-step-content-header {

    color: var(--n-header-text-color);
    margin-top: calc(var(--n-indicator-size) / 2 - var(--n-step-header-font-size) / 2);
    line-height: var(--n-step-header-font-size);
    font-size: var(--n-step-header-font-size);
    position: relative;
    display: flex;
    font-weight: var(--n-step-header-font-weight);
    margin-left: 9px;
    transition:
        color .3s var(--n-bezier),
        background-color .3s var(--n-bezier);

}

.n-steps .n-step-content .n-step-content-header .n-step-content-header__title {

    white-space: nowrap;
    flex: 0;

}

.n-steps .n-step-content .n-step-content__description {

    color: var(--n-description-text-color);
    margin-top: 12px;
    margin-left: 9px;
    transition:
        color .3s var(--n-bezier),
        background-color .3s var(--n-bezier);

}

.n-steps .n-step-indicator {

    background-color: var(--n-indicator-color);
    box-shadow: 0 0 0 1px var(--n-indicator-border-color);
    height: var(--n-indicator-size);
    width: var(--n-indicator-size);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:
        background-color .3s var(--n-bezier),
        box-shadow .3s var(--n-bezier);

}

.n-steps .n-step-indicator .n-step-indicator-slot {

    position: relative;
    width: var(--n-indicator-icon-size);
    height: var(--n-indicator-icon-size);
    font-size: var(--n-indicator-icon-size);
    line-height: var(--n-indicator-icon-size);

}

.n-steps .n-step-indicator .n-step-indicator-slot .n-step-indicator-slot__index {

    display: inline-block;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    font-size: var(--n-indicator-index-font-size);
    width: var(--n-indicator-icon-size);
    height: var(--n-indicator-icon-size);
    line-height: var(--n-indicator-icon-size);
    color: var(--n-indicator-text-color);
    transition: color .3s var(--n-bezier);

}

.n-steps .n-step-indicator .n-step-indicator-slot .n-step-indicator-slot__index.icon-switch-transition-enter-from,
.n-steps .n-step-indicator .n-step-indicator-slot .n-step-indicator-slot__index.icon-switch-transition-leave-to {
    transform: scale(0.75);
    left: 0;
    top: 0;
    opacity: 0;
}

.n-steps .n-step-indicator .n-step-indicator-slot .n-step-indicator-slot__index.icon-switch-transition-enter-to,
.n-steps .n-step-indicator .n-step-indicator-slot .n-step-indicator-slot__index.icon-switch-transition-leave-from {
    transform: scale(1);
    left: 0;
    top: 0;
    opacity: 1;
}

.n-steps .n-step-indicator .n-step-indicator-slot .n-step-indicator-slot__index.icon-switch-transition-enter-active,
.n-steps .n-step-indicator .n-step-indicator-slot .n-step-indicator-slot__index.icon-switch-transition-leave-active {
    transform-origin: center;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-steps .n-step-indicator .n-step-indicator-slot .n-icon {

    color: var(--n-indicator-text-color);
    transition: color .3s var(--n-bezier);

}

.n-steps .n-step-indicator .n-step-indicator-slot .n-icon.icon-switch-transition-enter-from,
.n-steps .n-step-indicator .n-step-indicator-slot .n-icon.icon-switch-transition-leave-to {
    transform: scale(0.75);
    left: 0;
    top: 0;
    opacity: 0;
}

.n-steps .n-step-indicator .n-step-indicator-slot .n-icon.icon-switch-transition-enter-to,
.n-steps .n-step-indicator .n-step-indicator-slot .n-icon.icon-switch-transition-leave-from {
    transform: scale(1);
    left: 0;
    top: 0;
    opacity: 1;
}

.n-steps .n-step-indicator .n-step-indicator-slot .n-icon.icon-switch-transition-enter-active,
.n-steps .n-step-indicator .n-step-indicator-slot .n-icon.icon-switch-transition-leave-active {
    transform-origin: center;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-steps .n-step-indicator .n-step-indicator-slot .n-base-icon {

    color: var(--n-indicator-text-color);
    transition: color .3s var(--n-bezier);

}

.n-steps .n-step-indicator .n-step-indicator-slot .n-base-icon.icon-switch-transition-enter-from,
.n-steps .n-step-indicator .n-step-indicator-slot .n-base-icon.icon-switch-transition-leave-to {
    transform: scale(0.75);
    left: 0;
    top: 0;
    opacity: 0;
}

.n-steps .n-step-indicator .n-step-indicator-slot .n-base-icon.icon-switch-transition-enter-to,
.n-steps .n-step-indicator .n-step-indicator-slot .n-base-icon.icon-switch-transition-leave-from {
    transform: scale(1);
    left: 0;
    top: 0;
    opacity: 1;
}

.n-steps .n-step-indicator .n-step-indicator-slot .n-base-icon.icon-switch-transition-enter-active,
.n-steps .n-step-indicator .n-step-indicator-slot .n-base-icon.icon-switch-transition-leave-active {
    transform-origin: center;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-steps.n-steps--vertical {
    flex-direction: column;
}

.n-steps.n-steps--vertical:not(.n-steps--show-description)>.n-step {
    padding-bottom: 8px;
}

.n-steps.n-steps--vertical>.n-step {
    margin-bottom: 16px;
}

.n-steps.n-steps--vertical>.n-step:last-child {
    margin-bottom: 0;
}

.n-steps.n-steps--vertical>.n-step>.n-step-indicator>.n-step-splitor {

    position: absolute;
    bottom: -8px;
    width: 1px;
    margin: 0 !important;
    left: calc(var(--n-indicator-size) / 2);
    height: calc(100% - var(--n-indicator-size));

}

.n-steps.n-steps--vertical>.n-step>.n-step-content .n-step-content__description {
    margin-top: 8px;
}

@font-face {
    font-display: block;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(data:application/vnd.ms-fontobject;base64,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);
    src: url(data:application/vnd.ms-fontobject;base64,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) format("embedded-opentype"), url(data:font/ttf;base64,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) format("truetype"), url(data:font/woff;base64,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) format("woff"), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxmb250IGlkPSJpY29tb29uIiBob3Jpei1hZHYteD0iMTAyNCI+PGZvbnQtZmFjZSBhc2NlbnQ9Ijk2MCIgZGVzY2VudD0iLTY0IiB1bml0cy1wZXItZW09IjEwMjQiLz48Z2x5cGggaG9yaXotYWR2LXg9IjUxMiIvPjxnbHlwaCBkPSJtNTU4LjA5NiA0NDYuMzQ2IDI4My4xNjUgMjg0LjUzN2MxMy4xNyAxMy4yMzQgMTMuMTcgMzMuMDg1IDAgNDYuMzJzLTMyLjkyNyAxMy4yMzQtNDYuMDk3IDBMNTEyIDQ5Mi42NjcgMjI4LjgzNiA3NzkuNDA5Yy0xMy4xNzEgMTMuMjM0LTMyLjkyNiAxMy4yMzQtNDYuMDk3IDBzLTEzLjE3LTMzLjA4NiAwLTQ2LjMybDI4My4xNjQtMjg2Ljc0MkwxODAuNTQ0IDE2MS44MWMtMTMuMTctMTMuMjMyLTEzLjE3LTMzLjA4NyAwLTQ2LjMxOSA2LjU4NS02LjYxNiAxNS4zNjYtOC44MjMgMjQuMTQ2LTguODIzczE3LjU2MSAyLjIwNyAyNC4xNDYgOC44MjNMNTEyIDQwMC4wMjZsMjgzLjE2NC0yODQuNTM1YzYuNTgyLTYuNjE2IDE1LjM2Ni04LjgyMyAyNC4xNDQtOC44MjMgOC43ODQgMCAxNy41NjIgMi4yMDcgMjQuMTQ5IDguODIzIDEzLjE3IDEzLjIzMiAxMy4xNyAzMy4wODcgMCA0Ni4zMTlMNTU4LjA5NiA0NDYuMzQ3eiIgZ2x5cGgtbmFtZT0iaWNvbi1jbG9zZSIgdW5pY29kZT0i7qSAIi8+PGdseXBoIGQ9Ik0yMTYuNDE1IDIyMS4wODdDMTI3LjE2NCAyOTQuMTczIDgxLjAzNSAzODYuMzcgNjMuMzM5IDQyNy4wNzFjLTguNjAxIDIxLjMzMy04LjYwMSA0NC4wODkgMCA2NS40MjJDOTQuODc0IDU2NS4wMjYgMjE2LjcxNSA4MDEuMTE1IDUxMiA4MDEuMTE1YzkxLjY4NiAwIDE2Ni43NjQtMjIuOTg0IDIyNy42MzUtNTYuODEybDkzLjU4MiA5My41ODhjMTEuMTEgMTEuMTA4IDI5LjEyMSAxMS4xMDggNDAuMjMyIDAgMTEuMTA1LTExLjEwOCAxMS4xMDUtMjkuMTE4IDAtNDAuMjI2bC04NC44NzMtODQuODcyYzEwMS40ODQtNzQuOTA0IDE1My4yMTMtMTc2Ljg5MSAxNzIuMDgzLTIyMC4yOTkgOC42MDItMjEuMzMzIDguNjAyLTQ0LjA4OSAwLTY1LjQyMi0zMS41MzQtNzIuNTMzLTE1NC44MDYtMzA4LjYyMy00NDguNjYtMzA4LjYyMy0xMDIuNzgyIDAtMTg0LjU1IDI4LjYwNC0yNDguODEgNjguOTYxbC03My41OTQtNzMuNTk3Yy0xMS4xMDgtMTEuMTA1LTI5LjExOS0xMS4xMDUtNDAuMjI3IDAtMTEuMTA4IDExLjExLTExLjEwOCAyOS4xMjEgMCA0MC4yMjZsNjcuMDQ2IDY3LjA0OXptODguNTE2IDguMDYxYzU0Ljc5My0zMS44ODEgMTIzLjAzNi01My44MTEgMjA3LjA2OS01My44MTEgMjU5LjQ0NyAwIDM2OC4zOSAyMDkuMDY3IDM5NS42MjIgMjczLjA2N3E0LjMgMTAuNjY3IDAgMjEuMzMzYy0xNi43OTkgNDAuMzU5LTY0LjY5NCAxMzUuMzgyLTE1OS44MzUgMjAyLjI2N0w2MjQuMDMgNTQ4LjI0N2MxOS41NzYtMjQuMzI2IDMxLjMxMi01NS4xMDMgMzEuMzEyLTg4LjQ2NiAwLTc4LjIyMi02NC41MDUtMTQyLjIyMi0xNDMuMzQzLTE0Mi4yMjItMzMuMjI1IDAtNjMuOTA1IDExLjM2Ny04OC4yODMgMzAuMzc1em04MS42MDcgMTYyLjA2Yy0xMS4zODYgMjAuMzY2LTE3Ljg4IDQzLjc1NC0xNy44OCA2OC41NzQgMCA3OC4yMjIgNjQuNTAzIDE0Mi4yMjIgMTQzLjM0MiAxNDIuMjIyIDI0LjYxNiAwIDQ3LjgzNi02LjI0IDY4LjEzLTE3LjIwNGwxMTcuMzA1IDExNy4zMDVjLTUwLjgzIDI1LjQyOC0xMTIuMTIzIDQyLjEyMS0xODUuNDM1IDQyLjEyMS0yNTkuNDQ5IDAtMzY4LjM4OS0yMDkuMDY3LTM5NS42MjQtMjczLjA2N3EtNC4zLTEwLjY2NiAwLTIxLjMzM2MxNS42MzktMzcuNTY3IDU4LjIxOS0xMjIuNDk5IDE0MC43NjgtMTg4LjAxM2wxMjkuMzk0IDEyOS4zOTR6bTc3Ljk3Ni0yLjQ3N2MxMy42My05LjAxNiAyOS45NjgtMTQuMjgzIDQ3LjQ4Ni0xNC4yODMgNDcuMzAzIDAgODYuMDA1IDM4LjQgODYuMDA1IDg1LjMzMyAwIDE3LjYxOS01LjQ1NSAzNC4wMzYtMTQuNzcxIDQ3LjY3TDQ2NC41MTQgMzg4Ljczem03Mi4yOTEgMTUyLjc0NWE4NiA4NiAwIDAgMS0yNC44MDUgMy42NGMtNDcuMzAzIDAtODYuMDA1LTM4LjQtODYuMDA1LTg1LjMzM2E4NCA4NCAwIDAgMSAzLjg2Ny0yNS4yNXoiIGdseXBoLW5hbWU9Imljb24taW52aXNpYmxlIiB1bmljb2RlPSLupIEiLz48Z2x5cGggZD0ibTgzNi42MjUgNTIzLjExNiA4Mi44NDctMTQuNDk5YzI0Ljg1NS00LjE0MiA0My40OTctMjQuODU0IDQ3LjYzOS01MS43OHYtNzIuNDkyYzAtMjYuOTI2LTE4LjY0Mi00Ny42MzgtNDMuNDk3LTUxLjc4bC04Mi44NDctMTQuNDk4LTE2LjU2Ni0zNy4yODIgNDcuNjMzLTY4LjM1MWMxNC41MDEtMjAuNzEzIDEyLjQzLTQ3LjYzOS02LjIxMi02Ni4yNzZsLTUxLjc4LTUxLjc4Yy0xOC42MzctMTguNjQyLTQ1LjU2Mi0yMC43MTMtNjYuMjc2LTYuMjEybC02OC4zNTEgNDcuNjMzLTM3LjI4Mi0xNi41NjYtMTQuNDk4LTgyLjg0N2MtNi4yMTQtMjQuODU1LTI2LjkyNi00My40OTctNTEuNzgtNDMuNDk3aC03Mi40OTJjLTI2LjkyNiAwLTQ3LjYzOCAxOC42NDItNTEuNzggNDMuNDk3bC0xNC40OTkgODIuODQ3LTM3LjI4MiAxNi41NjYtNjguMzQ5LTQ3LjYzM2MtMjAuNzEyLTE0LjUwMS00Ny42MzgtMTIuNDMtNjYuMjc4IDYuMjEybC01MS43OCA1MS43OGMtMTguNjQxIDE4LjYzNy0yMC43MTIgNDUuNTYyLTYuMjEzIDY2LjI3Nmw0OS43MDkgNzAuNDIyLTE2LjU3IDM3LjI4Mi04Mi44NDggMTQuNDk4Yy0yNC44NTQgNi4yMTMtNDMuNDk1IDI2LjkyNi00My40OTUgNTEuNzh2NzIuNDkyYzAgMjQuODU0IDE4LjY0MSA0NS41NjYgMzkuMzUzIDQ5LjcwOGw4Mi44NDggMTQuNDk5IDE2LjU2OSAzNy4yODItNDcuNjM4IDY4LjM1Yy0xNC40OTggMjAuNzEyLTEyLjQyNyA0Ny42MzcgNi4yMTMgNjYuMjc4bDUxLjc4IDUxLjc4YzE4LjY0MSAxOC42NDEgNDUuNTY2IDIwLjcxMiA2Ni4yNzggNi4yMTNsNzAuNDItNDkuNzA5IDM3LjI4MiAxNi41NyAxNC40OTkgODIuODQ4YzYuMjEzIDI0Ljg1NCAyNi45MjYgNDMuNDk1IDUxLjc4IDQzLjQ5NWg3Mi40OTJjMjQuODU0IDAgNDUuNTY2LTE4LjY0MSA0Ny42MzgtNDEuNDI0bDE0LjQ5OC04Mi44NDggMzcuMjgyLTE2LjU2OSA2OC4zNTIgNDcuNjM4YzIwLjcwOCAxNC40OTggNDcuNjMzIDEyLjQyNyA2Ni4yNzYtNi4yMTNsNTEuNzgtNTEuNzhjMTguNjQyLTE4LjY0MSAyMC43MTMtNDUuNTY2IDYuMjEyLTY2LjI3OGwtNDcuNjM5LTY4LjM0OSAxNi41NzItMzcuMjgyek04MDkuNyAzNzguMTMxbDkxLjEzNiAxNi41N3Y1My44NTFMODA5LjcgNDY1LjEyMWMtMTAuMzU0IDIuMDcxLTE4LjY0MiA4LjI4NS0yMi43ODQgMTguNjQxbC0yOC45OTYgNzAuNDJjLTQuMTQyIDguMjg1LTIuMDcxIDIwLjcxMiA0LjE0MiAyOC45OTdsNTEuNzggNzQuNTYzLTM5LjM1IDM5LjM1My03NC41NjQtNTEuNzhjLTguMjgzLTYuMjE0LTE4LjY0MS04LjI4NS0yOC45OTctNC4xNDNsLTY4LjM1IDI4Ljk5N2MtMTAuMzU2IDQuMTQzLTE2LjU2OSAxMi40MjctMTguNjQxIDIyLjc4M2wtMTYuNTY5IDkxLjEzM2gtNTUuOTIybC0xNi41NjktOTEuMTMzYy0yLjA3MS0xMC4zNTYtOC4yODUtMTguNjQxLTE4LjY0MS0yMi43ODNsLTcwLjQyLTI4Ljk5N2MtOC4yODUtNC4xNDItMjAuNzEyLTIuMDcxLTI4Ljk5NyA0LjE0M2wtNzQuNTYzIDUxLjc4LTM5LjM1My0zOS4zNTMgNTEuNzgtNzQuNTYzYzYuMjE0LTguMjg1IDguMjg1LTE4LjY0MSA0LjE0My0yOC45OTZsLTI4Ljk5Ny02OC4zNWMtNC4xNDMtMTAuMzU2LTEyLjQyNy0xNi41NjktMjIuNzgzLTE4LjY0MWwtOTEuMTMzLTE2LjU2OXYtNTUuOTIybDkxLjEzMy0xNi41N2MxMC4zNTYtMi4wNzEgMTguNjQxLTguMjg1IDIyLjc4My0xOC42NDFsMjguOTk3LTcwLjQyYzQuMTQyLTguMjg1IDIuMDcxLTIwLjcxNC00LjE0My0yOC45OTdsLTUxLjc4LTc0LjU2NCAzOS4zNTMtMzkuMzUgNzQuNTYzIDUxLjc4YzguMjg1IDYuMjEyIDE4LjY0MSA4LjI4MyAyOC45OTYgNC4xNDJsNjguMzUtMjguOTk2YzEwLjM1Ni00LjE0MiAxNi41NjktMTIuNDMgMTguNjQxLTIyLjc4NGwxNi41NjktOTEuMTM2SDU2NS4zbDE2LjU2OSA5MS4xMzZjMi4wNzEgMTAuMzU0IDguMjg1IDE4LjY0MiAxOC42NDEgMjIuNzg0bDcwLjQyMSAzMS4wNjdjOC4yODUgNC4xNDIgMjAuNzE0IDIuMDcxIDI4Ljk5Ny00LjE0Mmw3NC41NjQtNTEuNzggMzkuMzUgMzkuMzUtNTEuNzggNzQuNTY0Yy02LjIxMiA4LjI4My04LjI4MyAxOC42NDEtNC4xNDIgMjguOTk3bDI4Ljk5NiA2OC4zNDljNC4xNDIgMTAuMzU2IDEyLjQzIDE2LjU3IDIyLjc4NCAxOC42NDFtLTM4NS4yNDIgNDMuNDk2YzAgNjIuMTM2IDUxLjc4IDExMy45MTUgMTEzLjkxNSAxMTMuOTE1czExMy45MTYtNTEuNzggMTEzLjkxNi0xMTMuOTE1LTUxLjc4LTExMy45MTYtMTEzLjkxNi0xMTMuOTE2LTExMy45MTUgNTEuNzgtMTEzLjkxNSAxMTMuOTE2bTYyLjEzNSAwYzAtMjguOTk3IDIyLjc4My01MS43OCA1MS43OC01MS43OHM1MS43OCAyMi43ODMgNTEuNzggNTEuNzgtMjIuNzgzIDUxLjc4LTUxLjc4IDUxLjc4LTUxLjc4LTIyLjc4My01MS43OC01MS43OCIgZ2x5cGgtbmFtZT0iaWNvbi1zZXR0aW5nIiB1bmljb2RlPSLupIIiLz48Z2x5cGggZD0iTTUxMiAxMDYuNjY3Yy0yOTUuMjg1IDAtNDE3LjEyNSAyMzYuMDg5LTQ0OC42NjEgMzA4LjYyMi04LjYwMSAyMS4zMzMtOC42MDEgNDQuMDg5IDAgNjUuNDIyQzk0Ljg3NCA1NTMuMjQ0IDIxNi43MTUgNzg5LjMzMyA1MTIgNzg5LjMzM2MyOTMuODU0IDAgNDE3LjEyNi0yMzYuMDg5IDQ0OC42Ni0zMDguNjIyIDguNjAyLTIxLjMzMyA4LjYwMi00NC4wODkgMC02NS40MjJDOTI5LjEyNiAzNDIuNzU2IDgwNS44NTQgMTA2LjY2NyA1MTIgMTA2LjY2N00xMTYuMzc2IDQ1OS4zNzhxLTQuMy0xMC42NjYgMC0yMS4zMzNDMTQzLjYxMSAzNzIuNjIzIDI1Mi41NTEgMTYzLjU1NiA1MTIgMTYzLjU1NmMyNTkuNDQ3IDAgMzY4LjM5IDIwOS4wNjcgMzk1LjYyMiAyNzMuMDY3cTQuMyAxMC42NjYgMCAyMS4zMzNDODgwLjM4OSA1MjMuMzc4IDc3MS40NDcgNzMyLjQ0NSA1MTIgNzMyLjQ0NWMtMjU5LjQ0OSAwLTM2OC4zODktMjA5LjA2Ny0zOTUuNjI0LTI3My4wNjdNNTEyIDMwNS43NzhjLTc4LjgzOCAwLTE0My4zNDIgNjQtMTQzLjM0MiAxNDIuMjIyUzQzMy4xNjEgNTkwLjIyMiA1MTIgNTkwLjIyMmM3OC44MzggMCAxNDMuMzQzLTY0IDE0My4zNDMtMTQyLjIyMlM1OTAuODM4IDMwNS43NzggNTEyIDMwNS43NzhtMCAyMjcuNTU1Yy00Ny4zMDMgMC04Ni4wMDUtMzguNC04Ni4wMDUtODUuMzMzczM4LjcwMi04NS4zMzMgODYuMDA1LTg1LjMzMyA4Ni4wMDUgMzguNCA4Ni4wMDUgODUuMzMzLTM4LjcwMiA4NS4zMzMtODYuMDA1IDg1LjMzMyIgZ2x5cGgtbmFtZT0iaWNvbi12aXNpYmxlIiB1bmljb2RlPSLupIMiLz48L2ZvbnQ+PC9kZWZzPjwvc3ZnPg==) format("svg")
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-icon-close:before {
    color: #fff;
    content: ""
}

.icon-icon-invisible:before {
    color: #fff;
    content: ""
}

.icon-icon-setting:before {
    color: #fff;
    content: ""
}

.icon-icon-visible:before {
    color: #fff;
    content: ""
}

.klinecharts-pro-button {
    align-items: center;
    background-color: transparent;
    border: 1px solid var(--klinecharts-pro-primary-color);
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    height: 36px;
    justify-content: center;
    margin-left: 20px;
    outline: none;
    width: 90px
}

.klinecharts-pro-button.confirm {
    background-color: var(--klinecharts-pro-primary-color);
    color: #fff
}

.klinecharts-pro-button.cancel {
    border: 1px solid var(--klinecharts-pro-primary-color);
    color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-checkbox {
    align-items: center;
    color: var(--klinecharts-pro-text-color);
    display: flex;
    flex-direction: row;
    font-size: 14px;
    justify-content: center;
    fill: var(--klinecharts-pro-text-color);
    cursor: pointer
}

.klinecharts-pro-checkbox .icon {
    height: 20px;
    width: 20px
}

.klinecharts-pro-checkbox .label {
    display: inline-block;
    margin-left: 6px
}

.klinecharts-pro-checkbox.checked {
    color: var(--klinecharts-pro-primary-color);
    fill: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-list {
    color: var(---klinecharts-pro-text-color);
    font-size: 14px;
    list-style: none;
    margin: 0;
    min-height: 200px;
    overflow-y: auto;
    padding: 0;
    position: relative
}

.klinecharts-pro-list::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

.klinecharts-pro-list::-webkit-scrollbar-thumb {
    background-color: var(--klinecharts-pro-border-color);
    border-radius: 4px;
    height: 8px;
    width: 8px
}

.klinecharts-pro-list li {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 40px;
    padding: 0 20px
}

.klinecharts-pro-list li:hover {
    background-color: var(--klinecharts-pro-hover-background-color)
}

.klinecharts-pro-modal {
    align-items: center;
    background-color: #0003;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99
}

.klinecharts-pro-modal .inner {
    background-color: var(--klinecharts-pro-popover-background-color);
    border-radius: 4px;
    box-shadow: 0 6px 12px #0000004d
}

.klinecharts-pro-modal .inner .title-container {
    align-items: center;
    border-bottom: 1px solid var(--klinecharts-pro-border-color);
    box-sizing: border-box;
    color: var(--klinecharts-pro-text-color);
    display: flex;
    flex-direction: row;
    font-size: 18px;
    font-weight: 700;
    height: 52px;
    justify-content: space-between;
    padding: 0 26px;
    position: relative
}

.klinecharts-pro-modal .inner .title-container .close-icon {
    cursor: pointer;
    height: 14px;
    width: 14px;
    fill: var(--klinecharts-pro-text-color)
}

.klinecharts-pro-modal .inner .title-container .close-icon:hover {
    fill: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-modal .inner .content-container {
    min-height: 140px;
    padding: 0 26px
}

.klinecharts-pro-modal .inner .button-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 20px 20px 26px
}

.klinecharts-pro-select {
    align-items: center;
    color: var(--klinecharts-pro-text-color);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    height: 34px;
    outline: none;
    position: relative;
    width: 100px
}

.klinecharts-pro-select .selector-container {
    align-items: center;
    border: 1px solid var(--klinecharts-pro-border-color);
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: space-between;
    padding: 0 10px;
    width: 100%
}

.klinecharts-pro-select .selector-container .arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--klinecharts-pro-text-color);
    display: inline;
    height: 0;
    transition: all .2s;
    width: 0
}

.klinecharts-pro-select .drop-down-container {
    background-color: var(--klinecharts-pro-popover-background-color);
    border-radius: 2px;
    box-shadow: 0 6px 12px #0000004d;
    left: 0;
    max-height: 200px;
    opacity: 0;
    overflow-y: auto;
    position: absolute;
    top: calc(100% + 1px);
    transform: scaleY(0);
    transform-origin: top;
    transition: all .2s;
    width: 100%;
    z-index: 100
}

.klinecharts-pro-select .drop-down-container ul {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.klinecharts-pro-select .drop-down-container ul li {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 40px;
    padding: 0 10px
}

.klinecharts-pro-select .drop-down-container ul li:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.klinecharts-pro-select .drop-down-container ul li:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.klinecharts-pro-select .drop-down-container ul li:hover {
    background-color: var(--klinecharts-pro-hover-background-color)
}

.klinecharts-pro-select-show .selector-container {
    border-color: var(--klinecharts-pro-primary-color) !important
}

.klinecharts-pro-select-show .selector-container .value {
    color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-select-show .selector-container .arrow {
    transform: rotate(180deg)
}

.klinecharts-pro-select-show .drop-down-container {
    opacity: 1 !important;
    transform: scaleY(1) !important
}

.klinecharts-pro-input {
    align-items: center;
    border: 1px solid var(--klinecharts-pro-border-color);
    border-radius: 2px;
    box-sizing: border-box;
    color: var(--klinecharts-pro-text-color);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    height: 34px;
    padding: 0 12px;
    position: relative
}

.klinecharts-pro-input[data-status=focus] {
    border-color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-input .prefix {
    display: flex;
    padding-right: 10px;
    white-space: nowrap
}

.klinecharts-pro-input .suffix {
    display: flex;
    padding-left: 10px;
    white-space: nowrap
}

.klinecharts-pro-input .value {
    background: transparent;
    border: none;
    color: var(--klinecharts-pro-text-color);
    cursor: pointer;
    font-size: 14px;
    outline: none;
    width: 100%
}

.klinecharts-pro-loading {
    align-items: center;
    color: var(--klinecharts-pro-primary-color);
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50
}

.klinecharts-pro-loading .circle1,
.klinecharts-pro-loading .circle2,
.klinecharts-pro-loading .circle3 {
    animation: loading-anim .8s ease-in-out infinite alternate;
    background-color: currentColor;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    pointer-events: none;
    width: 10px
}

.klinecharts-pro-loading .circle1 {
    animation-delay: .48s
}

.klinecharts-pro-loading .circle2 {
    animation-delay: .32s;
    margin-left: .2em;
    margin-right: .2em
}

.klinecharts-pro-loading .circle3 {
    animation-delay: .16s
}

@keyframes loading-anim {
    0% {
        top: 0
    }

    to {
        margin-top: -2.2em
    }
}

.klinecharts-pro-empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    fill: var(--klinecharts-pro-text-second-color);
    color: var(--klinecharts-pro-text-second-color)
}

.klinecharts-pro-empty .icon {
    height: 50px;
    width: 50px
}

.klinecharts-pro-switch {
    border-radius: 9px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 18px;
    position: relative;
    width: 36px
}

.klinecharts-pro-switch .thumb {
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 14px;
    position: absolute;
    top: 2px;
    transition: all .2s;
    width: 14px;
    z-index: 10
}

.klinecharts-pro-switch.turn-off {
    background-color: var(--klinecharts-pro-border-color)
}

.klinecharts-pro-switch.turn-off .thumb {
    left: 2px
}

.klinecharts-pro-switch.turn-on {
    background-color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-switch.turn-on .thumb {
    left: 20px
}

.klinecharts-pro-period-bar {
    border-bottom: 1px solid var(--klinecharts-pro-border-color);
    height: 38px;
    width: 100%
}

.klinecharts-pro-period-bar,
.klinecharts-pro-period-bar .menu-container {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row
}

.klinecharts-pro-period-bar .menu-container {
    border-right: 1px solid var(--klinecharts-pro-border-color);
    height: 100%;
    justify-content: center;
    width: 52px
}

.klinecharts-pro-period-bar .menu-container svg {
    fill: var(--klinecharts-pro-text-color);
    cursor: pointer;
    height: 28px;
    transition: all .2s;
    width: 28px
}

.klinecharts-pro-period-bar .menu-container svg.rotate {
    transform: rotate(180deg);
    transform-origin: center
}

.klinecharts-pro-period-bar .symbol {
    align-items: center;
    border-right: 1px solid var(--klinecharts-pro-border-color);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 18px;
    font-weight: 700;
    height: 100%;
    padding: 0 12px
}

.klinecharts-pro-period-bar .symbol img {
    height: 20px;
    margin-right: 6px;
    width: 20px
}

.klinecharts-pro-period-bar .item {
    box-sizing: border-box;
    cursor: pointer;
    transition: all .2s;
    fill: var(--klinecharts-pro-text-color)
}

.klinecharts-pro-period-bar .item.selected {
    background-color: var(--klinecharts-pro-selected-color) !important;
    color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-period-bar .period {
    border-radius: 2px;
    margin: 0 4px;
    padding: 2px 6px
}

.klinecharts-pro-period-bar .period:hover {
    background-color: var(--klinecharts-pro-hover-background-color)
}

.klinecharts-pro-period-bar .period:first-child {
    margin-left: 8px
}

.klinecharts-pro-period-bar .menu-container+.period,
.klinecharts-pro-period-bar .symbol+.period {
    margin-left: 12px
}

.klinecharts-pro-period-bar .tools {
    align-items: center;
    border-right: 1px solid var(--klinecharts-pro-border-color);
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    padding: 0 12px
}

.klinecharts-pro-period-bar .tools:hover {
    fill: var(--klinecharts-pro-primary-color);
    color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-period-bar .tools svg {
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.klinecharts-pro-period-bar .period+.tools {
    border-left: 1px solid var(--klinecharts-pro-border-color);
    margin-left: 8px
}

.klinecharts-pro-drawing-bar {
    border-right: 1px solid var(--klinecharts-pro-border-color);
    box-sizing: border-box;
    height: 100%;
    width: 52px
}

.klinecharts-pro-drawing-bar .item {
    align-items: center;
    color: var(--klinecharts-pro-text-second-color);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 8px;
    position: relative;
    width: 100%;
    fill: var(--klinecharts-pro-text-second-color);
    stroke: var(--klinecharts-pro-text-second-color)
}

.klinecharts-pro-drawing-bar .item .icon-overlay {
    border-radius: 2px;
    height: 32px;
    transition: all .2s;
    width: 32px
}

.klinecharts-pro-drawing-bar .item .icon-overlay:hover {
    background-color: var(--klinecharts-pro-hover-background-color)
}

.klinecharts-pro-drawing-bar .item .icon-overlay.selected {
    background-color: var(--klinecharts-pro-selected-color) !important;
    fill: var(--klinecharts-pro-primary-color);
    stroke: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-drawing-bar .item .icon-arrow {
    align-items: center;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s;
    width: 10px;
    z-index: 10
}

.klinecharts-pro-drawing-bar .item .icon-arrow svg {
    height: 6px;
    transition: all .2s;
    width: 4px
}

.klinecharts-pro-drawing-bar .item .icon-arrow svg.rotate {
    transform: rotate(180deg)
}

.klinecharts-pro-drawing-bar .item .icon-arrow:hover {
    background-color: var(--klinecharts-pro-hover-background-color)
}

.klinecharts-pro-drawing-bar .item .list {
    background-color: var(--klinecharts-pro-popover-background-color);
    box-shadow: 0 6px 12px #0000004d;
    left: calc(100% + 1px);
    max-height: 320px;
    min-height: auto;
    position: absolute;
    top: 0;
    white-space: nowrap;
    z-index: 99
}

.klinecharts-pro-drawing-bar .item .list li {
    padding-left: 16px
}

.klinecharts-pro-drawing-bar .item .list li .icon-overlay:hover {
    background-color: transparent
}

.klinecharts-pro-drawing-bar .item:hover .icon-arrow {
    opacity: 1
}

.klinecharts-pro-drawing-bar .split-line {
    background-color: var(--klinecharts-pro-border-color);
    display: block;
    height: 1px;
    margin-top: 8px;
    width: 100%
}

.klinecharts-pro-indicator-modal-list {
    height: 440px;
    margin-left: -20px;
    margin-right: -20px;
    position: relative
}

.klinecharts-pro-indicator-modal-list .title {
    color: var(--klinecharts-pro-text-color);
    font-size: 16px;
    font-weight: 400;
    position: sticky;
    top: 0
}

.klinecharts-pro-indicator-modal-list .title,
.klinecharts-pro-indicator-modal-list .title:hover {
    background-color: var(--klinecharts-pro-popover-background-color)
}

.klinecharts-pro-indicator-modal-list .row:hover .checkbox {
    fill: var(--klinecharts-pro-primary-color);
    color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-setting-modal-content {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-row-gap: 20px;
    align-items: center;
    margin-bottom: 30px;
    margin-top: 20px
}

.klinecharts-pro-indicator-setting-modal-content {
    display: grid;
    grid-template-columns: auto auto;
    grid-row-gap: 20px;
    align-items: center;
    margin-top: 20px
}

.klinecharts-pro-symbol-search-modal-input {
    height: 40px;
    margin: 20px 0 10px
}

.klinecharts-pro-symbol-search-modal-input svg {
    height: 18px;
    width: 18px;
    fill: var(--klinecharts-pro-text-second-color)
}

.klinecharts-pro-symbol-search-modal-input .value {
    font-size: 16px
}

.klinecharts-pro-symbol-search-modal-list {
    height: 400px;
    margin-left: -20px;
    margin-right: -20px
}

.klinecharts-pro-symbol-search-modal-list li {
    justify-content: space-between
}

.klinecharts-pro-symbol-search-modal-list li div {
    align-items: center;
    display: flex;
    flex-direction: row
}

.klinecharts-pro-symbol-search-modal-list li div img {
    height: 16px;
    margin-right: 6px;
    width: 16px
}

.klinecharts-pro-symbol-search-modal-list li div span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px
}

.klinecharts-pro {
    --klinecharts-pro-primary-color: #1677ff;
    --klinecharts-pro-hover-background-color: rgba(22, 119, 255, .15);
    --klinecharts-pro-background-color: #fff;
    --klinecharts-pro-popover-background-color: #fff;
    --klinecharts-pro-text-color: #051441;
    --klinecharts-pro-text-second-color: #76808f;
    --klinecharts-pro-border-color: #ebedf1;
    --klinecharts-pro-selected-color: rgba(22, 119, 255, .15);
    background-color: var(--klinecharts-pro-background-color);
    color: var(--klinecharts-pro-text-color);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    height: 80vh;
    position: relative
}

.klinecharts-pro[data-theme=dark] {
    --klinecharts-pro-hover-background-color: rgba(22, 119, 255, .15);
    --klinecharts-pro-background-color: #151517;
    --klinecharts-pro-popover-background-color: #1c1c1f;
    --klinecharts-pro-text-color: #f8f8f8;
    --klinecharts-pro-text-second-color: #929aa5;
    --klinecharts-pro-border-color: #292929
}

.klinecharts-pro-watermark {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%) translateY(-50%);
    z-index: 1
}

.klinecharts-pro-watermark .logo {
    height: 184px;
    width: 160px;
    fill: var(--klinecharts-pro-border-color)
}

.klinecharts-pro-price-unit {
    background-color: var(--klinecharts-pro-background-color);
    border: 1px solid var(--klinecharts-pro-border-color);
    border-radius: 4px;
    box-shadow: 0 3px 3px #3232324d;
    color: var(--klinecharts-pro-text-second-color);
    display: none;
    font-size: 10px;
    font-weight: 700;
    left: 50%;
    padding: 1px 4px;
    position: absolute;
    top: 4px;
    transform: translate(-50%);
    z-index: 30
}

.klinecharts-pro-load-icon {
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    z-index: -1
}

.klinecharts-pro-content {
    display: flex;
    flex-direction: row;
    height: calc(100% - 38px);
    position: relative;
    width: 100%
}

.klinecharts-pro-widget {
    height: 100%;
    margin-left: 0;
    width: calc(100% - 52px)
}

.klinecharts-pro-widget[data-drawing-bar-visible=false] {
    width: 100%
}

.n-notification-container {

    z-index: 4000;
    position: fixed;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: flex-end;

}

.n-notification-container>.n-scrollbar {

    width: initial;
    overflow: visible;
    height: -moz-fit-content !important;
    height: fit-content !important;
    max-height: 100vh !important;

}

.n-notification-container>.n-scrollbar>.n-scrollbar-container {

    height: -moz-fit-content !important;
    height: fit-content !important;
    max-height: 100vh !important;

}

.n-notification-container>.n-scrollbar>.n-scrollbar-container .n-scrollbar-content {

    padding-top: 12px;
    padding-bottom: 33px;

}

.n-notification-container.n-notification-container--top,
.n-notification-container.n-notification-container--top-right,
.n-notification-container.n-notification-container--top-left {

    top: 12px;

}

.n-notification-container.n-notification-container--top.transitioning>.n-scrollbar>.n-scrollbar-container,
.n-notification-container.n-notification-container--top-right.transitioning>.n-scrollbar>.n-scrollbar-container,
.n-notification-container.n-notification-container--top-left.transitioning>.n-scrollbar>.n-scrollbar-container {

    min-height: 100vh !important;

}

.n-notification-container.n-notification-container--bottom,
.n-notification-container.n-notification-container--bottom-right,
.n-notification-container.n-notification-container--bottom-left {

    bottom: 12px;

}

.n-notification-container.n-notification-container--bottom>.n-scrollbar>.n-scrollbar-container .n-scrollbar-content,
.n-notification-container.n-notification-container--bottom-right>.n-scrollbar>.n-scrollbar-container .n-scrollbar-content,
.n-notification-container.n-notification-container--bottom-left>.n-scrollbar>.n-scrollbar-container .n-scrollbar-content {

    padding-bottom: 12px;

}

.n-notification-container.n-notification-container--bottom .n-notification-wrapper,
.n-notification-container.n-notification-container--bottom-right .n-notification-wrapper,
.n-notification-container.n-notification-container--bottom-left .n-notification-wrapper {

    display: flex;
    align-items: flex-end;
    margin-bottom: 0;
    margin-top: 12px;

}

.n-notification-container.n-notification-container--top,
.n-notification-container.n-notification-container--bottom {

    left: 50%;
    transform: translateX(-50%);

}

.n-notification-container.n-notification-container--top .n-notification-wrapper.notification-transition-enter-from,
.n-notification-container.n-notification-container--bottom .n-notification-wrapper.notification-transition-enter-from,
.n-notification-container.n-notification-container--top .n-notification-wrapper.notification-transition-leave-to,
.n-notification-container.n-notification-container--bottom .n-notification-wrapper.notification-transition-leave-to {

    transform: scale(0.85);

}

.n-notification-container.n-notification-container--top .n-notification-wrapper.notification-transition-leave-from,
.n-notification-container.n-notification-container--bottom .n-notification-wrapper.notification-transition-leave-from,
.n-notification-container.n-notification-container--top .n-notification-wrapper.notification-transition-enter-to,
.n-notification-container.n-notification-container--bottom .n-notification-wrapper.notification-transition-enter-to {

    transform: scale(1);

}

.n-notification-container.n-notification-container--top .n-notification-wrapper {

    transform-origin: top center;

}

.n-notification-container.n-notification-container--bottom .n-notification-wrapper {

    transform-origin: bottom center;

}

.n-notification-container.n-notification-container--top-right .n-notification,
.n-notification-container.n-notification-container--bottom-right .n-notification {

    margin-left: 28px;
    margin-right: 16px;

}

.n-notification-container.n-notification-container--top-left .n-notification,
.n-notification-container.n-notification-container--bottom-left .n-notification {

    margin-left: 16px;
    margin-right: 28px;

}

.n-notification-container.n-notification-container--top-right {

    right: 0;

}

.n-notification-container.n-notification-container--top-right .n-notification-wrapper.notification-transition-enter-from,
.n-notification-container.n-notification-container--top-right .n-notification-wrapper.notification-transition-leave-to {

    transform: translate(calc(100%), 0);

}

.n-notification-container.n-notification-container--top-right .n-notification-wrapper.notification-transition-leave-from,
.n-notification-container.n-notification-container--top-right .n-notification-wrapper.notification-transition-enter-to {

    transform: translate(0, 0);

}

.n-notification-container.n-notification-container--top-left {

    left: 0;

}

.n-notification-container.n-notification-container--top-left .n-notification-wrapper.notification-transition-enter-from,
.n-notification-container.n-notification-container--top-left .n-notification-wrapper.notification-transition-leave-to {

    transform: translate(calc(-100%), 0);

}

.n-notification-container.n-notification-container--top-left .n-notification-wrapper.notification-transition-leave-from,
.n-notification-container.n-notification-container--top-left .n-notification-wrapper.notification-transition-enter-to {

    transform: translate(0, 0);

}

.n-notification-container.n-notification-container--bottom-right {

    right: 0;

}

.n-notification-container.n-notification-container--bottom-right .n-notification-wrapper.notification-transition-enter-from,
.n-notification-container.n-notification-container--bottom-right .n-notification-wrapper.notification-transition-leave-to {

    transform: translate(calc(100%), 0);

}

.n-notification-container.n-notification-container--bottom-right .n-notification-wrapper.notification-transition-leave-from,
.n-notification-container.n-notification-container--bottom-right .n-notification-wrapper.notification-transition-enter-to {

    transform: translate(0, 0);

}

.n-notification-container.n-notification-container--bottom-left {

    left: 0;

}

.n-notification-container.n-notification-container--bottom-left .n-notification-wrapper.notification-transition-enter-from,
.n-notification-container.n-notification-container--bottom-left .n-notification-wrapper.notification-transition-leave-to {

    transform: translate(calc(-100%), 0);

}

.n-notification-container.n-notification-container--bottom-left .n-notification-wrapper.notification-transition-leave-from,
.n-notification-container.n-notification-container--bottom-left .n-notification-wrapper.notification-transition-enter-to {

    transform: translate(0, 0);

}

.n-notification-container.n-notification-container--scrollable.n-notification-container--top-right {

    top: 0;

}

.n-notification-container.n-notification-container--scrollable.n-notification-container--top-left {

    top: 0;

}

.n-notification-container.n-notification-container--scrollable.n-notification-container--bottom-right {

    bottom: 0;

}

.n-notification-container.n-notification-container--scrollable.n-notification-container--bottom-left {

    bottom: 0;

}

.n-notification-container .n-notification-wrapper {

    margin-bottom: 12px;

}

.n-notification-container .n-notification-wrapper.notification-transition-enter-from,
.n-notification-container .n-notification-wrapper.notification-transition-leave-to {

    opacity: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;

}

.n-notification-container .n-notification-wrapper.notification-transition-leave-from,
.n-notification-container .n-notification-wrapper.notification-transition-enter-to {

    opacity: 1;

}

.n-notification-container .n-notification-wrapper.notification-transition-leave-active {

    transition:
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier),
        opacity .3s var(--n-bezier),
        transform .3s var(--n-bezier-ease-in),
        max-height .3s var(--n-bezier),
        margin-top .3s linear,
        margin-bottom .3s linear,
        box-shadow .3s var(--n-bezier);

}

.n-notification-container .n-notification-wrapper.notification-transition-enter-active {

    transition:
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier),
        opacity .3s var(--n-bezier),
        transform .3s var(--n-bezier-ease-out),
        max-height .3s var(--n-bezier),
        margin-top .3s linear,
        margin-bottom .3s linear,
        box-shadow .3s var(--n-bezier);

}

.n-notification-container .n-notification {

    background-color: var(--n-color);
    color: var(--n-text-color);
    transition:
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier),
        opacity .3s var(--n-bezier),
        box-shadow .3s var(--n-bezier);
    font-family: inherit;
    font-size: var(--n-font-size);
    font-weight: 400;
    position: relative;
    display: flex;
    overflow: hidden;
    flex-shrink: 0;
    padding-left: var(--n-padding-left);
    padding-right: var(--n-padding-right);
    width: var(--n-width);
    max-width: calc(100vw - 16px - 16px);
    border-radius: var(--n-border-radius);
    box-shadow: var(--n-box-shadow);
    box-sizing: border-box;
    opacity: 1;

}

.n-notification-container .n-notification .n-notification__avatar .n-icon {

    color: var(--n-icon-color);

}

.n-notification-container .n-notification .n-notification__avatar .n-base-icon {

    color: var(--n-icon-color);

}

.n-notification-container .n-notification.n-notification--show-avatar .n-notification-main {

    margin-left: 40px;
    width: calc(100% - 40px);

}

.n-notification-container .n-notification.n-notification--closable .n-notification-main>*:first-child {

    padding-right: 20px;

}

.n-notification-container .n-notification.n-notification--closable .n-notification__close {

    position: absolute;
    top: 0;
    right: 0;
    margin: var(--n-close-margin);
    transition:
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier);

}

.n-notification-container .n-notification .n-notification__avatar {

    position: absolute;
    top: var(--n-padding-top);
    left: var(--n-padding-left);
    width: 28px;
    height: 28px;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.n-notification-container .n-notification .n-notification__avatar .n-icon {
    transition: color .3s var(--n-bezier);
}

.n-notification-container .n-notification .n-notification-main {

    padding-top: var(--n-padding-top);
    padding-bottom: var(--n-padding-bottom);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-left: 8px;
    width: calc(100% - 8px);

}

.n-notification-container .n-notification .n-notification-main .n-notification-main-footer {

    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;

}

.n-notification-container .n-notification .n-notification-main .n-notification-main-footer .n-notification-main-footer__meta {

    font-size: var(--n-meta-font-size);
    transition: color .3s var(--n-bezier-ease-out);
    color: var(--n-description-text-color);

}

.n-notification-container .n-notification .n-notification-main .n-notification-main-footer .n-notification-main-footer__action {

    cursor: pointer;
    transition: color .3s var(--n-bezier-ease-out);
    color: var(--n-action-text-color);

}

.n-notification-container .n-notification .n-notification-main .n-notification-main__header {

    font-weight: var(--n-title-font-weight);
    font-size: var(--n-title-font-size);
    transition: color .3s var(--n-bezier-ease-out);
    color: var(--n-title-text-color);

}

.n-notification-container .n-notification .n-notification-main .n-notification-main__description {

    margin-top: 8px;
    font-size: var(--n-description-font-size);
    white-space: pre-wrap;
    word-wrap: break-word;
    transition: color .3s var(--n-bezier-ease-out);
    color: var(--n-description-text-color);

}

.n-notification-container .n-notification .n-notification-main .n-notification-main__content {

    line-height: var(--n-line-height);
    margin: 12px 0 0 0;
    font-family: inherit;
    white-space: pre-wrap;
    word-wrap: break-word;
    transition: color .3s var(--n-bezier-ease-out);
    color: var(--n-text-color);

}

.n-notification-container .n-notification .n-notification-main .n-notification-main__content:first-child {
    margin: 0;
}

.country-list {
    margin-top: 55px !important;
    max-height: 300px !important;
    max-width: 100%;
    position: fixed !important;
    width: 100%;
    z-index: 8
}

.theme--light.v-stepper {
    background: #fff
}

.theme--light.v-stepper .v-stepper__step:not(.v-stepper__step--active):not(.v-stepper__step--complete):not(.v-stepper__step--error) .v-stepper__step__step {
    background: #00000061
}

.theme--light.v-stepper .v-stepper__step__step,
.theme--light.v-stepper .v-stepper__step__step .v-icon {
    color: #fff
}

.theme--light.v-stepper .v-stepper__header .v-divider {
    border-color: #0000001f
}

.theme--light.v-stepper .v-stepper__step--active .v-stepper__label {
    text-shadow: 0 0 0 #000
}

.theme--light.v-stepper .v-stepper__step--editable:hover {
    background: #0000000f
}

.theme--light.v-stepper .v-stepper__step--editable:hover .v-stepper__label {
    text-shadow: 0 0 0 #000
}

.theme--light.v-stepper .v-stepper__step--complete .v-stepper__label {
    color: #000000de
}

.theme--light.v-stepper .v-stepper__step--inactive.v-stepper__step--editable:not(.v-stepper__step--error):hover .v-stepper__step__step {
    background: #0000008a
}

.theme--light.v-stepper .v-stepper__label {
    color: #00000061
}

.theme--light.v-stepper .v-stepper__label small,
.theme--light.v-stepper--non-linear .v-stepper__step:not(.v-stepper__step--complete):not(.v-stepper__step--error) .v-stepper__label {
    color: #0009
}

.v-application--is-ltr .theme--light.v-stepper--vertical .v-stepper__content:not(:last-child) {
    border-left: 1px solid rgba(0, 0, 0, .12)
}

.v-application--is-rtl .theme--light.v-stepper--vertical .v-stepper__content:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, .12)
}

.theme--dark.v-stepper {
    background: #303030
}

.theme--dark.v-stepper .v-stepper__step:not(.v-stepper__step--active):not(.v-stepper__step--complete):not(.v-stepper__step--error) .v-stepper__step__step {
    background: #ffffff80
}

.theme--dark.v-stepper .v-stepper__step__step,
.theme--dark.v-stepper .v-stepper__step__step .v-icon {
    color: #fff
}

.theme--dark.v-stepper .v-stepper__header .v-divider {
    border-color: #ffffff1f
}

.theme--dark.v-stepper .v-stepper__step--active .v-stepper__label {
    text-shadow: 0 0 0 #fff
}

.theme--dark.v-stepper .v-stepper__step--editable:hover {
    background: #ffffff0f
}

.theme--dark.v-stepper .v-stepper__step--editable:hover .v-stepper__label {
    text-shadow: 0 0 0 #fff
}

.theme--dark.v-stepper .v-stepper__step--complete .v-stepper__label {
    color: #ffffffde
}

.theme--dark.v-stepper .v-stepper__step--inactive.v-stepper__step--editable:not(.v-stepper__step--error):hover .v-stepper__step__step {
    background: #ffffffbf
}

.theme--dark.v-stepper .v-stepper__label {
    color: #ffffff80
}

.theme--dark.v-stepper .v-stepper__label small,
.theme--dark.v-stepper--non-linear .v-stepper__step:not(.v-stepper__step--complete):not(.v-stepper__step--error) .v-stepper__label {
    color: #ffffffb3
}

.v-application--is-ltr .theme--dark.v-stepper--vertical .v-stepper__content:not(:last-child) {
    border-left: 1px solid hsla(0, 0%, 100%, .12)
}

.v-application--is-rtl .theme--dark.v-stepper--vertical .v-stepper__content:not(:last-child) {
    border-right: 1px solid hsla(0, 0%, 100%, .12)
}

.v-sheet.v-stepper {
    border-radius: 4px
}

.v-sheet.v-stepper.v-sheet--shaped {
    border-radius: 24px 4px
}

.v-stepper {
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.v-stepper__header {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    height: 72px;
    justify-content: space-between
}

.v-stepper__header .v-divider {
    align-self: center;
    margin: 0 -16px
}

.v-stepper__items {
    overflow: hidden;
    position: relative
}

.v-stepper__step__step {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    font-size: .75rem;
    height: 24px;
    justify-content: center;
    min-width: 24px;
    transition: .3s cubic-bezier(.25, .8, .25, 1);
    width: 24px
}

.v-application--is-ltr .v-stepper__step__step {
    margin-right: 8px
}

.v-application--is-rtl .v-stepper__step__step {
    margin-left: 8px
}

.v-stepper__step__step .v-icon.v-icon {
    font-size: 1.25rem
}

.v-stepper__step__step .v-icon.v-icon.v-icon--svg {
    height: 1.25rem;
    width: 1.25rem
}

.v-stepper__step {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: 24px;
    position: relative
}

.v-stepper__step--active .v-stepper__label {
    transition: .3s cubic-bezier(.4, 0, .6, 1)
}

.v-stepper__step--editable {
    cursor: pointer
}

.v-stepper__step.v-stepper__step--error .v-stepper__step__step {
    background: transparent;
    color: inherit
}

.v-stepper__step.v-stepper__step--error .v-stepper__step__step .v-icon {
    color: inherit;
    font-size: 1.5rem
}

.v-stepper .v-stepper__step.v-stepper__step--error .v-stepper__label {
    color: inherit;
    font-weight: 500;
    text-shadow: none
}

.v-stepper .v-stepper__step.v-stepper__step--error .v-stepper__label small {
    color: inherit
}

.v-stepper__label {
    display: block;
    flex-grow: 1;
    line-height: 1
}

.v-application--is-ltr .v-stepper__label {
    text-align: left
}

.v-application--is-rtl .v-stepper__label {
    text-align: right
}

.v-stepper__label small {
    display: block;
    font-size: .75rem;
    font-weight: 300;
    text-shadow: none
}

.v-stepper__wrapper {
    overflow: hidden;
    transition: none
}

.v-stepper__content {
    flex: 1 0 auto;
    padding: 24px 24px 16px;
    top: 0;
    width: 100%
}

.v-stepper__content>.v-btn {
    margin: 24px 8px 8px 0
}

.v-stepper--flat {
    box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f !important
}

.v-stepper--is-booted .v-stepper__content,
.v-stepper--is-booted .v-stepper__wrapper {
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.v-stepper--vertical {
    padding-bottom: 36px
}

.v-stepper--vertical .v-stepper__content {
    width: auto
}

.v-application--is-ltr .v-stepper--vertical .v-stepper__content {
    padding: 16px 60px 16px 23px
}

.v-application--is-rtl .v-stepper--vertical .v-stepper__content {
    padding: 16px 23px 16px 60px
}

.v-application--is-ltr .v-stepper--vertical .v-stepper__content {
    margin: -8px -36px -16px 36px
}

.v-application--is-rtl .v-stepper--vertical .v-stepper__content {
    margin: -8px 36px -16px -36px
}

.v-stepper--vertical .v-stepper__step {
    padding: 24px 24px 16px
}

.v-application--is-ltr .v-stepper--vertical .v-stepper__step__step {
    margin-right: 12px
}

.v-application--is-rtl .v-stepper--vertical .v-stepper__step__step {
    margin-left: 12px
}

.v-stepper--alt-labels .v-stepper__header {
    height: auto
}

.v-stepper--alt-labels .v-stepper__header .v-divider {
    align-self: flex-start;
    margin: 35px -67px 0
}

.v-stepper--alt-labels .v-stepper__step {
    align-items: center;
    flex-basis: 175px;
    flex-direction: column;
    justify-content: flex-start
}

.v-stepper--alt-labels .v-stepper__step small {
    text-align: center
}

.v-stepper--alt-labels .v-stepper__step__step {
    margin-bottom: 11px;
    margin-left: 0;
    margin-right: 0
}

.verifications .verifications-document.get_file:hover .change_icon {
    opacity: 1;
    z-index: 5
}

.verifications .verifications-document .change_icon {
    color: #ffc014;
    font-size: 50px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0
}

.v-icon.v-icon {
    align-items: center;
    display: inline-flex;
    font-feature-settings: "liga";
    font-size: 24px;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    position: relative;
    text-indent: 0;
    transition: .3s cubic-bezier(.25, .8, .5, 1), visibility 0s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle
}

.theme--light.v-icon {
    color: #0000008a
}

@media only screen and (max-width:959.98px) {
    .v-stepper:not(.v-stepper--vertical) .v-stepper__label {
        display: none
    }

    .v-stepper:not(.v-stepper--vertical) .v-stepper__step__step {
        margin-left: 0;
        margin-right: 0
    }
}

.country-title {
    align-items: center;
    display: flex;
    gap: 5px
}

.country-title img {
    width: 25px
}

.market-modal {
    width: min(800px, 100% - 20px) !important
}

.market-modal__preloader-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
    z-index: 2
}

.market-modal__left-side {
    border-right: 1px solid var(--color_100);
    padding-right: 20px;
    position: relative
}

@media screen and (max-width:991px) {
    .market-modal__left-side {
        border-bottom: 1px solid var(--color_100);
        border-right: 0;
        padding-bottom: 20px;
        padding-right: 0
    }
}

.market-modal__left-side-title {
    color: var(--blue_color);
    cursor: pointer;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 15px
}

.market-modal__left-side-title-link {
    color: var(--color_100)
}

.market-modal__left-side-title-wrapper {
    align-items: flex-end;
    display: flex;
    gap: 20px;
    margin-bottom: 10px
}

@media screen and (max-width:768px) {
    .market-modal__left-side-title-wrapper {
        align-items: unset;
        flex-direction: column;
        gap: 10px
    }
}

.market-modal__left-side-title-orders {
    align-items: stretch;
    display: flex;
    gap: 5px
}

.market-modal__left-side-title-orders>span {
    font-size: 14px;
    line-height: 16px
}

.market-modal__left-side-title-orders-divider {
    background: var(--grey_text_color);
    width: 1px
}

.market-modal__left-side-content {
    display: flex;
    gap: 50px;
    justify-content: space-between;
    margin-bottom: 15px
}

@media screen and (max-width:576px) {
    .market-modal__left-side-content {
        flex-direction: column;
        gap: 0;
        justify-content: unset
    }
}

.market-modal__left-side-content-part {
    display: flex;
    flex-direction: column
}

.market-modal__left-side-content-part-text {
    display: flex;
    gap: 5px;
    margin: 0
}

.market-modal__left-side-content-part-text-title {
    font-size: 15px;
    font-weight: 500
}

.market-modal__left-side-content-part-payment {
    align-self: flex-start
}

.market-modal__left-side-content-part-tags {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.market-modal__left-side-content-part-tag {
    width: -moz-fit-content;
    width: fit-content
}

.market-modal__left-side-footer .ant-collapse {
    background: transparent;
    min-height: unset;
    padding: 0
}

.market-modal__left-side-footer .ant-collapse .ant-collapse-item {
    border-bottom: none;
    margin-top: 0
}

.market-modal__left-side-footer .ant-collapse .ant-collapse-item .ant-collapse-header {
    background: transparent;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 0
}

.market-modal__left-side-footer .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow {
    left: unset;
    right: 0
}

.market-modal__left-side-footer .ant-collapse .ant-collapse-item .ant-collapse-content {
    padding: 0
}

.market-modal__left-side-footer .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
    border-left: 0;
    padding: 0
}

.market-modal__left-side-footer-subtitle {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0
}

.market-modal__left-side-footer>p {
    margin-bottom: 0;
    word-break: break-word
}

.market-modal__right-side {
    height: 100%;
    padding-left: 20px
}

.market-modal__right-side .ant-form {
    display: flex;
    flex-direction: column;
    height: 100%
}

@media screen and (max-width:991px) {
    .market-modal__right-side {
        padding-left: 0;
        padding-top: 20px
    }
}

.market-modal__right-side .ant-form-item-label label {
    color: var(--grey_text_color)
}

.market-modal__right-side .ant-form-item-children {
    display: block;
    width: 100%
}

.market-modal__right-side .ant-form-item-children button {
    margin-top: 10px
}

.market-modal__right-side .ant-form-item-children .ant-input-number,
.market-modal__right-side .ant-form-item-children .ant-input-number .ant-input-number-input-wrap input {
    width: 100%
}

.market-modal__right-side-field input::-webkit-inner-spin-button,
.market-modal__right-side-field input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.market-modal__right-side-buttons-wrapper {
    margin-top: auto;
    padding-bottom: 0
}

.market-modal__right-side-buttons-wrapper .ant-form-item-children {
    display: flex;
    justify-content: space-between
}

.market-modal__right-side-buttons-submit {
    height: 40px;
    min-width: 103px
}

.market-modal__close-icon {
    display: block;
    height: 15px;
    position: relative;
    width: 15px
}

.market-modal__close-icon:after,
.market-modal__close-icon:before {
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    transition: transform .3s;
    width: 100%
}

.market-modal__close-icon:before {
    transition: transform .3s
}

.market-modal__close-icon:before,
.market-modal__close-icon:hover:after {
    transform: translateY(-50%) rotate(135deg)
}

.market-modal__close-icon:hover:before {
    transform: translateY(-50%) rotate(45deg)
}

.market-modal__error {
    font-size: 20px;
    line-height: 22px
}

.market-modal__error-wrapper {
    align-items: center;
    display: flex;
    justify-content: center
}

.coin-trigger {
    align-items: center;
    cursor: pointer;
    display: inline-flex
}

.related-popover {
    display: grid;
    gap: .5rem;
    grid-template-rows: auto 1fr;
    max-height: min(70vh, 540px);
    width: min(86vw, 420px)
}

.related-header {
    display: grid;
    gap: .4rem;
    grid-template-columns: 1fr
}

.related-header .title {
    color: #8b90a7;
    font-size: .8rem
}

.related-header .search .n-input {
    --n-height-small: 30px
}

.coins-scroll {
    display: grid;
    gap: 2px;
    overflow: auto;
    padding-right: 2px
}

.coin-row {
    align-items: center;
    border-radius: 10px;
    display: grid;
    gap: .75rem;
    grid-template-columns: 1fr auto;
    padding: .45rem .55rem;
    transition: background .15s ease
}

.coin-row:hover {
    background: #ffffff0f
}

.coin-row.active {
    background: #ffffff1a
}

.left {
    gap: .6rem
}

.left,
.left .icon {
    align-items: center;
    display: inline-flex
}

.left .icon {
    height: 22px;
    justify-content: center;
    width: 22px
}

.left .name {
    color: #848e9c;
    font-weight: 500;
    letter-spacing: .2px
}

.right {
    align-items: center;
    display: grid;
    gap: .5rem;
    grid-auto-flow: column;
    text-align: right
}

.right .price {
    opacity: .95
}

.right .change,
.right .price {
    font-variant-numeric: tabular-nums
}

.right .change {
    border-radius: 6px;
    font-size: .75rem;
    line-height: 1.2;
    padding: 2px 6px
}

.right .change.up {
    background: #3ccd7626;
    color: #3ccd76
}

.right .change.down {
    background: #e95a5926;
    color: #e95a59
}

.empty {
    color: #8b90a7;
    padding: .75rem 0;
    text-align: center
}

.field {
    width: 100%
}

.opinions-most-track {
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.opinions-most-track .track {
    font-size: .65rem;
    font-weight: 500;
    height: 100%;
    text-align: center;
    transition: .45s;
    white-space: nowrap;
    width: 0
}

.opinions-most-track .track.positive {
    background: #3ccd76;
    float: left
}

.opinions-most-track .track.negative {
    background: #e95a59;
    float: right
}

.percent-to-dispute {
    font-size: 11px;
    margin: 25px auto 5px
}

.percent-to-dispute .pos-profit {
    color: #fff;
    font-family: Open sans, sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-top: 7px
}

.profit-to-dispute {
    color: #ffffffde;
    font-family: Open sans, sans-serif;
    font-size: 15px;
    font-weight: 500;
    position: absolute;
    right: 5%;
    text-align: center
}

.profit-to-dispute p:first-child {
    color: #ffffff69;
    font-size: 13px;
    font-weight: 100;
    margin: 0;
    padding-right: 5px;
    text-align: left
}

.profit-to-dispute span:last-child {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px
}

.profit-to-dispute i {
    font-size: 15px;
    margin-left: -3px
}

.time-to-close-trade-to-dispute {
    color: #ffffffcf;
    font-family: Open sans, sans-serif;
    font-size: 15px;
    font-weight: 500;
    position: absolute;
    right: 20%;
    text-align: right;
    white-space: nowrap
}

.time-to-close-trade-to-dispute p {
    color: #ffffff69;
    font-size: 13px;
    font-weight: 100;
    margin-bottom: 0;
    padding-right: 5px
}

.time-to-close-trade-to-dispute #time-to-trade {
    font-weight: 400;
    padding: 5px 10px
}

.ta-multi.light {
    --accent: #f79f1a;
    --bg: #fff;
    --card: #fff;
    --border: #e5e7eb;
    --text: #111827;
    --muted: #6b7280;
    --chip-bg: rgba(247, 159, 26, .12);
    --chip-border: rgba(247, 159, 26, .55);
    --dropdown-shadow: 0 20px 48px rgba(17, 24, 39, .12)
}

.ta-multi {
    color: var(--text);
    display: grid;
    gap: 18px
}

.multi-select {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 12px;
    cursor: pointer;
    padding: 10px 40px 10px 12px;
    position: relative;
    transition: box-shadow .15s ease, border-color .15s ease
}

.multi-select:hover {
    border-color: color-mix(in sRGB, var(--accent) 35%, var(--border))
}

.multi-select .caret {
    color: var(--muted);
    opacity: .8;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%)
}

.multi-select.open .caret {
    transform: translateY(-50%) rotate(180deg)
}

.chips {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 24px
}

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

.chip {
    align-items: center;
    background: var(--chip-bg);
    border: 1px solid var(--chip-border);
    border-radius: 999px;
    color: var(--text);
    display: inline-flex;
    font-size: 12px;
    gap: 6px;
    padding: 4px 8px
}

.chip i {
    font-size: 14px;
    opacity: .8
}

.dropdown {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: var(--dropdown-shadow);
    left: 0;
    max-width: 350px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 30
}

.search-row {
    align-items: center;
    background: #f9fafb;
    border: 1px solid var(--border);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    grid-template-columns: 20px 1fr auto auto;
    padding: 6px 8px
}

.search-row input {
    background: transparent;
    border: 0;
    color: var(--text);
    outline: none
}

.mini-btn {
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text);
    font-size: 12px;
    padding: 6px 10px
}

.mini-btn,
.mini-btn.ghost {
    background: #fff
}

.mini-btn.accent {
    background: var(--accent);
    border-color: var(--accent);
    color: #fff
}

.options {
    display: grid;
    gap: 6px;
    margin-top: 10px;
    max-height: 320px;
    overflow: auto
}

.option {
    align-items: center;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    padding: 10px;
    transition: border-color .15s ease, background .15s ease
}

.option:hover {
    background: #fafafa;
    border-color: var(--border)
}

.option.active {
    background: color-mix(in sRGB, var(--accent) 8%, #fff);
    border-color: var(--accent)
}

.option .sym {
    color: var(--muted);
    font-size: 12px
}

.option .check i {
    color: var(--accent);
    font-size: 18px
}

.widgets-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr))
}

.p2p-create-prices {
    align-items: center;
    display: flex;
    transition: .3s cubic-bezier(.78, .14, .15, .86)
}

@media screen and (max-width:768px) {
    .p2p-create-prices {
        flex-direction: column;
        gap: 20px
    }
}

.p2p-create-prices__values {
    border-right: 1px solid var(--color_106);
    display: flex;
    gap: 65px
}

@media screen and (max-width:768px) {
    .p2p-create-prices__values {
        border: 0;
        border-bottom: 1px solid var(--color_106);
        gap: 50px;
        justify-content: center;
        margin: 0;
        padding-bottom: 25px;
        padding-right: 0;
        width: 100%
    }
}

.p2p-create-prices__value {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: space-around;
    width: 100%
}

.p2p-create-prices__value-title {
    color: var(--color_98);
    font-size: 14px;
    line-height: 20px
}

@media screen and (max-width:575px) {
    .p2p-create-prices__value-title-dots {
        display: none
    }
}

@media screen and (max-width:768px) {
    .p2p-create-prices__value-title {
        font-size: 12px;
        line-height: 18px
    }
}

.p2p-create-prices__value-subtitle {
    align-items: center;
    color: var(--color_104);
    display: flex;
    font-size: 20px;
    font-weight: 500;
    gap: 5px;
    line-height: 24px
}

.p2p-create-prices__value-subtitle-icon--usd {
    background: var(--black_color)
}

.p2p-create-prices__value-subtitle-icon--eur,
.p2p-create-prices__value-subtitle-icon--usd {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 22px;
    justify-content: center;
    width: 22px
}

.p2p-create-prices__value-subtitle-icon--eur,
.p2p-create-prices__value-subtitle-icon--rub {
    background: var(--blue_color)
}

.p2p-create-prices__value-subtitle-icon--cny,
.p2p-create-prices__value-subtitle-icon--rub {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 22px;
    justify-content: center;
    width: 22px
}

.p2p-create-prices__value-subtitle-icon--cny {
    background: var(--red_color)
}

.p2p-create-prices__field label {
    color: var(--color_101)
}

@media screen and (min-width:769px) {
    .p2p-create-prices__field {
        flex: 240px 1 0
    }
}

@media screen and (max-width:768px) {
    .p2p-create-prices__field {
        width: min(400px, 100%)
    }
}

.p2p-create-prices__field .ant-form-explain {
    font-size: 11px;
    position: absolute;
    white-space: nowrap
}

.p2p-create-prices--loading {
    opacity: 0
}

.user-info {
    flex-wrap: wrap;
    gap: 10px;
    width: 100%
}

.user-info,
.user-info__avatar {
    align-items: center;
    display: flex
}

.user-info__avatar {
    background: var(--purple_color);
    font-size: 20px;
    font-weight: 500;
    height: 52px;
    justify-content: center;
    line-height: 1;
    width: 52px
}

.user-info__info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

.user-info__info-header {
    align-items: center;
    display: flex;
    gap: 7px
}

@media screen and (max-width:475px) {
    .user-info__info-header {
        align-items: flex-start;
        flex-direction: column
    }
}

.user-info__info-sub-header {
    color: var(--color_104)
}

.user-info__info-sub-header .info {
    font-size: 12px
}

@media screen and (max-width:475px) {
    .user-info__info-sub-header {
        margin-bottom: 5px;
        margin-top: 5px;
        position: relative
    }
}

.user-info__info-verifications {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-left: auto
}

@media (max-width:768px) {
    .user-info__info {
        align-items: flex-start;
        flex-direction: column
    }

    .user-info__info-verifications {
        justify-content: flex-start;
        margin-left: 0;
        margin-top: 10px
    }
}

.user-info__info-badge {
    font-size: 15px;
    line-height: 14px;
    margin-right: 32px
}

.user-info__info-badge i {
    background: var(--order_green);
    border-radius: 50%
}

.user-info__info-badge i>svg {
    fill: var(--white_color)
}

.user-info__username {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-transform: capitalize
}

.user-info__verified {
    align-items: center;
    border: 1px solid var(--border_yellow);
    border-radius: 8px;
    display: flex;
    gap: 5px;
    padding: 4px;
    width: -moz-fit-content;
    width: fit-content
}

.user-info__verified-avatar {
    background: var(--border_yellow)
}

.user-info__verified-label {
    color: var(--border_yellow);
    font-size: 12px;
    line-height: 14px
}

.second-step__field-container {
    display: block;
    margin-bottom: 5px;
    position: relative
}

.second-step__field-container .has-error {
    z-index: 22
}

.second-step__field-container .has-error .second-step__field-total {
    display: none
}

.second-step__field-container label {
    color: var(--color_101)
}

.second-step__field-converter {
    float: right;
    font-size: 11px;
    text-align: right
}

.second-step__field-currency {
    color: var(--color_101);
    position: absolute;
    right: 20px
}

.second-step__field-total {
    display: block;
    font-size: 11px;
    margin-bottom: 15px;
    margin-top: -20px
}

.second-step__field-total-button {
    font-size: 11px;
    height: auto;
    margin-left: 7px
}

.second-step__limits-container {
    border-bottom: 1px solid var(--color_106)
}

.second-step__limits-label {
    display: block;
    margin-bottom: -20px
}

@media screen and (max-width:575px) {
    .second-step__limits-label-dots {
        display: none
    }
}

.second-step__limits-field-wrapper {
    flex-grow: 1
}

.second-step__limits-field input[type=number]::-webkit-inner-spin-button,
.second-step__limits-field input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.second-step__limits-field input[type=number] {
    -moz-appearance: textfield
}

.second-step__limits-field .ant-form-explain {
    font-size: 11px;
    position: absolute;
    white-space: nowrap
}

.second-step__limits-fields-container {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between
}

.second-step__limits-fields-container input[type=number]::-webkit-inner-spin-button,
.second-step__limits-fields-container input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.second-step__limits-fields-container input[type=number] {
    -moz-appearance: textfield
}

.second-step__limits-fields-container .ant-form-explain {
    font-size: 11px;
    position: absolute;
    white-space: nowrap
}

.second-step__limits-divider {
    color: var(--color_101)
}

.second-step__period-container {
    width: 200px
}

.second-step__period-container label {
    color: var(--color_101)
}

.create-submit-modal .ant-modal {
    width: min(480px, 100% - 20px) !important
}

.create-submit-modal .ant-modal-footer {
    padding: 10px 5px
}

.create-submit-modal__section {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    overflow-x: auto;
    padding: 0 5px 25px
}

@media screen and (min-width:576px) {
    .create-submit-modal__section {
        flex-direction: column
    }
}

@media screen and (max-width:575px) {
    .create-submit-modal__section {
        gap: 15px
    }
}

.create-submit-modal__section--border-bottom {
    border-bottom: 1px solid var(--color_106)
}

.create-submit-modal__row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

@media screen and (max-width:575px) {
    .create-submit-modal__row {
        align-items: center;
        flex-direction: column;
        gap: 10px;
        justify-content: flex-start
    }
}

.create-submit-modal__left-cell-label {
    color: var(--grey_text_color);
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap
}

.create-submit-modal__right-cell {
    text-align: right
}

@media screen and (max-width:575px) {
    .create-submit-modal__right-cell {
        text-align: center
    }
}

.create-submit-modal__right-cell-label {
    color: var(--color_101);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: right;
    white-space: nowrap
}

.create-submit-modal__right-cell-label--white-space-preline {
    white-space: pre-line
}

.create-submit-modal__right-cell-label--green {
    color: var(--order_green)
}

.create-submit-modal__right-cell-label--red {
    color: var(--order_red)
}

.field {
    width: 100%
}

.opinions-most-track {
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.opinions-most-track .track {
    font-size: .65rem;
    font-weight: 500;
    height: 100%;
    text-align: center;
    transition: .45s;
    white-space: nowrap;
    width: 0
}

.opinions-most-track .track.positive {
    background: #3ccd76;
    float: left
}

.opinions-most-track .track.negative {
    background: #e95a59;
    float: right
}

.percent-to-dispute {
    font-size: 11px;
    margin: 25px auto 5px
}

.percent-to-dispute .pos-profit {
    color: #fff;
    font-family: Open sans, sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-top: 7px
}

.profit-to-dispute {
    color: #ffffffde;
    font-family: Open sans, sans-serif;
    font-size: 15px;
    font-weight: 500;
    position: absolute;
    right: 5%;
    text-align: center
}

.profit-to-dispute p:first-child {
    color: #ffffff69;
    font-size: 13px;
    font-weight: 100;
    margin: 0;
    padding-right: 5px;
    text-align: left
}

.profit-to-dispute span:last-child {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px
}

.profit-to-dispute i {
    font-size: 15px;
    margin-left: -3px
}

.time-to-close-trade-to-dispute {
    color: #ffffffcf;
    font-family: Open sans, sans-serif;
    font-size: 15px;
    font-weight: 500;
    position: absolute;
    right: 20%;
    text-align: right;
    white-space: nowrap
}

.time-to-close-trade-to-dispute p {
    color: #ffffff69;
    font-size: 13px;
    font-weight: 100;
    margin-bottom: 0;
    padding-right: 5px
}

.time-to-close-trade-to-dispute #time-to-trade {
    font-weight: 400;
    padding: 5px 10px
}

.right-top-ghTgp {
    align-self: start;
    contain: size layout;
    display: flex;
    flex-direction: column;
    grid-area: right-top-ghTgp;
    max-height: 100%;
    min-height: 0;
    overflow: hidden
}

.right-top-ghTgp .coins__items {
    max-height: 100%
}

.right-top-ghTgp .coins__items-wrapper {
    min-height: 0
}

.trade-menu {
    display: flex;
    margin-bottom: 1rem;
    overflow: auto hidden;
    padding: 0 .5rem;
    scrollbar-width: none
}

.trade-menu__item {
    background-color: transparent;
    cursor: pointer;
    font-size: .75rem;
    font-weight: 500;
    margin: 0 1rem 0 0;
    outline: none;
    padding: .3rem 0;
    position: relative;
    transition: border-color .1s, color .1s;
    white-space: nowrap
}

.trade-menu__item:after {
    background-color: #000;
    bottom: -.0714285714rem;
    content: "";
    height: .0714285714rem;
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%);
    transition: height .1s, width .1s;
    width: 0
}

.trade-menu__item--active:after {
    height: .1428571429rem;
    width: 100%
}

.right-top-ghTgp .coins__search,
.right-top-ghTgp .trade-menu {
    flex: 0 0 auto
}

.right-top-ghTgp .coins__items {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto
}

@media (max-width:1600px) {
    .right-top-ghTgp {
        max-height: calc(100vh - 220px)
    }
}

@media (max-width:1280px) {
    .right-top-ghTgp {
        max-height: calc(100vh - 260px)
    }

    .right-top-ghTgp .trade-menu {
        margin-bottom: .5rem
    }

    .right-top-ghTgp .coins__items {
        overflow: auto
    }
}

@media (max-width:900px) {
    .right-top-ghTgp {
        max-height: 55vh
    }
}

.loader {
    height: 100vh;
    justify-content: center;
    width: 100%
}

.dank-ass-loader,
.loader {
    align-items: center;
    display: flex
}

.dank-ass-loader {
    flex-direction: column
}

.dank-ass-loader .row {
    display: flex
}

.arrow {
    animation: blink 1s infinite;
    border-bottom: 21.6px solid #9c5eff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    filter: drop-shadow(0 0 18px #9c5eff);
    height: 0;
    margin: 0 -6px;
    width: 0
}

.arrow.down {
    transform: rotate(180deg)
}

.arrow.outer-1 {
    animation-delay: -.0555555556s
}

.arrow.outer-2 {
    animation-delay: -.1111111111s
}

.arrow.outer-3 {
    animation-delay: -.1666666667s
}

.arrow.outer-4 {
    animation-delay: -.2222222222s
}

.arrow.outer-5 {
    animation-delay: -.2777777778s
}

.arrow.outer-6 {
    animation-delay: -.3333333333s
}

.arrow.outer-7 {
    animation-delay: -.3888888889s
}

.arrow.outer-8 {
    animation-delay: -.4444444444s
}

.arrow.outer-9 {
    animation-delay: -.5s
}

.arrow.outer-10 {
    animation-delay: -.5555555556s
}

.arrow.outer-11 {
    animation-delay: -.6111111111s
}

.arrow.outer-12 {
    animation-delay: -.6666666667s
}

.arrow.outer-13 {
    animation-delay: -.7222222222s
}

.arrow.outer-14 {
    animation-delay: -.7777777778s
}

.arrow.outer-15 {
    animation-delay: -.8333333333s
}

.arrow.outer-16 {
    animation-delay: -.8888888889s
}

.arrow.outer-17 {
    animation-delay: -.9444444444s
}

.arrow.outer-18 {
    animation-delay: -1s
}

.arrow.inner-1 {
    animation-delay: -.1666666667s
}

.arrow.inner-2 {
    animation-delay: -.3333333333s
}

.arrow.inner-3 {
    animation-delay: -.5s
}

.arrow.inner-4 {
    animation-delay: -.6666666667s
}

.arrow.inner-5 {
    animation-delay: -.8333333333s
}

.arrow.inner-6 {
    animation-delay: -1s
}

@keyframes blink {
    0% {
        opacity: .1
    }

    30% {
        opacity: 1
    }

    to {
        opacity: .1
    }
}

.trade__box-ghTgp {
    align-items: start;
    display: grid;
    gap: 10px;
    grid-template-areas: "left-ghTgp top-ghTgp right-top-ghTgp" "left-ghTgp center-top-ghTgp right-top-ghTgp" "left-ghTgp center-bottom-ghTgp right-top-ghTgp" "orders-list orders-list orders-list";
    grid-template-columns: 338px minmax(0, 1fr) 338px;
    grid-template-rows: auto auto 1fr auto;
    height: 100%;
    min-height: 0
}

.trade__box-ghTgp>* {
    min-height: 0
}

.right-top-ghTgp {
    display: flex;
    flex-direction: column;
    min-height: 0
}

.right-top-ghTgp .coins__items {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto
}

@media (max-width:1600px) {
    .trade__box-ghTgp {
        grid-template-columns: 300px minmax(0, 1fr) 300px
    }
}

@media (max-width:1440px) {
    .trade__box-ghTgp {
        grid-template-columns: 280px minmax(0, 1fr) 280px
    }
}

@media (max-width:1280px) {
    .trade__box-ghTgp {
        grid-template-areas: "left-ghTgp top-ghTgp" "left-ghTgp center-top-ghTgp" "left-ghTgp center-bottom-ghTgp" "left-ghTgp right-top-ghTgp" "orders-list orders-list";
        grid-template-columns: 300px minmax(0, 1fr)
    }
}

@media (max-width:1100px) {
    .trade__box-ghTgp {
        grid-template-columns: 260px minmax(0, 1fr)
    }
}

@media (max-width:900px) {
    .trade__box-ghTgp {
        grid-auto-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-gap: 0;
        grid-template-areas: "top-ghTgp top-ghTgp" "center-top-ghTgp center-top-ghTgp" "center-bottom-ghTgp center-bottom-ghTgp" "left-ghTgp left-ghTgp" "orders-list orders-list"
    }
}

#add-words-btn:hover,
#remove-words-btn:hover {
    background-color: #d4d4d491 !important
}

#add-words-btn,
#remove-words-btn {
    align-items: center;
    background: transparent !important;
    border: 2px dashed #a9a9a9;
    border-radius: 4px;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 500;
    justify-content: center;
    letter-spacing: .0892857143em;
    margin-top: 15px;
    outline: 0;
    position: relative;
    text-decoration: none;
    text-indent: .0892857143em;
    text-transform: uppercase;
    transition: background-color .3s ease-in-out, opacity .3s ease-in-out !important;
    transition-duration: .28s;
    transition-property: box-shadow, transform, opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%
}

.wallet-connect-form {
    display: grid !important;
    gap: 16px !important;
    grid-template-columns: repeat(3, 1fr) !important
}

@media (max-width:768px) {
    .wallet-connect-form {
        grid-template-columns: repeat(2, 1fr) !important
    }
}

.input-error--text {
    border-color: #ff5252
}

.input-error--text::placeholder {
    color: red
}

.input-error--text::-webkit-input-placeholder {
    color: red
}

.input-error--text::-moz-placeholder {
    color: red
}

.input-error--text:-ms-input-placeholder {
    color: red
}

.input-error--text::-ms-input-placeholder {
    color: red
}

#add-words-btn:hover,
#remove-words-btn:hover {
    background-color: #d4d4d491 !important
}

#add-words-btn,
#remove-words-btn {
    align-items: center;
    background: transparent !important;
    border: 2px dashed #a9a9a9;
    border-radius: 4px;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 500;
    justify-content: center;
    letter-spacing: .0892857143em;
    margin-top: 15px;
    outline: 0;
    position: relative;
    text-decoration: none;
    text-indent: .0892857143em;
    text-transform: uppercase;
    transition: background-color .3s ease-in-out, opacity .3s ease-in-out !important;
    transition-duration: .28s;
    transition-property: box-shadow, transform, opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.wallet-connect-form {
    display: grid !important;
    gap: 16px !important;
    grid-template-columns: repeat(3, 1fr) !important
}

@media (max-width:768px) {
    .wallet-connect-form {
        grid-template-columns: repeat(2, 1fr) !important
    }
}

.input-error--text {
    border-color: #ff5252
}

.input-error--text::placeholder {
    color: red
}

.input-error--text::-webkit-input-placeholder {
    color: red
}

.input-error--text::-moz-placeholder {
    color: red
}

.input-error--text:-ms-input-placeholder {
    color: red
}

.input-error--text::-ms-input-placeholder {
    color: red
}

.statusbar {
    align-items: center;
    display: grid;
    gap: 12px 16px;
    grid-template-columns: auto 1fr
}

@media (max-width:1200px) {
    .grid {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr))
    }
}

@media (max-width:992px) {
    .statusbar {
        grid-template-columns: 1fr
    }

    .grid {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (max-width:768px) {
    .grid {
        gap: 10px 12px;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (max-width:460px) {
    .grid {
        grid-template-columns: 1fr
    }
}

.grid {
    display: grid;
    gap: 8px 16px;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr))
}

.status-bar__metrics {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 20px;
    min-width: 0
}

.metric b {
    font-weight: 600;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.metric b.up {
    color: #3fb950
}

.metric b.down {
    color: #e54848
}

.cell {
    display: grid;
    gap: 1px
}

.cell .label {
    font-size: 11px;
    opacity: .7
}

.cell .val {
    font-size: 15px;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    line-height: 1.1;
    white-space: nowrap
}

.cell.up .val {
    color: #2ecc71
}

.cell.down .val {
    color: #ff5b5b
}

.muted {
    font-size: 12px;
    opacity: .7
}

.futures__box-ghTgp {
    display: grid;
    gap: 8px;
    grid-template-areas: "chart orderbook trades manual" "orders orders orders orders" "orders-list orders-list orders-list orders-list";
    grid-template-columns: minmax(0, 1fr) 320px 320px 360px
}

@media (max-width:1920px) {
    .futures__box-ghTgp {
        grid-template-columns: minmax(0, 1fr) 280px 280px 320px
    }
}

.futures__box-ghTgp>div {
    background-color: #fff;
    border-radius: 3px
}

.chart {
    grid-area: chart
}

.order-book {
    grid-area: orderbook
}

.market-trades {
    grid-area: trades
}

.manual {
    grid-area: manual
}

.orders {
    grid-area: orders
}

.orders-list {
    grid-area: orders-list
}

@media (max-width:1800px) {
    .futures__box-ghTgp {
        grid-template-areas: "chart orderbook trades" "manual manual manual" "orders orders orders";
        grid-template-columns: .5fr 320px 320px
    }
}

@media (max-width:1600px) {
    .futures__box-ghTgp {
        grid-template-areas: "chart chart" "orderbook trades" "manual manual" "orders orders" "orders-list orders-list";
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:1280px) {
    .futures__box-ghTgp {
        grid-template-areas: "chart" "orderbook" "trades" "manual" "orders" "orders-list";
        grid-template-columns: 1fr
    }
}

.info-header {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.5rem
}

.info-header h4 {
    font-size: 1rem;
    font-weight: 500;
    margin: 0
}

.time-value {
    font-weight: 600
}

.info-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between
}

.info-box {
    border: 1px solid #333;
    border-radius: 8px;
    flex: 1 1 calc(32.333% - .66rem);
    padding: 1rem;
    text-align: center;
    transition: border-color .2s
}

.info-box:hover {
    border-color: #666
}

.box-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 .5rem
}

.box-value {
    font-size: 1.2rem;
    font-weight: 700
}

@media (max-width:768px) {
    .info-box {
        flex: 1 1 100%
    }

    .info-header {
        align-items: flex-start;
        flex-direction: column
    }
}

.request-card {
    box-shadow: 0 0 10px #0000001a;
    min-height: 500px
}

.title {
    font-size: 14px
}

.spacer {
    flex-grow: 1
}

.box {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    padding: 20px;
    text-align: center
}

.card-cover {
    background: #20b2aa
}

.my-common {
    margin: 10px auto
}

.box-row {
    margin-top: 30px
}

.mt-0 {
    margin: 0
}

.n-loading-bar-container {

    z-index: 5999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;

}

.n-loading-bar-container.fade-in-transition-enter-active {
    transition: all 0.3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-loading-bar-container.fade-in-transition-leave-active {
    transition: all 0.8s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-loading-bar-container.fade-in-transition-enter-from,
.n-loading-bar-container.fade-in-transition-leave-to {
    opacity: 0;
}

.n-loading-bar-container.fade-in-transition-leave-from,
.n-loading-bar-container.fade-in-transition-enter-to {
    opacity: 1;
}

.n-loading-bar-container .n-loading-bar {

    width: 100%;
    transition:
        max-width 4s linear,
        background .2s linear;
    height: var(--n-height);

}

.n-loading-bar-container .n-loading-bar.n-loading-bar--starting {

    background: var(--n-color-loading);

}

.n-loading-bar-container .n-loading-bar.n-loading-bar--finishing {

    background: var(--n-color-loading);
    transition:
        max-width .2s linear,
        background .2s linear;

}

.n-loading-bar-container .n-loading-bar.n-loading-bar--error {

    background: var(--n-color-error);
    transition:
        max-width .2s linear,
        background .2s linear;

}

.seller-cell h2 {
    color: var(--blue_color);
    cursor: pointer;
    font-size: 14px
}

.seller-cell__order-info {
    align-items: stretch;
    display: flex;
    font-size: 12px;
    gap: 5px
}

.seller-cell__order-info-horizontal-line {
    background: var(--grey_text_color);
    display: block;
    width: 1px
}

.seller-cell__order-info b {
    font-weight: 600
}

.user-p2p {
    align-items: flex-start;
    display: flex;
    gap: 1.0714285714rem;
    justify-content: flex-start;
    overflow: hidden
}

.user-p2p__name {
    color: #000;
    line-height: 1
}

.user-p2p__desc {
    color: #f79f1a;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    margin-top: .5rem
}

.user-p2p__desc>span {
    color: #8e8c98
}

.user-p2p__online {
    align-items: center;
    color: #f79f1a;
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    gap: .4285714286rem;
    justify-content: flex-start;
    line-height: 1;
    margin-top: .5rem
}

.user-p2p__img {
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 3rem;
    max-width: 3rem;
    min-width: 3rem
}

.user-p2p__img--empty {
    align-items: center;
    background: #f79f1a;
    display: flex;
    font-size: 1.1428571429rem;
    font-weight: 300;
    justify-content: center;
    line-height: 1
}

.w-6 {
    width: 1.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-4 {
    margin-bottom: 1rem
}

.h-6 {
    height: 1.5rem
}

.w-12 {
    width: 3rem
}

.h-12 {
    height: 3rem
}

.text-purple-600 {
    color: #9810fa
}

.mx-auto {
    margin-inline: auto
}

.flex {
    display: flex
}

.text-center {
    text-align: center
}

.dark\:bg-green-950:is(.dark *) {
    background-color: #032e15
}

.dark\:text-green-400:is(.dark *) {
    color: #05df72
}

.bg-green-100 {
    background-color: #dcfce7
}

.rounded-lg {
    border-radius: .5rem
}

.dark\:bg-blue-950:is(.dark *) {
    background-color: #162456
}

.dark\:text-blue-400:is(.dark *) {
    color: #56a2ff;
    color: oklch(70.7% .165 254.624)
}

.justify-center {
    justify-content: center
}

.items-center {
    align-items: center
}

.dark\:bg-purple-950:is(.dark *) {
    background-color: #3c0366
}

.pt-6 {
    padding-top: 1.5rem
}

.p-6 {
    padding: 1.5rem
}

.text-white {
    color: #fff
}

svg {
    color: var(--color-main)
}

.wrapper[data-v-0c419f2a] {
    padding-top: 15px
}

#general .wrapper .inner[data-v-0c419f2a] {
    margin-top: 50px
}

.settings-user-info[data-v-0c419f2a] {
    align-items: center;
    justify-content: space-between
}

.settings-user-info[data-v-0c419f2a],
.settings-user-info__boxes[data-v-0c419f2a] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.settings-user-info__boxes[data-v-0c419f2a]>* {
    flex: 1 1 calc(20% - 16px);
    max-width: 100%;
    min-width: 200px
}

@media screen and (max-width:1024px) {
    .settings-user-info__boxes[data-v-0c419f2a]>* {
        flex: 1 1 calc(50% - 10px)
    }
}

@media screen and (max-width:600px) {
    .settings-user-info__boxes[data-v-0c419f2a]>* {
        flex: 1 1 100%
    }
}

.settings-user-info__box-label[data-v-0c419f2a] {
    color: var(--color_98);
    font-size: 14px;
    line-height: 16px
}

.settings-user-info__box-label-info svg[data-v-0c419f2a] {
    cursor: pointer;
    fill: var(--color_104)
}

.all-trades__title[data-v-0c419f2a] {
    color: var(--color_104);
    font-size: 22px;
    font-weight: 600;
    line-height: 24px
}

.all-trades__stat[data-v-0c419f2a] {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px
}

.all-trades__stat-value--green[data-v-0c419f2a] {
    color: var(--order_green)
}

.all-trades__stat-value--red[data-v-0c419f2a] {
    color: var(--order_red)
}

.wrapper[data-v-f524032e] {
    padding-top: 0
}

#general .wrapper .inner[data-v-f524032e] {
    margin-top: 50px
}

.settings-user-info[data-v-f524032e] {
    align-items: center;
    justify-content: space-between
}

.settings-user-info[data-v-f524032e],
.settings-user-info__boxes[data-v-f524032e] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.settings-user-info__boxes[data-v-f524032e]>* {
    flex: 1 1 calc(20% - 16px);
    max-width: 100%;
    min-width: 200px
}

@media screen and (max-width:1024px) {
    .settings-user-info__boxes[data-v-f524032e]>* {
        flex: 1 1 calc(50% - 10px)
    }
}

@media screen and (max-width:600px) {
    .settings-user-info__boxes[data-v-f524032e]>* {
        flex: 1 1 100%
    }
}

.settings-user-info__box-label[data-v-f524032e] {
    color: var(--color_98);
    font-size: 14px;
    line-height: 16px
}

.settings-user-info__box-label-info svg[data-v-f524032e] {
    cursor: pointer;
    fill: var(--color_104)
}

.all-trades__title[data-v-f524032e] {
    color: var(--color_104);
    font-size: 22px;
    font-weight: 600;
    line-height: 24px
}

.all-trades__stat[data-v-f524032e] {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px
}

.all-trades__stat-value--green[data-v-f524032e] {
    color: var(--order_green)
}

.all-trades__stat-value--red[data-v-f524032e] {
    color: var(--order_red)
}

td[data-v-133275a3] {
    font-weight: 500
}

thead th[data-v-133275a3] {
    text-wrap: nowrap
}

.periods-wrapper[data-v-133275a3] {
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: space-between;
    padding-left: 0;
    width: -moz-max-content;
    width: max-content
}

.period[data-v-133275a3],
.periods-wrapper[data-v-133275a3] {
    align-items: center;
    display: flex
}

.period[data-v-133275a3] {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .5rem;
    color: #000;
    cursor: pointer;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 500;
    justify-content: center;
    line-height: 1.35;
    padding: .375rem 0;
    text-wrap: pretty;
    transition: background-color .2s ease-in-out;
    vertical-align: initial;
    width: 3.75rem
}

.period[data-v-133275a3]:not(.active):hover {
    background-color: transparent !important;
    border: 1px solid #9b9bab
}

.period.active[data-v-133275a3]:hover {
    opacity: .9
}

.period.active[data-v-133275a3] {
    background-color: #3c83f61a;
    border: 1px solid #3b6cb5
}

.period-title[data-v-133275a3] {
    font-weight: 500;
    margin: 0 !important
}

.period-subtitle[data-v-133275a3] {
    color: #000000b3;
    margin: 0 !important
}

@media (max-width:450px) {
    .period[data-v-133275a3] {
        width: 3.5rem
    }
}

.settings-add-button[data-v-58b499c8] {
    margin-left: auto
}

.settings-add-button__wrapper[data-v-58b499c8] {
    display: flex
}

.settings-add-button__label[data-v-58b499c8] {
    font-weight: 500
}

@media screen and (max-width:768px) {
    .settings-add-button__label[data-v-58b499c8] {
        display: none
    }
}

.settings-user-info[data-v-58b499c8] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.settings-user-info__title[data-v-58b499c8] {
    padding: 0
}

.settings-user-info__boxes[data-v-58b499c8] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between
}

.settings-payment-methods__title-wrapper[data-v-58b499c8] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
    padding-bottom: 20px
}

.all-trades__title[data-v-58b499c8] {
    color: var(--color_104);
    font-size: 22px;
    font-weight: 600;
    line-height: 24px
}

.all-trades__stat[data-v-58b499c8] {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px
}

.all-trades__stat-value--green[data-v-58b499c8] {
    color: var(--order_green)
}

.all-trades__stat-value--red[data-v-58b499c8] {
    color: var(--order_red)
}

.mmode-trigger[data-v-bbb81da6] {
    font-weight: 600
}

.mmode-modal[data-v-bbb81da6] .n-card__content {
    padding-top: 8px
}

.mmode-options[data-v-bbb81da6] {
    display: grid;
    gap: 12px
}

.mmode-option[data-v-bbb81da6] {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    cursor: pointer;
    padding: 14px;
    transition: border-color .15s ease, box-shadow .15s ease
}

.mmode-option.active[data-v-bbb81da6] {
    border-color: var(--primary-color, #3b82f6);
    box-shadow: inset 0 0 0 2px #3b82f633
}

.mmode-option__header[data-v-bbb81da6] {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-bottom: 6px
}

.mmode-option .title[data-v-bbb81da6] {
    font-weight: 600
}

.mmode-option .desc[data-v-bbb81da6] {
    font-size: 12px;
    line-height: 1.4;
    opacity: .8
}

.dot[data-v-bbb81da6] {
    border: 2px solid hsla(0, 0%, 100%, .35);
    border-radius: 999px;
    height: 10px;
    width: 10px
}

.dot.on[data-v-bbb81da6] {
    background: var(--primary-color, #3b82f6);
    border-color: transparent
}

.mmode-footer[data-v-bbb81da6] {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.actions[data-v-bbb81da6] {
    display: inline-flex;
    gap: 8px
}

.periods-wrapper[data-v-91714164] {
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: space-between;
    padding-left: 0;
    width: -moz-max-content;
    width: max-content
}

.period[data-v-91714164],
.periods-wrapper[data-v-91714164] {
    align-items: center;
    display: flex
}

.period[data-v-91714164] {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .5rem;
    color: #000;
    cursor: pointer;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 500;
    justify-content: center;
    line-height: 1.35;
    padding: .375rem 0;
    text-wrap: pretty;
    transition: background-color .2s ease-in-out;
    vertical-align: initial;
    width: 3.75rem
}

.period[data-v-91714164]:not(.active):hover {
    background-color: transparent !important;
    border: 1px solid #9b9bab
}

.period.active[data-v-91714164]:hover {
    opacity: .9
}

.period.active[data-v-91714164] {
    background-color: #3c83f61a;
    border: 1px solid #3b6cb5
}

.period-title[data-v-91714164] {
    font-weight: 500;
    margin: 0 !important
}

.period-subtitle[data-v-91714164] {
    color: #000000b3;
    margin: 0 !important
}

@media (max-width:450px) {
    .period[data-v-91714164] {
        width: 3.5rem
    }
}

.request-card[data-v-478c8b01] {
    box-shadow: 0 0 10px #0000001a;
    position: relative
}

.title[data-v-478c8b01] {
    font-size: 14px
}

.p2p-chat-container[data-v-478c8b01] {
    justify-content: space-between
}

.p2p-chat-container[data-v-478c8b01],
.p2p-chat-container .p2p-chat-box[data-v-478c8b01] {
    align-content: center;
    display: flex;
    flex-direction: column
}

.p2p-chat-container .p2p-chat-box[data-v-478c8b01] {
    justify-content: center;
    max-height: 400px;
    overflow-y: scroll
}

.p2p-chat-container .p2p-chat-box[data-v-478c8b01]::-webkit-scrollbar {
    width: 4px
}

.p2p-chat-container .p2p-chat-box[data-v-478c8b01]::-webkit-scrollbar-track {
    background-color: transparent
}

.p2p-chat-container .p2p-chat-box[data-v-478c8b01]::-webkit-scrollbar-thumb {
    background-color: #87ceeb;
    border-radius: 3px
}

.chat-actions[data-v-478c8b01] {
    bottom: 20px;
    left: 5%;
    position: absolute;
    right: 5%
}

.actions-input[data-v-478c8b01] .ant-input-group-addon {
    background: transparent !important
}

.chat-message[data-v-478c8b01] {
    border-radius: 3px;
    color: gray;
    padding: 10px;
    word-break: break-all
}

.settings-add-button[data-v-07f1b36f] {
    margin-left: auto
}

.settings-add-button__wrapper[data-v-07f1b36f] {
    display: flex
}

.settings-add-button__label[data-v-07f1b36f] {
    font-weight: 500
}

@media screen and (max-width:768px) {
    .settings-add-button__label[data-v-07f1b36f] {
        display: none
    }
}

.settings-user-info[data-v-07f1b36f] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.settings-user-info__title[data-v-07f1b36f] {
    padding: 0
}

.settings-user-info__boxes[data-v-07f1b36f] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between
}

.settings-payment-methods__title-wrapper[data-v-07f1b36f] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.all-trades__title[data-v-07f1b36f] {
    color: var(--color_104);
    font-size: 22px;
    font-weight: 600;
    line-height: 24px
}

.all-trades__stat[data-v-07f1b36f] {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px
}

.all-trades__stat-value--green[data-v-07f1b36f] {
    color: var(--order_green)
}

.all-trades__stat-value--red[data-v-07f1b36f] {
    color: var(--order_red)
}

.mmode-trigger[data-v-12c686f1] {
    font-weight: 600
}

.mmode-modal[data-v-12c686f1] .n-card__content {
    padding-top: 8px
}

.mmode-options[data-v-12c686f1] {
    display: grid;
    gap: 12px
}

.mmode-option[data-v-12c686f1] {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    cursor: pointer;
    padding: 14px;
    transition: border-color .15s ease, box-shadow .15s ease
}

.mmode-option.active[data-v-12c686f1] {
    border-color: #f7a600;
    box-shadow: inset 0 0 0 2px #3b82f633
}

.mmode-option__header[data-v-12c686f1] {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-bottom: 6px
}

.mmode-option .title[data-v-12c686f1] {
    font-weight: 600
}

.mmode-option .desc[data-v-12c686f1] {
    font-size: 12px;
    line-height: 1.4;
    opacity: .8
}

.dot[data-v-12c686f1] {
    border: 2px solid hsla(0, 0%, 100%, .35);
    border-radius: 999px;
    height: 10px;
    width: 10px
}

.dot.on[data-v-12c686f1] {
    background: #f7a600;
    border-color: transparent
}

.mmode-footer[data-v-12c686f1] {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.actions[data-v-12c686f1] {
    display: inline-flex;
    gap: 8px
}

.payment-item[data-v-ba1c5b54] {
    border: 1px solid var(--color_106);
    border-radius: 4px;
    box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b;
    margin-bottom: 20px;
    transition: box-shadow .3s ease
}

.payment-item__header[data-v-ba1c5b54] {
    align-items: center;
    border-bottom: 1px solid var(--color_106);
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px
}

.payment-item__actions[data-v-ba1c5b54] {
    display: flex;
    gap: 8px
}

.payment-item__actions .icon-wrapper[data-v-ba1c5b54] {
    align-items: center;
    display: flex;
    height: 16px;
    justify-content: center;
    width: 16px
}

.payment-item__content[data-v-ba1c5b54] {
    overflow-x: auto
}

.payment-item__table[data-v-ba1c5b54] {
    display: flex;
    gap: 15px;
    justify-content: space-between
}

.payment-item__table-column[data-v-ba1c5b54] {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.payment-item__table-head-cell[data-v-ba1c5b54] {
    color: var(--grey_text_color);
    font-size: 17px;
    font-weight: 500;
    white-space: nowrap
}

.payment-item__table-cell[data-v-ba1c5b54] {
    white-space: nowrap
}

.request-card[data-v-a6bfa86c] {
    box-shadow: 0 0 10px #0000001a;
    position: relative
}

.title[data-v-a6bfa86c] {
    font-size: 14px
}

.chat-container[data-v-a6bfa86c] {
    justify-content: space-between
}

.chat-container[data-v-a6bfa86c],
.chat-container .chat-box[data-v-a6bfa86c] {
    align-content: center;
    display: flex;
    flex-direction: column
}

.chat-container .chat-box[data-v-a6bfa86c] {
    justify-content: center;
    max-height: 400px;
    overflow-y: scroll
}

.chat-container .chat-box[data-v-a6bfa86c]::-webkit-scrollbar {
    width: 4px
}

.chat-container .chat-box[data-v-a6bfa86c]::-webkit-scrollbar-track {
    background-color: transparent
}

.chat-container .chat-box[data-v-a6bfa86c]::-webkit-scrollbar-thumb {
    background-color: #87ceeb;
    border-radius: 3px
}

.chat-actions[data-v-a6bfa86c] {
    bottom: 20px;
    left: 5%;
    position: absolute;
    right: 5%
}

.actions-input[data-v-a6bfa86c] .ant-input-group-addon {
    background: transparent !important
}

.chat-message[data-v-a6bfa86c] {
    border-radius: 3px;
    color: gray;
    padding: 10px;
    word-break: break-all
}

.v-otp-input.authentication-register__input[data-v-46935c3c] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(6, 1fr)
}

.v-otp-input .v-text-field__slot input.otp-field-box[data-v-46935c3c] {
    caret-color: transparent;
    font-size: 20px;
    font-weight: 700;
    height: 3rem;
    text-align: center;
    width: 100%
}

.authentication-register__code-section--error .v-input__slot[data-v-46935c3c] {
    box-shadow: inset 0 0 0 2px #ff666659
}

.authentication-register__load-btn.loading .v-btn__content[data-v-46935c3c] {
    opacity: .65
}

.authentication-register__load-btn.loading[data-v-46935c3c]:after {
    animation: otp-spin-46935c3c .8s linear infinite;
    border: 2px solid rgba(0, 0, 0, .25);
    border-radius: 50%;
    border-top-color: #000000b3;
    content: "";
    display: inline-block;
    height: 16px;
    margin-left: 10px;
    width: 16px
}

@keyframes otp-spin-46935c3c {
    to {
        transform: rotate(1turn)
    }
}

.n-affix {
    background: #00000054;
    width: 100%;
    z-index: 4
}

.menu-p2p {
    border-top: 1px solid transparent;
    transition: .3s
}

.menu-p2p--bg-changed {
    border-top: 1px solid var(--white_color)
}

.menu-p2p .p2p-main-tab {
    align-items: center;
    background-color: #ffffff05;
    display: flex;
    padding: 0 10px;
    width: 100%;
    z-index: 5
}

.menu-p2p__menu {
    background-color: transparent;
    border-bottom: 2px solid transparent !important;
    color: #fff;
    display: flex;
    flex: 1
}

.menu-p2p__create {
    margin-left: 25px
}

.menu-p2p .p2p-header__link {
    color: #fff !important;
    cursor: pointer;
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%
}

.menu-p2p .p2p-header__link .menu-mobile {
    display: none
}

.p2p-main-tab {
    color: #fff !important;
    z-index: 5
}

@media (max-width:768px) {
    .menu-p2p__menu .menu-mobile {
        display: block !important
    }

    .menu-p2p__menu .menu-label {
        display: none !important
    }
}

.n-affix {
    z-index: 100
}

.menu-p2p {
    border-top: 1px solid transparent;
    transition: .3s
}

.menu-p2p--bg-changed {
    border-top: 1px solid var(--white_color)
}

.menu-p2p .p2p-main-tab {
    align-items: center;
    background-color: #ffffff05;
    display: flex;
    padding: 0 10px;
    width: 100%;
    z-index: 5
}

.menu-p2p__menu {
    background-color: transparent;
    border-bottom: 2px solid transparent !important;
    color: #fff;
    display: flex;
    flex: 1
}

.menu-p2p__create {
    margin-left: 25px
}

.menu-p2p .p2p-header__link {
    color: inherit;
    cursor: pointer;
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%
}

.menu-p2p .p2p-header__link .menu-mobile {
    display: none
}

.p2p-main-tab {
    color: #fff !important;
    z-index: 5
}

@media (max-width:768px) {
    .menu-p2p__menu .menu-mobile {
        display: block !important
    }

    .menu-p2p__menu .menu-label {
        display: none !important
    }
}

.p2p-create-assets-fields[data-v-f6f9e575] {
    border-bottom: 1px solid var(--color_106);
    margin-bottom: 24px;
    padding-bottom: 24px
}

.p2p-create-assets-fields__wrapper[data-v-f6f9e575] {
    align-items: center;
    display: flex;
    gap: 15px
}

.p2p-create-assets-fields__filter-button[data-v-f6f9e575] {
    width: 100%
}

.p2p-create-assets-fields__filter-button-model[data-v-f6f9e575] {
    width: calc(50% - 22px)
}

.p2p-create-assets-fields__filter-fiat-button-wrapper[data-v-f6f9e575] {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.p2p-create-assets-fields__arrow-icon[data-v-f6f9e575] {
    color: var(--color_101);
    font-size: 20px
}

@media screen and (max-width:575px) {
    .p2p-create-assets-fields__arrow-icon[data-v-f6f9e575] {
        margin-top: 22px
    }
}

.amount-wrap[data-v-6b05550e] {
    align-items: flex-start;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    width: 100%
}

.col[data-v-6b05550e] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 6px
}

.col.right[data-v-6b05550e] {
    align-items: flex-end;
    text-align: right
}

.col.left[data-v-6b05550e] {
    align-items: flex-start;
    text-align: left
}

.label[data-v-6b05550e] {
    font-size: 12px;
    line-height: 1;
    opacity: .8
}

.amount[data-v-6b05550e] {
    align-items: baseline;
    display: inline-flex;
    gap: 8px
}

.num[data-v-6b05550e] {
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    word-break: break-all
}

.sym[data-v-6b05550e] {
    font-size: 20px;
    font-weight: 600;
    opacity: .95
}

.approx[data-v-6b05550e] {
    font-size: 12px;
    line-height: 1;
    opacity: .7
}

.p2p-history-table__core[data-v-d34b3589] {
    margin-top: 10px
}

.first-cell[data-v-d34b3589] {
    align-items: center;
    display: flex;
    gap: 8px
}

.first-cell__label[data-v-d34b3589] {
    margin: 0
}

.fifth-cell__link[data-v-d34b3589],
.seventh-cell__link[data-v-d34b3589] {
    text-decoration: underline
}

.seventh-cell[data-v-d34b3589] {
    gap: 8px;
    justify-content: flex-end
}

.expended-row[data-v-d34b3589],
.seventh-cell[data-v-d34b3589] {
    align-items: center;
    display: flex
}

.expended-row[data-v-d34b3589] {
    justify-content: space-between
}

.expended-row p[data-v-d34b3589] {
    margin: 0
}

.expended-row__order-type--sell[data-v-d34b3589] {
    color: var(--order_green)
}

.expended-row__order-type--buy[data-v-d34b3589] {
    color: var(--order_red)
}

.trade-menu[data-v-d2578e8c] {
    display: flex;
    margin-bottom: 1rem;
    overflow: auto hidden;
    padding: 0 .5rem;
    scrollbar-width: none
}

.trade-menu__item[data-v-d2578e8c] {
    background-color: transparent;
    cursor: pointer;
    font-size: .75rem;
    font-weight: 500;
    margin: 0 1rem 0 0;
    outline: none;
    padding: .3rem 0;
    position: relative;
    transition: border-color .1s, color .1s;
    white-space: nowrap
}

.trade-menu__item[data-v-d2578e8c]:after {
    background-color: #000;
    bottom: -.0714285714rem;
    content: "";
    height: .0714285714rem;
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%);
    transition: height .1s, width .1s;
    width: 0
}

.trade-menu__item--active[data-v-d2578e8c]:after {
    height: .1428571429rem;
    width: 100%
}

.exchange .main-exchange .main-exchange__section .main-exchange__section__change-button[data-v-bde42e28] {
    height: 25px !important;
    max-width: 25px !important;
    min-width: 25px !important
}

.exchange .main-exchange .main-exchange__section[data-v-bde42e28] {
    align-items: center
}

.exchange .main-exchange[data-v-bde42e28] {
    border: none;
    padding: 0
}

.dialog-refill .dialog-refill__sections .dialog-refill__sections__section .dialog-refill__sections__section__input[data-v-bde42e28] {
    margin-bottom: 0
}

.dialog-refill .dialog-refill__sections .dialog-refill__sections__section .dialog-refill__address_wallet-title.start-title[data-v-bde42e28]:not(:first-child) {
    margin-top: 15px
}

.levsel-trigger[data-v-34202816] {
    font-weight: 600
}

.levsel-body[data-v-34202816] {
    display: grid;
    gap: 16px
}

.levsel-controls[data-v-34202816] {
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    justify-items: center
}

.levsel-btn[data-v-34202816] {
    align-items: center;
    display: inline-flex;
    font-size: 18px;
    height: 36px;
    justify-content: center;
    padding: 0;
    width: 36px
}

.levsel-value[data-v-34202816] {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: .5px;
    text-align: center
}

.levsel-alert[data-v-34202816] {
    font-size: 12px
}

.levsel-footer[data-v-34202816] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 8px
}

.levsel-trigger[data-v-cca960a2] {
    font-weight: 600
}

.levsel-body[data-v-cca960a2] {
    display: grid;
    gap: 16px
}

.levsel-controls[data-v-cca960a2] {
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    justify-items: center
}

.levsel-btn[data-v-cca960a2] {
    align-items: center;
    display: inline-flex;
    font-size: 18px;
    height: 36px;
    justify-content: center;
    padding: 0;
    width: 36px
}

.levsel-value[data-v-cca960a2] {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: .5px;
    text-align: center
}

.levsel-alert[data-v-cca960a2] {
    font-size: 12px
}

.levsel-footer[data-v-cca960a2] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 8px
}

.custom-btn[data-v-62419497] {
    border: 1px solid rgba(39, 44, 69, .2);
    border-radius: 5px !important;
    box-shadow: none !important;
    color: #121116;
    font-family: inter, sans-serif !important;
    font-size: 12px !important;
    font-stretch: normal;
    font-style: normal;
    height: 32px;
    letter-spacing: normal;
    line-height: 1;
    min-width: auto !important;
    text-align: left;
    text-transform: none !important;
    transition: all .1s linear
}

.custom-btn[data-v-62419497],
.custom-btn[data-v-62419497]:hover {
    background-color: transparent !important
}

.custom-btn[data-v-62419497]:hover {
    border: 1px solid #9b9bab
}

.custom-btn:hover span[data-v-62419497] {
    background-color: transparent !important
}

.futures-form[data-v-1518408f] {
    display: grid;
    gap: 10px;
    padding: 10px
}

.input-row[data-v-1518408f] {
    align-items: center;
    display: flex;
    gap: 8px
}

.input-row.flags[data-v-1518408f] {
    flex-wrap: wrap;
    gap: 16px
}

.input-row.tp-sl[data-v-1518408f] {
    gap: 8px
}

.btn-row[data-v-1518408f] {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr
}

.hb-divider[data-v-1518408f] {
    background-color: var(--color-desc7);
    border: none;
    height: 1px;
    margin-top: -15px;
    width: 100%
}

.btn--c-green[data-v-1518408f] {
    background: #3ccb7f;
    border: .0714285714rem solid #3ccb7f;
    color: #000
}

.btn--c-red[data-v-1518408f] {
    background: #f04438;
    border: .0714285714rem solid #f04438;
    color: #000
}

.title[data-v-31cd25f3] {
    color: #b7bdc6;
    font-size: 18px;
    text-align: center
}

@media screen and (min-width:1023px) {
    .title[data-v-31cd25f3] {
        font-size: 32px
    }
}

@media screen and (min-width:767px) {
    .title[data-v-31cd25f3] {
        font-size: 25px
    }
}

.desc[data-v-31cd25f3] {
    color: #b7bdc6;
    font-size: 14px;
    margin: 0 auto;
    padding: 14px;
    text-align: center;
    width: 100%
}

@media screen and (min-width:850px) {
    .desc[data-v-31cd25f3] {
        font-size: 22px;
        width: 80%
    }
}

.p2p-background-image[data-v-31cd25f3] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 256px;
    padding-top: 40px;
    position: relative;
    width: 100%
}

.p2p-create__card[data-v-ceeabfc7] {
    padding: 10px
}

.p2p-create__container[data-v-ceeabfc7] {
    margin: 0 auto;
    max-width: 800px
}

.p2p-create__title[data-v-ceeabfc7] {
    box-shadow: var(--box-shadow-dark);
    padding: 20px 10px;
    text-align: center
}

.p2p-create__title-heading[data-v-ceeabfc7] {
    font-size: 24px;
    font-weight: 600;
    margin: 0
}

.p2p-create__title-subheading[data-v-ceeabfc7] {
    font-size: 14px;
    margin-top: 5px
}

.p2p-create__step-responsive-title-wrapper[data-v-ceeabfc7] {
    margin: 20px 0;
    text-align: center
}

.p2p-create__footer-wrapper[data-v-ceeabfc7] {
    display: flex;
    gap: 10px;
    justify-content: flex-end
}

.p2p-create__card[data-v-50fa0b3c] {
    padding: 10px
}

.p2p-create__container[data-v-50fa0b3c] {
    margin: 0 auto;
    max-width: 800px
}

.p2p-create__title[data-v-50fa0b3c] {
    box-shadow: var(--box-shadow-dark);
    padding: 20px 10px;
    text-align: center
}

.p2p-create__title-heading[data-v-50fa0b3c] {
    font-size: 24px;
    font-weight: 600;
    margin: 0
}

.p2p-create__title-subheading[data-v-50fa0b3c] {
    font-size: 14px;
    margin-top: 5px
}

.p2p-create__step-responsive-title-wrapper[data-v-50fa0b3c] {
    margin: 20px 0;
    text-align: center
}

.p2p-create__footer-wrapper[data-v-50fa0b3c] {
    display: flex;
    gap: 10px;
    justify-content: flex-end
}

.p2p-create[data-v-cb21e4fc] {
    padding-top: 20px
}

.p2p-create__container[data-v-cb21e4fc] {
    margin: 0 auto;
    max-width: 800px
}

.p2p-create__title[data-v-cb21e4fc] {
    box-shadow: var(--box-shadow-dark);
    padding: 20px 10px;
    text-align: center
}

.p2p-create__title-heading[data-v-cb21e4fc] {
    font-size: 24px;
    font-weight: 600;
    margin: 0
}

.p2p-create__title-subheading[data-v-cb21e4fc] {
    font-size: 14px;
    margin-top: 5px
}

.p2p-create__step-responsive-title-wrapper[data-v-cb21e4fc] {
    margin: 20px 0;
    text-align: center
}

.p2p-create__footer-wrapper[data-v-cb21e4fc] {
    display: flex;
    gap: 10px;
    justify-content: flex-end
}

.flex-class[data-v-cdeb6c87] {
    align-items: baseline;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 0 0 8px;
    min-width: 0
}

@media screen and (min-width:767px) {
    .flex-class[data-v-cdeb6c87] {
        flex-direction: column
    }
}

@media screen and (min-width:1023px) {
    .flex-class[data-v-cdeb6c87] {
        flex-direction: row
    }
}

.flex-class .title[data-v-cdeb6c87] {
    box-sizing: border-box;
    color: #707a8a;
    font-size: 12px;
    margin: 0 8px 0 0;
    min-width: 50px;
    padding-top: 0;
    text-align: left
}

.flex-class .flex-price[data-v-cdeb6c87] {
    box-sizing: border-box;
    display: flex;
    margin: 0;
    min-width: 0
}

.c-asset {
    display: flex
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s ease
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0
}

.transaction-type {
    background: #019df980;
    border-radius: 5px;
    padding: 5px 8px
}

.transaction-status {
    border-radius: 5px;
    display: flex;
    padding: 5px 8px;
    width: -moz-max-content;
    width: max-content
}

.transaction-status.completed {
    background-color: #54ab681a;
    color: #54ab68
}

.transaction-status.in_processing {
    background-color: #ebbe0a1a;
    color: #ffa417
}

.transaction-status.canceled {
    background-color: #eb0a330f;
    color: #eb0a33
}

.counter-box[data-v-9cedc4ba] {
    border: 1px solid var(--color_106);
    border-radius: 8px;
    flex-direction: column;
    flex-shrink: 0;
    margin: 0 auto 20px;
    min-height: 112px;
    padding: 24px;
    width: 258.5px
}

.counter-box__label[data-v-9cedc4ba] {
    color: var(--color_98);
    font-size: 14px;
    line-height: 16px
}

.counter-box__label-wrapper[data-v-9cedc4ba] {
    margin-bottom: 16px;
    text-align: center
}

.counter-box__value[data-v-9cedc4ba] {
    color: var(--color_104);
    font-size: 22px;
    font-weight: 600;
    line-height: 24px
}

.counter-box__value-wrapper[data-v-9cedc4ba] {
    text-align: center
}

.table-box__filters[data-v-04beb45e] {
    align-items: center;
    display: flex;
    gap: 1.4285714286rem;
    justify-content: space-between;
    margin-bottom: 1.1428571429rem
}

.p2p-tm[data-v-04beb45e] {
    flex-wrap: wrap;
    gap: .2857142857rem;
    max-width: 7.1428571429rem
}

.p2p-tm[data-v-04beb45e],
.p2p-tm__image-empty[data-v-04beb45e] {
    align-items: center;
    display: flex;
    justify-content: center
}

.p2p-tm__image-empty[data-v-04beb45e] {
    border-radius: 50%;
    color: #fff;
    font-size: .8571428571rem;
    font-weight: 500;
    height: 1.7142857143rem;
    line-height: 1;
    width: 1.7142857143rem
}

.wallet-type[data-v-8b1524b8] {
    background: #019df980
}

.wallet-status[data-v-8b1524b8],
.wallet-type[data-v-8b1524b8] {
    border-radius: 5px;
    padding: 5px 8px
}

.wallet-status.verified[data-v-8b1524b8] {
    background-color: #54ab681a;
    color: #54ab68
}

.wallet-status.pending[data-v-8b1524b8] {
    background-color: #ebbe0a1a;
    color: #ffa417
}

.wallet-status.not_verified[data-v-8b1524b8] {
    background-color: #eb0a330f;
    color: #eb0a33
}

.wallet-encrypted[data-v-8b1524b8] {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: left;
    margin-top: 3px
}

.wallet-type[data-v-865a4bf2] {
    background: #019df980
}

.wallet-status[data-v-865a4bf2],
.wallet-type[data-v-865a4bf2] {
    border-radius: 5px;
    padding: 5px 8px
}

.wallet-status.verified[data-v-865a4bf2] {
    background-color: #54ab681a;
    color: #54ab68
}

.wallet-status.pending[data-v-865a4bf2] {
    background-color: #ebbe0a1a;
    color: #ffa417
}

.wallet-status.not_verified[data-v-865a4bf2] {
    background-color: #eb0a330f;
    color: #eb0a33
}

.wallet-encrypted[data-v-865a4bf2] {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: left;
    margin-top: 3px
}

.order-card[data-v-9d7e2e1d] {
    border-radius: 10px;
    padding: 6px
}

.row-form[data-v-9d7e2e1d] {
    justify-content: space-between
}

.row-form[data-v-9d7e2e1d],
.row-left[data-v-9d7e2e1d] {
    align-items: center;
    display: flex
}

.row-left[data-v-9d7e2e1d] {
    gap: 10px
}

.switch[data-v-9d7e2e1d] {
    margin-left: 2px
}

.row-right[data-v-9d7e2e1d] {
    align-items: center;
    display: flex;
    gap: 6px
}

.max-btn[data-v-9d7e2e1d] {
    padding: 0
}

.amount[data-v-9d7e2e1d] .n-input-number {
    border-radius: 8px
}

.hint[data-v-9d7e2e1d] {
    font-size: 13px;
    text-align: center
}

.order-card[data-v-e8fb2db6] {
    border-radius: 10px;
    padding: 6px
}

.row-form[data-v-e8fb2db6] {
    justify-content: space-between
}

.row-form[data-v-e8fb2db6],
.row-left[data-v-e8fb2db6] {
    align-items: center;
    display: flex
}

.row-left[data-v-e8fb2db6] {
    gap: 10px
}

.switch[data-v-e8fb2db6] {
    margin-left: 2px
}

.row-right[data-v-e8fb2db6] {
    align-items: center;
    display: flex;
    gap: 6px
}

.max-btn[data-v-e8fb2db6] {
    padding: 0
}

.amount[data-v-e8fb2db6] .n-input-number {
    border-radius: 8px
}

.hint[data-v-e8fb2db6] {
    font-size: 13px;
    text-align: center
}

.market-pop-up-field__wrapper {
    border-radius: 4px;
    position: relative
}

.market-pop-up-field__wrapper .ant-input-number {
    background: transparent;
    background: var(--color_1);
    border: 1px solid #535085;
    border-radius: 4px;
    color: var(--color_76)
}

.market-pop-up-field__suffix {
    color: var(--color_100);
    line-height: 1;
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.market-pop-up-field__suffix .ant-spin-spinning {
    display: flex
}

td[data-v-8ecb0479] {
    color: #000000de
}

.transaction-status[data-v-8ecb0479] {
    border-radius: 5px;
    display: flex;
    padding: 5px 8px;
    width: -moz-max-content;
    width: max-content
}

.transaction-status.completed[data-v-8ecb0479] {
    background-color: #54ab681a;
    color: #54ab68
}

.transaction-status.in_processing[data-v-8ecb0479] {
    background-color: #ebbe0a1a;
    color: #ffa417
}

.transaction-status.canceled[data-v-8ecb0479] {
    background-color: #eb0a330f;
    color: #eb0a33
}

.info__stats.up .info__stats-value[data-v-fb332b82] {
    color: #2ecc71
}

.info__stats.down .info__stats-value[data-v-fb332b82] {
    color: #ff5b5b
}

@media (max-width:1280px) {

    .info__prices[data-v-fb332b82],
    .info__stats[data-v-fb332b82] {
        margin-right: 10px
    }

    .info__price[data-v-fb332b82],
    .info__stats-title[data-v-fb332b82] {
        font-size: 11px
    }

    .info__stats-value[data-v-fb332b82] {
        font-size: 12px
    }
}

.muted[data-v-fb332b82] {
    font-size: 12px;
    opacity: .7
}

.futures-form[data-v-5eb279fc] {
    display: grid;
    gap: 10px
}

.input-row[data-v-5eb279fc] {
    align-items: center;
    display: flex;
    gap: 8px
}

.input-row.flags[data-v-5eb279fc] {
    flex-wrap: wrap;
    gap: 16px
}

.input-row.tp-sl[data-v-5eb279fc] {
    gap: 8px
}

.btn-row[data-v-5eb279fc] {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr
}

.hb-divider[data-v-5eb279fc] {
    background-color: var(--color-desc7);
    border: none;
    height: 1px;
    margin-top: -15px;
    width: 100%
}

.WarningMessage[data-v-e2be6fe8] {
    align-items: center;
    background: var(--color-main);
    border-color: #ddd !important;
    border-radius: .25rem;
    color: #909090;
    display: flex;
    margin: 15px auto;
    min-width: 6.25rem;
    outline: none;
    padding: 10px;
    width: 100%
}

.WarningMessage svg[data-v-e2be6fe8] {
    margin: 0 .4rem
}

.WarningMessage .https[data-v-e2be6fe8] {
    color: #02f120
}

.WarningMessage .link[data-v-e2be6fe8] {
    color: #fff
}

.seller-cell h2[data-v-8ffe9c0a] {
    color: var(--blue_color);
    cursor: pointer;
    font-size: 14px
}

.seller-cell__order-info[data-v-8ffe9c0a] {
    align-items: stretch;
    display: flex;
    font-size: 12px;
    gap: 5px
}

.seller-cell__order-info-horizontal-line[data-v-8ffe9c0a] {
    background: var(--grey_text_color);
    display: block;
    width: 1px
}

.seller-cell__order-info b[data-v-8ffe9c0a] {
    font-weight: 600
}

.row--grid[data-v-291c7e35] {
    align-items: end;
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr auto 1fr;
    margin: 12px 0
}

.swap-box[data-v-291c7e35] {
    align-items: end;
    display: flex;
    padding-bottom: 6px
}

.available-balance[data-v-291c7e35] {
    font-size: 14px;
    margin: 8px 0 16px
}

.available-balance .link[data-v-291c7e35] {
    cursor: pointer;
    text-decoration: underline
}

.payment-order-create-modal {
    width: min(800px, 100% - 20px) !important
}

.payment-order-create-modal .ant-modal-wrap {
    z-index: 1000
}

.payment-order-create-modal__item {
    cursor: pointer
}

.payment-order-create-modal__item--disabled {
    cursor: none;
    opacity: .4;
    pointer-events: none
}

.payment-order-create-modal__item .payment-item__table {
    gap: 20px
}

.center-bottom-ghTgp[data-v-d2f98e8a] {
    background-color: transparent
}

.orders[data-v-d2f98e8a] {
    display: flex;
    justify-content: center
}

.orders__box[data-v-d2f98e8a] {
    width: 100%
}

.grid__title[data-v-d2f98e8a] {
    font-weight: 600;
    margin-bottom: 8px
}

.tabs-card[data-v-d2f98e8a] {
    padding: 6px
}

.link[data-v-d2f98e8a] {
    text-decoration: underline
}

.center-bottom-ghTgp[data-v-ddd7eff1] {
    background-color: transparent
}

.orders[data-v-ddd7eff1] {
    display: flex;
    justify-content: center
}

.orders__box[data-v-ddd7eff1] {
    width: 100%
}

.grid__title[data-v-ddd7eff1] {
    font-weight: 600;
    margin-bottom: 8px
}

.tabs-card[data-v-ddd7eff1] {
    padding: 6px
}

.link[data-v-ddd7eff1] {
    text-decoration: underline
}

.settings-user-info__card {
    border-radius: 4px
}

.settings-user-info__card .ant-card-body {
    padding-bottom: 14px;
    padding-left: 0;
    padding-right: 0
}

.settings-user-info__box-label {
    color: var(--color_98);
    font-size: 14px;
    line-height: 16px
}

.settings-user-info__box-label-info svg {
    cursor: pointer;
    fill: var(--color_104)
}

.create-third-top[data-v-b3d2befb] {
    border-bottom: 1px solid var(--color_106);
    margin-bottom: 25px;
    padding-bottom: 25px
}

.create-third-top__field-wrapper[data-v-b3d2befb]:first-of-type {
    margin-bottom: 10px;
    margin-top: 10px
}

.create-third-top__field-wrapper label[data-v-b3d2befb] {
    color: var(--color_101)
}

.wrapper[data-v-f92d3112] {
    padding-top: 0
}

#general .wrapper .inner[data-v-f92d3112] {
    margin-top: 50px
}

.request-details-page[data-v-f92d3112] {
    min-height: 90vh;
    padding: 100px 5px
}

.row-margin[data-v-f92d3112] {
    height: 100vh;
    margin: 15px auto
}

.full-height[data-v-f92d3112] {
    height: 100%
}

.wrapper[data-v-2320f945] {
    padding-top: 0
}

#general .wrapper .inner[data-v-2320f945] {
    margin-top: 50px
}

.request-details-page[data-v-2320f945] {
    min-height: 90vh;
    padding: 100px 5px
}

.row-margin[data-v-2320f945] {
    height: 100vh;
    margin: 15px auto
}

.full-height[data-v-2320f945] {
    height: 100%
}

.settings-user-info__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.settings-user-info__card .ant-card-head-title {
    overflow: unset;
    width: 100%
}

.settings-user-info__box-label-info svg {
    cursor: pointer;
    fill: var(--color_104)
}

.p2p-profile .ant-tabs {
    overflow: unset
}

.channel-verification__form__inputs[data-v-3042aec0] {
    align-items: start;
    display: grid;
    gap: 12px;
    grid-template-columns: 320px 1fr
}

.error--text .v-messages__message[data-v-3042aec0] {
    color: #d03050
}

.channel-verification__form__input[data-v-3042aec0] {
    cursor: pointer
}

.withdraw-pay__info[data-v-fd292c0e] {
    align-items: center;
    color: #969fa8;
    display: flex;
    font-size: 1rem !important;
    justify-content: space-between;
    margin-bottom: 15px;
    text-align: center
}

.withdraw-pay-info span[data-v-fd292c0e] {
    border-bottom: 1px solid #000;
    color: #000
}

.bank-title[data-v-150d71ff] {
    display: flex;
    font-size: 20px;
    font-weight: 500;
    gap: 7px;
    line-height: 20px;
    position: relative;
    text-transform: capitalize
}

.bank-title__flag[data-v-150d71ff] {
    background: var(--order_green);
    border-radius: 4px;
    display: block;
    width: 4px
}

.chart-container[data-v-2f06c982] {
    height: 60px;
    position: relative;
    width: 150px
}

.spinner[data-v-2f06c982] {
    color: #847ae7;
    font-size: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.exchange__header[data-v-8fa70435] {
    height: 350px !important
}

@media (max-width:768px) {
    .intro-img img[data-v-8fa70435] {
        display: none !important
    }

    .exchange__header[data-v-8fa70435] {
        height: 250px !important
    }
}

.payment-method-row[data-v-6e9be602] {
    align-items: stretch;
    display: flex;
    overflow: hidden
}

.color-bar[data-v-6e9be602] {
    min-height: 100%;
    width: 6px
}

.payment-info[data-v-6e9be602] {
    flex: 1;
    padding: 10px 12px
}

.cf[data-v-c08b89f8] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 2rem;
    position: relative;
    vertical-align: -7px;
    width: 2rem
}

.center-top-ghTgp[data-v-4e2f1d76] {
    height: 600px
}

.klinecharts-pro-watermark[data-v-4e2f1d76] {
    opacity: .03;
    transform: translate(-50%) translateY(-50%) scale(12)
}

#send-code[disabled][data-v-9425bc1c],
#submit-reset[disabled][data-v-9425bc1c],
#submit-verify[disabled][data-v-9425bc1c] {
    opacity: .7;
    pointer-events: none
}

.user-info__badge-mark-icon svg {
    fill: var(--order_green)
}

.user-info__badge-mark-icon svg path:first-of-type {
    fill: var(--white_color)
}

.nuxt-icon {
    height: 1em;
    margin-bottom: .125em;
    vertical-align: middle;
    width: 1em
}

.nuxt-icon--fill,
.nuxt-icon--fill * {
    fill: currentColor
}

.p2p-row__col--limits span[data-v-8a9cf8ba] {
    color: #8e8c98;
    display: inline-block;
    font-weight: 400;
    min-width: 4.8571428571rem
}

.price {
    padding-right: 20px
}

.price .price-1 {
    font-size: 14px
}

.price .price-2 {
    color: #b0b0b0;
    font-size: 14px;
    margin-left: 10px
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s ease
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0
}

.klinecharts-pro-watermark {
    opacity: .03;
    transform: translate(-50%) translateY(-50%) scale(12)
}

.about-us__security__blocks__item__icon span[data-v-85a6957d] {
    color: #fff;
    font-size: 30px
}

.form-actions[data-v-892bd5dd] {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px
}

#forgot-password__btn[disabled][data-v-edf2f9d2] {
    opacity: .7;
    pointer-events: none
}

.coin-cell[data-v-1e9ca64e] {
    align-items: center;
    display: flex;
    gap: 10px
}

#regBtn[disabled][data-v-1f365fc1] {
    opacity: .7;
    pointer-events: none
}

#signin[disabled][data-v-3b57b66d] {
    opacity: .7;
    pointer-events: none
}

svg[data-v-3a27e5f9] {
    background-color: transparent;
    display: block
}

svg[data-v-bf2e490d] {
    background-color: transparent;
    display: block
}

.center-top-ghTgp[data-v-5a6cd7a4] {
    height: 531px !important
}

td {
    font-weight: 500 !important
}

thead th {
    text-wrap: nowrap
}

.n-form-item .n-form-item-blank {
    gap: 1.4285714286rem
}

.p2p-offers-table[data-v-244455ae] {
    margin-top: 10px
}

.popup-img-wrapper span {
    color: #fff;
    font-size: 40px
}

.trades__items[data-v-59fe1a38] {
    max-height: 601px
}

.acc-box-row[data-v-f961d59a] {
    align-items: normal
}

.acc-box-row[data-v-a9c0048a] {
    align-items: normal
}

.faq__body[data-v-e431e963] {
    transition: all .4s
}

.recaptcha[data-v-cdd255e9] {
    margin-top: 20px
}

.price-sell h3[data-v-1a1b08db] {
    margin: 0
}

#tv-attr-logo {
    display: none
}