@charset "UTF-8";
@font-face{
    font-display:swap;
    font-family:paribu-icons;
    font-style:normal;
    font-weight:400;
    src:url(paribu-icons.D4NfpgCl.woff2?v=1760707303849) format("woff2"),url(paribu-icons.C9VWmj6m.woff?v=1760707303849) format("woff"),url(paribu-icons.B9aRWGj5.svg?v=1760707303849#paribu-icons) format("svg")
}
[class*=" i-"],[class^=i-]{
    font-family:paribu-icons!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
}
.i-youtube:before{
    content:""
}
.i-x-square-close-delete:before{
    content:""
}
.i-x-close-delete:before{
    content:""
}
.i-x-close-delete-small:before{
    content:""
}
.i-x-circle-close-delete:before{
    content:""
}
.i-x-circle-close-delete-small:before{
    content:""
}
.i-x-circle-close-delete-small-filled:before{
    content:""
}
.i-x-circle-close-delete-filled:before{
    content:""
}
.i-world:before{
    content:""
}
.i-wifi:before{
    content:""
}
.i-wifi-not-safe:before{
    content:""
}
.i-widget:before{
    content:""
}
.i-wallet:before{
    content:""
}
.i-wallet-filled:before{
    content:""
}
.i-user-plus:before{
    content:""
}
.i-user-account-profile:before{
    content:""
}
.i-upload-share:before{
    content:""
}
.i-upload-cloud:before{
    content:""
}
.i-unlock:before{
    content:""
}
.i-twitter:before{
    content:""
}
.i-trending-up:before{
    content:""
}
.i-trending-down:before{
    content:""
}
.i-trash-delete:before{
    content:""
}
.i-transfer:before{
    content:""
}
.i-tracking:before{
    content:""
}
.i-tiktok:before{
    content:""
}
.i-switch-vertical:before{
    content:""
}
.i-switch-horizontal:before{
    content:""
}
.i-support:before{
    content:""
}
.i-sun-day:before{
    content:""
}
.i-subtract-minus-remove:before{
    content:""
}
.i-subtract-circle-minus-remove:before{
    content:""
}
.i-subtract-circle-minus-remove-filled:before{
    content:""
}
.i-star-ratings:before{
    content:""
}
.i-star-ratings-filled:before{
    content:""
}
.i-sorting:before{
    content:""
}
.i-shuffle-alt:before{
    content:""
}
.i-share:before{
    content:""
}
.i-security-shield:before{
    content:""
}
.i-security-shield-privacy-bad:before{
    content:""
}
.i-security-shield-privacy-bad-filled:before{
    content:""
}
.i-security-shield-filled:before{
    content:""
}
.i-security-shield-alt:before{
    content:""
}
.i-security-shield-alt-filled:before{
    content:""
}
.i-search:before{
    content:""
}
.i-search-not-found:before{
    content:""
}
.i-scan:before{
    content:""
}
.i-rotate-clockwise:before{
    content:""
}
.i-rocket-launch:before{
    content:""
}
.i-rocket-launch-filled:before{
    content:""
}
.i-report:before{
    content:""
}
.i-refresh:before{
    content:""
}
.i-redo:before{
    content:""
}
.i-qrcode:before{
    content:""
}
.i-qr-send:before{
    content:""
}
.i-qr-receive:before{
    content:""
}
.i-qr-coin:before{
    content:""
}
.i-progress:before{
    content:""
}
.i-placeholder:before{
    content:""
}
.i-pin:before{
    content:""
}
.i-photo-image-picture:before{
    content:""
}
.i-phone-down:before{
    content:""
}
.i-phone-call:before{
    content:""
}
.i-percentage:before{
    content:""
}
.i-password:before{
    content:""
}
.i-paper-note:before{
    content:""
}
.i-paper-note-transaction:before{
    content:""
}
.i-paper-note-time2:before{
    content:""
}
.i-paper-note-time:before{
    content:""
}
.i-paper-file:before{
    content:""
}
.i-paper-file-text:before{
    content:""
}
.i-order-history:before{
    content:""
}
.i-notification_permission:before{
    content:""
}
.i-notification-off-bell-alarm:before{
    content:""
}
.i-notification-bell-alarm:before{
    content:""
}
.i-news:before{
    content:""
}
.i-multi_devices:before{
    content:""
}
.i-multi-account:before{
    content:""
}
.i-more-vertical:before{
    content:""
}
.i-more-horizontal:before{
    content:""
}
.i-mobile-phone:before{
    content:""
}
.i-minimize-collapse:before{
    content:""
}
.i-menu-hambuger:before{
    content:""
}
.i-maximize-expand:before{
    content:""
}
.i-markets:before{
    content:""
}
.i-lowest:before{
    content:""
}
.i-lock-privacy:before{
    content:""
}
.i-loading-spinner:before{
    content:""
}
.i-list:before{
    content:""
}
.i-list-check:before{
    content:""
}
.i-linkedin:before{
    content:""
}
.i-link:before{
    content:""
}
.i-like:before{
    content:""
}
.i-legal:before{
    content:""
}
.i-key:before{
    content:""
}
.i-instagram:before{
    content:""
}
.i-info:before{
    content:""
}
.i-info-filled:before{
    content:""
}
.i-identity:before{
    content:""
}
.i-hourglass:before{
    content:""
}
.i-hourglass-off:before{
    content:""
}
.i-home-house:before{
    content:""
}
.i-home-house-filled:before{
    content:""
}
.i-history:before{
    content:""
}
.i-highest:before{
    content:""
}
.i-help:before{
    content:""
}
.i-grid-satis:before{
    content:""
}
.i-grid-alis-satis:before{
    content:""
}
.i-grid-alis-satis-horizontal:before{
    content:""
}
.i-google-auth:before{
    content:""
}
.i-gift:before{
    content:""
}
.i-football:before{
    content:""
}
.i-fire:before{
    content:""
}
.i-finger:before{
    content:""
}
.i-filter-arrows-default:before{
    content:""
}
.i-filter-arrow-up:before{
    content:""
}
.i-filter-arrow-down:before{
    content:""
}
.i-filter-alt:before{
    content:""
}
.i-facebook:before{
    content:""
}
.i-face-id:before{
    content:""
}
.i-eye-password-show:before{
    content:""
}
.i-eye-password-hide:before{
    content:""
}
.i-exit:before{
    content:""
}
.i-empty-state:before{
    content:""
}
.i-email-message-inbox:before{
    content:""
}
.i-edit-write:before{
    content:""
}
.i-edit-write-alt:before{
    content:""
}
.i-download:before{
    content:""
}
.i-download-cloud:before{
    content:""
}
.i-dot-empty:before{
    content:""
}
.i-donation:before{
    content:""
}
.i-dislike:before{
    content:""
}
.i-desktop:before{
    content:""
}
.i-currency-tl:before{
    content:""
}
.i-corporate:before{
    content:""
}
.i-copy-duplicate-copied:before{
    content:""
}
.i-copy-duplicate-Default:before{
    content:""
}
.i-convert:before{
    content:""
}
.i-compass:before{
    content:""
}
.i-coin:before{
    content:""
}
.i-clock-time:before{
    content:""
}
.i-clock-time-filled:before{
    content:""
}
.i-circle-check:before{
    content:""
}
.i-circle-check-filled:before{
    content:""
}
.i-chevron-up-arrow:before{
    content:""
}
.i-chevron-right-arrow:before{
    content:""
}
.i-chevron-right-arrow-double:before{
    content:""
}
.i-chevron-left-arrow:before{
    content:""
}
.i-chevron-left-arrow-double:before{
    content:""
}
.i-chevron-down-arrow:before{
    content:""
}
.i-check-good-yes:before{
    content:""
}
.i-chart-candle:before{
    content:""
}
.i-chart-candle-filled:before{
    content:""
}
.i-chart-candle-depth:before{
    content:""
}
.i-caret-up:before{
    content:""
}
.i-caret-sort:before{
    content:""
}
.i-caret-sort-select-arrow-filled-Yatay:before{
    content:""
}
.i-caret-sort-select-arrow-filled-Dikey:before{
    content:""
}
.i-caret-sort-select-arrow-alt:before{
    content:""
}
.i-caret-right:before{
    content:""
}
.i-caret-left:before{
    content:""
}
.i-caret-filled-up:before{
    content:""
}
.i-caret-filled-right:before{
    content:""
}
.i-caret-filled-left:before{
    content:""
}
.i-caret-filled-down:before{
    content:""
}
.i-caret-down:before{
    content:""
}
.i-camera-video:before{
    content:""
}
.i-camera-photo:before{
    content:""
}
.i-camera-off:before{
    content:""
}
.i-calendar-date-appointment-time:before{
    content:""
}
.i-calendar-appointment-date:before{
    content:""
}
.i-calculator-compute-math-alt:before{
    content:""
}
.i-bullet:before{
    content:""
}
.i-bullet-large:before{
    content:""
}
.i-btc:before{
    content:""
}
.i-battery:before{
    content:""
}
.i-badge-verified:before{
    content:""
}
.i-backspace:before{
    content:""
}
.i-back:before{
    content:""
}
.i-attachment-clip-hook:before{
    content:""
}
.i-arrow-up:before{
    content:""
}
.i-arrow-top-right:before{
    content:""
}
.i-arrow-top-left:before{
    content:""
}
.i-arrow-right:before{
    content:""
}
.i-arrow-left:before{
    content:""
}
.i-arrow-down:before{
    content:""
}
.i-arrow-bottom-right:before{
    content:""
}
.i-arrow-bottom-left:before{
    content:""
}
.i-api:before{
    content:""
}
.i-analytics-graph-chart:before{
    content:""
}
.i-alert-error:before{
    content:""
}
.i-alert-error-filled:before{
    content:""
}
.i-alert-circle-error:before{
    content:""
}
.i-alert-circle-error-filled:before{
    content:""
}
.i-alarm:before{
    content:""
}
.i-alarm-subtract:before{
    content:""
}
.i-alarm-off:before{
    content:""
}
.i-alarm-check:before{
    content:""
}
.i-alarm-add:before{
    content:""
}
.i-adjust-vetical-settings:before{
    content:""
}
.i-adjust-horizontal-settings:before{
    content:""
}
.i-address-book:before{
    content:""
}
.i-add-plus:before{
    content:""
}
.i-add-plus-new-square-box-square:before{
    content:""
}
.i-add-circle-plus:before{
    content:""
}
.i-add-circle-plus-filled:before{
    content:""
}
.i-ad-announcement-megaphone:before{
    content:""
}
.i-activity-graph:before{
    content:""
}
.i-account-user-person-round:before{
    content:""
}
.i-Volume:before{
    content:""
}
.i-Stop:before{
    content:""
}
.i-Stock:before{
    content:""
}
.i-Stake:before{
    content:""
}
.i-Markets-filled:before{
    content:""
}
.i-Login:before{
    content:""
}
.i-Bank:before{
    content:""
}
*{
    box-sizing:border-box;
    font-family:ParibuSans,sans-serif;
    margin:0;
    padding:0;
    -webkit-tap-highlight-color:transparent
}
body,html{
    background-color:var(--bg-white);
    min-height:calc(var(--vh, 1vh)*100);
    min-height:-webkit-fill-available;
    scroll-behavior:smooth
}
html.dark-mode{
    color-scheme:dark!important
}
html.light-mode{
    color-scheme:light!important
}
*{
    scrollbar-color:var(--bg-gray-strong) transparent;
    scrollbar-width:thin
}
::-webkit-scrollbar{
    height:4px;
    width:4px
}
::-webkit-scrollbar-track{
    background:transparent
}
::-webkit-scrollbar-thumb{
    background:var(--bg-gray-strong)!important;
    border-radius:var(--br-8)
}
.v-scrollbar-fade{
    scrollbar-color:var(--bg-gray-strong) transparent;
    scrollbar-width:none
}
.v-scrollbar-fade::-webkit-scrollbar{
    height:4px;
    width:4px
}
.v-scrollbar-fade.is-scrolling{
    scrollbar-width:thin
}
.v-scrollbar-fade.is-scrolling::-webkit-scrollbar-thumb{
    background-color:var(--bg-gray-strong)!important
}
.v-scrollbar-fade::-webkit-scrollbar-thumb{
    background-color:transparent!important;
    border-radius:var(--br-8)
}
.v-scrollbar-fade::-webkit-scrollbar-track{
    background:transparent
}
a,button,input,svg{
    outline:none!important;
    text-decoration:none!important
}
input:-webkit-autofill{
    -webkit-transition:background-color 5000s ease-in-out 0s;
    transition:background-color 5000s ease-in-out 0s
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    appearance:none;
    -webkit-appearance:none;
    margin:0
}
[role=button]:active{
    -webkit-appearance:button;
    transform:scale(1.02);
    transform-origin:center center
}
[role=link],a{
    color:var(--fg-primary);
    cursor:pointer
}
.dark-mode,.light-mode{
    background-color:var(--bg-white)
}
ul{
    list-style:square
}
.introjs-tooltipReferenceLayer *{
    font-family:ParibuSans,sans-serif!important
}
@font-face{
    font-display:swap;
    font-family:ParibuSans;
    font-style:normal;
    font-weight:700;
    src:url(ParibuSans-Bold.DMDt5PyW.woff2) format("woff2"),url(ParibuSans-Bold.Dl4V1sZq.woff) format("woff");
    text-rendering:optimizeLegibility
}
@font-face{
    font-display:swap;
    font-family:ParibuSans;
    font-style:normal;
    font-weight:600;
    src:url(ParibuSans-SemiBold.C0xUJ7TE.woff2) format("woff2"),url(ParibuSans-SemiBold.DKqg2cpo.woff) format("woff");
    text-rendering:optimizeLegibility
}
@font-face{
    font-display:swap;
    font-family:ParibuSans;
    font-style:normal;
    font-weight:500;
    src:url(ParibuSans-Medium.CNe6BI-q.woff2) format("woff2"),url(ParibuSans-Medium.KMU4J_rs.woff) format("woff");
    text-rendering:optimizeLegibility
}
@font-face{
    font-display:swap;
    font-family:ParibuSans;
    font-style:normal;
    font-weight:400;
    src:url(ParibuSans-Regular.Dka3vOGs.woff2) format("woff2"),url(ParibuSans-Regular.D3avLqAu.woff) format("woff");
    text-rendering:optimizeLegibility
}
@font-face{
    font-display:swap;
    font-family:ParibuSans;
    font-style:italic;
    font-weight:400;
    src:url(ParibuUIMerge040225-RegularItalic-Italic.CcMSwbcD.woff2) format("woff2"),url(ParibuUIMerge040225-RegularItalic-Italic.C8j7iAGq.woff) format("woff");
    text-rendering:optimizeLegibility
}
.f-title-48{
    font-weight:400
}
.f-title-48,.f-title-48-bold,.withdraw__input--field{
    font-size:48px!important;
    letter-spacing:0!important;
    line-height:60px!important
}
.f-title-48-bold,.withdraw__input--field{
    font-weight:600
}
.f-clamp-title-48-medium{
    font-weight:500
}
.f-clamp-title-48-bold,.f-clamp-title-48-medium{
    font-size:clamp(33.6px,6vw,48px)!important;
    letter-spacing:0!important;
    line-height:60px!important
}
.f-clamp-title-48-bold{
    font-weight:600
}
.f-title-40{
    font-weight:400
}
.f-title-40,.f-title-40-bold,.referral__heading{
    font-size:40px!important;
    letter-spacing:0!important;
    line-height:48px!important
}
.f-title-40-bold,.referral__heading{
    font-weight:600
}
.f-clamp-title-40-medium{
    font-weight:500
}
.f-clamp-title-40-bold,.f-clamp-title-40-medium{
    font-size:clamp(28px,6vw,40px)!important;
    letter-spacing:0!important;
    line-height:48px!important
}
.f-clamp-title-40-bold{
    font-weight:600
}
.f-title-32{
    font-weight:400
}
.f-title-32,.f-title-32-bold{
    font-size:32px!important;
    letter-spacing:0!important;
    line-height:40px!important
}
.f-title-32-bold{
    font-weight:600
}
.f-clamp-title-32-medium{
    font-weight:500
}
.f-clamp-title-32-bold,.f-clamp-title-32-medium{
    font-size:clamp(22.4px,6vw,32px)!important;
    letter-spacing:0!important;
    line-height:40px!important
}
.f-clamp-title-32-bold{
    font-weight:600
}
.f-title-24{
    font-size:24px!important;
    font-weight:400;
    letter-spacing:0!important;
    line-height:32px!important
}
.alarm-input__append,.alarm-input__prepend,.f-title-24-bold,.p-dropdown--xxl .p-dropdown__field{
    font-size:24px!important;
    font-weight:600;
    letter-spacing:0!important;
    line-height:32px!important
}
.f-clamp-title-24-medium{
    font-weight:500
}
.f-clamp-title-24-bold,.f-clamp-title-24-medium{
    font-size:clamp(16.8px,6vw,24px)!important;
    letter-spacing:0!important;
    line-height:32px!important
}
.f-clamp-title-24-bold{
    font-weight:600
}
.f-title-20,.ticker--market-name{
    font-size:20px!important;
    font-weight:400;
    letter-spacing:0!important;
    line-height:24px!important
}
.f-title-20-bold,.mfa .p-step-title h1,.p-modal__title{
    font-size:20px!important;
    font-weight:600;
    letter-spacing:0!important;
    line-height:24px!important
}
.f-clamp-title-20-medium{
    font-weight:500
}
.f-clamp-title-20-bold,.f-clamp-title-20-medium{
    font-size:clamp(14px,6vw,20px)!important;
    letter-spacing:0!important;
    line-height:24px!important
}
.f-clamp-title-20-bold{
    font-weight:600
}
.f-body-16,.sign-up__article h2,.verification__article h2{
    font-size:16px!important;
    font-weight:400;
    letter-spacing:0!important;
    line-height:22px!important
}
.account__title--wrapper,.f-body-16-medium{
    font-size:16px!important;
    font-weight:500;
    letter-spacing:0!important;
    line-height:22px!important
}
.f-body-16-bold,.market-detail-tour .introjs-tooltip-title,.p-expansion-panel .p-list__title span,.wallet__introjs-button .introjs-tooltip-title{
    font-size:16px!important;
    font-weight:600;
    letter-spacing:0!important;
    line-height:22px!important
}
.f-clamp-body-16-medium{
    font-weight:500
}
.f-clamp-body-16,.f-clamp-body-16-medium{
    font-size:clamp(11.2px,4vw,16px)!important;
    letter-spacing:0!important;
    line-height:22px!important
}
.f-clamp-body-16{
    font-weight:400
}
.f-clamp-body-16-bold{
    font-size:clamp(11.2px,4vw,16px)!important;
    font-weight:600;
    letter-spacing:0!important;
    line-height:22px!important
}
.asset-item__card--list,.f-body-14,.mfa .p-step-title p,.p-dropdown__label,.tl-withdraw__card--list{
    font-size:14px!important;
    font-weight:400;
    letter-spacing:0!important;
    line-height:22px!important
}
.f-body-14-medium{
    font-weight:500
}
.f-body-14-bold,.f-body-14-medium{
    font-size:14px!important;
    letter-spacing:0!important;
    line-height:22px!important
}
.f-body-14-bold{
    font-weight:600
}
.f-clamp-body-14-medium{
    font-weight:500
}
.f-clamp-body-14,.f-clamp-body-14-medium{
    font-size:clamp(9.8px,4vw,14px)!important;
    letter-spacing:0!important;
    line-height:22px!important
}
.f-clamp-body-14{
    font-weight:400
}
.f-clamp-body-14-bold{
    font-size:clamp(9.8px,4vw,14px)!important;
    font-weight:600;
    letter-spacing:0!important;
    line-height:22px!important
}
.account__drawer--policy,.account__drawer--policy span,.f-body-12,.market-detail-tour .introjs-tooltiptext,.p-dropdown[focused=true] .p-dropdown__label,.p-dropdown__label[valid=true],.p-link__label--sm,.p-multi-select__label[valid=true],.p-text-input__append,.p-text-input__append--animation,.sign-up__article p,.sign-up__article ul,.verification__article p,.verification__article ul,.wallet__introjs-button .introjs-tooltiptext{
    font-size:12px!important;
    font-weight:400;
    letter-spacing:0!important;
    line-height:16px!important
}
.f-body-12-medium,.p-market-chart .p-tab__wrapper div .p-tab__item--text,.p-segmented-control__wrapper[size=sm]>.p-segmented-control__item,.p-tooltip__item,.pnl-over-view .p-tab__item--text,.pnl-over-view__timeInterval .p-tab__item{
    font-size:12px!important;
    font-weight:500;
    letter-spacing:0!important;
    line-height:16px!important
}
.account__drawer--policy strong,.f-body-12-bold{
    font-size:12px!important;
    font-weight:600;
    letter-spacing:0!important;
    line-height:16px!important
}
.f-clamp-body-12-medium{
    font-weight:500
}
.f-clamp-body-12,.f-clamp-body-12-medium{
    font-size:clamp(8.4px,4vw,12px)!important;
    letter-spacing:0!important;
    line-height:16px!important
}
.f-clamp-body-12{
    font-weight:400
}
.f-clamp-body-12-bold{
    font-size:clamp(8.4px,4vw,12px)!important;
    font-weight:600;
    letter-spacing:0!important;
    line-height:16px!important
}
.f-utility-16,.tl-withdraw .p-dropdown input{
    font-size:16px!important;
    font-weight:400;
    letter-spacing:0!important;
    line-height:20px!important
}
.f-utility-16-medium,.p-segmented-control__wrapper[size=lg]>.p-segmented-control__item,.p-segmented-control__wrapper[size=md]>.p-segmented-control__item.p-icon,.p-tab__wrapper[size=lg],.p-tab__wrapper[size=lg] .p-tab__item--text,.ticker--ticker--name{
    font-size:16px!important;
    font-weight:500;
    letter-spacing:0!important;
    line-height:20px!important
}
.f-utility-16-bold{
    font-size:16px!important;
    font-weight:600;
    letter-spacing:0!important;
    line-height:20px!important
}
.f-clamp-utility-16-medium{
    font-weight:500
}
.f-clamp-utility-16,.f-clamp-utility-16-medium{
    font-size:clamp(11.2px,4vw,16px)!important;
    letter-spacing:0!important;
    line-height:20px!important
}
.f-clamp-utility-16{
    font-weight:400
}
.f-clamp-utility-16-bold{
    font-size:clamp(11.2px,4vw,16px)!important;
    font-weight:600;
    letter-spacing:0!important;
    line-height:20px!important
}
.banner__content,.f-utility-14,.header__list--link,.mobile-trade-form__buttons--text,.order-detail--label,.order-repeat-container,.p-link__label--md,.p-password-input__text,.p-radio__text,.p-switch__append,.p-switch__prepend,.p-text-input__label,.p-text-input__label[defaultPosition=true],.referral__item .p-dropdown.p-dropdown--medium .p-dropdown__field,.sign-up__article--text,.sign-up__checkBox--text,.ticker--price--value,.verification__checkBox--text{
    font-size:14px!important;
    font-weight:400;
    letter-spacing:0!important;
    line-height:20px!important
}
#p-chart-pro .period,.f-utility-14-medium,.header__profile--wrapper__hover--list .p-list__title span,.market-detail-tour .introjs-button,.market-detail-tour__step,.mobile-navigation__content span,.order-detail--type,.order-detail--value,.p-dropdown--large .p-dropdown__field,.p-email-input__wrapper .p-menu__item,.p-list--selected .p-list__title span,.p-list__title span,.p-menu__item--title h4,.p-multi-select--large .p-multi-select__field,.p-multi-select--medium .p-multi-select__field,.p-multi-select--small .p-multi-select__field,.p-multi-select[focused=true] .p-multi-select__label,.p-multi-select__label,.p-password-input__wrapper .p-menu__item,.p-pnl-detail__allTransactionsText,.p-search-input--cancel,.p-segmented-control__wrapper[size=md]>.p-segmented-control__item,.p-tab__wrapper[size=md],.p-tab__wrapper[size=md] .p-tab__item--text,.p-text-input__field,.picker__value,.side-menu__list .p-list__title span,.ticker--option,.wallet__introjs-button .introjs-button{
    font-size:14px!important;
    font-weight:500;
    letter-spacing:0!important;
    line-height:20px!important
}
.f-utility-14-bold,.header__list :not(.header__link--notactive).router-link-active,.mobile-navigation__content .router-link-active span{
    font-size:14px!important;
    font-weight:600;
    letter-spacing:0!important;
    line-height:20px!important
}
.f-clamp-utility-14-medium{
    font-weight:500
}
.f-clamp-utility-14,.f-clamp-utility-14-medium{
    font-size:clamp(9.8px,4vw,14px)!important;
    letter-spacing:0!important;
    line-height:20px!important
}
.f-clamp-utility-14{
    font-weight:400
}
.f-clamp-utility-14-bold{
    font-size:clamp(9.8px,4vw,14px)!important;
    font-weight:600;
    letter-spacing:0!important;
    line-height:20px!important
}
.f-utility-12,.p-list__desc,.p-menu__item--desc,.p-slider__info,.p-text-input--error,.p-text-input__field:focus+.p-text-input__label,.p-text-input__field:valid+.p-text-input__label,.p-text-input__field[disabled]+.p-text-input__label,.p-text-input__field[readonly]+.p-text-input__label,.ticker--price--title{
    font-size:12px!important;
    font-weight:400;
    letter-spacing:0!important;
    line-height:14px!important
}
.banner__content--detail,.f-utility-12-medium,.market-matches__header h3,.market-matches__item--date,.market-matches__item--right,.market-matches__item--wrapper,.order-list__header div,.order-list__item,.orderbook__col,.p-dropdown--medium .p-dropdown__field,.p-dropdown--small .p-dropdown__field,.p-wallet-over-view__allTransactionsText,.picker__item,.picker__item--price,.picker__list--header,.ticker--market-name--sub{
    font-size:12px!important;
    font-weight:500;
    letter-spacing:0!important;
    line-height:14px!important
}
.f-utility-12-bold{
    font-size:12px!important;
    font-weight:600;
    letter-spacing:0!important;
    line-height:14px!important
}
.f-clamp-utility-12-medium{
    font-weight:500
}
.f-clamp-utility-12,.f-clamp-utility-12-medium{
    font-size:clamp(8.4px,4vw,12px)!important;
    letter-spacing:0!important;
    line-height:14px!important
}
.f-clamp-utility-12{
    font-weight:400
}
.f-clamp-utility-12-bold{
    font-size:clamp(8.4px,4vw,12px)!important;
    font-weight:600;
    letter-spacing:0!important;
    line-height:14px!important
}
.f-utility-10{
    font-weight:400
}
.f-utility-10,.f-utility-10-medium,.order-list__progress-text{
    font-size:10px!important;
    letter-spacing:0!important;
    line-height:12px!important
}
.f-utility-10-medium,.order-list__progress-text{
    font-weight:500
}
.f-utility-10-bold{
    font-size:10px!important;
    font-weight:600;
    letter-spacing:0!important;
    line-height:12px!important
}
.f-clamp-utility-10-medium{
    font-weight:500
}
.f-clamp-utility-10,.f-clamp-utility-10-medium{
    font-size:clamp(7px,4vw,10px)!important;
    letter-spacing:0!important;
    line-height:12px!important
}
.f-clamp-utility-10{
    font-weight:400
}
.f-clamp-utility-10-bold{
    font-size:clamp(7px,4vw,10px)!important;
    font-weight:600;
    letter-spacing:0!important;
    line-height:12px!important
}
.fade-in-enter-active{
    animation:fadeIn .3s
}
.fade-in-leave-active{
    animation:fadeOut .3s
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
.slide-fade-enter-active,.slide-fade-leave-active{
    transition:transform .4s ease-in-out,opacity .3s ease-in-out
}
.slide-fade-enter{
    opacity:0;
    transform:translate(100%)
}
.slide-fade-leave-to{
    opacity:1;
    transform:translate(-100%)
}
.slide-fade-leave-active{
    opacity:0;
    transition:opacity .2s ease-in-out .2s,transform .4s ease-in-out
}
.slide-fade-move{
    transition:transform .4s ease-in-out
}
.slide-fade-down-enter-active{
    animation:slideFadeDownIn .2s
}
.slide-fade-down-leave-active{
    animation:slideFadeDownOut .2s
}
@keyframes slideFadeDownIn{
    0%{
        opacity:0;
        transform:translateY(-20px)
    }
    to{
        opacity:1;
        transform:translateY(0)
    }
}
@keyframes slideFadeDownOut{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    to{
        opacity:0;
        transform:translateY(-20px)
    }
}
.animate-scale{
    animation:scaleUp .3s ease-in-out
}
@keyframes scaleUp{
    0%{
        transform:scale(1)
    }
    90%{
        transform:scale(1.1)
    }
    to{
        transform:scale(1)
    }
}
.page-enter-active,.page-leave-active{
    transition:all .15s
}
.page-enter-from,.page-leave-to{
    filter:blur(2px);
    opacity:0
}
.t-bg-white{
    color:var(--bg-white)
}
.b-bg-white{
    background:var(--bg-white)
}
.t-bg-gray-light{
    color:var(--bg-gray-light)
}
.b-bg-gray-light{
    background:var(--bg-gray-light)
}
.t-bg-gray-medium{
    color:var(--bg-gray-medium)
}
.b-bg-gray-medium{
    background:var(--bg-gray-medium)
}
.t-bg-gray-strong{
    color:var(--bg-gray-strong)
}
.b-bg-gray-strong{
    background:var(--bg-gray-strong)
}
.t-bg-fix-white{
    color:var(--bg-fix-white)
}
.b-bg-fix-white{
    background:var(--bg-fix-white)
}
.t-adaptive-gray-light{
    color:var(--adaptive-gray-light)
}
.b-adaptive-gray-light{
    background:var(--adaptive-gray-light)
}
.t-adaptive-gray-medium{
    color:var(--adaptive-gray-medium)
}
.b-adaptive-gray-medium{
    background:var(--adaptive-gray-medium)
}
.t-adaptive-gray-strong{
    color:var(--adaptive-gray-strong)
}
.b-adaptive-gray-strong{
    background:var(--adaptive-gray-strong)
}
.t-adaptive-gray-bold{
    color:var(--adaptive-gray-bold)
}
.b-adaptive-gray-bold{
    background:var(--adaptive-gray-bold)
}
.t-overlay-gray-light{
    color:var(--overlay-gray-light)
}
.b-overlay-gray-light{
    background:var(--overlay-gray-light)
}
.t-overlay-gray-medium{
    color:var(--overlay-gray-medium)
}
.b-overlay-gray-medium{
    background:var(--overlay-gray-medium)
}
.t-overlay-gray-strong{
    color:var(--overlay-gray-strong)
}
.b-overlay-gray-strong{
    background:var(--overlay-gray-strong)
}
.order-list__item,.order-repeat-bold,.p-pnl-detail__allTransactionsText,.p-wallet-over-view__allTransactionsText,.t-fg-primary{
    color:var(--fg-primary)
}
.b-fg-primary{
    background:var(--fg-primary)
}
.asset-item__card--list,.mobile-trade-form__buttons--text,.t-fg-secondary,.tl-withdraw__card--list{
    color:var(--fg-secondary)
}
.b-fg-secondary{
    background:var(--fg-secondary)
}
.order-list__header div,.order-list__item span,.order-repeat-container,.p-password-input__text[severity=disabled],.t-fg-tertiary{
    color:var(--fg-tertiary)
}
.b-fg-tertiary{
    background:var(--fg-tertiary)
}
.p-password-input__text[severity=success],.t-fg-accent{
    color:var(--fg-accent)
}
.b-fg-accent{
    background:var(--fg-accent)
}
.order-list__header div:last-child,.p-password-input__text[severity=danger],.t-fg-danger{
    color:var(--fg-danger)
}
.b-fg-danger{
    background:var(--fg-danger)
}
.t-fg-warning{
    color:var(--fg-warning)
}
.b-fg-warning{
    background:var(--fg-warning)
}
.t-fg-white{
    color:var(--fg-white)
}
.b-fg-white{
    background:var(--fg-white)
}
.t-fg-fix-white{
    color:var(--fg-fix-white)
}
.b-fg-fix-white{
    background:var(--fg-fix-white)
}
.t-stroke-light{
    color:var(--stroke-light)
}
.b-stroke-light{
    background:var(--stroke-light)
}
.t-stroke-medium{
    color:var(--stroke-medium)
}
.b-stroke-medium{
    background:var(--stroke-medium)
}
.t-stroke-strong{
    color:var(--stroke-strong)
}
.b-stroke-strong{
    background:var(--stroke-strong)
}
.t-stroke-bold{
    color:var(--stroke-bold)
}
.b-stroke-bold{
    background:var(--stroke-bold)
}
.t-stroke-accent{
    color:var(--stroke-accent)
}
.b-stroke-accent{
    background:var(--stroke-accent)
}
.t-stroke-danger{
    color:var(--stroke-danger)
}
.b-stroke-danger{
    background:var(--stroke-danger)
}
.t-stroke-warning{
    color:var(--stroke-warning)
}
.b-stroke-warning{
    background:var(--stroke-warning)
}
.t-stroke-fix-white{
    color:var(--stroke-fix-white)
}
.b-stroke-fix-white{
    background:var(--stroke-fix-white)
}
.t-themes-system-solid-strong{
    color:var(--themes-system-solid-strong)
}
.b-themes-system-solid-strong{
    background:var(--themes-system-solid-strong)
}
.t-themes-system-solid-medium{
    color:var(--themes-system-solid-medium)
}
.b-themes-system-solid-medium{
    background:var(--themes-system-solid-medium)
}
.t-themes-system-solid-light{
    color:var(--themes-system-solid-light)
}
.b-themes-system-solid-light{
    background:var(--themes-system-solid-light)
}
.t-themes-system-adaptive-light{
    color:var(--themes-system-adaptive-light)
}
.b-themes-system-adaptive-light{
    background:var(--themes-system-adaptive-light)
}
.t-themes-system-adaptive-medium{
    color:var(--themes-system-adaptive-medium)
}
.b-themes-system-adaptive-medium{
    background:var(--themes-system-adaptive-medium)
}
.t-themes-system-adaptive-strong{
    color:var(--themes-system-adaptive-strong)
}
.b-themes-system-adaptive-strong{
    background:var(--themes-system-adaptive-strong)
}
.t-themes-main-solid-light{
    color:var(--themes-main-solid-light)
}
.b-themes-main-solid-light{
    background:var(--themes-main-solid-light)
}
.t-themes-main-solid-medium{
    color:var(--themes-main-solid-medium)
}
.b-themes-main-solid-medium{
    background:var(--themes-main-solid-medium)
}
.t-themes-main-solid-strong{
    color:var(--themes-main-solid-strong)
}
.b-themes-main-solid-strong{
    background:var(--themes-main-solid-strong)
}
.t-themes-main-adaptive-light{
    color:var(--themes-main-adaptive-light)
}
.b-themes-main-adaptive-light{
    background:var(--themes-main-adaptive-light)
}
.t-themes-main-adaptive-medium{
    color:var(--themes-main-adaptive-medium)
}
.b-themes-main-adaptive-medium{
    background:var(--themes-main-adaptive-medium)
}
.t-themes-main-adaptive-strong{
    color:var(--themes-main-adaptive-strong)
}
.b-themes-main-adaptive-strong{
    background:var(--themes-main-adaptive-strong)
}
.t-themes-success-solid-light{
    color:var(--themes-success-solid-light)
}
.b-themes-success-solid-light{
    background:var(--themes-success-solid-light)
}
.t-themes-success-solid-medium{
    color:var(--themes-success-solid-medium)
}
.b-themes-success-solid-medium{
    background:var(--themes-success-solid-medium)
}
.t-themes-success-solid-strong{
    color:var(--themes-success-solid-strong)
}
.b-themes-success-solid-strong{
    background:var(--themes-success-solid-strong)
}
.t-themes-success-adaptive-light{
    color:var(--themes-success-adaptive-light)
}
.b-themes-success-adaptive-light{
    background:var(--themes-success-adaptive-light)
}
.t-themes-success-adaptive-medium{
    color:var(--themes-success-adaptive-medium)
}
.b-themes-success-adaptive-medium{
    background:var(--themes-success-adaptive-medium)
}
.t-themes-success-adaptive-strong{
    color:var(--themes-success-adaptive-strong)
}
.b-themes-success-adaptive-strong{
    background:var(--themes-success-adaptive-strong)
}
.t-themes-warning-solid-light{
    color:var(--themes-warning-solid-light)
}
.b-themes-warning-solid-light{
    background:var(--themes-warning-solid-light)
}
.t-themes-warning-solid-medium{
    color:var(--themes-warning-solid-medium)
}
.b-themes-warning-solid-medium{
    background:var(--themes-warning-solid-medium)
}
.t-themes-warning-solid-strong{
    color:var(--themes-warning-solid-strong)
}
.b-themes-warning-solid-strong{
    background:var(--themes-warning-solid-strong)
}
.t-themes-warning-adaptive-light{
    color:var(--themes-warning-adaptive-light)
}
.b-themes-warning-adaptive-light{
    background:var(--themes-warning-adaptive-light)
}
.t-themes-warning-adaptive-medium{
    color:var(--themes-warning-adaptive-medium)
}
.b-themes-warning-adaptive-medium{
    background:var(--themes-warning-adaptive-medium)
}
.t-themes-warning-adaptive-strong{
    color:var(--themes-warning-adaptive-strong)
}
.b-themes-warning-adaptive-strong{
    background:var(--themes-warning-adaptive-strong)
}
.t-themes-danger-solid-light{
    color:var(--themes-danger-solid-light)
}
.b-themes-danger-solid-light{
    background:var(--themes-danger-solid-light)
}
.t-themes-danger-solid-medium{
    color:var(--themes-danger-solid-medium)
}
.b-themes-danger-solid-medium{
    background:var(--themes-danger-solid-medium)
}
.t-themes-danger-solid-strong{
    color:var(--themes-danger-solid-strong)
}
.b-themes-danger-solid-strong{
    background:var(--themes-danger-solid-strong)
}
.t-themes-danger-adaptive-light{
    color:var(--themes-danger-adaptive-light)
}
.b-themes-danger-adaptive-light{
    background:var(--themes-danger-adaptive-light)
}
.t-themes-danger-adaptive-medium{
    color:var(--themes-danger-adaptive-medium)
}
.b-themes-danger-adaptive-medium{
    background:var(--themes-danger-adaptive-medium)
}
.t-themes-danger-adaptive-strong{
    color:var(--themes-danger-adaptive-strong)
}
.b-themes-danger-adaptive-strong{
    background:var(--themes-danger-adaptive-strong)
}
.t-passive-states-disabled-bg{
    color:var(--passive-states-disabled-bg)
}
.b-passive-states-disabled-bg{
    background:var(--passive-states-disabled-bg)
}
.t-passive-states-disabled-fg{
    color:var(--passive-states-disabled-fg)
}
.b-passive-states-disabled-fg{
    background:var(--passive-states-disabled-fg)
}
.t-passive-states-disabled-stroke{
    color:var(--passive-states-disabled-stroke)
}
.b-passive-states-disabled-stroke{
    background:var(--passive-states-disabled-stroke)
}
.t-passive-states-skeleton-base{
    color:var(--passive-states-skeleton-base)
}
.b-passive-states-skeleton-base{
    background:var(--passive-states-skeleton-base)
}
.t-ds-utilities-segment-active{
    color:var(--ds-utilities-segment-active)
}
.b-ds-utilities-segment-active{
    background:var(--ds-utilities-segment-active)
}
.t-box-linear-gradient{
    color:var(--box-linear-gradient)
}
.b-box-linear-gradient{
    background:var(--box-linear-gradient)
}
.t-themes-fix-primary{
    color:var(--themes-fix-primary)
}
.b-themes-fix-primary{
    background:var(--themes-fix-primary)
}
.t-themes-fix-tertiary{
    color:var(--themes-fix-tertiary)
}
.b-themes-fix-tertiary{
    background:var(--themes-fix-tertiary)
}
.t-shadow-top-medium{
    color:var(--shadow-top-medium)
}
.b-shadow-top-medium{
    background:var(--shadow-top-medium)
}
.t-shadow-light{
    color:var(--shadow-light)
}
.b-shadow-light{
    background:var(--shadow-light)
}
.t-chart-beer{
    color:var(--chart-beer)
}
.b-chart-beer{
    background:var(--chart-beer)
}
.align-items-center-important{
    align-items:center!important
}
.place-items-start{
    align-items:center;
    display:flex;
    justify-content:flex-start
}
.header__profile,.place-items-center,.wallet-hover__profile--wrapper .header__profile{
    align-items:center;
    display:flex;
    justify-content:center
}
.header__list,.market-info__text--alignment,.order-repeat-container,.place-items-between{
    align-items:center;
    display:flex;
    justify-content:space-between
}
.place-items-end{
    align-items:center;
    display:flex;
    justify-content:flex-end
}
.place-items-around{
    align-items:center;
    display:flex;
    justify-content:space-around
}
.place-items-evenly{
    align-items:center;
    display:flex;
    justify-content:space-evenly
}
.flex-column{
    flex-direction:column
}
.flex-column-reverse{
    flex-direction:column-reverse
}
.flex-row{
    flex-direction:row
}
.flex-row-reverse{
    flex-direction:row-reverse
}
.align-items-center{
    align-items:center
}
.align-items-baseline{
    align-items:baseline
}
.align-items-end{
    align-items:flex-end
}
.align-items-start{
    align-items:flex-start
}
.align-items-flex-end{
    align-items:flex-end
}
.justify-content-start{
    justify-content:flex-start
}
.justify-content-center{
    justify-content:center
}
.justify-content-between{
    justify-content:space-between
}
.justify-content-end{
    justify-content:flex-end
}
.justify-content-around{
    justify-content:space-around
}
.justify-content-evenly{
    justify-content:space-evenly
}
.flex-wrap-wrap{
    flex-wrap:wrap
}
.flex-wrap-nowrap{
    flex-wrap:nowrap
}
.flex-wrap-wrap-reverse{
    flex-wrap:wrap-reverse
}
.d-block{
    display:block
}
.d-inline{
    display:inline
}
.d-flex{
    display:flex
}
.d-none{
    display:none
}
:root{
    --size-space-2:2px;
    --size-space-4:4px;
    --size-space-6:6px;
    --size-space-8:8px;
    --size-space-10:10px;
    --size-space-12:12px;
    --size-space-16:16px;
    --size-space-20:20px;
    --size-space-24:24px;
    --size-space-32:32px;
    --size-space-40:40px;
    --size-space-48:48px;
    --size-space-64:64px;
    --size-space-80:80px;
    --size-space-96:96px;
    --size-space-128:128px;
    --p-2:2px;
    --py-key:2px 0 2px 0;
    --px-2:0 2px 0 2px;
    --pr-2:2px;
    --pl-2:2px;
    --pt-2:2px;
    --pb-2:2px;
    --m-2:2px;
    --my-2:2px 0 2px 0;
    --mx-2:0 2px 0 2px;
    --mr-2:2px;
    --ml-2:2px;
    --mt-2:2px;
    --mb-2:2px;
    --p-4:4px;
    --py-key:4px 0 4px 0;
    --px-4:0 4px 0 4px;
    --pr-4:4px;
    --pl-4:4px;
    --pt-4:4px;
    --pb-4:4px;
    --m-4:4px;
    --my-4:4px 0 4px 0;
    --mx-4:0 4px 0 4px;
    --mr-4:4px;
    --ml-4:4px;
    --mt-4:4px;
    --mb-4:4px;
    --p-6:6px;
    --py-key:6px 0 6px 0;
    --px-6:0 6px 0 6px;
    --pr-6:6px;
    --pl-6:6px;
    --pt-6:6px;
    --pb-6:6px;
    --m-6:6px;
    --my-6:6px 0 6px 0;
    --mx-6:0 6px 0 6px;
    --mr-6:6px;
    --ml-6:6px;
    --mt-6:6px;
    --mb-6:6px;
    --p-8:8px;
    --py-key:8px 0 8px 0;
    --px-8:0 8px 0 8px;
    --pr-8:8px;
    --pl-8:8px;
    --pt-8:8px;
    --pb-8:8px;
    --m-8:8px;
    --my-8:8px 0 8px 0;
    --mx-8:0 8px 0 8px;
    --mr-8:8px;
    --ml-8:8px;
    --mt-8:8px;
    --mb-8:8px;
    --p-10:10px;
    --py-key:10px 0 10px 0;
    --px-10:0 10px 0 10px;
    --pr-10:10px;
    --pl-10:10px;
    --pt-10:10px;
    --pb-10:10px;
    --m-10:10px;
    --my-10:10px 0 10px 0;
    --mx-10:0 10px 0 10px;
    --mr-10:10px;
    --ml-10:10px;
    --mt-10:10px;
    --mb-10:10px;
    --p-12:12px;
    --py-key:12px 0 12px 0;
    --px-12:0 12px 0 12px;
    --pr-12:12px;
    --pl-12:12px;
    --pt-12:12px;
    --pb-12:12px;
    --m-12:12px;
    --my-12:12px 0 12px 0;
    --mx-12:0 12px 0 12px;
    --mr-12:12px;
    --ml-12:12px;
    --mt-12:12px;
    --mb-12:12px;
    --p-16:16px;
    --py-key:16px 0 16px 0;
    --px-16:0 16px 0 16px;
    --pr-16:16px;
    --pl-16:16px;
    --pt-16:16px;
    --pb-16:16px;
    --m-16:16px;
    --my-16:16px 0 16px 0;
    --mx-16:0 16px 0 16px;
    --mr-16:16px;
    --ml-16:16px;
    --mt-16:16px;
    --mb-16:16px;
    --p-20:20px;
    --py-key:20px 0 20px 0;
    --px-20:0 20px 0 20px;
    --pr-20:20px;
    --pl-20:20px;
    --pt-20:20px;
    --pb-20:20px;
    --m-20:20px;
    --my-20:20px 0 20px 0;
    --mx-20:0 20px 0 20px;
    --mr-20:20px;
    --ml-20:20px;
    --mt-20:20px;
    --mb-20:20px;
    --p-24:24px;
    --py-key:24px 0 24px 0;
    --px-24:0 24px 0 24px;
    --pr-24:24px;
    --pl-24:24px;
    --pt-24:24px;
    --pb-24:24px;
    --m-24:24px;
    --my-24:24px 0 24px 0;
    --mx-24:0 24px 0 24px;
    --mr-24:24px;
    --ml-24:24px;
    --mt-24:24px;
    --mb-24:24px;
    --p-32:32px;
    --py-key:32px 0 32px 0;
    --px-32:0 32px 0 32px;
    --pr-32:32px;
    --pl-32:32px;
    --pt-32:32px;
    --pb-32:32px;
    --m-32:32px;
    --my-32:32px 0 32px 0;
    --mx-32:0 32px 0 32px;
    --mr-32:32px;
    --ml-32:32px;
    --mt-32:32px;
    --mb-32:32px;
    --p-40:40px;
    --py-key:40px 0 40px 0;
    --px-40:0 40px 0 40px;
    --pr-40:40px;
    --pl-40:40px;
    --pt-40:40px;
    --pb-40:40px;
    --m-40:40px;
    --my-40:40px 0 40px 0;
    --mx-40:0 40px 0 40px;
    --mr-40:40px;
    --ml-40:40px;
    --mt-40:40px;
    --mb-40:40px;
    --p-48:48px;
    --py-key:48px 0 48px 0;
    --px-48:0 48px 0 48px;
    --pr-48:48px;
    --pl-48:48px;
    --pt-48:48px;
    --pb-48:48px;
    --m-48:48px;
    --my-48:48px 0 48px 0;
    --mx-48:0 48px 0 48px;
    --mr-48:48px;
    --ml-48:48px;
    --mt-48:48px;
    --mb-48:48px;
    --p-64:64px;
    --py-key:64px 0 64px 0;
    --px-64:0 64px 0 64px;
    --pr-64:64px;
    --pl-64:64px;
    --pt-64:64px;
    --pb-64:64px;
    --m-64:64px;
    --my-64:64px 0 64px 0;
    --mx-64:0 64px 0 64px;
    --mr-64:64px;
    --ml-64:64px;
    --mt-64:64px;
    --mb-64:64px;
    --p-80:80px;
    --py-key:80px 0 80px 0;
    --px-80:0 80px 0 80px;
    --pr-80:80px;
    --pl-80:80px;
    --pt-80:80px;
    --pb-80:80px;
    --m-80:80px;
    --my-80:80px 0 80px 0;
    --mx-80:0 80px 0 80px;
    --mr-80:80px;
    --ml-80:80px;
    --mt-80:80px;
    --mb-80:80px;
    --p-96:96px;
    --py-key:96px 0 96px 0;
    --px-96:0 96px 0 96px;
    --pr-96:96px;
    --pl-96:96px;
    --pt-96:96px;
    --pb-96:96px;
    --m-96:96px;
    --my-96:96px 0 96px 0;
    --mx-96:0 96px 0 96px;
    --mr-96:96px;
    --ml-96:96px;
    --mt-96:96px;
    --mb-96:96px;
    --p-128:128px;
    --py-key:128px 0 128px 0;
    --px-128:0 128px 0 128px;
    --pr-128:128px;
    --pl-128:128px;
    --pt-128:128px;
    --pb-128:128px;
    --m-128:128px;
    --my-128:128px 0 128px 0;
    --mx-128:0 128px 0 128px;
    --mr-128:128px;
    --ml-128:128px;
    --mt-128:128px;
    --mb-128:128px;
    --br-0:0px;
    --br-1:1px;
    --br-2:2px;
    --br-4:4px;
    --br-6:6px;
    --br-8:8px;
    --br-12:12px;
    --br-16:16px;
    --br-20:20px;
    --br-24:24px;
    --br-full:999px;
    --z-index-snackbar:9999;
    --z-index-overlay:1000;
    --z-index-drawer:1001;
    --z-index-modal:1002;
    --z-index-menu:997;
    --z-index-header:995;
    --z-index-dropdown:993;
    --z-index-sticky:992;
    --z-index-button:991;
    --z-index-middle:10;
    --z-index-zero:0
}
.br-0{
    border-radius:0!important
}
.br-1{
    border-radius:1px!important
}
.br-2{
    border-radius:2px!important
}
.br-4{
    border-radius:4px!important
}
.br-6{
    border-radius:6px!important
}
.br-8{
    border-radius:8px!important
}
.br-12{
    border-radius:12px!important
}
.br-16{
    border-radius:16px!important
}
.br-20{
    border-radius:20px!important
}
.br-24{
    border-radius:24px!important
}
.br-full{
    border-radius:999px!important
}
.p-2{
    padding:2px!important
}
.py-2{
    padding-bottom:2px!important;
    padding-top:2px!important
}
.px-2{
    padding-left:2px!important
}
.pr-2,.px-2{
    padding-right:2px!important
}
.pl-2{
    padding-left:2px!important
}
.pt-2{
    padding-top:2px!important
}
.pb-2{
    padding-bottom:2px!important
}
.m-2{
    margin:2px!important
}
.my-2{
    margin-bottom:2px!important;
    margin-top:2px!important
}
.mx-2{
    margin-left:2px!important
}
.mr-2,.mx-2{
    margin-right:2px!important
}
.ml-2{
    margin-left:2px!important
}
.mt-2{
    margin-top:2px!important
}
.mb-2{
    margin-bottom:2px!important
}
.gap-2{
    gap:2px!important
}
.p-4{
    padding:4px!important
}
.py-4{
    padding-bottom:4px!important;
    padding-top:4px!important
}
.px-4{
    padding-left:4px!important
}
.pr-4,.px-4{
    padding-right:4px!important
}
.pl-4{
    padding-left:4px!important
}
.pt-4{
    padding-top:4px!important
}
.pb-4{
    padding-bottom:4px!important
}
.m-4{
    margin:4px!important
}
.my-4{
    margin-bottom:4px!important;
    margin-top:4px!important
}
.mx-4{
    margin-left:4px!important
}
.mr-4,.mx-4{
    margin-right:4px!important
}
.ml-4{
    margin-left:4px!important
}
.mt-4{
    margin-top:4px!important
}
.mb-4{
    margin-bottom:4px!important
}
.gap-4{
    gap:4px!important
}
.p-6{
    padding:6px!important
}
.py-6{
    padding-bottom:6px!important;
    padding-top:6px!important
}
.px-6{
    padding-left:6px!important
}
.pr-6,.px-6{
    padding-right:6px!important
}
.pl-6{
    padding-left:6px!important
}
.pt-6{
    padding-top:6px!important
}
.pb-6{
    padding-bottom:6px!important
}
.m-6{
    margin:6px!important
}
.my-6{
    margin-bottom:6px!important;
    margin-top:6px!important
}
.mx-6{
    margin-left:6px!important
}
.mr-6,.mx-6{
    margin-right:6px!important
}
.ml-6{
    margin-left:6px!important
}
.mt-6{
    margin-top:6px!important
}
.mb-6{
    margin-bottom:6px!important
}
.gap-6{
    gap:6px!important
}
.p-8{
    padding:8px!important
}
.py-8{
    padding-bottom:8px!important;
    padding-top:8px!important
}
.px-8{
    padding-left:8px!important
}
.pr-8,.px-8{
    padding-right:8px!important
}
.pl-8{
    padding-left:8px!important
}
.pt-8{
    padding-top:8px!important
}
.pb-8{
    padding-bottom:8px!important
}
.m-8{
    margin:8px!important
}
.my-8{
    margin-bottom:8px!important;
    margin-top:8px!important
}
.mx-8{
    margin-left:8px!important
}
.mr-8,.mx-8{
    margin-right:8px!important
}
.ml-8{
    margin-left:8px!important
}
.mt-8{
    margin-top:8px!important
}
.mb-8{
    margin-bottom:8px!important
}
.gap-8{
    gap:8px!important
}
.p-10{
    padding:10px!important
}
.py-10{
    padding-bottom:10px!important;
    padding-top:10px!important
}
.px-10{
    padding-left:10px!important
}
.pr-10,.px-10{
    padding-right:10px!important
}
.pl-10{
    padding-left:10px!important
}
.pt-10{
    padding-top:10px!important
}
.pb-10{
    padding-bottom:10px!important
}
.m-10{
    margin:10px!important
}
.my-10{
    margin-bottom:10px!important;
    margin-top:10px!important
}
.mx-10{
    margin-left:10px!important
}
.mr-10,.mx-10{
    margin-right:10px!important
}
.ml-10{
    margin-left:10px!important
}
.mt-10{
    margin-top:10px!important
}
.mb-10{
    margin-bottom:10px!important
}
.gap-10{
    gap:10px!important
}
.p-12{
    padding:12px!important
}
.py-12{
    padding-bottom:12px!important;
    padding-top:12px!important
}
.px-12{
    padding-left:12px!important
}
.pr-12,.px-12{
    padding-right:12px!important
}
.pl-12{
    padding-left:12px!important
}
.pt-12{
    padding-top:12px!important
}
.pb-12{
    padding-bottom:12px!important
}
.m-12{
    margin:12px!important
}
.my-12{
    margin-bottom:12px!important;
    margin-top:12px!important
}
.mx-12{
    margin-left:12px!important
}
.mr-12,.mx-12{
    margin-right:12px!important
}
.ml-12{
    margin-left:12px!important
}
.mt-12{
    margin-top:12px!important
}
.mb-12{
    margin-bottom:12px!important
}
.gap-12{
    gap:12px!important
}
.p-16{
    padding:16px!important
}
.py-16{
    padding-bottom:16px!important;
    padding-top:16px!important
}
.px-16{
    padding-left:16px!important
}
.pr-16,.px-16{
    padding-right:16px!important
}
.pl-16{
    padding-left:16px!important
}
.pt-16{
    padding-top:16px!important
}
.pb-16{
    padding-bottom:16px!important
}
.m-16{
    margin:16px!important
}
.my-16{
    margin-bottom:16px!important;
    margin-top:16px!important
}
.mx-16{
    margin-left:16px!important
}
.mr-16,.mx-16{
    margin-right:16px!important
}
.ml-16{
    margin-left:16px!important
}
.mt-16{
    margin-top:16px!important
}
.mb-16{
    margin-bottom:16px!important
}
.gap-16{
    gap:16px!important
}
.p-20{
    padding:20px!important
}
.py-20{
    padding-bottom:20px!important;
    padding-top:20px!important
}
.px-20{
    padding-left:20px!important
}
.pr-20,.px-20{
    padding-right:20px!important
}
.pl-20{
    padding-left:20px!important
}
.pt-20{
    padding-top:20px!important
}
.pb-20{
    padding-bottom:20px!important
}
.m-20{
    margin:20px!important
}
.my-20{
    margin-bottom:20px!important;
    margin-top:20px!important
}
.mx-20{
    margin-left:20px!important
}
.mr-20,.mx-20{
    margin-right:20px!important
}
.ml-20{
    margin-left:20px!important
}
.mt-20{
    margin-top:20px!important
}
.mb-20{
    margin-bottom:20px!important
}
.gap-20{
    gap:20px!important
}
.p-24{
    padding:24px!important
}
.py-24{
    padding-bottom:24px!important;
    padding-top:24px!important
}
.px-24{
    padding-left:24px!important
}
.pr-24,.px-24{
    padding-right:24px!important
}
.pl-24{
    padding-left:24px!important
}
.pt-24{
    padding-top:24px!important
}
.pb-24{
    padding-bottom:24px!important
}
.m-24{
    margin:24px!important
}
.my-24{
    margin-bottom:24px!important;
    margin-top:24px!important
}
.mx-24{
    margin-left:24px!important
}
.mr-24,.mx-24{
    margin-right:24px!important
}
.ml-24{
    margin-left:24px!important
}
.mt-24{
    margin-top:24px!important
}
.mb-24{
    margin-bottom:24px!important
}
.gap-24{
    gap:24px!important
}
.p-32{
    padding:32px!important
}
.py-32{
    padding-bottom:32px!important;
    padding-top:32px!important
}
.px-32{
    padding-left:32px!important
}
.pr-32,.px-32{
    padding-right:32px!important
}
.pl-32{
    padding-left:32px!important
}
.pt-32{
    padding-top:32px!important
}
.pb-32{
    padding-bottom:32px!important
}
.m-32{
    margin:32px!important
}
.my-32{
    margin-bottom:32px!important;
    margin-top:32px!important
}
.mx-32{
    margin-left:32px!important
}
.mr-32,.mx-32{
    margin-right:32px!important
}
.ml-32{
    margin-left:32px!important
}
.mt-32{
    margin-top:32px!important
}
.mb-32{
    margin-bottom:32px!important
}
.gap-32{
    gap:32px!important
}
.p-40{
    padding:40px!important
}
.py-40{
    padding-bottom:40px!important;
    padding-top:40px!important
}
.px-40{
    padding-left:40px!important
}
.pr-40,.px-40{
    padding-right:40px!important
}
.pl-40{
    padding-left:40px!important
}
.pt-40{
    padding-top:40px!important
}
.pb-40{
    padding-bottom:40px!important
}
.m-40{
    margin:40px!important
}
.my-40{
    margin-bottom:40px!important;
    margin-top:40px!important
}
.mx-40{
    margin-left:40px!important
}
.mr-40,.mx-40{
    margin-right:40px!important
}
.ml-40{
    margin-left:40px!important
}
.mt-40{
    margin-top:40px!important
}
.mb-40{
    margin-bottom:40px!important
}
.gap-40{
    gap:40px!important
}
.p-48{
    padding:48px!important
}
.py-48{
    padding-bottom:48px!important;
    padding-top:48px!important
}
.px-48{
    padding-left:48px!important
}
.pr-48,.px-48{
    padding-right:48px!important
}
.pl-48{
    padding-left:48px!important
}
.pt-48{
    padding-top:48px!important
}
.pb-48{
    padding-bottom:48px!important
}
.m-48{
    margin:48px!important
}
.my-48{
    margin-bottom:48px!important;
    margin-top:48px!important
}
.mx-48{
    margin-left:48px!important
}
.mr-48,.mx-48{
    margin-right:48px!important
}
.ml-48{
    margin-left:48px!important
}
.mt-48{
    margin-top:48px!important
}
.mb-48{
    margin-bottom:48px!important
}
.gap-48{
    gap:48px!important
}
.p-64{
    padding:64px!important
}
.py-64{
    padding-bottom:64px!important;
    padding-top:64px!important
}
.px-64{
    padding-left:64px!important
}
.pr-64,.px-64{
    padding-right:64px!important
}
.pl-64{
    padding-left:64px!important
}
.pt-64{
    padding-top:64px!important
}
.pb-64{
    padding-bottom:64px!important
}
.m-64{
    margin:64px!important
}
.my-64{
    margin-bottom:64px!important;
    margin-top:64px!important
}
.mx-64{
    margin-left:64px!important
}
.mr-64,.mx-64{
    margin-right:64px!important
}
.ml-64{
    margin-left:64px!important
}
.mt-64{
    margin-top:64px!important
}
.mb-64{
    margin-bottom:64px!important
}
.gap-64{
    gap:64px!important
}
.p-80{
    padding:80px!important
}
.py-80{
    padding-bottom:80px!important;
    padding-top:80px!important
}
.px-80{
    padding-left:80px!important
}
.pr-80,.px-80{
    padding-right:80px!important
}
.pl-80{
    padding-left:80px!important
}
.pt-80{
    padding-top:80px!important
}
.pb-80{
    padding-bottom:80px!important
}
.m-80{
    margin:80px!important
}
.my-80{
    margin-bottom:80px!important;
    margin-top:80px!important
}
.mx-80{
    margin-left:80px!important
}
.mr-80,.mx-80{
    margin-right:80px!important
}
.ml-80{
    margin-left:80px!important
}
.mt-80{
    margin-top:80px!important
}
.mb-80{
    margin-bottom:80px!important
}
.gap-80{
    gap:80px!important
}
.p-96{
    padding:96px!important
}
.py-96{
    padding-bottom:96px!important;
    padding-top:96px!important
}
.px-96{
    padding-left:96px!important
}
.pr-96,.px-96{
    padding-right:96px!important
}
.pl-96{
    padding-left:96px!important
}
.pt-96{
    padding-top:96px!important
}
.pb-96{
    padding-bottom:96px!important
}
.m-96{
    margin:96px!important
}
.my-96{
    margin-bottom:96px!important;
    margin-top:96px!important
}
.mx-96{
    margin-left:96px!important
}
.mr-96,.mx-96{
    margin-right:96px!important
}
.ml-96{
    margin-left:96px!important
}
.mt-96{
    margin-top:96px!important
}
.mb-96{
    margin-bottom:96px!important
}
.gap-96{
    gap:96px!important
}
.p-128{
    padding:128px!important
}
.py-128{
    padding-bottom:128px!important;
    padding-top:128px!important
}
.px-128{
    padding-left:128px!important
}
.pr-128,.px-128{
    padding-right:128px!important
}
.pl-128{
    padding-left:128px!important
}
.pt-128{
    padding-top:128px!important
}
.pb-128{
    padding-bottom:128px!important
}
.m-128{
    margin:128px!important
}
.my-128{
    margin-bottom:128px!important;
    margin-top:128px!important
}
.mx-128{
    margin-left:128px!important
}
.mr-128,.mx-128{
    margin-right:128px!important
}
.ml-128{
    margin-left:128px!important
}
.mt-128{
    margin-top:128px!important
}
.mb-128{
    margin-bottom:128px!important
}
.gap-128{
    gap:128px!important
}
.p-0{
    padding:0!important
}
.m-0{
    margin:0!important
}
.text-center{
    text-align:center
}
.text-left{
    text-align:left
}
.text-right{
    text-align:right
}
.text-justify{
    text-align:justify
}
.text-uppercase{
    text-transform:uppercase
}
.text-lowercase{
    text-transform:lowercase
}
.text-capitalize{
    text-transform:capitalize
}
.p-pnl-detail .p-range-picker-desktop__dateText,.text-ellipsis{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.text-clamp-1{
    display:-webkit-box;
    -webkit-line-clamp:1;
    overflow:hidden;
    -webkit-box-orient:vertical
}
.text-nowrap{
    white-space:nowrap
}
.text-pre{
    white-space:pre
}
.text-preline{
    white-space:pre-line
}
.text-link,.text-link--underline{
    color:var(--fg-accent)
}
.text-link--underline,.text-underline{
    text-decoration:underline
}
.text-none-underline{
    text-decoration:none!important
}
.text-end{
    text-align:end
}
.cursor-default{
    cursor:default!important
}
.position-relative{
    position:relative
}
.position-absolute{
    position:absolute
}
.position-fixed{
    position:fixed
}
.position-sticky{
    position:sticky
}
.position-static{
    position:static
}
.third-width{
    width:33.3333333333%
}
.half-width{
    width:50%
}
.full-width{
    width:100%
}
.full-height{
    height:100%
}
.cursor-pointer{
    cursor:pointer
}
.border-none{
    border:none!important
}
.d-inline-block{
    display:inline-block
}
.d-block{
    display:block!important
}
.box-gradient{
    background:var(--box-linear-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.word-break-all{
    word-break:break-all
}
.no-after:after,.no-before:before{
    content:none!important
}
.visibility-hidden{
    visibility:hidden
}
.visible-mobile{
    display:none
}
@media(max-width:768px){
    .visible-mobile{
        display:block
    }
}
.visible-desktop{
    display:none
}
@media(min-width:769px){
    .visible-desktop{
        display:block
    }
}
.order-0{
    order:0!important
}
.order-1{
    order:1!important
}
.order-2{
    order:2!important
}
.order-3{
    order:3!important
}
.order-4{
    order:4!important
}
.order-5{
    order:5!important
}
.order-6{
    order:6!important
}
.order-7{
    order:7!important
}
.order-8{
    order:8!important
}
.order-9{
    order:9!important
}
.order-10{
    order:10!important
}
.order-11{
    order:11!important
}
.order-12{
    order:12!important
}
.order-first{
    order:-1!important
}
.order-last{
    order:99!important
}
@media(min-width:769px){
    .order-md-0{
        order:0!important
    }
    .order-md-1{
        order:1!important
    }
    .order-md-2{
        order:2!important
    }
    .order-md-3{
        order:3!important
    }
    .order-md-4{
        order:4!important
    }
    .order-md-5{
        order:5!important
    }
    .order-md-6{
        order:6!important
    }
    .order-md-7{
        order:7!important
    }
    .order-md-8{
        order:8!important
    }
    .order-md-9{
        order:9!important
    }
    .order-md-10{
        order:10!important
    }
    .order-md-11{
        order:11!important
    }
    .order-md-12{
        order:12!important
    }
    .order-md-first{
        order:-1!important
    }
    .order-md-last{
        order:99!important
    }
}
:root{
    --breakpoint-xs:0;
    --breakpoint-sm:576px;
    --breakpoint-md:768px;
    --breakpoint-lg:992px;
    --breakpoint-xl:1200px
}
.dark-mode{
    --bg-white:#181a20;
    --bg-gray-light:#1f2229;
    --bg-gray-medium:#2d3138;
    --bg-gray-strong:#434954;
    --bg-fix-white:#fff;
    --adaptive-gray-light:hsla(0,0%,100%,.02);
    --adaptive-gray-medium:hsla(0,0%,100%,.04);
    --adaptive-gray-strong:hsla(0,0%,100%,.08);
    --adaptive-gray-bold:hsla(0,0%,100%,.15);
    --adaptive-gray-placeholder:#1d1e23;
    --overlay-gray-light:rgba(0,0,0,.5);
    --overlay-gray-medium:rgba(0,0,0,.7);
    --overlay-gray-strong:rgba(0,0,0,.9);
    --fg-primary:#fff;
    --fg-secondary:hsla(0,0%,100%,.8);
    --fg-tertiary:hsla(0,0%,100%,.5);
    --fg-accent:#9bba3c;
    --fg-danger:#e53d3d;
    --fg-warning:#fab937;
    --fg-white:#1f2229;
    --fg-fix-white:#fff;
    --stroke-light:hsla(0,0%,100%,.06);
    --stroke-medium:hsla(0,0%,100%,.1);
    --stroke-strong:hsla(0,0%,100%,.2);
    --stroke-bold:hsla(0,0%,100%,.4);
    --stroke-accent:#9bba3c;
    --stroke-danger:#e53d3d;
    --stroke-warning:#fab937;
    --stroke-fix-white:#fff;
    --themes-system-solid-strong:#f9fafb;
    --themes-system-solid-medium:#ecedf0;
    --themes-system-solid-light:#ecedf0;
    --themes-system-adaptive-light:hsla(0,0%,100%,.04);
    --themes-system-adaptive-medium:hsla(0,0%,100%,.08);
    --themes-system-adaptive-strong:hsla(0,0%,100%,.15);
    --themes-main-solid-light:#9bba3c;
    --themes-main-solid-medium:#b8cf53;
    --themes-main-solid-strong:#cddd7d;
    --themes-main-adaptive-light:rgba(155,186,60,.1);
    --themes-main-adaptive-medium:rgba(155,186,60,.2);
    --themes-main-adaptive-strong:rgba(155,186,60,.3);
    --themes-success-solid-light:#9bba3c;
    --themes-success-solid-medium:#b8cf53;
    --themes-success-solid-strong:#cddd7d;
    --themes-success-adaptive-light:rgba(155,186,60,.1);
    --themes-success-adaptive-medium:rgba(155,186,60,.2);
    --themes-success-adaptive-strong:rgba(155,186,60,.2);
    --themes-warning-solid-light:#fab937;
    --themes-warning-solid-medium:#fbbf24;
    --themes-warning-solid-strong:#fcd34d;
    --themes-warning-adaptive-light:rgba(251,191,36,.1);
    --themes-warning-adaptive-medium:rgba(251,191,36,.2);
    --themes-warning-adaptive-strong:rgba(251,191,36,.3);
    --themes-danger-solid-light:#e53d3d;
    --themes-danger-solid-medium:#e98387;
    --themes-danger-solid-strong:#f1b0b1;
    --themes-danger-adaptive-light:rgba(229,61,61,.1);
    --themes-danger-adaptive-medium:rgba(229,61,61,.2);
    --themes-danger-adaptive-strong:rgba(229,61,61,.3);
    --passive-states-disabled-bg:hsla(0,0%,100%,.08);
    --passive-states-disabled-fg:hsla(0,0%,100%,.3);
    --passive-states-disabled-stroke:hsla(0,0%,100%,.02);
    --passive-states-skeleton-base:rgba(31,34,41,.06);
    --ds-utilities-segment-active:hsla(0,0%,100%,.1);
    --box-linear-gradient:linear-gradient(180deg,#e04c8f,#eb9b00);
    --themes-fix-primary:#1f2229;
    --themes-fix-tertiary:rgba(31,34,41,.6);
    --shadow-top-medium:0px 8px 16px 0px rgba(24,27,31,.122);
    --shadow-light:0px 10px 15px -3px rgba(24,27,31,.1),0px 4px 6px -4px rgba(24,27,31,.08);
    box-shadow:0 4px 6px -4px #181b1f14;
    --box-shadow-04:0px 4px 6px -4px rgba(24,27,31,.08);
    --box-shadow-04:0px 10px 15px -3px rgba(24,27,31,.1);
    --chart-volume-line:#26a69a;
    --chart-volume-down:rgba(219,79,88,.3);
    --chart-volume-up:rgba(150,168,37,.3);
    --chart-series-line:#9bba3c;
    --chart-series-top:rgba(155,186,60,.1);
    --chart-series-bottom:rgba(214,80,101,0);
    --chart-series-background:rgba(155,186,60,.05);
    --chart-pro-up-color:#9bba3c;
    --chart-pro-down-color:#e53d3d;
    --chart-pro-indicators-up-color:rgba(155,186,60,.5);
    --chart-pro-indicators-down-color:rgba(229,60,61,.5);
    --chart-bar-text-bg-color:hsla(0,0%,100%,.9);
    --chart-bar-up:#9bba3c;
    --chart-bar-down:#e53d3d;
    --chart-line-weak-bar-up:#bdc0c6;
    --chart-beer:#f7931a;
    --chart-bg-corshair-up:#252821;
    --chart-bg-corshair-down:#2c1f26;
    --elevator-primary-liquid-large:rgba(30,33,42,.64);
    --e-card-hover:0px 2px 2px rgba(31,34,41,.02),0px 8px 40px rgba(0,0,0,.4),inset 0px 1px 0px hsla(0,0%,100%,.04);
    --coin-symbol:hsla(0,0%,100%,.04);
    --base-3:#878d99;
    --neutral-anthracite:#1f2229
}
.light-mode{
    --bg-white:#fff;
    --bg-gray-light:#f9fafb;
    --bg-gray-medium:#f0f2f5;
    --bg-gray-strong:#ecedf0;
    --bg-fix-white:#fff;
    --adaptive-gray-light:rgba(31,34,41,.02);
    --adaptive-gray-medium:rgba(31,34,41,.04);
    --adaptive-gray-strong:rgba(31,34,41,.08);
    --adaptive-gray-bold:rgba(31,34,41,.1);
    --adaptive-gray-placeholder:#fbfbfb;
    --overlay-gray-light:rgba(0,0,0,.3);
    --overlay-gray-medium:rgba(0,0,0,.6);
    --overlay-gray-strong:rgba(0,0,0,.8);
    --fg-primary:#1f2229;
    --fg-secondary:rgba(31,34,41,.8);
    --fg-tertiary:rgba(31,34,41,.6);
    --fg-accent:#7b9530;
    --fg-danger:#e53d3d;
    --fg-warning:#d89c24;
    --fg-white:#fff;
    --fg-fix-white:#fff;
    --stroke-light:rgba(31,34,41,.04);
    --stroke-medium:rgba(31,34,41,.1);
    --stroke-strong:rgba(31,34,41,.2);
    --stroke-bold:rgba(31,34,41,.4);
    --stroke-accent:#9bba3c;
    --stroke-danger:#e53d3d;
    --stroke-warning:#f59e0b;
    --stroke-fix-white:#fff;
    --themes-system-solid-strong:#1f2229;
    --themes-system-solid-medium:#7b9530;
    --themes-system-solid-light:#101214;
    --themes-system-adaptive-light:rgba(31,34,41,.04);
    --themes-system-adaptive-medium:rgba(31,34,41,.08);
    --themes-system-adaptive-strong:rgba(31,34,41,.15);
    --themes-main-solid-light:#9bba3c;
    --themes-main-solid-medium:#7b9530;
    --themes-main-solid-strong:#74821d;
    --themes-main-adaptive-light:rgba(155,186,60,.1);
    --themes-main-adaptive-medium:rgba(155,186,60,.2);
    --themes-main-adaptive-strong:rgba(155,186,60,.3);
    --themes-success-solid-light:#9bba3c;
    --themes-success-solid-medium:#7b9530;
    --themes-success-solid-strong:#5c6f24;
    --themes-success-adaptive-light:rgba(155,186,60,.1);
    --themes-success-adaptive-medium:rgba(155,186,60,.2);
    --themes-success-adaptive-strong:rgba(155,186,60,.3);
    --themes-warning-solid-light:#f59e0b;
    --themes-warning-solid-medium:#d89c24;
    --themes-warning-solid-strong:#78350f;
    --themes-warning-adaptive-light:rgba(251,191,36,.1);
    --themes-warning-adaptive-medium:rgba(251,191,36,.2);
    --themes-warning-adaptive-strong:rgba(251,191,36,.3);
    --themes-danger-solid-light:#e53d3d;
    --themes-danger-solid-medium:#c83646;
    --themes-danger-solid-strong:#792234;
    --themes-danger-adaptive-light:rgba(229,61,61,.1);
    --themes-danger-adaptive-medium:rgba(229,61,61,.2);
    --themes-danger-adaptive-strong:rgba(229,61,61,.3);
    --passive-states-disabled-bg:rgba(31,34,41,.08);
    --passive-states-disabled-fg:rgba(31,34,41,.3);
    --passive-states-disabled-stroke:rgba(31,34,41,.02);
    --passive-states-skeleton-base:rgba(31,34,41,.06);
    --ds-utilities-segment-active:#fff;
    --box-linear-gradient:linear-gradient(180deg,#e04c8f,#eb9b00);
    --themes-fix-primary:#1f2229;
    --themes-fix-tertiary:rgba(31,34,41,.6);
    --shadow-top-medium:0px 8px 16px 0px rgba(24,27,31,.122);
    --shadow-light:0px 10px 15px -3px rgba(24,27,31,.1),0px 4px 6px -4px rgba(24,27,31,.08);
    --box-shadow-04:0px 4px 6px -4px rgba(24,27,31,.08);
    --box-shadow-04:0px 10px 15px -3px rgba(24,27,31,.1);
    --chart-volume-line:#26a69a;
    --chart-volume-down:#f4cacd;
    --chart-volume-up:#dfe5be;
    --chart-series-line:#9bba3c;
    --chart-series-top:rgba(155,186,60,.1);
    --chart-series-background:rgba(155,186,60,.05);
    --chart-series-bottom:rgba(214,80,101,0);
    --chart-pro-up-color:#9bba3c;
    --chart-pro-down-color:#e53d3d;
    --chart-pro-indicators-up-color:rgba(155,186,60,.5);
    --chart-pro-indicators-down-color:rgba(229,60,61,.5);
    --chart-bar-text-bg-color:hsla(0,0%,100%,.9);
    --chart-bar-up:#9bba3c;
    --chart-bar-down:#e53d3d;
    --chart-line-strong-bar-up:#bdc0c6;
    --chart-line-weak-bar-up:#bdc0c6;
    --chart-beer:#f7931a;
    --chart-bg-corshair-up:#f4f6e9;
    --chart-bg-corshair-down:#fbedee;
    --elevator-primary-liquid-large:hsla(0,0%,100%,.64);
    --e-card-hover:0px 2px 2px rgba(31,34,41,.02),0px 8px 40px rgba(31,34,41,.08),inset 0px 1px 0px #fff;
    --coin-symbol:rgba(31,34,41,.04);
    --base-3:#878d99;
    --neutral-anthracite:#1f2229
}
.container{
    margin-left:auto;
    margin-right:auto;
    padding-left:24px;
    padding-right:24px;
    width:100%
}
@media(min-width:992px){
    .container{
        max-width:992px
    }
}
@media(min-width:1260px){
    .container{
        max-width:1248px
    }
}
@media(max-width:1247px){
    .container{
        padding-left:16px;
        padding-right:16px
    }
}
.container-lg{
    margin-left:auto;
    margin-right:auto;
    padding-left:24px;
    padding-right:24px;
    width:100%
}
@media(min-width:992px){
    .container-lg{
        max-width:992px
    }
}
@media(min-width:1260px){
    .container-lg{
        max-width:1248px
    }
}
@media(min-width:1440px){
    .container-lg{
        max-width:1440px
    }
}
.col-1{
    grid-column-end:span 1
}
.offset-1{
    grid-column-start:2
}
.col-2{
    grid-column-end:span 2
}
.offset-2{
    grid-column-start:3
}
.col-3{
    grid-column-end:span 3
}
.offset-3{
    grid-column-start:4
}
.col-4{
    grid-column-end:span 4
}
.offset-4{
    grid-column-start:5
}
.col-5{
    grid-column-end:span 5
}
.offset-5{
    grid-column-start:6
}
.col-6{
    grid-column-end:span 6
}
.offset-6{
    grid-column-start:7
}
.col-7{
    grid-column-end:span 7
}
.offset-7{
    grid-column-start:8
}
.col-8{
    grid-column-end:span 8
}
.offset-8{
    grid-column-start:9
}
.col-9{
    grid-column-end:span 9
}
.offset-9{
    grid-column-start:10
}
.col-10{
    grid-column-end:span 10
}
.offset-10{
    grid-column-start:11
}
.col-11{
    grid-column-end:span 11
}
.offset-11{
    grid-column-start:12
}
.col-12{
    grid-column-end:span 12
}
.offset-12{
    grid-column-start:13
}
.row{
    -moz-column-gap:24px;
    column-gap:24px;
    display:grid;
    grid-template-columns:repeat(12,1fr)
}
@media(min-width:992px){
    .col-sm-1{
        grid-column-end:span 1
    }
    .offset-sm-1{
        grid-column-start:2
    }
    .col-sm-2{
        grid-column-end:span 2
    }
    .offset-sm-2{
        grid-column-start:3
    }
    .col-sm-3{
        grid-column-end:span 3
    }
    .offset-sm-3{
        grid-column-start:4
    }
    .col-sm-4{
        grid-column-end:span 4
    }
    .offset-sm-4{
        grid-column-start:5
    }
    .col-sm-5{
        grid-column-end:span 5
    }
    .offset-sm-5{
        grid-column-start:6
    }
    .col-sm-6{
        grid-column-end:span 6
    }
    .offset-sm-6{
        grid-column-start:7
    }
    .col-sm-7{
        grid-column-end:span 7
    }
    .offset-sm-7{
        grid-column-start:8
    }
    .col-sm-8{
        grid-column-end:span 8
    }
    .offset-sm-8{
        grid-column-start:9
    }
    .col-sm-9{
        grid-column-end:span 9
    }
    .offset-sm-9{
        grid-column-start:10
    }
    .col-sm-10{
        grid-column-end:span 10
    }
    .offset-sm-10{
        grid-column-start:11
    }
    .col-sm-11{
        grid-column-end:span 11
    }
    .offset-sm-11{
        grid-column-start:12
    }
    .col-sm-12{
        grid-column-end:span 12
    }
    .offset-sm-12{
        grid-column-start:13
    }
    .row-sm{
        -moz-column-gap:24px;
        column-gap:24px;
        display:grid;
        grid-template-columns:repeat(12,1fr)
    }
}
@media(min-width:1248px){
    .col-md-1{
        grid-column-end:span 1
    }
    .offset-md-1{
        grid-column-start:2
    }
    .col-md-2{
        grid-column-end:span 2
    }
    .offset-md-2{
        grid-column-start:3
    }
    .col-md-3{
        grid-column-end:span 3
    }
    .offset-md-3{
        grid-column-start:4
    }
    .col-md-4{
        grid-column-end:span 4
    }
    .offset-md-4{
        grid-column-start:5
    }
    .col-md-5{
        grid-column-end:span 5
    }
    .offset-md-5{
        grid-column-start:6
    }
    .col-md-6{
        grid-column-end:span 6
    }
    .offset-md-6{
        grid-column-start:7
    }
    .col-md-7{
        grid-column-end:span 7
    }
    .offset-md-7{
        grid-column-start:8
    }
    .col-md-8{
        grid-column-end:span 8
    }
    .offset-md-8{
        grid-column-start:9
    }
    .col-md-9{
        grid-column-end:span 9
    }
    .offset-md-9{
        grid-column-start:10
    }
    .col-md-10{
        grid-column-end:span 10
    }
    .offset-md-10{
        grid-column-start:11
    }
    .col-md-11{
        grid-column-end:span 11
    }
    .offset-md-11{
        grid-column-start:12
    }
    .col-md-12{
        grid-column-end:span 12
    }
    .offset-md-12{
        grid-column-start:13
    }
    .row-md{
        -moz-column-gap:24px;
        column-gap:24px;
        display:grid;
        grid-template-columns:repeat(12,1fr)
    }
}
@media(min-width:1440px){
    .col-lg-1{
        grid-column-end:span 1
    }
    .offset-lg-1{
        grid-column-start:2
    }
    .col-lg-2{
        grid-column-end:span 2
    }
    .offset-lg-2{
        grid-column-start:3
    }
    .col-lg-3{
        grid-column-end:span 3
    }
    .offset-lg-3{
        grid-column-start:4
    }
    .col-lg-4{
        grid-column-end:span 4
    }
    .offset-lg-4{
        grid-column-start:5
    }
    .col-lg-5{
        grid-column-end:span 5
    }
    .offset-lg-5{
        grid-column-start:6
    }
    .col-lg-6{
        grid-column-end:span 6
    }
    .offset-lg-6{
        grid-column-start:7
    }
    .col-lg-7{
        grid-column-end:span 7
    }
    .offset-lg-7{
        grid-column-start:8
    }
    .col-lg-8{
        grid-column-end:span 8
    }
    .offset-lg-8{
        grid-column-start:9
    }
    .col-lg-9{
        grid-column-end:span 9
    }
    .offset-lg-9{
        grid-column-start:10
    }
    .col-lg-10{
        grid-column-end:span 10
    }
    .offset-lg-10{
        grid-column-start:11
    }
    .col-lg-11{
        grid-column-end:span 11
    }
    .offset-lg-11{
        grid-column-start:12
    }
    .col-lg-12{
        grid-column-end:span 12
    }
    .offset-lg-12{
        grid-column-start:13
    }
    .row-lg{
        -moz-column-gap:24px;
        column-gap:24px;
        display:grid;
        grid-template-columns:repeat(12,1fr)
    }
}
.container-fluid{
    max-width:100%;
    padding-left:24px;
    padding-right:24px;
    width:100%
}
.d-sm-none{
    display:block
}
@media(max-width:991px){
    .d-sm-none{
        display:none!important
    }
}
.d-sm-block{
    display:none
}
@media(max-width:992px){
    .d-sm-block{
        display:block!important
    }
}
.d-md-none{
    display:block
}
@media(max-width:1247px){
    .d-md-none{
        display:none!important
    }
}
.d-md-block{
    display:none
}
@media(max-width:1248px){
    .d-md-block{
        display:block!important
    }
}
.d-lg-none{
    display:block
}
@media(max-width:1439px){
    .d-lg-none{
        display:none!important
    }
}
.d-lg-block{
    display:none
}
@media(max-width:1440px){
    .d-lg-block{
        display:block!important
    }
}
.grid-col-1{
    grid-template-columns:repeat(1,1fr)
}
.grid-col-2{
    grid-template-columns:repeat(2,1fr)
}
.grid-col-3{
    grid-template-columns:repeat(3,1fr)
}
.grid-col-4{
    grid-template-columns:repeat(4,1fr)
}
.grid-col-5{
    grid-template-columns:repeat(5,1fr)
}
.grid-col-6{
    grid-template-columns:repeat(6,1fr)
}
.grid-col-7{
    grid-template-columns:repeat(7,1fr)
}
.grid-col-8{
    grid-template-columns:repeat(8,1fr)
}
.grid-col-9{
    grid-template-columns:repeat(9,1fr)
}
.grid-col-10{
    grid-template-columns:repeat(10,1fr)
}
.grid-col-11{
    grid-template-columns:repeat(11,1fr)
}
.grid-col-12{
    grid-template-columns:repeat(12,1fr)
}
.p-auth-header{
    background-color:var(--bg-white);
    flex-direction:column;
    justify-content:center;
    margin-bottom:16px
}
.p-auth-header,.p-auth-header__inner{
    align-items:center;
    display:flex;
    height:80px;
    width:100%
}
.p-auth-header__inner{
    justify-content:space-between;
    margin-top:5px
}
@media(max-width:1248px){
    .p-auth-header__home{
        visibility:hidden
    }
}
.p-auth-header__buttons{
    align-items:center;
    display:flex;
    gap:8px;
    justify-content:center;
    white-space:nowrap
}
@media(max-width:1248px){
    .p-auth-header__buttons p{
        visibility:hidden
    }
}
.p-auth-header__divider{
    width:100%
}
@media(max-width:1248px){
    .p-auth-header{
        height:48px;
        position:sticky;
        top:0;
        z-index:var(--z-index-menu)
    }
}
.header{
    align-items:center;
    background-color:var(--bg-white);
    border-bottom:1px solid var(--stroke-light);
    display:flex;
    height:80px;
    position:fixed;
    transition:transform .3s ease-in-out;
    width:100%;
    z-index:20
}
@media(max-width:992px){
    .header{
        border-bottom:1px solid var(--stroke-light);
        height:48px
    }
}
.header--home{
    background:none
}
.header--home .header__list--link{
    color:var(--fg-secondary)
}
@media(max-width:1248px){
    .header--home{
        background:var(--bg-white)
    }
}
.header--dark .header__list--link{
    color:var(--fg-fix-white)
}
.header--hide{
    transform:translateY(-100px)
}
.header__divider{
    position:relative;
    top:80px
}
.header__list{
    gap:28px
}
.header__list--markets,.header__list--trade{
    width:90px
}
.header__list :not(.header__link--notactive).router-link-active{
    color:var(--fg-primary);
    position:relative
}
.header__list .router-link-active .header__profile--wrapper{
    display:inline-block;
    position:relative
}
.header__list .router-link-active .header__profile--wrapper:before{
    box-sizing:border-box;
    content:"";
    inset:0;
    pointer-events:none;
    position:absolute
}
.header__list--link{
    padding:8px 12px;
    transition:all .3s ease-in-out
}
.header__list--link:not(.router-link-active):hover{
    background-color:var(--adaptive-gray-light);
    color:var(--fg-secondary);
    text-shadow:0 0 .5px currentColor,0 0 .5px currentColor
}
.header__profile{
    border-radius:50%;
    height:22px;
    width:22px
}
.header__profile img{
    border-radius:50%;
    height:14px;
    -o-object-fit:cover;
    object-fit:cover;
    width:14px
}
.header__profile--link{
    display:block;
    padding:8px;
    width:36px
}
.header__profile--verified:after{
    background:url(/img/verification-badge.svg) no-repeat 50%;
    background-color:var(--bg-white);
    border-radius:50%;
    bottom:-3px;
    content:"";
    height:10px;
    position:absolute;
    right:-3px;
    width:10px
}
.header--dark .header__profile--verified:after{
    background-color:var(--bg-dark-elevated)
}
.header__profile--verified{
    border-color:var(--stroke-warning)!important
}
.header__profile--wrapper{
    border:1px solid var(--fg-accent);
    border-radius:50%;
    height:24px;
    position:relative;
    width:24px
}
.header__profile--wrapper__hover{
    cursor:default;
    opacity:0;
    padding-top:15px;
    position:absolute;
    right:-30px;
    top:25px;
    transition:all .2s ease-in-out;
    visibility:hidden;
    z-index:20
}
.header__profile--wrapper:hover .header__profile--wrapper__hover{
    opacity:1;
    visibility:visible
}
.header__profile--wrapper__hover .router-link-active .p-icon{
    color:var(--fg-primary)
}
.header__profile--wrapper__hover--container{
    background-color:var(--bg-white);
    border-radius:16px;
    max-height:calc(var(--vh, 1vh)*100 - 100px);
    overflow:auto;
    padding:24px;
    width:420px
}
.header__profile--wrapper__hover:after{
    background:#0000001a;
    content:"";
    height:100%;
    left:0;
    pointer-events:none;
    position:fixed;
    top:0;
    width:100%;
    z-index:-1
}
.header__profile--wrapper__hover :not(.header__link--notactive).router-link-active:after{
    display:none
}
.header__notification{
    position:relative
}
.header__notification--link{
    display:flex;
    justify-content:center;
    width:40px
}
.header__notification .p-badge{
    position:absolute;
    right:-4px;
    top:-4px
}
.header__sticky{
    background-color:var(--bg-white);
    position:sticky;
    top:0
}
@media(max-width:992px){
    .header__sticky{
        position:relative
    }
}
.header-mobile-hamburger{
    align-items:center;
    display:flex;
    height:32px;
    justify-content:center;
    width:32px
}
.mobile-navigation__wrapper{
    background-color:var(--bg-white);
    bottom:0;
    position:fixed;
    right:0;
    top:0;
    transform:translate(100%);
    transition:transform .4s ease-in-out;
    width:80%;
    z-index:1000
}
.mobile-navigation__wrapper.is-open{
    transform:translate(0)
}
.mobile-navigation__header{
    align-items:center;
    display:flex;
    height:48px;
    justify-content:right;
    padding:8px 16px
}
.mobile-navigation__header .p-icon{
    align-items:center;
    display:flex;
    height:32px;
    justify-content:center;
    width:32px
}
.mobile-navigation__content{
    padding:0 16px
}
.mobile-navigation__content .p-list--selected .p-icon,.mobile-navigation__content .router-link-active span{
    color:var(--fg-primary)
}
.mobile-navigation__content span{
    color:var(--fg-primary)!important
}
.mobile-navigation__footer{
    align-items:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin:64px 0
}
.footer{
    margin:120px 0 56px
}
.footer__paribu{
    display:flex;
    flex-direction:column;
    gap:16px
}
.footer__social--link{
    margin:32px 0 40px
}
.footer__link,.footer__social--link{
    display:flex;
    flex-direction:column;
    gap:8px
}
.footer__qrcode--wrapper{
    align-items:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center
}
.footer__qrcode--text{
    margin-bottom:24px
}
.footer__qrcode--text b{
    color:var(--fg-primary);
    font-weight:500
}
@media(max-width:1247px){
    .footer{
        margin:80px 0 56px;
        padding:0
    }
}
.p-auth-layout{
    position:relative
}
@media(min-width:1247px){
    .p-account-layout{
        min-height:calc(var(--vh, 1vh)*100)
    }
}
.p-account-layout__sidebar{
    height:100%;
    padding-top:32px
}
@media(min-width:1247px){
    .p-account-layout__sidebar{
        min-width:304px
    }
}
.p-link{
    align-items:center;
    color:var(--fg-primary);
    cursor:pointer;
    display:flex;
    position:relative;
    text-decoration:none;
    width:-moz-fit-content;
    width:fit-content
}
.p-link__label{
    padding:0 5px 0 1px
}
.p-link:has(.p-icon) .p-icon{
    align-items:center;
    display:flex;
    height:18px;
    justify-content:center;
    width:16px
}
@media(hover:hover)and (pointer:fine){
    .p-link:hover:after{
        transform:scaleX(1)
    }
}
.p-link:after{
    background-color:var(--fg-accent);
    bottom:0;
    content:"";
    height:1px;
    left:0;
    position:absolute;
    transform:scaleX(0);
    transition:transform .3s ease;
    width:100%
}
.p-icon{
    display:flex
}
.p-icon--xs{
    font-size:12px
}
.p-icon--sm{
    font-size:16px
}
.p-icon--xmd{
    font-size:20px
}
.p-icon--md{
    font-size:24px
}
.p-icon--lg{
    font-size:32px
}
.p-icon--xl{
    font-size:40px
}
.p-badge{
    align-items:center;
    border-radius:100px;
    color:var(--fg-fix-white);
    display:inline-flex;
    justify-content:center;
    padding:2px 4px
}
.p-badge__indicator--sm{
    height:6px;
    width:6px
}
.p-badge__indicator--md{
    height:8px;
    width:8px
}
.p-badge__indicator--lg{
    height:16px;
    width:16px
}
.p-badge__indicator--xlg{
    height:16px;
    width:29px
}
.p-badge__success{
    background-color:var(--themes-success-solid-light)
}
.p-badge__danger{
    background-color:var(--themes-danger-solid-light)
}
.p-tooltip{
    display:inline-block;
    position:relative
}
.p-tooltip__item{
    background-color:var(--bg-gray-medium);
    border-radius:var(--br-6);
    color:var(--fg-secondary);
    display:flex;
    justify-content:center;
    max-width:500px;
    padding:8px 12px;
    position:absolute;
    width:auto;
    z-index:99999
}
.p-tooltip__initiator{
    cursor:pointer;
    z-index:5
}
.p-tooltip__content:after{
    border-style:solid;
    content:"";
    display:block;
    height:0;
    position:absolute;
    width:0
}
@media(max-width:1247px){
    .p-tooltip__content{
        max-width:300px;
        min-width:200px;
        white-space:normal
    }
}
.p-tooltip__content[direction=left]:after{
    border-color:transparent transparent transparent var(--bg-gray-medium);
    border-width:5px 0 5px 5px;
    right:-4px;
    top:50%;
    transform:translate3d(0,-50%,0)
}
.p-tooltip__content[direction=right]:after{
    border-color:transparent var(--bg-gray-medium) transparent transparent;
    border-width:5px 5px 5px 0;
    left:-4px;
    top:50%;
    transform:translate3d(0,-50%,0)
}
.p-tooltip__content[direction=top]:after{
    left:50%
}
.p-tooltip__content[direction=top-left]:after,.p-tooltip__content[direction=top]:after{
    border-color:var(--bg-gray-medium) transparent transparent transparent;
    border-width:5px 5px 0;
    bottom:-4px;
    transform:translate3d(-50%,0,0)
}
.p-tooltip__content[direction=top-left]:after{
    left:16%
}
.p-tooltip__content[direction=top-right]:after{
    border-color:var(--bg-gray-medium) transparent transparent transparent;
    border-width:5px 5px 0;
    bottom:-4px;
    left:84%;
    transform:translate3d(-50%,0,0)
}
.p-tooltip__content[direction=bottom]:after{
    left:50%
}
.p-tooltip__content[direction=bottom-left]:after,.p-tooltip__content[direction=bottom]:after{
    border-color:transparent transparent var(--bg-gray-medium) transparent;
    border-width:0 5px 5px;
    top:-4px;
    transform:translate3d(-50%,0,0)
}
.p-tooltip__content[direction=bottom-left]:after{
    left:16%
}
.p-tooltip__content[direction=bottom-right]:after{
    border-color:transparent transparent var(--bg-gray-medium) transparent;
    border-width:0 5px 5px;
    left:84%;
    top:-4px;
    transform:translate3d(-50%,0,0)
}
.p-tooltip__content[direction=left-top]:after{
    border-color:transparent transparent transparent var(--bg-gray-medium);
    border-width:5px 0 5px 5px;
    right:-4px;
    top:8px;
    transform:translateZ(0)
}
.p-tooltip__content[direction=right-top]:after{
    border-color:transparent var(--bg-gray-medium) transparent transparent;
    border-width:5px 5px 5px 0;
    left:-4px;
    top:8px;
    transform:translateZ(0)
}
.p-chip{
    align-items:center;
    border-radius:var(--br-6);
    cursor:pointer;
    display:flex;
    display:inline-flex;
    gap:4px;
    height:20px;
    justify-content:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.p-chip__regular{
    padding:0 4px
}
.p-chip__image{
    height:32px;
    width:32px
}
.p-chip__selected{
    border:1px solid var(--stroke-accent);
    color:var(--fg-accent)
}
.p-chip__selected.p-chip__image{
    background-color:var(--themes-main-adaptive-light)
}
.p-chip__deselected{
    border:1px solid var(--stroke-medium);
    color:var(--fg-secondary)
}
@keyframes p-loading-animation{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(1turn)
    }
}
.p-loading:before{
    animation:p-loading-animation .7s linear infinite
}
.p-divider{
    border:.5px solid;
    border-radius:999px;
    display:block;
    height:0;
    margin:0
}
.p-divider[vertical=true]{
    height:100%;
    width:0
}
.p-tag{
    align-items:center;
    border-radius:4px;
    display:flex;
    display:inline-flex;
    justify-content:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    white-space:nowrap
}
.p-tag__sm{
    height:14px;
    padding:0 4px
}
.p-tag__md{
    height:18px;
    padding:0 4px
}
.p-tag__lg{
    height:24px;
    padding:0 6px
}
.p-tag__success--light{
    background-color:var(--themes-main-adaptive-light);
    color:var(--fg-accent)
}
.p-tag__success--strong{
    background-color:var(--themes-success-solid-light);
    color:var(--fg-fix-white)
}
.p-tag__system--light{
    background-color:var(--adaptive-gray-medium);
    color:var(--fg-secondary)
}
.p-tag__system--strong{
    background-color:var(--themes-system-solid-strong);
    color:var(--fg-white)
}
.p-tag__danger--light{
    background-color:var(--themes-danger-adaptive-light);
    color:var(--fg-danger)
}
.p-tag__danger--strong{
    background-color:var(--themes-danger-solid-light);
    color:var(--fg-fix-white)
}
.p-tag__warning--light{
    background-color:var(--themes-warning-adaptive-light);
    color:var(--fg-warning)
}
.p-tag__warning--strong{
    background-color:var(--themes-warning-solid-light);
    color:var(--fg-fix-white)
}
.p-tag__box--light,.p-tag__box--strong{
    background:var(--box-linear-gradient);
    color:var(--fg-fix-white)
}
.p-text-input{
    cursor:text;
    width:100%
}
.p-text-input[size=sm] .p-text-input__cover{
    height:40px;
    padding:2px 4px!important
}
@media(max-width:1247px){
    .p-text-input[size=sm] .p-text-input__field:focus,.p-text-input[size=sm] .p-text-input__field:valid{
        margin:16px 0 0
    }
    .p-text-input[size=sm] .p-text-input__field:focus+.p-text-input__label{
        left:0;
        top:4px;
        transform:translate(0)
    }
    .p-text-input[size=sm] .p-text-input__field:valid+.p-text-input__label{
        left:0;
        line-height:16px;
        top:3px;
        transform:translate(0)
    }
}
.p-text-input__prepend{
    max-width:20px;
    min-width:20px;
    padding:4px
}
.p-text-input__append,.p-text-input__append--animation,.p-text-input__prepend{
    align-items:center;
    color:var(--fg-tertiary);
    display:flex;
    justify-content:center
}
.p-text-input__append--animation{
    max-width:28px;
    min-width:28px;
    min-width:unset;
    opacity:0;
    width:0
}
.p-text-input__inner{
    margin:0 8px;
    position:relative;
    width:100%
}
.p-text-input__cover{
    align-items:center;
    background-color:var(--bg-white);
    border:1px solid var(--stroke-medium);
    border-radius:var(--br-6);
    display:flex;
    height:48px;
    padding:6px 4px;
    position:relative
}
.p-text-input__cover:focus-within{
    border:1px solid var(--stroke-accent)
}
.p-text-input__cover[error=true]{
    background:var(--themes-danger-adaptive-light);
    border-color:var(--stroke-danger)
}
.p-text-input__cover[inputDisabled=true]{
    background:var(--adaptive-gray-light);
    border-color:transparent
}
.p-text-input__cover[inputDisabled=true] .p-text-input__append,.p-text-input__cover[inputDisabled=true] .p-text-input__append--animation,.p-text-input__cover[inputDisabled=true] .p-text-input__prepend{
    color:var(--passive-states-disabled-fg)
}
.p-text-input__field{
    background:transparent;
    border:none;
    caret-color:var(--fg-accent);
    color:var(--fg-primary);
    height:auto;
    margin:8px 0;
    outline:none;
    width:100%
}
.p-text-input__field:focus,.p-text-input__field:valid{
    margin:14.5px 0 0
}
.p-text-input__field:focus+.p-text-input__label{
    left:0;
    top:0;
    transform:translate(0)
}
.p-text-input__field:valid+.p-text-input__label{
    left:0;
    line-height:16px;
    top:0;
    transform:translate(0)
}
.p-text-input__field[disabled]{
    color:var(--fg-primary);
    margin:14.5px 0 0
}
.p-text-input__field[disabled]::-moz-placeholder{
    color:var(--passive-states-disabled-fg)
}
.p-text-input__field[disabled]::placeholder{
    color:var(--passive-states-disabled-fg)
}
.p-text-input__field[disabled]+.p-text-input__label{
    color:var(--fg-secondary)
}
.p-text-input__field[disabled]+.p-text-input__label,.p-text-input__field[readonly]+.p-text-input__label{
    left:0;
    line-height:16px;
    top:0;
    transform:translate(0)
}
.p-text-input__field[readonly]{
    margin:14.5px 0 0
}
.p-text-input__field::-webkit-inner-spin-button,.p-text-input__field::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
.p-text-input__field:-webkit-autofill{
    -webkit-transition:background-color 5000s ease-in-out 0s;
    transition:background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color:var(--fg-primary)
}
.p-text-input__label{
    color:var(--fg-secondary);
    display:block;
    padding:1px 0;
    pointer-events:none;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    transition:all .22s;
    white-space:nowrap
}
.p-text-input__label[defaultPosition=true]{
    top:50%!important;
    transform:translateY(-50%)!important
}
.p-text-input--error{
    align-items:center;
    color:var(--fg-danger);
    display:flex;
    margin:4px 0
}
@keyframes slideLeft{
    0%{
        width:0
    }
    50%{
        opacity:1;
        width:50%
    }
    to{
        opacity:1;
        width:100%
    }
}
.p-text-input:hover>.p-text-input__cover>.p-text-input__append--animation{
    animation:slideLeft .5s ease forwards
}
.p-text-input:not(:hover)>.p-text-input__cover>.p-text-input__append--animation{
    display:none
}
.p-checkbox__wrapper{
    align-items:center;
    cursor:pointer;
    display:flex;
    gap:8px;
    justify-content:flex-start;
    transition:all .3s ease-in-out
}
.p-checkbox__wrapper .p-checkbox__field{
    -webkit-appearance:none;
    border:2px solid var(--themes-system-adaptive-strong);
    border-radius:2px;
    cursor:pointer;
    padding:0!important;
    transition:background-color .1s
}
.p-checkbox__wrapper .p-checkbox__field:before{
    content:""
}
.p-checkbox__wrapper .p-checkbox__field:checked{
    background-color:var(--themes-success-solid-light);
    border:none;
    padding:4px 4.51px 3px 4.49px
}
.p-checkbox__wrapper .p-checkbox__field:checked:before{
    border:solid var(--fg-fix-white);
    border-width:0 2px 2px 0;
    display:block;
    height:8px;
    margin:auto;
    transform:rotate(45deg);
    transition:transform .3s;
    width:3.5px
}
.p-checkbox__wrapper .p-checkbox__field[error=true]{
    border:solid var(--stroke-danger)
}
.p-checkbox__wrapper .p-checkbox__field[disabled]{
    background-color:var(--passive-states-disabled-bg)
}
.p-checkbox__wrapper .p-checkbox__field[disabled][modelvalue=false]{
    background-color:transparent;
    border:2.2px solid var(--passive-states-disabled-bg)
}
.p-checkbox__wrapper .p-checkbox__field--md{
    min-height:20px;
    min-width:20px
}
.p-checkbox__wrapper .p-checkbox__field--md~.p-checkbox__append{
    line-height:20px
}
.p-checkbox__wrapper .p-checkbox__field--md:checked:before{
    margin-top:3px
}
.p-checkbox__wrapper .p-checkbox__field--sm{
    min-height:16px;
    min-width:16px
}
.p-checkbox__wrapper .p-checkbox__field--sm~.p-checkbox__append{
    line-height:16px
}
.p-checkbox__wrapper .p-checkbox__field--sm:checked{
    padding:2px 2.51px 2px 3.49px
}
.p-checkbox__wrapper .p-checkbox__field--sm:checked:before{
    margin-top:1px
}
.p-checkbox__wrapper .p-checkbox__field--sm[disabled]{
    padding:0 2.51px 2px 3.49px
}
.p-checkbox__wrapper .p-checkbox__append{
    cursor:pointer;
    width:100%;
    word-wrap:break-word
}
.p-checkbox__wrapper:hover{
    background-color:var(--adaptive-gray-light)
}
.p-switch{
    display:flex;
    justify-content:space-between
}
.p-switch__inner{
    display:inline-block;
    height:24px;
    position:relative;
    width:40px
}
.p-switch__append,.p-switch__prepend{
    color:var(--fg-primary)
}
.p-switch input{
    height:0;
    opacity:0;
    width:0
}
.p-switch input:checked+.p-switch__slider{
    background-color:var(--themes-main-solid-light)
}
.p-switch input:checked+.p-switch__slider:before,.p-switch input:checked+.p-switch__slider>i{
    transform:translate(16px)
}
.p-switch input[disabled]+.p-switch__slider{
    background-color:var(--themes-system-adaptive-medium)
}
.p-switch input[disabled]+.p-switch__slider:before{
    background-color:var(--passive-states-disabled-bg)
}
.p-switch__slider{
    background-color:var(--themes-system-adaptive-medium);
    border-radius:999px;
    cursor:pointer;
    inset:0;
    position:absolute;
    transition:.4s
}
.p-switch__slider:before{
    background-color:var(--bg-fix-white);
    border-radius:50%;
    content:"";
    height:20px;
    left:2px;
    position:absolute;
    top:2px;
    transition:.4s;
    width:20px
}
.p-switch__slider[loading=false] i{
    visibility:hidden
}
.p-switch__slider i{
    font-size:14px;
    transition:.4s;
    width:75%
}
.p-switch--sm{
    height:20px;
    width:32px
}
.p-switch--sm input:checked+.p-switch__slider:before,.p-switch--sm input:checked+.p-switch__slider>i{
    transform:translate(12px)
}
.p-switch--sm .p-switch__slider:before{
    height:16px;
    width:16px
}
.p-switch--sm i{
    font-size:12px
}
.p-dropdown{
    align-items:center;
    background-color:var(--bg-white);
    border:1px solid var(--stroke-medium);
    border-radius:var(--br-6);
    cursor:pointer;
    display:flex;
    height:48px;
    justify-content:space-between;
    padding:6px 10px;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    width:100%
}
.p-dropdown[error=true]{
    background:var(--themes-danger-adaptive-light);
    border-color:var(--stroke-danger)
}
.p-dropdown[focused=true]{
    border:1px solid var(--stroke-accent)
}
.p-dropdown[focused=true] .p-dropdown__icon--rotate{
    transform:rotate(180deg)
}
.p-dropdown[focused=true] .p-dropdown__label{
    top:0;
    transform:translate(0)
}
.p-dropdown[focused=true] .p-dropdown__options{
    background-color:var(--bg-white);
    display:flex;
    flex-direction:column
}
.p-dropdown__cover{
    align-items:center;
    display:flex;
    gap:10px;
    height:100%;
    justify-content:center;
    width:100%
}
.p-dropdown__inner{
    height:100%;
    position:relative;
    width:100%
}
.p-dropdown__field{
    background-color:transparent;
    border:none;
    bottom:0;
    color:var(--fg-primary);
    cursor:pointer;
    outline:none;
    position:absolute;
    width:100%
}
.p-dropdown__label{
    color:var(--fg-secondary);
    display:block;
    padding:1px 0;
    pointer-events:none;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    transition:all .22s
}
.p-dropdown__label[valid=true]{
    top:0;
    transform:translate(0)
}
.p-dropdown__icon{
    transition:transform .3s
}
.p-dropdown--animationSlideRight{
    animation:slideRight .7s ease forwards;
    width:auto!important
}
.p-dropdown--small{
    height:18px
}
.p-dropdown--small>.p-dropdown__cover>.p-dropdown__inner>label.p-dropdown__label[valid=true]{
    display:none
}
.p-dropdown--medium{
    height:32px
}
.p-dropdown--large,.p-dropdown--xxl{
    height:48px
}
.p-dropdown[status=disabled]{
    background:var(--adaptive-gray-light);
    border-color:var(--adaptive-gray-light)
}
.p-dropdown[status=disabled] .p-dropdown__field,.p-dropdown[status=disabled] .p-dropdown__label{
    color:var(--passive-states-disabled-fg)
}
.p-dropdown[status=disabled] .p-dropdown__icon{
    color:var(--passive-states-disabled-fg)!important
}
.p-dropdown[status=readonly]{
    background:var(--adaptive-gray-light);
    border-color:var(--adaptive-gray-light)
}
.p-dropdown[status=readonly] .p-dropdown__field,.p-dropdown[status=readonly] .p-dropdown__label{
    color:var(--fg-tertiary)
}
.p-dropdown[status=readonly] .p-dropdown__icon{
    color:var(--passive-states-disabled-fg)
}
.p-search-input{
    position:relative
}
.p-search-input__wrapper{
    align-items:center;
    background-color:var(--adaptive-gray-medium);
    border-radius:var(--br-12);
    box-sizing:border-box;
    color:var(--adaptive-gray-medium);
    display:flex;
    gap:8px;
    padding:6px 12px;
    width:100%
}
.p-search-input--sm{
    height:32px
}
.p-search-input--md{
    height:40px
}
.p-search-input__field{
    background-color:transparent;
    border:none;
    caret-color:var(--fg-accent);
    color:var(--fg-primary);
    height:100%;
    outline:0;
    padding:0;
    scroll-margin:110px;
    width:100%
}
.p-search-input__field::-webkit-input-placeholder{
    color:var(--fg-tertiary)
}
.p-search-input__field:-moz-placeholder,.p-search-input__field::-moz-placeholder{
    color:var(--fg-tertiary)
}
.p-search-input__field:-ms-input-placeholder{
    color:var(--fg-tertiary)
}
.p-search-input--cancel{
    color:var(--fg-primary);
    cursor:pointer;
    margin-left:8px;
    padding:0 12px
}
.p-search-input--close,.p-slider{
    cursor:pointer
}
.p-slider{
    display:flex;
    margin:0 9px;
    padding:8px 0;
    position:relative;
    width:100%
}
.p-slider__fill{
    height:2px;
    position:absolute
}
.p-slider__fill--positive{
    background-color:var(--themes-main-solid-light);
    left:50%
}
.p-slider__fill--positive:after{
    border:2px solid var(--themes-main-solid-light);
    left:calc(100% - 8px)
}
.p-slider__fill--negative{
    background-color:var(--themes-danger-solid-light);
    right:50%
}
.p-slider__fill--negative:after{
    border:2px solid var(--themes-danger-solid-light);
    right:calc(100% - 8px)
}
.p-slider__fill:after{
    background-color:var(--bg-white);
    border-radius:50%;
    box-sizing:border-box;
    content:"";
    height:13px;
    position:absolute;
    top:-5.5px;
    width:13px;
    z-index:99
}
.p-slider__bar,.p-slider__bar--fill{
    background-color:var(--stroke-strong);
    height:2px;
    position:relative;
    width:100%
}
.p-slider__bar--negative:after{
    background-color:var(--themes-danger-solid-light)!important;
    border-color:var(--themes-danger-solid-light)!important
}
.p-slider__bar--positive:after{
    background-color:var(--themes-main-solid-light)!important;
    border-color:var(--themes-main-solid-light)!important
}
.p-slider__bar--fill:after,.p-slider__bar:after{
    background-color:var(--bg-white);
    border:1px solid var(--stroke-strong);
    border-radius:50%;
    box-sizing:border-box;
    content:"";
    height:9px;
    left:-6px;
    position:absolute;
    top:-3.5px;
    width:9px
}
.p-slider__bar--fill{
    background-color:var(--themes-main-solid-light);
    max-width:100%;
    position:absolute;
    z-index:10
}
.p-slider__bar--fill:after{
    background-color:var(--bg-white);
    border:2px solid var(--themes-main-solid-light);
    border-radius:50%;
    box-sizing:border-box;
    content:"";
    height:13px;
    left:calc(100% - 8px);
    position:absolute;
    top:-5.5px;
    width:13px
}
.p-slider__bar--knobColor:after{
    background-color:var(--themes-main-solid-light);
    border:1px solid var(--themes-main-solid-light)
}
.p-slider__info{
    background-color:var(--themes-main-solid-light);
    border-radius:var(--br-6);
    color:var(--fg-white);
    cursor:pointer;
    padding:2px 4px;
    position:absolute;
    right:-15px;
    top:-30px;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.p-slider:after{
    background-color:var(--bg-white);
    border:1px solid var(--stroke-strong);
    border-radius:50%;
    box-sizing:border-box;
    content:"";
    height:9px;
    left:calc(100% - 8px);
    position:absolute;
    right:0;
    top:4.5px;
    width:9px
}
.p-tab{
    min-width:-moz-fit-content;
    min-width:fit-content;
    position:relative;
    width:100%
}
.p-tab__wrapper{
    align-items:center;
    border-bottom:2px solid var(--stroke-medium);
    border-color:var(--stroke-light);
    display:flex;
    justify-content:space-between
}
.p-tab__wrapper[size=md] .p-tab__item--icon{
    height:40px;
    width:40px
}
.p-tab__wrapper[size=md] .p-tab__item--text{
    padding:8px 4px
}
.p-tab__wrapper[size=lg] .p-tab__item--icon{
    height:48px;
    width:48px
}
.p-tab__wrapper[size=lg] .p-tab__item--text{
    padding:14px 4px
}
.p-tab__wrapper .p-icon{
    align-items:center;
    display:flex;
    height:40px;
    justify-content:center;
    width:40px
}
.p-tab--selected{
    background-color:var(--fg-accent);
    border-radius:var(--br-2);
    bottom:0;
    height:2px;
    position:absolute;
    transition:.4s;
    width:24px
}
.p-tab__content{
    margin-left:10px
}
.p-tab__item{
    align-items:center;
    color:var(--fg-tertiary);
    display:flex;
    justify-content:center;
    width:100%
}
.p-tab__item--text{
    color:var(--fg-secondary);
    cursor:pointer;
    gap:16px;
    line-height:20px;
    overflow:hidden;
    text-align:center;
    white-space:nowrap
}
.p-tab__item--container{
    gap:4px
}
.p-tab__item--container,.p-tab__item--icon{
    align-items:center;
    display:flex;
    justify-content:center
}
.p-tab__item--icon{
    cursor:pointer
}
.p-tab__item--active .p-tab__item--text{
    color:var(--fg-accent)
}
.p-menu{
    background-color:var(--bg-white);
    border:1px solid var(--stroke-medium);
    border-radius:var(--br-6);
    box-shadow:var(--shadow-top-medium);
    cursor:pointer;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    position:absolute;
    z-index:var(--z-index-dropdown)
}
@media(min-width:1248px){
    .p-menu{
        max-height:calc(var(--vh, 1vh)*100 - 190px);
        overflow:auto
    }
}
.p-menu__item{
    display:flex;
    padding:10px 12px
}
@media(hover:hover)and (pointer:fine){
    .p-menu__item:hover{
        background-color:var(--adaptive-gray-medium)
    }
}
.p-menu__item__inner{
    width:100%
}
.p-menu__item--title,.p-menu__item__inner{
    align-items:center;
    display:flex;
    gap:8px
}
.p-menu__item--title h4{
    color:var(--fg-primary)
}
.p-menu__item--desc{
    color:var(--fg-tertiary);
    display:flex
}
@media(max-width:1248px){
    .p-menu__item{
        padding:10px 0
    }
}
.p-menu[direction=bottom-right]{
    right:0;
    top:calc(100% + 4px)
}
.p-menu[direction=bottom-left]{
    left:0;
    top:calc(100% + 4px)
}
.p-menu[direction=top-left]{
    bottom:calc(100% + 4px);
    left:0
}
.p-menu[direction=top-right]{
    bottom:calc(100% + 4px);
    right:0
}
@media(max-width:1248px){
    .p-menu{
        border:unset;
        box-shadow:unset;
        max-height:calc(var(--vh, 1vh)*100 - 190px);
        overflow:auto;
        position:relative
    }
}
.p-segmented-control{
    background-color:var(--adaptive-gray-medium);
    border-radius:var(--br-6);
    cursor:pointer;
    padding:var(--size-space-2);
    width:100%
}
.p-segmented-control__wrapper{
    align-items:center;
    border-radius:var(--br-6);
    display:flex;
    gap:1px;
    justify-content:space-between;
    position:relative
}
.p-segmented-control__wrapper[size=sm]>.p-segmented-control__item{
    height:24px;
    padding:var(--size-space-6)
}
.p-segmented-control__wrapper[size=lg]>.p-segmented-control__item{
    height:36px;
    padding:var(--size-space-8)
}
.p-segmented-control__wrapper--selected{
    height:100%;
    position:absolute;
    top:0;
    width:100%
}
.p-segmented-control__item{
    align-items:center;
    color:var(--fg-tertiary);
    display:flex;
    height:28px;
    justify-content:center;
    padding:var(--size-space-8);
    text-align:center;
    white-space:nowrap;
    width:100%;
    z-index:1
}
.p-segmented-control__item--selected{
    color:var(--fg-primary)
}
.p-segmented-control__selected{
    background-color:var(--ds-utilities-segment-active);
    border-radius:var(--br-4);
    height:100%;
    left:0;
    position:absolute;
    top:0;
    transition:.4s;
    width:100%
}
.p-segmented-control--underlined{
    background-color:transparent;
    height:40px;
    justify-content:start;
    position:relative;
    width:100%
}
@media(max-width:1248px){
    .p-segmented-control--underlined{
        overflow-x:scroll
    }
    .p-segmented-control--underlined::-webkit-scrollbar{
        display:none
    }
}
.p-segmented-control--underlined .p-segmented-control__wrapper{
    gap:16px;
    justify-content:start
}
.p-segmented-control--underlined .p-segmented-control__item{
    padding:0 var(--size-space-4);
    width:unset
}
.p-segmented-control--underlined .p-segmented-control__item--selected{
    color:var(--fg-accent)
}
.p-segmented-control--underlined .p-segmented-control__item--selected.p-icon{
    color:var(--themes-warning-solid-light)
}
.p-segmented-control--underlined .p-segmented-control__wrapper--selected{
    bottom:-6px;
    height:2px;
    top:unset
}
.p-segmented-control--underlined .p-segmented-control__selected{
    background-color:var(--fg-accent);
    border-radius:var(--br-2);
    bottom:0;
    height:2px;
    position:absolute;
    width:0
}
.p-segmented-control--disabled{
    cursor:default
}
.p-segmented-control--disabled .p-segmented-control__selected{
    display:none
}
.p-segmented-control--disabled .p-segmented-control__item{
    color:var(--passive-states-disabled-fg);
    cursor:default;
    pointer-events:none
}
.p-segmented-control--disabled .box-gradient{
    background:unset;
    -webkit-background-clip:unset;
    -webkit-text-fill-color:unset;
    color:var(--passive-states-disabled-fg)
}
.p-button{
    background:none;
    border:none;
    border-radius:var(--br-6);
    cursor:pointer;
    display:inline-flex;
    justify-content:center;
    transition:background-color .25s ease,color .25s ease
}
.p-button:active{
    color:inherit
}
.p-button[buttonType=filled][status=success]{
    background-color:var(--themes-main-solid-light);
    color:var(--fg-fix-white)
}
.p-button[buttonType=filled][status=success]:hover{
    background-color:var(--themes-main-solid-medium)
}
.p-button[buttonType=filled][status=success]:active{
    background-color:var(--themes-main-solid-strong)
}
.p-button[buttonType=filled][status=success][loading=true]{
    cursor:not-allowed
}
.p-button[buttonType=filled][status=success][loading=true]:active,.p-button[buttonType=filled][status=success][loading=true]:hover{
    background-color:var(--themes-main-solid-light)
}
.p-button[buttonType=filled][status=danger]{
    color:var(--fg-fix-white)
}
.p-button[buttonType=filled][status=danger],.p-button[buttonType=filled][status=danger]:hover{
    background-color:var(--themes-danger-solid-light)
}
.p-button[buttonType=filled][status=danger]:active{
    background-color:var(--themes-danger-solid-medium)
}
.p-button[buttonType=filled][status=danger][loading=true]{
    cursor:not-allowed
}
.p-button[buttonType=filled][status=danger][loading=true]:active,.p-button[buttonType=filled][status=danger][loading=true]:hover{
    background-color:var(--themes-danger-solid-light)
}
.p-button[buttonType=filled][status=primary]{
    background-color:var(--fg-primary);
    color:var(--fg-fix-white)
}
.p-button[buttonType=filled][status=secondary]{
    background-color:var(--fg-secondary);
    color:var(--fg-fix-white)
}
.p-button[buttonType=filled][disabled]{
    cursor:not-allowed
}
.p-button[buttonType=filled][disabled],.p-button[buttonType=filled][disabled]:active,.p-button[buttonType=filled][disabled]:hover{
    background-color:var(--passive-states-disabled-bg);
    color:var(--passive-states-disabled-fg)
}
.p-button[buttonType=ghost]{
    background-color:transparent;
    color:var(--fg-primary)
}
.p-button[buttonType=ghost][status=success]{
    background-color:transparent;
    color:var(--fg-accent)
}
.p-button[buttonType=ghost][status=success]:hover{
    background-color:var(--adaptive-gray-medium)
}
.p-button[buttonType=ghost][status=success]:active{
    background-color:var(--adaptive-gray-strong)
}
.p-button[buttonType=ghost][status=success][loading=true]{
    cursor:not-allowed
}
.p-button[buttonType=ghost][status=success][loading=true]:active,.p-button[buttonType=ghost][status=success][loading=true]:hover{
    background-color:transparent
}
.p-button[buttonType=ghost][status=danger]{
    background-color:transparent;
    color:var(--fg-danger)
}
.p-button[buttonType=ghost][status=danger]:hover{
    background-color:var(--themes-danger-adaptive-light)
}
.p-button[buttonType=ghost][status=danger]:active{
    background-color:var(--themes-danger-adaptive-medium)
}
.p-button[buttonType=ghost][status=danger][loading=true]{
    cursor:not-allowed
}
.p-button[buttonType=ghost][status=danger][loading=true]:active,.p-button[buttonType=ghost][status=danger][loading=true]:hover{
    background-color:transparent
}
.p-button[buttonType=ghost][disabled]{
    cursor:not-allowed
}
.p-button[buttonType=ghost][disabled],.p-button[buttonType=ghost][disabled]:active,.p-button[buttonType=ghost][disabled]:hover{
    background-color:var(--passive-states-disabled-bg);
    color:var(--passive-states-disabled-fg)
}
.p-button[buttonType=ghost][status=primary]:hover{
    background-color:var(--adaptive-gray-medium)
}
.p-button[size=lg]{
    height:48px;
    padding:0 16px
}
.p-button[size=md]{
    height:40px;
    padding:0 16px
}
.p-button[size=sm],.p-button[size=xs]{
    height:32px;
    padding:0 8px
}
.p-button[size=xxs]{
    height:32px;
    padding:0 6px
}
.p-button[rounded=true]{
    border-radius:50px;
    height:48px;
    padding:12px;
    width:48px
}
.otp{
    display:flex;
    flex-direction:column;
    gap:8px
}
.otp__button{
    color:var(--stroke-accent)!important;
    padding-left:4px!important;
    padding-right:4px!important;
    width:60px
}
.otp__input{
    background-color:var(--bg-white);
    border-radius:4px;
    color:var(--fg-primary);
    font-size:32px;
    font-weight:600;
    height:64px;
    max-width:54px;
    outline:none;
    text-align:center;
    transition:.2s;
    width:100%
}
.otp__input__deactive{
    border:1px solid var(--stroke-medium)
}
.otp__input__active{
    border:1px solid var(--stroke-accent)
}
.otp__input__error{
    background-color:var(--themes-danger-adaptive-light);
    border:1px solid var(--stroke-danger)
}
.p-radio{
    align-items:center;
    cursor:pointer;
    display:flex;
    gap:8px;
    width:100%
}
.p-radio__field{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:2px solid var(--stroke-bold);
    border-radius:50%;
    display:inline-block;
    height:20px;
    outline:none;
    position:relative;
    width:20px
}
.p-radio__field:checked{
    border-color:var(--themes-success-solid-light)
}
.p-radio__field:checked:checked:before{
    background:var(--themes-success-solid-light);
    border-radius:50%;
    content:"";
    display:block;
    height:10px;
    left:50%;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    width:10px
}
.p-radio__field[disabled]{
    border-color:var(--passive-states-disabled-bg)
}
.p-radio__field[disabled]:checked:before{
    background:var(--passive-states-disabled-bg)
}
.p-radio__field--sm{
    height:16px;
    width:16px
}
.p-radio__field--sm:checked:checked:before{
    height:8px;
    width:8px
}
.p-radio__text{
    color:var(--fg-primary)
}
.p-overlay{
    height:100%;
    inset:0;
    transition:opacity 1s ease-in-out;
    width:100%;
    z-index:var(--z-index-overlay)
}
.p-overlay--overflow-hidden{
    overflow:hidden;
    position:relative;
    touch-action:none;
    -ms-touch-action:none
}
.p-drawer{
    bottom:0;
    position:fixed;
    right:-480px;
    top:0;
    transition:bottom .3s ease-in-out,right .3s ease-in-out,transform .3s ease-in-out;
    z-index:var(--z-index-drawer)
}
.p-drawer.drawer-open{
    right:0;
    transform:translate(0)
}
.p-drawer.drawer-closed{
    right:-480px;
    transform:translate(100%)
}
@media(max-width:1248px){
    .p-drawer{
        bottom:-100dvh;
        right:0
    }
    .p-drawer.drawer-open{
        bottom:0;
        right:0;
        transform:unset
    }
    .p-drawer.drawer-closed{
        bottom:-480px;
        right:0
    }
}
@media(min-width:1248px){
    .p-drawer__full-height:not(.p-drawer__panel--behind){
        height:unset!important
    }
}
@media(max-width:1248px){
    .p-drawer__full-height{
        border-radius:unset!important;
        height:100dvh!important
    }
    .p-drawer__full-height .p-drawer__content{
        max-height:calc(var(--vh, 1vh)*100 - 60px)
    }
}
.p-drawer__panel{
    background:var(--bg-white);
    bottom:0;
    overflow:hidden;
    padding:40px 0;
    position:absolute;
    right:0;
    top:-40px;
    width:480px;
    z-index:var(--z-index-drawer)
}
.p-drawer__panel,.p-drawer__panel--behind{
    transition:right .3s ease-in-out,transform .5s ease-in-out
}
.p-drawer__panel--behind{
    border-radius:var(--br-16);
    pointer-events:none;
    right:60px;
    transform:scale(.85);
    z-index:calc(var(--z-index-drawer) - 1)
}
.p-drawer__panel--behind:after{
    background:var(--overlay-gray-light);
    border-radius:var(--br-16);
    content:"";
    inset:0;
    opacity:.7;
    position:absolute;
    z-index:var(--z-index-header)
}
.p-drawer__panel--out{
    right:-480px;
    transform:translate(100%)
}
@media(max-width:992px){
    .p-drawer__panel{
        border-top-left-radius:var(--br-12);
        border-top-right-radius:var(--br-12);
        bottom:0;
        margin:0 auto;
        max-height:100dvh;
        min-height:40dvh;
        padding:0;
        right:0;
        top:unset;
        width:100vw
    }
    .p-drawer__panel--out{
        right:0;
        transform:translateY(100%);
        transition:bottom .3s ease-in-out,transform .3s ease-in-out
    }
    .p-drawer__panel--behind{
        transform:unset
    }
    .p-drawer__panel--behind:after{
        border-radius:unset
    }
}
.p-drawer-header-inner{
    height:40px
}
.p-drawer__max-height{
    max-height:calc(var(--vh, 1vh)*100 - 48px)
}
.p-drawer__content{
    height:calc(var(--vh, 1vh)*100 - 65px);
    overflow:auto
}
@media(max-width:1248px){
    .p-drawer__content{
        height:unset;
        max-height:calc(var(--vh, 1vh)*100 - 65px)
    }
    .p-drawer__content__inner{
        padding-bottom:32px
    }
}
.p-drawer header{
    background-color:var(--bg-white);
    border-radius:var(--br-16);
    position:sticky;
    top:0;
    z-index:var(--z-index-header)
}
.p-drawer--asset-detail .p-drawer-header,.p-drawer--asset-detail .p-drawer-header .place-items-end{
    width:100%
}
.p-drawer--asset-detail .p-drawer-header .place-items-start{
    text-wrap-mode:nowrap
}
.p-drawer--asset-detail .p-drawer-header .p-cold-shield{
    margin-left:4px;
    width:100%
}
.otp-text{
    display:flex;
    flex-direction:column;
    gap:4px;
    justify-content:center
}
.otp-text__action{
    align-items:center;
    display:flex;
    justify-content:end;
    white-space:nowrap
}
.otp-text__action-button{
    display:flex;
    justify-content:center
}
.otp-text__action-icon{
    cursor:pointer;
    padding:0 8px
}
.otp-text .icon-enter-active,.otp-text .icon-leave-active{
    transition:all .2s ease
}
.otp-text .icon-enter-from,.otp-text .icon-leave-to{
    margin-right:-5px;
    opacity:0
}
.otp-counter__button{
    color:var(--stroke-accent)!important;
    padding-left:4px!important;
    padding-right:4px!important
}
.p-email-input{
    position:relative
}
.p-email-input__wrapper{
    width:100%
}
.p-email-input__wrapper .p-menu{
    top:calc(100% + 4px);
    width:100%
}
.p-email-input__wrapper .p-menu__item{
    padding:0 12px
}
.p-email-input__value{
    color:var(--passive-states-disabled-fg)
}
.p-email-input__item{
    align-items:center;
    border-bottom:1px solid var(--stroke-light);
    display:flex;
    height:45px;
    width:100%
}
.p-form-group-element .p-text-input__cover{
    border-radius:unset
}
.p-form-group-element .p-text-input--error{
    display:none!important
}
.p-form-group-element .p-dropdown{
    border-radius:unset
}
.p-form-group-element .p-dropdown .p-text-input--error{
    display:none!important
}
.p-form-group-element>:first-child .p-dropdown,.p-form-group-element>:first-child .p-text-input__cover{
    border-top-left-radius:var(--br-6);
    border-top-right-radius:var(--br-6)
}
.p-form-group-element>:last-child .p-dropdown,.p-form-group-element>:last-child .p-text-input__cover{
    border-bottom-left-radius:var(--br-6);
    border-bottom-right-radius:var(--br-6)
}
.p-select{
    position:relative
}
.p-select--disabled{
    pointer-events:none
}
.p-select--disabled .p-text-input__cover{
    background:var(--adaptive-gray-light);
    border:none
}
.p-select--disabled .p-text-input__cover input,.p-select--disabled .p-text-input__cover label{
    color:var(--fg-tertiary)
}
.p-select--disabled .p-text-input__cover i{
    color:var(--passive-states-disabled-fg)
}
.p-select--disabled .p-text-input__field{
    cursor:not-allowed
}
.p-select--disabled .p-text-input--error{
    display:none
}
.p-select--error{
    color:var(--fg-danger)
}
.p-select--error .p-text-input__cover{
    background:var(--themes-danger-adaptive-light);
    border-color:var(--stroke-danger)
}
.p-select--error .p-text-input__field{
    color:var(--fg-danger)
}
.p-select--expanded .p-text-input__cover{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.p-select--focused .p-text-input--error{
    display:none
}
.p-select--focused .p-text-input__cover{
    background-color:var(--bg-white);
    border:1px solid var(--stroke-accent)
}
.p-select__icon{
    transition:all .3s
}
.p-select__icon--reverse{
    transform:rotate(180deg)
}
.p-select__dropdown{
    background:var(--bg-white);
    border:1px solid var(--stroke-medium);
    border-bottom-left-radius:var(--br-6);
    border-bottom-right-radius:var(--br-6);
    border-top:0;
    padding-top:4px;
    position:absolute;
    width:100%;
    z-index:var(--z-index-dropdown)
}
.p-select__dropdown--top{
    bottom:100%;
    left:50%;
    margin-bottom:8px;
    transform:translate(-50%)
}
.p-select__dropdown--bottom{
    left:50%;
    margin-top:8px;
    transform:translate(-50%);
    -webkit-transform:translateX(-50%)
}
.p-select__item label:hover{
    background:var(--adaptive-gray-light)
}
.p-select__item input{
    opacity:0;
    position:absolute
}
.p-select__item:last-child .p-divider{
    display:none
}
.p-select__dropdown-container{
    background:var(--bg-white);
    border:1px solid var(--stroke-medium);
    border-radius:var(--br-6);
    box-shadow:var(--shadow-top-regular-x);
    margin:0 -1px -1px;
    max-height:320px;
    overflow-y:auto;
    padding-bottom:4px
}
@media(max-width:1248px){
    .p-select__dropdown-container{
        margin:0 auto;
        max-height:100%
    }
}
.p-select__content{
    overflow-y:auto
}
.p-password-input{
    flex-direction:column;
    gap:6px;
    position:relative
}
.p-password-input__wrapper{
    width:100%
}
.p-password-input__wrapper .p-text-input__cover{
    align-items:center
}
.p-password-input__wrapper .p-menu{
    top:calc(100% + 4px);
    width:100%
}
.p-password-input__wrapper .p-menu__item{
    padding:0 12px
}
.p-password-input__rules{
    display:flex;
    flex-wrap:wrap;
    gap:4px 12px;
    padding:0 2px;
    width:100%
}
.p-password-input__rules--item{
    display:flex;
    flex:0 1 calc(50% - 10px);
    gap:6px
}
.p-password-input__text{
    align-items:center;
    display:flex;
    gap:6px;
    height:14px
}
.p-password-input__text .p-icon{
    align-items:center;
    border-radius:50%;
    display:flex;
    font-size:7px;
    height:12px;
    justify-content:center;
    width:12px
}
.p-password-input__text[severity=success] .p-icon{
    background-color:var(--fg-accent)
}
.p-password-input__text[severity=danger] .p-icon{
    background-color:var(--fg-white);
    color:var(--fg-danger);
    font-size:12px
}
.p-password-input__text[severity=disabled] .p-icon{
    background-color:var(--passive-states-disabled-fg)
}
.p-list{
    display:flex;
    padding:12px 8px
}
.p-list__inner{
    justify-content:space-between;
    width:100%
}
.p-list__inner,.p-list__title{
    align-items:center;
    display:flex;
    gap:8px
}
.p-list__title span{
    color:var(--fg-primary)
}
.p-list__desc{
    color:var(--fg-tertiary);
    display:flex
}
.p-list--selected .p-icon,.p-list--selected .p-list__title span{
    color:var(--fg-accent)
}
.p-list--disabled{
    pointer-events:none
}
.p-list--disabled .p-icon,.p-list--disabled .p-list__description,.p-list--disabled .p-list__title{
    color:var(--fg-tertiary)
}
@media(hover:hover)and (pointer:fine){
    .p-list--hover:hover{
        background-color:var(--adaptive-gray-light);
        border-radius:var(--br-8)
    }
}
@keyframes p-expansion-panel-slide-enter{
    0%{
        max-height:0;
        opacity:0;
        transform:scaleY(.8)
    }
    to{
        max-height:300px;
        opacity:1;
        transform:scaleY(1)
    }
}
@keyframes p-expansion-panel-slide-leave{
    0%{
        max-height:300px;
        opacity:1;
        transform:scaleY(1)
    }
    to{
        max-height:0;
        opacity:0;
        transform:scaleY(.8)
    }
}
.p-expansion-panel{
    margin-bottom:32px;
    width:100%
}
.p-expansion-panel--wrap{
    background-color:var(--bg-white);
    border-radius:16px;
    padding:8px
}
.p-expansion-panel-slide-leave-active{
    animation:p-expansion-panel-slide-leave .4s ease-out
}
.p-expansion-panel-slide-enter-active{
    animation:p-expansion-panel-slide-enter .4s ease-in
}
.p-expansion-panel .p-list{
    cursor:pointer;
    padding:0
}
.p-expansion-panel__content{
    overflow:hidden;
    padding:17px 24px 0 0
}
.p-bottom-sheet{
    background:var(--bg-white);
    border-radius:var(--br-12) var(--br-12) 0 0;
    bottom:0;
    left:0;
    max-height:calc(var(--vh, 1vh)*100 - 48px);
    min-height:calc(var(--vh, 1vh)*40);
    padding-bottom:16px;
    position:fixed;
    right:0
}
.p-bottom-sheet-slide-enter-active,.p-bottom-sheet-slide-leave-active{
    transition:.3s ease-in-out
}
.p-bottom-sheet-slide-enter-from,.p-bottom-sheet-slide-leave-to{
    transform:translateY(100%)
}
.p-bottom-sheet__content{
    max-height:calc(var(--vh, 1vh)*100 - 148px);
    overflow-y:auto
}
@media(max-width:1247px){
    .p-bottom-sheet__content--header{
        padding:0 16px
    }
}
.p-bottom-sheet_full-height{
    border-radius:unset!important;
    height:100dvh!important;
    max-height:calc(var(--vh, 1vh)*100);
    transform:scale(1)!important
}
.p-bottom-sheet_full-height .p-bottom-sheet__content{
    max-height:calc(var(--vh, 1vh)*100 - 16px)
}
.p-bottom-sheet_auto{
    height:auto!important
}
.p-currency-input--append{
    align-items:center;
    cursor:pointer;
    display:flex;
    gap:15px;
    padding:0 6px
}
.p-text-input__label.force-label-float{
    top:0!important;
    transform:translate(0)!important
}
.p-step-title{
    color:var(--fg-secondary);
    gap:8px;
    position:relative
}
.p-step-title__back-button{
    left:-64px;
    position:absolute;
    width:40px
}
.p-modal,.p-step-title{
    display:flex;
    flex-direction:column
}
.p-modal{
    background:var(--bg-white);
    border-radius:var(--br-12);
    box-shadow:var(--overlay-gray-light);
    gap:24px;
    max-height:calc(var(--vh, 1vh)*100 - 48px);
    overflow:auto;
    padding:32px
}
.p-modal__header{
    display:flex;
    flex-direction:row;
    justify-content:space-between
}
.p-modal__cover{
    overflow:auto
}
.p-modal__cover::-webkit-scrollbar{
    display:none
}
.p-modal__title{
    color:var(--fg-primary)
}
.p-modal--full-screen{
    animation:unset;
    border-radius:unset;
    box-shadow:unset;
    height:var(--vh);
    inset:0;
    overflow:hidden;
    position:fixed;
    width:100%
}
@media(max-width:1248px){
    .p-modal{
        margin:0 16px;
        padding:40px 16px
    }
}
.p-overlay,.p-response-dialog__container{
    align-items:center;
    display:flex;
    justify-content:center
}
.p-response-dialog__container{
    flex-direction:column;
    text-align:center
}
.p-dialog--close-account{
    text-align:left;
    white-space:pre-line
}
.p-dialog--close-account .p-icon{
    display:none
}
.p-info-card{
    align-items:flex-start;
    border-bottom:2px solid var(--stroke-light);
    border-top:2px solid var(--stroke-light);
    display:flex;
    padding:12px 0
}
.p-info-card__text{
    margin-bottom:-4px;
    margin-top:-4px
}
.p-info-card__link{
    text-decoration:underline!important
}
.p-info-card__icon{
    border-radius:2px;
    border-top:2px solid;
    margin-top:3px;
    max-width:24px;
    min-width:24px
}
.p-info-card__icon__success{
    border-color:var(--stroke-accent)
}
.p-info-card__icon__warning{
    border-color:var(--stroke-warning)
}
.p-info-card__icon__danger{
    border-color:var(--stroke-danger)
}
.p-info-card__action{
    margin-left:-1px;
    margin-top:4px
}
.p-sign-up-modal{
    align-items:center;
    display:flex;
    flex-direction:column;
    gap:24px;
    margin-top:72px
}
.p-sign-up-modal__modal{
    background-color:var(--themes-main-solid-light)!important
}
.p-sign-up-modal__button{
    border:1px solid #fff;
    border-color:#fff!important
}
.navigation__wrapper{
    align-items:center;
    display:flex;
    height:54px;
    justify-content:space-between;
    padding:8px 0
}
.navigation__left{
    align-items:center;
    display:flex;
    gap:8px;
    justify-content:flex-start
}
.navigation__left--detail{
    align-items:center;
    display:flex;
    gap:8px;
    justify-content:space-between
}
.navigation__actions{
    align-items:center;
    display:flex;
    gap:8px;
    justify-content:flex-end
}
.navigation__actions--detail{
    margin-left:auto
}
.p-pagination{
    gap:8px;
    padding:0 24px
}
.p-pagination,.p-pagination__item{
    align-items:center;
    display:flex;
    justify-content:center
}
.p-pagination__item{
    color:var(--fg-primary);
    cursor:pointer;
    height:40px;
    width:40px
}
.p-pagination__item--active{
    background-color:var(--themes-main-solid-light);
    border-radius:var(--br-6);
    color:var(--fg-fix-white)
}
@media(max-width:1248px){
    .p-pagination__item{
        height:32px;
        width:32px
    }
}
.user-detail{
    align-items:center;
    display:flex;
    gap:12px
}
.user-detail__avatar{
    align-items:center;
    background-color:var(--bg-gray-medium);
    display:flex;
    justify-content:center;
    position:relative
}
.user-detail__avatar,.user-detail__avatar__img{
    border-radius:100px;
    height:38px;
    width:38px
}
.user-detail__avatar__photo{
    align-items:center;
    background-color:var(--bg-white);
    border-radius:100px;
    bottom:-5px;
    cursor:pointer;
    display:flex;
    height:20px;
    justify-content:center;
    position:absolute;
    right:-5px;
    width:20px
}
.user-detail__avatar__photo:hover{
    background-color:var(--bg-gray-light)
}
.user-detail__info__verify{
    align-items:center;
    display:flex;
    gap:5px
}
.user-detail__photo-modal{
    display:flex;
    flex-direction:column;
    gap:32px
}
.user-detail__photo-modal__button-group{
    display:flex;
    flex-direction:column;
    gap:8px
}
.image-cropper{
    align-items:center;
    display:flex;
    flex-direction:column
}
.image-cropper__canvas{
    border-radius:8px
}
.side-menu{
    display:flex;
    flex-direction:row;
    width:100%
}
.side-menu__items{
    width:100%
}
.side-menu__vertical-divider{
    align-content:stretch;
    align-items:stretch;
    display:flex;
    height:100px;
    width:2px
}
.side-menu__title-border{
    border-bottom:2px solid var(--stroke-accent);
    margin-bottom:8px;
    padding-top:5px;
    width:32px
}
.side-menu .router__link--notactive.p-list--selected .p-icon,.side-menu .router__link--notactive.p-list--selected .p-list__title span{
    color:var(--fg-secondary)
}
@media(min-width:1248px){
    .side-menu{
        max-width:328px
    }
}
.text-area-container{
    position:relative
}
.text-area-input{
    background-color:transparent;
    border-radius:6px;
    caret-color:var(--stroke-accent);
    color:var(--fg-primary);
    height:100px;
    outline:none;
    padding:25px 8px 8px;
    resize:none;
    width:100%
}
.text-area-input-focus-in{
    border:1px solid var(--stroke-accent)
}
.text-area-input-focus-out{
    border:1px solid var(--stroke-medium)
}
.text-area-input-error{
    background-color:var(--themes-danger-adaptive-light);
    border:1px solid var(--stroke-danger)
}
.text-area-input-disabled{
    background-color:var(--adaptive-gray-light);
    border:none;
    color:var(--passive-states-disabled-fg)
}
.text-area-loading{
    bottom:15px;
    position:absolute;
    right:10px
}
.text-area-label{
    color:var(--fg-secondary);
    left:10px;
    position:absolute;
    top:10px;
    transition:all .2s ease
}
.p-snackbar{
    align-items:center;
    background-color:var(--themes-success-solid-light);
    border-radius:12px;
    color:var(--fg-white);
    display:flex;
    gap:12px;
    padding:16px 24px;
    width:480px
}
.p-snackbar-wrapper{
    bottom:12px;
    display:flex;
    justify-content:center;
    left:0;
    position:fixed;
    width:100%;
    z-index:var(--z-index-snackbar)
}
@media(max-width:1248px){
    .p-snackbar-wrapper{
        bottom:unset;
        top:12px
    }
}
.p-snackbar__description{
    align-items:center;
    display:flex;
    width:100%
}
.p-snackbar__link{
    color:var(--neutral-white);
    cursor:pointer;
    padding:4px 8px
}
@media(max-width:1248px){
    .p-snackbar{
        width:95%
    }
}
#container{
    font-size:12px
}
.klinecharts-pro-period-bar .item:nth-child(7){
    display:block!important
}
.item.tools{
    display:none!important
}
.item.tools:first-of-type{
    display:block!important
}
.symbol{
    display:none!important
}
.icon-overlay{
    width:12px
}
.menu-container{
    padding:0 11.5px!important
}
.klinecharts-pro-drawing-bar .item .icon-overlay{
    height:24px!important;
    width:24px!important
}
.klinecharts-pro-drawing-bar .item .icon-arrow{
    height:24px!important
}
.klinecharts-pro-modal{
    position:fixed!important
}
.item span{
    align-items:center;
    display:flex;
    height:24px!important
}
.klinecharts-pro-loading{
    display:none!important
}
#p-chart-pro .klinecharts-pro-period-bar .item:nth-child(7){
    display:flex!important
}
#p-chart-pro .item.tools,#p-chart-pro .klinecharts-pro-loading,#p-chart-pro .symbol{
    display:none!important
}
#p-chart-pro{
    --klinecharts-pro-primary-color:var(--fg-accent)!important;
    --klinecharts-pro-hover-background-color:var(--green-dim-liquid)!important;
    --klinecharts-pro-text-color:var(--fg-tertiary)!important;
    --klinecharts-pro-background-color:var(--bg-white)
}
#p-chart-pro .selected{
    --klinecharts-pro-selected-color:var(--bg-white)!important
}
.p-depth-chart__inner{
    align-items:center;
    display:flex;
    gap:1px;
    justify-content:center;
    opacity:.9;
    position:relative;
    width:100%
}
.p-depth-chart__bottom{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    width:100%
}
.p-depth-chart__bottom--divider{
    width:100%
}
.p-depth-chart__bottom--items{
    display:flex;
    justify-content:space-between
}
.p-depth-chart__bottom--item{
    color:var(--fg-tertiary)
}
.p-depth-chart .p-depth-canvas{
    position:relative;
    width:100%
}
.p-depth-chart .p-depth-canvas__tooltip--left{
    background-color:var(--chart-bg-corshair-up);
    border-radius:var(--br-4);
    color:var(--fg-accent);
    padding:0 10px;
    position:absolute;
    transition:.1s
}
.p-depth-chart .p-depth-canvas__tooltip--leftBottom{
    background-color:var(--themes-success-solid-light);
    border-radius:var(--br-4);
    color:var(--fg-white);
    padding:0 10px;
    position:absolute;
    transition:.1s
}
.p-depth-chart .p-depth-canvas__tooltip--right{
    background-color:var(--chart-bg-corshair-down);
    border-radius:var(--br-4);
    color:var(--fg-danger);
    padding:0 10px;
    position:absolute;
    transition:.1s
}
.p-depth-chart .p-depth-canvas__tooltip--rightBottom{
    background-color:var(--themes-danger-solid-light);
    border-radius:var(--br-4);
    color:var(--fg-white);
    padding:0 10px;
    position:absolute;
    transition:.1s
}
.p-depth-chart__watermark{
    margin:auto;
    position:absolute;
    z-index:-1
}
#tv-attr-logo{
    display:none
}
.p-market-chart__segmented{
    align-items:center;
    display:flex;
    gap:16px;
    padding:8px 0;
    position:relative;
    text-align:center
}
.p-market-chart__segmented .p-segmented-control__wrapper--selected{
    background-color:unset;
    height:98%;
    top:0
}
.p-market-chart__segmented .p-segmented-control__item{
    width:100%
}
.p-market-chart__icon{
    position:relative
}
.p-market-chart__pChip{
    margin-top:12px
}
.p-market-chart .p-tab{
    margin:4px 0 12px
}
.p-market-chart .p-tab__wrapper{
    border:unset
}
.p-market-chart .p-tab__wrapper div{
    gap:0!important
}
.p-market-chart .p-tab__wrapper .p-tab--selected{
    display:none
}
.p-market-chart .p-tab__item{
    border-right:1px solid var(--stroke-light);
    height:20px;
    padding:6px;
    position:relative
}
.p-market-chart .p-tab__item:last-child{
    border-right:none
}
.p-market-chart .p-tab__item--active .p-tab__item--text{
    color:var(--fg-accent)
}
.p-market-chart .p-tab__item--active:after{
    content:"";
    height:0!important
}
.p-calendar .vc-focus:focus-within{
    box-shadow:var(--bg-white)!important;
    outline:0
}
.p-calendar .vc-light{
    --vc-bg:var(--bg-white)!important;
    --vc-focus-ring:0 0 0 2px var(--themes-success-solid-light)!important;
    --vc-header-arrow-hover-bg:var(--bg-gray-light)!important;
    --vc-weekday-color:var(--fg-primary)!important;
    --vc-nav-hover-bg:var(--bg-gray-light)!important;
    --vc-nav-title-color:var(--fg-primary)!important;
    --vc-nav-item-active-color:var(--bg-white)!important;
    --vc-nav-item-active-bg:var(--fg-accent)!important;
    --vc-popover-content-border:var(--stroke-medium)!important
}
.p-calendar .vc-light .vc-attr,.p-calendar .vc-light.vc-attr{
    --vc-highlight-solid-bg:var(--themes-success-solid-light)!important
}
.p-calendar .vc-dark{
    --vc-bg:var(--bg-white);
    --vc-focus-ring:0 0 0 2px var(--themes-success-solid-light)!important;
    --vc-header-arrow-hover-bg:var(--bg-gray-light)!important;
    --vc-weekday-color:var(--fg-primary)!important;
    --vc-nav-hover-bg:var(--bg-gray-light)!important;
    --vc-nav-title-color:var(--fg-primary)!important;
    --vc-nav-item-active-color:var(--fg-secondary)!important;
    --vc-nav-item-active-bg:var(--fg-accent)!important;
    --vc-popover-content-border:var(--stroke-medium)!important;
    --vc-time-month-color:var(--fg-primary)!important
}
.p-calendar .vc-dark .vc-attr,.p-calendar .vc-dark.vc-attr{
    --vc-highlight-solid-bg:var(--themes-success-solid-light)!important
}
.p-calendar .vc-day-content{
    color:var(--fg-primary)!important
}
.p-calendar .vc-day-content.vc-disabled{
    color:var(--passive-states-disabled-fg)!important;
    opacity:.5!important
}
.p-calendar .vc-green.vc-day-content{
    color:var(--fg-fix-white)!important
}
.p-calendar .vc-title{
    background-color:var(--bg-white)!important;
    color:var(--fg-primary)!important
}
.p-calendar .vc-nav-item.vc-focus.is-active{
    background-color:var(--fg-accent)!important
}
.p-calendar .vc-arrow{
    color:var(--fg-secondary)!important
}
.p-calendar .vc-arrow,.p-calendar .vc-nav-arrow,.p-calendar .vc-nav-title,.p-calendar .vc-popover-content{
    background-color:var(--bg-white)!important
}
.p-calendar .vc-nav-arrow{
    color:var(--fg-secondary)!important
}
.p-calendar .vc-nav-item{
    background-color:var(--bg-gray-light)!important;
    color:var(--fg-primary)
}
.p-calendar .is-current{
    color:var(--fg-accent)!important
}
.p-calendar__border-active{
    border:1px solid var(--stroke-accent)!important
}
.p-calendar__border-inactive{
    border:1px solid var(--stroke-medium)!important
}
.p-calendar__regular{
    height:50px
}
.p-calendar__error{
    align-items:start;
    background-color:var(--themes-danger-adaptive-light);
    border:1px solid var(--stroke-danger)!important;
    display:flex;
    height:50px;
    justify-content:center
}
.p-calendar__readonly{
    background:var(--adaptive-gray-light)!important;
    border-color:var(--adaptive-gray-light)!important;
    cursor:auto!important
}
.p-calendar__readonly p{
    color:var(--fg-tertiary)!important
}
.p-calendar__popover{
    max-width:none!important;
    min-width:100%!important;
    width:100%!important
}
.vc-popover-caret{
    display:none!important
}
.vc-popover-content{
    margin-top:4px!important
}
@media(max-width:1247px){
    .p-modal:has(.p-calendar),.p-modal__cover:has(.p-calendar){
        overflow:visible!important
    }
}
.p-chart-wallet{
    position:relative
}
@media(max-width:1248px){
    .p-chart-wallet{
        overflow-x:clip
    }
}
.p-chart-wallet__label{
    pointer-events:none;
    position:absolute;
    text-align:center;
    transition:.1s ease-in-out;
    white-space:nowrap
}
.p-chart-wallet__label .p-tooltip__content{
    min-width:unset;
    width:unset
}
.p-chart-wallet__minMax{
    background-color:var(--bg-white);
    border-radius:var(--br-6);
    padding:1px 4px
}
.p-wallet-over-view{
    border-right:1px solid var(--stroke-light);
    padding:32px 32px 32px 0;
    position:relative
}
@media(max-width:1248px){
    .p-wallet-over-view{
        border-right:unset;
        padding:0
    }
}
.p-wallet-over-view__inner{
    display:flex;
    flex-direction:column;
    height:100%;
    justify-content:space-between;
    margin-top:12px;
    position:relative
}
@media(max-width:1248px){
    .p-wallet-over-view__inner{
        position:unset
    }
}
.p-wallet-over-view__allTransactions{
    align-items:center;
    display:flex;
    gap:8px;
    position:absolute;
    right:0;
    top:0
}
@media(max-width:992px){
    .p-wallet-over-view__allTransactionsText{
        display:none
    }
    .p-wallet-over-view__allTransactions{
        background-color:var(--bg-white);
        display:flex;
        height:48px;
        justify-content:space-between;
        position:sticky;
        top:0;
        width:100%;
        z-index:var(--z-index-middle)
    }
}
.p-wallet-over-view__total-asset{
    align-items:center;
    display:flex;
    gap:11px
}
@media(max-width:992px){
    .p-wallet-over-view__total-asset{
        justify-content:center
    }
}
.p-wallet-over-view__total-price{
    align-items:center;
    display:flex;
    gap:4px
}
@media(max-width:992px){
    .p-wallet-over-view__total-price{
        justify-content:center
    }
}
.p-wallet-over-view__earning{
    align-items:center;
    display:flex;
    justify-content:space-between;
    margin-top:12px
}
.p-wallet-over-view__earning--success{
    color:var(--fg-accent)
}
.p-wallet-over-view__earning--success :before{
    content:"+"
}
.p-wallet-over-view__earning--success :last-child:before{
    content:"+%"
}
.p-wallet-over-view__earning--error{
    color:var(--fg-danger)
}
.p-wallet-over-view__earning--error :last-child:before{
    content:"-%"
}
@media(max-width:992px){
    .p-wallet-over-view__earning{
        display:none
    }
}
.p-wallet-over-view__bottom{
    margin-top:32px
}
@media(max-width:1248px){
    .p-wallet-over-view__bottom{
        margin-top:24px
    }
}
.p-wallet-over-view__asset{
    align-items:center;
    display:flex;
    flex-flow:wrap;
    gap:12px;
    margin-top:16px;
    row-gap:4px;
    text-align:center
}
.p-wallet-over-view__asset--bar{
    align-items:center;
    display:flex;
    gap:2px;
    height:2px
}
.p-wallet-over-view__asset--bar--line{
    border-radius:100px
}
.p-wallet-over-view__asset--box{
    border-radius:var(--br-1);
    height:8px;
    position:relative;
    width:8px
}
.p-wallet-over-view__asset__wrapper{
    align-items:center;
    display:flex;
    gap:4px
}
@media(max-width:1248px){
    .p-wallet-over-view__asset{
        justify-content:center
    }
}
.p-wallet-over-view__totalBalanceZero{
    display:flex;
    flex-direction:column;
    gap:24px;
    justify-content:start
}
@media(max-width:1248px){
    .p-wallet-over-view__totalBalanceZero{
        align-items:center;
        margin-bottom:16px
    }
}
.p-wallet-over-view__cold-shield{
    margin-top:32px
}
@media(max-width:1248px){
    .p-wallet-over-view__cold-shield .p-cold-shield__container{
        justify-content:center
    }
}
.p-multi-select{
    align-items:center;
    background-color:var(--bg-white);
    border:1px solid var(--stroke-medium);
    border-radius:var(--br-6);
    cursor:pointer;
    display:flex;
    height:48px;
    justify-content:space-between;
    padding:6px 10px;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    width:100%
}
.p-multi-select[error=true]{
    background:var(--themes-danger-adaptive-light);
    border-color:var(--stroke-danger)
}
.p-multi-select[focused=true]{
    border:1px solid var(--stroke-accent)
}
.p-multi-select[focused=true] .p-multi-select__icon--rotate{
    transform:rotate(180deg)
}
.p-multi-select[focused=true] .p-multi-select__label{
    top:0;
    transform:translate(0)
}
.p-multi-select[focused=true] .p-multi-select__options{
    background-color:var(--bg-white);
    display:flex;
    flex-direction:column
}
.p-multi-select__cover{
    align-items:center;
    display:flex;
    gap:10px;
    height:100%;
    justify-content:center
}
.p-multi-select__inner{
    height:100%;
    position:relative
}
.p-multi-select__field{
    align-items:center;
    background-color:transparent;
    border:none;
    color:var(--fg-primary);
    cursor:pointer;
    display:flex;
    outline:none;
    pointer-events:none;
    width:100%
}
.p-multi-select__label{
    color:var(--fg-secondary);
    display:block;
    padding:1px 0;
    pointer-events:none;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    transition:all .22s
}
.p-multi-select__label[valid=true]{
    top:0;
    transform:translate(0)
}
.p-multi-select__list{
    margin-right:4px;
    max-height:400px;
    overflow:auto
}
.p-multi-select__list::-webkit-scrollbar{
    padding:0 4px;
    width:4px
}
.p-multi-select__menu{
    background:var(--bg-white);
    border:1px solid var(--stroke-medium);
    border-radius:var(--br-6);
    box-shadow:var(--shadow-top-medium);
    left:0;
    margin-top:4px;
    position:absolute;
    right:0;
    top:100%;
    z-index:var(--z-index-dropdown)
}
.p-multi-select__menu-content{
    position:relative;
    z-index:var(--z-index-dropdown)
}
.p-multi-select__menu-list--mobile{
    height:calc(100dvh - 206px);
    overflow-y:auto
}
.p-multi-select__search-input{
    background-color:var(--bg-white);
    position:sticky;
    top:0;
    width:100%;
    z-index:1000
}
.p-multi-select__overflow-button{
    position:sticky
}
.p-multi-select__overflow-button,.p-multi-select__overflow-button--mobile{
    background-color:var(--bg-white);
    bottom:0;
    width:100%;
    z-index:var(--z-index-dropdown)
}
.p-multi-select__overflow-button--mobile{
    left:0;
    padding:16px;
    position:absolute;
    right:0
}
.p-multi-select__icon{
    transition:transform .3s
}
@keyframes slideRight{
    0%{
        opacity:0;
        width:0
    }
    to{
        opacity:1;
        width:100%
    }
}
.p-multi-select--animationSlideRight{
    animation:slideRight .7s ease forwards
}
.p-multi-select--small{
    height:18px
}
.p-multi-select--small>.p-multi-select__cover>.p-multi-select__inner>label.p-multi-select__label[valid=true]{
    display:none
}
.p-multi-select--medium{
    height:32px
}
.p-multi-select--large{
    height:48px
}
.p-multi-select[status=disabled]{
    background:var(--adaptive-gray-light);
    border-color:var(--adaptive-gray-light)
}
.p-multi-select[status=disabled] .p-multi-select__field,.p-multi-select[status=disabled] .p-multi-select__icon,.p-multi-select[status=disabled] .p-multi-select__label{
    color:var(--passive-states-disabled-fg)
}
.p-multi-select[status=readonly]{
    background:var(--adaptive-gray-light);
    border-color:var(--adaptive-gray-light)
}
.p-multi-select[status=readonly] .p-multi-select__field,.p-multi-select[status=readonly] .p-multi-select__label{
    color:var(--fg-tertiary)
}
.p-multi-select[status=readonly] .p-multi-select__icon{
    color:var(--passive-states-disabled-fg)
}
@media(max-width:1247px){
    .p-multi-select{
        padding:6px 0 6px 10px
    }
}
.p-notifications-drawer{
    align-items:start;
    display:flex;
    flex-direction:column;
    gap:24px;
    justify-content:start;
    width:100%
}
.p-notifications-drawer-item{
    border-bottom:1px solid var(--stroke-light)
}
.p-notifications-drawer-item-list{
    align-items:center;
    display:flex;
    justify-content:start;
    margin:2px 0
}
.p-notifications-drawer-item-list:hover{
    background-color:var(--adaptive-gray-light)
}
.p-notifications-drawer-icon{
    align-items:center;
    background-color:var(--themes-main-adaptive-light);
    display:flex;
    height:64px;
    justify-content:center;
    min-width:64px;
    width:64px
}
.p-range-picker-desktop{
    position:relative;
    width:100%
}
.p-range-picker-desktop-picker-container{
    border-bottom:1px solid var(--stroke-light)!important
}
.p-range-picker-desktop-first-picker{
    border-right:1px solid var(--stroke-light)!important
}
.p-range-picker-desktop-error .p-calendar__border-inactive{
    background:var(--themes-danger-adaptive-light);
    border-color:var(--stroke-danger)!important
}
.p-range-picker-desktop-dropdown-icon-active{
    transform:rotate(180deg);
    transition:all .3s ease
}
.p-range-picker-desktop-dropdown-icon-inactive{
    transform:rotate(0);
    transition:all .3s ease
}
.p-range-picker-desktop-calendar{
    align-items:center;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.p-range-picker-desktop-calendar .vc-focus:focus-within{
    outline:0
}
.p-range-picker-desktop-calendar .vc-light{
    --vc-border:var(--bg-white)!important;
    --vc-bg:var(--bg-white)!important;
    --vc-focus-ring:0 0 0 2px var(--themes-success-solid-light)!important;
    --vc-header-arrow-hover-bg:var(--bg-gray-light)!important;
    --vc-weekday-color:var(--fg-primary)!important;
    --vc-nav-hover-bg:var(--bg-gray-light)!important;
    --vc-nav-title-color:var(--fg-primary)!important;
    --vc-nav-item-active-color:var(--bg-white)!important;
    --vc-nav-item-active-bg:var(--fg-accent)!important;
    --vc-popover-content-border:var(--stroke-medium)!important
}
.p-range-picker-desktop-calendar .vc-light .vc-attr,.p-range-picker-desktop-calendar .vc-light.vc-attr{
    --vc-highlight-solid-bg:var(--themes-success-solid-light)!important
}
.p-range-picker-desktop-calendar .vc-dark{
    --vc-border:var(--bg-white)!important;
    --vc-bg:var(--bg-white);
    --vc-focus-ring:0 0 0 2px var(--themes-success-solid-light)!important;
    --vc-header-arrow-hover-bg:var(--bg-gray-light)!important;
    --vc-weekday-color:var(--fg-primary)!important;
    --vc-nav-hover-bg:var(--bg-gray-light)!important;
    --vc-nav-title-color:var(--fg-primary)!important;
    --vc-nav-item-active-color:var(--fg-secondary)!important;
    --vc-nav-item-active-bg:var(--fg-accent)!important;
    --vc-popover-content-border:var(--stroke-medium)!important;
    --vc-time-month-color:var(--fg-primary)!important
}
.p-range-picker-desktop-calendar .vc-dark .vc-attr,.p-range-picker-desktop-calendar .vc-dark.vc-attr{
    --vc-highlight-solid-bg:var(--themes-success-solid-light)!important
}
.p-range-picker-desktop-calendar .vc-title{
    background-color:var(--bg-white)!important
}
.p-range-picker-desktop-calendar .vc-arrow{
    background-color:var(--bg-white)!important;
    color:var(--fg-secondary)!important
}
.p-range-picker-desktop-calendar .vc-nav-title,.p-range-picker-desktop-calendar .vc-popover-content{
    background-color:var(--bg-white)!important
}
.p-range-picker-desktop-calendar .vc-nav-arrow,.p-range-picker-desktop-calendar .vc-nav-item{
    background-color:var(--bg-white)!important;
    color:var(--fg-secondary)!important
}
.p-range-picker-desktop-calendar .is-current{
    color:var(--fg-accent)!important
}
.p-range-picker-desktop-calendar .vc-weekdays{
    display:none
}
.p-range-picker-desktop__modal,.p-range-picker-desktop__modal .p-modal__cover{
    overflow:unset!important
}
.p-range-picker-mobile__activator{
    align-items:center;
    background-color:var(--bg-white);
    border:1px solid var(--stroke-medium);
    border-radius:var(--br-6);
    cursor:pointer;
    display:flex;
    height:32px;
    justify-content:space-between;
    padding:6px 0 6px 10px;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    width:100%
}
.p-range-picker-mobile__activator-active{
    border:1px solid var(--stroke-accent)
}
.p-range-picker-mobile__icon{
    transform:rotate(180deg);
    transition:transform .3s
}
.p-range-picker-mobile-calendar-end-date>.vc-popover-content-wrapper,.p-range-picker-mobile-calendar-start-date>.vc-popover-content-wrapper{
    inset:0 auto auto 0;
    margin:0;
    max-width:none!important;
    min-width:100%!important;
    position:absolute;
    transform:translate3d(0,50px,0)!important;
    width:100%!important
}
.vc-attr{
    color:--bg-fix-white!important
}
.p-amount-input{
    position:relative
}
.p-amount-input,.p-amount-input__form{
    display:flex;
    flex-direction:column;
    gap:24px;
    justify-content:center
}
.p-amount-input__form{
    align-items:center;
    width:100%
}
.p-amount-input__input--wrapper{
    align-items:center;
    display:flex;
    flex-direction:row;
    gap:8px;
    justify-content:center;
    padding:16px 20px;
    width:100%
}
.p-amount-input__input--field{
    background:var(--bg-white);
    border:none;
    caret-color:var(--fg-accent);
    color:var(--fg-primary);
    text-align:center
}
.p-amount-input__currency{
    align-items:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:95%
}
.p-amount-input__currency--value{
    align-items:end;
    display:flex;
    flex-direction:row;
    gap:8px;
    justify-content:center
}
.p-amount-input__currency--value p{
    margin-bottom:6px
}
@media(max-width:1248px){
    .p-amount-input__currency--value p{
        margin-bottom:2px
    }
}
.p-amount-input__action{
    gap:8px;
    width:100%
}
.p-amount-input__balance{
    color:var(--fg-tertiary);
    gap:4px
}
.p-amount-input__balance,.p-amount-input__chips{
    align-items:center;
    display:flex;
    flex-direction:row;
    justify-content:center
}
.p-amount-input__chips{
    gap:12px;
    margin:16px 0 24px
}
.p-amount-input__chips--inner{
    border-radius:var(--br-full);
    height:28px!important;
    width:100%
}
.p-amount-input__point{
    display:flex;
    gap:8px
}
.p-amount-input__point:before{
    content:".";
    font-size:40px;
    margin-top:-10px
}
.p-amount-input__errorState{
    align-items:center;
    display:flex;
    flex-direction:column;
    height:38px;
    justify-content:center;
    text-align:end
}
.p-pnl-detail{
    border-right:1px solid var(--stroke-light);
    height:100%;
    padding:32px 32px 32px 0;
    position:relative
}
@media(max-width:1248px){
    .p-pnl-detail{
        border-right:unset;
        padding:0
    }
}
.p-pnl-detail__inner{
    border-bottom:solid var(--stroke-light);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    margin-top:16px;
    position:relative
}
@media(max-width:1248px){
    .p-pnl-detail__inner{
        position:unset
    }
}
.p-pnl-detail__allTransactions{
    align-items:center;
    display:flex;
    justify-content:space-between;
    position:absolute;
    right:0;
    top:8px;
    width:100%
}
@media(max-width:1248px){
    .p-pnl-detail__allTransactionsText{
        display:none
    }
    .p-pnl-detail__allTransactions{
        align-items:center;
        background-color:var(--bg-white);
        display:flex;
        height:48px;
        position:sticky;
        top:0;
        width:100%;
        z-index:var(--z-index-middle)
    }
}
.p-pnl-detail__total-asset{
    align-items:center;
    display:flex;
    gap:11px
}
.p-pnl-detail__total-price{
    align-items:baseline;
    display:flex;
    gap:4px;
    justify-content:start
}
.p-pnl-detail__earning{
    align-items:center;
    display:flex;
    justify-content:space-between;
    margin:16px 0
}
.p-pnl-detail__earning--success{
    color:var(--fg-accent)
}
.p-pnl-detail__earning--success :before{
    content:"+"
}
.p-pnl-detail__earning--success :last-child:before{
    content:"+%"
}
.p-pnl-detail__earning--error{
    color:var(--fg-danger)
}
.p-pnl-detail__earning--error :last-child:before{
    content:"-%"
}
.p-pnl-detail__bottom{
    margin-top:83px
}
@media(max-width:1248px){
    .p-pnl-detail__bottom{
        margin-top:24px
    }
}
.p-pnl-detail__tab{
    align-items:center;
    display:flex
}
.p-pnl-detail .p-tab__wrapper{
    border:unset
}
.p-pnl-detail .p-tab__wrapper div{
    gap:4px!important
}
.p-pnl-detail .p-tab__wrapper .p-tab--selected{
    display:none
}
.p-pnl-detail .p-tab__item{
    border-right:1px solid var(--stroke-light);
    height:20px;
    padding:6px;
    position:relative
}
.p-pnl-detail .p-range-picker-mobile__activator{
    border:unset
}
.p-pnl-detail .p-range-picker-mobile__activator p{
    max-width:90px
}
.p-pnl-detail__infoText{
    align-items:center;
    display:flex;
    gap:8px
}
.p-pnl-detail .p-range-picker-desktop__dateText{
    max-width:96px
}
.kyc-banner__label-notice,.kyc-banner__label-notice_warning{
    border-bottom:1px solid var(--fg-primary)
}
.kyc-banner__label-withdraw_and_order{
    border-bottom:1px solid var(--fg-fix-white)
}
.kyc-progress{
    width:100%
}
.kyc-progress_item-container{
    display:grid;
    gap:8px;
    padding-bottom:4px
}
.kyc-progress_item-container :last-child .kyc-progress__divider{
    display:none
}
.kyc-progress_item{
    align-items:center;
    display:flex;
    justify-content:center;
    position:relative
}
.kyc-progress_text-container{
    display:grid;
    gap:8px;
    text-align:center
}
.kyc-progress_text-done{
    color:var(--passive-states-disabled-fg)
}
.kyc-progress_text-active{
    color:var(--fg-primary)
}
.kyc-progress_text-passive{
    color:var(--passive-states-disabled-fg)
}
.kyc-progress__icon{
    align-items:center;
    border-radius:24px;
    display:flex;
    height:24px;
    justify-content:center;
    width:24px
}
.kyc-progress__icon-done{
    background-color:var(--fg-primary);
    color:var(--bg-white)
}
.kyc-progress__icon-active{
    border:1px solid var(--fg-primary);
    color:var(--fg-primary)
}
.kyc-progress__icon-passive{
    border:1px solid var(--passive-states-disabled-fg);
    color:var(--passive-states-disabled-fg)
}
.kyc-progress__divider{
    left:calc(50% + 20px);
    position:absolute;
    width:calc(100% - 36px)
}
.kyc-progress__divider-done{
    border-bottom:1px solid var(--fg-primary)
}
.kyc-progress__divider-active,.kyc-progress__divider-passive{
    border-bottom:1px solid var(--passive-states-disabled-fg)
}
.kyc-page{
    align-items:start;
    display:flex;
    justify-content:center
}
.kyc-page__container{
    align-items:center;
    display:flex;
    flex:1;
    flex-direction:column;
    gap:80px;
    justify-content:start;
    max-width:580px
}
.kyc-page__divider{
    min-height:100vh
}
.kyc-page__prize-container{
    padding-top:80px;
    width:100%
}
.kyc-page__prize-container,.kyc-page__prize-content{
    align-items:center;
    display:flex;
    justify-content:center
}
.kyc-page__prize-content{
    flex-direction:column;
    max-width:1500px
}
.kyc-page_fiat-deposit .asset-item__card{
    display:none
}
.kyc-page_more-button .p-button{
    padding-left:0
}
.kyc-page__overflow{
    max-height:calc(100vh - 200px);
    overflow-y:auto;
    scrollbar-width:none;
    -ms-overflow-style:none
}
.kyc-page__overflow::-webkit-scrollbar{
    display:none
}
.kyc-popup-qr__image-container{
    align-items:center;
    display:flex;
    height:100%;
    justify-content:center;
    position:relative;
    width:100%
}
.kyc-popup-qr__qr-container{
    align-items:center;
    bottom:-10px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:absolute;
    text-align:center
}
.kyc-page-qr__image-container{
    align-items:center;
    display:flex;
    height:100%;
    justify-content:center;
    position:relative;
    width:100%
}
.kyc-page-qr__qr-container{
    align-items:center;
    bottom:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:12px;
    position:absolute;
    text-align:center;
    width:312px
}
.cookie-drawer__inner{
    display:flex;
    flex-direction:column;
    gap:24px;
    height:82dvh;
    justify-content:start;
    overflow:auto;
    position:relative
}
@media(max-width:1248px){
    .cookie-drawer__inner{
        height:calc(var(--vh, 1vh)*82 - 60px)
    }
}
.cookie-drawer__inner-step2{
    display:flex;
    flex-direction:column;
    gap:24px;
    height:82dvh;
    justify-content:start;
    overflow:auto;
    position:relative
}
@media(max-width:1248px){
    .cookie-drawer__inner-step2{
        height:68dvh
    }
}
.cookie-drawer__underline{
    border-bottom:1px solid var(--stroke-accent)
}
.cookie-drawer__link{
    border-bottom:1px solid var(--fg-primary)
}
.cookie-drawer__allowAllButton{
    height:40px;
    width:138px
}
.cookie-drawer__bottom{
    align-items:center;
    display:flex;
    flex-direction:row;
    gap:8px;
    justify-content:space-between;
    width:100%
}
@media(min-width:1248px){
    .cookie-drawer__bottom button{
        padding:0 13px!important
    }
}
@media(max-width:1248px){
    .cookie-drawer__bottom{
        flex-direction:column-reverse;
        gap:8px;
        justify-content:center;
        padding-top:12px
    }
}
.cookie-drawer__drawer .p-drawer-header__close-icon{
    display:none
}
.p-accordion{
    border-radius:8px;
    overflow:hidden;
    padding:0 8px
}
.p-accordion[open] .p-accordion__body{
    height:100%;
    opacity:1
}
.p-accordion[open] .p-accordion__icon{
    transform:rotate(90deg)
}
.p-accordion__header{
    cursor:pointer;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    padding:12px 0;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.p-accordion__title{
    flex:1
}
.p-accordion__right{
    align-items:center;
    display:flex;
    margin-left:12px
}
.p-accordion__icon,.p-accordion__icon svg{
    transition:transform .3s
}
.p-accordion__icon svg{
    display:block
}
.p-accordion__body{
    height:0;
    opacity:0;
    overflow:hidden
}
.cookie-modal{
    margin-bottom:24px;
    margin-top:auto
}
.agreement-container{
    height:500px;
    overflow-y:auto
}
.agreement-desktop-scroll-padding{
    padding-right:20px
}
.agreement-loading{
    align-items:center;
    display:flex;
    height:100%;
    justify-content:center
}
.agreement-content{
    overflow-y:auto
}
.welcome-modal__container{
    background-color:var(--fg-accent);
    padding-top:72px
}
.welcome-modal__content{
    display:flex;
    height:390px;
    justify-content:space-between
}
.welcome-modal__button-border{
    border:1px solid var(--fg-fix-white);
    border-radius:var(--br-8)
}
.p-qr-code__img{
    background-color:var(--fg-fix-white);
    border-radius:5px;
    height:28%;
    left:36%;
    padding:3%;
    position:absolute;
    top:36%;
    width:28%
}
.p-cold-shield{
    gap:16px
}
.p-cold-shield__container{
    align-items:center;
    display:flex;
    gap:4px
}
.p-cold-shield__title{
    align-items:center;
    display:flex;
    flex-direction:column;
    gap:2px;
    justify-content:start
}
.p-cold-shield__bottomBar{
    background-color:var(--stroke-accent);
    height:2px;
    width:32px
}
.p-cold-shield__coldShieldContainer{
    height:174px;
    width:174px
}
.overview{
    background-color:var(--bg-white);
    color:var(--fg-primary);
    padding-top:150px
}
@media(max-width:1247px){
    .overview{
        padding-top:60px
    }
}
.sign-in__form{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin:24px 0 8px
}
.sign-in__password>.p-password-input__rules{
    display:none
}
.sign-in__logo{
    display:none;
    margin:calc(var(--vh, 1vh)*100 - 480px) auto 0
}
@media(max-width:992px){
    .sign-in__logo{
        display:block
    }
}
.sign-up__password-input .p-password-input__rules{
    display:none
}
.sign-up__form{
    display:flex;
    flex-direction:column;
    gap:24px;
    margin:24px 0
}
.sign-up__checkBox--list{
    display:flex;
    flex-direction:column;
    gap:8px
}
.sign-up__checkBox--list .p-checkbox__wrapper{
    align-items:start
}
.sign-up__checkBox--list .p-checkbox__wrapper:hover{
    background-color:unset
}
.sign-up__checkBox--text{
    color:var(--fg-primary)
}
.sign-up__buttons{
    display:flex;
    flex-direction:column;
    gap:8px
}
.sign-up__article{
    color:var(--fg-secondary);
    padding-bottom:40px
}
.sign-up__article,.sign-up__article ul{
    display:flex;
    flex-direction:column;
    gap:12px
}
.sign-up__article ul{
    list-style-type:none
}
.sign-up__article li:before{
    background-color:var(--stroke-accent);
    border-radius:50%;
    content:"";
    float:left;
    height:7px;
    margin:7px 14px 7px 7px;
    width:7px
}
.sign-up__article--text{
    color:var(--fg-primary);
    cursor:pointer
}
.mfa__form{
    display:flex;
    flex-direction:column;
    gap:24px;
    margin:24px 0
}
.mfa .p-step-title h1{
    color:var(--fg-primary)
}
.mfa .p-step-title p{
    color:var(--fg-secondary);
    font-weight:400
}
.forgot-password__form{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin:24px 0
}
.forgot-password__inner-container{
    display:flex;
    flex-direction:column;
    gap:20px;
    margin-top:8px
}
.market-detail__marketInfoTabs{
    position:relative
}
.market-detail__marketInfoTabs--icon{
    position:absolute;
    right:0;
    top:10px
}
.market-detail__fullscreen{
    height:100%!important;
    left:0;
    margin:unset!important;
    padding:unset!important;
    position:absolute;
    top:0;
    width:100%;
    z-index:var(--z-index-middle)
}
.market-detail__fullscreen .mt-32,.market-detail__fullscreen .trade-form__advanced--wrapper{
    display:none
}
.market-detail__border-right{
    border-right:1px solid var(--stroke-light)
}
.market-detail__border-left{
    border-left:1px solid var(--stroke-light)
}
.market-detail__overflow{
    background-color:var(--bg-white);
    height:calc(var(--vh, 1vh)*100 - 175px);
    margin-top:24px;
    overflow-x:hidden;
    overflow-y:scroll
}
.market-detail__overflow:not(.market-detail__overflow:first-child){
    margin-left:-24px;
    margin-right:-20px;
    padding:0 20px
}
.market-detail-tour{
    background-color:var(--bg-white)!important;
    border-radius:var(--br-8)!important;
    box-shadow:0 0 0 var(--overlay-gray-light)!important;
    box-sizing:border-box!important;
    max-width:400px!important;
    min-width:400px!important;
    padding:24px 16px 16px 24px;
    width:400px
}
.market-detail-tour.introjs-bottom-middle-aligned{
    margin-top:10px
}
.market-detail-tour.introjs-bottom-left-aligned{
    margin-left:-5px;
    margin-top:10px
}
.market-detail-tour.introjs-right{
    margin-left:10px
}
.market-detail-tour__wrapper{
    align-items:center;
    display:flex;
    justify-content:space-between;
    margin-top:24px
}
.market-detail-tour__step{
    color:var(--passive-states-disabled-fg)
}
.market-detail-tour__step .current-step{
    color:var(--fg-primary)
}
.market-detail-tour .introjs-tooltip-header{
    align-items:center;
    display:flex;
    height:32px;
    margin-bottom:8px;
    padding:0
}
.market-detail-tour .introjs-tooltip-title{
    color:var(--fg-primary)
}
.market-detail-tour .introjs-skipbutton{
    align-items:center;
    display:flex;
    height:32px;
    justify-content:center;
    line-height:normal;
    width:32px
}
.market-detail-tour .introjs-tooltiptext{
    color:var(--fg-primary);
    padding:0
}
.market-detail-tour .introjs-tooltipbuttons{
    border-top:0;
    display:flex;
    gap:4px;
    justify-content:right;
    padding:0
}
.market-detail-tour .introjs-disabled{
    display:none!important
}
.market-detail-tour .introjs-button{
    align-items:center;
    background:none;
    border:none;
    color:var(--fg-primary);
    display:flex;
    height:32px;
    justify-content:center;
    padding:0;
    text-shadow:none;
    transition:all .3s ease-in-out;
    width:85px
}
.market-detail-tour .introjs-button:hover{
    background:none;
    color:var(--fg-tertiary)
}
.market-detail-tour .introjs-button:focus{
    background:none;
    border:none;
    box-shadow:none;
    color:var(--fg-primary)
}
.market-detail-tour .introjs-arrow.top,.market-detail-tour .introjs-arrow.top-middle{
    border-bottom-color:var(--bg-white)
}
.market-detail-tour .introjs-arrow.left{
    border-right-color:var(--bg-white)
}
.market-detail-tour--advanced .introjs-tooltipbuttons{
    margin-top:24px
}
.market-detail ::-webkit-scrollbar{
    padding:0 4px;
    width:4px
}
.market-detail .open-orders{
    min-height:733px
}
.introjs-helperLayer{
    border-radius:var(--br-8)!important;
    box-shadow:var(--overlay-gray-light) 0 0 0 0,var(--overlay-gray-light) 0 0 0 5000px!important;
    margin-left:-5px;
    margin-top:-5px;
    padding:5px
}
.ticker--wrapper{
    align-items:center;
    display:flex;
    justify-content:space-between;
    overflow-x:auto;
    padding:12px 0;
    width:100%
}
.ticker--wrapper::-webkit-scrollbar{
    height:4px!important
}
.ticker--market-title{
    display:flex;
    flex-direction:column;
    gap:2px
}
.ticker--market-name{
    display:flex;
    gap:5px
}
.ticker--market-name--sub{
    color:var(--fg-tertiary)
}
.ticker--ticker{
    align-items:center;
    display:flex;
    justify-content:space-around
}
.ticker--ticker--logo{
    align-items:center;
    display:flex;
    flex-direction:row;
    gap:8px
}
.ticker--option{
    align-items:center;
    color:var(--fg-secondary);
    display:flex;
    justify-content:end
}
.ticker--option--title{
    color:var(--fg-primary);
    font-weight:500
}
.ticker--price{
    align-items:center;
    display:flex;
    gap:32px;
    justify-content:start;
    margin:0 48px;
    white-space:nowrap
}
.ticker--price--title{
    color:var(--fg-tertiary);
    font-weight:400;
    margin-bottom:2px
}
.ticker--price--value{
    align-items:center;
    display:flex;
    gap:8px;
    justify-content:start
}
.ticker--price--value--success{
    color:var(--fg-accent)
}
.ticker--price--value--error{
    color:var(--fg-danger)
}
.ticker-dropdown,.ticker-dropdown-menu{
    background-color:var(--bg-white);
    border:1px solid var(--stroke-medium);
    border-radius:var(--br-6);
    box-shadow:var(--shadow-light);
    display:flex;
    padding:8px;
    position:absolute;
    width:320px;
    z-index:9999
}
.ticker-dropdown-menu__icon,.ticker-dropdown__icon{
    align-items:center;
    display:flex;
    height:25px
}
.ticker-dropdown .picker__item--name,.ticker-dropdown .picker__item--price,.ticker-dropdown-menu .picker__item--name,.ticker-dropdown-menu .picker__item--price{
    width:107px
}
.ticker-dropdown .picker__scroll,.ticker-dropdown-menu .picker__scroll{
    height:calc(var(--vh, 1vh)*100 - 300px);
    margin:0 -12px;
    padding:0 12px
}
@media(max-width:1247px){
    .ticker-dropdown .picker__scroll,.ticker-dropdown-menu .picker__scroll{
        margin-right:-3px;
        padding-right:6px
    }
}
.ticker-dropdown{
    left:0;
    top:calc(100% + 4px)
}
.ticker-dropdown-menu{
    left:70px;
    top:100px
}
@media screen and (min-width:991px)and (max-width:1024px){
    .ticker-dropdown-menu{
        left:88px
    }
}
@media screen and (min-width:1024px)and (max-width:1260px){
    .ticker-dropdown-menu{
        left:145px
    }
}
.ticker-mobile{
    height:72px;
    margin-bottom:8px
}
.ticker-mobile__top{
    align-items:center;
    display:flex;
    justify-content:space-between;
    padding:8px 0
}
.ticker-mobile__top--right{
    align-items:flex-end;
    display:flex;
    flex-direction:column
}
.ticker-mobile__bottom,.ticker-mobile__top--change{
    align-items:center;
    display:flex;
    flex-direction:row;
    gap:8px
}
.ticker-mobile__bottom{
    justify-content:space-between
}
.ticker-mobile--hide{
    transform:translateY(-65px)
}
.ticker-mobile__sticky{
    background:var(--bg-white);
    border-bottom:1px solid var(--stroke-light);
    height:65px;
    left:0;
    padding:8px 16px;
    position:fixed;
    right:0;
    top:0;
    transition:all .3s ease-in-out;
    z-index:999
}
.picker__overflow{
    width:100%
}
.picker__value{
    color:var(--fg-primary)
}
.picker__list--header{
    align-items:center;
    color:var(--fg-tertiary);
    display:flex;
    font-weight:500;
    gap:8px;
    justify-content:space-between;
    margin-top:12px
}
.picker__list--header-item{
    align-items:center;
    cursor:pointer;
    display:flex;
    gap:2px;
    justify-content:start
}
.picker__item{
    gap:8px
}
.picker__item,.picker__item--name{
    align-items:center;
    align-self:stretch;
    display:flex;
    height:32px
}
.picker__item--name,.picker__item--price{
    cursor:pointer;
    flex:1 0 0;
    gap:2px;
    width:112px
}
.picker__item--price{
    align-items:center;
    align-self:stretch;
    display:flex;
    height:32px
}
.picker__item--payment{
    color:var(--fg-tertiary)
}
.picker__item--change{
    align-items:center;
    align-self:stretch;
    cursor:pointer;
    display:flex;
    gap:var(--Distance-2,2px);
    justify-content:flex-end;
    width:66px
}
.picker__item--change-success{
    color:var(--fg-accent)
}
.picker__item--change-error{
    color:var(--fg-danger)
}
.picker__item--change-primary{
    color:var(--fg-primary)
}
.picker__tab .p-tab__item:last-child{
    background:var(--Box-Color,linear-gradient(180deg,#e04c8f 0,#eb9b00 100%));
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.picker__scroll{
    height:calc(var(--vh, 1vh)*100 - 355px);
    margin:0 -24px;
    overflow-x:hidden;
    overflow-y:scroll;
    padding:0 24px
}
@media(max-width:1247px){
    .picker__scroll{
        height:calc(var(--vh, 1vh)*100 - 118px);
        margin:0 -10px 0 -16px;
        padding:0 16px
    }
    .picker__scroll .p-segmented-control__item{
        width:auto
    }
    .picker__scroll::-webkit-scrollbar{
        width:4px!important
    }
}
@media screen and (min-width:767px)and (max-width:992px){
    .picker__scroll{
        margin:0;
        padding:0
    }
}
.picker__search{
    margin-bottom:12px
}
.trade-form{
    display:flex;
    flex-direction:column;
    gap:16px;
    margin-bottom:32px
}
.trade-form__advanced{
    display:flex;
    gap:32px;
    justify-content:space-between;
    margin-top:16px
}
.trade-form__advanced .trade-form__content--item{
    width:50%
}
.trade-form__advanced--wrapper .p-tooltip__item{
    right:100%!important
}
@media(max-width:1247px){
    .trade-form .p-menu{
        border:1px solid var(--stroke-medium);
        box-shadow:var(--shadow-top-medium);
        padding:0 8px;
        position:absolute
    }
}
.trade-form .p-segmented-control__wrapper{
    width:170px
}
.trade-form .p-segmented-control__item--selected:first-child{
    color:var(--fg-accent)
}
.trade-form .p-segmented-control__item--selected:nth-child(2){
    color:var(--fg-danger)
}
.trade-form__content--item{
    display:flex;
    flex-direction:column;
    gap:8px
}
@media(max-width:1247px){
    .trade-form__content--item{
        gap:12px;
        margin-top:8px
    }
}
.trade-form__content--slider{
    display:flex;
    margin:6px 8px;
    width:calc(100% - 10px)
}
.trade-form__available-currency{
    align-items:center;
    display:flex;
    justify-content:space-between
}
.trade-form__available-currency--icon{
    align-items:center;
    cursor:pointer;
    display:flex;
    height:32px;
    justify-content:center;
    width:32px
}
@media(max-width:1247px){
    .trade-form__available-currency{
        display:flex;
        gap:16px;
        justify-content:flex-start;
        margin-top:16px
    }
    .trade-form__available-currency--icon{
        height:12px;
        width:12px
    }
}
.trade-form__placeholder{
    background:var(--adaptive-gray-placeholder);
    height:20px;
    left:12px;
    opacity:1;
    position:absolute;
    top:20px;
    width:calc(100% - 12px);
    z-index:9
}
.trade-form .p-dropdown{
    padding:8px 10px
}
.mobile-market-detail{
    padding:8px 16px
}
.mobile-trade-form{
    background:var(--bg-white);
    border-top:1px solid var(--stroke-medium);
    bottom:0;
    display:flex;
    flex-direction:column;
    gap:16px;
    left:0;
    padding:12px 16px;
    position:fixed;
    right:0;
    z-index:99
}
.mobile-trade-form .p-divider{
    margin-left:-16px;
    margin-right:-16px
}
.mobile-trade-form .p-tooltip__item{
    right:100%!important
}
.mobile-trade-form .p-segmented-control{
    width:230px
}
.mobile-trade-form .p-segmented-control__item--selected:first-child{
    color:var(--fg-accent)
}
.mobile-trade-form .p-segmented-control__item--selected:nth-child(2){
    color:var(--fg-danger)
}
.mobile-trade-form__price{
    display:flex;
    gap:12px
}
.mobile-trade-form__price>div{
    width:50%
}
.mobile-trade-form__submit{
    display:flex;
    gap:12px
}
.mobile-trade-form__submit>div{
    width:60%
}
.mobile-trade-form__submit>button{
    width:40%
}
.mobile-trade-form__buttons{
    background-color:var(--bg-white);
    border-top:1px solid var(--stroke-light);
    bottom:0;
    left:0;
    padding:12px 16px;
    position:fixed;
    width:100%;
    z-index:9
}
.mobile-trade-form__buttons--text{
    width:calc(100% - 150px)
}
.mobile-trade-form .p-text-input__cover{
    height:40px
}
.market-matches{
    display:flex;
    flex-direction:column
}
.market-matches__header{
    align-items:center;
    display:flex;
    gap:8px;
    height:32px;
    justify-content:space-between
}
.market-matches__header h3{
    color:var(--fg-tertiary);
    width:25%
}
.market-matches__content{
    display:flex
}
.market-matches__item{
    display:flex;
    gap:8px;
    justify-content:space-between
}
.market-matches__item--wrapper{
    align-items:center;
    color:var(--fg-primary);
    display:flex;
    gap:2px;
    height:32px;
    width:25%
}
.market-matches__item--wrapper span{
    color:var(--fg-tertiary)
}
.market-matches__item--date{
    align-items:center;
    color:var(--fg-tertiary);
    display:flex;
    width:25%
}
.market-matches__item--right{
    align-items:center;
    display:flex;
    gap:2px;
    justify-content:right;
    width:25%
}
.market-matches--advanced .market-matches__header div,.market-matches--advanced .market-matches__item--right,.market-matches--advanced .market-matches__item--wrapper,.market-matches--advanced h3{
    width:calc(33.333% + 5px)
}
.market-matches--advanced .market-matches__item--date{
    width:75px!important
}
@media(max-width:1247px){
    .market-matches__header div{
        font-size:10px;
        line-height:12px
    }
    .market-matches__item--date,.market-matches__item--right,.market-matches__item--wrapper{
        font-size:12px;
        font-weight:400;
        line-height:14px
    }
}
.order-list{
    cursor:pointer;
    display:flex
}
.order-list__item{
    align-items:center;
    display:flex;
    gap:2px;
    height:56px;
    width:21%
}
.order-list__item:last-child{
    cursor:pointer;
    justify-content:right
}
.order-list__item--wrapper{
    align-items:center;
    display:flex;
    justify-content:space-between;
    width:100%
}
.order-list__item--link{
    text-decoration:underline
}
.order-list__item--container{
    align-items:center;
    display:flex;
    justify-content:space-between;
    width:50%
}
.order-list__item--lg{
    width:200px!important
}
.order-list__item--md{
    width:150px!important
}
.order-list__max-width{
    width:35px
}
.order-list__header{
    display:flex;
    margin-top:16px
}
.order-list__header div{
    align-items:center;
    display:flex;
    height:32px;
    width:21%
}
.order-list__progress{
    height:100%
}
.order-list__progress-bar{
    background-color:var(--bg-gray-strong);
    border-radius:var(--br-12);
    height:5px;
    overflow:hidden;
    width:30px
}
.order-list__progress--accent{
    --progress-color:var(--fg-accent);
    background-color:var(--fg-accent)
}
.order-list__progress--danger{
    --progress-color:var(--fg-danger);
    background-color:var(--fg-danger)
}
.order-list__progress--wrapper{
    align-items:center;
    background:conic-gradient(var(--progress-color) var(--progress),transparent 0);
    border-radius:50%;
    display:flex;
    height:100%;
    justify-content:center;
    position:relative;
    width:100%
}
.order-list__progress--wrapper:before{
    background-color:var(--bg-white);
    border-radius:50%;
    content:"";
    inset:3px;
    position:absolute
}
.order-list__progress-circle{
    align-items:center;
    background-color:var(--bg-gray-strong);
    border-radius:50%;
    display:flex;
    height:32px;
    justify-content:center;
    position:relative;
    width:32px
}
.order-list__progress-text{
    color:var(--fg-secondary);
    position:relative;
    z-index:1
}
.order-list-delete{
    align-items:center;
    display:flex;
    height:20px;
    justify-content:center;
    width:20px
}
.orderbook__col{
    color:var(--fg-secondary);
    width:33.333%
}
@media(max-width:1247px){
    .orderbook__col{
        width:50%
    }
}
.orderbook__list-item{
    height:24px;
    padding:0 6px;
    position:relative
}
.orderbook__list-item--has-open-order:before{
    background:inherit;
    border-radius:50%;
    content:"";
    height:4px;
    position:absolute;
    width:4px
}
.orderbook__header{
    height:32px;
    padding:0 6px
}
.orderbook__bar{
    height:24px;
    opacity:1;
    position:absolute;
    top:0
}
.orderbook__bar--standard-buy{
    right:0
}
.orderbook__bar--standard-sell{
    left:0
}
.orderbook__bar--advanced-buy,.orderbook__bar--advanced-sell{
    right:0
}
.orderbook__bar-onlySell{
    left:auto;
    right:0
}
.orderbook-tooltip__item{
    width:176px
}
.orderbook-type{
    align-items:center;
    display:flex;
    justify-content:space-between;
    margin-bottom:12px
}
.orderbook-view-icon{
    border:1px solid transparent;
    height:24px;
    padding:4px;
    width:24px
}
.orderbook-view-icon__selected{
    border:1px solid var(--stroke-accent);
    border-radius:var(--br-4)
}
.orderbook .p-dropdown{
    width:160px
}
@media(max-width:1247px){
    .orderbook .p-dropdown{
        width:96px
    }
    .orderbook .p-dropdown input{
        width:100px
    }
}
.orderbook .p-tooltip{
    width:100%
}
.orderbook--buy .orderbook__list-item--has-open-order:before{
    background:var(--fg-accent);
    right:0
}
.orderbook--sell .orderbook__list-item--has-open-order:before{
    background:var(--fg-danger);
    left:0
}
.orderbook-advanced .orderbook__list-item--has-open-order:before{
    left:auto;
    right:0
}
.orderbook-reverse{
    display:flex;
    flex-direction:column-reverse
}
.asset-item .p-dropdown{
    border:none;
    height:54px;
    padding:0
}
.asset-item .p-dropdown__field{
    font-size:16px!important;
    font-weight:500!important;
    height:54px
}
.asset-item .p-dropdown__cover{
    gap:8px
}
.asset-item .p-dropdown--animationSlideRight{
    display:flex
}
.asset-item__card{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-left:15px
}
.asset-item__qrcode{
    background-color:var(--bg-white);
    border-radius:50%;
    box-shadow:0 0 0 10px var(--bg-white);
    left:50%;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%)
}
.asset-item__qrcode--wrapper{
    position:relative
}
.asset-item__info b{
    font-weight:500
}
.asset-item__address{
    width:90%;
    word-wrap:break-word;
    white-space:normal
}
.order-detail{
    display:flex;
    flex-direction:column;
    gap:24px;
    justify-content:center
}
.order-detail__container{
    align-items:center;
    display:flex;
    flex-direction:column
}
.order-detail__row,.order-detail__row-last{
    display:flex;
    justify-content:space-between;
    padding:8px 0;
    width:100%
}
.order-detail--label{
    color:var(--fg-tertiary)
}
.order-detail--value{
    color:var(--fg-primary)
}
.alarm-content{
    height:272px;
    padding:16px 20px;
    width:100%
}
.alarm-content,.alarm-input{
    align-items:center;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.alarm-input__percentage{
    height:173px;
    margin-bottom:24px
}
.alarm-input__percentage--wrapper{
    align-items:center;
    display:flex;
    gap:8px;
    justify-content:center
}
.alarm-input__slider{
    margin:8px 0 12px 5px
}
.alarm-input__field{
    background:var(--bg-white);
    border:none;
    caret-color:var(--fg-accent);
    color:var(--fg-primary);
    text-align:right
}
.alarm-input__field:focus{
    border-color:var(--fg-accent)
}
.alarm-input__field:focus-visible{
    outline:none
}
.alarm-input__field::-moz-placeholder{
    color:var(--fg-primary)
}
.alarm-input__field::placeholder{
    color:var(--fg-primary)
}
.alarm-input__wrapper{
    align-items:baseline;
    display:flex;
    gap:8px
}
.alarm-input__append,.alarm-input__prepend{
    color:var(--passive-states-disabled-fg)
}
.alarm-input__negative{
    color:var(--fg-danger)
}
.alarm-input__positive{
    color:var(--fg-accent)
}
.alarm-list-item{
    align-items:center;
    display:flex;
    gap:8px;
    height:44px;
    justify-content:space-between
}
.alarm-list__button{
    color:var(--fg-accent)!important
}
.alarm-list__info{
    align-items:center!important;
    width:100%
}
.banner{
    padding:8px 0
}
.banner__wrapper{
    align-items:start;
    border-bottom:2px solid var(--stroke-light);
    display:flex;
    gap:16px;
    height:auto;
    justify-content:start;
    min-height:70px
}
.banner__wrapper--mobile{
    border-top:2px solid var(--stroke-light);
    padding:10px
}
.banner__advanced{
    align-items:start;
    display:flex;
    gap:16px;
    justify-content:start;
    width:100%
}
.banner__icon{
    height:2px;
    margin-top:8px;
    width:24px
}
.banner__content{
    height:auto;
    min-height:32px;
    width:100%
}
.banner__content--detail{
    color:var(--fg-accent);
    cursor:pointer;
    text-decoration:underline
}
.banner__close{
    cursor:pointer;
    margin-top:8px
}
.banner__modal{
    align-items:start;
    gap:24px;
    justify-content:start
}
.banner__modal,.banner__modal--button{
    display:flex;
    flex-direction:column;
    width:100%
}
.banner__modal--button{
    align-items:center;
    gap:8px;
    justify-content:center
}
.market-info{
    min-height:457px
}
.market-info__text--right{
    text-align:right
}
.p-chart{
    position:relative
}
.p-chart__tooltip{
    align-items:center;
    background-color:var(--bg-gray-light);
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:4px 6px;
    pointer-events:none;
    position:absolute;
    top:0;
    width:137px;
    z-index:var(--z-index-dropdown)
}
.currency-list-filter__header{
    align-items:center;
    cursor:pointer;
    display:flex;
    gap:2px;
    height:32px
}
.order-repeat-container{
    height:40px;
    width:100%
}
.order-repeat-bold{
    font-weight:500
}
@media screen and (max-width:767px){
    .footer{
        margin-bottom:80px
    }
}
@media screen and (min-width:767px)and (max-width:992px){
    .market-info__text--alignment:not(.market-info__advanced){
        align-items:flex-start;
        flex-direction:column
    }
    .market-info__text--right{
        text-align:left
    }
}
.open-orders__cancel{
    width:118px
}
.open-orders__cancel .p-dropdown{
    align-items:center;
    border:none;
    height:auto;
    justify-content:center;
    padding:0
}
.open-orders__cancel .p-dropdown__cover{
    padding-top:12px
}
.open-orders__cancel .p-dropdown .p-icon,.open-orders__cancel .p-dropdown__field{
    color:var(--fg-danger)
}
.open-orders__cancel .p-dropdown .i-check-good-yes{
    display:none
}
@media(max-width:1248px){
    .open-orders__cancel .p-menu{
        background-color:var(--bg-white);
        border:1px solid var(--stroke-medium);
        border-radius:var(--br-6);
        box-shadow:var(--shadow-top-medium);
        cursor:pointer;
        display:flex;
        flex-direction:column;
        overflow:hidden;
        position:absolute;
        z-index:var(--z-index-dropdown)
    }
    .open-orders__cancel .p-menu__item{
        display:flex;
        padding:10px 12px
    }
}
.contact-support,.new-password__form{
    display:flex;
    flex-direction:column;
    gap:12px
}
.new-password__form{
    margin:24px 0
}
.new-password__password>.p-password-input__rules{
    display:none
}
.security-verification__form,.verification__form{
    display:flex;
    flex-direction:column;
    gap:24px;
    margin:24px 0
}
.verification__checkBox--list{
    display:flex;
    flex-direction:column;
    gap:8px
}
.verification__checkBox--text{
    color:var(--fg-primary)
}
.verification__buttons{
    display:flex;
    flex-direction:column;
    gap:8px
}
.verification__article{
    display:flex;
    flex-direction:column;
    gap:12px
}
.verification__article p{
    color:var(--fg-secondary)
}
.verification__article ul{
    color:var(--fg-secondary);
    display:flex;
    flex-direction:column;
    gap:12px;
    list-style-type:none
}
.verification__article li:before{
    background-color:var(--stroke-accent);
    border-radius:50%;
    content:"";
    float:left;
    height:7px;
    margin:7px 14px 7px 7px;
    width:7px
}
.p-modal__description{
    align-items:start;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.markets__search{
    max-width:384px
}
@media(max-width:1248px){
    .markets__search{
        width:100%
    }
}
.markets__search .p-search-input__wrapper{
    width:384px
}
@media(max-width:1248px){
    .markets__search .p-search-input__wrapper{
        width:100%
    }
}
.markets__filters{
    background-color:var(--bg-white);
    display:flex;
    gap:24px;
    position:sticky;
    top:80px
}
.markets__filters:after{
    background:var(--stroke-light);
    border-radius:var(--br-2);
    bottom:4px;
    content:"";
    height:2px;
    left:0;
    position:absolute;
    right:408px
}
@media(max-width:992px){
    .markets__filters:after{
        right:0
    }
    .markets__filters{
        align-items:start;
        flex-direction:column-reverse;
        gap:8px;
        margin-top:8px;
        position:relative;
        top:0
    }
}
.markets--mobile .market-list__header-item{
    width:auto!important
}
.markets .pairs{
    display:none
}
.markets--search-focused .pairs{
    display:block
}
.markets__listing-soon{
    align-items:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:16px 0;
    text-align:center
}
@media(max-width:1248px){
    .markets__listing-soon{
        padding:16px 0 8px
    }
}
.market-list__header{
    display:flex;
    gap:var(--gap-8);
    height:32px;
    justify-content:space-between
}
.market-list__header-item{
    width:147px
}
.market-list__header-item:first-child{
    width:320px
}
.market-list__header-item:nth-child(2){
    width:96px
}
.market-list__col{
    width:147px
}
.market-list__col:first-child{
    width:320px
}
.market-list__col:nth-child(2){
    width:96px
}
.market-list__col--mobile{
    overflow:hidden;
    width:calc(50% - 34px)
}
.market-list__item{
    height:56px
}
@media(hover:hover)and (pointer:fine){
    .market-list__item:hover{
        background-color:var(--adaptive-gray-light);
        border-radius:var(--br-6);
        margin:0 -8px;
        padding:0 8px
    }
}
.market-list__item--mobile{
    height:64px;
    width:calc(100% - 32px)
}
.market-list__name{
    max-width:100%
}
.market-list__icon{
    height:40px;
    min-width:40px;
    width:40px
}
.market-list__disabled--button[disabled]{
    background-color:transparent!important
}
.wallet{
    padding:0 0 96px
}
.wallet__inner{
    margin:48px 0 20px
}
@media(max-width:1248px){
    .wallet__inner{
        margin-top:40px
    }
}
.wallet--border-bottom{
    border-bottom:1px solid var(--stroke-light)
}
@media(max-width:1248px){
    .wallet--border-bottom{
        border-bottom:unset
    }
}
.wallet__p-search-input{
    width:100%
}
@media(max-width:1248px){
    .wallet__p-search-input{
        width:100%
    }
}
@media(max-width:992px){
    .wallet__p-search-input{
        width:100%
    }
}
.wallet__list .markets--mobile__header{
    display:none
}
.wallet__list .market-list__item--mobile{
    width:100%
}
.wallet__cryptoAssets .market-list__header{
    display:none
}
.wallet__introjs-button .introjs-button{
    margin-top:24px
}
@media(max-width:1248px){
    .wallet__introjs-button{
        left:unset!important;
        margin-top:10px;
        min-width:unset!important;
        position:fixed!important;
        right:40px!important;
        top:102px!important;
        width:317px!important
    }
}
.pnl-over-view{
    margin:32px 0 24px 9px
}
.pnl-over-view__desktop-chart-container{
    height:120px
}
.pnl-over-view__mobile-chart-container{
    height:200px
}
.pnl-over-view__inner{
    align-items:end;
    display:flex;
    justify-content:space-between
}
@media(max-width:1248px){
    .pnl-over-view__inner{
        border-bottom:unset
    }
}
.pnl-over-view__timeInterval{
    align-items:center;
    display:flex;
    justify-content:space-between
}
.pnl-over-view__timeInterval .p-range-picker-desktop{
    white-space:nowrap;
    width:unset
}
.pnl-over-view__timeInterval .p-range-picker-desktop-menu{
    left:-375px;
    white-space:nowrap
}
.pnl-over-view__timeInterval .p-tab__wrapper{
    border:unset;
    justify-content:end
}
.pnl-over-view__timeInterval .p-tab__wrapper div{
    gap:0!important
}
.pnl-over-view__timeInterval .p-tab__wrapper .p-tab--selected{
    display:none
}
.pnl-over-view__timeInterval .p-tab__item{
    border-right:1px solid var(--stroke-light);
    height:20px;
    padding:8px;
    position:relative
}
.pnl-over-view__timeInterval .p-tab__item--active:after{
    content:"";
    height:0!important
}
.pnl-over-view .p-tab__wrapper .p-tab__item--active .p-tab__item--text{
    color:var(--fg-accent)
}
.pnl-over-view .p-icon{
    height:unset;
    width:unset
}
.pnl-over-view__p-range-picker-desktop .p-button{
    padding-left:8px;
    padding-right:0
}
.pnl-over-view__p-range-picker-desktop .p-button:hover{
    background-color:unset!important
}
@media(max-width:1248px){
    .pnl-over-view{
        margin:16px 0
    }
    .pnl-over-view .p-tab__item--text{
        font-size:12px
    }
}
.asset-detail{
    gap:24px;
    position:relative
}
.asset-detail,.asset-detail--circle{
    display:flex;
    flex-direction:column;
    justify-content:center
}
.asset-detail--circle{
    align-items:center;
    gap:8px;
    width:100%
}
.asset-detail--circle--deposit{
    background-color:var(--themes-danger-solid-light)
}
.asset-detail--circle--deposit,.asset-detail--circle--withdrawal{
    align-items:center;
    border-radius:var(--br-full);
    display:flex;
    height:48px;
    justify-content:center;
    width:48px
}
.asset-detail--circle--withdrawal{
    background-color:var(--themes-main-solid-light)
}
.asset-detail .p-market-chart__segmented{
    display:none!important
}
.asset-detail__total-asset{
    align-items:center;
    display:flex;
    gap:11px
}
.asset-detail .p-snackbar-wrapper{
    display:unset;
    position:sticky;
    width:unset
}
.asset-detail__p-snackbar .p-snackbar{
    background-color:var(--themes-danger-solid-light);
    margin-right:20px;
    width:440px
}
@media(max-width:1248px){
    .asset-detail__p-snackbar .p-snackbar{
        border-bottom:unset;
        margin:0 20px;
        width:100%
    }
}
.asset-detail .transaction{
    margin:24px 0
}
.withdraw__point:before{
    content:".";
    font-size:40px;
    margin-top:-10px
}
@media(max-width:1248px){
    .withdraw{
        justify-content:start!important;
        min-height:calc(var(--vh, 1dvh)*100 - 185px)
    }
}
.deposit{
    display:flex;
    flex-direction:column;
    gap:24px;
    justify-content:center
}
.deposit__point{
    display:flex;
    gap:8px
}
.deposit__point:before{
    content:".";
    font-size:40px;
    margin-top:-10px
}
.deposit__address{
    margin-top:24px
}
.deposit__qr{
    margin:24px auto
}
@media(max-width:1248px){
    .deposit{
        justify-content:start;
        min-height:calc(var(--vh, 1dvh)*100 - 140px)
    }
}
.tl-withdraw{
    display:flex;
    flex-direction:column;
    gap:24px
}
.tl-withdraw .p-dropdown{
    border:none;
    height:54px;
    padding:0
}
.tl-withdraw .p-dropdown__field{
    font-size:24px!important;
    font-weight:600!important;
    height:54px
}
.tl-withdraw .p-dropdown__cover{
    gap:8px
}
.tl-withdraw .p-dropdown--animationSlideRight{
    display:flex
}
.tl-withdraw .p-dropdown label{
    bottom:10px;
    top:unset!important;
    transform:unset!important
}
.tl-withdraw .p-dropdown input{
    bottom:10px
}
.tl-withdraw__card{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-left:15px
}
.tl-withdraw__qrcode{
    background-color:var(--bg-white);
    border-radius:50%;
    box-shadow:0 0 0 10px var(--bg-white);
    left:50%;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%)
}
.tl-withdraw__qrcode--wrapper{
    position:relative
}
.tl-withdraw__info b{
    font-weight:500
}
.tl-withdraw__address{
    width:90%;
    word-wrap:break-word;
    white-space:normal
}
.withdraw{
    position:relative
}
.withdraw,.withdraw__form{
    display:flex;
    flex-direction:column;
    gap:24px;
    justify-content:center
}
.withdraw__form{
    align-items:center;
    height:256px;
    width:100%
}
.withdraw__input--wrapper{
    align-items:center;
    display:flex;
    flex-direction:row;
    gap:8px;
    justify-content:center;
    padding:16px 20px;
    width:100%
}
.withdraw__input--field{
    background:var(--bg-white);
    border:none;
    caret-color:var(--fg-accent);
    color:var(--fg-primary);
    text-align:center
}
.withdraw__currency{
    flex-direction:column;
    width:95%
}
.withdraw__currency,.withdraw__currency--value{
    align-items:center;
    display:flex;
    justify-content:center
}
.withdraw__currency--value{
    flex-direction:row;
    gap:8px
}
.withdraw__action{
    gap:8px;
    width:100%
}
.withdraw__balance{
    color:var(--fg-tertiary);
    gap:4px
}
.withdraw__balance,.withdraw__chips{
    align-items:center;
    display:flex;
    flex-direction:row;
    justify-content:center
}
.withdraw__chips{
    gap:12px;
    margin-bottom:24px;
    padding-top:8px
}
.withdraw__chips--inner{
    border-radius:var(--br-full);
    height:28px!important;
    width:100%
}
.withdraw__point{
    display:flex;
    gap:8px
}
.withdraw__point:before{
    content:"•";
    font-size:12px;
    margin-top:unset
}
.withdraw__addresses{
    background-color:var(--bg-white);
    border:1px solid var(--stroke-medium)!important;
    border-radius:var(--br-6);
    box-shadow:0 10px 15px -3px var(--box-shadow-04);
    position:absolute;
    width:100%;
    z-index:var(--z-index-drawer)
}
.withdraw__addresses--item{
    cursor:pointer;
    padding:12px;
    word-break:break-all
}
.withdraw__addresses--item:hover{
    background-color:var(--adaptive-gray-light)
}
.wallet-hover__profile--link{
    align-items:center;
    border:1px solid var(--fg-accent);
    border-radius:50%;
    cursor:pointer;
    display:flex;
    height:24px;
    justify-content:center;
    width:24px
}
.wallet-hover__profile--wrapper{
    position:relative
}
.wallet-hover__profile--wrapper__hover{
    cursor:default;
    opacity:0;
    padding-top:15px;
    position:absolute;
    right:-180px;
    top:25px;
    transition:all .2s ease-in-out;
    visibility:hidden;
    z-index:30
}
.header__wallet--wrapper:hover .wallet-hover__profile--wrapper__hover{
    opacity:1;
    visibility:visible
}
.wallet-hover__profile--wrapper__hover--container{
    background-color:var(--bg-white);
    border-radius:16px;
    padding:24px;
    width:450px
}
.wallet-hover__profile--wrapper__hover :not(.header__link--notactive).router-link-active:after{
    display:none
}
.wallet-hover__profile--wrapper .header__profile{
    height:100%;
    padding:2px;
    width:100%
}
.wallet-hover__profile--wrapper .header__profile img{
    border-radius:50%;
    height:20px;
    -o-object-fit:cover;
    object-fit:cover;
    width:20px
}
.wallet-hover__background:after{
    background-color:#0000001a;
    content:"";
    height:100vh;
    left:0;
    overflow:hidden;
    position:fixed;
    top:0;
    width:100%;
    z-index:-1
}
.wallet-hover__list{
    max-height:340px;
    overflow-y:scroll;
    -ms-overflow-style:none;
    scrollbar-width:none
}
.wallet-hover__list .market-list__item--mobile{
    width:100%
}
.wallet-hover__list .market-list__icon{
    min-width:unset!important;
    width:unset!important
}
.wallet-hover__barchart .p-chart-wallet__minMax{
    display:none
}
.wallet-transition-list{
    margin:32px 0
}
.wallet-transition-list__badge{
    margin-left:-20px;
    position:absolute
}
.wallet-transition-list__status--confirm{
    border-radius:var(--br-4);
    display:inline-block;
    padding:1px 6px
}
.skeleton-wrapper [class^=f-]:not(.not-skeleton){
    position:relative
}
.skeleton-wrapper [class^=f-]:not(.not-skeleton):after{
    animation:skeleton-pulse 1.25s cubic-bezier(.4,0,.2,1) infinite;
    background:var(--bg-white);
    border-radius:var(--br-6);
    content:"";
    display:block;
    height:100%;
    position:absolute;
    top:0;
    transform:scale(1.08);
    width:100%
}
.skeleton-wrapper [class^=p-icon]:not(.not-skeleton){
    position:relative
}
.skeleton-wrapper [class^=p-icon]:not(.not-skeleton):after{
    animation:skeleton-pulse 1.25s cubic-bezier(.4,0,.2,1) infinite;
    background:var(--bg-white);
    border-radius:var(--br-6);
    content:"";
    display:block;
    height:100%;
    position:absolute;
    top:0;
    transform:scale(1.08);
    width:100%
}
.skeleton-wrapper [class^=p-badge]:not(.not-skeleton){
    position:relative
}
.skeleton-wrapper [class^=p-badge]:not(.not-skeleton):after{
    animation:skeleton-pulse 1.25s cubic-bezier(.4,0,.2,1) infinite;
    background:var(--bg-white);
    border-radius:var(--br-6);
    content:"";
    display:block;
    height:100%;
    position:absolute;
    top:0;
    transform:scale(1.08);
    width:100%
}
.skeleton-wrapper .financial-history__table--col:not(.not-skeleton){
    position:relative
}
.skeleton-wrapper .financial-history__table--col:not(.not-skeleton):after{
    animation:skeleton-pulse 1.25s cubic-bezier(.4,0,.2,1) infinite;
    background:var(--bg-white);
    border-radius:var(--br-6);
    content:"";
    display:block;
    height:100%;
    position:absolute;
    top:0;
    transform:scale(1.08);
    width:100%
}
.skeleton-wrapper .financial-history__icon:not(.not-skeleton){
    position:relative
}
.skeleton-wrapper .financial-history__icon:not(.not-skeleton):after{
    animation:skeleton-pulse 1.25s cubic-bezier(.4,0,.2,1) infinite;
    background:var(--bg-white);
    border-radius:var(--br-6);
    content:"";
    display:block;
    height:100%;
    position:absolute;
    top:0;
    transform:scale(1.08);
    width:100%
}
.skeleton-wrapper .p-tag:not(.not-skeleton){
    position:relative
}
.skeleton-wrapper .p-tag:not(.not-skeleton):after{
    animation:skeleton-pulse 1.25s cubic-bezier(.4,0,.2,1) infinite;
    background:var(--bg-white);
    border-radius:var(--br-6);
    content:"";
    display:block;
    height:100%;
    position:absolute;
    top:0;
    transform:scale(1.08);
    width:100%
}
.skeleton-wrapper .financial-history__mobile--action:not(.not-skeleton){
    position:relative
}
.skeleton-wrapper .financial-history__mobile--action:not(.not-skeleton):after{
    animation:skeleton-pulse 1.25s cubic-bezier(.4,0,.2,1) infinite;
    background:var(--bg-white);
    border-radius:var(--br-6);
    content:"";
    display:block;
    height:100%;
    position:absolute;
    top:0;
    transform:scale(1.08);
    width:100%
}
@keyframes skeleton-pulse{
    0%{
        background-color:var(--bg-white)
    }
    50%{
        background-color:var(--bg-gray-light)
    }
    to{
        background-color:var(--bg-white)
    }
}
.small-asset{
    height:100%;
    margin-left:-16px!important;
    position:relative
}
.small-asset__tl-convoertion{
    min-width:46px
}
.small-asset__header{
    padding:0 8px 8px 16px
}
.small-asset__inner{
    height:85dvh
}
.small-asset__bottom{
    padding:8px;
    width:100%
}
@media(max-width:1248px){
    .small-asset__bottom{
        bottom:16px;
        margin-left:8px!important
    }
}
.small-asset .p-list{
    padding:8px
}
.small-asset__list .p-divider{
    margin-left:40px
}
.small-asset--checkbox .p-checkbox__field{
    background-color:var(--themes-success-solid-light);
    border:none
}
.small-asset--checkbox .p-checkbox__field:before{
    border:solid var(--fg-fix-white);
    border-width:0 0 2px;
    display:flex;
    height:6.5px;
    justify-content:center;
    margin:auto;
    transform:rotate(0);
    transition:transform .3s;
    width:8.5px
}
@media(max-width:1248px){
    .small-asset__drawer .p-drawer__content{
        height:100%!important;
        padding-bottom:unset!important
    }
}
.small-asset__drawer .p-drawer__content__inner{
    height:100%!important
}
.value--success{
    color:var(--fg-accent)
}
.value--error{
    color:var(--fg-danger)
}
.wallet-list__header{
    display:flex;
    gap:var(--gap-8);
    height:32px;
    justify-content:space-between
}
.wallet-list__header-item{
    width:147px
}
.wallet-list__header-item:first-child{
    width:320px
}
.wallet-list__header-item:nth-child(2){
    width:156px
}
.wallet-list__col{
    width:147px
}
.wallet-list__col:first-child{
    width:320px
}
.wallet-list__col:nth-child(2){
    width:156px
}
.wallet-list__col--mobile{
    overflow:hidden;
    width:calc(50% - 34px)
}
.wallet-list__item{
    height:56px
}
@media(hover:hover)and (pointer:fine){
    .wallet-list__item:hover{
        background-color:var(--adaptive-gray-light);
        border-radius:var(--br-6);
        margin:0 -8px;
        padding:0 8px
    }
}
.wallet-list__item--mobile{
    height:64px
}
.wallet-list__name{
    max-width:240px
}
.wallet-list__icon{
    height:40px;
    min-width:40px;
    width:40px
}
.wallet-list__disabled--button[disabled]{
    background-color:transparent!important
}
.travel-rule{
    padding:32px 24px
}
.travel-rule__circle{
    background-color:var(--themes-warning-solid-light);
    border-radius:var(--br-full);
    height:8px;
    left:-20px;
    position:absolute;
    top:6px;
    width:8px
}
@media(max-width:1248px){
    .travel-rule__circle{
        top:4px
    }
}
.travel-rule__circle--hover{
    background-color:var(--themes-warning-solid-light);
    border-radius:var(--br-full);
    height:8px;
    position:relative;
    width:8px
}
.travel-rule__status{
    width:30%
}
@media(max-width:1248px){
    .travel-rule{
        padding:24px 0 0 20px
    }
}
.account{
    padding:16px
}
@media(max-width:1248px){
    .account{
        padding:0 16px 16px
    }
}
.account__title--wrapper{
    align-items:center;
    background-color:var(--bg-white);
    display:flex;
    height:48px;
    justify-content:space-between;
    position:sticky;
    top:0;
    width:100%;
    z-index:var(--z-index-middle)
}
.account__section{
    align-items:start;
    display:flex;
    flex-direction:column;
    gap:4px;
    justify-content:start;
    padding-top:32px;
    width:100%
}
@media(max-width:992px){
    .account__section{
        gap:16px
    }
}
@media(min-width:992px){
    .account__section{
        max-width:500px
    }
}
.account__section-title{
    margin-bottom:40px
}
.account__section-item{
    cursor:pointer;
    padding:12px 0 12px 12px;
    word-break:break-all
}
.account__section-item .p-list__title span{
    font-weight:500;
    word-break:break-word
}
.account__section-item:hover{
    background-color:var(--adaptive-gray-light)
}
.account__list{
    align-items:start;
    border-bottom:1px solid var(--stroke-light);
    display:flex;
    flex-direction:column;
    gap:16px;
    justify-content:start;
    width:100%
}
.account__list:last-child{
    border-bottom:none
}
.account__list-item{
    cursor:pointer;
    margin:2px 0;
    padding:12px 3px 12px 2px;
    word-break:break-all
}
.account__list-item .p-list__title span{
    font-weight:500;
    word-break:break-word
}
.account__list-item:hover{
    background-color:var(--adaptive-gray-light)
}
.account__list-item--advanced-security{
    cursor:pointer;
    padding:0
}
.account__list-item--advanced-security:not(:last-child){
    border-bottom:1px solid var(--stroke-light)
}
.account__list-item--advanced-security .p-list{
    margin:2px 0;
    max-height:48px
}
.account__list-item--advanced-security .p-list:hover{
    background-color:var(--adaptive-gray-light)
}
@media(max-width:992px){
    .account__list .p-list__title{
        padding-right:16px
    }
    .account__list{
        margin:0
    }
}
.account__drawer{
    gap:24px
}
.account__drawer,.account__drawer-input-container{
    align-items:start;
    display:flex;
    flex-direction:column;
    justify-content:start;
    width:100%
}
.account__drawer-input-container{
    gap:12px
}
.account__drawer-button{
    width:100%
}
@media(max-width:1248px){
    .account__drawer{
        margin-bottom:25px
    }
}
.account__drawer--divider{
    width:calc(100% - 28px)
}
.account__drawer .p-checkbox__wrapper{
    align-items:flex-start
}
.account__drawer .p-checkbox__wrapper input{
    margin-top:2px
}
.account__drawer--scroll{
    display:block;
    max-width:100%;
    overflow-x:auto
}
.account__drawer--scroll table{
    display:block;
    min-width:100%;
    width:-moz-max-content;
    width:max-content
}
.account__drawer--policy{
    color:var(--fg-primary)!important;
    font-family:ParibuSans,sans-serif!important
}
.account__drawer--policy span{
    color:var(--fg-secondary)!important;
    font-family:ParibuSans,sans-serif!important
}
.account__drawer--policy strong{
    color:var(--fg-primary)!important;
    font-family:ParibuSans,sans-serif!important
}
.account__drawer--policy a{
    background-color:transparent!important
}
.account__drawer--policy img{
    height:56px;
    margin:20px 0;
    width:auto
}
.account__drawer--link .p-link__label{
    font-weight:500
}
.account__drawer--ips{
    padding:32px 24px 32px 32px
}
.account-tooltip:hover{
    background-color:var(--adaptive-gray-medium);
    border-radius:var(--br-6)
}
.account-api-address{
    width:190px
}
.account__passkey-list{
    position:relative;
    width:100%
}
.account__passkey-list-col{
    width:calc(50% - 40px)
}
.user-verification__step-info{
    align-items:start;
    display:flex;
    flex-direction:column;
    justify-content:start;
    position:relative;
    width:100%
}
.user-verification__step-info>div>p:first-child{
    background-color:var(--bg-white);
    height:100%;
    z-index:var(--z-index-overlay)
}
.user-verification__step-info:after{
    background-color:var(--stroke-strong);
    content:"";
    height:100%;
    left:5px;
    position:absolute;
    top:0;
    width:1px
}
.transaction-detail__item{
    width:174px
}
@media(max-width:1248px){
    .transaction-detail__item{
        width:103px
    }
}
.language-preferences{
    padding-top:32px
}
@media(max-width:1248px){
    .language-preferences{
        padding-top:0
    }
}
.commissions{
    align-items:start;
    display:flex;
    flex-direction:column;
    gap:16px;
    justify-content:start;
    margin-bottom:24px;
    max-width:460px;
    padding-top:32px;
    width:100%
}
.commissions__container{
    margin:0 auto;
    max-width:485px;
    width:100%
}
.commissions__taker-maker{
    text-align:center;
    width:170px
}
.commissions__bar{
    background-color:var(--bg-gray-medium);
    border-radius:var(--br-full);
    height:8px;
    max-width:400px;
    position:relative;
    width:100%
}
.commissions__bar-progress{
    background-color:var(--themes-main-solid-light);
    border-radius:var(--br-full);
    height:8px
}
.commissions__level{
    align-items:center;
    background-color:var(--bg-gray-medium);
    border-radius:var(--br-full);
    display:flex;
    height:22px;
    justify-content:center;
    width:22px
}
.commissions__level--active{
    background-color:var(--themes-main-solid-light)
}
@media(max-width:1248px){
    .commissions__level{
        width:26px
    }
}
.commissions__rates-header-container{
    border-bottom:1px solid var(--stroke-light)
}
.commissions__rates-item{
    align-items:center;
    display:flex;
    height:72px;
    justify-content:start;
    padding:16px;
    text-align:left;
    width:100px
}
.commissions__rates-item:first-child{
    padding-left:0;
    width:64px
}
@media(max-width:1248px){
    .commissions__rates-item:first-child{
        width:32px
    }
}
.commissions__rates-item:last-child{
    justify-content:end;
    padding-right:0;
    text-align:right;
    width:210px
}
@media(max-width:1248px){
    .commissions__rates-item:last-child{
        width:100%
    }
    .commissions__rates-item{
        width:75px
    }
}
.commissions__rates-row{
    border-bottom:1px solid var(--stroke-light);
    height:52px
}
.commissions__rates-row:last-child{
    border-bottom:none
}
.commissions__rates-row .commissions__rates-item{
    height:52px
}
.commissions__rates-row--active,.commissions__rates-row--active div{
    color:var(--themes-main-solid-light)
}
.underlined-text{
    height:32px;
    position:relative
}
.underlined-text:after{
    background:var(--themes-main-solid-light);
    border-radius:2px;
    bottom:0;
    content:"";
    height:2px;
    left:0;
    position:absolute;
    width:32px
}
.api-key__list{
    height:60px;
    justify-content:center
}
.api-key__list .p-list{
    padding:18px 8px!important
}
.api-key__create .api-key__ip .p-text-input__cover{
    border:0;
    border-bottom:1px solid var(--stroke-medium);
    border-radius:0
}
.api-key__create .api-key__ip .p-text-input__inner{
    margin-left:0
}
.api-key__create .p-chip{
    height:32px;
    padding:8px 0 8px 8px
}
.api-key__create .p-chip .p-button{
    padding:0 4px
}
.api-key__multiselect-label{
    font-weight:400!important
}
.alarm-switch .p-switch__prepend{
    width:100%
}
.alarm-switch .p-switch__inner{
    width:45px
}
.alarm-history-searches{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:16px;
    padding-top:12px
}
.alarm-history-searches__item{
    cursor:pointer;
    height:32px;
    padding:8px
}
.alarm-history__tooltip{
    width:240px
}
.alarm-filter_wrapper .p-dropdown__label{
    font-size:12px!important;
    letter-spacing:0!important;
    line-height:16px!important;
    top:0;
    transform:translate(0)
}
.alarm-filter_dropdown{
    background-color:var(--bg-white);
    border:1px solid var(--stroke-medium);
    border-radius:var(--br-6);
    box-shadow:var(--shadow-light);
    display:flex;
    left:0;
    overflow:hidden;
    padding:8px 12px;
    position:absolute;
    top:calc(100% + 4px);
    width:100%
}
.alarm-search-list__history{
    height:calc(var(--vh, 1vh)*100 - 300px);
    margin:0 -12px;
    overflow-y:scroll;
    padding:0 12px
}
.fast-alarms__tooltip{
    width:226px
}
.fast-alarms__tooltip--desc{
    font-weight:400
}
.financial-history{
    padding:0!important
}
.financial-history__icon{
    height:30px;
    min-width:30px;
    width:30px
}
@media(min-width:1248px){
    .financial-history{
        min-height:100vh;
        padding:0 0 96px
    }
}
.financial-history-segmented-control{
    background-color:var(--bg-white);
    display:flex;
    gap:24px;
    margin-top:40px;
    overflow-x:auto;
    position:sticky;
    top:80px;
    width:100%
}
.financial-history-segmented-control::-webkit-scrollbar{
    display:none
}
@media(max-width:1248px){
    .financial-history-segmented-control{
        align-items:start;
        flex-direction:column-reverse;
        gap:8px;
        margin-top:8px;
        position:relative;
        top:0
    }
}
.financial-history-segmented-control:after{
    border-bottom:2px solid var(--stroke-light);
    bottom:4px;
    content:"";
    position:absolute;
    width:100%
}
.financial-history-search{
    max-width:386px
}
.financial-history-dropdown{
    width:240px
}
@media(max-width:1248px){
    .financial-history-dropdown{
        width:112px
    }
}
.financial-history-dropdown-mobile{
    flex:1
}
.financial-history-divider{
    height:16px
}
@media(max-width:1248px){
    .financial-history__table{
        align-items:start;
        display:flex;
        flex-direction:column;
        overflow-x:auto;
        overflow-y:hidden
    }
    .financial-history__table::-webkit-scrollbar{
        height:4px
    }
}
.financial-history__table--header{
    display:flex;
    gap:4px;
    height:32px;
    justify-content:space-between;
    min-width:100%
}
.financial-history__table--header-item{
    width:95px
}
.financial-history__table--header-lg{
    width:130px
}
.financial-history__table--row{
    gap:4px;
    height:48px
}
@media(hover:hover)and (pointer:fine){
    .financial-history__table--row:hover{
        background-color:var(--adaptive-gray-light);
        border-radius:var(--br-6);
        margin:0 -8px;
        padding:0 8px
    }
}
.financial-history__table--col-lg{
    width:130px
}
.financial-history__table--col{
    width:95px
}
.financial-history__table--col--mobile{
    width:calc(50% - 34px)
}
.financial-history__table--progress-bar{
    justify-content:start!important;
    text-decoration:none!important
}
.financial-history__table--body{
    min-width:100%
}
.financial-history__table--body div>:last-child hr{
    display:none
}
.financial-history__mobile--action{
    align-items:center;
    display:flex;
    gap:8px;
    justify-content:space-between;
    margin-top:16px
}
.financial-history__mobile--action-icon{
    align-items:center;
    display:flex;
    flex-direction:row;
    gap:8px;
    justify-content:space-between
}
.financial-history__mobile--list{
    display:flex;
    flex-direction:column;
    gap:4px;
    margin-top:4px
}
.financial-history__mobile--row{
    display:flex;
    gap:4px;
    justify-content:space-between
}
.financial-history__counter-party-info{
    width:240px
}
.easy-trade__wrapper{
    align-items:center;
    display:flex;
    flex-direction:column;
    gap:16px;
    justify-content:center;
    position:relative
}
.easy-trade__wrapper .p-segmented-control{
    width:calc(100% - 96px)
}
.easy-trade__wrapper .p-segmented-control__item--selected:first-child{
    color:var(--fg-accent)
}
.easy-trade__wrapper .p-segmented-control__item--selected:nth-child(2){
    color:var(--fg-danger)
}
.easy-trade__form{
    align-items:center;
    display:flex;
    flex-direction:column;
    height:480px;
    justify-content:space-between;
    width:100%
}
@media(max-width:1247px){
    .easy-trade__form{
        height:311px
    }
}
.easy-trade__input--wrapper{
    align-items:center;
    display:flex;
    flex-direction:row;
    gap:8px;
    height:288px;
    justify-content:center;
    width:100%
}
@media(max-width:1247px){
    .easy-trade__input--wrapper{
        height:112px
    }
}
.easy-trade__input--field{
    background:var(--bg-white);
    border:none;
    caret-color:var(--fg-accent);
    color:var(--fg-primary);
    text-align:right
}
.easy-trade__input--field:focus{
    border-color:var(--fg-accent)
}
.easy-trade__input--field:focus-visible{
    outline:none
}
.easy-trade__input--field::-moz-placeholder{
    color:var(--fg-primary)
}
.easy-trade__input--field::placeholder{
    color:var(--fg-primary)
}
.easy-trade__dropdown{
    background-color:var(--bg-white);
    border:1px solid var(--stroke-medium);
    border-radius:var(--br-6);
    box-shadow:var(--shadow-light);
    display:flex;
    left:0;
    overflow:hidden;
    padding:8px 12px;
    position:absolute;
    top:0;
    width:100%;
    z-index:99
}
.easy-trade__dropdown .alarm-search-list__history{
    height:auto;
    max-height:calc(var(--vh, 1vh)*100 - 200px)
}
@media(max-width:1247px){
    .easy-trade__dropdown .alarm-search-list__history{
        max-height:calc(var(--vh, 1vh)*100 - 320px)
    }
}
.easy-trade__icon{
    transition:transform .2s
}
.easy-trade__icon--rotate{
    transform:rotate(180deg)
}
.easy-trade__currency{
    align-items:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:95%
}
.easy-trade__currency--value{
    align-items:baseline;
    display:flex;
    gap:8px;
    transition:transform .2s ease-in-out
}
.easy-trade__direction{
    align-items:center;
    width:5%
}
.easy-trade__action,.easy-trade__direction{
    display:flex;
    flex-direction:column;
    justify-content:center
}
.easy-trade__action{
    gap:24px;
    width:100%
}
.easy-trade__balance{
    gap:4px;
    padding-bottom:8px
}
.easy-trade__balance,.easy-trade__chips{
    align-items:center;
    display:flex;
    flex-direction:row;
    justify-content:center
}
.easy-trade__chips{
    gap:12px;
    padding-top:8px
}
.easy-trade__chips--item{
    border-radius:var(--br-full);
    font-weight:500;
    height:32px;
    width:25%
}
.home{
    background-color:var(--fg-fix-white);
    min-height:200vh;
    overflow:hidden;
    position:relative;
    will-change:background-color;
    z-index:1
}
.home *{
    font-family:ParibuSans
}
.home__hero{
    height:100vh;
    will-change:opacity
}
.home__hero-layout{
    align-items:center;
    display:flex;
    flex-direction:column;
    height:100vh;
    justify-content:center;
    position:relative;
    width:100vw;
    z-index:10
}
.home__title{
    font-size:152px;
    font-weight:400;
    line-height:152px;
    text-align:center;
    will-change:opacity
}
@media(max-width:1440px){
    .home__title{
        font-size:130px;
        line-height:130px
    }
}
@media(max-width:992px){
    .home__title{
        font-size:64px;
        line-height:64px;
        will-change:transform,opacity
    }
}
.home__subtitle{
    background-color:#fff;
    font-size:32px;
    font-weight:400;
    line-height:44px;
    margin-bottom:80px;
    max-width:1200px;
    min-height:56px;
    overflow:hidden;
    text-align:center;
    white-space:pre-line;
    width:100%;
    will-change:opacity;
    z-index:10
}
@media(max-width:992px){
    .home__subtitle{
        font-size:24px;
        line-height:33.6px;
        white-space:pre-line;
        will-change:transform,opacity
    }
}
.home__hero-black{
    background-color:#000;
    height:0;
    left:0;
    opacity:1;
    overflow:hidden;
    position:absolute;
    top:47vh;
    width:100vw;
    will-change:height,transform;
    z-index:10
}
.home__hero-stat{
    align-items:center;
    display:flex;
    flex-direction:column;
    height:330px;
    justify-content:center;
    left:0;
    position:absolute;
    right:0;
    z-index:-1
}
@media(max-width:992px){
    .home__hero-stat{
        will-change:transform
    }
}
.home__hero-signup-btn{
    background-color:var(--themes-main-solid-light)
}
.home__hero-app-btn,.home__hero-signup-btn{
    align-items:center;
    border:none;
    border-radius:var(--br-6);
    color:var(--fg-fix-white);
    display:flex;
    font-size:14px;
    font-weight:500;
    height:48px;
    justify-content:center;
    line-height:20px;
    padding:0 16px;
    white-space:nowrap;
    width:130px
}
.home__hero-app-btn{
    background-color:var(--themes-fix-primary);
    gap:8px;
    position:relative
}
.home__hero-app-btn:hover .home__hero-app-qr{
    opacity:1;
    top:39px
}
.home__hero-btns{
    will-change:opacity
}
.home__hero-app-qr{
    background-color:var(--fg-fix-white);
    border:1px solid rgba(31,34,41,.08);
    border-radius:6px;
    left:0;
    opacity:0;
    padding:13px;
    position:absolute;
    right:0;
    top:50px;
    transition:all .2s;
    z-index:2
}
.home__hero-app-qr .p-qr-code{
    height:104px;
    width:104px
}
.home__stat-title{
    align-items:center;
    color:var(--fg-fix-white);
    display:flex;
    flex-direction:column;
    font-size:140px;
    font-weight:400;
    height:150px;
    line-height:168px;
    overflow:hidden;
    text-align:center
}
@media(max-width:992px){
    .home__stat-title{
        font-size:100px;
        height:120px;
        line-height:120px
    }
}
.home__stat-title--1{
    will-change:margin
}
.home__stat-subtitle{
    align-items:center;
    color:var(--themes-main-solid-light);
    display:flex;
    flex-direction:column;
    font-size:40px;
    font-weight:400;
    height:50px;
    line-height:48px;
    overflow:hidden;
    text-align:center
}
@media(max-width:992px){
    .home__stat-subtitle{
        font-size:24px;
        height:30px;
        line-height:30px
    }
}
.home__stat-subtitle--1{
    will-change:margin
}
.home__icons{
    align-items:center;
    display:flex;
    gap:34px;
    justify-content:center;
    left:0;
    margin:0 auto;
    opacity:1;
    position:absolute;
    right:0;
    top:175px;
    will-change:gap;
    z-index:1
}
@media(max-width:992px){
    .home__icons{
        will-change:transform,gap
    }
}
.home__icons--1,.home__icons--2,.home__icons--3,.home__icons--4{
    will-change:width
}
@media(max-width:992px){
    .home__icons--1,.home__icons--2,.home__icons--3,.home__icons--4{
        will-change:transform,width
    }
}
.home__app-section{
    height:100vh;
    position:absolute;
    top:0;
    width:100vw;
    z-index:0
}
.home__app{
    height:640px;
    left:0;
    margin:0 auto;
    opacity:0;
    position:absolute;
    right:0;
    top:100vh;
    width:295px;
    will-change:opacity
}
.home__app-img{
    border:4.5px solid rgba(31,34,41,.08);
    border-radius:32px;
    height:640px;
    position:relative;
    width:100%;
    will-change:opacity,top
}
.home__app-img-contianer{
    height:540px;
    overflow:hidden;
    position:relative;
    width:295px
}
.home__app-title{
    font-size:72px;
    font-weight:400;
    line-height:86.4px;
    margin:0 auto;
    max-width:700px;
    opacity:0;
    position:relative;
    text-align:center;
    top:124px;
    will-change:opacity
}
@media(max-width:992px){
    .home__app-title{
        font-size:36px;
        line-height:43.2px;
        max-width:340px
    }
}
.home__app-title-line{
    background-color:var(--themes-main-solid-light);
    bottom:0;
    height:4px;
    left:44px;
    position:absolute;
    right:0;
    width:0;
    will-change:width
}
@media(max-width:992px){
    .home__app-title-line{
        left:16px;
        will-change:width
    }
}
.home__app-subtitle{
    background:var(--fg-fix-white);
    font-size:56px;
    font-weight:400;
    line-height:67.2px;
    margin:50vh auto 0;
    max-width:800px;
    opacity:0;
    padding:12px 0 40px;
    position:relative;
    text-align:center;
    will-change:opacity,margin
}
@media(max-width:992px){
    .home__app-subtitle{
        font-size:32px;
        line-height:38.4px;
        padding:40px 0
    }
}
.home__app-nav{
    display:flex;
    gap:16px;
    left:114px;
    margin:0 auto;
    position:absolute;
    top:562.3px;
    will-change:gap
}
@media(max-width:992px){
    .home__app-nav{
        will-change:transform,gap
    }
}
.home__app-nav path{
    will-change:fill
}
@media(max-width:992px){
    .home__app-nav svg:last-child{
        will-change:transform
    }
}
.home__app-subtitle-2{
    font-size:32px;
    font-weight:400;
    line-height:44.8px;
    opacity:0;
    position:relative;
    text-align:center;
    will-change:opacity
}
.home__app-subtitle-2 br{
    display:none
}
@media(max-width:992px){
    .home__app-subtitle-2{
        font-size:20px;
        line-height:28px
    }
    .home__app-subtitle-2 br{
        display:block
    }
}
.home__markets{
    background:#000;
    border-radius:20px;
    left:24px;
    margin:0 auto;
    max-width:1200px;
    min-height:100vh;
    position:fixed;
    right:24px;
    top:100vh;
    will-change:border-radius,max-width,left,right,opacity
}
.home__markets-hero{
    align-items:center;
    display:flex;
    flex-direction:column;
    gap:32px;
    height:766px;
    justify-content:center
}
@media(max-width:992px){
    .home__markets-hero{
        will-change:transform
    }
}
.home__markets-video{
    margin:0 auto;
    width:120px
}
@media(max-width:992px){
    .home__markets-video{
        margin-bottom:32px;
        width:88px;
        will-change:transform
    }
}
.home__markets-title{
    color:var(--fg-fix-white);
    font-size:120px;
    font-weight:400;
    line-height:156px;
    position:relative;
    text-align:center
}
.home__markets-title:after{
    background:var(--themes-main-solid-light);
    bottom:-8px;
    content:"";
    height:4px;
    left:50%;
    position:absolute;
    transform:translate(-50%);
    width:48px
}
@media(max-width:992px){
    .home__markets-title{
        font-size:64px;
        line-height:83.2px;
        will-change:transform
    }
}
.home__markets-subtitle{
    color:var(--fg-fix-white);
    font-size:24px;
    font-weight:400;
    line-height:33.6px;
    opacity:.7;
    text-align:center
}
@media(max-width:992px){
    .home__markets-subtitle{
        font-size:20px;
        line-height:28px
    }
}
.home__wallet{
    background:var(--fg-fix-white);
    border-radius:20px;
    left:24px;
    margin:0 auto;
    max-width:1200px;
    min-height:100vh;
    position:fixed;
    right:24px;
    top:100vh;
    will-change:border-radius,max-width,left,right,opacity
}
.home__wallet-hero{
    align-items:center;
    display:flex;
    flex-direction:column;
    gap:32px;
    height:766px;
    justify-content:center
}
@media(max-width:992px){
    .home__wallet-hero{
        will-change:transform
    }
}
.home__wallet-video{
    margin:0 auto;
    width:240px
}
@media(max-width:992px){
    .home__wallet-video{
        width:176px;
        will-change:transform
    }
}
.home__wallet-title{
    color:#000;
    font-size:120px;
    font-weight:400;
    line-height:156px;
    margin-top:-60px;
    position:relative;
    text-align:center
}
.home__wallet-title:after{
    background:var(--themes-main-solid-light);
    bottom:-8px;
    content:"";
    height:4px;
    left:50%;
    position:absolute;
    transform:translate(-50%);
    width:48px
}
@media(max-width:992px){
    .home__wallet-title{
        font-size:64px;
        line-height:76.8px;
        margin-top:0;
        will-change:transform
    }
}
.home__wallet-subtitle{
    color:#000;
    font-size:24px;
    font-weight:400;
    line-height:33.6px;
    opacity:.7;
    text-align:center
}
@media(max-width:992px){
    .home__wallet-subtitle{
        font-size:20px;
        line-height:28px
    }
}
.home-features{
    align-items:center;
    display:flex;
    gap:64px;
    justify-content:center;
    padding-bottom:200px
}
@media(max-width:992px){
    .home-features{
        flex-direction:column;
        gap:40px
    }
    .home-features--markets,.home-features--wallet{
        will-change:transform
    }
}
.home-features__item{
    border:1px solid hsla(0,0%,100%,.15);
    border-radius:24px;
    max-width:343px;
    min-height:500px;
    overflow:hidden;
    position:relative;
    width:100%
}
.home-features__graphics{
    position:relative;
    z-index:-1
}
.home-features__lotties{
    bottom:0;
    left:0;
    margin:0 auto;
    position:absolute;
    right:0;
    width:calc(100% - 64px)
}
.home-features__extend-btn{
    align-items:center;
    background-color:#1f2229cc;
    border-radius:12px;
    bottom:12px;
    color:var(--fg-fix-white);
    display:flex;
    height:40px;
    justify-content:center;
    position:absolute;
    right:12px;
    width:40px
}
.home-features__image{
    position:absolute;
    top:0;
    width:100%
}
.home-features__image--pro-ui{
    bottom:0;
    left:0;
    margin:0 auto;
    position:absolute;
    right:0;
    top:unset
}
.home-features__video{
    position:absolute;
    top:0;
    width:100%
}
.home-features__heading{
    font-size:36px;
    line-height:43.2px
}
.home-features__heading,.home-features__heading--hyper{
    color:var(--fg-fix-white);
    font-weight:400;
    text-align:center
}
.home-features__heading--hyper{
    font-size:64px;
    line-height:76.8px;
    margin:131px auto 32px
}
.home-features__title{
    color:var(--fg-fix-white);
    font-size:14px;
    font-weight:400;
    line-height:16.8px;
    margin-bottom:24px;
    position:relative;
    text-align:center
}
.home-features__title:after{
    background-color:var(--themes-main-solid-light);
    bottom:-8px;
    content:"";
    height:2px;
    left:50%;
    position:absolute;
    transform:translate(-50%);
    width:20px
}
.home-features__text{
    color:var(--fg-fix-white);
    font-size:16px;
    font-weight:400;
    line-height:22.4px;
    opacity:.7;
    padding:0 32px;
    text-align:center
}
.home-features--light{
    border:1px solid rgba(31,34,41,.15)
}
.home-features--light .home-features__heading,.home-features--light .home-features__text,.home-features--light .home-features__title{
    color:#000
}
.home-features--light .home-features__heading{
    padding:0 20px
}
.home-features--light .home-features__extend-btn{
    background-color:#1f222908
}
.discover-more{
    left:0;
    min-height:100vh;
    opacity:0;
    position:fixed;
    right:0;
    top:0;
    will-change:opacity,z-index;
    z-index:-1
}
.discover-more__title{
    font-size:72px;
    font-weight:400;
    line-height:93.6px;
    margin:calc(50vh - 100px) auto 0;
    max-width:650px;
    position:relative;
    will-change:opacity
}
@media(max-width:992px){
    .discover-more__title{
        font-size:32px;
        line-height:41.6px;
        max-width:290px;
        text-align:center
    }
}
.discover-more__title--1{
    opacity:.1
}
.discover-more__title--1,.discover-more__title--2{
    left:0;
    position:absolute;
    right:0;
    white-space:nowrap
}
.discover-more__title--2{
    overflow:hidden;
    width:100%;
    will-change:width
}
.discover-more__title--3{
    left:60px;
    max-width:530px;
    opacity:.1;
    position:absolute;
    right:0;
    white-space:nowrap
}
@media(max-width:992px){
    .discover-more__title--3{
        left:27px;
        max-width:235px
    }
}
.discover-more__title--4{
    left:60px;
    max-width:530px;
    overflow:hidden;
    position:absolute;
    right:0;
    white-space:nowrap;
    width:100%;
    will-change:width
}
@media(max-width:992px){
    .discover-more__title--4{
        left:27px;
        max-width:235px
    }
}
.discover-more__features{
    align-items:center;
    display:flex;
    gap:32px;
    height:100vh;
    justify-content:start;
    left:0;
    margin:0 auto;
    max-width:1240px;
    position:absolute;
    right:0;
    top:0
}
.discover-more__features .home-features__item{
    background-color:var(--fg-fix-white);
    height:500px;
    width:343px
}
.discover-more__features-container{
    align-items:center;
    display:flex;
    gap:32px;
    justify-content:center;
    position:absolute;
    transition:all .5s
}
@media(max-width:992px){
    .discover-more__features-container{
        padding:0 16px
    }
}
.feature-slider__indicator-container{
    align-items:center;
    display:flex;
    gap:6px;
    justify-content:center;
    left:0;
    position:absolute;
    right:0;
    top:calc(50vh + 300px)
}
.feature-slider__indicator{
    background-color:#1f222914;
    border-radius:1px;
    height:6px;
    transition:all .5s
}
.feature-slider__indicator-fill{
    background-color:var(--themes-main-solid-light);
    border-radius:1px;
    height:6px;
    position:relative;
    transition:all .5s;
    width:24px
}
.feature-slider__btns{
    display:flex;
    gap:12px;
    position:absolute;
    right:0
}
.feature-slider__btn{
    align-items:center;
    background-color:#1f222908;
    border-radius:12px;
    cursor:pointer;
    display:flex;
    height:40px;
    justify-content:center;
    width:40px
}
@media(hover:hover)and (pointer:fine){
    .feature-slider__btn:hover{
        background:#1f22290f
    }
}
.feature-slider__btn--disabled{
    cursor:default
}
@media(hover:hover)and (pointer:fine){
    .feature-slider__btn--disabled:hover{
        background:#1f222908
    }
}
.feature-slider__btn--disabled .p-icon{
    opacity:.2
}
.app-features{
    background-color:#fff;
    height:0;
    left:0;
    overflow:hidden;
    position:fixed;
    right:0;
    top:100vh;
    will-change:background-color,height;
    z-index:11
}
.app-features__title{
    color:#000;
    font-size:64px;
    font-weight:400;
    line-height:76.8px;
    margin:173px auto;
    max-width:724px;
    text-align:center
}
@media(max-width:992px){
    .app-features__title{
        font-size:64px;
        line-height:76.8px;
        max-width:320px
    }
}
.app-features__title-line{
    background-color:var(--themes-main-solid-light);
    bottom:-8px;
    height:4px;
    left:4px;
    position:absolute;
    right:0;
    width:0;
    will-change:width
}
@media(max-width:992px){
    .app-features__title-line{
        left:0;
        margin:0 auto;
        right:0;
        top:230px
    }
}
.app-features__subtitle{
    color:#000;
    font-size:24px;
    font-weight:400;
    line-height:33.6px;
    text-align:center
}
@media(max-width:992px){
    .app-features__subtitle{
        font-size:24px;
        line-height:33.6px;
        margin:0 auto;
        max-width:340px;
        opacity:.7
    }
}
.app-scroller{
    align-items:center;
    display:flex;
    height:100vh;
    justify-content:space-between;
    left:0;
    margin:0 auto;
    position:absolute;
    right:0;
    top:100vh;
    width:768px
}
@media(max-width:992px){
    .app-scroller{
        align-items:center;
        flex-direction:column-reverse;
        justify-content:center;
        width:100vw;
        will-change:transform
    }
}
.app-scroller__app{
    border:5px solid rgba(31,34,41,.08);
    border-radius:32px;
    height:610px;
    overflow:hidden;
    position:relative;
    width:310px
}
@media(max-width:992px){
    .app-scroller__app{
        border-radius:10px;
        border-width:4px;
        box-sizing:content-box;
        height:480px;
        width:240px
    }
}
.app-scroller__app-img{
    position:absolute;
    width:100%
}
@media(max-width:992px){
    .app-scroller__app-img--1,.app-scroller__app-img--2,.app-scroller__app-img--3,.app-scroller__app-img--4{
        will-change:transform
    }
    .app-scroller__app-img{
        height:480px;
        width:240px
    }
}
.app-scroller__overlay{
    background-color:#0003;
    inset:0;
    position:absolute
}
.app-scroller__overlay--1,.app-scroller__overlay--2,.app-scroller__overlay--3{
    will-change:opacity
}
.app-scroller__texts{
    height:600px;
    max-width:380px;
    overflow:hidden;
    position:relative;
    width:100%
}
@media(max-width:992px){
    .app-scroller__texts{
        height:200px;
        margin-top:32px
    }
}
.app-scroller__text{
    display:flex;
    flex-direction:column;
    height:600px;
    justify-content:center;
    position:absolute;
    top:100vh
}
@media(max-width:992px){
    .app-scroller__text--1,.app-scroller__text--2,.app-scroller__text--3,.app-scroller__text--4{
        will-change:transform
    }
    .app-scroller__text{
        display:block;
        height:30px;
        top:300px
    }
}
.app-scroller__text--1{
    top:0
}
.app-scroller__title{
    color:#000;
    font-size:36px;
    font-weight:400;
    line-height:46.8px;
    margin-bottom:32px;
    overflow:hidden;
    position:relative;
    width:380px
}
.app-scroller__title:after{
    background:var(--themes-main-solid-light);
    bottom:0;
    content:"";
    height:4px;
    left:0;
    position:absolute;
    width:48px
}
@media(max-width:992px){
    .app-scroller__title{
        font-size:20px;
        height:30px;
        line-height:24px;
        margin-bottom:16px;
        text-align:center
    }
    .app-scroller__title:after{
        height:2px;
        margin:0 auto;
        right:0;
        width:20px
    }
}
.app-scroller__subtitle{
    color:#000;
    font-size:16px;
    font-weight:400;
    height:100px;
    line-height:24px;
    opacity:.7;
    overflow:hidden;
    position:relative;
    width:350px
}
@media(max-width:992px){
    .app-scroller__subtitle{
        font-size:16px;
        line-height:24px;
        text-align:center
    }
}
.home-support{
    align-items:center;
    background-color:#f0f2f5;
    display:flex;
    flex-direction:column;
    height:100vh;
    justify-content:start;
    left:0;
    overflow:hidden;
    position:fixed;
    right:0;
    top:100vh;
    will-change:top,height;
    z-index:10
}
.home-support__title{
    color:#000;
    font-size:120px;
    font-weight:400;
    line-height:132px;
    margin-top:calc(50vh - 315px);
    text-align:center
}
@media(max-width:992px){
    .home-support__title{
        font-size:72px;
        line-height:79.2px;
        max-width:300px
    }
}
.home-support__subtitle{
    color:#1f2229;
    font-size:24px;
    font-weight:400;
    line-height:31.2px;
    margin:32px auto 30px;
    text-align:center
}
@media(max-width:992px){
    .home-support__subtitle{
        font-size:18px;
        line-height:21.6px;
        margin:16px auto 56px
    }
}
.home-support__img{
    height:150px;
    width:150px
}
@media(max-width:992px){
    .home-support__img{
        height:72px;
        width:72px
    }
}
.home-box{
    align-items:center;
    background-color:#000;
    display:flex;
    flex-direction:column;
    gap:24px;
    height:100vh;
    justify-content:start;
    left:0;
    overflow:hidden;
    padding-top:80px;
    position:fixed;
    right:0;
    top:100vh;
    will-change:top,height;
    z-index:9
}
@media(max-width:992px){
    .home-box{
        gap:16px
    }
    .home-box__img{
        margin-top:200px;
        will-change:transform
    }
}
.home-box__title{
    color:#fff;
    font-size:120px;
    font-weight:400;
    line-height:132px;
    max-width:960px;
    text-align:center
}
@media(max-width:992px){
    .home-box__title{
        font-size:48px;
        line-height:57.6px;
        margin-top:16px;
        will-change:transform
    }
}
.home-box__subtitle{
    color:#fff;
    font-size:20px;
    font-weight:400;
    line-height:28px;
    margin-bottom:16px;
    opacity:.7;
    text-align:center
}
@media(max-width:992px){
    .home-box__subtitle{
        font-size:18px;
        line-height:25.2px;
        margin-bottom:64px;
        will-change:transform
    }
}
.home-box__btn{
    background:none;
    color:#fff
}
@media(max-width:992px){
    .home-box__btn{
        will-change:transform
    }
}
.home-icon-circle{
    bottom:-130px;
    height:400px;
    position:relative;
    width:100vw
}
@media(max-width:992px){
    .home-icon-circle{
        height:280px;
        position:absolute;
        top:0;
        will-change:transform
    }
}
.home-icon-circle__container{
    align-items:center;
    animation:rotate 40s linear infinite;
    bottom:-55vh;
    display:flex;
    height:600px;
    justify-content:center;
    left:0;
    margin:0 auto;
    position:absolute;
    right:0;
    width:600px
}
@media(max-width:992px){
    .home-icon-circle__container{
        bottom:unset;
        top:350px;
        width:450px
    }
}
.home-icon-circle__icon{
    position:absolute;
    width:100px
}
.home-icon-circle__icon img{
    width:100%
}
@media(max-width:992px){
    .home-icon-circle__icon{
        width:80px
    }
}
.home-icon-circle:after{
    mask-image:linear-gradient(-90deg,#fff 90%,transparent);
    -webkit-mask-image:linear-gradient(-90deg,#fff 90%,transparent);
    right:0
}
.home-icon-circle:after,.home-icon-circle:before{
    backdrop-filter:grayscale(1);
    content:"";
    height:400px;
    position:absolute;
    width:calc(50vw - 50px);
    z-index:2
}
.home-icon-circle:before{
    left:0;
    mask-image:linear-gradient(90deg,#fff 90%,transparent);
    -webkit-mask-image:linear-gradient(90deg,#fff 90%,transparent)
}
@keyframes rotate{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(1turn)
    }
}
.home-shield{
    align-items:center;
    background-color:#c4def1;
    display:flex;
    flex-direction:column;
    height:100vh;
    justify-content:center;
    left:0;
    overflow:hidden;
    position:fixed;
    right:0;
    top:100vh;
    will-change:top,height;
    z-index:8
}
.home-shield__title{
    color:#1f2229;
    font-size:20px;
    font-weight:400;
    line-height:28px;
    margin-bottom:32px;
    position:relative;
    text-align:center
}
.home-shield__title:after{
    background:var(--themes-main-solid-light);
    bottom:-4px;
    content:"";
    height:2px;
    left:50%;
    position:absolute;
    transform:translate(-50%);
    width:21px
}
@media(max-width:992px){
    .home-shield__title{
        font-size:20px;
        line-height:24px
    }
}
.home-shield__heading{
    color:#1f2229;
    font-size:112px;
    font-weight:400;
    line-height:123.2px;
    text-align:center
}
@media(max-width:992px){
    .home-shield__heading{
        font-size:48px;
        line-height:57.6px
    }
}
.home-shield__subtitle{
    color:#000;
    font-size:20px;
    font-weight:400;
    line-height:28px;
    margin-top:24px;
    text-align:center;
    white-space:pre
}
.home-shield__subtitle br{
    display:none
}
@media(max-width:992px){
    .home-shield__subtitle{
        font-size:16px;
        line-height:22.4px;
        margin-top:16px;
        max-width:340px
    }
    .home-shield__subtitle br{
        display:block
    }
}
.home-shield__video{
    height:260px;
    opacity:0;
    width:254px;
    will-change:opacity
}
@media(max-width:992px){
    .home-shield__video{
        height:160px;
        width:160px
    }
}
.home-shield__btn{
    color:var(--themes-fix-primary);
    margin-top:12px
}
@media(max-width:992px){
    .home-shield__btn{
        margin-top:64px
    }
}
.home-shield__heading-sup{
    opacity:0
}
.home-video{
    height:100vh;
    position:fixed;
    top:100vh;
    width:100%;
    z-index:7
}
.home-video__video{
    height:100vh;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.paribu-universe{
    background-color:#000;
    display:none;
    margin-top:-100vh;
    min-height:900px;
    overflow:hidden;
    padding-top:48px;
    position:relative
}
.paribu-universe__title{
    color:var(--fg-fix-white);
    font-size:80px;
    font-weight:400;
    line-height:96px;
    margin-top:120px;
    text-align:center
}
@media(max-width:992px){
    .paribu-universe__title{
        font-size:48px;
        line-height:57.6px
    }
}
.paribu-universe__subtitle{
    color:var(--fg-fix-white);
    font-size:20px;
    font-weight:400;
    line-height:28px;
    margin-bottom:80px;
    text-align:center
}
@media(max-width:992px){
    .paribu-universe__subtitle{
        font-size:24px;
        line-height:33.6px;
        margin:16px auto 64px;
        max-width:300px
    }
}
.paribu-universe__scroll-container{
    margin:0 auto;
    position:relative
}
@media(max-width:992px){
    .paribu-universe__scroll-container{
        margin:0 auto;
        max-width:100%;
        padding:0 16px
    }
}
.paribu-universe__container{
    display:flex;
    gap:32px;
    overflow-x:auto;
    scrollbar-width:none;
    -ms-overflow-style:none;
    padding-bottom:20px;
    scroll-behavior:smooth
}
.paribu-universe__container::-webkit-scrollbar{
    display:none
}
@media(max-width:992px){
    .paribu-universe__container{
        gap:16px;
        padding:0 0 20px;
        scroll-snap-type:x mandatory
    }
}
.paribu-universe__item{
    align-items:start;
    background-color:#1f2229;
    border-radius:20px;
    display:flex;
    flex-direction:column;
    flex-shrink:0;
    gap:48px;
    height:278px;
    padding:32px 24px;
    position:relative;
    scroll-snap-align:start;
    width:253px
}
.paribu-universe__item:nth-child(2n){
    background-color:#434954
}
.paribu-universe__item:first-child{
    margin-left:calc(50vw - 600px)
}
@media(max-width:992px){
    .paribu-universe__item:first-child{
        margin-left:0
    }
}
.paribu-universe__item:last-child{
    margin-right:calc(50vw - 600px)
}
@media(max-width:992px){
    .paribu-universe__item:last-child{
        margin-right:0
    }
}
.paribu-universe__item-title{
    color:#fff;
    font-size:30px;
    font-weight:400;
    line-height:43.2px
}
@media(max-width:992px){
    .paribu-universe__item-title{
        font-size:28px;
        line-height:33.6px
    }
}
.paribu-universe__item-img{
    position:relative
}
.paribu-universe__icon{
    align-items:center;
    background-color:#0000004d;
    border-radius:12px;
    bottom:10px;
    display:flex;
    height:40px;
    justify-content:center;
    position:absolute;
    right:10px;
    width:40px
}
@media(max-width:992px){
    .paribu-universe__icon{
        bottom:8px;
        height:32px;
        right:8px;
        width:32px
    }
}
.paribu-universe__controls{
    align-items:center;
    display:flex;
    justify-content:center;
    margin-top:32px;
    padding:0 24px
}
@media(max-width:992px){
    .paribu-universe__controls{
        justify-content:center;
        padding:0 16px
    }
}
.paribu-universe__indicator-container{
    align-items:center;
    display:flex;
    gap:6px
}
@media(max-width:992px){
    .paribu-universe__indicator-container{
        margin-top:24px
    }
}
.paribu-universe__indicator{
    background-color:#fff3;
    border-radius:1px;
    cursor:pointer;
    height:6px;
    transition:all .3s ease;
    width:6px
}
.paribu-universe__indicator--active{
    background-color:var(--themes-main-solid-light);
    width:24px
}
.paribu-universe__nav-btns{
    display:flex;
    gap:12px
}
@media(max-width:992px){
    .paribu-universe__nav-btns{
        display:none
    }
}
.paribu-universe__nav-btn{
    align-items:center;
    background-color:#ffffff1a;
    border:none;
    border-radius:12px;
    color:var(--fg-fix-white);
    cursor:pointer;
    display:flex;
    height:40px;
    justify-content:center;
    transition:all .3s ease;
    width:40px
}
@media(hover:hover)and (pointer:fine){
    .paribu-universe__nav-btn:hover{
        background-color:#fff3
    }
}
.paribu-universe__nav-btn:disabled{
    cursor:not-allowed;
    opacity:.3
}
@media(hover:hover)and (pointer:fine){
    .paribu-universe__nav-btn:disabled:hover{
        background-color:#ffffff1a
    }
}
.download-app-banner{
    background:var(--bg-white);
    border-top:1px solid rgba(31,34,41,.04);
    bottom:0;
    height:66px;
    left:0;
    padding:16px;
    position:fixed;
    right:0;
    transition:all .3s ease-in-out;
    z-index:20
}
.download-app-banner--hide{
    transform:translateY(100px)
}
.download-app-banner__btn{
    color:var(--themes-fix-primary)!important
}
.app-loading{
    align-items:center;
    background:var(--bg-white);
    display:flex;
    justify-content:center;
    inset:0;
    position:fixed;
    transition:all .2s ease-in-out;
    z-index:100
}
.page-loading{
    height:140px;
    width:140px
}
.page-loading-overlay{
    align-items:center;
    background:var(--bg-white);
    display:flex;
    justify-content:center;
    inset:0;
    position:fixed;
    z-index:100
}
.referral__codes{
    border:1px solid var(--stroke-light);
    border-radius:var(--br-8);
    max-width:404px;
    width:100%
}
.referral__inner{
    gap:32px
}
@media(max-width:1248px){
    .referral__inner{
        gap:16px
    }
    .referral__heading{
        font-size:24px!important;
        line-height:32px!important
    }
}
.referral__item{
    border-bottom:1px solid var(--stroke-light);
    height:40px
}
.referral__item:last-child{
    border-bottom:none
}
.referral__item .p-dropdown{
    border:none;
    padding:0;
    width:98px
}
.referral__item .p-dropdown.p-dropdown--medium .p-dropdown__field{
    bottom:5px;
    width:100px
}
.referral__item .p-dropdown .p-menu{
    width:136px!important
}
.referral__item .p-dropdown .p-menu__item__inner{
    gap:12px
}
.referral__link{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:168px
}
@media(max-width:1248px){
    .referral__link{
        width:96px
    }
}
.referral__history{
    height:520px
}
@media(max-width:1248px){
    .referral__history h2{
        font-size:20px!important;
        line-height:24px!important
    }
    .referral canvas{
        height:112px
    }
}
.referral .influencer-codes{
    align-items:flex-start
}
@media(max-width:1248px){
    .referral .influencer-codes{
        gap:16px!important
    }
    .referral img{
        width:255px
    }
}
.not-found{
    cursor:none;
    height:100vh;
    position:relative;
    width:100vw;
    z-index:12
}
.not-found-layout .header{
    position:static
}
.not-found-layout .header-logo{
    z-index:99
}
.not-found__title--1{
    margin-top:-400px;
    position:absolute;
    -webkit-text-stroke:1px var(--base-3);
    color:var(--bg-fix-white);
    mix-blend-mode:darken;
    z-index:11
}
.dark-mode .not-found__title--1{
    -webkit-text-stroke:1px #fff;
    color:#000;
    mix-blend-mode:lighten
}
.not-found__title--2{
    color:#000;
    margin-top:-400px;
    -webkit-text-stroke:1px #000;
    position:absolute
}
.dark-mode .not-found__title--2{
    color:#fff;
    -webkit-text-stroke:1px #fff;
    mix-blend-mode:normal
}
.not-found__cursor{
    background:var(--neutral-anthracite);
    border:2px solid var(--neutral-anthracite);
    border-radius:50%;
    height:240px;
    left:220px;
    mix-blend-mode:normal;
    opacity:1;
    pointer-events:none;
    position:fixed;
    top:-100px;
    width:240px;
    will-change:transform
}
.dark-mode .not-found__cursor{
    background:var(--bg-fix-white);
    border:2px solid var(--bg-fix-white)
}
.not-found__cursor--outline{
    background:transparent;
    border:2px solid rgba(31,34,41,.12);
    border-radius:50%;
    height:240px;
    left:220px;
    pointer-events:none;
    position:fixed;
    top:-100px;
    width:240px;
    will-change:transform;
    z-index:11
}
.not-found__cursor--outline:after{
    background:var(--stroke-accent);
    border-radius:50%;
    content:"";
    height:20px;
    left:calc(50% - 10px);
    opacity:.5;
    pointer-events:none;
    position:absolute;
    top:calc(50% - 10px);
    width:20px;
    z-index:11
}
.dark-mode .not-found__cursor--outline:after{
    border:2px solid hsla(0,0%,100%,.12)
}
.not-found__subtitle{
    position:relative;
    text-align:center;
    top:-130px;
    z-index:11
}
.not-found__markets-container{
    display:grid;
    grid-gap:20px 150px;
    bottom:0;
    height:calc(50vh + 100px);
    overflow-x:hidden;
    padding-bottom:100px;
    padding-top:80px;
    position:absolute;
    width:100vw;
    will-change:transform
}
.not-found__video{
    bottom:0;
    opacity:.5;
    position:fixed
}
.not-found__header{
    left:0;
    position:fixed;
    top:0;
    z-index:12
}
.not-found__header .app-header__desktop--menu-panel{
    cursor:pointer
}
.not-found__header .p-theme-switcher__label{
    cursor:none
}
.not-found__theme-switcher{
    height:32px;
    left:0;
    margin:24px auto;
    max-width:1372px;
    position:absolute;
    right:0;
    top:0;
    width:100%
}
.not-found__theme-switcher .p-theme-switcher__label{
    cursor:none
}
.not-found-market{
    background:var(--elevator-primary-liquid-large);
    border-radius:100px;
    box-shadow:var(--e-card-hover);
    cursor:none;
    gap:12px;
    height:72px;
    padding:12px 24px 12px 12px;
    position:relative;
    width:387px;
    will-change:transform;
    z-index:1
}
.not-found-market--even{
    margin-left:-200px
}
.not-found-market:hover{
    z-index:2
}
.not-found-market__title{
    display:inline-block;
    margin-right:4px;
    max-width:110px;
    overflow:hidden;
    text-overflow:ellipsis
}
.not-found-market__icon{
    background:var(--coin-symbol);
    border-radius:50%;
    height:48px;
    padding:8px;
    width:48px
}
.not-found-market__img{
    display:block;
    width:100%
}
.not-found-mobile{
    overflow:hidden;
    position:relative
}
.not-found-mobile__markets-container{
    display:grid;
    grid-gap:30px;
    height:calc(100vh - 250px);
    overflow-x:hidden;
    padding:50px 0 20px;
    top:200px;
    width:100vw;
    will-change:transform
}
.not-found-mobile__market{
    background:var(--elevator-primary-liquid-large);
    border-radius:50%;
    box-shadow:var(--e-card-hover);
    height:48px;
    width:48px;
    will-change:transform
}
.not-found-mobile__image{
    display:block;
    width:70%
}
.not-found-mobile--even{
    margin-left:-50px
}
.overlay-canvas{
    cursor:none;
    left:0;
    pointer-events:none;
    position:fixed;
    top:0;
    z-index:10
}
.error-border-color rect:first-child{
    stroke:var(--stroke-medium)!important;
    stroke-opacity:1!important
}
.error-border-color rect:last-child{
    fill:var(--stroke-medium)!important;
    fill-opacity:1!important
}
.error-state{
    height:120px;
    margin:40px;
    width:120px
}